@charset "utf-8";
/*初始css样式*/
html{overflow-y:scroll;} 
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,dd,img,div{margin:0;padding:0;border:0;} 
body{background:#fff;color:#000;font-size:14px;font-family:"Microsoft YaHei","SimSun","宋体","Arial Narrow"; width:100%; max-width:640px; margin:auto;} 
a{color:#2d374b;text-decoration:none} 
a:hover{color:#cd0200;text-decoration:none;} 
ul,ol,li{list-style:none} 
img{border:0;vertical-align:middle} 
p{word-wrap:break-word} 
table{border-collapse:collapse;border-spacing:0} 
address,cite,code,em,th {font-weight:normal; font-style:normal;} 
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/*正文开始*/

.list{
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	padding:10px 15px 60px;
}
.list li{
	float:left;
	width:33%;
	overflow:hidden;
	padding-bottom:10px;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: flex-start;
}
.list li a{
	display:flex;
    align-items: center;
    justify-content: center;	
	width:70%;
	height:auto;
}
.list li a img{
	max-width:100%;
	width:auto;
	max-height:100%;
	height:auto;
	border-radius: 8px;
}

.list.neiye{
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	padding:10px 15px 60px;
}
.list.neiye li{
	float:left;
	width:40%;
	overflow:hidden;
	padding-bottom:10px;
	display: flex;
    justify-content: flex-end;
}
.list.neiye li a{
	display:flex;
    align-items: center;
    justify-content: center;	
	width:100%;
	height:auto;
}

.list li p{
	text-align:center;
	padding:5px 0;
}

.desc{
	background:#eee;
	padding:15px 10px;
	margin:10px 15px;
	border-radius: 8px;
	font-size:16px;
	line-height:1.5;
}

/*底部*/
.foot{
    position: fixed;
    bottom: 0;
    left: 0;
	width:100%;
    background-color: #fff;
	border-top:1px solid #ccc;
}
.foot .dh{
    display: flex;
	max-width: 640px;
    margin: auto;
}
.foot .dh li{
    flex: 1;
	padding:0 0 5px;
}
.foot .dh li a{
	text-align:center;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.foot .dh li a::before{
	content: '';
    display: block;
    width:25px;
    height:17px;
	margin:5px 0;
}
.foot .dh li:nth-child(1) a::before {
	background:url(../images/ico_1.jpg) no-repeat;
	background-size:cover;
}
.foot .dh li:nth-child(2) a::before {
	background:url(../images/ico_2.jpg) no-repeat;
	background-size:cover;
}