@import url(https://www.oh100.com/static/css/index_peixun.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
body{font-size:14px;background-color: #f8f8f8;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
strong{font-weight:800}
ol,ul,li{list-style:none outside none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{color: #188bd8;text-decoration:none;font-size: 16px;}
a:hover{text-decoration:underline;color: #f14848;}

.clearfix{*zoom:1;}/*IE6 7*/
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*logo*/
.header{width: 100%;padding: 9px 0;background: #fff;text-align: center;}
.logo_box{width: 100%;float: left;margin: 15px 0;position: relative;}
.logo{display: inline-block;background: url(//static.oh100.com/img/pc_ico.png) no-repeat 0 0;width: 123px;height: 34px;background-size: 100%;}
.logo img{float: left;width: 200px;}
.logo p{float: left;margin-top: 5px;}
.logo p img{width: 226px;}
.logo_bg{background: url(//static.oh100.com/img/pc_ico.png) no-repeat 0 -735px;float: left;width: 140px;height: 40px;margin-top: 10px;margin-left: 10px;}

/*搜索*/
.search {float: right;width: 273px;margin-top: 12px;margin-right: 7px;border-radius: 4px;display: none;}
.search input {line-height: 32px;float: left;color: #B9B9B9;}
.search input.searchbar {height: 39px;width: 81%;text-indent: 5px;font-size: 14px;border-radius: 4px 0 0 4px;border: 1px solid #188bd8;}
.search input.search_results {float: left;width: 18%;height: 41px;font-size: 14px;font-weight: 700;border: 0;background: url(//static.oh100.com/img/pc_ico.png) no-repeat 8px -83px;background-color: #188bd8;border-radius: 0  4px 4px 0;}
/*投稿*/
.rougao {float: right;margin-top: 7px;width: 257px;display: none;}
.rougao a:before{content: "";background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -44px -471px;float: left;height: 30px;width: 26px;margin-top: 4px;margin-left: 10px;margin-right: 6px;}
.rougao a {height: 33px;line-height: 33px;float: left;display: inline-block;color: #ffffff;font-size: 14px;width: 111px;background: #379adc;margin: 0 2%;border-radius: 4px;text-align: left;}
.rougao .on {background-color: #f96969;}
.rougao .on:before{background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -19px -471px;}
.rougao a:hover{color:#fff!important;}
.phone{background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: 0px -474px;float: right;color: #333;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 12px;font-size:14px;}
.phone:hover{color:#f96969!important;}
contact-i{background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -125px -448px;float: right;color: #777777;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 20px;font-size:14px;margin-left: 10px;}
/*header*/
.index_mid{width: 100%;margin: auto;display: flex;justify-content: center;align-items: center;}
.subnav{float: left;background: #188bd8;width: 100%;overflow: hidden;line-height: 42px;padding: 10px 0;}
.subnav p{float: left;line-height: 29px;height: 29px;color: #666;}
.subnav ul {float: left;text-align: center;width: 100%;}
.subnav ul li{float: left;text-align: center;width: 25%;}
.subnav ul li:hover, .subnav ul li a.on{background: #187aca;}
.subnav ul li:hover a,.subnav ul li.on a{color: #fff;width: 100%;float: left;}
.subnav ul a {color: #ffffff;font-size: 17px;width: 100%;float: left;}
.subnav ul a.now,.header a:hover{text-decoration: none;color: #929292;}
.subnav ul li:nth-child(1){/* background: #187aca; */}
.index_lanmu{float: left;background: #379adc;font-size: 18px;padding: 0 9px;color: #fff;border-radius: 4px;height: 30px;line-height: 30px;margin-left: 9px;}
.header a:hover{color:#fff;}

.banner{float:left;width:100%;margin-bottom: 10px;overflow: hidden;}
.banner img{float:left;width:100%;}

/*分类*/
.main_nav{float:left;border-top: 1px solid #eceaea;width: 100%;margin-top: 10px;background: #fff;}
.tabs{float:left;background:#F5F5F3;width:100%;border-bottom: 1px solid #eceaea;position: relative;}
.tabs li{float:left;position:relative;width: 20%;}
.tabs li.thistab em{display:block;height:5px;left:50%;margin-left: -8px;position:absolute;top:62px;width:13px;background: url(//static.oh100.com/img/edu_icon.png) no-repeat 0px -1126px!important;}
.tabs li a{float:left;height: 61px;line-height: 92px;text-align:center;cursor:pointer;color: #333;display:block;font-size: 13px;border-left: 1px solid #e4e4e4;border-right: 1px solid #ffffff;width: 100%;font-weight: 700;}
.tabs li.thistab a{background: #f14848;color:#FFF;}
.tabs li a.tab1{background:url(//static.oh100.com/img/edu_icon.png) no-repeat 20px -986px;}
.tabs li.thistab a.tab1{background: #dd3131 url(//static.oh100.com/img/edu_icon.png) no-repeat -123px -986px!important;}
.tabs li a.tab2{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 22px 10px;}
.tabs li.thistab a.tab2{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -124px 12px!important;}
.tabs li a.tab3{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 19px -46px;}
.tabs li.thistab a.tab3{background:#d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -130px -43px!important}
.tabs li a.tab4{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 25px -106px;}
.tabs li.thistab a.tab4{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -122px -103px!important;}
.tabs li a.tab5{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 21px -166px;}
.tabs li.thistab a.tab5{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -126px -163px!important;}
.tabs li a.tab6{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 24px -228px;}
.tabs li.thistab a.tab6{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -122px -227px!important;}
.tabs li a.tab7{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 25px -300px;}
.tabs li.thistab a.tab7{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -122px -297px!important;}
.tabs li a.tab8{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 24px -787px;}
.tabs li.thistab a.tab8{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -122px -784px!important;}
.tabs li a.tab9{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 24px -361px;}
.tabs li.thistab a.tab9{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -121px -357px!important;}
.tabs li a.tab10{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 21px -428px;}
.tabs li.thistab a.tab10{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -126px -424px!important;}
.tabs li a.tab11{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 23px -495px;}
.tabs li.thistab a.tab11{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -123px -491px!important;}
.tabs li a.tab12{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 24px -561px;}
.tabs li.thistab a.tab12{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -120px -561px!important;}
.tabs li a.tab13{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 26px -625px;}
.tabs li.thistab a.tab13{background: #d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -122px -623px!important;}
.tabs li a.tab14{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 24px -686px;}
.tabs li.thistab a.tab14{background:#d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -126px -686px!important}
.tabs li a.tab15{background: url(//static.oh100.com/img/edu_icon.png) no-repeat 21px -878px;}
.tabs li.thistab a.tab15{background:#d62c2c url(//static.oh100.com/img/edu_icon.png) no-repeat -126px -874px!important}
.tabs li a:first-child{position:relative;left:-1px;}
.tabs li:last-child{float:right;right: 1px;position: absolute;bottom: 0;}
.tab_con{padding:5px 0;float:left}
.tab_con li{float:left;width: 114px;margin: 4px;height: 24px;line-height: 24px;border-bottom: 1px dotted #f1f1f1;padding-bottom: 3px;text-align:center;}
.tab_con li a{font-size: 15px;color:#333;}
.tab_con li a:hover,.tab_con li strong{color: #d24646;font-weight:700;}

.main_index{float:left;width: 100%;border-top: 1px solid #eceaea;margin-top: 10px;background: #fff;}
.main_index .title{background:#fafafa none repeat scroll 0 0;border-bottom: 1px solid #eceaea;height:38px;line-height:38px;float:left;width: 100%;}
.main_index .title h3 a{color: #333;display:inline;float:left;font-size: 20px;line-height:38px;margin-left:10px;padding-left:35px;font-weight: 700;}
.main_index .title h3 a.t1{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px 12px}
.main_index .title h3 a.t2{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -44px}
.main_index .title h3 a.t3{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -98px}
.main_index .title h3 a.t4{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -164px}
.main_index .title h3 a.t5{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -237px}
.main_index .title h3 a.t6{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -297px}
.main_index .title h3 a.t7{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -363px}
.main_index .title h3 a.t8{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -432px}
.main_index .title h3 a.t9{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -499px}
.main_index .title h3 a.t10{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -571px}
.main_index .title h3 a.t11{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -632px}
.main_index .title h3 a.t12{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -692px}
.main_index .title h3 a.t13{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -778px}
.main_index .title h3 a.t14{background:url(//static.oh100.com/img/edu_icon.png) no-repeat -356px -858px}
.main_index .title span{float:right;display: none;}
.main_index .title span a{display:inline-block;line-height:38px;padding:0 20px;border-left:1px solid #eee;font-size:14px;}
.main_index .title span a.more{width:55px;height:38px;color: #188bd8;background: #e5f2fb;}
.main_index .box{float:left;width: 94%;padding: 3%;}
.toutiao{ overflow: hidden;  padding-bottom:5px;}
.recommended { height:32px; line-height:32px; color:#e1e1e1; overflow:hidden;}
.recommended:before{content: "";background: url(//static.oh100.com/img/edu_icon.png) no-repeat -15px -1105px!important;width: 80px;height: 40px;float: left;}
.recommended a{display:inline-block;padding:0 10px;color: #e1302b;font-size: 17px;font-weight: 700;}
.new_list li{height: 30px;line-height: 30px;overflow:hidden;float: left;width: 100%;}
.box_left h4{height: 34px;float: left;line-height: 34px;color: #188bd8;font-size: 16px;border-bottom: 2px solid #188bd8;margin-bottom: 5px;}
.new_list a{color:#444;font-size: 15px;float: left;width: 100%;}
.new_list a:before{content: "";float: left;height: 4px;width: 4px;background: #d8d4d4;margin-top: 16px;margin-right: 10px;}
.box_mid{float:left;width: 100%;}
.focus_pic{float:left;width: 100%;margin:10px 0;position: relative;}
.focus_pic img{width: 100%;height: 176px;float: left;}
.focus_pic span{float: left;width: 100%;background: #fafafa;height: 30px;text-align: center;line-height: 30px;color: #e1302b;position: absolute;left: 0;bottom: 0;}
.box_left{float: right;width: 100%;}
.hot_list{float:left;width:100%}
.hot_list li{height: 30px;line-height: 30px;overflow:hidden;}
.hot_list h4{font-size: 16px;font-weight:700;height: 24px;line-height: 24px;border-bottom: 1px solid #f3f3f3;color: #e1302b;}
.hot_list a{color:#444;font-size: 15px;}
.hot_list span{float:right;font-size: 12px;color: #989898;}
.box_right{float:right;width: 100%;margin-top:10px;}
.box_right .pic_list{float:left;width:100%;overflow:hidden;display: flex;justify-content: space-between;align-items: center;}
.box_right .pic_list .fle{width: 45%;margin-right: 3%;display: inline-block;float: right;}
.box_right .pic_list .fle a{display: inline-block;float: left;position: relative;width: 100%;margin-bottom: 8px;}
.box_right .pic_list .fle img{width: 100%;height: 120px;}
.box_right .pic_list .fle span{width: 96%;padding: 0 2%;display:inline-block;height: 35px;line-height: 35px;overflow:hidden;background: #f5f5f5e3;color: #272626;position: absolute;left: 0;text-align:center;bottom: 0;}
.box_right .pic_list ul{display: inline-block;float: left;width: 52%;}
.box_right .pic_list li{height: 32px;line-height: 32px;width: 100%;overflow: hidden;float: left;}

/*频道页面*/
.nav{width: 30%;float: left;margin-right: 30px;height: 254px;overflow: hidden;}
.nav li{float: left;width: 75px;line-height: 28px;height: 28px;overflow:hidden;border: 1px solid #ececec;text-align: center;margin-bottom: 3px;margin-right: 5px;margin-top: 5px;}
.nav .fle{float: left;width: 100%;height: 30px;line-height: 30px;border-bottom: 2px solid #e24040;}
.nav .fle h2{line-height: 30px;font-size: 18px;color: #e24040;font-weight: 700;}

.main_top{float:left;width:100%;margin-top: 15px;}
.main_top .picbox{float:left;width: 457px;}
.picbox .banner{float:left;height: 250px;margin-top:3px;overflow:hidden;position:relative;width: 444px;}
.picbox .banner ul.bannerBg{float:left;height: 250px;left:0;position:absolute;top:0;width: 300%;}
.picbox .banner ul.bannerBg li{float:left;height: 250px;width: 444px;}
.picbox .banner ul.bannerBg li img{height: 250px;width: 444px;}
.picbox .bannerCont{bottom:13px;height:5px;position:absolute;right:1px;width:95px;z-index:9}
.picbox .bannerCont a{background: #379adc none repeat scroll 0 0;opacity:.8;-moz-opacity:.8;float:left;height:12px;margin-right:5px;width:12px;}
.picbox .bannerCont em{background: #e24040 none repeat scroll 0 0;height:12px;left:0;position:absolute;top:0;width:12px;}
.main_top .list{float:left;margin:0 0 0 7px;overflow:hidden;width:400px}
.nlist{float:right;width: 250px;background: #f5f5f5cc;padding: 5px 15px;}
.nlist li{height: 30px;line-height: 30px;overflow:hidden;font-size:14px;}
.nlist h4{font-size: 16px;height:30px;line-height:30px;padding-bottom:2px;margin-bottom:3px;font-weight: 700;}
.nlist a{color:#444;font-size: 15px;}

.main_list{float:left;width: 107%;margin:10px 0;}
.main_list .clist{float:left;width: 30%;margin-right: 2%;height: 392px;}
.main_list .clist .clist_title{float:left;width:100%;height:35px;line-height:35px;border-bottom: 2px solid #f3c0c0;}
.main_list .clist .clist_title h2{float:left;line-height:35px;color: #e24040;font-size: 18px;font-weight:800;border-bottom: 2px solid #e24040;padding: 0 10px;}
.main_list .clist .clist_title em{float:right;height: 20px;background: #ffd9d9;color: #e24040;width: 40px;text-align: center;line-height: 20px;font-size: 12px;margin-top: 10px;}
.main_list .clist .tou{display:inline;float:left;padding: 9px 0;width:100%;}
.main_list .clist .tou .fle{float:left;margin-right: 12px;width: 129px;height: 83px;}
.main_list .clist .tou img{height: 83px;width: 100%;}
.main_list .clist .tou .flr{width: 200px;float: left;}
.main_list .clist .tou h4{float:left;height:26px;line-height:26px;overflow:hidden;width:100%;margin-bottom: 5px;}
.main_list .clist .tou h4 a{color: #444;font-size: 15px;font-weight: 700;}
.main_list .clist .tou p{color:#666;display:inline;float:left;line-height: 24px;width:100%;height: 51px;overflow: hidden;}
.main_list .clist .tou p a{color:#333}
.main_list .clist ul{float:left;width:100%}
.main_list .clist li{height: 30px;line-height: 30px;overflow:hidden;}
.main_list .clist span{float:right;color:#999;font-size: 12px;}
.content ul li{padding: 6px 0;}
.content ul li .con .cont p{margin: 0;}
.sidebar{float: left;width: 600px;line-height: 24px;height: 24px;overflow: hidden;color: #a5a5a5;font-size: 14px;}
.sidebar a{color: #a5a5a5;font-size: 14px;}
.sidebar span{color: #a5a5a5;font-size: 14px;}
.sidebar code{margin: 0 10px;color: #a5a5a5;}

/*course*/
.fenlei{float:left; width:100%}
.fenlei .title{ float:left; width:100%; margin-top:15px;}
.fenlei .title h2 a{background: #dd3131;color:#FFF;line-height:30px;height:30px;padding:2px 15px;font-size: 14px;font-weight: 800;float:left;border-radius: 15px;}
.fenlei ul{float:left;width: 102%;padding:8px 0;margin-bottom: 10px;}
.fenlei li{float:left;width: 117px;line-height:30px;height:30px;margin-right:10px;overflow:hidden;padding-left:5px;border: 1px solid #f1f1f1;margin-bottom: 10px;text-align: center;}
.fenlei li a{ font-size:14px}.fenlei li a:hover{color:#B10015}


/*友链*/
.fink_box{width: 100%;margin:auto;}
.flink{float: left;background: #fff;border-radius: 12px;padding: 3%;margin: 10px 0;width: 94%;}
.flink ul{width: 1100px;margin: auto;}
.flink b{line-height: 28px;float: left;font-size: 15px;font-weight: 700;color: #188bd8;display: flex;flex-wrap: nowrap;align-items: center;}
.flink b:before{content:"";font-weight: 700;color: #333;float: left;width: 5px;height: 15px;margin-right: 5px;background: #188bd8;border-radius: 50px;}
.flink b:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 240px;margin-left: 15px;}

.flink li{line-height: 22px;color: #666;margin: 5px;float: left;}
.flink li:nth-child(1){color: #4586f1;}
.flink li a{color: #666;font-size: 12px;}
.flink li a:hover{color: #4586f1;}

/*footer*/
.footer{float: left;width: 100%;background: #363d4d;text-align: center;padding: 10px 0;font-size: 12px;}
.footer p{text-align: center;color: #c7c7c7;float: left;width: 100%;font-size: 12px;line-height: 24px;}
.footer p a{font-size: 12px;color: #c7c7c7;padding: 0 3px;display: inline-block;}

.impro{float: left;width: 100%;text-align: center;margin-top: 20px;}
.impro li{display: inline-block;margin: 0 10px;}
.impro li img{float: left;}

/*回顶部*/
.sidetop{left:50%;margin-left:620px;margin-top:350px;position:fixed;width:54px;z-index:400}
.sidetop ul li{float:left;text-align:center;margin-bottom:5px;display: none;background-color: #8dc5f3;border-radius: 2px;}
.sidetop ul li a{display:block;height: 54px;color:#484848;font-size: 14px;width: 56px;}
.sidetop ul li a span{display: inline-block;color: #ffffff;width: 50%;line-height: 20px;margin-top: 7px;}
.sidetop ul li a:hover span{text-decoration: none; color:#fff;}
.sidetop ul li a:hover{background-color: #2ca6e0;}
}