.bg_box{background-color: #b2dafe;height: 476px;} a:hover{color: #ff524c;} /*广告轮播*/ .adbox .slidebox{float: left;margin-left: 200px;width: 796px;height:476px;position: relative;overflow: hidden;} .adbox .slidebox .hd {height: 15px;position: absolute;left:0;bottom:30px;width:100%;text-align:center;z-index: 1;} .adbox .slidebox .hd ul li {display:inline-block;width: 50px;height: 4px;background:rgba(0,0,0,0.3);cursor: pointer;margin: 0 6px 38px 2px;} .adbox .slidebox .hd ul li.on {background:#ff524c;} .adbox .slidebox .hd ul {overflow: hidden;} .adbox .slidebox .bd ul {height: 476px;overflow: hidden;} .adbox .slidebox .bd li {float: left;zoom: 1;vertical-align: middle;} .adbox .slidebox .bd li img{width: 796px;height: 476px;} .adbox .slidebox .bd img{width: 796px;height: 476px;} .adbox .slidebox .bd li span {display: none;} .adbox .slidebox .prev, .slidebox .next {position: absolute;display: none;left:10px;bottom: 240px;width: 30px;height: 50px;background: 0 0px no-repeat;filter: alpha(opacity=60);opacity: 0.6;} .adbox .slidebox:hover .prev, .slidebox:hover .next {filter: alpha(opacity=50);opacity: 0.5;} .adbox .slidebox .next {left: auto;right: 10px;background-position: -30px 0px;} .adbox .slidebox .prev:hover, .slidebox .next:hover {filter: alpha(opacity=100);opacity: 1;} /*领券中心*/ .otheroper{position: absolute;bottom: 6px;left: 6px;z-index: 9; right: 6px;} .otheroper ul{display: flex;justify-content: space-between;} .otheroper li a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 14px 20px;} /* .otheroper li{float: left;width: 194px;height: 112px;overflow: hidden;box-sizing: border-box; text-align: left;margin-bottom: 0;background: #fff;margin-right: 2px;} */ .otheroper li{float: left;width: 258px;height: 112px;overflow: hidden;box-sizing: border-box; text-align: left;margin-bottom: 0;background: #fff;margin-right: 2px;} .otheroper li.linq a{background: no-repeat right bottom; background-size: 70px;} .otheroper li.finds a{background: no-repeat right bottom; background-size: 70px;} .otheroper li.shangq a{background: no-repeat right bottom; background-size: 70px;} .otheroper li.tuij a{background: no-repeat right bottom; background-size: 70px;} .otheroper li h3{font-size: 22px;color: #333;font-weight: bold;} .otheroper li p{font-size: 14px;color: #999;} /*最新入驻*/ .setted{float: right;width: 204px;height: 476px;position:relative;background: #fff;box-sizing: border-box;padding: 0 15px;} .setted .tit{padding: 23px 0 20px; } .setted .userxx{margin-left: 12px;} .setted .userimg{float: left;width: 44px;height: 44px;} .setted .userimg img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%} .setted .usertit{margin-left: 54px;height: 44px;} .setted .usertit h4{font-size: 12px;color: #999;padding-top: 5px;} .setted .usertit h5{font-size: 12px;color: #333;padding-top: 3px;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .setted .usertit h5 img{display: inline-block;vertical-align: middle;margin-right: 2px;margin-top: -4px;} .setted .usertit p{font-size: 0;margin-top: 2px} .setted .usertit p a{font-size: 12px;color: #333;display: inline-block;} .setted .usertit p a.tchu{color: #999;} .setted .usertit p s{display: inline-block;width: 1px;height: 10px;background: #333;vertical-align: middle;margin: -8px 10px 0;} .setted .userbtn{text-align: center;margin-top: 15px;} .setted .userbtn a{display: inline-block;line-height: 26px;border-radius: 13px;background: #363634;font-size: 12px;color: #dfd498;padding: 0 14px;} .setted .userbtn a.openstore{background: #f52b21;color: #fff;margin-right: 8px;} .setted .userbtn a.seeorder{background: #f9fcff;border: 1px solid #f52b21;color: #f52b21;display: none;} .setted .userbtn a.seeself{background: #f52b21;border: 1px solid #f52b21;color: #fff;display: none;} .setted .newsline{width: 100%;height: 1px;background: linear-gradient(90deg, rgba(238, 238, 238, 0.06) 1%, #eeeeee 17%, #eeeeee 49%, #eeeeee 80%, rgba(255, 255, 255, 0) 100%);} .setted h3{padding-top: 12px;margin-bottom: 13px;} .setted h3 strong{font-size: 14px;color: #333;} .setted h3 a{float: right;color: #999;font-size: 12px;} .setted h3 a:hover{color: #f52b21} .setted .newp{height: 18px;font-size: 12px;line-height: 18px;width: 170px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;margin-bottom: 10px;} .setted .newp:hover{color: #f52b21} .setted .newp span{display: inline-block;line-height: 18px;padding: 0 4px;background: #fdeeed;font-size: 12px;color: #e1251b;margin-right: 4px;} .setted .indexadv{width: 100%;height: 160px;overflow: hidden;} .contain{background: #f5f5f7;min-height: 300px;padding-bottom:22px;padding-top: 20px;} .bottom30{margin-bottom: 30px;} .loading{text-align: center;height: 200px;line-height:200px;font-size: 22px;color: #a0a0a0;box-sizing: border-box;} .hdsection{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .hdsection>div:nth-of-type(2n){float: right;} .hdsection>div:nth-of-type(2n-1):last-of-type{width: 100%;} /*限时秒杀*/ .hdsection{overflow: hidden;} .hdsection>div{width: 590px;background: #fff;border-radius: 12px;box-sizing: border-box;padding:16px 22px;height: 315px;} .hdsection .hdtop{} .hdsection>div.fn-hide{display: none;} .hdsection .hdtop .tit{font-size: 24px;color: #ef0027;float: left;} .hdsection .qianggou .hdtop .tit,.hdsection .hottuan .hdtop .tit{color: #ef0027 !important;} .hdsection .hdtop .dec{font-size: 15px;color: #333;float: left;margin: 10px 14px 0 18px;} .hdsection .hdtop .daojishi{z-index: 4;float: left;font-size: 0;margin-top: 8px} .hdsection .hdtop .daojishi span{display: inline-block;width: 24px;height: 24px;font-size: 14px;color: #fff;text-align: center;line-height: 24px;background: #333;border-radius: 2px;} .hdsection .hdtop .daojishi em{display: inline-block;font-size: 14px;color: #333;margin: 0 3px;} .hdsection .hdtop .changci{float: right;font-size: 0;margin-top: 6px;} .hdsection .hdtop .changci span{display: inline-block;height: 24px;border: 1px solid #ef0027;font-size: 14px;background: #fff;color:#ef0027;line-height: 24px;padding: 0 14px;border-radius: 0 4px 4px 0; cursor: pointer; } .hdsection .hdtop .changci span.active{background: #ef0027;color: #fff;border-radius: 4px 0 0 4px; } .hdsection .hdtop .changci span.active.br{border-radius: 4px;} .hdsection .hdtop .changci span.nextc.br{border-radius: 4px;} .hdsection .hdtop .changci span:first-child{border-radius: 4px 0 0 4px !important;} .hdsection .hdtop .changci span:last-child{border-radius: 0 4px 4px 0 !important;} .hdsection .mid{background-color: #fff;padding: 0 6px;margin-top: 18px;} .hdsection .mid li{float:left;overflow: hidden;margin-right: 36px;width: 154px;position: relative;} .hdsection .mid li:last-child{margin-right: 0} .hdsection .mid li .topimg{display: block; margin: 0 auto; width: 154px;height: 154px;position: relative;} .hdsection .mid li .topimg img{display: block; width: 100%;height: 100%;object-fit: cover;border-radius: 6px;} .hdsection .mid li .name{color: #444;font-size: 13px;text-align: left;width: 154px;overflow: hidden;text-overflow: ellipsis;padding-top:4px;white-space: nowrap;margin: 0 auto;} .hdsection .mid li .price{padding-top: 0;color: #919191;font-size: 13px;} .hdsection .mid li .price s{font-size: 12px;color: #999;} .hdsection .mid li .price span{display: inline-block;color: #ef0027;} .hdsection .mid li .price span strong{font-size: 18px;font-family: moneynumber;margin-right: 2px} .hdsection .mid li .price span i{font-size: 12px;font-style: normal;} .hdsection .mid .qgsale{margin: 4px auto 0;} .hdsection .mid .qgsale i{width: 90px;height: 6px;border-radius: 3px;background: #fddee0;display: inline-block;position: relative;} .hdsection .mid .qgsale label{position: absolute;display: inline-block;top: 0;left: 0;bottom: 0;background: #f00b31;border-radius: 3px;} .hdsection .mid .qgsale span{position: relative;z-index: 2;font-size: 12px;color: #999;margin-left: 8px;} /*热门团购*/ .hdtop .decsp{display: inline-block;height: 24px;border: 1px solid #ef0027;font-size: 14px;background: #fff;color:#ef0027;line-height: 24px;padding: 0 7px;border-radius: 4px;margin-left: 10px;margin-top: 7px;} .hdsection .hdtop .more{float: right;margin-top: 8px;} .hdsection .mid#htuan li .htprice{padding-top: 0;color: #919191;} .hdsection .mid#htuan li .htprice .price2{font-size: 14px;color: #fff;display: inline-block;height: 18px;line-height: 18px;background: #fc3b48;border-radius: 4px;padding: 0 7px;margin-right: 4px;position: relative;} .hdsection .mid#htuan li .htprice .price2 s{display: inline-block;width: 0; height: 0;border-top: 4px solid transparent;border-left: 4px solid #fc3b48;border-bottom: 4px solid transparent;position: absolute;right: -3px;top: 50%;margin-top: -4px;} .hdsection .mid li .htprice .price1{display: inline-block;color: #ef0027;} .hdsection .mid li .htprice .price1 strong{font-size: 18px;font-family: moneynumber;margin-right: 2px} .hdsection .mid li .htprice .price1 i{font-size: 12px;font-style: normal;} .hdsection .mid li .htprice s{font-size: 12px;color: #999;display: inline-block;vertical-align: middle;margin-top: -6px;} .hdsection .mid li .htsale{font-size: 12px;color: #999;margin-top: 4px;} .daodian{position: absolute;left: 0;top: 0;font-size: 12px;color: #fff;padding: 0 8px;display: inline-block;line-height: 22px;border-radius: 6px 0px 6px 0px;background: rgba(0,0,0,.6);} .more{font-size: 14px;color: #999;} .more i{ display: inline-block; width: 22px; height: 22px; background: url(/uploads/image/tssimages/more.png) no-repeat center/cover;vertical-align: middle;margin-top: -4px;margin-left: 4px;} /*领券中心 */ .hdsection.hdsection2 .hdtop .tit{color: #333;} .quan .hdtop .decsp,.seckill .hdtop .decsp{border: 1px solid #ff5500;color: #ff5500;} .hdsection>div{margin-bottom: 30px;} .hdsection>div.quan{padding: 16px 20px;} .hdsection .quan .mid{padding: 0} .hdsection .quan .mid li{width: 170px;margin-right: 20px;} .hdsection .quan .mid li:last-child{margin-right: 0} .hdsection .quan .mid li .topimg{width: 170px;height: 170px;} .hdsection .quaninfo{border-radius: 6px;text-align: center;padding: 2px 10px 7px;margin-top: -18px;position: relative;z-index: 2;background:url(/uploads/image/tssimages/quanbg.png) no-repeat center/cover;} .hdsection .quaninfo h2{font-size: 16px;color: #ff5500;font-weight: bold;} .hdsection .quaninfo .busname{font-size: 12px;color: #ff5500;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .hdsection .quaninfo .getquan{display: inline-block;line-height: 22px;background: #ff5500;border-radius: 2px;padding: 0 11px;font-size: 12px;color: #fff;margin-top: 3px;} .hdsection .quaninfo .getquan.nochose{background: #ccc;} /*特价秒杀*/ .hdsection .goqiang{display: inline-block;position: absolute;right: 0;top: 192px;background: linear-gradient(90deg, #f75f42 0%, #f22a18 100%);line-height: 30px;border-radius: 15px;padding: 0 12px;font-size: 15px;color: #fff;font-weight: bold;} /*拼团特惠*/ .hdsection .pintuan .mid li .pinnum{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;line-height: 28px;background: rgba(243, 36, 32, .7);font-size: 14px;color: #fff; border-radius: 0px 0px 6px 6px;} /*砍价狂欢*/ .hdsection .bargain .mid li .kannum{font-size: 12px;color: #999} .hdsection .mid li .kanprice{background: #f00b31;border: 1px solid #f00b31;line-height: 22px;margin-top: 6px;} .hdsection .mid li .kanprice .price1{display: inline-block;color: #fff;background:#f00b31;text-align: center;width: 86px; line-height: 22px;height: 22px;overflow: hidden;vertical-align: top;} .hdsection .mid li .kanprice .price1 strong{font-size: 18px;font-family: moneynumber;} .hdsection .mid li .kanprice .price1 i{font-size: 12px;font-style: normal;} .hdsection .mid li .kanprice em{display: inline-block;width: 65px;text-align: center;font-size: 14px;color: #666;background:url(/uploads/image/tssimages/kanbg.png) no-repeat center/cover;height: 22px;line-height: 22px;vertical-align: top;overflow: hidden; float: right;} /*推荐商家*/ .recommoend{position: relative;background: #fff;border-radius: 12px;padding: 0 20px;} .recommoend .tjtop{padding: 21px 0;} .recommoend .tjtop strong{font-size: 24px;color: #333;} .recommoend .tjtop .busfl{display: inline-block;margin-top: 9px;font-size: 0;margin-left: 15px;vertical-align: top} .recommoend .tjtop .busfl span{display: inline-block;height: 20px;border: 1px solid #e6e6e6;font-size: 14px;background: #fff;color:#666;line-height: 20px;border-radius: 2px;margin-right: 10px;} .recommoend .tjtop .busfl span a{display: block;padding: 0 5px;} .recommoend .tjtop .more{float: right;margin-top: 8px;} .recommoend li{margin-right: 16px;float: left;width: 180px;} .recommoend li:last-child{margin-right: 0} .recommoend li .stroreimg{width: 180px;height: 140px;} .recommoend li .stroreimg img{display: block; width: 100%;height: 100%;object-fit: cover;border-radius: 6px;} .recommoend li .info{padding: 14px 2px 28px;} .recommoend li .info .name{font-size: 15px;color: #333;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;} .recommoend li .storeclick{font-size: 0} .recommoend li .storeclick .star{display: inline-block; width: 22px; height: 22px; background: url(/uploads/image/tssimages/star.png) no-repeat center/cover;vertical-align: top;} .recommoend li .storeclick strong{font-size: 18px;color: #333;font-family: moneynumber;display: inline-block;height: 22px;line-height: 24px;vertical-align: top;margin-left: 2px;} .recommoend li .storeclick em{font-size: 12px;color: #999;display: inline-block;vertical-align: top;margin-top: 8px;margin-left: 6px;line-height: 1} .recommoend li .storeadr {margin-top: 12px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .recommoend li .storeadr span{font-size: 12px;color: #8797c2;} .recommoend li .storeadr s{display: inline-block;width: 1px;height: 12px;background: #e7e7e7;vertical-align: middle;margin: -2px 8px 0;} .recommoend li .storeadr em{font-size: 12px;color: #999} .indexadv2 img{display: block;margin-top: 20px;width: 100%;} /*打广告*/ .big_ad{height: 380px;} .ad{height: 380px;position: relative;} .ad .advmark{display: none;} .ad img{cursor: pointer;border: 1px solid #edf0f2;box-sizing: border-box;} .ad img:hover{border: 1px solid #7da6f6;} .ad .ad0{width: 250px;height: 380px;} .ad .ad1{width: 420px;height: 185px;position: absolute;top: 0;left: 260px;} .ad .ad3{width: 250px;height: 185px;position: absolute;top: 0;left: 690px;} .ad .ad4{width: 250px;height: 185px;position: absolute;top: 0;right: 0;} .ad .ad2{width: 250px;height: 185px;position: absolute;bottom: 1px;left: 260px;} .ad .ad5{width: 250px;height: 185px;position: absolute;bottom: 1px;right: 0;} .ad .ad6{width: 420px;height: 185px;position: absolute;bottom: 1px;left: 520px;} /*.ad img{width: 100%;height: 100%;}*/ /*.ad span{display: block;border: 1px solid #fff;box-sizing: border-box;}*/ /*.ad span:hover{border: 1px solid #7da6f6;}*/ /*.ad .l{float: left;width: 250px;height: 380px;overflow: hidden;}*/ /*.ad .r{float: left;margin-left: 10px;width: 940px;height: 380px;overflow: hidden;}*/ /*.ad .r .t{margin-bottom: 10px;}*/ /*.ad .r .ad02,.ad .r .ad06{float: left;width: 420px;height: 185px;overflow: hidden;margin-right: 10px;}*/ /*.ad .r .ad03,.ad .r .ad05{float: left;width: 250px;height: 185px;overflow:hidden;margin-right: 10px; }*/ /*.ad .r .ad04,.ad .r .ad07{float: left;width: 250px;height: 185px;overflow: hidden;}*/ /*为你推荐*/ .good_wrap{margin-top: 30px;} .good_wrap .goodtop {text-align: center;} .good_wrap .goodtop strong{font-size: 28px;color: #333;} .good_wrap .goodtop s{display: inline-block; width: 40px; height: 40px; vertical-align: top;margin-top: 4px;} .good_wrap .goodtop s.sline1{background: url(/uploads/image/tssimages/line1.png) no-repeat center/cover;margin-right: 16px;} .good_wrap .goodtop s.sline2{background: url(/uploads/image/tssimages/line2.png) no-repeat center/cover;margin-left: 16px;} .good_tab{background: #fff;margin-top: 30px;} .good_tab.fixed{position: fixed; top: .9rem;z-index: 9;left: 0;right: 0;border-radius: 0;background: #fff;} .tab_ul{position: relative;} .tab_ul li{position: relative;width: 50%;float: left;} .tab_ul li a{display: block;text-align: center;padding: 12px 0 7px;border-bottom: 3px solid #fff;} .tab_ul li h2{font-size: 24px;color: #222;font-weight: bold;} .tab_ul li span{font-size: 14px;color: #666;height: 24px;line-height: 24px;padding: 0 12px;display: inline-block;margin-top: 0} .tab_ul li.curr a{border-bottom: 3px solid #ec3628;} .tab_ul li.curr h2{color: #ec3628;} .tab_ul li.curr span{background: rgba(236, 54, 40, .07);border-radius: 12px;color: #f22d1a;} .goodlist {padding: 20px 0 0;display: none;animation: rightfadein .3s ease-out;-webkit-animation: rightfadein .3s ease-out;-moz-animation: rightfadein .3s ease-out;} .goodlist.goodshow{display: block;} .goodlist li{float: left;width: 230px;background: #fff;margin-bottom: 12px;margin-right: 12px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .goodlist li:nth-child(5n){margin-right: 0;} .goodlist li:hover{box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.08);-ms-box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.08);transform: translate3d(0,-8px,0);-o-transform: translate3d(0,-8px,0);-webkit-transform: translate3d(0,-8px,0);transform: -moz-translate3d(0,-8px,0);} .goodlist li a{display: block;} .goodlist li .goodimg{width: 230px;height: 220px;position: relative;overflow: hidden;} .goodlist li .goodimg img{width:100%;height: 100%;object-fit: cover;display: block;} .goodlist li .goodinfo{padding: 12px 18px;} .goodlist li .goodinfo .goodtitle{width: 85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;color: #000;font-weight: bold;} .goodlist li .goodinfo .goodsale{display: flex;align-items: center;margin-top: .04rem;} .goodlist li .goodinfo .xf{font-size: 12px;color: #a6a8b2;margin-top: 4px;} .goodlist li .goodinfo .xf em{display: inline-block;width: 1px;height: 12px;background: #adafb8;vertical-align: middle;margin: -4px 10px 0;} .goodlist li .goodinfo .goodsale span{font-size: .22rem;color: #9a9ca6;} .goodlist li .goodinfo .goodsale em{width: 1px;height: 12px;background: #adafb8;margin-left: .14rem;margin-right: .14rem;} .goodlist li .goodprice{margin-top: 4px;display: flex; align-items: baseline;} .goodlist li .goodprice .newprice{font-size: 14px;color: #f00b31;} .goodlist li .goodprice .newprice strong{font-size: 22px;font-family: moneynumber;} .goodlist li .goodprice .newprice em{font-size: 16px;font-family: moneynumber;} .goodlist li .goodprice s{font-size: 13px;color: #a6a8b3;text-decoration: line-through;margin-left: 4px;} .goodlist li .goodstore{max-width: 85%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #666;margin-top: -2px;} /*精选商品*/ .goodlist li .hdsale{font-size: 12px;color: #a6a8b2;margin-top: 6px;} .goodlist.jxlist li .goodinfo{padding-top: 10px;} .goodlist.jxlist li .goodprice{margin-top: 3px} .goodlist.jxlist li.hdli .goodprice{margin-top: -1px} .goodlist.jxlist .baoy{display: inline-block;height: 24px;border: 1px solid #ec3628;font-size: 12px;background: #fff;color:#ec3628;line-height: 24px;padding: 0 5px;border-radius: 2px;margin-left: 4px;} /*特殊活动*/ .goodlist li.hdli .goodprice{margin-top: -2px;} .goodlist li .comhd{font-size: 0;margin-top: 2px;} .goodlist li .comhd span{display: inline-block;height: 24px;border: 1px solid #ef0027;font-size: 12px;background: #fff;color:#ef0027;line-height: 24px;padding: 0 7px;border-radius: 0 2px 2px 0; } .goodlist li .comhd span.active{background: #ef0027;color: #fff;border-radius: 2px 0 0 2px; } .goodlist li .comhd.tuanhd span{border: 1px solid #891ee5;color:#8a1ee5; } .goodlist li .comhd.tuanhd span.active{background: linear-gradient(90deg, #a92de7 0%, #871de5 100%);color: #fff; } .newp.announce{display: none;height: 20px;line-height: 16px;} .newp.announce .text{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .a-image{margin-right: 4px;} .a-image img{width: 32px;height: 20px;display: block;} .txtmarquee-top{margin-bottom: 14px;} .txtmarquee-top .bd{height: 84px;overflow: hidden;}