@charset "utf-8";
/* css document */

/* 重写浏览器的所有默认样式 yui.css
---------------------------------------------------------------------------------------------------------------------- */
html{color:#000;background:#fff;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
li{list-style:none;vertical-align:top;}
table{ border-collapse:collapse;}
textarea{resize:none;overflow:auto;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
s{ text-decoration:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
textarea{resize:none;overflow:auto;}
em{font-style:normal}
a{text-decoration:none;outline:none;}
img{border:none; vertical-align:top;}
i{font-style:normal}

/* 基本属性
---------------------------------------------------------------------------------------------------------------------- */
body{background:#fff;color:#636363;text-align:left;
font-family:'微软雅黑';
}

a{text-decoration: none;font-family:'微软雅黑';}
a:link,a:visited{color:#636363;font-size:12px;}
a:hover,a:active,a:focus{color:#636363;text-decoration: none;}

input, button, select, textarea{font-size:12px;color:#000;}

/*.f12_sa, .f12_sa a:link, .f12_sa a:visited{ font-size:12px;}*/

/* 颜色属性*/
/*.red, a.red:link, a.red:visited{ color:#c00;}a.red:hover{color:#f00;}

.pa_t_20{ padding-top:20px;}
.pa_t_25{ padding-top:25px;}*/


/* 清除浮动 */
.clear {
	zoom: 1;
}
.clear li a { color: #c1c1c1; }
.clear:after {
	content: '';
	display: block;
	clear: both;

}

/*最小宽度*/

@media screen and (min-width:414px){
    
    body{width: 414px; margin:auto;}
    .article_inf ul li{ width:70px; height:70px;}
    }
@media screen and (max-width:375px){
    
    .article_inf ul li{ width:60px; height:60px; margin-right:10px;}
    .article_inf ul li:nth-child(1) img{width:35px;}
	.article_inf ul li:nth-child(2) img{width:30px;}
	.article_inf ul li:nth-child(3) img{width:35px;}
	.article_inf ul li:nth-child(4) img{width:35px;}
    }
@media screen and (max-width:320px){
    
    .article_inf ul li{ width:50px; height:50px; margin-right:10px;}
    .article_inf ul li:nth-child(1) img{width:30px;}
	.article_inf ul li:nth-child(2) img{width:25px;}
	.article_inf ul li:nth-child(3) img{width:30px;}
	.article_inf ul li:nth-child(4) img{width:30px;}
	


	.footer{
		padding-top: 5px;
	}
	.footer li{
		padding: 0 1.2rem 1.4rem;

	}
	.footer li a:link{
		font-size: 16px;
	}
	.footer .topt img{
		width: 20px;
	}
	.footer .topt {

	}




.fb {font-weight: bold;}
.auto{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}