.top-banner,.top-banner img{height:420px}html{overflow-x:hidden}.main{position:relative;background:#f5f5f5}.ws1200{width:1200px;margin:50px auto 4px}.top-banner,.top-banner .swiper-slide{width:100%;display:flex;overflow:hidden}.ws1200 .small-title{margin-left:6px}.nav-area{margin-bottom:0}.top-banner{justify-content:center;background:#fff}.top-banner .swiper-slide{justify-content:center}.top-banner .banner-pagination{bottom:70px!important}.top-banner .banner-pagination .swiper-pagination-bullet-active{opacity:1;width:16px;background:#fff;border-radius:4px}.header-cbans{width:100%;height:240px;position:relative;background:url(/images/bargain/c2-banner.png) center no-repeat #f6ddb5}.header-cbans .hc-bars{width:1200px;height:72px;background:#FBF2E1;border-radius:30px 30px 0 0;position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:flex-end}.header-cbans .hc-bars .hc-bar-item{display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;font-size:22px;color:#222;transition:all .25s;width:50%;position:relative;height:72px;border-radius:30px 30px 0 0}.header-cbans .hc-bars .hc-bar-item:hover{color:#854413;font-weight:600}.header-cbans .hc-bars .hc-bar-item img{display:none;margin-left:12px;position:relative;top:2px}.header-cbans .hc-bars .hc-bar-item::after{content:'';display:block;width:1px;height:18px;background:#111;position:absolute;right:0;top:30px}.header-cbans .hc-bars .hc-bar-item:last-of-type::after{display:none}.header-cbans .hc-bars .hc-bar-item.active{color:#fff;height:90px;background:#CC8E56;border-radius:30px 30px 0 0;padding-top:6px;font-weight:700;font-size:26px}.header-cbans .hc-bars .hc-bar-item.active img{display:block}.header-cbans .hc-bars .hc-bar-item.active::after,.header-cbans .hc-bars .hc-bar-item.noafter::after{display:none}.maincenter{width:1200px;margin:0 auto;position:relative}.maincenter.top-banner-hide{padding-top:10px;top:0}.maincenter .list{margin-top:20px}.maincenter .list .text-center{margin:auto}.maincenter .list .list-warp{display:flex;align-items:center;flex-wrap:wrap;width:100%}.maincenter .list .list-warp .list-item{display:block;width:224px;height:365px;background:#FFF;border-radius:12px;transition:all .5s;overflow:hidden;margin-right:20px;margin-bottom:20px}.maincenter .list .list-warp .list-item .imgbox{width:224px;height:224px;background:#DBDBDB;overflow:hidden}.maincenter .list .list-warp .list-item .imgbox img{width:100%;height:100%;transition:all .5s}.maincenter .list .list-warp .list-item .textbox{padding:15px 10px 0}.maincenter .list .list-warp .list-item .textbox .title{font-size:14px;color:#333;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px}.maincenter .list .list-warp .list-item .textbox .title img{position:relative;top:-1px;width:14px;height:14px;margin-right:2px}.maincenter .list .list-warp .list-item .textbox .des{display:flex;align-items:center;width:100%;justify-content:space-between}.maincenter .list .list-warp .list-item .textbox .des .icon-list img{width:18px}.maincenter .list .list-warp .list-item .textbox .des .icon-list .icon-item{font-size:12px;width:18px;height:18px;color:#fff;display:inline-block;text-align:center;border-radius:2px;cursor:pointer}.maincenter .list .list-warp .list-item .textbox .des .icon-list .icon-item.new{background:#FF8779}.maincenter .list .list-warp .list-item .textbox .des .icon-list .icon-item.hot{background:#FFB503}.maincenter .list .list-warp .list-item .textbox .des .icon-list .icon-item.shan{background:#97CEF8}.maincenter .list .list-warp .list-item .textbox .des .icon-list .icon-item.ku{background:#FFB379}.maincenter .list .list-warp .list-item .textbox .des .icon-list .icon-item.shi{background:#74D096}.maincenter .list .list-warp .list-item .textbox .des .default-text{font-size:12px;font-weight:400;color:#999}.maincenter .list .list-warp .list-item .textbox .pricebox-1{width:204px;height:36px;background:url(/images/bargain/icon_button_dj.png) center no-repeat;border-radius:8px;display:flex;align-items:center;margin:24px auto 0}.maincenter .list .list-warp .list-item .textbox .pricebox-1 .price{width:70px;font-size:18px;font-weight:400;color:#FFF;padding-right:14px;text-align:center}.maincenter .list .list-warp .list-item .textbox .pricebox-1 .price span{font-size:12px}.maincenter .list .list-warp .list-item .textbox .pricebox-1 .price-des{font-size:12px;font-weight:400;color:#FF6C00}.maincenter .list .list-warp .list-item .textbox .pricebox-1 .price-des span{font-size:16px;font-weight:600}.maincenter .list .list-warp .list-item .textbox .pricebox-2{width:204px;height:64px;background:linear-gradient(180deg,#FFF,#FFE7E0);border-radius:0 0 12px 12px;margin:4px auto 0;padding:6px 10px 0;display:flex;align-items:center;justify-content:space-between}.maincenter .list .list-warp .list-item .textbox .pricebox-2 .price1{font-size:12px;font-weight:400;color:#999}.maincenter .list .list-warp .list-item .textbox .pricebox-2 .price1 span{font-size:18px;text-decoration:line-through}.maincenter .list .list-warp .list-item .textbox .pricebox-2 .price-ze{font-size:20px;font-weight:400;color:#333;position:relative;flex:1;text-align:center}.maincenter .list .list-warp .list-item .textbox .pricebox-2 .price-ze span{font-size:12px}.maincenter .list .list-warp .list-item .textbox .pricebox-2 .price-ze::before{content:'';display:block;width:100%;height:43px;background:url(/images/bargain/jts.png) center/100% 43px no-repeat;position:absolute;bottom:0;left:0}.maincenter .list .list-warp .list-item .textbox .pricebox-2 .price2{font-size:18px;font-weight:600;color:#FF4D1A}.maincenter .list .list-warp .list-item .textbox .pricebox-2 .price2 span{font-size:12px}.maincenter .list .list-warp .list-item:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}.maincenter .list .list-warp .list-item:hover .imgbox img{transform:scale(1.05)}.maincenter .list .list-warp .list-item:nth-child(5n){margin-right:0}.maincenter.toplist{width:1200px;margin:auto auto 20px;background:#fff;border-radius:0 0 20px 20px;padding:22px 8px 40px}.maincenter.toplist .list{margin-top:0}.maincenter.toplist .list .list-warp .list-item{margin-right:16px}.maincenter.toplist .list .list-warp .list-item:nth-child(5n){margin-right:0}.maincenter.toplist .list .pagination{margin-bottom:0}.price-percent{margin-left:10px;display:flex;height:100%;align-items:center}.price-percent .price-items{width:20px;height:20px;background:#FFF;border:1px solid #ccc;border-right:none;position:relative;cursor:pointer}.price-percent .price-items:last-child{border-right:1px solid #ccc}.price-percent .price-items .rate{position:absolute;bottom:-1px;left:-1px;width:20px;height:20%;background:#E5E5E5;border:1px solid #ccc;border-right:none}.price-percent .price-items .rate.last{border-right:1px solid #ccc}.price-percent .price-items .rate.active{background:#FF6C00;border:1px solid #FF6C00}.price-percent .price-items .rate-hover{width:150px;height:30px;background:#FFF;box-shadow:0 0 10px 0 rgba(204,204,204,.3);font-size:12px;border-radius:10px;font-weight:400;color:#FF6C00;position:absolute;top:-40px;left:-71px;min-width:142px;padding:0 10px;text-align:center;line-height:30px;display:none}.price-percent .price-items .rate-hover:after{content:'';position:absolute;left:49%;bottom:-8px;width:8px;height:8px;background:#fff;transform:translateY(-50%) rotate(45deg)}.price-percent .price-items:hover .rate{background:#FF6C00;border:1px solid #FF6C00}.price-percent .price-items:hover .rate-hover{display:block}.inner-nodata{width:100%;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column}.inner-nodata div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.inner-nodata p{padding-top:10px}.plh-zws .clist-phs{display:flex;flex-wrap:wrap}.plh-zws .clist-phs .clist-phs-item{width:224px;height:365px;background:#fff;margin-bottom:20px;border-radius:12px;overflow:hidden;margin-right:16px;position:relative}.plh-zws .clist-phs .clist-phs-item:nth-child(5n){margin-right:0}.plh-zws .clist-phs .clist-phs-item .cc1{width:224px;height:224px;border-radius:12px;background:#F5F5F7;margin-bottom:15px}.plh-zws .clist-phs .clist-phs-item .cc2{width:204px;height:20px;background:#F5F5F7;margin-bottom:12px;border-radius:6px;margin-left:10px}.plh-zws .clist-phs .clist-phs-item .cc3{width:150px;height:18px;margin-bottom:36px;background:#F5F5F7;border-radius:6px;margin-left:10px}.plh-zws .clist-phs .clist-phs-item .cc4{width:204px;height:36px;background:#F5F5F7;border-radius:6px;margin-left:10px}@keyframes screen{from{transform:rotate(45deg) translateX(-300px) translateY(-300px)}to{transform:rotate(45deg) translateX(300px)}}