@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,button,input,textarea,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0 none;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-size:inherit;font-size-adjust:inherit;font-stretch:inherit;font-style:inherit;font-synthesis:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
ul,ol,li{list-style:outside none none}
em,i{font-style:normal}
img{border:0 none}
div{clear:both;}
textarea{outline:medium none}
a{text-decoration:none;color: #188bd8;font-size: 16px;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
body{background:#fbfbfb;color:#1a1a1a;max-width: 740px;margin: auto;}
input{outline: none;}
u{text-decoration:none;}
/*header*/
.header{border-bottom: 1px solid #e2e2e2;float: left;width: 100%;height: 42px;background: #f2f2f2;box-shadow: 0px 1px 4px rgba(198,207,220,.5);}
.header .sidebar{font-size: 0;color: #f2f2f2;height: 42px;overflow: hidden;width: 80%;display: inline-block;}
.header .sidebar a{float: left;text-align: center;position: relative;height: 42px;line-height: 42px;display: inline-block;padding: 0 15px 0 8px;overflow: hidden;font-size: 16px;color: #333;background: url(//static.oh100.com/img/m/site_bg_icon.png) no-repeat right center;}
.header .sidebar a:first-of-type{padding-left: 0;}
.header .sidebar i.home{margin-left: 10px;float: left;margin-top: 8px;height: 30px;width: 28px;background: url(//static.oh100.com/img/pc_ico.png) no-repeat 0 -907px;}
.header .sidebar code{display: none;}
.fabuwenzhang{float: right;margin-top: 8px;}
.fabuwenzhang a{float: left;color: #969696;width: 70px;height: 24px;border-radius: 4px;text-align: center;font-size: 12px;line-height: 24px;border: 1px solid #ded7d7;margin-right: 10px;background: #FFF;}

/*分页*/
.pages{text-align: center;}
.pages li{background-color: #fff;color: #444;border: 1px solid #dad9d9;padding: 1.5% 3.5%;display: inline-block;margin: 0.5%;}
.pages li a{color: #444}
.pages li:active{color: #fff;background: none repeat scroll 0 0 #2184c4;border: 1px solid #2184c4;}
.pages li:active a{color: #fff;}
.pages li.thisclass  a{color: #fff}
.pages li.thisclass{color: #fff;background: none repeat scroll 0 0 #2184c4;border: 1px solid #2184c4;}

/*虚拟分页*/
.hao_page{clear: both; line-height: 15px; margin:10px auto;text-align: center;}
.hao_page a{border: 1px solid #2184c4;color: #333;padding: 2.2% 3.5%;margin: 0 2px;text-align: center;display: inline-block;font-size: 16px;}
.hao_page span{text-align: center;background: #2184c4 none repeat scroll 0 0;border: 1px solid #2184c4;color: #fff;display: inline-block;padding: 2.2% 3.5%;margin: 0 2px;}
.hao_page b {height: 15px;line-height: 15px;list-style: outside none none;}
@media (min-width: 340px) {.hao_page a {padding: 2.2% 3.5%;margin: 0 2px;}}
@media (min-width: 340px) {.hao_page span {padding: 2.2% 3.5%;margin: 0 2px;}}

/*文章*/
/*文章内容*/
.main{display: inline-block;width: 100%;float: left;overflow: hidden;}
.article{background: #fff;border-bottom: 1px solid #e4e4e4;float: left;width: 100%;}
.main .title{color: #000;font-size: 26px;line-height: 40px;margin: 5% 3%;font-weight: 700;margin-top: 10px;text-align: center;}
.info{float:left;line-height: 24px;width:100%;margin-bottom: 12px;color: #c7c7c7;font-size: 16px;border-bottom: 1px solid #e2e2e2;padding: 0 3% 10px;}
.info font{margin-right:10px;display: inline-block;margin-top: 5px;}
.info a {display: inline-block;font-size: 16px;}
.info img{display: inline-block;width: 20px;height: 20px;border-radius: 50%;float: left;margin-top: 2px;margin-right: 5px;}
.info i{display: inline-block;}
.info .liulan{display: inline-block;padding-left: 25px;font-size: 12px;color: #c7c7c7;background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -75px -446px;margin-right: 4px;}
.content{color: #444;line-height: 26px;font-size: 16px;}
.content img{max-width: 100%!important;height:auto!important;}
.content p{color: #333;line-height: 28px;padding-bottom: 12px;font-size: 17px;margin: 0 3%;width: 94%!important;}
.content a{color: #444;font-size: 16px;}
.content h2,.content h2 a,.content h2 a u{text-decoration: none;font-size: 17px;text-align: left;font-weight: bold;line-height: 28px;clear: both;color: #ff0000;margin-bottom: 12px;padding: 0 3%;}
.content p span{color: #666;}
.content strong{font-weight: 700;font-size: 16px;}


/*上下篇*/
.previous{color: #666;padding: 8px 10px 5px;}
.previous span{background: #fff;font-size: 16px;display: inline-block;height: 40px;line-height: 40px;overflow: hidden;color: #1849ab;border: 1px solid #e0e0e0;text-align: center;border-radius: 2px;padding: 0 12%;}
.previous span i{transition-duration: 0.5s;display: inline-block;width: 8px;height: 8px;border-bottom: 2px solid #2184c4;border-right: 2px solid #2184c4;transform: rotate(140deg);margin: 15px 4px 0px 10px;float: left;}
.previous span:nth-child(even){float: right;}
.previous span:nth-child(even) i{float: right;transform: rotate(320deg);margin: 16px 4px 0px 8px;}
.previous span:active{background: #e1e1e1;}
.previous span a{font-size:16px;}
@media (min-width: 340px) {.previous span {padding: 0 14%;}}

/*下一页*/
.art_next {color: #000;border-top: 10px solid #eee;padding: 2%;font-size: 16px;}
.art_next a {color: #2965b1;}
.art_next span{float: left;width: 50%;overflow: hidden;line-height: 30px;height: 30px;}
.next{text-align:right;}
/*页脚*/
.footer{text-align:center;float: left;width: 94%;background: #363d4d;line-height: 29px;padding: 3%;}
.footer p{text-align: center;color: #e0e0e0;float: left;width: 100%;font-size: 12px;}
.footer p a{font-size: 12px;color: #e0e0e0;display: inline-block;padding: 0 5px;}

/*回顶部*/
.sidetop{right: 10px;bottom: 72px;position:fixed;width: 50px;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: 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;}
.content img{border-radius: 10px;}

.after_height_light~p a {color: #2965b1 !important;}
.related_article{color: #000;border-top: 10px solid #eee;font-size: 14px;}