@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;max-width: 740px;margin: auto;background: #f7f7f7;position: relative;}
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: #2965b1!important;}
/*logo*/
.header{background: #ffffff;display: inline-block;width: 100%;height: 56px;float: left;}
.header .home{margin-left: 10px;float: left;margin-top: 14px;height: 30px;width: 28px;background: url(//static.oh100.com/img/pc_ico.png) no-repeat 0 -907px;}

.nav{height: 43px;position: absolute;top: 0;width: 50px;z-index: 1000;right: 0;}
.nav .nav_close{float: left;width: 30px;margin-left: 11px;margin-top: 13px;position: relative;height: 18px;}
.nav .nav_close span{font-size: 16px;background: #379adc;width: 28px;height: 3px;float: left;border-radius: 50px;margin-top: 8px;}
.nav .nav_close:before{content:"";font-size: 16px;background: #379adc;width: 28px;height: 3px;float: left;border-radius: 50px;top: 0;left: 0;position: absolute;}
.nav .nav_close:after{content:"";font-size: 16px;background: #379adc;width: 28px;height: 3px;float: left;border-radius: 50px;margin-top: 5px;position: absolute;left: 0;bottom: 0;}
.nav .nav_down{background: no-repeat;height: 30px;}
.nav .nav_down span{background:none}
.nav .nav_down:before{background: #f0f1f9;height: 1px;-webkit-transform: rotate(42deg);top: 10px;width: 28px;}
.nav .nav_down:after{background: #f0f1f9;height: 1px;-webkit-transform: rotate(-42deg);top: 6px;width: 28px;}

.nianji{font-size: 14px;background-color: #ffffff;float: left;width: 96%;padding: 2%;margin-top: 2%;border-radius: 10px;margin-bottom: 7px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.nianji a{float: left;border: 1px solid #e6e6e6;line-height: 28px;border-radius: 4px;margin: 6px 0;font-size: 14px;color: #333;width: 23%;text-align: center;height: 28px;overflow: hidden;}
.main {float: left;width: 100%;position: relative;z-index: 10;}

.xuexi_box{background: #fff;margin-bottom: 9px;float: left;width: 100%;border-radius: 10px;}
.xuexi_box .title{margin: 2%;width: 96%;float: left;}
.xuexi_box .title i{overflow: hidden;background: url(//static.oh100.com/img/ico_2021.png) no-repeat -14px -75px;height: 27px;width: 27px;background-size: 524%;float: left;margin-top: 8px;}
.xuexi_box .title span{color: #333;display: inline-block;padding: 0 5px;height: 40px;line-height: 40px;float: left;text-align: center;font-size: 17px;font-weight: 700;}
.xuexi_box .title a{}
.xuexi_box .title a code{font-size: 12px;color: #44abf0;font-weight: 400;float: right;height: 20px;line-height: 20px;background: #e4f3ff;padding: 0 5px;margin-bottom: 4px;margin-top: 7px;}
.xuexi_box .title a:before{background: #0aaf9b;height: 18px;width: 5px;float: left;margin-top: 4px;margin-right: 5px;}

.listbar{display:block;background: #fff;float: left;width: 100%;}
.listbar li{border-top: 1px solid #ececec;margin: 0 2%;}
.listbar li:last-child{border-bottom:0;}
.listbar li a{color: #333;display:block;font-size: 16px;height: 46px;line-height: 46px;overflow: hidden;}
.listbar li i{width: 16px;height: 16px;float: left;margin-top: 15px;border: 1px solid #0d86d8;border-radius: 4px;color: #0d86d8;font-style: inherit;text-align: center;line-height: 16px;margin-right: 10px;}

.listpic {background: #FFF;padding: 10px;float: left;}
.listpic dl {height: 85px;overflow: hidden;}
.listpic dt {float: left;width: 120px;height: 85px;overflow: hidden;margin-right: 15px;border-radius: 4px;}
.listpic dd.tit {line-height: 20px;height: 20px;overflow: hidden;margin-bottom: 8px;color: #464646;font-size: 16px;font-weight: bold;margin-top: 5px;}
.listpic dd {color: #8e8e8e;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.listpic img {height: 85px;width: 120px;}


/*最新文章*/
.list_news{background: #fff;display: inline-block;float: left;border-radius: 15px;}
.list_news ul {display: inline-block;width: 100%;float: left;margin: 0;}
.list_news ul li {float: left;width: 100%;padding: 14px 0;border-bottom: 1px solid #f1f1f1;margin: 0;}
.list_news ul .pic1 .pic_img {margin-left: 5px;float: left; width: 120px; height: 84px; overflow: hidden; position: relative; margin-right: 10px;}
.list_news ul .pic1 .pic_img img { width: 100%; float: left; height: 84px;}
.list_news ul .pic1 a { width: 100%; display: block; font-size: 14px;}
.list_news ul .pic1 .pic_art {display: table-cell;vertical-align: middle;height: 84px;}
.list_news ul .pic1 .pic_art h2 {width: 90%;font-size: 16px;color: #000;font-weight: 700;overflow: hidden;height: 20px;line-height: 20px;}
.list_news ul .pic1 .pic_art p { height: 16px; font-size: 12px; color: #000; width: 98%; line-height: 16px; overflow: hidden; padding-top: 10px;}
.list_news ul .pic1 .pic_art .time { display: inline-block; color: #999999; font-size: 12px;margin-top: 10px;}


/* 搜索 */
.search {float: left;border-radius: 24px;overflow: hidden;width: 82%;position: absolute;right: 3%;border: 1px solid #e1e1e1;top: 11px;}
.search em{float: left;width: 26px;height: 25px;background: url(https://cpt.9136.com/img/ruiwen/index/ico_2021.png) -31px 0px no-repeat;margin-left: 15px;margin-top: 11px;display: none;}
.search_text {width: 60%;line-height: 33px;height: 33px;border: 0;color: #cacaca;font-size: 14px;outline: none;padding: 0 5%;}
.search_btn {width: 26%;line-height: 33px;cursor: pointer;background: #168ad8;padding: 0;float: right;font-size: 14px;color: #ffffff;border: 0;text-align: center;}
.search_hot {font-size: 12px;line-height: 30px;height: 30px;float: left;width: 100%;margin-top: 21px;display: flex;flex-wrap: wrap;justify-content: center;}
.search_hot a {background: rgb(9 132 198);padding: 0 16px;border-radius: 17px;opacity: 0.8;color: #fff;margin-left: 5px;height: 23px;line-height: 23px;}
.search_hot a:hover { opacity: 1;}

/* 面包屑 */
.sidebar{color: #f2f2f2;white-space: nowrap;text-overflow: ellipsis;height: 42px;overflow: hidden;width: 96%;background: #fff;border-radius: 10px;float: left;line-height: 42px;margin-top: 2%;padding: 0 2%;}
.sidebar a{height: 42px;line-height: 42px;float: left;overflow: hidden;font-size: 12px;color: #999;}
.sidebar span{height: 42px;line-height: 42px;display: inline-block;padding: 0 0px 0 8px;overflow: hidden;font-size: 16px;color: #1a1a1a;background-size: auto 42px;}
.sidebar code{color: #999;float: left;padding: 0 5px;}
.sidebar em{width: 18px;background: url(//static.oh100.com/img/ico_2021.png) no-repeat -75px -156px;height: 19px;float: left;margin-top: 11px;margin-right: 3px;}


/*course*/
.fenlei{float:left;width: 100%;}
.fenlei .title{float:left;width: 92%;background: #fff;padding: 2% 4%;}
.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: 96%;background: #fff;padding: 0 2%;margin-bottom: 10px;}
.fenlei li{float:left;width: 22%;line-height:30px;height:30px;margin-left: 2%;overflow:hidden;border: 1px solid #f1f1f1;margin-bottom: 10px;text-align: center;}
.fenlei li a{font-size:14px;color: #333;}.fenlei li a:hover{color:#B10015}


/*分页*/
.pages {display: inline-block;width: 100%;padding: 12px 0;line-height: 40px;text-align: center;background: #fff;border-bottom: 1px solid #e0d2d2;margin-top: -4px;}
.pages li{border-radius: 2px;text-align: center;width: 28%;display: inline-block;background: #2ca6e0;margin: 5px;color: #fff;}
.pages>a{font-size: 14px;color: #ffffff;border-radius: 2px;text-align: center;display: inline-block;background: #188bd8;margin: 5px;padding: 0 15px;line-height: 34px;}
.pages>li>a{font-size: 15px;color: #ffffff;}


/*回顶部*/
.sidetop{right: 0;bottom: 0;position:fixed;width: 50px;z-index:400;display: none;}
.sidetop ul li{float:left;text-align:center;display: none;background-color: #8dc5f3e0;border-radius: 2px;}
.sidetop ul li a{display:block;height: 46px;color:#484848;font-size: 12px;width: 50px;}
.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;}

/*页脚*/
.footer{text-align:center;float: left;width: 100%;background: #ecf5fc;padding-bottom: 11px;}
.footer p{text-align:center;float: left;width: 100%;}
.footer p:after{content:"";text-align: center;color: #e0e0e0;width: 115px;font-size: 12px;background: url(//static.oh100.com/img/pc_ico.png) no-repeat 0 0;;;;;;;;;;;;background-size: 99%;height: 33px;;;display: block;;;;;margin: auto;;;}
.footer p a{font-size: 16px;color: #75b5e8;margin-bottom: 7px;line-height: 39px;display: inline-block;padding: 0 5px;}

/*举报*/
.jubao{text-align:center;float: left;width: 100%;background: #ecf5fc;padding: 16px 0;padding-bottom: 5px;}
.jubao a{font-size: 15px;color: #4f91c3;padding: 0 5px;}

/* 专题 */
.zhuanti_box{float: left;width: 100%;background-size: 100%;position: relative;}
.zhuanti_by{background: url(https://p.9136.com/00/lm520.jpg) no-repeat top center;float: left;width: 100%;background-size: 100%;position: absolute;top: 0;height: 500px;z-index: -5;opacity: 0.15;}
.zhuanti{width: 100%;margin: auto;}
.zhuanti_top{width: 100%;float: left;}
.zhuanti_top_l{width: 94%;float: left;background: #ffffff;padding: 5% 3%;border-radius: 15px;}
.zhuanti_top_l_tl{float: left;width: 100%;}
.zhuanti_top .title {float: left;width: 100%;font-size: 23px;font-weight: 700;line-height: 30px;margin-bottom: 6px;color: #333;border-bottom: 0;display: flex;flex-wrap: nowrap;align-items: center;}
.zhuanti_top .title:before{content:"";display: inline-block;background: url(//static.oh100.com/img/ico_2021.png) no-repeat -68px -38px;height: 31px;width: 31px;border-radius: 50px;background-size: 131px;background-color: #188bd8;margin-right: 9px;}
.zhuanti_top_l_tl p{float: left;width: 100%;line-height: 27px;color: #333;font-size: 14px;}
.zhuanti_top_l_ul{float: left;width: 100%;}
.zhuanti_tl{float: left;font-size: 19px;font-weight: 700;line-height: 40px;height: 40px;width: 100%;margin-bottom: 4px;border-bottom: 1px solid #e8e8e8;}
.zhuanti_tl span:before{content:"";display: inline-block;background: url(//static.oh100.com/img/ico_2021.png) no-repeat -96px -37px;height: 26px;width: 26px;border-radius: 50px;background-size: 121px;background-color: #e7805c;margin-right: 9px;}
.zhuanti_tl span{display: flex;align-items: center;flex-wrap: nowrap;width: 60%;float: left;}

.zhuanti_tl em{font-weight: 700;color: #188bd8;}
.zhuanti_top_l_ul em{color: #188bd8;}
.zhuanti_top_l_ul .zhuanti_tl{float: left;width: 96%;background: #f7f7f7;margin-top: 20px;text-align: left;font-size: 18px;line-height: 42px;height: auto;border-bottom: 0;border-radius: 5px;padding: 0 2%;margin-bottom: 10px;}
.zhuanti_top_l ul{float: right;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.zhuanti_top_l ul li{width: 31%;line-height: 28px;border-radius: 10px;float: left;margin: 3px;height: 28px;overflow: hidden;}
.zhuanti_top_l ul li span{width: 16px;height: 16px;text-align: center;line-height: 16px;font-size: 12px;background: #d4dcdc;display: block;color: #fff;border-radius: 4px;margin-right: 8px;float: left;margin-top: 6px;}
.zhuanti_top_l ul li:nth-child(1) span { background: #e33e42; }
.zhuanti_top_l ul li:nth-child(2) span { background: #e7805c; }
.zhuanti_top_l ul li:nth-child(3) span { background: #e8b856; }

.zhuanti_top_l ul li a{font-size: 14px;color: #333;}
.zhuanti_top_r{float: right;width: 94%;background: #ffffff;padding: 3%;border-radius: 15px;margin-top: 10px;}
.zhuanti_top_r a{float: left;width: 100%;border-radius: 10px;overflow: hidden;}
.zhuanti_top_r img{float: left;}
.zhuanti_mid{width: 94%;background: #fff;padding: 3%;border-radius: 15px;float: left;margin-top: 10px;}
.zhuanti_mid_tl{float: left;width: 100%;font-weight: 700;font-size: 20px;margin-bottom: 15px;}
.zhuanti_mid_tl em{font-weight: 700;color: #228a31;}
.zhuanti_mid ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;height: 123px;overflow: hidden;}

.zhuanti_mid ul li{float: left;width: 31%;margin-bottom: 10px;}
.zhuanti_mid ul li span{float: left;font-size: 24px;color: #bdd9ee;border-radius: 10px;height: 30px;width: 30px;text-align: center;line-height: 30px;font-family: Impact;}
.zhuanti_mid ul li h2{float: left;font-size: 17px;font-weight: 700;line-height: 28px;margin-left: 5px;color: #333;}
.zhuanti_mid ul li p{float: left;color: #666;font-size: 14px;line-height: 27px;margin-top: 10px;width: 100%;}
.zhuanti_bot{float: left;width: 94%;margin-top: 10px;background: #fff;padding: 3%;border-radius: 15px;}
.zhuanti_bot_tl{float: left;width: 100%;font-weight: 700;font-size: 20px;}
.zhuanti_more{float: right;font-size: 14px;color: #e7805c;cursor: pointer;}
.zhuanti_bot ul{float: left;width: 100%;overflow: hidden;height: 212px;}

.zhuanti_bot ul li{float: left;width: 100%;line-height: 27px;margin-top: 14px;color: #666;}
.zhuanti_bot ul li a{float: left;}
.zhuanti_bot ul li span{float: left;font-size: 15px;font-weight: 700;color: #333;margin-bottom: 6px;}
.zhuanti_bot ul li p{float: left;color: #666;font-size: 14px;line-height: 24px;width: 100%;}
.zhuanti_bot ul li span:before{content:"";float: left;height: 16px;background: #e7805c;width: 6px;border-radius: 10px;margin-right: 2px;margin-top: 7px;}

.zhuanti_fl{float: left;width: 94%;margin-top: 10px;background: #fff;padding: 3%;border-radius: 15px;margin-bottom: 10px;}
.zhuanti_fl_tl{float: left;width: 100%;font-weight: 700;font-size: 20px;border-top: 2px solid #228a31;line-height: 40px;margin-bottom: 15px;}
.zhuanti_fl_tl em{color: #228a31;font-weight: 700;}
.zhuanti_fl_more{float: right;}
.zhuanti_fl .zhuanti_fl_l{background: #228a31;color: #fff;width: 26%;}
.zhuanti_fl .zhuanti_fl_l li{background: #188bd8;color: #fff;border: 1px solid #188bd8;margin-left: 0;}
.zhuanti_fl .zhuanti_fl_r{color: #fff;float: left;width: 73%;}
.zhuanti_fl ul{float: left;width: 100%;margin-top: 10px;}
.zhuanti_fl ul li{float: left;border: 1px solid #e6e6e6;line-height: 30px;padding: 0 10px;border-radius: 4px;margin-bottom: 10px;margin-left: 10px;max-width: 79%;height: 30px;overflow: hidden;text-align: center;}
.zhuanti_fl ul li a{display: inline-block;color: #333;font-size: 14px;}
.zhuanti_fl .tag_all li{float:left;margin: 3px 8px;width: 118px;text-align: center;overflow: hidden;height: 30px;}
.zhuanti_fl .tag_all li a{float:left;width: 100%;text-align: center;overflow: hidden;height: 30px;text-overflow: ellipsis;white-space: nowrap;}
.tag_nr{height: 41px;overflow: hidden;}
.tag_all{height: 197px;}
.tag_nr_te{height:auto;}
.tag_zhan2,.tag_bot2,.tag_mid2{display:none;color: #228a31;}
.tag_rwap{height: 197px;overflow: hidden;float: left;margin-top: 5px;}
.tag_rwap_te{height:auto;}
.fl_t{border-left:0;padding-left: 0;width: 100%;}

