@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{background: #f7f7f7;font-size:14px;max-width: 740px;margin: auto;}
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*/
.logo_box{width: 100%;float: left;text-align: center;position: absolute;top: 38px;margin-top: 22px;}
.logo{display: inline-block;background: url(//static.oh100.com/img/ico_2021.png) no-repeat 0 0;width: 143px;height: 45px;background-size: 100%;}
.logo_box p{float: left;width: 100%;color: #fff;font-size: 16px;}

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

.nianji{font-size: 14px;background-color: #379adcf5;float: left;position: fixed;left: -100%;top: 0;z-index: 20;width: 40%;height: 100%;padding-top: 40px;}
.nianji a{float: left;letter-spacing: 3px;width: 100%;color: #fff8f6;line-height: 56px;height: 50px;border-bottom: 1px solid #f5e7e433;font-size: 14px;text-align: center;}

.search {background: #fff;float: right;border-radius: 6px;overflow: hidden;width: 80%;right: 3%;position: absolute;top: 13px;}
.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: 36px;height: 36px;border: 0;color: #cacaca;font-size: 14px;outline: none;padding: 0 5%;}
.search_btn {width: 26%;line-height: 36px;cursor: pointer;background: #c9e7f8;padding: 0;float: right;font-size: 14px;color: #2ca6e0;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;}

/*投稿*/
.rougao {float: right;width: 96px;position: absolute;right: 0;top: 10px;height: 31px;overflow: hidden;display: none;}
.rougao a:before{float: left;height: 30px;width: 26px;margin-top: 6px;margin-left: 15px;}
.rougao a {height: 22px;line-height: 22px;float: left;display: inline-block;color: #ffffff;font-size: 12px;margin: 0 2%;border-radius: 4px;width: 42px;text-align: center;margin-top: 5px;background: #f96969;}
.phone{background: url(//static.oh100.c//static.oh100.com/img/pc_ico.png) no-repeat;background-position: 0px -474px;float: right;color: #777777;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 20px;}

.rougao .on {background: url(//static.ruiwen.c//static.oh100.c//static.oh100.com/img/jc_icon2.png) 26px -872px no-repeat;background-color: #379adc;}
.rougao .on:before{background: url(//static.oh100.c//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -20px -470px;}

.main {float: left;width: 100%;position: relative;z-index: 10;}

.header{
    float: left;
    width: 100%;
}
.header img{
    width: 100%;
    float: left;
}

/*次导航*/
.subnav{width: 100%;background: #fff;padding-top: 21px;float: left;}
.subnav ul {width: 100%;display: inline-block;}
.subnav ul li {float: left;width: 25%;padding-bottom: 15px;margin-top: 0;text-align: center;}
.subnav ul li a {float: left;width: 100%;}
.subnav ul li a h2 {height: 20px;line-height: 20px;font-size: 14px;color: #666;}
.subnav ul li a:hover h2 { color: #ff5252; }
.subnav ul li a span{height: 18px;line-height: 18px;font-size: 16px;color: #fff;margin-top: 10px;background: #fe5300;padding: 4px 10px;float: left;}

.subnav ul li i{display: inline-block;vertical-align:middle;overflow:hidden;background: url(//static.oh100.com/img/ico_2021.png) no-repeat 0 0;height: 46px;width: 46px;border-radius: 50px;margin-bottom: 15px;background-size: 381%;}
.subnav ul li .i-mn1 {background-position: -98px -55px;background-color: #188bd8;background-size: 410%;}
.subnav ul li .i-mn2 {background-position: -40px -49px;background-color: #0fc3b2;}
.subnav ul li .i-mn3 {background-position: 9px -48px;background-color: #e88c4f;}
.subnav ul li .i-mn4 {background-position: -135px -50px;background-color: #e8b856;}

.meun{width: 94%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3%;margin-bottom: 0;}
.meun a {float: left;width: 43%;background: #fff;border-radius: 10px;margin-bottom: 3%;padding: 4% 3%;}
.meun a h2 {height: 20px;line-height: 20px;font-size: 18px;color: #188bd8;font-weight: 700;width: 60%;float: left;margin-top: 6px;}
.meun a:hover h2 { color: #ff5252; }
.meun a p{height: 18px;line-height: 18px;font-size: 13px;color: #c6c3c3;margin-top: 5px;width: 63%;float: left;overflow: hidden;}
.meun i{overflow:hidden;background: url(//static.oh100.com/img/ico_2021.png) no-repeat 0 0;height: 52px;width: 52px;background-size: 292%;float: right;}
.meun .meun-ico1{background-position: -54px -166px;}
.meun .meun-ico2 {background-position: 0 -166px;}
.meun .meun-ico3 {background-position: 0 -112px;}
.meun .meun-ico4 {background-position: -53px -111px;}


.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%;OVERFLOW: HIDDEN;}
.listbar li:last-child{border-bottom:0;}
.listbar li a{color: #333;display:block;font-size: 16px;height: 46px;line-height: 46px;padding-left:10px;}
.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;}

/*回顶部*/
.sidetop{right: 13px;bottom: 13px;position:fixed;width: 49px;z-index:400;}
.sidetop ul li{float:left;text-align:center;display: none;background-color: #8dc5f3e0;border-radius: 2px;}
.sidetop ul li a{display:block;height: 51px;color:#484848;font-size: 12px;width: 51px;}
.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: 94%;background: #ecf5fc;padding: 3%;}
.footer p{text-align:center;float: left;width: 100%;font-size: 14px;color: #75b5e8;line-height: 30px;}
.footer p a{font-size: 14px;color: #75b5e8;display: inline-block;padding: 0 4px;}


/*举报*/
.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;}

