@import url(article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
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{overflow:hidden;}
textarea{outline:medium none}
a{text-decoration:none;color: #188bd8;font-size:14px;}
.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{background-color: #f3f3f3;float: left;width: 100%;overflow: hidden;text-align: center;}
.logo {width: 122px;height: 26px;background: url("../img/logo.png") no-repeat;display: inline-block;margin: 10px 0;background-size: 100%;}
.header_box{width: 100%;margin:0 auto;}
.t2fw_nav{float: left;margin-left: 50px;display: none;}
.t2fw_nav li{float: left;padding: 0px 36px;}
.t2fw_nav li a{float: left;color: #333;font-size: 17px;}
.t2fw_nav li a:hover{color:#e2b526;}

/*投稿*/
.rougao {float: right;margin-top: 23px;display: none;}
.rougao .jianyi {background-color: #ff6666;}
.rougao a {height: 33px;line-height: 33px;float: left;color: #fff;font-size: 14px;background-color: #019fe8;border-radius: 4px;width: 107px;text-align: center;margin-left: 15px;}
.rougao a:hover{background-color: #0797ca;color: #fff!important;}
.rougao .jianyi:hover{background-color: #e85d5d;color: #fff!important;}

.nav{float:left;width: 100%;background: #12a19a;line-height: 30px;overflow: hidden;padding: 5px 0;}
.nav ul{margin: auto;width: 100%;}
.nav ul li{float:left;width: 24%;text-align: center;}
.nav ul li:nth-child(-n+3){/* display: none; */}
.nav a {color: #fff;font-size: 15px;display: inline-block;}
.nav .now{color: #ff6600;}

/* 中部 */
.main{width: 100%;float: left;}

.sidebar{width: 96%;float: left;line-height: 39px;font-size: 16px;color: #a9a9a9;height: 39px;overflow: hidden;margin: 0 2%;}
.sidebar a{color: #a9a9a9;padding: 0 4px;font-size: 16px;}
.sidebar span{color: #a9a9a9;}

.main-left{float: left;width: 100%;}

/* 文章 */
.article{padding: 2%;background-color: #fff;float: left;width: 96%;overflow: hidden;}
.article .title{font-size: 26px;text-align: center;font-weight: 700;color: #333;margin-bottom: 21px;}
.info {border-bottom: 1px solid #eee;color: #999;padding-bottom: 10px;}
.info span{padding: 0 5px;font-size: 16px;}
.info a{color: #999;}
.content{margin-top: 10px;line-height: 28px;float: left;width: 100%;font-size: 17px;}
.content p{font-size: 17px;line-height: 28px;padding-bottom: 12px;width: 100%;color: #333;}

u{text-decoration:none;}
.content a{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: 31px; clear: both; color: #ff0000; margin-bottom: 12px;}
.content img{max-width: 100%!important;height: auto!important;}
.content img{border-radius: 10px;}
.tuijian_title{text-align: left;height: 56px;line-height: 56px;border-bottom: 1px solid #e2e2e2;border-top: 10px solid #eee;padding: 0 2%;margin-bottom: 10px;}
.tuijian_title span{float: left;display: inline-block;height: 54px;font-weight: normal;line-height: 56px;font-size: 18px;padding: 0 8px;color: #000;border-bottom: 2px solid #000;}
.related_article{display: inline-block;width: 100%;border-top: 10px solid #eee;}
.after_height_light~p a {color: #2965b1 !important;}
/* 上下篇 */
.previous{float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;}
.previous a{color: #2965b1;}
.previous span{display: inline-block;line-height: 32px;height: 32px;font-size: 14px;overflow: hidden;width: 49%;}
.next{text-align: right;}

.related_article_img{float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;}
.related_article_img .related_top{height: 40px;width: 100%;border-bottom: 1px solid #EEE;}
.related_article_img .related_top code{float: left;font-size: 16px;height: 40px;line-height: 40px;color: #333;background: #fff;border-bottom: 2px solid #1c1c1c;font-family: initial;font-weight: 700;}
.related_article_img ul{margin-top: 13px;width: 100%;float:left;display: flex;justify-content: space-between;align-content: center;flex-flow: wrap;}
.related_article_img li{overflow: hidden;width: 48%;height: 132px;float: left;}
.related_article_img li a:hover span{text-decoration: underline;}
.related_article_img li a img{height: 98px;float: left;width: 100%;}
.related_article_img li a span{float: left;height: 24px;width: 99%;line-height: 30px;font-size: 14px;color: #2965b1;overflow: hidden;text-align: center;}

/*related_article*/
.related_about{float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;}
.related_about .related_about_t{float: left;width: 100%;height: 40px;line-height: 40px;color: #494949;font-size: 16px;border-bottom: 1px solid #EEE;margin-bottom: 10px;}
.related_about .related_about_t code{color: #000;font-size: 16px;float: left;font-family: inherit;border-bottom: 2px solid #000;font-weight: 700;}
.related_about ul{float: left;width: 100%;}
.related_about li{float: left;width: 50%;height: 30px;font-size: 16px;overflow: hidden;line-height: 30px;}
.related_about li a{font-size: 15px;color: #2965b1;}
.related_about li a:before{float: left;content: "";width: 3px;height: 3px;background: #000;margin-top: 11px;margin-right: 5px;}
.related_about li a:hover{color: #000;}

.main-right{float: rop;width: 100%;}
.mid_title{float: left;width: 97%;height: 37px;border-bottom: 1px solid #e0e0e0;line-height: 37px;color: #333;padding-left: 3%;font-weight: 700;font-size: 16px;}
.tui_con_list{float: left;width: 100%;margin-bottom: 10px;border-top: 10px solid #eee;display: none;}
.tui_con_list ul{float: left;width: 92%;margin: 2% 4%;}
.tui_con_list li{width: 50%;float: left;color:#333;height: 30px;line-height: 30px;overflow: hidden;}
.tui_con_list li a{color:#333;line-height: 28px;}
.tui_con_list li em{width: 16px;height: 16px;float: left;text-align: center;line-height: 16px;background: #bbbbbb;color:#fff;margin:7px 6px 0 0;font-size: 12px;}
.tui_con_list li:nth-child(1) em{background: #f8a214;}
.tui_con_list li:nth-child(2) em{background: #ff6666;}
.tui_con_list li:nth-child(3) em{background: #14a2d4;}

/* 返回顶部 */
#backtop{display: none;cursor:pointer;width: 54px;height: 54px;right: 19px;bottom: 169px;position: fixed;background:rgba(0,0,0,.5) url(../img/top.png) no-repeat;background-size: 100%;z-index: 10;}
#backtop:hover{background-color: #12a19a;}

/*页脚*/
.footer{float:left;width: 94%;background: #333333;padding: 3%;}
.footer p{text-align:center;line-height: 24px;font-size: 12px;color: #ffffff;float:left;width:100%;}
.footer p a{color: #ffffff;margin: 0 5px;font-size: 12px;}
}
