.banner-list{overflow:hidden;}
.banner-list ul{width:1230px;}
.banner-list li{position: relative;float: left;margin-right: 15px;}
.banner-list li img{display: block;width:390px;height:480px;vertical-align: top;}
.banner-list li span{position:absolute;bottom: 0;left: 0;display: block;width: 100%;height:50px;line-height:50px;background: #e99b98;color:#fff;font-size:24px;text-align: center;opacity: .9;}
.banner-list a:hover span,.banner-list a.active span{background: #d8625d;color:#fff;}

.filter-bar{background:#eee;height:40px;margin-top: 15px;}
.filter-item{position:relative;float: right;padding-right: 10px;z-index:10;}
.filter-item dl{width:148px;height:auto;border: 1px solid #ddd;position: relative;margin-top: 5px;background-color: #fff;z-index:2;}
.filter-item dl:hover dd{display:block;}
.filter-item dt{height: 28px;line-height: 28px;position: relative;padding: 0 10px;cursor: pointer;}
.filter-item dt em{display: block;width: 15px;height: 8px;position: absolute;background-position: -67px -43px;right: 10px;top: 10px;}
.filter-item dd{display: none;width: 148px;background: #fff;overflow: hidden;position: absolute;left: -1px;top: 28px;z-index: 6;-webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;border: 1px solid #ddd;border-top: 0;}
.filter-item dd a{display: block;padding: 0 10px;height: 25px;line-height: 25px;}
.filter-item dd a:hover{background-color: #ddd;color: #666;}


.goods-wrap{margin-bottom: 60px;}
.goods-wrap ul{width:1250px;}
.goods-wrap li{width:270px;font-size:14px;margin-top: 40px;margin-right: 40px;float: left;}
.goods-discount{
	position:absolute;
	display:block;
	width:56px;
	height:42px;
	background: url('https://uidesign.rglcdn.com/RG/image/banner/20170919_857/off.png') no-repeat 0 0;
	top:-10px;
	left:-10px;
	color:#fff;
	text-align: center;
	font-size: 16px;
	text-transform:uppercase;
	padding-top:14px;
	line-height: 1;
}
.goods-discount strong{display: block;font-weight:bold;}
.goods-discount em{font-weight:normal;}
.goods-title{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;line-height: 1;margin-top: 15px;}
.goods-title a:hover{text-decoration:underline;}
.goods-price{float: left;}
.shop-price{color:#da6667;margin-right: 10px;}
.market-price{font-size:14px;color:#999;}
.goods-info{height:20px;line-height: 20px;margin-top: 10px;}
.goods-like{float: right;}
.goods-like a{color:#ff4aac;}
.goods-like span{vertical-align: middle;color: #da6667;font-size: 16px;}
.goods-like i{display: inline-block;vertical-align: middle;width:19px;height:16px;margin-right:5px;}

.page-bar{padding:50px 0;height:30px;line-height:30px;}
.page-bar .back-top{float:left;position: relative;height: 30px;white-space: nowrap;}
.page-bar .back-top a{color:#75869a;position: relative;display: block;padding-left: 30px;}
.page-bar .back-top a:before{
    position: absolute;content:'';width: 6px;height: 6px;left:10px;top:12px;
    border-left: 2px solid #75869a;border-top: 2px solid #75869a;
    -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}

.top-nav{background-color: #ffceb9;}
.top-nav ul a{background-color: #ffceb9;color: #fff;}
.top-nav ul a.active, .top-nav ul a:hover{background-color: #ff976c;}