@import url(https://www.300zi.com/static/css/article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
	body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img,input{border:0 none;}li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2;}
em,cite,i{font-style:normal;}
a{color:#333;text-decoration:none; padding:0; margin:0}
a:hover{text-decoration: underline;}
body{color:#222;font-size: 12px;background-color: #f7f7f7;}
/*top*/
.zi_top{background: #222;height: 35px;width:100%;float: left;}
.zi_top .zi_top_box a{color: #f1f1f1;float: left;padding-right: 10px;overflow:hidden;line-height: 35px;height: 35px;}
.zi_top .zi_top_box span{float:left;display: inline-block;line-height: 14px;height: 14px;margin-top: 10px;padding-right:7px;color: #f1f1f1;}
.zi_top .zi_top_box{width: 1100px;margin: auto;}
.header_box{margin: auto;width: 100%;}
.container{margin:0 auto;text-align:left;position:relative;}
.container:before,.container:after{/* display:table; *//* content:""; */line-height:0;}
.container:after{clear:both}
.content-wrap{width: 100%;margin: auto;}

.header{background-color: #64c9f5;float: left;width: 100%;text-align: center;}
.logo{display: inline-block;width: 136px;}
.logo img{width: 100%;float: left;}
.header .mean{float: left;height: 50px;display: none;}
.header .mean a{float: left;margin-left: 25px;font-size: 15px;color: #fff;line-height: 50px;}

.glyphicon{float: right;margin-top: 12px;text-align: center;display: none;}
.glyphicon a{margin-left: 9px;height: 26px;color: #fff;width: 74px;background: #ffa60f;float: left;line-height: 26px;font-size: 14px;border-radius: 4px;}
.glyphicon .jianyi{background: #249ace;}

/*nav*/
.nav{float:left;width:100%;height: 45px;line-height: 45px;background: #ffffff;overflow: hidden;box-shadow: 1px 1px 4px #dedede;}
.nav ul{width: 1100px;margin: auto;}
.nav li{float:left;text-align:center;}
.nav li a{float:left;color: #2eb4ef;font-size: 15px;padding:0 11px;}
.nav li a.now{background: #15a592;}
.nav li a:hover{text-decoration:underline;}
.nav li.nav_logo{float:right}
.nav li.nav_logo a{background:url(http://img.xuexila.com/xuexila/nav_logo.png) no-repeat center; padding:0; width:152px; height:38px; text-indent:-9999em}


.main-right{float: right;width: 100%;position:relative;padding-top: 15px;}
.widget{background: #fff;float: left;margin-bottom: 10px;display: none;}
.widget_tl strong{border-bottom: 2px solid #64c9f5;display: inline-block;color: #64c9f5;font-weight: 700;}
.widget_tl {margin: 0 10px;font-size: 17px;border-bottom: 2px solid #eee;padding-top: 2px;height: 32px;line-height: 32px;width: 94%;}

.main-right .you_like li{width: 50%;}


.widget ul.widget_tags_inner{padding-top: 5px;font-size: 12px;float: left;padding-bottom: 10px;}
.widget_tags_inner li{float: left;width: 32%;margin-top: 6px;text-align:center;}
.widget_tags_inner a{color: #333;display: block;margin-left: 10px;background-color: #fafafa;padding: 4px 8px;height: 26px;border-left: 1px solid #ededed;overflow: hidden;font-size:14px;line-height: 26px;}
.widget_tags_inner a:hover{color: #fff;background-color: #64c9f5;border-left-color: #FED426;border-left-width: 4px;}


.items-03{float: left;width: 93%;padding: 3%;}
.items-03 li{border-bottom:solid 1px #eee;font-size: 15px;float: left;width: 50%;height: 30px;line-height: 30px;overflow: hidden;}
.items-03 li a:hover{background-color:#F8FCFE;}
.items-03 .text{margin-top:1px;display:block;}
.items-03 .text-muted{margin-right:20px;font-size:12px}
.items-03 a:before{content:"";height: 4px;width: 4px;background: #666;float: left;margin-top: 15px;margin-right: 4px;}

.main-left{float: left;width: 100%;background: #fff;line-height: 28px;}
.article-header{padding: 0 0 2px;border-bottom: 1px solid #eee;float: left;width: 100%;margin-bottom: 15px;}

.sidebar{color: #a8a8a8;font-size: 16px;height: 35px;overflow: hidden;margin: 3%;width: 94%;}
.sidebar a{color: #a8a8a8;padding: 0 3px;font-size: 16px;}
.article-metad{overflow: hidden;color: #999;font-size: 12px;padding-top:10px;text-align: center;float: left;width: 100%;}


.text-muted{overflow: hidden;color: #999;font-size: 12px;padding-top: 10px;text-align: center;float: left;width: 100%;}

.article{float: left;width: 100%;}
.title{font-size: 28px;line-height: 50px;font-weight: 700;text-align: center;margin: 3%;width: 94%;}
.content{font-size: 16px;line-height:25px;word-wrap:break-word;float: left;width: 100%;}
.content p{line-height: 30px;color: #333;font-size: 17px;width: 94%!important;margin: 0 3%;padding-bottom: 12px;}
.main-left .info{line-height: 24px;padding: 8px 0;color: #C5C5C5;overflow: hidden;width: 100%;text-align: center;font-size: 16px;}
.main-left .info span{margin: 0 5px;}
.main-left .info .source a{color: #C5C5C5;font-size: 16px;}

/*article-nav*/
.article-nav{font-size:14px;color: #333;overflow:hidden;float: left;width: 100%;}
.article-nav span{float:left;width: 50%;line-height: 30px;height: 30px;overflow: hidden;}
.article-nav a{display: inline-block;}
.article-nav a:hover{color: #64c9f5;}
.article-nav .next{text-align: right;}

.right_fixed {top: 0;width: 336px;position: fixed!important;}
/*related_article_img*/
.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: 157px;height: 132px;position: relative;float: left;margin-right: 17px;}
.related_article_img li a:hover span{text-decoration: underline;}
.related_article_img li a img{height: 102px;float: left;width: 100%;}
.related_article_img li a span{float: left;height: 24px;width: 99%;line-height: 30px;font-size: 16px;color: #2965b1;overflow: hidden;}

/*related_article*/
.related_article{width: 100%;float: left;overflow: hidden;padding-top: 15px;margin-bottom: 10px;}
.related_article .related_top{float: left;width: 100%;height: 28px;line-height: 28px;color: #494949;font-size: 16px;border-bottom: 1px solid #EEE;margin-bottom: 10px;}
.related_article .related_top code{color: #000;font-size: 18px;float: left;font-family: inherit;border-bottom: 2px solid #000;font-weight: 700;}
.related_article ul{float: left;width: 100%;}
.related_article li{float: left;width: 50%;height: 30px;font-size: 16px;overflow: hidden;line-height: 30px;}
.related_article li a{font-size: 16px;color: #2965b1;}
.related_article li a:before{float: left;content: "";width: 3px;height: 3px;background: #000;margin-top: 14px;margin-right: 5px;}
.related_article li a:hover{color: #000;}

.footer{color:#aaa;font-size: 12px;background-color: #FFF;float: left;width: 100%;text-align: center;margin-top: 15px;padding: 15px 0;}
.footer p{/* line-height: 24px; */}
.footer a{color:#aaa;padding: 0 3px;}
.footer a:hover{color: #999;}

u{text-decoration:none;}
.content a{font-size: 15px;}
.content h2,.content h2 a,.content h2 a u{text-decoration: none;font-size: 17px;text-align: left;font-weight: bold;line-height: 31px;color: #ff0000;margin-bottom: 12px;padding: 3%;width: 94%;}
.content img{max-width: 100%!important;height: auto!important;}
.content img{border-radius: 10px;}
.after_height_light~p a {color: #2965b1 !important;}
.content .rel_art_line{padding-left: 3%!important;width: 90%!important;}
}