@import url(article.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;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
td {line-height: 30px;}
fieldset, img {border: 0 none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
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: #000;text-decoration: none;font-size: 15px;}
a:hover {text-decoration: underline;}
body,input,button,textarea,select{font-size: 12px;}
u{text-decoration:none;}
body{background: #f5f5f8;}
/*header*/
.header{height: 45px;margin:0 auto;line-height: 45px;background: #ffffff;border-bottom: 1px solid #e9e6e6;}
.header_box{width: 100%;margin:0 auto;overflow: hidden;text-align: center;}
.logo{width: 106px;height: 32px;background: url("../img/logo.png") no-repeat;display: inline-block;margin-top: 8px;background-size: 100%;}
.header .liwn_nav{float: left;display: none;}
.header .liwn_nav a{float: left;margin-left: 32px;font-size: 14px;color: #333;}
.header .liwn_nav a:before {content: "";display: block;height: 12px;width: 1px;background: #ccc;margin-top: 16px;float: left;margin-right: 10px;}
.rougao{float: right;margin-top: 9px;display: none;}
.rougao a{font-size:14px;color: #18a97a;float: left;margin-left: 15px;border: 1px solid #18a97a;text-align: center;line-height: 24px;height: 24px;border-radius: 4px;}
.rougao span{float: left;padding: 0 10px;}
.rougao .jianyi{color: #18a97a;}
.rougao .jianyi i{}
.rougao i{float: left;width: 37px;display: none;}

.main{width: 100%;margin: auto;}

.sidebar{width: 94%;float: left;line-height: 34px;font-size: 16px;color: #888;height: 34px;overflow: hidden;padding: 1% 3%;}
.sidebar a{color: #888;padding: 0 4px;font-size: 16px;}
.sidebar span{color: #585858;font-size: 14px;}

.main-left{width: 100%;float: left;background-color: #fff;}
.article{background-color: #fff;width: 100%;}
.content{margin-top: 20px;line-height: 30px;font-size: 17px;}
.content p{font-size: 17px;line-height: 30px;padding-bottom: 12px;color: #333;margin: 0 3%;width: 94%!important;}
.title{line-height: 30px;font-size: 28px;color: #333;float: left;overflow: hidden;background: #fff;width: 100%;border-radius: 10px 10px 0 0;text-align: center;font-weight: 700;}
.info a{color: #999;font-size: 16px;}
.info span{padding-right: 5px;}
.info{height: 28px;line-height: 28px;margin: 0 auto;color: #999;font-size: 16px;width: 100%;float: left;padding: 2% 0;text-align: center;margin-top: 10px;}
.content .rel_art_line{padding-left: 10px!important;}
.download_btn{cursor:pointer;width: 137px;height: 41px;background: #ff7939;color:#fff;font-size: 15px;line-height: 41px;text-align: center;position: absolute;top: 43px;right: 39px;border-radius: 4px;}
.download_btn i{width:21px;height:17px;background: url(https://www.xuetan.com/static/img/ico.png) -151px -6px no-repeat;display: inline-block;vertical-align: -2px;margin-right:6px;}
.download_btn:hover{background: #5b96ea;}

.previous{margin-top: 10px;float: left;width: 100%;font-size: 14px;}
.previous span{line-height: 32px;height: 32px;float: left;overflow: hidden;width: 50%;}
.next{text-align: right;}

.related_article_img{float: left;width: 100%;}
.related_article_img .related_top{height: 30px;width: 100%;border-bottom: 1px solid #EEE;}
.related_article_img .related_top code{float: left;font-size: 18px;height: 30px;line-height: 30px;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;}
.related_article_img li{overflow: hidden;width: 156px;height: 127px;float: left;margin-right: 1px;margin-left: 10px;text-align: center;}
.related_article_img li a:hover span{text-decoration: underline;}
.related_article_img li a img{height: 104px;float: left;width: 100%;border: 1px solid #ddd;}
.related_article_img li a span{float: left;height: 24px;width: 100%;line-height: 24px;font-size: 16px;color: #2965b1;overflow: hidden;}

/*related_article*/
.related_about{width: 100%;float: left;overflow: hidden;padding-top: 15px;margin-bottom: 10px;}
.related_about .related_about_t{float: left;width: 100%;height: 28px;line-height: 28px;color: #494949;font-size: 16px;border-bottom: 1px solid #EEE;margin-bottom: 10px;}
.related_about .related_about_t code{color: #000;font-size: 18px;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: 16px;color: #2965b1;}
.related_about li a:before{float: left;content: "";width: 3px;height: 3px;background: #000;margin-top: 14px;margin-right: 5px;}
.related_about li a:hover{color: #000;}

.right_fixed {top: 0;width: 336px;position: fixed!important;}
.main-right{float:right;width: 100%;}
.liwn_box{width: 90%;float: right;background: #fff;padding: 5%;border-radius: 10px;margin-bottom: 10px;margin-top: 10px;display: none;}
.liwn_box_t{height: 42px;line-height: 42px;font-size: 16px;float: left;width: 100%;background: #f5f5f8;font-weight: 700;border-radius: 10px;color: #333;margin-bottom: 7px;}
.liwn_box_t span{float: left;color: #333;font-size: 16px;font-weight: 700;margin-left: 8px;}
.liwn_box ul{float: left;width: 100%;margin-bottom: 5px;}
.liwn_box ul li{float: left;width: 50%;line-height: 35px;height: 35px;overflow: hidden;}
.liwn_box ul li font{float: right;color: #999;font-size: 12px;}
.liwn_box ul li a{float: left;width: 80%;}
.liwn_box ul li span {font-style: inherit;line-height: 17px;color: #4d99f4;width: 17px;height: 17px;font-size: 14px;text-align: center;float: left;margin-top: 12px;margin-right: 6px;border: 1px solid #4d99f4;font-family: inherit;border-radius: 4px;}
.liwn_box ul li em{float: left;background: #c5cfd6;height: 16px;width: 16px;color: #fff;line-height: 16px;text-align: center;margin-right: 6px;margin-top: 10px;font-size: 12px;border-radius: 4px;}
.liwn_box ul li:before{content:"w";border-radius: 4px;font-style: inherit;line-height: 13px;color: #fff;width: 14px;height: 14px;text-align: center;float: left;margin-top: 10px;margin-right: 6px;background: #20ac7f;font-family: inherit;font-size: 12px;}

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:15px;padding: 0 3%;}
.content img{max-width: 100%!important;height: auto!important;}
.content img{border-radius: 10px;}
.after_height_light~p a {color: #2965b1 !important;}

/*footer*/
.footer {padding-bottom: 10px;background: #3e4445;padding-top: 10px;overflow: hidden;float: left;width: 100%;}
.footer p {width: 100%;text-align: center;color: #eaeaea;font-size: 12px;height: 28px;line-height: 28px;}
.footer p a {color: #eaeaea;font-size: 12px;padding: 0 5px;}
}