.indexBg{background-image: url(../image/new/bg.jpg); background-repeat: no-repeat; background-position: center 150px;}
.flexslider{width: 820px; height:320px; margin-left: 190px; float: left;position:relative;position:relative;z-index:10;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{position:absolute;top:50%;z-index:10;display:block;overflow:hidden;margin:-35px 0 0;width:50px;height:50px;border-radius:35px;background:url(../image/ad_ctr1.png) no-repeat;line-height:99em;opacity:0;cursor:pointer;-webkit-transition:all .3s ease;filter:alpha(opacity=0)}
.flex-direction-nav .flex-next{right:10px;background-position:0 -50px}
.flex-direction-nav .flex-prev{left:10px}
.flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{position:absolute;bottom:0px;width:100%;text-align:center}
.flex-control-nav li{display:inline-block;margin:0 2px;zoom:1}
.flex-control-paging li a{display:block;overflow:hidden;width:12px;height:12px;border-radius:50%;background:#fff;text-indent:-99em;cursor:pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#FF3A3A}
.flexslider .slides a img{display:block;width:100%;height:500px}

.ucenter{float: right; width: 190px; box-sizing: border-box; padding:10px 6px; height: 320px; overflow: hidden;}
.ucenter .uheader{clear: both; overflow: hidden;}
.ucenter .uheader .img{float: left; width: 40px; height: 40px;}
.ucenter .uheader .img img{display: block; border-radius: 50%; width: 40px; height: 40px}
.ucenter .uheader .nickname{color:#666; margin-left: 40px;}
.ucenter .quick{clear: both; overflow: hidden;}
.ucenter .quick li{float: left; width: 33.333%; font-size: 12px; margin-bottom:10px}
.ucenter .quick li img{margin: auto;}
.ucenter .quick li.long{width: 66.666%; background-color: #f1f1f1; padding:7px 5px; margin-bottom: 0; box-sizing: border-box;}
.ucenter .quick li.long p{font-size: 12px}
.ucenter .quick li.long img{float: left; margin-right: 5px;}


.fixed_position{position:fixed;top:100px;left:50%;margin-left:-600px;width:1200px;height:1px}
.fixed_position_1{position:absolute;top:0;left:-80px;display:none;width:66px;background:rgba(255,255,255,.3)}
.fixed_position_1 ul li{height:34px;background:#666;color:#fff;text-align:center;font-size:12px;line-height:34px;cursor:pointer}
.fixed_position_1 ul li:hover{background:#333;color:#fff}
.fixed_position_1 ul li.addcss{background:#FF3A3A;color:#fff}

.goods li{width: 20%; box-sizing: border-box; padding:5px; position: relative; float: left;}
.goods li:hover{box-shadow: 0 0 5px #ccc}
.goods li .tag{position: absolute; left:10px; top: 10px}
.goods li .tc{position: absolute; left:5px; bottom:120px; background-color: #FEEBEB; line-height:46px; height:40px; width:40px;border-top-right-radius:40px;text-align: center; color: #FF3A3A;}
.goods li img{height:180px; width: 100%}
.goods li .name{height: 38px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.goods li .priceBox{clear:both; padding:10px 0; overflow: hidden;}
.goods li .priceBox .price{font-size: 18px; float: left;}
.goods li .priceBox .stock{float: left; padding-top: 2px; padding-left: 10px}
.goods li .date{clear: both; margin-top: 10px; height: 23px}
.goods li .dLeft{float: left; color: #999; font-size: 12px; line-height: 23px; max-width: 70%}
.goods li .cart{float: right; cursor: pointer; font-weight: bold; width: 50px; text-align: right;}
.goods li .cart i{font-size:20px}
.goods li .soldOut{ position: absolute;left:50%; margin-left: -41px; top:20%; width:83px; height:83px; background-image: url(../image/new/sold-out.png); background-size: cover;opacity:0.6; }
.goods li .tie{position: absolute; right:0px; top: 20px; width: 60px}
.goods li .tie p{background:rgba(255,255,255,.8); border:1px #ff0036 solid; border-right: 0; border-top-left-radius:12px; border-bottom-left-radius:12px; padding: 2px; font-size:12px; color: #ff0036; margin-bottom: 3px; text-align: center;}

.gift{background: linear-gradient(180deg, #f5e2e2 0%, rgba(253, 253, 253, 0) 100%); padding: 5px; clear: both; overflow: hidden;}
.gift .inner{padding: 5px; background-image: url(../image/new/img_gift.png); background-repeat: no-repeat; background-position: right top}
.gift .inner .hd{clear: both; overflow: hidden;}
.gift .inner .hd h1{font-size: 22px; float: left;}
.gift .inner .hd h3{float: left; padding-left: 10px; padding-top: 5px}
.gift .inner .hd span{float: right;}
.giftGoods{clear: both; overflow: hidden; background-color: #ffffff; margin-top: 10px}
.giftGoods li{width: 33.333%}

.indexTitle{padding: 15px; clear: both; overflow: hidden;}
.indexTitle h1{float: left; font-size: 22px; font-weight: bold;}
.indexTitle span{float: right;}
.indexCate{clear: both; padding:0 15px; padding-top: 0; overflow: hidden;}
.indexCate a{float: left; display: block; line-height: 30px; padding:0 15px; white-space: nowrap;}
.indexCate a.active{background-color: #FF3A3A; color: #fff;}

.indexGoods{clear: both; overflow: hidden; padding-top: 10px}
.indexGoods .leftAd{width: 200px; float: left;}
.indexGoods .rightGoods{width: 1000px; float: left;}


.brand{clear: both; overflow: hidden;}
.brand li{width: 12.5%; float: left; padding: 5px; box-sizing: border-box; text-align: center;}
.brand li a{display: block;}
.brand li img{width: 100%;border:1px #dbdbdb solid;}
.brand li p{line-height: 20px;}

.commGoods li img{height:230px; background-color: #ccc}