body{
	background:#F4F5FA;
}

.main-cont{
	width:1200px;
	margin:0 auto;
	margin-top:20px;
}
.advert-list-box{
	margin-top:30px;
}
.advert-box1{
	width:1150px;
	height:70px;
}
.advert-box1 a{
	display:block;
	width:1150px;
	height:70px;
}

.advert-box1 img{
	display:block;
	width:1150px;
	height:70px;
}
.advert-box2{
	width:1155px;
	height:70px;
	margin-top:4px;
}
.advert-box2 a{
	display:block;
	width:573px;
	height:70px;
	float:left;
	margin-right:4px;
}
.advert-box2 img{
	display:block;
	width:573px;
	height:70px;
}
.advert-box3{
	width:1155px;
	height:70px;
	margin-top:4px;
}
.advert-box3 a{
	display:block;
	width:381px;
	height:70px;
	float:left;
	margin-right:4px;
}
.advert-box3 img{
	display:block;
	width:380px;
	height:70px;
}
.cur-list{
	height:47px;
	line-height:47px;
}
.cur-list a,.cur-list span{
	font-size:12px; 
	color:#777;
}
.cur-list a:hover{
	color:#13834D;
}
.cur-list em{
	font-size:12px; 
	color:#777;
	padding:0px 5px;
}
.brand-ranking-l{
	width:302px;
	height:525px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px 0px rgba(204,204,204,0.5);
	float:left;
}
.ranking-title{
	width:302px;
	height:50px;
	background:#F0F7FF;
	line-height:50px;
	padding:0 10px;
}
.ranking-title h2{
	font-size:16px;
	color:#3399FF;
	font-weight:bold;
	padding-left: 25px;
	background:url(../images/rank-icon1.png) no-repeat 0 center;
}
.ranking-nr{
	padding:0px 10px;
}
.brand-ranking-s{
	padding:15px 0px 6px 0px;
	overflow:hidden;
	border-bottom:1px dashed #DFDFDF;
}
.brand-ranking-s span{
	font-size:12px;
	color:#999;
}
.ranking-ul li{
	overflow:hidden;
	margin-top:12px;
}
.ranking-ul li a{
	display:block;
	overflow:hidden;
}
.ranking-up{
	line-height:20px;
	overflow:hidden;
}
.ranking-up em{
	float:left;
	width:18px;
	height:20px;
	background:url(../images/rank-icon3.png) no-repeat;
	font-size:12px;
	color:#999;
	line-height:20px;
	text-align:center;
}
.ranking-up em.hot{
	float:left;
	width:18px;
	height:20px;
	background:url(../images/rank-icon2.png) no-repeat;
	font-size:12px;
	color:#333;
	line-height:18px;
	font-weight:bold;
}
.ranking-up p{
	font-size:13px;
	color:#333;
	float:left;
	padding-left:8px;
	width:100px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ranking-up span{
	font-size:12px;
	color:#666;
	float:left;
}
.ranking-up span.s-index{
	float:right;
	color:#999;
}

.ranking-up span.s-price{
	margin-left:25px;
}




.ranking-dw{
	display:none;
}

.ranking-dw-i{
	overflow:hidden;
	line-height:20px;
}
.ranking-dw-u{
	margin-top:13px;
}
.ranking-dw-i em{
	float:left;
	width:18px;
	height:20px;
	background:url(../images/rank-icon3.png) no-repeat;
	font-size:12px;
	color:#999;
	line-height:20px;
	text-align:center;
}
.ranking-dw-i em.hot{
	float:left;
	width:18px;
	height:20px;
	background:url(../images/rank-icon2.png) no-repeat;
	font-size:12px;
	color:#333;
	line-height:18px;
	font-weight:bold;
}
.ranking-dw-i p{
	font-size:13px;
	color:#333;
	float:left;
	padding-left:8px;
	width:170px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:bold;
}
.ranking-dw-i span{
	font-size:12px;
	color:#666;
	float:left;
}
.ranking-dw-i span.s-index{
	float:right;
	color:#999; 
}

.ranking-dw-i span.s-price{
	margin-left:25px;
}
.ranking-dw-ul{
	width:100px;
	height:75px;
	float:left;
}
.ranking-dw-ul img{
	width:100px;
	height:75px;
}
.ranking-dw-ur{
	float:left;
	margin-left:20px;
	width:140px;
}
.ranking-dw-ur p{
	font-size:12px;
	color:#999;
	padding-top: 8px;
}
.ranking-dw-ur p span{
	color:#666;
}


.brand-ranking-m{
	width:570px;
	height:525px;
	float:left;
	margin-left:10px;
}

.ranking-img-list{
	width:570px;
	height:300px;
}




.ranking-rec{
	width:570px;
	height:215px;
	background:#fff;
	box-shadow:0px 0px 10px 0px rgba(205,205,205,0.5);
	margin-top:10px;
}
.ranking-margin{
	margin-left:10px;
}
.ranking-margin .ranking-title p{
    padding-left: 25px;
    background: url(../images/rank-icon4.png) no-repeat 0 center;
}
.sn1{
	padding-left: 12px;
}
.sn2{
	padding-left: 55px;
}
.sn3{
	padding-left: 23px;
}
.ranking-list-box{
	width:1161px;
}
.ranking-rec-title{
	padding:14px 10px;
}
.ranking-rec-title p{
	font-size:18px;
	font-weight:bold;
	color:#06A76D;
	background:url(../images/rank-icon5.png)no-repeat 0 center;
	padding-left: 28px;
}
.brand-ranking-bn{
	height:96px;
}

.brand-ranking-bn li{
	width:130px;
	height:96px;
	float:left;
	margin-left:10px;
	-webkit-transition:.3s;
	transition:.3s;
}
.brand-ranking-bn li:hover{
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}
.brand-ranking-bn li a{
	display:block;
	width:130px;
	height:96px;
	position:relative;
}
.brand-ranking-bn li img{
	display:block;
	width:130px;
	height:96px;
}
.brand-ranking-bn li p{
	width:130px;
	height:22px;
	background:rgba(0,0,0,0.3);
	position:absolute;
	left:0px;
	bottom:0px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
	color:#fff;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.brand-ranking-bu{
	overflow:hidden; height:120px;
}
.brand-ranking-bu ul{
	padding: 0px 10px;
}
.brand-ranking-bu ul li{
	float:left;
    width:132px;
    margin-right:5px;
    margin-top:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.brand-ranking-bu ul li em {
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #999;
    margin-right: 8px;
    float: left;
    margin-top: 9px;
}

.brand-ranking-bu ul li a {
    font-size: 12px;
    color: #666;
}
.brand-ranking-bu ul li:hover a{
	color:#00B97F;
}
.brand-ranking-bu ul li:hover em{
	background:#00B97F;
}

.ranking-rd{
	margin:10px 10px 0px 0px;
}
.ranking-rd .ranking-title{
	background:#F3FBF8;
}

.ranking-rd .ranking-title h3 {
    font-size: 16px;
    font-weight: bold;
    padding-left: 25px;
   background:url(../images/rank-icon6.png) no-repeat 0 center;
	color:#06A76D;
}

.brand-new-info{
	width:1150px;
	overflow: hidden;
	margin:40px 0px;
}

.brand-new-list{
	overflow:hidden;
	width:870px;
	float:left;
}
.brand-new{
	margin-top:14px;
}
.brand-new ul li{
	width:164px;
	height:182px;
	background:#fff;
	float:left;
	margin-right:10px;
	margin-top:10px;
	-webkit-transition:.3s;
	transition:.3s;
}
.brand-new ul li a{
	width:164px;
	height:182px;
	display:block;
	position:relative;
}
.brand-new ul li a span.sp{
	display:block;
	padding:0px 8px;
	height:16px;
	line-height:16px;
	background:rgba(0,0,0,0.5);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	position:absolute;
	top:10px;
	right:10px;
	font-size:12px;
	color:#fff;
}
.brand-new ul li img{
	width:164px;
	height:123px;
	display:block;
}
.brand-new p{
	padding:0px 7px;
}

.brand-new p.brand-title{
	font-size:14px;
	color:#333;
	padding-top: 10px;
    padding-bottom: 3px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-new p.brand-pm span{
	font-size:12px;
	color:#E65450;
	font-weight:bold;
	float:left;
}

.brand-new p.brand-pm em{
	font-size:12px;
	color:#999;
	float:right;
}

.brand-new ul li:hover{
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}


.brand-new-title{
	overflow:hidden;
}
.brand-new-title p {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    float: left;
    background: url(../images/rank-icon7.png) no-repeat 0 5px;
    padding-left: 33px;
}
.brand-new-title a{
	color:#999;
	float:right;
	font-size:14px;
	line-height:30px;
	margin-right:15px;
}
.brand-new-title a:hover{
	color:#06A76D;
}


.brand-info-list{
	width:280px;
	float:right;
}

.brand-info{
	width:280px;
	height:374px;
	background:#fff;
	box-shadow:0px 0px 4px 0px rgba(204,204,204,0.5);
	margin-top: 23px;
	padding:10px;
}

.brand-info-title{
	overflow:hidden;
}
.brand-info-title p {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    float: left;
    background: url(../images/rank-icon8.png) no-repeat 0 5px;
    padding-left: 33px;
}
.brand-info-title a{
	color:#999;
	float:right;
	font-size:14px;
	line-height:30px;
	margin-right: 8px;
}
.brand-info-title a:hover{
	color:#06A76D;
}
.brand-info-lr{
	margin-top:15px;
}
.brand-info-l{
	width:100px;
	height:75px;
	float:left;
}
.brand-info-l img{
	width:100px;
	height:75px;
}
.brand-info-r{
	width:144px;
	float:left;
	margin-left:16px;
}
.brand-info-r p{
	height:60px;
	font-size:12px;
	color:#999;
	line-height:19px;
	overflow:hidden;
}
.brand-info-r span{
	font-size:12px;
	color:#999;
	float:right;
}
.brand-info-t .int a{
	font-size:12px;
	color:#333;
	font-weight:bold;
}
.brand-info-t .int a:hover{
	color:#06A76D;
}
.brand-info-t{
	overflow:hidden;
	margin-top:2px;
}



.brand-info-b li{
	float:left;
    width:260px;
    margin-top:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.brand-info-b li em {
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #999;
    margin-right: 8px;
    float: left;
    margin-top: 7px;
}
.brand-info-b li span{
	font-size:12px;
	color:#999;
	float:right;
}
.brand-info-b li a {
    font-size: 12px;
    color: #333;
	float:left;
	width:200px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.brand-info-b li:hover a{
	color:#06A76D;
}
.brand-info-b li:hover em{
	background:#06A76D;
}