@charset "UTF-8";
/***/
@media(min-width: 320px){
	html{font-size: 320px;}
}
@media(min-width: 500px){
	html{font-size: 500px;}
}
@media(min-width: 600px){
	html{font-size: 600px;}
}
@media(min-width: 700px){
	html{font-size: 700px;}
}
@media(min-width: 800px){
	html{font-size: 800px;}
}
@media(min-width: 900px){
	html{font-size: 900px;}
}
@media(min-width: 1000px){
	html{font-size: 1000px;}
}

body,div,ul,li,img{margin:0;padding:0;list-style:none; font-size: 0.05rem;text-align:center;}
body{background: #000;}
a:active,a:hover{outline: 0;}
#cen{
	margin:0 auto; width:1rem;
}
.peak{
	width:100%; height:0.5rem; background: #000;
}
.peak img{width:1rem;}
.hot{
	width:100%; height:0.62rem; background: #fff;
}
.hot .hotframe{
	margin:0 auto; padding:0.04rem 0.005rem; width:100%; height:0.54rem;
}
.hotframe li{
	float:left; width: 0.3rem; height:0.54rem; background: #eee; color: #000; margin:0 0.015rem; border-radius: 0.01rem;overflow: hidden;
}
.hotframe li img{
	width:0.3rem;
}
.hotframe li h1{display: block; font-size: 0.018rem; text-align: left; padding: 0 0.024rem;}
.hotframe li h2{display: block; font-size: 0.014rem; text-align: left; padding: 0 0.024rem;}
.person{
	width:100%; height:0.4rem; background: #000;
}
.list{width: 100%; background: #fff;}
.list ul{padding:0.02rem 0;}
.list ul li{
	overflow: hidden; width:0.96rem; height:0.253rem; margin:0.02rem auto; border-radius: 0.01rem;
}
.list ul li img{
	width:0.96rem;
}
.shenmei{
	width:100%; height:0.56rem; background: #000;
}
.shenmei img{
	margin:0 auto; width:1rem;
}
.iphone{
	width:100%; height:0.69rem; background: #fff;
}
.iphone img{
	margin:0 auto; width:1rem;
}
.whisky{
	width:100%; height:0.56rem; background: #f1f1f1;
}
.whisky img{
	margin:0 auto; width:1rem;
}
.info{
	width:100%; background: #000; padding:0.05rem 0;
}
.info ul{width:100%;}
.info ul img{
	width:0.5rem; margin:0 auto;
}
.info font{
	display: block;width:100%；margin:0 auto; padding:0; font-size: 0.012rem; line-height: 0.02rem; color: #ccc;
}
