.app-body{padding-bottom:80px}.topslider{height:460px;width:100%;position:relative;z-index:0}.topslider .mainframe{height:100%}.topslider .mod-swiper-item{background-color:transparent}.topslider .mod-swiper-item .mainframe{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:rgba(255,255,255,.3)}.topslider .mod-swiper-footer{min-height:36px}.topslider .mod-swiper-dots li{width:24px;height:4px;border-radius:0;border:0;background-color:rgba(255,255,255,.55);margin-right:8px}.topslider .mod-swiper-dots li.on{background-color:rgba(0,0,0,.55)}.hots{height:430px;margin-top:82px;background-color:transparent}.hots fieldset{border:10px solid #ffd5b3;display:block;width:100%;height:410px}.hots legend{display:block;margin:0 auto;padding:0 100px;font-size:34px;color:#f34602}.hots .mod-swiper{height:305px;top:50px}.hots .mod-swiper-item{background-color:transparent}.hots .mod-swiper-control{top:50%;margin-top:-74px;width:25px;height:60px;line-height:60px;text-align:center;background-color:rgba(0,0,0,.3);color:#fff;display:none}.hots .mod-swiper:hover .mod-swiper-control{display:block!important}.hots .mod-swiper-control.prev{left:0}.hots .mod-swiper-control.prev:before{content:"\e645"}.hots .mod-swiper-control.next{right:0}.hots .mod-swiper-control.next:before{content:"\e646"}.hots .commodity-group{width:100%}.hots .shelf-item-outer{margin:0}.rec-acts{margin-top:12px;height:160px}.rec-acts .rec-act{height:100%;width:395px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:red}.cat-item-block{margin-top:20px}.cat-item-block h2{height:30px;border-left:5px solid #f34602}.cat-item-block h2 span{font-size:22px;margin-left:14px}.cat-item-block h2 cite{font-style:normal;font-size:16px;color:#666}.cat-item-block h2 cite:after{content:"\e646"}.cat-item-body{height:620px;margin-top:12px}.cat-item-banner{width:232px;height:100%}.cat-item-commodities{margin-left:12px}.cat-item-corsbar{height:120px;margin-top:12px}.shelf-item-outer{position:relative;width:232px;height:305px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.05);cursor:pointer;margin-right:9px;margin-bottom:10px}.shelf-item-outer:nth-child(n+5){margin-bottom:0}.shelf-item-outer:nth-child(4n){margin-right:0}.shelf-item-label{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:77px;height:22px;font-size:14px;text-align:center;line-height:22px}.shelf-item-label.discount,.shelf-item-label.heat{background-color:#e64040;color:#fff}.shelf-item-label.new{background-color:#f34602;color:#fff}.shelf-item-label.new:after{content:"New"}.shelf-item-label.heat:after{content:"Heat"}.shelf-item{position:relative;width:100%;height:100%;overflow:hidden}.shelf-info-box{padding-top:22px}.shelf-item-cover{width:180px;height:180px}.shelf-item-name{font-style:normal;text-align:center;width:190px;height:36px;padding-top:10px;line-height:18px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shelf-item-price{margin-top:12px}.shelf-item-price dl{font-size:18px;color:#f34602}.shelf-item-price del{margin-left:10px;font-size:14px;color:#b0b0b0}.shelf-item-price sub{margin-right:2px}.shelf-item-cart{position:absolute;bottom:-48px;left:0;width:100%;height:48px;line-height:48px;text-align:center;font-size:14px;color:#fff;background-color:#f34602;transition:bottom .25s;-moz-transition:bottom .25s;-moz-transition:bottom .25s;-o-transition:bottom .25s;-ms-transition:bottom .25s}.shelf-item-outer:hover .shelf-item-cart{bottom:0}