index-back.css 5.02 KB
@charset "utf-8";


/*----body----*/

/*
.screen{
		width: 1200px;
		margin: 0 auto;
	}

*/

.menu-left{
	width: 160px;
}
.wrapper-main .list-unit{
	width: 240px;
}
/*
.wrapper-main .index-trends ul li{
	width: 240px;
}
*/
@media (max-width:800px){

	.screen{
		width: 640px;
		margin: 0 auto;
	}
	.wrapper-right{
		width: 490px;  /*460+30*/
	}
	.screen-s{
		display: none;
	}

	.menu-left{
		width: 140px;
	}
	.header .nav-main .left input.screen-s-search{
		width: 110px;
	}
	.wrapper-main dl.index-tab dt{
		margin-right: 0;
	}
	.wrapper-main .index-trends ul li.li2{
		margin-right: 0;
	}
	.wrapper-main .index-tab dt a.screen-s{
		margin-right: 0;
	}
	.wrapper-main .index-tab dt a.last{
		display: none;
	}
	.wrapper-main .banner-zone{
		display: none;
	}

}
@media (min-width:800px) and (max-width:1200px){

	.screen{
		width: 940px;	/*990-30*/
		margin: 0 auto;
	}
	.wrapper-right{
		width: 740px;  /*810-30*/ /*780-20*/
	}
	.screen-s{
		display: none;
	}

	/*index*/
	.menu-left{
		width: 180px;
	}
	.wrapper-main .index-tab{
		width: 500px;
	}


	div.focus-brands{
		height: 292px;

	}
	div.focus-brands .brands-ul1{
		width: 146px;
	}
	div.focus-brands .brands-ul4{
		width: 584px;
	}

	div.focus-brands .brands-ul li{
		background: #fff;
		width: 136px;
		height: 136px;
		margin: 0 10px 10px 0;
	}
	div.focus-brands .brands-ul li.brands-li2{
		width: 282px;
	}
	div.focus-brands .brands-ul li.brands-li-v2{
		height: 282px;
	}
	.wrapper-main .index-tab dt a.screen-s{
		margin-right: 0;
	}
	.wrapper-main .index-tab dt a.last{
		display: none;
	}

}
@media (min-width:1200px) and (max-width: 1440px){

	.screen{
		width: 1150px; /*1170*/
		margin: 0 auto;
	}
	.wrapper-right{
		width: 970px; /*990*/
	}

	/*index*/
	.wrapper-main .index-tab{
		width: 735px;  /*750*/
	}
	.wrapper-main .list-unit{
		width: 235px;
	}

}
@media (min-width:1440px){

	.screen{
		width: 1320px;   /*1440-20*/
		margin: 0 auto;
	}
	.wrapper-right{
		width: 1140px; /*1260-20*/
	}

	/*index*/
	.wrapper-main .index-tab{
		width: 920px;
	}
	.wrapper-main .list-unit{
		width: 220px;
	}
	.wrapper div.focus-brands{
		padding:15px 0 5px 15px;
	}
	/*
	.wrapper-main .index-tab dt a{
		width: 240px;
	}*/

/*
	div.focus-brands{
		padding: 15px 0 0 15px;
		height: 350px;
	}
	div.focus-brands .brands-ul li{
		margin: 0 15px 15px 0;
		width: 140px;
		height: 140px;
	}
	div.focus-brands .brands-ul1{
		width: 175px;
	}
	div.focus-brands .brands-ul4{
		width: 700px;
	}
	div.focus-brands .brands-ul li.brands-li2{
		width: 315px;
	}
	div.focus-brands .brands-ul li.brands-li-v2{
		width: 140px;
		height: 315px;
	}
*/

}

/*完全自适应*/
/*
@media (min-width:990px){
	.screen{
		width: 98%;
		max-width: 1440px;
		margin: 0 auto;
	}
	.wrapper .wrapper-right{
		padding-left: 180px;
	}
	.wrapper .wrapper-right .focus-top{
		width:100%;
	}
}
@media (min-width:800px) and (max-width: 1010px){
	.screen{
		width: 98%;
		margin: 0 auto;
	}
	.screen-s{
		display: none;
	}
	.wrapper .wrapper-right{
		padding-left: 180px;
	}
	.wrapper .wrapper-right .focus-top{
		width:100%;
	}
}
@media (max-width:800px){

	.screen{
		width: 98%;
		margin: 0 auto;
		min-width: 640px;
	}
	.wrapper .wrapper-right{
		padding-left: 180px;
	}
	.wrapper .wrapper-right .focus-top{
		width:100%;
	}
	.screen-s{
		display: none;
	}
	.header .nav-main .left input.screen-s-search{
		width: 180px;
	}

}

*/



.page-index{
}

.focus-top{
	position: relative;
	margin: 0 0 10px 0;
}
.focus-top .focus-img img{
	width: 100%;
}
.focus-top p{
	position:absolute;
	left: 48%;
	bottom: 10px;
}
.focus-top p a{	
	padding:0 3px;
}
.focus-top .ifont10{
	color: #fff;
}
.focus-top p .cur{
	color: #000;
}
.focus-top .button-switch .left{
	position: absolute;
	top: 45%;
}
.focus-top .button-switch .right{
	position: absolute;
	top: 45%;
	right: 0;
}
.focus-top .button-switch .ifont{
	font-size: 30px;
	line-height: 30px;
}

.focus-brands{
	background: #eee;
	padding:10px 0 0 10px;
	height: 320px;
	overflow: hidden;
	margin-bottom: 10px;
}
.focus-brands .brands-ul1{
	width: 160px;
}
.focus-brands .brands-ul4{
	width: 640px;
}
.focus-brands .brands-ul li{
	background: #fff;
	width: 150px;
	height: 150px;
	margin: 0 10px 10px 0;
}
.focus-brands .brands-ul li.brands-li2{
	width: 310px;
}
.focus-brands .brands-ul li.brands-li-v2{
	height: 310px;
}

.banner-ads{
	width: 100%;
	margin-bottom: 10px;
}
.banner-ads a img{
	width: 100%;
	max-height: 60px;
	overflow: hidden;
}
.wrapper-main{
	margin-bottom: 10px;
}

.wrapper-main .index-tab dt{
	border-bottom: 1px solid #ddd;
	margin-right: 10px;
}
.wrapper-main .index-tab dt a{
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}
.wrapper-main .index-tab dt a.last{
	margin-right: 0;
}
.wrapper-main .index-tab dt .cur{
	border-bottom: 2px solid #222;
	margin-bottom: -1px;
	color: #000;
}
.wrapper-main .index-trends ul{
	padding: 10px 0 0 0;
}
.wrapper-main .index-trends ul li{
	margin:0 10px 10px 0;
}
.wrapper-main .index-trends ul li img{
	width: 100%;
	max-height: 320px;
}

.wrapper-main .banner-zone div img{
	width: 100%;
	max-height: 320px;
}