@charset "utf-8";
/* CSS Document */
.arrow-left{background:url(../img/arrows.png) no-repeat 5px 5px;position: absolute;left:50%;margin-left:-396px;top: 50%;margin-top: -25px;width: 40px;height: 60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#000;filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.arrow-right{background:url(../img/arrows.png) no-repeat 5px -45px;position: absolute;right:50%;margin-right:-596px;top: 50%;margin-top: -25px;width: 40px;height: 60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#000;filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.swiper-container{position:relative;zoom:1;cursor:pointer;}
.swiper-slide-visible img{vertical-align:middle;display:inline-block;position: absolute;top:0;left:50%;margin-left:-960px;}
.swiper-slide-active{z-index:1;}
.swiper-slide{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.pagination{position: absolute;left:50%;margin-left:-26px;text-align: center;bottom:5px;width:1192px;}
.swiper-pagination-switch{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer; opacity:0.8;}
.swiper-active-switch{background: #333;}
.clearfix{zoom:1;}
.swiper-container:hover .arrow-left{filter:alpha(Opacity=15);-moz-opacity:0.15;opacity:0.15;}
.swiper-container:hover .arrow-right{filter:alpha(Opacity=15);-moz-opacity:0.15;opacity:0.15;}

.rankingListBox{margin:0;padding:0;}
.rankingList{position:relative;zoom:1;width:1192px;margin:20px auto;}
.leftMenu{position:absolute;display:block;width:170px;background:#FFF;z-index:1;}
.rankTitle{display:block;padding:20px 0px 20px 40px;line-height:20px;font-size:16px;background:#cb2027;color:#FFF;text-shadow: 0 0 20px #FFF;}
.leftMenu li{position:relative;}
.leftMenu li i{position:absolute;display:inline-block;width:22px;height:22px;left:20px;top:15px;z-index:2;background:url(../img/icons.png) no-repeat;}
.leftMenu li .rankIcon2{background-position:-40px -40px;}
.leftMenu li .rankIcon3{background-position:-80px -40px;}
.leftMenu li .rankIcon4{background-position:-120px -40px;}
.leftMenu li .rankIcon5{background-position:-160px -40px;}
.leftMenu li .rankIcon6{background-position:-200px -40px;}
.leftMenu li .rankIcon7{background-position:-240px -40px;}
.leftMenu li .rankIcon8{background-position:-280px -40px;}
.leftMenu li .rankIcon9{background-position:-320px -40px;}
.leftMenu li .rankIcon10{background-position:-360px -40px;}
.leftMenu li .rankIcon1{background-position:-400px -40px;}
.leftMenu li.active .rankIcon2,.leftMenu li:hover .rankIcon2{background-position:-40px -70px;}
.leftMenu li.active .rankIcon3,.leftMenu li:hover .rankIcon3{background-position:-80px -70px;}
.leftMenu li.active .rankIcon4,.leftMenu li:hover .rankIcon4{background-position:-120px -70px;}
.leftMenu li.active .rankIcon5,.leftMenu li:hover .rankIcon5{background-position:-160px -70px;}
.leftMenu li.active .rankIcon6,.leftMenu li:hover .rankIcon6{background-position:-200px -70px;}
.leftMenu li.active .rankIcon7,.leftMenu li:hover .rankIcon7{background-position:-240px -70px;}
.leftMenu li.active .rankIcon8,.leftMenu li:hover .rankIcon8{background-position:-280px -70px;}
.leftMenu li.active .rankIcon9,.leftMenu li:hover .rankIcon9{background-position:-320px -70px;}
.leftMenu li.active .rankIcon10,.leftMenu li:hover .rankIcon10{background-position:-360px -70px;}
.leftMenu li.active .rankIcon1,.leftMenu li:hover .rankIcon1{background-position:-400px -70px;}
.leftMenu li a{display:block;margin-left:20px;padding:10px 0px 10px 30px;line-height:30px;font-size:16px;}
.leftMenu li:hover a{cursor:pointer;margin-left:30px;color:#cb2027;}
.leftMenu li.active a{margin-left:30px;color:#cb2027;}
.leftMenu li:hover i{cursor:pointer;left:30px;}
.leftMenu li.active i{left:30px;}
.leftMenu li .bottomLine{position:absolute;bottom:0;right:0;width:90%;height:1px;background:#E6E6E2;}
.leftMenu li.active .bottomLine{background:#cb2027;}
.leftMenu li.active:after{position:absolute;right:20px;display:inline-block;top:50%;margin-top:-3px;content:'';border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid #cb2027;cursor:pointer;}
.rankingListContent{display:block;padding-left:165px;position:relative;display:none;}
.rankingList .selected{display:block;}
.rankListContentTitle{width:970px;margin-left:30px;margin-bottom:10px;padding:10px;border-bottom:#666 2px solid;}
.rankListContentTitle b{display:inline-block;font-size:20px;padding-left:20px;height:30px;line-height:30px;border-left:#000 5px solid;color:#000;}
.rankingListContent li{position:relative;display:inline-block;width:480px;height:500px;margin-left:28px;margin-bottom:30px;-webkit-transition:box-shadow 0.5s;transition:box-shadow 0.5s;border:#ececec 1px solid;}
.rankingListContent li .rankingGoodsPicBg{position:absolute;width:480px;height:300px;z-index:-1;}
.rankingListContent li .imageLink{width:480px;height:300px;}
.rankingListContent li .imageLink .cornerMark{ top:0; left:50%; margin-left:-150px; width: 300px; height: 300px;}
.rankingListContent li .imageLink img{display:block;width:300px;height:300px;margin:0 auto;}
.rankingListContent li .addToCart{display:none;position:absolute;width:70px;height:70px;right:40px;bottom:30px;background:url(../img/icons.png) no-repeat -340px -200px;cursor:pointer;}
.rankingListContent li .addToCart:hover{background:url(../img/icons.png) no-repeat -440px -200px;}
.rankingListContent li:hover{box-shadow:0 0 30px #999;-webkit-box-shadow:0 0 40px #999;}
.rankingListContent li:hover .rankingGoodsPic{transform:scale(1.04);-webkit-transform:scale(1.04);}
.rankingListContent li:hover .addToCart{display:block;}
.rankingGoodsPic{transition:all 0.5s;-webkit-transition:all 0.5s;width:100%;margin:0 auto;}
.rankingIconTop1{position:absolute;width:50px;height:40px;top:10px;left:15px;background:url(../img/icons.png) no-repeat -40px -280px;}
.rankingIconTop2{position:absolute;width:50px;height:40px;top:10px;left:15px;background:url(../img/icons.png) no-repeat -90px -280px;}
.rankingIconTop3{position:absolute;width:50px;height:40px;top:10px;left:15px;background:url(../img/icons.png) no-repeat -140px -280px;}
.rankingIcon{position:absolute;width:50px;height:40px;top:20px;left:20px;color:#333;font-size:18px;font-weight:bolder;text-align:center;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.goodsDetail{box-sizing:border-box;display:block;height:200px;padding:10px 20px;background:#FFF;font-size:16px;}
.goodsDetail .goodsName{padding:5px 0;color:#333;height:48px;overflow:hidden;}
.consigner{position:relative;line-heigth:20px;padding:5px 0;font-size:14px;}
.currency{color:#cb2027;margin-left:10px;}
.price{color:#cb2027;margin-left:5px;font-size:28px;font-weight:bold;}
.discount{color:#c3656f;padding:3px 6px 3px 17px;font-size:14px;background:url(../img/icons.png) no-repeat -90px -220px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.salesTodayBox{margin:0;padding:0;}
.salesTodayList{position:relative;zoom:1;width:1192px;margin:20px auto;}
.salesTitle{padding:10px 0;width:1192px;margin-bottom:10px;border-bottom:#666 2px solid;}
.salesTitle b{display:inline-block;font-size:20px;padding-left:20px;height:30px;line-height:30px;border-left:#000 5px solid;color:#000;}
.salePic{cursor:pointer;transition:all 0.7s;-webkit-transition:all 0.7s;height:100%;margin-left:90px;}
.saleDetail{position:relative;display:inline-block;box-sizing:border-box;width:676px;height:100%;padding:50px 20px 50px 0;font-size:16px;float:right;}
.saleDetail .goodsName{margin:0 40px;padding-bottom:10px;text-align:center;border-bottom:#666 solid 1px;}
.saleDetail .courntry{position:absolute;width:120px;height:24px;right:10px;top:15px;}
.goodsDescription{padding:10px 0;overflow:hidden;max-height:90px;color:#333;}

.salesContent li{position:relative;width:100%;height:336px;border:#FFF 3px solid;box-sizing:border-box;margin-bottom:20px;-webkit-transition:box-shadow 0.7s;transition:box-shadow 0.7s;}
.salesContent li .salesGoodsBg{position:absolute;width:1186px;height:330px;}
.salesContent li .imageLink{width:510px;height:330px;float:left;position:absolute;z-index:1;}
.salesContent li .imageLink .cornerMark{top:0; left:90px; cursor: pointer; transition: all 0.7s;-webkit-transition: all 0.7s; width:330px; height: 100%;}
.salesContent li .countdown{position:absolute;width:250px;bottom:0;padding:5px 10px;z-index:1;color:#333;font-size:16px;font-weight:bold;text-align:center;background:-webkit-gradient(linear, 0 0,100% 0, from(#FFF), to(rgba(0,0,0,0)));background:
-moz-linear-gradient(left, #FFF,rgba(0,0,0,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#00ffffff,gradientType=1);}
.salesContent li .countdown .clockIcon{position:absolute;top:50%;margin-top:-10px;left:40px;display:inline-block;width:20px;height:20px;background:url(../img/icons.png) no-repeat -170px -221px;}
.salesContent li .toBuyBtn{display:none;position:absolute;width:137px;height:39px;right:40px;bottom:30px;background:url(../img/icons.png) no-repeat -270px -280px;cursor:pointer;}
.salesContent li .toBuyBtn:hover{background:url(../img/icons.png) no-repeat -430px -280px;}
.salesContent li:hover{box-shadow:0 0 30px #999;-webkit-box-shadow:0 0 40px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);}
.salesContent li:hover .salePic{transform:scale(1.05);-webkit-transform:scale(1.05);}
.salesContent li:hover .toBuyBtn{display:block;}

.nextSalesBox{margin:0 0 60px 0;padding:0;}
.nextSalesListBox{position:relative;zoom:1;width:1192px;margin:20px auto;}
.nextSalesContent li{box-sizing:border-box;position:relative;display:inline-block;box-sizing:border-box;width:235px;background:#FFF;}
.nextSalesContent li .cornerMark{ top: 0; left: 50%; margin-left: -118px; width: 236px;  height: 236px;overflow: hidden;}
.nextSalesContent li .nextSaleGoodsPic:hover{-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration:0.5s;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}
.nextSaleGoodsPic{display:block;width:205px;height:205px;cursor:pointer;padding:10px 15px;}
.nextSalesContent li dl{padding:20px 15px;}
.nextSalesContent li dl .nextSaleGoodsName{padding:5px 0;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/****************************rankingList2************************/
.rankingList2{ width:1192px; margin:0 auto;padding-top:20px;}
.rankingList2 .No{ width:1192px;margin-bottom:10px;float:left;}
.rankingList2 .No h2{ font-size:22px; color:#e78e1b; float:left;}
.rankingList2 .No .logo{ width:130px; height:25px; overflow:hidden; float:left; margin-top:4px; margin-left:10px;background:url(../img/icons.png) no-repeat -410px -163px;}

.rankingList2 .content{ width:1190px; margin:0 auto; clear:both; position:relative;clear:both;}
.rankingList2 .content .nav{ width:100%; height:30px; border-bottom:#e78e1b 2px solid;}
.rankingList2 .content .nav li{ border-bottom:# 2px solid; float:left; font-size:14px; padding:0 22px; height:30px; line-height:28px;cursor:pointer;}
.rankingList2 .click{ border:#e78e1b 2px solid; border-bottom:#FFF; background:#FFF; color:#e78e1b; z-index:10;}
.rankingList2 .slider{ width:1190px; height:323px; overflow:hidden;}
.rankingList2 .move{ width:1190px; height:323px;}
.rankingList2 .slider .product{ width:1190px; height:323px; background:#FFF; float:left;}
.rankingList2 .slider .product>div{ position:relative; width:236px; height:323px; float:left;margin:0 1px;}
.rankingList2 .slider .product>div>a{ display:block;overflow:hidden;}
.rankingList2 .slider .product>div>a .cornerMark{ top: 0; left: 50%; margin-left: -118px; width: 236px;  height: 236px;overflow: hidden;}
.rankingList2 .slider .product>div>a>img{height:236px;}
.rankingList2 .slider .product>div .img{ position:absolute; top:0; left:50%; margin-left:-118px; width:236px; height:236px; overflow:hidden;}
.rankingList2 .slider .product>div .img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);transition:all 0.7s;-webkit-transition:all 0.7s;}
.rankingList2 .slider .product>div .img img{ width:100%;}
.rankingList2 .slider .product>div .word{ display:block; margin:10px 0 2px 10px; font-size:14px;cursor:pointer;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.rankingList2 .slider .product>div .word:hover{ text-decoration:underline;}
.rankingList2 .slider .product>div span{ font-size:20px; color:#cb2027; margin-left:10px;}
.rankingList2 .slider .product>div span.list{ position:absolute;left:0; top:0px;margin-top:10px; z-index:11;color:#222;font-size:16px;}
.rankingList2 .slider .product>div span.list1{ display:block; width:42px; height:40px; background:url(../img/icons.png) no-repeat; background-position:-36px -276px; margin-left:0px; margin-top:0px;}
.rankingList2 .slider .product>div span.list2{ display:block; width:42px; height:40px; background:url(../img/icons.png) no-repeat; background-position:-92px -276px; margin-left:0px; margin-top:0px;}
.rankingList2 .slider .product>div span.list3{ display:block; width:42px; height:40px; background:url(../img/icons.png) no-repeat; background-position:-143px -276px; margin-left:0px; margin-top:0px;}
.rankingList2 .slider .product>div span.line{font-size:12px; text-decoration:line-through; color:#c0c0c0; margin-left:4px;}
.rankingList2 .slider .product>div span.sale{ font-size:12px; color:#f34b46; padding:0px 4px; border:#f34b46 1px solid; border-radius:2px; margin-top:4px;}

/*****************************panic buy************************************/
.Panicbuy{ width:1192px; margin:0 auto;padding-top:20px;margin-bottom:20px;}
.Panicbuy .Panic{width:1192px; height:35px; margin-bottom:10px;}
.Panicbuy .clock{width:48px;height:28px;margin-top:5px;float:left;background:url(../img/clock.jpg) no-repeat;}
.Panicbuy .Panic span{ display: block; float:left; font-weight: 500; font-size:22px; color:#7945d0; padding-top:2px;}
.Panicbuy .Panic .logo{ width:115px; height:35px; overflow:hidden; float:left;background:url(../img/icons.png)  no-repeat -405px -115px;}
.Panicbuy .Panic .logo img{ width:100%;}

.Panicbuy .content{ width:1192px; margin:0 auto; clear:both; position:relative;}
.Panicbuy .content .nav{ width:100%; height:30px; margin-bottom:20px; border-bottom:#7945d0 2px solid;}
.Panicbuy .content .nav li.active{color:#7945d0;}
.Panicbuy .content .nav li{ float:left; font-size:14px; padding:0 22px; height:20px; line-height:20px;cursor:pointer;}
.Panicbuy .hover{ display:none; width:40px; height:13px; margin:10px 0 0 8px;; background:url(../img/border.jpg) no-repeat center center;}
.Panicbuy .content .nav li.active .hover{ display:block;}

.Panicbuy .slider{ width:1192px; height:324px; overflow:hidden;}
.Panicbuy .move{ width:1192px;}
.Panicbuy .slider .product{ width:1192px;float:left;}
.Panicbuy .slider .product>div{ position:relative; width:288px; background-color:#FFF; float:left;margin:0 5px;}
.Panicbuy .slider .product>div .bgImg{display:block;width:100%; height:200px;overflow:hidden;}
.Panicbuy .slider .product>div img{ width:100%;height:100%;}
.Panicbuy .slider .product>div img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);transition:all 0.7s;-webkit-transition:all 0.7s;}
.Panicbuy .slider .product>div .img{ display:block; position:absolute;top:0;width:200px; height:200px; left:50%;margin-left:-100px;overflow:hidden;}
.Panicbuy .slider .product>div .img .cornerMark{ top:0; left:0; width: 100%; height: 100%;}

.Panicbuy .slider .product>div .word{ display:block; margin:10px 0 10px 10px; font-size:14px;cursor:pointer;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.Panicbuy .slider .product>div .word:hover{ text-decoration:underline;}
.Panicbuy .slider .product>div span{ font-size:20px; color:#d55052; margin-left:20px;}
.Panicbuy .slider .product>div span.line{font-size:12px; text-decoration:line-through; color:#c0c0c0; margin-left:4px;}
.Panicbuy .slider .product>div span.sale{ font-size:12px; color:#f34b46; padding:0px 4px; border:#f34b46 1px solid; border-radius:2px; margin-top:4px;}
.Panicbuy .slider .product>div .timer{width:90%; margin:0px auto; height:52px; line-height:52px; border-top:#ededed 1px dotted;color:#323232;font-size:16px;}
.Panicbuy .slider .product>div .timer .clock2{display: block; float:left; margin:14px 4px 0 0; width:22px; height:22px; background:url(../img/icons.png) no-repeat -170px -220px;}
.Panicbuy .slider .product>div .timer .buyNow{padding:0px 8px;line-height:30px;margin-top:11px;color:#f0697c;background-color:#ffdbdd;float:right;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
/************************js中添加样式*********************************/
.wapper{ width:100%; height:365px; overflow:hidden;}
.wapper div{ width:100%; height:365px;}
.wapper div img{ width:1920px; height:365px; position:absolute; left:50%; margin-left:-960px;}

.jquery-slider-navigation-prev {background:url(../img/arrows.png) no-repeat 5px 5px;display:none;left:0px;top:50%;position:absolute;cursor: pointer;width: 40px;height: 60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#000;filter:alpha(Opacity=15);-moz-opacity:0.15;opacity:0.15;margin-top: -25px;z-index:4;}
.jquery-slider-navigation-next {background:url(../img/arrows.png) no-repeat 5px -45px;display:none;right:0px;top:50%;position:absolute;cursor: pointer;width: 40px;height: 60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#000;filter:alpha(Opacity=15);-moz-opacity:0.15;opacity:0.15;margin-top: -25px;z-index:4;}
.Panicbuy .jquery-slider-navigation-prev{left:5px}
.Panicbuy .jquery-slider-navigation-next{right:5px}
