/* 分享有礼 */ .share-success{position:fixed; width:88%; padding:2rem 1rem; background:#fff; border-radius:10px; left:6%; top:30%; text-align:center; z-index:12;} .share-success h1{font-weight:normal; font-size:1.33rem; line-height:4.166rem; color:#333;} .share-success p{font-size:1.083rem;} .share-success a.share-success-btn{display:block; width:100%; margin-top:2.08rem; background:#fc5300; border-radius:2px; font-size:1.25rem; line-height:3.375rem; color:#fff;} .share-success a i{display:inline-block; width:1.33rem; height:1.208rem; margin-right:5px; background:url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/draw-love.png?v=1001') no-repeat; background-size:cover; vertical-align:-2px;} .share-success-close{position:absolute; width:3rem; height:3rem; margin-right:-1.5rem; background:url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/close-icon.png?v=1001') no-repeat; background-size:cover; bottom:-5rem; right:50%;} .mt1{margin-top:1rem !important;} .mb1{margin-bottom:1rem !important;} .share-gift{position:absolute; width:88%; padding:1.2rem 1rem 1.2rem 1.5rem; background:#fc621f; border-radius:10px; left:6%; top:30%;} .share-gift p{width:88%; font-size:1.25rem; color:#fff;} .share-gift p a{float:right; height:1.5rem; margin-top:.2rem; padding:0 .958rem; border:1px solid #fff; border-radius:2px; font-size:1.08rem; line-height:1.5rem; color:#fff;} .share-top{position:relative; width:100%; height:3rem; background:#fc621f; color:#fff; font-size:1rem; line-height:3rem;} .share-top i{float:left; width:2rem; height:2rem; margin:.5rem; background:url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/close-icon-white.png?v=1001') no-repeat; background-size:cover;} .share-top a{position:absolute; height:1.5rem; padding:0 .758rem; background:#fc621f; border:1px solid #fff; border-radius:2px; font-size:1.08rem; line-height:1.5rem; color:#fff; right:.5rem; top:.7rem; z-index:10;} /* 展示demo 使用，平时不需要 */ .demo-show{position:fixed; background:rgba(255,255,255,0.6); top:0; left:0; z-index:8; } [hide]{display:none;} .mask{display:none; position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:11;} [close]{cursor: pointer;} /*倒计时展示start*/ .hide{display: none} .horizontal-flex{display: flex;flex-direction: row;} .vertical-flex{display: flex;flex-direction:column;} .vertical-flex.hide{display:none;} .h40{height: 2.8571rem;} .ml2{margin-left:0.1428rem;} .ml3{margin-left:0.2142rem;} .ml5{margin-left:0.2847rem;} .mr7{margin-right:0.5rem;} .horizontal-between{display: flex;justify-content: space-between;} .p-single{margin-left: 0.5rem;line-height: 2.8571rem;width:7.1428rem;font-size: 0.8571rem;color: #fff;font-family:MicrosoftYaHei-Bold;} .time-single{line-height: 1.8571rem;text-align: center;color: #fff;font-size: 0.8571rem;} .right-div{height: 1.8571rem;margin-top: 0.5rem;} .red-single-m{background: #FF1A2E;height:2.8571rem;} .black-single-m{background: #2B3A48;height:2.8571rem;} .green-single-m{background:#00BE82;height:2.8571rem;} .red-single-whitebg{background: #FFFFFF;width:1.1428rem;line-height: 1.8571rem;text-align: center;border-radius:0.1428rem;} .black-single-redbg{background: #FA3A33;width:2.1428rem;line-height: 1.8571rem;text-align: center;border-radius:0.1428rem;color:#fff;} .green-single-whitebg{background: #FFFFFF;width:2.2857rem;line-height: 1.8571rem;text-align: center;border-radius:0.1428rem;} .horizontal-center{display: flex;justify-content: center;} .p-double{margin-left: 0.5rem;line-height: 1.4285rem;height:1.4285rem;font-size: 0.8571rem;color: #fff;font-family:MicrosoftYaHei-Bold;} .bottom-div-m{height: 1.4285rem;} .time-double{line-height: 1.4285rem;text-align: center;color: #fff;font-size: 0.8571rem;} .red-double-m{background: #FF1A2E;height:3.1428rem;} .black-double-m{background: #2B3A48;height:3.1428rem;} .green-double-m{background: #00BE82;height:3.1428rem;} .red-double-whitebg{background: #FFFFFF;width:0.8571rem;line-height: 1.4285rem;text-align: center;border-radius:0.1428rem;} .black-double-redbg{background: #FA3A33;width:1.4285rem;line-height: 1.4285rem;text-align: center;border-radius:0.1428rem;color:#fff} .green-double-whitebg{background: #FFFFFF;width:1.7857rem;line-height: 1.4285rem;text-align: center;border-radius:0.1428rem;} .mbwidth{width:49.5%;} .ml7{margin-left: 0.5rem;} [componentmode="sys.countdown"] .generateWrap{padding-top: 0rem;padding-bottom: 0rem;} [componentmode="sys.countdown"] .singleWapCountdown{min-height:2.833333333333333rem!important;} /*倒计时展示end*/ /*装修页--优惠券*/ .region .couponwrap ,#J_TempDrag .couponwrap{padding:0 6px;} .region .couponwrap3 .it ,#J_TempDrag .couponwrap3 .it{width:27.71%; padding:10px 2% 15px;} .region .couponwrap3 .it h4 ,#J_TempDrag .couponwrap3 .it h4{font-size:16px;background-size:20px; padding-bottom:22px;} .region .couponwrap3 .it p ,#J_TempDrag .couponwrap3 .it p{font-size:14px;} .region .couponwrap3 .it p em ,#J_TempDrag .couponwrap3 .it p em{font-size:30px; line-height:30px;} .region .couponwrap3 .it span ,#J_TempDrag .couponwrap3 .it span{font-size:14px; line-height:24px; height:24px;} .region .couponwrap2 .it ,#J_TempDrag .couponwrap2 .it{width:48.3%;padding:10px 0 15px;} .region .couponwrap2 .it h4 ,#J_TempDrag .couponwrap2 .it h4{font-size:40px;} .region .couponwrap2 .it p ,#J_TempDrag .couponwrap2 .it p{font-size:12px;} .region .couponwrap2 .it p em ,#J_TempDrag .couponwrap2 .it p em{font-size:16px; line-height:22px;} .region .couponwrap2 .it span ,#J_TempDrag .couponwrap2 .it span{font-size:12px; line-height:24px; height:24px; border-radius:15px;} .region .couponwrap1 .it ,#J_TempDrag .couponwrap1 .it{width:96%;padding:10px 2% 15px;} .region .couponwrap1 .it h4 ,#J_TempDrag .couponwrap1 .it h4{font-size:50px;margin-right:5px;} .region .couponwrap1 .it p ,#J_TempDrag .couponwrap1 .it p{font-size:13px; color:#fff;} .region .couponwrap1 .it p em ,#J_TempDrag .couponwrap1 .it p em{font-size:16px; margin-top:15px; line-height:34px;} .region .couponwrap1 .it span ,#J_TempDrag .couponwrap1 .it span{margin-top:20px; padding-top:15px; font-size:12px; width:48px; line-height:16px; height:33px;} .region .couponwrap1 .it span.get ,#J_TempDrag .couponwrap1 .it span.get{ padding-top:8px; line-height:16px; height:40px;} .region .couponwrapsec ,#J_TempDrag .couponwrapsec{padding:0 6px;} .region .couponwrapsec .it ,#J_TempDrag .couponwrapsec .it{width:31.71%; padding:10px 0% 15px;} .region .couponwrapsec .it h4 ,#J_TempDrag .couponwrapsec .it h4{font-size:16px;background-size:20px; padding-bottom:22px;} .region .couponwrapsec .it p ,#J_TempDrag .couponwrapsec .it p{font-size:14px;} .region .couponwrapsec .it p em ,#J_TempDrag .couponwrapsec .it p em{font-size:30px; line-height:30px;} .region .couponwrapsec .it span ,#J_TempDrag .couponwrapsec .it span{font-size:12px; line-height:24px; height:24px; margin:5px 0;} .region .couponwrapsec .slide-images-list .it span ,#J_TempDrag .couponwrapsec .slide-images-list .it span{margin:5px auto 0;} .region .couponwrapsec .it h5{font-size:12px;} .region .couponwrapsec3 .it span ,#J_TempDrag .couponwrapsec3 .it span{margin:5px auto 0;} .region .couponwrapsec2 .it ,#J_TempDrag .couponwrapsec2 .it{width:48.3%;padding:10px 0 15px;} .region .couponwrapsec2 .it h4 ,#J_TempDrag .couponwrapsec2 .it h4{font-size:40px;} .region .couponwrapsec2 .it p ,#J_TempDrag .couponwrapsec2 .it p{font-size:13px;} .region .couponwrapsec2 .it p em ,#J_TempDrag .couponwrapsec2 .it p em{font-size:26px; line-height:22px;} .region .couponwrapsec2 .it span ,#J_TempDrag .couponwrapsec2 .it span{font-size:14px; margin:5px auto; line-height:24px; height:24px;} .region .couponwrapsec1 .it ,#J_TempDrag .couponwrapsec1 .it{width:100%; padding:15px 0; display: flex;} .region .couponwrapsec1 .it .it1 ,#J_TempDrag .couponwrapsec1 .it .it1{width:43%;padding-left:0; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_closecoupon2.png?v=1001) no-repeat 97% center; background-size:16px; text-align: left;} .region .couponwrapsec1 .it2 ,#J_TempDrag .couponwrapsec1 .it2{width:57%; text-align: left;} .region .couponwrapsec1 .it span.get ,#J_TempDrag .couponwrapsec1 .it span.get{ margin: 0.5rem 0;} .region .couponwrapsec1 .it .it1 p ,#J_TempDrag .couponwrapsec1 .it .it1 p{ text-align:center;} .region .couponwrapsec1 .it p ,#J_TempDrag .couponwrapsec1 .it p{font-size:14px;} .region .couponwrapsec1 .it p.date ,#J_TempDrag .couponwrapsec1 .it p.date{font-size:12px;} .region .couponwrapsec1 .it p.rmb ,#J_TempDrag .couponwrapsec1 .it p.rmb{padding-left:0;} .region .couponwrapsec1 .it p em ,#J_TempDrag .couponwrapsec1 .it p em{margin-top:0; font-size:50px; line-height: 50px; font-family: arial, 'Microsoft YaHei';} .region .couponwrapthr3 .it ,#J_TempDrag .couponwrapthr3 .it{width:31.7%; padding:15px 0%;} .region .couponwrapthr3 .it p ,#J_TempDrag .couponwrapthr3 .it p{font-size:12px;} .region .couponwrapthr3 .it p em ,#J_TempDrag .couponwrapthr3 .it p em{font-size:32px; line-height:32px; margin-top:0;} .region .couponwrapthr3 .it p.sf-price{} .region .couponwrapthr3 .it p i ,#J_TempDrag .couponwrapthr3 .it p i{font-size:14px;} .region .couponwrapthr3 .it p b ,#J_TempDrag .couponwrapthr3 .it p b{width:20px; height:20px;} .region .couponwrapthr2 .it ,#J_TempDrag .couponwrapthr2 .it{width:46%; padding:15px 1%;} .region .couponwrapthr2 .it .info{} .region .couponwrapthr2 .it .info p ,#J_TempDrag .couponwrapthr2 .it .info p{font-size:14px;} .region .couponwrapthr2 .it p em ,#J_TempDrag .couponwrapthr2 .it p em{font-size:30px; margin-top:0; line-height:32px;} .region .couponwrapthr2 .it p b ,#J_TempDrag .couponwrapthr2 .it p b{width:20px; height:20px;} .region .couponwrapthr2 .it .info p em ,#J_TempDrag .couponwrapthr2 .it .info p em{margin-top:0; font-size:18px; line-height:20px;} .region .couponwrapthr2 .sf-date ,#J_TempDrag .couponwrapthr2 .sf-date{font-size:12px; height:26px; line-height:26px;} .region .couponwrapthr1 .it ,#J_TempDrag .couponwrapthr1 .it{padding:15px 2%;} .region .couponwrapthr1 .it .it1{} .region .couponwrapthr1 .it span{} .region .couponwrapthr1 .it p ,#J_TempDrag .couponwrapthr1 .it p{font-size:12px;} .region .couponwrapthr1 .it p.use ,#J_TempDrag .couponwrapthr1 .it p.use{font-size:14px;} .region .couponwrapthr1 .it p em ,#J_TempDrag .couponwrapthr1 .it p em{font-size:20px; line-height:34px;} .region .couponwrapthr1 .it span ,#J_TempDrag .couponwrapthr1 .it span{padding:0 20px; margin:0; height:auto; font-size:20px; line-height:20px; width:25px;} .region .couponslide-images .slide-images-list .it ,#J_TempDrag .couponslide-images .slide-images-list .it{width:110px; margin-right:6px; padding:15px 0; margin-bottom:0; position:relative;} .region .couponslide-images .couponwrapthr2 .it p.sf-price em ,#J_TempDrag .couponslide-images .couponwrapthr2 .it p.sf-price em{font-size:18px;} .region .couponslide-images .couponwrapthr2 .slide-images-list .it .info p em ,#J_TempDrag .couponslide-images .couponwrapthr2 .slide-images-list .it .info p em{font-size:14px; line-height:16px;} .region .couponslide-images .couponwrapthr2 .it .info p ,#J_TempDrag .couponslide-images .couponwrapthr2 .it .info p{font-size:12px;} .region .couponslide-images .slide-images-list .it .inner ,#J_TempDrag .couponslide-images .slide-images-list .it .inner{padding:0 1%;} .region .couponslide-images .couponwrapthr2 .it p b ,#J_TempDrag .couponslide-images .couponwrapthr2 .it p b{width:14px; height:14px;} .region .couponslide-images .couponwrapthr2 .it .info ,#J_TempDrag .couponslide-images .couponwrapthr2 .it .info{margin-left:6px;} .region .couponslide-images .couponwrapthr2 .sf-date ,#J_TempDrag .couponslide-images .couponwrapthr2 .sf-date{line-height:12px; height:auto;margin:10px 5px 0;} .region .couponslide-images .couponwrap ,#J_TempDrag .couponslide-images .couponwrap{height:146px;} .region .couponslide-images ,#J_TempDrag .couponslide-images{height:146px;} .region .couponslide-images3, #J_TempDrag .couponslide-images3{height:75px;} .region .couponslide-images3 .couponwrap, #J_TempDrag .couponslide-images3 .couponwrap{height:75px;} .region .it i.i{display:block; position:absolute; left:0; top:0; width:32px; height:32px; overflow:hidden; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_coupon.png?v=1001) no-repeat 0 0; background-size:32px 32px;} .region .it i.iun{ background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_start.png?v=1001) no-repeat 0 0; background-size:32px 32px;} .region .couponslide-images .couponwrap2 .it h4 ,#J_TempDrag .couponslide-images .couponwrap2 .it h4{font-size:25px;} .region .couponslide-images .couponwrap2 .it p em ,#J_TempDrag .couponslide-images .couponwrap2 .it p em{font-size:14px; margin-top:0; line-height:14px;} .region .slide-images-list ,#J_TempDrag .slide-images-list{ align-items:stretch; display:flex; justify-content:space-between;} .region .couponwrapsec .slide-images-list .it p em, #J_TempDrag .couponwrapsec .slide-images-list .it p em{margin-top:0;} .slide-images-list{display:flex; display:-webkit-flex; align-items:stretch;} /*优惠券展示end*/ /***************(首页、详情页)关注、关注有礼*********************/ .the-shop-signs .collect{position:absolute;color:#ffffff; font-size:0.8rem;border-radius:3px; text-align: center;padding:0 .6rem 0 0.8rem; right:0.5rem; width:6.2rem;height:2.257rem; line-height:2.257rem; bottom:0.6rem;box-sizing: border-box; background: -webkit-linear-gradient(left, #f44909 , #f42406); background: -o-linear-gradient(right, #f44909, #f42406); background: -moz-linear-gradient(right, #f44909, #f42406); background: linear-gradient(to right, #f44909 , #f42406); -webkit-animation:showbg 0.5s; animation:showbg 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .the-shop-signs .collect i{opacity:0;display:inline-block; vertical-align:-0.1rem; margin:0rem 0.3rem 0 0; width:1.1428rem; height:1.0714rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_collect2.png?v=1001) no-repeat 0 0; background-size:1.1428rem 1.0714rem; -webkit-animation:showicon 0.5s; animation:showicon 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .the-shop-signs .collect span{display:inline-block; opacity:0; font-size:0rem; -webkit-animation:showtxt 0.5s; animation:showtxt 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .the-shop-signs .collect.selected{position:absolute; padding:0 .6rem 0 0.8rem; width:5.68rem; height:2.057rem; line-height:2.057rem; background: #fff; right:0.5rem; bottom:0.6628rem; color:#f74905; border-radius:3px; text-align: center;} /*****关注有礼活动首页*******/ .the-shop-signs .favpolite-background{position:absolute;cursor:pointer;width:7rem;height:2.5rem;line-height:2.5rem;right:0px;bottom:0.42rem;border-radius:1px;} .the-shop-signs .favpolite-background .favpolite-polite{position:absolute; padding:0 .6rem 0 0.6rem; width:5rem; height:2.257rem; line-height:2.257rem; right:0.5rem; bottom:0.3rem; color:#ffffff; font-size:0.8rem;border-radius:3px; text-align: center; background: -webkit-linear-gradient(left, #f44909 , #f42406); background: -o-linear-gradient(right, #f44909, #f42406); background: -moz-linear-gradient(right, #f44909, #f42406); background: linear-gradient(to right, #f44909 , #f42406); } .the-shop-signs .favpolite-background .favpolite-polite i{opacity:0; -webkit-animation:showicon 0.5s; animation:showicon 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; display:inline-block; width:1rem; height:1rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_gift.png?v=1001) no-repeat 0 0; background-size:1rem 1rem; vertical-align:-0.2rem; margin-right:0.3rem;} .the-shop-signs .favpolite-background .favpolite-polite span{display:inline-block; opacity:0; font-size:0rem; -webkit-animation:showtxt 0.5s; animation:showtxt 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .the-shop-signs .favpolite-background.selected{position:absolute;width:6.8rem;height:2.3rem;line-height:2.3rem;right:0px;bottom:0.96rem;background: #ffffff;border-radius:1px;} .the-shop-signs .favpolite-background .favpolite-polite.selected{position:absolute;height:1.9rem;line-height:1.9rem;top:0.2rem;left:0.3rem;padding-left:2rem;vertical-align:middle;font-size: 1rem;color: #f74905;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/favpolite-polite-selected.png?v=1001) no-repeat 0.4rem 0.1rem;background-size:1.5rem 1.5rem;} /*****关注有礼活动:弹窗推荐商品*******/ .favpolite-prod-lay{height:10rem;background:#fff;font-size:1rem;border-radius:0.8rem;} .favpolite-prod-lay .tableClass .shop-gift{margin-left:0.5rem;width:6rem;height:6rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/shop-gift.png?v=1001) no-repeat;background-size:6rem 6rem;} .favpolite-prod-lay .tableClass .favpolite-text{font-size:1rem;} .favpolite-prod-lay .tableClass .prodList{overflow:hidden;} .favpolite-prod-lay .tableClass .prodList ul li{float:left;width:31.3%;margin:1% 1% 1% 1%;} .favpolite-prod-lay .tableClass .prodList ul li img{width:7.5rem;;height:7.5rem;display: block} .favpolite-prod-lay .tableClass .shop-component-tit{display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;height:2.0714rem;text-indent:0rem;text-align:center;font-size:1.143rem;color:#999999;} .favpolite-prod-lay .tableClass .shop-component-tit:before {content: " ";height: 1px;background: #ddd;margin-left: 5px;} .favpolite-prod-lay .tableClass .shop-component-tit:after {content: " ";width: 39%;height: 1px;background: #ddd;right: 0;} .favpolite-prod-lay .tableClass .favpolite-goShop{width:110px;height: 2rem;margin:0rem 0rem 0rem 11rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/goShop.png?v=1001) no-repeat;} .favpolite-prod-lay .tableClass .go-shop{margin-left: 9rem;line-height:30px;display:inline-block;width: 110px;height: 30px;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fc8f10), to( #fa8b00));border-radius: 4px;text-align: center;color: #fff;text-decoration: none;} /*****关注有礼活动详情页*******/ .store-details .collect ,.store-details .collect.selected{margin-top:1.45rem; float:right;display:inline-block; height: 2rem;line-height: 2rem;text-align: center;font-size:0.7142rem;color:#ffffff; padding:0 .6rem 0 0.8rem; width:4.68rem; color:#ffffff; border-radius:3px; text-align: center; background: -webkit-linear-gradient(left, #f44909 , #f42406); background: -o-linear-gradient(right, #f44909, #f42406); background: -moz-linear-gradient(right, #f44909, #f42406); background: linear-gradient(to right, #f44909 , #f42406); border:none; -webkit-animation:showbg2 0.5s; animation:showbg2 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; top:0; } .store-details .collect i{display:inline-block; vertical-align:-0.15rem; margin:0rem 0.3rem 0 0; width:1.1428rem; height:1.0714rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_collect2.png?v=1001) no-repeat 0 0; background-size:1.1428rem 1.0714rem; opacity:0; -webkit-animation:showicon 0.5s; animation:showicon 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} .store-details .collect span ,.store-details .collect.selected span,.store-details .collect.gift span{display:inline-block; opacity:0; font-size:0rem; -webkit-animation:showtxt 0.5s; animation:showtxt 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .store-details .collect.selected{float:right;display:inline-block; color:#f74905; background: #ffffff; border-radius:3px;} .store-details .collect.selected{border:1px solid #ff6600; color:#ff6600; background-color:#fff;} .store-details .collect.selected i ,.the-shop-signs .collect.selected i {background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_collect3.png?v=1001) no-repeat 0 0; background-size: 1.14rem 1.05rem;} .store-details .gift{top:0; margin-top: 0rem;float: right;display: inline-block;width: 3.5rem;height: 2rem; text-align: center;font-size: 0.9rem;color: #ffffff;padding: 0 .6rem 0 0.6rem;width: 5.68rem; color: #ffffff;font-size: 0.9rem;border-radius: 3px;text-align: center;background-color: #f74905;border: 1px solid #f74905;-webkit-animation:showbg2 0.5s; animation:showbg2 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .store-details .collect.gift i{ -webkit-animation:showicon 0.5s; animation:showicon 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_gift.png?v=1001);background-repeat: no-repeat;vertical-align:-0.2rem;background-size: 1.1428rem 0.9714rem;} .fensidiv{position: absolute;right:7.2rem;display:inline-flex;flex-direction:column;bottom:0.7rem;font-size: 0.95714rem; line-height: 1.1rem;color:#fff;} .fensidiv p{color:#fff;text-align:right; -webkit-animation:fans 0.5s; animation:fans 0.5s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; font-size:0;} @-webkit-keyframes showbg{ 0%{opacity:0;right:-5.0rem;} 80%{opacity:1;right:1rem;} 100%{opacity:1;right: 0.8572rem;} } @-webkit-keyframes showbg2{ 0%{opacity:0;margin-right:-7.5rem;} 80%{opacity:1;margin-right:0.6rem;} 100%{opacity:1;margin-right:0rem;} } @-webkit-keyframes showtxt{ 0%{opacity:0; font-size:0;} 100%{opacity:1; font-size:0.8rem;} } @-webkit-keyframes showicon{ 0%{opacity:0; width:0; height:0;background-size:0 0;} 100%{opacity:1; width:0.8571rem;height:0.8571rem;background-size:0.8571rem 0.8571rem;} } @-webkit-keyframes fans{ 0%{opacity:0; font-size:0;} 100%{opacity:1; font-size:0.85714rem;} } /***************(首页、详情页)关注、关注有礼*********************/ /***********Dialog弹框框**************/ .shopDialogBox-lay{display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:11;} .shopDialogBox{position:absolute;top:140px;left:50px;z-index:12;} .shopDialogBox .closed{position:relative;left:50px;bottom:-36px;width:2.5rem;height:2.5rem;background:url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/close-icon.png?v=1001') no-repeat; background-size:cover;} .shopDialogBox .closed {position: absolute;left: 50%;bottom: -3.5rem;width: 2.5rem;height: 2.5rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/close-icon.png?v=1001) no-repeat;background-size: 100%;margin-left: -1.286rem;} .shopDialogBox .rule_pad{background: #fff; border-radius:0.48761756154647906rem; padding: 0.9142829278996483rem; padding-top: 1.1580917086728877rem; box-sizing: border-box;} .shopDialogBox .rule_pad.rule_pad_no_btm{padding-bottom: 0rem;} .shopDialogBox .rule_pad .rule_pad_inner{height: 10.97139513479578rem; overflow-y: auto; box-sizing: border-box;} .shopDialogBox .rule_pad .rule_pad_inner.forRule{padding-bottom: 3.2304663452454236rem;} .shopDialogBox .rule_pad .rule_pad_inner.pad_yes{height: auto; text-align: center;} .shopDialogBox .rule_pad .rule-img{font-size: 1.036187318286268rem; color: #222222; text-align: center; margin-bottom: 0.48761756154647906rem;font-weight:bold;} .shopDialogBox .rule_pad .rule-img-confirm{padding-bottom: 1.2190439038661975rem;} .shopDialogBox .rule_pad .rule-cons{font-size: 0.8533307327063383rem; min-height: 1.9504702461859162rem; text-align: left; color: #333333;} .shopDialogBox .rule_pad .rule-cons.success{text-align: center;} .shopDialogBox .rule_pad .rule-cons.success b{font-weight: normal; color: #FF6600; font-size: 0.8533307327063383rem;} .shopDialogBox .rule_pad .rule_title{color: #222222; text-align: left; font-weight: bold; font-size: 0.8533307327063383rem; margin-top: 0.48761756154647906rem; margin-bottom: 0.3047609759665494rem; letter-spacing: 0.005485697567397889rem;} .shopDialogBox .rule_pad .rule_title_con{color: #666666; text-align: left; font-size: 0.8533307327063383rem; letter-spacing: 0.005485697567397889rem; line-height: 0.9752351230929581rem;} .shopDialogBox .rule_pad .rule_btn{width: 100%; background: #fff;} .shopDialogBox .rule_pad .rule_btn a{display: inline-block; width: 50%; text-decoration: none; height: 2.620944393312325rem; line-height: 2.620944393312325rem; text-align: center;} .shopDialogBox .rule_pad .rule_btn.rule_one{width: 100%;border-top: 1px solid #ddd;border-bottom-left-radius: 0.48761756154647906rem;border-bottom-right-radius: 0.48761756154647906rem;} .shopDialogBox .rule_pad .rule_btn.rule_confirm{border-top: 1px solid #ddd;} .shopDialogBox .rule_pad .rule_btn.rule_confirm:after{position: absolute; content: ''; height: 100%; border: 1px solid #ddd; left: 50%;} .shopDialogBox .rule_pad .rule_btn a:nth-of-type(1){font-size: 0.9142829278996483rem; color: #999999;} .shopDialogBox .rule_pad .rule_btn a:nth-of-type(1).btn-yes{color: #FF6600;width: 100%;} .shopDialogBox .rule_pad .rule_btn a:nth-of-type(2){font-size: 0.9142829278996483rem; color: #FF6600;} .shopDialogBox .rule_pad .closed{position: absolute; width: 2.2552312221524655rem; height: 2.2552312221524655rem; margin-top: 2.9866575644721842rem; left: 50%; margin-left: -1.1276156110762328rem; background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/closed_2x.png?v=1001') no-repeat; background-size: contain;} .shopDialogBox .rule_pad .rule_btn.rule_one.noHeight{position: static; overflow: hidden; border-top: 0; padding-top: 1.8285658557992965rem;} .shopDialogBox .rule_pad .rule_btn.rule_one.noHeight a{width: 46%; height: 2.438087807732395rem; border: 1px solid #AAAAAA; border-radius: 0.24380878077323953rem;} .shopDialogBox .rule_pad .rule_btn.rule_one.noHeight a:nth-of-type(1){color: #333333; float: left;} .shopDialogBox .rule_pad .rule_btn.rule_one.noHeight a:nth-of-type(2){float: right; border: 1px solid #FF0041; background: #FF0041; color: #FFFFFF;} /*填写地址页面，数据提交成功弹框*/ .shopDialogBox .drawPopAddress .dlogsuccess{position:absolute; width:100%; margin-top:-3rem; height:8rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/img_lion.png?v=1001) no-repeat center 0; background-size:90% 100%;} .shopDialogBox .drawPopAddress .bd{background:#fff;padding:4rem 0 1rem; border-radius:10px;} .shopDialogBox .drawPopAddress .submitTips{margin:2rem 0; text-align: center; font-size:1.3rem; color:#707070;} /*抽到实物礼品弹框*/ .shopDialogBox .drawPopGift .dlog{text-align: center; height:9.6rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/gongxi.png?v=1001) no-repeat 0 0; background-size:100% 100%;} .shopDialogBox .drawPopGift .bd{background:#fff; border-bottom-right-radius:10px; border-bottom-left-radius: 10px;} .shopDialogBox .drawPopGift .proimg img{/* width:7rem; height:5rem;margin-left:4.5rem; */text-align: center;height: 4.632366834691551rem;width: 4.632366834691551rem;} .shopDialogBox .drawPopGift .ctips{text-align:center; font-size:1.5rem; color:#333;} .shopDialogBox .drawPopGift .ft{padding:0 1.5rem 1.5rem;} .shopDialogBox .drawPopGift .btn_submit{height:2.5rem; line-height: 2.5rem; text-align: center; font-size:1rem; border-radius:4px; display:block; background:-webkit-linear-gradient(to top, #FF002D, #FF005F); background:linear-gradient(to top,#FF002D,#FF005F); color:#fff;} /***********店铺会员**************/ .memIndex-page .the-shop-middle-con .leaguers_head{padding-top: 1.2190439038661975rem;background: #666;background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, #F2F2F2 91%);} .memIndex-page .the-shop-middle-con .leaguers_head .memIndex_backImg{position:absolute;height:13rem;width:23rem;top:0;mix-blend-mode: overlay} .memIndex-page .leaguers_head .customImg{width:100%;height:100%;position: absolute;mix-blend-mode: overlay;top: 0px;} .memIndex-page .the-shop-middle-con .leaguers_head.card1{background: #37404C;} .memIndex-page .the-shop-middle-con .leaguers_head.card1 .leaguers_nav_img_logo span{color: #fff;} .memIndex-page .the-shop-middle-con .leaguers_head.card2{background: #474A5F;} .memIndex-page .the-shop-middle-con .leaguers_head.card2 .leaguers_nav_img_logo span{color: #fff;} .memIndex-page .the-shop-middle-con .leaguers_head.card3{background: #43392C;} .memIndex-page .the-shop-middle-con .leaguers_head.card3 .leaguers_nav_img_logo span{color: #fff;} .memIndex-page .the-shop-middle-con .leaguers_head.card4{background: #4E4946;} .memIndex-page .the-shop-middle-con .leaguers_head.card4 .leaguers_nav_img_logo span{color: #fff;} .memIndex-page .the-shop-middle-con .leaguers_nav{position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.8);} .memIndex-page .the-shop-middle-con .leaguers_nav_img{position: relative;width: 21.418985rem;margin: 0 auto;height: 8.838068303029933rem;border-top-left-radius: 0.7314263423197186rem;border-top-right-radius: 0.7314263423197186rem;overflow: hidden;} .memIndex-page .the-shop-middle-con .leaguers_nav_img img{max-width: 100%; display: block;} .memIndex-page .the-shop-middle-con .leaguers_nav_img_logo{position: absolute; color: #666666; left: 0.9142829278996483rem; top: 0.9142829278996483rem; font-size: 0.8533307327063383rem;} .memIndex-page .the-shop-middle-con .leaguers_nav_img_logo img{width: 1.8285658557992965rem; height: 1.8285658557992965rem; display: inline-block; vertical-align: middle;border-radius: 50%;} .memIndex-page .the-shop-middle-con .leaguers_nav_img_logo span{vertical-align: middle; margin-left: 0.3047609759665494rem;} .memIndex-page .the-shop-middle-con .leaguers_nav_img_grade{position: absolute;color: #fff;left: 0.9142829278996483rem;top: 2.657132rem;font-size: 1.4285658557992965rem;} .memIndex-page .the-shop-middle-con .leaguers_nav_img_grade span{color: #fff; display: block; font-size: 0.7314263423197186rem; margin-top: 0.3047609759665494rem;} .memIndex-page .the-shop-middle-con .leaguers_nav_img .leaguers_nav_login{position: absolute; left: 0.9142829278996483rem; top: 4.205701468338382rem; border-radius: 2.620944393312325rem; font-size: 0.9142829278996483rem; color: #FFFFFF; padding: 0.9142829278996483rem; padding-top: 0.24380878077323953rem; padding-bottom: 0.3047609759665494rem; background: #FFAA00; background-image: linear-gradient(90deg, #FFAA00 0%, #FF6600 100%);} .memIndex-page .the-shop-middle-con .leaguers_nav:after{position: absolute; content: ''; width: 1px; left: 50%; height: 1.4628526846394372rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9; background: #fff; opacity: 0.5;} .memIndex-page .the-shop-middle-con .leaguers_nav_item{width: 50%; float: left; text-align: center; line-height: 3.2914185404387335rem; font-size: 0.9142829278996483rem; color: #FFFFFF;} .memIndex-page .the-shop-middle-con .leaguers_title{padding: 0.9142829278996483rem; padding-right: 0;/* margin-bottom: 0.6095219519330988rem; */ padding-bottom: 0.3047609759665494rem; background: #fff;} .memIndex-page .the-shop-middle-con .integralPark .leaguers_title{background-color: transparent;margin-top: 0.54856976rem;} .memIndex-page .the-shop-middle-con .leaguers_title dt{margin-bottom: 0.6095219519330988rem;} .memIndex-page .the-shop-middle-con .leaguers_title dt h2{font-size: 0.9142829278996483rem; position: relative; color: #333333;} .memIndex-page .the-shop-middle-con .leaguers_title dd{min-height: 4.87617561546479rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd.hline{height: 0.6095219519330988rem; min-height: auto !important; margin-bottom: 0.9142829278996483rem; background: #f2f2f2;} .memIndex-page .the-shop-middle-con .leaguers_title dd:nth-last-child(1) section .div_line{border-bottom: 0;} .memIndex-page .the-shop-middle-con .leaguers_title dd section{position: relative; padding-left: 5.607601957784509rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .div_line{border-bottom: 1px solid #eee; padding-top: 0.5485697567397889rem; padding-bottom: 0.5485697567397889rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .div_line_outer{position: relative; min-height: 3.718083906791903rem; padding-right: 7.009502447230636rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .div_line_inner{min-height: 3.718083906791903rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_img{position: absolute; left: 0; top: 0.3485697567397889rem; width: 4.17617561546479rem; height: 3.657131711598593rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_img img{max-width: 100%;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_img_desc{position: absolute; color: #fff; vertical-align: bottom; text-align: center; width: 100%; top: 56%; transform: translateY(-56%); -webkit-transform: translateY(-56%);} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_img_desc_fg{font-size: 0.6095219519330988rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_img_desc_count{font-weight: normal; font-size: 1.036187318286268rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_title{font-size: 0.9752351230929581rem; color: #666666; font-weight: bold; margin-bottom: 0.24380878077323953rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_jf{font-size: 0.7923785375130284rem; color: #999999;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_jf b{color: #FF6600; font-weight: normal;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_btn{position: absolute;background: linear-gradient(to right, #FF8F00, #FF4400);color: #FFFFFF;font-size: 0.8533307327063383rem;text-align: center;width: 5.09521952rem;height: 1.9504702461859162rem;line-height: 1.9504702461859162rem;border-radius: 1.7066614654126766rem;right: 0.9242829278996483rem;top: 40%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_btn.orange{background: linear-gradient(to right, #FF8F00, #FF4400);} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_btn.disable{background: #ccc;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_btn_outer .dp_text{color: #FFFFFF;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_btn_outer .dp_count{color: #999; height: auto; line-height: inherit; font-size: 0.7923785375130284rem;} .memIndex-page .the-shop-middle-con .leaguers_title dd section .dp_btn_outer .dp_count b{font-weight: normal;} .memIndex-page .main-wrap .back_btn{text-decoration: none; color: #ff6600; border: 1px solid #ff6600; font-size: 0.9142829278996483rem; padding-top: 0.7314263423197186rem; padding-bottom: 0.7314263423197186rem; padding-left: 1.2190439038661975rem; padding-right: 1.2190439038661975rem; border-radius: 0.24380878077323953rem; height: 2.681896588505635rem; line-height: 2.681896588505635rem;} .memIndex-page .main-wrap .back_btn_outer{text-align: center; padding-top: 0.9142829278996483rem; padding-bottom: 0.9142829278996483rem;} /**店铺会员四期======================2019-07-25**/ .integralPark .pointsParadise {position: absolute;margin-top: -4.5rem;margin-left: 6rem;font-size: 2rem;font-family: PingFangSC-Semibold;color: #F0F0F0;font-weight: bold;} .mumber-card-bg {background: rgba(0, 0, 0, 0.55);background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, #f2f2f2 91%);overflow: hidden;} .mumber-card {width: 21.40945856rem;height: 9.2rem;background-size:21.40945856rem 9.2rem;border-radius: 0.714286rem 0.714286rem 0 0;margin-top: 0.7152rem;margin-left: 0.7152rem;} .mumber-card img{height: 100%;width: 100%;border-radius: 0.714286rem 0.714286rem 0 0;} .mumber-card-text {width: 21.40945856rem;height: 3.36rem;background: #ffffff;border-radius: 0 0 0.714286rem 0.714286rem;overflow: hidden;display: flex;position: relative;margin-left: 0.7152rem;} .mumber-card-text-icon {width: 2.3246rem;height: 2.3246rem;border-radius: 50%;overflow: hidden;margin-top: 0.41723rem;margin-left: 0.7152rem;} .mumber-card-text-icon img {height: 100%;width: 100%;} .mumber-card-text-name-box {margin-left: 0.714286rem;margin-top: 0.571429rem;} .mumber-card-text-name {width:12rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 0.7152rem;color: #333333;letter-spacing: 0;} .mumber-card-text-points {font-size: 0.7152rem;color: #666666;letter-spacing: 0;margin-top: .2682rem;} .mumber-card-text-vip {position: absolute;right: 0;margin-right: 0.857143rem;margin-top: 0.428571rem;} .mumber-card-text-vip-icon {width: 2.47362rem;height: 1.07289rem;background-image: linear-gradient(-90deg, #ff8f00 0%, #ff5500 97%);border-radius: 0.357143rem;font-size: 0.7152rem;color: #ffffff;letter-spacing: 0;line-height: 1.07289rem;text-align: center;margin-left: 2.2rem;} .mumber-card-text-vip-text {margin-top: 0.298rem;font-size: 0.7152rem;color: #666666;letter-spacing: 0;} .mumber-card-title-box {padding-top: 10px;padding-left: 8px;} .mumber-card-title-points img{width:100%;border-radius: 0.7rem 0.7rem 0 0;} .leaguers_title_new{margin-bottom: 0.6095219519330988rem;border-radius: 0 0 0.7rem 0.7rem;overflow: hidden;} .mumber-box {padding: 0 0.7152rem;} .mumber-vip {width: 21.418985rem;height: 9.2rem;border-radius: .857143rem;overflow: hidden;margin-top: 0.7252rem;} .mumber-vip img {width: 100%;height: 100%;} .mumber-info-box {background: #ffffff;border-radius: 0.857143rem;width: 21.418985rem;overflow: hidden;margin-top: 0.642857rem;} .mumber-info-points {height: 3.5rem;border-bottom: 1px solid #eeeeee;padding-left: 0.857143rem;display: flex;align-items: center;position: relative;} .mumber-info-points-swiper-box {display: flex;align-items: center;} .mumber-info-points-swiper {height: 100%;width: 100%;align-items: center;display: flex;overflow: hidden;} .mumber-info-points-gift-icon {width: 1.5rem;height: 1.5rem;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/cc-3x.png?v=1001") no-repeat center;background-size: 1.5rem 1.5rem;} .mumber-info-points-goods-icon {width: 2.5rem;height: 2.5rem;} .mumber-info-points-goods-icon img {width: 100%;height: 100%;} .mumber-info-points-name {font-size: 0.85rem;color: #333333;margin-left: 0.357143rem;width: 15.714286rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .mumber-info-points-join {width: 4.928571rem;height: 1.642857rem;background: #fd4249;border-top-left-radius: 0.785714rem;border-bottom-left-radius: 0.785714rem;font-size: 0.857143rem;color: #ffffff;line-height: 1.642857rem;position: absolute;right: 0;overflow: hidden;text-align: center;top:0.89rem;} .mumber-info-mumber {height: 9.785714rem;border-bottom: 1px solid #eeeeee;} .mumber-swiper-container {height: 100%;width: 100%;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;} .mumber-swiper-slide-title {font-size: 1.142857rem;color: #222222;letter-spacing: 0;font-weight: bold;margin-top: 0.857143rem;margin-left: 0.857143rem;} .mumber-swiper-slide-icon-list-box {width: 5.142857rem;text-align: center;} .mumber-swiper-slide-icon {margin-top: 0.857143rem;width: 100%;} .mumber-swiper-slide-icon-padding-box {padding: 0 0.857143rem;display: flex;align-items: center;} .mumber-swiper-slide-icon-title {font-size: 0.857143rem;color: #333333;letter-spacing: 0;text-align: center;margin-top: 0.428571rem;width: 5.142857rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mumber-swiper-slide-icon-list {width: 3.571429rem;height: 3.571429rem;margin: 0 auto;} .mumber-swiper-slide-icon-list img {width: 100%;height: 100%;} .mumber-info-authorize {height: 8.5rem;border-bottom: 1px solid #eeeeee;} .mumber-info-authorize-box {padding: 0 1.785714rem;overflow: hidden;} .mumber-info-authorize-button {margin-top: 0.857143rem;width: 18.428571rem;height: 3rem;background-image: linear-gradient(-90deg, #ff8f00 0%, #ff5500 97%);border-radius: 0.642857rem;overflow: hidden;font-size: 1rem;color: #ffffff;letter-spacing: 0;text-align: center;line-height: 3rem;} .mumber-info-authorize-text {margin-top: 0.928571rem;font-size: 0.857143rem;color: #999999;letter-spacing: 0;text-align: center;} .mumber-info-authorize-text span,.mumber-info-authorize-text span a{color: #ff5500;} .mumber-register {height: 10.714286rem;border-bottom: 1px solid #eeeeee;} .mumber-register-box {height: 3.535714rem;line-height: 3.535714rem;} .mumber-register-title {font-size: 12px;color: #999999;padding-left: 0.857143rem;} .mumber-register-phone {padding: 0 0.857143rem;font-size: 1.071429rem;position: relative;display: flex;justify-content: flex-start;} .mumber-register-phone input {position: absolute;left: 7.507143rem;font-size: 1.071429rem;color: #cccccc;letter-spacing: 0;top: 1.071429rem;width: 7.142857rem;border: none;} .mumber-register-code {font-size: 1.071429rem;margin-left: 0.857143rem;position: relative;} .mumber-register-phone-num {position: absolute;left: 7.464286rem;} .mumber-register-phone-code {font-size: 1rem;color: #ff6600;position: absolute;right: 0.857143rem;} .mumber-register-phone-code-icon {height: 2.142857rem;width: 2.142857rem;position: absolute;right: 0.857143rem;top: 0.714286rem;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/edit2x.png?v=1001") no-repeat center;background-size: 1.5rem 1.5rem;} .mumber-register-code input {position: absolute;left: 6.607143rem;font-size: 1.071429rem;color: #cccccc;letter-spacing: 0;top: 1.071429rem;width: 7.142857rem;border: none;} .mumber-info-mumber .swiper-pagination-bullet-active {background: #FF5500;} .memIndex-page .gchat{margin-top: 0.3rem;} .memIndex-page .gchat-name{margin-left: 0.75rem;margin-right: 0.75rem;height: 4.4rem;} .memIndex-page .gchat-name .gstatus a{background: linear-gradient(to right, #FF8F00, #FF4400);} .memIndex-page .gchat-name .gname h3 {font-size: 0.86rem;} .memIndex-page .gchat-name .gstatus p {float: left;width: 50%;font-size: 0.72rem;transform: scale(0.9,0.9);margin-left: -0.4rem;} .gchat-name .gstatus p:before { content: " "; display: inline-block; height: 100%; width: 1%; vertical-align: middle; } .memIndex-page .gchat-name .gstatus span{/* vertical-align: middle; *//* height: 2.045833rem; */} .memIndex-page .gchat-name .gname span {font-size: 0.72rem;} .memIndex-page .gchat-name .gstatus a {float: right;width: 5.83333333rem;font-size: 0.8rem; height: 1.8rem;border-radius: 0.9625rem;background: #3377FF;color: #ffffff;text-align: center;line-height: 1.8rem;} .member-module {/* margin: 0 0.857143rem; */margin-top: 0.54856976rem;height: 8.533307327063383rem;border-radius: 0.731426464224109rem;overflow: hidden;} .member-module .member-header {height: 2.742849rem;color: #ffffff;} .member-header .member-title {float: left;line-height: 2.742849rem;font-size: 1.09713926rem;margin-left: 0.9142832rem;} .member-header .member-rule {float: right;line-height: 2.742849rem;font-size: 0.85333073rem;margin-right: 0.9142832rem;color: #ffffff;} .member-module .member-info {background-color: #ffffff;box-sizing: border-box;height: 5.79045829rem;padding: 0.9142832rem 0.73142646rem 0.9142832rem 1.3409486rem;} .member-info .member-left{float: left;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;} .member-left .member-item{position: relative;height: 3.9618925rem;width: 3.9618925rem;border-radius: 1.9809467rem;background-color: #ffffff;border: 1px solid #DDDDDD;} .member-item .member-item-img{width: 2.43808792rem;height: 2.43808792rem;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .member-item-img img {width: 100%;height: 100%;} .member-left .member-pushl {margin-left: -0.535714rem;} .member-info .member-right {float: right;position: relative;height: 3.380804rem;width: 6.4rem;} .member-info .member-btn {background-image: linear-gradient(-90deg, #FF8F00 0%, #FF4400 100%);border-radius: 0.97523rem;font-size: 0.85333073rem;color: #FFFFFF;width: 6.4rem;height: 1.95047rem;line-height: 1.95047rem;text-align: center;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .wish-module {/* margin: 0 0.731426rem; */margin-top: 0.54856976rem;height: 11.580917rem;border-radius: 0.731426rem;overflow: hidden;} .wish-module .wish-header {height: 2.742849rem;color: #ffffff;background-size:100% 100%;} .wish-header .wish-title {float: left;line-height: 2.742849rem;font-size: 1.0971392rem;margin-left: 0.91428329rem;} .wish-header .wish-rule {float: right;line-height: 2.742849rem;font-size: 0.8533307rem;margin-right: 0.91428329rem;} .wish-module .wish-info {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color: #ffffff;padding: 0.91428329rem 0.731426rem 0.91428329rem 0.731426rem;background-size: 100% 100%;} .wish-info .wish-item {height: 6.8266rem;width: 3.9619rem;} .wish-item .wish-item-top {background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 0.365712rem;height: 3.96189256rem;width: 3.96189256rem;position: relative;box-sizing: border-box;} .wish-item-top .wish-item-img {width: 2.438088rem;height: 2.438088rem;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .wish-item-img img {width: 100%;height: 100%;} .wish-item .wish-item-btn {background-image: -webkit-gradient(linear, right top, left top, from(#FF8F00), to(#FF4400));background-image: linear-gradient(-90deg, #FF8F00 0%, #FF4400 100%);border-radius: 0.1828568rem;height: 1.828565733rem;line-height: 1.828565733rem;text-align: center;font-size: 0.792378171rem;color: #FFFFFF;margin-top: 1.036187rem;} /**店铺会员四期======================2019-07-25**/ /***********店铺会员成长值**************/ .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress-bg{width: 91.05%;height: 13px;background: rgba(255, 255, 255, 0.1);border-radius: 21px;position: absolute;left: 50%;bottom: 5px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress-bg .solid-point{display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #FF6600; position: absolute; left: 0.32rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress{display: inline-block; width: 78.5%; background: #666666; height: 3px; overflow: visible; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: absolute; left: 0.6rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress .progress-bar{float: left;height: 3px; -webkit-border-bottom-left-radius: 30px; -moz-border-bottom-left-radius: 30px; border-bottom-left-radius: 30px; -webkit-border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; border-top-left-radius: 30px; position: relative; animation: animate-positive 1s; background-image: linear-gradient(-270deg, #FF6600 0%, #FFA800 100%);} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress .progress-header{float: left;} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress .progress-header .triangle {content: "";border-top: 2px solid #FFF1CF;border-left: 2px solid transparent;border-right: 2px solid transparent;position: absolute;top: -5px;} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress-value{z-index: 50; display: block; width: 92px; height: 22px; line-height: 22px; position: absolute; top: -28px; right: -45px; font-size: 11px; color: #666666; text-align: center; background: #FFF1CF; border-radius: 100px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress-value .triangle{content: ""; border-top: 2px solid #FFF1CF; border-left: 2px solid transparent; border-right: 2px solid transparent; position: absolute; bottom: -2px; right: 44px; /*left: 19px;*/} .memIndex-page .the-shop-middle-con .leaguers_nav_img .progress-bar.active{animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 1s;} .memIndex-page .the-shop-middle-con .leaguers_nav_img .vip-type{display: inline-block;height: 15px;line-height: 13.5px;background: #666666;border-radius: 66px;font-family: PingFangSC-Regular;font-size: 11px;color: #B8B19E;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background: #666666;border-radius: 66px;padding: 1px 4px;width: 19%;text-align: center;min-width: 4rem;} @-webkit-keyframes animate-positive{0%{width: 0;}} @keyframes animate-positive{0%{width: 0;}} /*店铺会员积分页面*/ .mem-point .the-shop-middle-con .jifen .jifen_top {background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bg_2x.png?v=1001') no-repeat;background-size: cover;position: relative;width: 100%;color: #fff;text-align: center;height: 6.095219519330988rem;line-height: 6.095219519330988rem;font-size: 1.8285658557992965rem;} .mem-point .the-shop-middle-con .jifen .jifen_top .jifen_top_jf {font-size: 0.8533307327063383rem;} .mem-point .the-shop-middle-con .jifen .jifen_col {position: relative;background: #FDF2EC;padding: 0.7314263423197186rem;padding-left: 0.9142829278996483rem;padding-right: 5.1809365914313394rem;font-size: 0.8533307327063383rem;color: #784217;} .mem-point .the-shop-middle-con .jifen .jifen_col b {font-weight: normal;} .mem-point .the-shop-middle-con .jifen .jifen_col span {position: absolute;font-size: 0.7314263423197186rem;width: 3.779036101985213rem;height: 1.4628526846394372rem;right: 0.9142829278996483rem;border: 1px solid #FF6600;line-height: 1.4293289772831166rem;top: 49%;transform: translateY(-49%);-webkit-transform: translateY(-49%);text-align: center;color: #FF6600;border-radius: 12px;} .mem-point .the-shop-middle-con .jifen .jifen_title {color: #333333;background: #fff;font-size: 0.9142829278996483rem;padding: 0.7314263423197186rem;padding-left: 0.9142829278996483rem;font-weight: bold;} .mem-point .the-shop-middle-con .jifen .jifen_record {font-size: 0.8533307327063383rem;text-align: center;color: #666666;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_no_list .no-record {text-align: center;margin-top: 6.704741471264087rem;margin-bottom: 0.9142829278996483rem;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_no_list .no-record img {width: 5.790458543364439rem;height: 5.11998439623803rem;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list ul {background: #fff;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list li {position: relative;margin-left: 0.9142829278996483rem;margin-right: 0.9142829278996483rem;padding-top: 0.7314263423197186rem;padding-bottom: 0.7314263423197186rem;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list li:after {position: absolute;width: 100%;content: '';border-bottom: 1px solid #eee;bottom: 0rem;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list li .item_til {font-size: 0.9142829278996483rem;margin-bottom: 0.12190439038661977rem;color: #666666;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list li .item_time {font-size: 0.7314263423197186rem;color: #999999;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list li .item_jifen {position: absolute;right: 0rem;color: #333333;bottom: 1.0971395134795778rem;font-size: 1.036187318286268rem;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list li .item_jifen.plus {color: #FF6600;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list .item_bottom {position: relative;height: 3.413322930825353rem;color: #666;text-align: center;background: #F2F2F2;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list .item_bottom .btm_text {position: absolute;width: 12.434247819435216rem;left: 50%;margin-left: -6.217123909717608rem;line-height: 0.9752351230929581rem;background: #F2F2F2;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 9;font-size: 0.7314263423197186rem;color: #999;} .mem-point .the-shop-middle-con .jifen .jifen_list .record_yes_list .item_bottom .btm_line {position: absolute;width: 16.213283921420427rem;left: 50%;top: 50%;line-height: 0.9752351230929581rem;margin-left: -8.106641960710213rem;height: 1px;background: #ccc;z-index: 8;} .mem-point .the-shop-middle-con .jifen .jifen_list .none{display:none !important} .mem-point .the-shop-middle-con .jifen .item_bottom_next {background: #F2F2F2;padding-top: 0.6095219519330988rem;padding-bottom: 0.6095219519330988rem;padding-left: 0.9142829278996483rem;padding-right: 0.9142829278996483rem;} .mem-point .the-shop-middle-con .jifen .item_bottom_next_more {text-align: center;color: #666666;border: 1px solid #ccc;position: relative;border-radius: 0.24380878077323953rem;height: 1.9809463437825712rem;line-height: 1.9809463437825712rem;font-size: 0.8533307327063383rem;} .mem-point .the-shop-middle-con .jifen .item_bottom_next_more:after {position: absolute;content: '';width: 0.48761756154647906rem;height: 0.48761756154647906rem;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 50%;margin-top: -0.40634796795539924rem;margin-left: 0.6095219519330988rem;} /*店铺会员奖品页面*/ .mem-prize .the-shop-middle-con .prizes .item_dl dt {position:relative;background:#fff;height:2.681896588505635rem;margin-bottom:0.6095219519330988rem;} .mem-prize .the-shop-middle-con .prizes .item_dl dt:nth-of-type(1) {margin-top:0.6095219519330988rem;} .mem-prize .the-shop-middle-con .prizes .item_dl dt.mar_btn {margin-bottom:0;border-bottom:1px solid #f2f2f2;} .mem-prize .the-shop-middle-con .prizes .item_dl dt b {position:absolute;content:'';width:1.2190439038661975rem;height:1.2190439038661975rem;background:url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/down_2x.png?v=1001') no-repeat;background-size:contain;right:0.9142829278996483rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .mem-prize .the-shop-middle-con .prizes .item_dl dt b.up {background:url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/up_2x.png?v=1001') no-repeat;background-size:contain;} .mem-prize .the-shop-middle-con .prizes .item_dl dd .no_record {text-align:center;color:rgba(3,3,3,0.5);font-size:0.8533307327063383rem;line-height:4.87617561546479rem;min-height:4.87617561546479rem;background:#f2f2f2;} .mem-prize .the-shop-middle-con .prizes .item_dl .item_title {font-size:0.9142829278996483rem;color:#333333;padding:0.7314263423197186rem;padding-left:0.9142829278996483rem;min-height:3.657131711598593rem;} .mem-prize .the-shop-middle-con .prizes .item_dl ul .prize_desc:nth-last-child(1) {margin-bottom:0.6095219519330988rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc {padding-left:0.9142829278996483rem;padding-right:0.9142829278996483rem;padding-top:0.6095219519330988rem;background:#fff;border-radius:0.7500rem;min-height: 4.3750rem;box-sizing: border-box;} .mem-prize .the-shop-middle-con .prizes .item_dl li.gift_prize .full_line {border-bottom:0 !important;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .quan {position:absolute;left:0rem;top:0rem;width:2.438087807732395rem;height:2.438087807732395rem;top:20%;transform:translateY(-20%);-webkit-transform:translateY(-20%);border-radius:1.5625rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .flag {font-size:0.9142829278996483rem;color:#FF6600;vertical-align:0.18285658557992965rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .money {font-size:1.4628526846394372rem;color:#FF6600;font-weight:normal;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc ._desc {font-size:0.7923785375130284rem;color:#666666;margin-left:0.25rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .times {font-size:0.7314263423197186rem;color:#999999;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con {position:relative;padding-left:3.047609759665494rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .con_btm {padding-bottom:0.7314263423197186rem;padding-right:3.9618926875651423rem;border-bottom:1px solid #f2f2f2;height:3.4375rem;font-size:0;border-bottom: 0;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con.full_line {border-bottom:1px solid #f2f2f2;padding-bottom:0.7314263423197186rem;padding-right:3.9618926875651423rem;border-bottom: 0;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con.full_line .con_btm {border-bottom:0;padding-right:0.3125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .liwu {height:1.2500rem;line-height:1.2500rem;font-size:0.8750rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;margin-top:1.0000rem;display:inline-block;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .liwu + .liwu {color:#666666;height:0.9375rem;line-height:0.9375rem;font-size:0.7500rem;margin-top:0.3750rem;font-weight:400;display:block;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .liwu.subject-text {margin-top:0.5000rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .liwu .yellow-title {color:#FF6600;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .liwu span {font-size:0.7314263423197186rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .liwu b {font-size:1.4628526846394372rem;font-weight:normal;color:#36C1FE;margin-right:0.3047609759665494rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .prize_btn {font-size:0.7314263423197186rem;position:absolute;right:0;top:0.06095219519330988rem;text-align:center;color:#666666;min-width:4.0625rem;text-align:center;padding-top:0.2500rem;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .prize_btn a {display:inline-block;width:3.657131711598593rem;height:1.3409482942528175rem;line-height:1.45rem;margin-top:0.3047609759665494rem;text-align:center;text-decoration:none;border:1px solid #FF6600;color:#FF6600;border-radius:0.7314263423197186rem;background:#fff;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .prize_btn a.on {background:#FF6600;color:#fff;} .mem-prize .the-shop-middle-con .prizes .item_dl li.prize_desc .inner_con .prize_btn a.a-outline {background:#FFF;color:#FF6600} .mem-prize .the-shop-middle-con .prizes .none {display:none !important;} .mem-prize .the-shop-middle-con .prizes .prize_desc_more {margin-bottom:0.6095219519330988rem;text-align:center;color:#666;position:relative;padding-bottom:0.6095219519330988rem;font-size:0.9752351230929581rem;border-top:1px solid #f2f2f2;margin-top:-1px;} .mem-prize .the-shop-middle-con .prizes .prize_desc_more:after {position:absolute;content:'';width:0.48761756154647906rem;height:0.48761756154647906rem;border-right:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:50%;margin-top:-0.40634796795539924rem;margin-left:0.6095219519330988rem;} .mem-prize .the-shop-middle-con .prizes ul {overflow-y:auto;} /*店铺会员权益页*/ .mem-rights .the-shop-middle-con .fix_bottom {position: fixed;width: 100%;font-size: 0.7314263423197186rem;text-align: center;transform: scale(0.9166666666666666);color: #999999;bottom: 0;background: #fff;left: 50%;transform: translateX(-50%);height: 3.047609759665494rem;line-height: 3.047609759665494rem;} .mem-rights .the-shop-middle-con .fix_bottom_height {height: 3.047609759665494rem;} .mem-rights .the-shop-middle-con .rights .swiper_outer {position: relative;height: 8.594259522256694rem;} .mem-rights .the-shop-middle-con .rights .swiper_outer_bg {background: #4E4946;height: 6.095219519330988rem;} .mem-rights .the-shop-middle-con .rights .swiper_outer .curGrade {position: absolute;z-index: 12;color: #fff;left: 0.8533307327063383rem;top: 1.4628526846394372rem;font-size: 0.8533307327063383rem;} .mem-rights .the-shop-middle-con .rights .swiper_outer .swiper-slide {-webkit-animation: _swiper-slide .5s linear both; animation: _swiper-slide .5s linear both;-webkit-transform-origin: center center;transform-origin: center center;} .mem-rights .the-shop-middle-con .rights .swiper_outer .swiper-slide .leaguers_nav_img_grade {position: absolute;color: #fff;left: 1.2190439038661975rem;top: 4.205701468338382rem;font-size: 1.9504702461859162rem;} .mem-rights .the-shop-middle-con .rights .swiper_outer .swiper-slide .leaguers_nav_img_grade span {color: #fff;display: block;font-size: 0.7314263423197186rem;margin-top: 0.3047609759665494rem;} .mem-rights .the-shop-middle-con .rights .swiper_outer .swiper-slide-active {-webkit-animation: _swiper-slide-active .5s linear both;animation: _swiper-slide-active .5s linear both;-webkit-transform-origin: center center;transform-origin: center center;} .mem-rights .the-shop-middle-con .rights .swiper_outer .swiper-slide a {display: block;} .mem-rights .the-shop-middle-con .rights .swiper_outer .swiper-slide img {width: 100%;border-radius: 8px;display: block;} .mem-rights .the-shop-middle-con .rights .swiper_outer .swiper-slide-active a:after {background: none;} .mem-rights .the-shop-middle-con .rights .no_active {margin-top: 2.499040002925705rem;} .mem-rights .the-shop-middle-con .rights .no_active_img {width: 5.05903220104472rem;height: 4.510462444304931rem;margin: 0 auto;} .mem-rights .the-shop-middle-con .rights .no_active_img img {max-width: 100%;} .mem-rights .the-shop-middle-con .rights .no_active_til {margin-top: 0.9142829278996483rem;text-align: center;font-size: 0.8533307327063383rem;color: #666666;} .mem-rights .the-shop-middle-con .rights_dl {padding: 0.9142829278996483rem;padding-top: 0;padding-bottom: 2.438087807732395rem;} .mem-rights .the-shop-middle-con .rights_dl h2 {font-size: 0.9142829278996483rem;position: relative;color: #333333;padding-left: 0.5485697567397889rem;} .mem-rights .the-shop-middle-con .rights_dl h2:after {position: absolute;content: '';left: 0rem;width: 0.24380878077323953rem;height: 0.9142829278996483rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background-image: linear-gradient(-180deg, #FFAA00 0%, #FF6600 100%);border-radius: 2px;} .mem-rights .the-shop-middle-con .rights_default {overflow: hidden;padding: 1.2190439038661975rem;padding-bottom: 0rem;padding-left: 0.9142829278996483rem;padding-right: 0.9142829278996483rem;} .mem-rights .the-shop-middle-con .rights_default li {color: #666666;margin-bottom: 1.523804879832747rem;text-align: center;position: relative;width: 23.3%;vertical-align: top;display: inline-block;} .mem-rights .the-shop-middle-con .rights_default_img {display: inline-block;width: 3.047609759665494rem;height: 3.047609759665494rem;} .mem-rights .the-shop-middle-con .rights_default_img img {max-width: 100%;} .mem-rights .the-shop-middle-con .rights_default_desc {font-size: 0.7314263423197186rem;} @-webkit-keyframes _swiper-slide { 0% {transform: scale(.7146666666666667);}100% {transform: scale(0.5706666666666667);}} @-webkit-keyframes _swiper-slide-active {0% {transform: scale(0.5706666666666667);}100% {transform: scale(0.7146666666666667);}} .mem-rights .the-shop-middle-con .rights .none {display: none !important;} .rights_btn_primary {height: 2.625rem;line-height: 2.625rem;padding: 0;width: 100%;font-size: 1rem;color: #222222;font-weight: bold;background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 0.5625rem;} .rights_actions {padding: 0 0.9142829278996483rem;} /*店铺会员礼包start*/ .memGift .memGiftPop{width:90%; position: fixed; left: 50%; margin-left: -45%; top:50%; margin-top:-25rem; z-index: 10; background-color:#1077A9; border:1px solid #00C4EF;} .memGift .memGiftPop i.close{position:absolute; bottom:-3rem; left:50%; margin-left:-1rem; display:block; width:2rem; height:2rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_pclose.png?v=1001) no-repeat 0 0; background-size:100%;} .memGift #giftslayer{width:100%; height:100%; left:0; top:0; position:fixed; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bg_trans.png?v=1001) repeat 0 0; z-index:10;} /* 店铺会员二期 */ /* 会员节日礼包弹框 */ .memGift .container-wrap{width: 80%; height: 27rem; margin-left: -40%; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/win_bg.png?v=1001) center center no-repeat; background-size: 100% 100%;} .memGift .content-wrap{width: 100%; height: 80.69%; position: relative;} .memGift .vip-fes-gift{width: 93%; height: 4rem; position: absolute; top: 1.25rem; margin-left: 1.167rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/vip_fes_gift_t.png?v=1001") center center no-repeat; background-size: contain;} .memGift .vip-fes-gift-birthday .vip-fes-gift{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/vip_fes_gift_birthday_t.png?v=1001") center center no-repeat; background-size: contain;} .memGift .vip-fes-big-gift .vip-fes-gift{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/vip_gift_big_t.png?v=1001") center center no-repeat; background-size: contain;} .memGift .gift-fireworks{width: 100%; height: 20.5rem; position: absolute; top: 3rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/fireworks.gif?v=1001) center center no-repeat; background-size: cover;} .memGift .vip-fes-gift-box{width: 100%; height: 14rem; position: absolute; left: 50%; top: 6rem; margin-left: -50%; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/vip_fes_gift.png?v=1001) center center no-repeat; background-size: contain;} .memGift .vip-fes-gift-birthday .vip-fes-gift-box{width: 100%; height: 15rem; position: absolute; left: 50%; top: 5rem; margin-left: -50%; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/vip_fes_gift_birthday.png?v=1001) center center no-repeat; background-size: contain;} .memGift .vip-fes-big-gift .vip-fes-gift-box{width: 100%; height: 13.67rem; position: absolute; left: 50%; top: 6.667rem; margin-left: -50%; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/vip_fes_gift_big.png?v=1001) center center no-repeat; background-size: contain;} .memGift .vip-fes-gift-curtain{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/vip_fes_gift_curtain.png?v=1001) center center no-repeat; background-size: 100% 100%;} .memGift .button-wrap{width: 100%; height: 19.33%; line-height: 19.33%; position: absolute; bottom: 0;} .memGift .get-gift-package{display: block; width: 73%; height: 3.14rem; line-height: 3.14rem; font-size: 1.572rem; color: #FFFFFF; text-align: center; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); margin-left: -36.5%; border-radius: 67px; box-shadow: 0 2px 3px 0 #FF6600; font-family: PingFangSC-Semibold; background-image: linear-gradient(-180deg, #FFD14F 0%, #FFA527 100%);} .memGift .get-gift-package-h{text-shadow: 0 0 2px #F45E00; background-image: linear-gradient(-180deg, #FF9900 0%, #FF7500 100%);} .memGift .purple-petals{width: 3rem; height: 2rem; position: absolute; left: 64%; top: 64%; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/purple_petals.png?v=1001") center center no-repeat; background-size: cover;} /* 会员生日礼包 */ /* 会员大礼包 */ /* 04-弹框 */ .memGift .gift-box-win{width: 84%; margin-left: -42%; border-radius: 8px; background: #FFFFFF;} .memGift .box-wrapper{position: relative; background: #ffffff; border-radius: 8px;} @-webkit-keyframes sun{from{-webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg);} to{-webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .memGift .sun{width: 16rem; height: 16rem; position: absolute; top: -7rem; left: 50%; margin-left: -8rem; border-radius: 50%; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/sun_shine.png?v=1001") center center no-repeat; background-size: cover; -webkit-animation: sun 2s linear infinite; -moz-animation: sun 2s linear infinite; -o-animation: sun 2s linear infinite; animation: sun 2s linear infinite; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite;} .memGift .box-container{width: 85.4%; height: 9.5rem; position: absolute; top: -4.8rem; left: 50%; margin-left: -42.7%;; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/gift_box.png?v=1001) center center no-repeat; background-size: contain;} .memGift .box-tip{color: #FF6600; font-size: 1.6rem; text-align: center; padding-top: 4rem; font-family: PingFangSC-Medium;} .memGift .box-explain{margin-bottom: 1rem; color: #999999; text-align: center; margin-top: 0.5rem; font-size: 1.08rem; font-family: PingFangSC-Regular;} .memGift .view-gift{display: block; width: 80.95%; height: 2.86rem; line-height: 2.86rem; font-size: 1.143rem; border-radius: 28px; color: #FFFFFF; background: #FFAA00; text-align: center; margin: 1.9rem auto 1.5rem; font-family: PingFangSC-Medium;} .memGift .view-gift-h{background: #FF9900;} .memGift .gift-list li i{display: inline-block; height: 1.572rem; width: 1.572rem; margin-left: 6%; vertical-align: -0.4333rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/coin_icon.png?v=1001") center center no-repeat; background-size: 100% 100%;} .memGift .gift-list .cloud-drill{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/cloud_drill.png?v=1001") center center no-repeat; background-size: 100% 100%;} .memGift .gift-list{margin-top: 1.6rem;} .memGift .gift-list li{width: 90%; height: 2rem; line-height: 2rem; margin: auto;} .memGift .gift-list li span{display: inline-block; color: #666666; font-size: 1.08rem; font-family: PingFangSC-Medium;} .memGift .gift-name{margin-left: 6%;} .memGift .gift-numbers{float: right; width: 4rem; height: 2rem; margin-right: 1rem; text-align: right;} .memGift .gift-list em{float: right; display: inline-block; width: 1.117rem; height: 0.825rem; margin-right: 5%; margin-top: 0.5rem; background: url("images/right_mark.png") center center no-repeat; background-size: cover;} /*06-弹框*/ .memGift .part-two .gift-list{padding: 1rem 0; width: 85.4%; margin: 0 auto; background: #FFF9E7; border-radius: 4px;} .memGift .part-two .box-wrapper h1{font-family: PingFangSC-Medium; color: #333333; font-size: 1.15rem; width: 90%; margin: 1.3rem auto 0.4rem; text-indent: 0.5rem;} .memGift .part-two .gift-list li{width: 100%;} /*悬浮礼盒*/ .memGift .suspension-box{position: fixed; bottom: 4.857rem; right: 0.5rem; z-index: 10; width: 3.75rem; height: 3.75rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/suspension_box.gif?v=1001") center center no-repeat; background-size: cover;} .memGift .memIndex-page .suspension-box{position: fixed; bottom: 4.857rem; right: 0; z-index: 1; width: 4.714rem; height: 4.714rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/suspension_box.gif?v=1001") center center no-repeat; background-size: cover;} .memGift .memGiftPop i.close{width: 2.572rem; height: 2.572rem; bottom: -3.5rem; margin-left: -1.286rem;} /*店铺会员礼包end*/ /**店铺会员积分乐园start**/ .memIndex-page .new_card_b{position:relative;width: 21.363744rem;margin:0 auto;height:2.13332683rem;border-bottom-right-radius:.73142634rem;border-bottom-left-radius:.73142634rem;background:#fff;} .memIndex-page .new_card_b img{max-width:100%;display:block} .memIndex-page .new_card_b_span {padding-left: 0.23142634rem;padding-top: 0.24857rem;display: inline-block;font-size: 0.73142634rem;color: #666666;} .memIndex-page .new_card_b_span .new_card_b_span_point{position: absolute;right: 0.5rem;bottom: 0.5rem;} .memIndex-page .jfly_img{width:21.247551rem;height:5.48569757rem;position:relative;right:1rem;bottom: 0.3rem;margin-top: -0.7rem;} .memIndex-page .jfly_top{padding-left:-1.968574rem;padding-right:.73142634rem;padding-top:.54856976rem} .memIndex-page .new_jfly{width:288px;height:37px;background:#fff;border:1px solid #eee;box-shadow:0 0 8px 0 rgba(0,0,0,0.10);border-radius:4px;margin-top:13px;padding-left:18px;padding-top:15px} .memIndex-page .new_jfly p{width:100px;float:left;font-size:16px;font-weight:bold} .memIndex-page .new_jfly span{display:inline-block;padding-top:2px} .memIndex-page .new_jfhd{margin-top:10px} .memIndex-page .new_jfhd a{float:right;margin-right:20px} .memIndex-page .new_jfhd h5{float:left;width:100px} /**店铺会员积分乐园end**/ .memIndex-page [componenttype]{position: relative;width: 100%;margin:0 auto;} .memIndex-page [componenttype] dl{border-radius:0.5rem} .memIndex-page [componentmode='sys.memPriviliges']{width: 21.40945856rem} .memIndex-page [componentmode='sys.memPrize']{width: 21.40945856rem;margin-bottom: 0.6rem} .memIndex-page [componentmode='sys.usePoints']{width: 21.40945856rem} .memIndex-page [componentmode='sys.earnPoints']{width: 21.40945856rem} .memIndex-page [componentmode='sys.inteParadise']{width: 21.40945856rem} .memIndex-page [componentmode='sys.wishList']{width: 21.40945856rem} .memIndex-page [componentmode='sys.inteParadise']{width: 21.40945856rem} .memIndex-page [componentmode='sys.wishList']{width: 21.40945856rem} .memIndex-page [componentmode='sys.memTogether']{width: 21.40945856rem} /*填写地址页*/ .exchangeAddress-page .information_outer{padding-right: 0;} .exchangeAddress-page .information-tips {background:#FFF5EE;font-size:0.8125rem;color:#FF5500;line-height:1.125rem;font-weight:400;padding:0.625rem 0.75rem;} .exchangeAddress-page .information_outer .prize_img_wrap{font-size: 0.9752351230929581rem; color: #666666; margin-top: 0.6095219519330988rem; background: #fff; padding: 0.9142829278996483rem; margin-bottom: 1.8285658557992965rem;} .exchangeAddress-page .information_outer .prize_img_wrap li{position: relative; line-height: 3.657131711598593rem; padding-left: 4.266653663531692rem; min-height: 3.657131711598593rem;} .exchangeAddress-page .information_outer .prize_img_wrap li .prize_img{position: absolute; left: 0; background: #DEDEDE; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 3.657131711598593rem; height: 3.657131711598593rem; border-radius: 0.12190439038661977rem; overflow: hidden;} .exchangeAddress-page .information_outer .prize_img_wrap li .prize_img img{max-width: 100%;} .exchangeAddress-page .information_outer .prize_img_wrap li .prize_img + .photo_desc{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; font-size: 0.9752351230929581rem;} .exchangeAddress-page .information ul.input_con.cinput{background: #fff;} .exchangeAddress-page .information ul.input_con.cinput li{position: relative; min-height: 2.681896588505635rem; padding-left: 6.095219519330988rem; padding-right: 0.9142829278996483rem; border-bottom: 1px solid #f2f2f2;} .exchangeAddress-page .information ul.input_con.cinput li:nth-last-of-type(1){border-bottom: 0;} .exchangeAddress-page .information ul.input_con.cinput li .input_con{padding-right: 0.9142829278996483rem; font-size: 0.8533307327063383rem; color: #333333;} .exchangeAddress-page .information ul.input_con.cinput li .item_content{padding-top: 0; padding-bottom: 0; padding-right: 0;} .exchangeAddress-page .information ul.input_con.cinput li .input_title{position: absolute; white-space: nowrap; font-size: 0.9142829278996483rem; text-align: right; color: #333333; width: 4.571414639498241rem; left: 0.9142829278996483rem; margin-top: 0.6095219519330988rem;} .exchangeAddress-page .information ul.input_con.cinput li .getAddress{position: absolute; right: 0.5rem; bottom: 0; color: #999; text-align: center; border: 1px solid #666; font-size: 0.8533307327063383rem; border-radius: 0.18285658557992965rem; width: 4.3523707356320434rem; height: 1.523804879832747rem; line-height: 1.523804879832747rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .exchangeAddress-page .information ul.input_con.cinput .input_inner{display: inline-block; width: 100%; margin-top: 0.6095219519330988rem;} .exchangeAddress-page .information ul.input_con.cinput .input_inner input{display: block; width: 100%; box-sizing: border-box; font-size: 0.8533307327063383rem; padding: 0.18285658557992965rem 0rem; color: #333333; border: 0;} .exchangeAddress-page .information ul.input_con.cinput .input_inner input:focus{outline: none;} .exchangeAddress-page .information ul.input_con.cinput .input_inner textarea{display: block; width: 100%; box-sizing: border-box; font-size: 0.8533307327063383rem; padding-top: 0; color: #333333; border: 0; min-height: 2.1580917086728877rem; resize: none; font-family: inherit;} .exchangeAddress-page .information ul.input_con.cinput .input_inner textarea:focus{outline: none;} .exchangeAddress-page .information ul.input_con.cinput .input_inner.input_text{font-size: 14px; color: #333333; letter-spacing: 0; line-height: 1.2190439038661975rem; padding-bottom: 0.6095219519330988rem;} .exchangeAddress-page .information ul.input_con.cinput .input_inner.input_update{color: #999; padding-bottom: 0.6095219519330988rem;} .exchangeAddress-page .information ul.input_con.cinput .input_inner.input_back{position: relative; color: #666; box-sizing: border-box; padding-bottom: 0.9142829278996483rem;} .exchangeAddress-page .information ul.input_con.cinput .input_inner.input_back p{font-size: 0.8533307327063383rem;} .exchangeAddress-page .information ul.input_con.cinput .input_inner.input_back p:nth-of-type(1){margin-bottom: 0.3047609759665494rem;} .exchangeAddress-page .information ul.input_con.cinput .input_inner.input_back p.input_back_code{padding-right: 3.3523707356320434rem; position: relative;} .exchangeAddress-page .information ul.input_con.cinput .input_inner.input_back .copys{position: absolute; right: 0; bottom: 0; color: #333; text-align: center; border: 1px solid #666; font-size: 0.8533307327063383rem; border-radius: 0.18285658557992965rem; width: 3.3523707356320434rem; height: 1.523804879832747rem; line-height: 1.523804879832747rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .exchangeAddress-page .information ul.input_con.cinput .input_inner.discolor{font-size: 0.8533307327063383rem; color: #aaa;} .exchangeAddress-page .information ul.input_con.cupdate .input_inner input, .exchangeAddress-page .information ul.input_con.cupdate .input_inner textarea{color: #aaa;} .exchangeAddress-page .information ul.input_con.cupdate .input_inner.input_back p{color: #666;} .exchangeAddress-page .information ul.input_con.cgoback .input_inner.input_back p{color: #aaa;} .exchangeAddress-page .information_outer .phone_btn{background: #FF6600; height: 2.9257053692788744rem; line-height: 2.9257053692788744rem; text-align: center; color: #fff; margin: 0 1.828565855799297rem 1.2190439038661975rem; border-radius: 0.24380878077323953rem; font-size: 0.9752351230929581rem;} .exchangeAddress-page .information_outer .phone_btn.disabled {background: #CCCCCC;} /*分享商品列表页*/ .shopProdShare-page .leaguers_topsImg{width: 100%;height: 10.30092098766937rem;} .shopProdShare-page .leaguers_topsImg img{max-width: 100%;} .shopProdShare-page .leaguers_title{padding: 0.9142829278996483rem;padding-right: 0;margin-bottom: 0.6095219519330988rem;padding-bottom: 0.3047609759665494rem;background: #fff;} .shopProdShare-page .leaguers_title dt{margin-bottom: 0.6095219519330988rem;} .shopProdShare-page .leaguers_title dt h2{font-size: 0.9142829278996483rem;position: relative;color: #333333;padding-left: 0.5485697567397889rem;} .shopProdShare-page .leaguers_title dt h2:after{position: absolute;content: '';left: 0rem;width: 0.24380878077323953rem;height: 0.9142829278996483rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background-image: linear-gradient(-180deg, #FFAA00 0%, #FF6600 100%);border-radius: 2px;} .shopProdShare-page .leaguers_title dd{min-height: 4.87617561546479rem;} .shopProdShare-page .leaguers_title dd.hline{height: 0.6095219519330988rem;min-height: auto !important;margin-bottom: 0.9142829278996483rem;background: #f2f2f2;} .shopProdShare-page .leaguers_title dd:nth-last-child(1) section .div_line{border-bottom: 0;} .shopProdShare-page .leaguers_title dd section{position: relative;padding-left: 5.607601957784509rem;} .shopProdShare-page .leaguers_title dd section .div_line{border-bottom: 1px solid #eee;padding-top: 0.5485697567397889rem;padding-bottom: 0.5485697567397889rem;} .shopProdShare-page .leaguers_title dd section .div_line_outer{position: relative;min-height: 3.718083906791903rem;padding-right: 7.009502447230636rem;} .shopProdShare-page .leaguers_title dd section .div_line_inner{min-height: 3.718083906791903rem;} .shopProdShare-page .leaguers_title dd section .dp_img{position: absolute;left: 0;top: 0.5485697567397889rem;width: 4.87617561546479rem;height: 3.657131711598593rem;} .shopProdShare-page .leaguers_title dd section .dp_img img{max-width: 100%;} .shopProdShare-page .leaguers_title dd section .dp_img_desc{position: absolute;color: #fff;vertical-align: bottom;text-align: center;width: 100%;top: 56%;transform: translateY(-56%);-webkit-transform: translateY(-56%);} .shopProdShare-page .leaguers_title dd section .dp_img_desc_fg{font-size: 0.6095219519330988rem;} .shopProdShare-page .leaguers_title dd section .dp_img_desc_count{font-weight: normal;font-size: 1.036187318286268rem;} .shopProdShare-page .leaguers_title dd section .dp_title{font-size: 0.9752351230929581rem;color: #666666;font-weight: bold;margin-bottom: 0.24380878077323953rem;} .shopProdShare-page .leaguers_title dd section .dp_jf{font-size: 0.7923785375130284rem;color: #999999;} .shopProdShare-page .leaguers_title dd section .dp_jf b{color: #FF6600;font-weight: normal;} .shopProdShare-page .leaguers_title dd section .dp_btn{font-size: 0.8533307327063383rem;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 0.9142829278996483rem;background: #FFA527;color: #FFFFFF;text-align: center;width: 6.095219519330988rem;height: 1.9504702461859162rem;line-height: 1.9504702461859162rem;border-radius: 1.7066614654126766rem;} .shopProdShare-page .leaguers_title dd section .dp_btn.orange{background: #FF6600;} .shopProdShare-page .leaguers_title dd section .dp_btn.disable{background: #ccc;} .shopProdShare-page .leaguers_title dd section .dp_btn_outer{margin-top: -0.6704741471264087rem;} .shopProdShare-page .leaguers_title dd section .dp_btn_outer .dp_count{color: #999;height: auto;line-height: inherit;font-size: 0.7923785375130284rem;} .shopProdShare-page .leaguers_title dd section .dp_btn_outer .dp_count b{font-weight: normal;} .shopProdShare-page .leaguers_simple .leaguers_title{padding-top: 0rem !important;} .shopProdShare-page .leaguers_simple .leaguers_title dd section{padding-left: 4.266653663531692rem;} .shopProdShare-page .leaguers_simple .leaguers_title dd section .dp_img{width: 3.657131711598593rem;height: 3.657131711598593rem;} .shopProdShare-page .leaguers_simple .leaguers_title dd section .dp_title{font-weight: normal;} .shopProdShare-page .back_btn{text-decoration: none;color: #666666;border: 1px solid #ccc;font-size: 0.9142829278996483rem;padding-top: 0.7314263423197186rem;padding-bottom: 0.7314263423197186rem;padding-left: 1.2190439038661975rem;padding-right: 1.2190439038661975rem;border-radius: 0.24380878077323953rem;height: 2.681896588505635rem;line-height: 2.681896588505635rem;} .shopProdShare-page .back_btn_outer{text-align: center;padding-top: 0.9142829278996483rem;padding-bottom: 0.9142829278996483rem;} .shopProdShare-page .jifen_list .record_no_list .no-record {text-align: center;margin-top: 6.704741471264087rem;margin-bottom: 0.9142829278996483rem;} .shopProdShare-page .jifen_list .record_no_list .no-record img {width: 5.790458543364439rem;height: 5.11998439623803rem;} .shopProdShare-page .jifen_list .record_yes_list ul {background: #fff;} .shopProdShare-page .jifen_list .record_yes_list li {position: relative;margin-left: 0.9142829278996483rem;margin-right: 0.9142829278996483rem;padding-top: 0.7314263423197186rem;padding-bottom: 0.7314263423197186rem;} .shopProdShare-page .jifen_list .record_yes_list li:after {position: absolute;width: 100%;content: '';border-bottom: 1px solid #eee;bottom: 0rem;} .shopProdShare-page .jifen_list .record_yes_list li .item_til {font-size: 0.9142829278996483rem;margin-bottom: 0.12190439038661977rem;color: #666666;} .shopProdShare-page .jifen_list .record_yes_list li .item_time {font-size: 0.7314263423197186rem;color: #999999;} .shopProdShare-page .jifen_list .record_yes_list li .item_jifen {position: absolute;right: 0rem;color: #333333;bottom: 1.0971395134795778rem;font-size: 1.036187318286268rem;} .shopProdShare-page .jifen_list .record_yes_list li .item_jifen.plus {color: #FF6600;} .shopProdShare-page .jifen_list .record_yes_list .item_bottom {position: relative;height: 3.413322930825353rem;color: #666;text-align: center;background: #F2F2F2;} .shopProdShare-page .jifen_list .record_yes_list .item_bottom .btm_text {position: absolute;width: 12.434247819435216rem;left: 50%;margin-left: -6.217123909717608rem;line-height: 0.9752351230929581rem;background: #eee;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 9;font-size: 0.7314263423197186rem;color: #999;} .shopProdShare-page .jifen_list .record_yes_list .item_bottom .btm_line {position: absolute;width: 16.213283921420427rem;left: 50%;top: 50%;line-height: 0.9752351230929581rem;margin-left: -8.106641960710213rem;height: 1px;background: #ccc;z-index: 8;} .shopProdShare-page .jifen_list .none{display:none !important} .shopProdShare-page .jifen_record {font-size: 0.8533307327063383rem;text-align: center;color: #666666;} .shopProdShare-page .the-shop-middle-con{background: #ffffff!important} /*尚层轮播相关样式开始*/ .loft-page .swiper-container {width: 100%;height: 100%;position: relative;} .loft-page .swiper-slide {position: relative;} .loft-page .swiper-pagination-bullets .swiper-pagination-bullet{background:rgba(0,0,0,0.6);} .loft-page .swiper-slide img{width: 100%;height: 100%;;} .loft-page .chunk{z-index: 999; position:absolute;width:100%;background-position:center;background-size:contain;background-repeat:no-repeat;box-sizing: border-box;} .loft-page .p1r{opacity:0;background-image: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/joinPic04.png?v=1001");width: 1.5rem;height: 1rem;left: 46.7%;bottom: 4%;} .loft-page .p1r{-webkit-animation-name:rowDown;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-fill-mode:both} @-webkit-keyframes rowDown{0%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:.4;-webkit-transform:translate(0,60%)}} /*尚层轮播相关样式结束*/ /*单双列，更多商品*/ .product-img .product-see{text-align:right; padding:0.3rem 0;} .product-img .product-see .product-more{display:inline-block; padding:0.1rem 0.5rem;color:#ff6600; margin-right:0.5rem;cursor:pointer;} /*店铺会员成长值（权益页部分）start*/ .mem-rights .the-shop-middle-con .rights_default .balloon {position: relative;} .mem-rights .the-shop-middle-con .rights_default .balloon li.mem_birth {display: block;position: absolute;top: 0;right: 0;width: 10px;height: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: red;} .mem-rights .the-shop-middle-con .rights_default .tip-wrapper {width: 12.5rem;height: 6rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/floating_layer.png?v=1001) center center no-repeat;background-size: cover;position: absolute;top: -5.1875rem;left: -0.85rem;z-index: 10;} .mem-rights .the-shop-middle-con .rights_default .tip-wrapper i {position: absolute;display: inline-block;width: 11px;height: 11px;line-height: 11px;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/close_tip.png?v=1001") center center no-repeat;background-size: cover;top: 55px;right: 15px;} .mem-rights .the-shop-middle-con .visible {overflow: inherit;} .mem-rights .the-shop-middle-con .growth_info {padding: 0.9142829278996483rem; padding-top: 1.8285658557992965rem; padding-bottom: 0;} .mem-rights .the-shop-middle-con .growth_dl table {margin-bottom: 0;} .mem-rights .the-shop-middle-con .growth_dl h2 {font-size: 0.9142829278996483rem;position: relative;color: #333333;padding-left: 0.5485697567397889rem;} .mem-rights .the-shop-middle-con .growth_dl h2:after {position: absolute;content: '';left: 0rem;width: 0.24380878077323953rem;height: 0.9142829278996483rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background-image: linear-gradient(-180deg, #FFAA00 0%, #FF6600 100%);border-radius: 2px;} .mem-rights .the-shop-middle-con .current_dl {padding: 0.9142829278996483rem; padding-top: 1.8285658557992965rem; padding-bottom: 0;} .mem-rights .the-shop-middle-con .current_dl h2 {font-size: 0.9142829278996483rem;position: relative;color: #333333;padding-left: 0.5485697567397889rem; display: inline-block;} .mem-rights .the-shop-middle-con .current_dl h2:after {position: absolute;content: '';left: 0rem;width: 0.24380878077323953rem;height: 0.9142829278996483rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background-image: linear-gradient(-180deg, #FFAA00 0%, #FF6600 100%);border-radius: 2px;} .mem-rights .the-shop-middle-con .current_info .orange-growth {font-family: PingFangSC-Medium;font-size: 12px;color: #FF6600;margin-left: 0.3rem;vertical-align: 1px;background: #FFF8EC;border-radius: 100px;padding: 0 0.3rem;} .mem-rights .the-shop-middle-con .current_info .description {font-family: PingFangSC-Regular;font-size: 13px;color: #666666;margin: 0.625rem 0 0 0;} .mem-rights .the-shop-middle-con .growth_info .describe {border-radius: 4px;} .mem-rights .the-shop-middle-con .growth_info .describe table {width: 100%;border-collapse: collapse;margin: 0.625rem 0 1.523804879832747rem 0;} .mem-rights .the-shop-middle-con .growth_info .describe thead tr {height: 2rem;line-height: 2rem;background: #FFA527;border-radius: 4px 4px 0 0;font-family: PingFangSC-Medium;font-size: 14px;color: #FFFFFF;border-radius: 4px 4px 0 0;} .mem-rights .the-shop-middle-con .growth_info .describe thead th:first-child {border-top-left-radius: 4px;} .mem-rights .the-shop-middle-con .growth_info .describe thead th:last-child {padding-left: 2%;text-align: left;border-top-right-radius: 4px;} .mem-rights .the-shop-middle-con .growth_info .describe tbody tr:last-child td:first-child {border-bottom-left-radius: 4px;} .mem-rights .the-shop-middle-con .growth_info .describe tbody tr:last-child td:last-child {border-bottom-right-radius: 4px;} .mem-rights .the-shop-middle-con .growth_info .describe tbody tr td:last-child {font-family: PingFangSC-Regular;} .mem-rights .the-shop-middle-con .growth_info .describe tbody tr {margin-bottom: 1px;background: #FFF8EC;padding: 0.5rem;border: 1px solid #FFFFFF;} .mem-rights .the-shop-middle-con .growth_info .describe tbody tr td {font-family: PingFangSC-Medium;font-size: 13px;color: #666666;padding: 0.5rem 0;} .mem-rights .the-shop-middle-con .growth_info .describe tbody tr td:first-child {text-align: center;} .mem-rights .the-shop-middle-con .growth_info .describe tbody tr td:nth-child(2) {padding-left: 2%;} /*多标签组件开始*/ .sn-tabheader{height:2.85rem; background:#fff; border-bottom:1px solid #d7d7d7;position:relative;} .sn-tabheader li{flex-grow: 1; text-align:center; min-width:5.6rem; height:2.85rem; line-height: 2.85rem;} .sn-tabheader li span{display:inline-block; height:2.85rem; line-height: 2.85rem; box-sizing: border-box; border-bottom-width:2px;border-bottom-color:transparent; border-bottom-style:solid;} .sn-tabheader li.sn-cur{ color: #2984EE;} .sn-tabheader li.sn-cur span{border-bottom:2px solid #2984EE;} .sn-tabholder ul{display:flex; justify-content:space-between; align-content:space-around;position:absolute;} /*多标签组件结束*/ /* 新版店铺会员奖品页 */ .myPrizes .item_dl dt {position: relative;} .myPrizes .item_dl dt a {display: inline-block;width: 23.5%;height: 2.681896588505635rem;line-height: 2.681896588505635rem;text-align: center;font-family: PingFangSC-Regular;font-size: 14px;color: #666666;text-decoration: none;font-weight: bold;} .myPrizes .item_dl dt a:last-child {width: 23.4%;} .myPrizes .item_dl dt strong {width: 2.5rem;height: 2px;background: #FF6600;position: absolute;bottom: 0;} .myPrizes .item_dl li.prize_desc {margin: 0.625rem 0.92rem;padding-left: 0.625rem;padding-right: 0.625rem;border-radius: 4px;} .myPrizes .item_dl li.prize_desc:first-child {margin-top: 0;} .myPrizes a {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;} .myPrizes .item_dl .selected {color: #FF6600;} .myPrizes .jifen .jifen_list .record_no_list .no-record {text-align: center;margin-top: 6.704741471264087rem;margin-bottom: 0.9142829278996483rem;} .myPrizes .jifen .jifen_list .record_no_list .no-record {margin-top: 12.704741rem;} .myPrizes .jifen .jifen_list .record_no_list .no-record img {width: 5.790458543364439rem;height: 5.11998439623803rem;} .myPrizes .jifen .jifen_record {font-size: 0.8533307327063383rem;text-align: center;color: #666666;} /* 弹框样式开始*/ .shopDialogBox .dialog.dialog_ext .rule_pad{position: relative;padding-top: 1.5238rem;/* padding-bottom: 1.95047rem; */} .shopDialogBox .dialog.dialog_ext .closed{bottom:inherit;} .shopDialogBox .dialog_ext_integral {position: absolute;top: -5.1033938579013896rem;width: 16.51804489738698rem;left: 50%;margin-left: -7.7104526919537rem;height: 8.716163912643314rem;z-index: 0;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/img_lion2.png?v=1001) 0 0 no-repeat;background-size: 100% 100%;} .shopDialogBox .dialog_ext_integral img {max-width: 100%;} .shopDialogBox .dialog_ext_integral + .LionTop {height: 2.9257053692788744rem;} .shopDialogBox .dialog_ext_awards {position: absolute;top: -5.1033938579013896rem;width: 18.102801972413033rem;left: 50%;margin-left: -9.051400986206517rem;height: 7.222835130407221rem;z-index: 0;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/awardsTop.png?v=1001) 0 0 no-repeat;background-size: 100% 100%;} .shopDialogBox .dialog_ext_awards img{max-width: 100%;} .shopDialogBox .dialog_ext .rule_pad .rule-img.awardImg {padding-top: 0.6095219519330988rem;width: 4.632366834691551rem;margin: 0 auto;min-height: 4.632366834691551rem;max-height: 4.632366834691551rem;margin-bottom: 0.45714146394982413rem;} .shopDialogBox .dialog_ext .rule_btn {float: none;margin: 0 auto;width: 100%;position: absolute;bottom: 0;left: 0;background: #fff;z-index: 200;} .memIndex-page .shopDialogBox-lay{position: fixed;} .memIndex-page .shopDialogBox .rule_pad .rule_btn.rule_confirm:after{border: 0;border-left: 1px solid #ddd;} .memIndex-page .shopDialogBox .rule_pad .rule_btn.rule_confirm{position: absolute;bottom: 0;left: 0;width: 100%;background: #fff;z-index: 200;border-bottom-left-radius: 0.48761756154647906rem;border-bottom-right-radius: 0.48761756154647906rem;} .memIndex-page .shopDialogBox .dialog_ext .rule_pad .rule-img {font-size: 1.036187318286268rem;color: #222222;text-align: center;font-weight: bold;margin-bottom: 0.48761756154647906rem;} .memIndex-page .shopDialogBox.share-success.pop12{padding: inherit;width: auto;} .shopProdShare-page .shopDialogBox.share-success.pop12{padding: inherit;width: auto;} /* 弹框样式结束*/ /*单双列商品*/ .products-list.tbl-type .collect-icon {position: absolute;bottom: 4px;right: -2px;} .products-list.tbl-type .icon_wrapper {width: 50px;height: 20px;background: #000000;color: #FFFFFF;font-size: 12px;opacity: 0.8;filter: alpha(opacity=80);} .products-list.tbl-type .collect-icon i {background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/collect_icon.png?v=1001) center center no-repeat;background-size: cover;} .products-list.tbl-type .icon_wrapper i {display: inline-block;width: 9px;height: 20px;} .products-list .share-icon i{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/share_icon.png?v=1001") center center no-repeat;background-size: cover;width: 100%;height: 100%;display: block;} .products-list.tbl-type .collect-icon.alreadyFavorite i {background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/collection_al_icon.png?v=1001) center center no-repeat;background-size: cover;} .products-list.tbl-type .collect-icon.alreadyFavorite {color:#ff6600} .products-list .collect-icon i {background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/collect_icon.png?v=1001) center center no-repeat;background-size: cover;width: 100%;height: 100%;display: block;} /*多标签组件结束*/ .product-images .share-icon.icon_wrapper{right:3px!important;bottom:3px!important;line-height:22px!important;} .product-images .collect-icon.icon_wrapper{right:3px!important;bottom:3px!important;line-height:21px!important;} .products-list.tbl-type .collect-icon.icon_wrapper i {width:20px;} /*================抢模块 2018-07-20 17090058 start===============*/ .palmRob{margin:0 0.857rem;} .palmrobwrap{width:25rem; height:16.678rem; padding:0.7857rem 0.57143rem 0.57143rem; background-size:25.1rem 17rem; border-radius:6px;width:100%;} .palm-tabheader{background: rgba(255,255,255,0.20); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); border-radius: 6px 6px 0 0;} .palmhead{display: flex; margin-bottom:0.7142rem; justify-content: space-between;} .palmhead h2{width:12.82rem; height: 1.5rem; margin-left:0.2142rem;} .palmhead h2 img{width:100%; height: 100%; vertical-align: top;} .palmhead .countzero{font-size:0.857rem; color:#fff;height:1.5714rem; overflow: hidden; margin-top:0.143rem;} .countzero em{display: inline-block; width:1.5714rem ; height:1.5714rem; line-height:1.5714rem; text-align: center; color:#fff; background: #000; border-radius: 4px;} .palm-tabheader{display: flex;} .palm-tabheader .it{ flex:1; text-align: center; height: 3.2857rem; padding:0.2857rem 0 0; vertical-align: middle;} .palm-tabheader .it p{color:rgba(255,255,255,0.6); font-size:0.8571rem;} .palm-tabheader .it p em{font-size:1.0714rem;} .palm-tabheader .it_cur{background: #fff; border-radius: 6px 6px 0 0;} .palm-tabheader .it_cur p{color:#ff6600;} .palm-tabheader .it_cur p em{ font-weight: 700;} .palm-tabheader .it_cur_other{border-radius: 6px 6px 0 0;} .palm-tabheader .it_other{ flex:1; text-align: center; height: 3.2857rem; padding:0.2857rem 0 0; vertical-align: middle;} /*滑动图*/ .palm-tabcontent{position:relative} .palmRob .palmtabpanel{position:absolute; left:0; top:0; visibility: hidden; overflow: hidden; background: #fff; border-radius: 0 0 6px 6px; width:100%; height:9.714rem; } .swrper_palmtabpanel{margin: 0.8571rem 0.9rem 0; overflow: hidden; } .swiper-containerPalm{height:8.8571rem; position: relative; } .swrper_palmtabpanel .swiper-pagination{bottom:0.5714rem; height:0.57142857rem; line-height: 0.57142857rem;} .swrper_palmtabpanel .swiper-pagination-bullet{width: 0.5714rem; height: 0.5714rem; background: #cccccc; opacity: 1; border-radius: 50%;} .swrper_palmtabpanel .swiper-pagination-bullet-active{width: 0.57142857rem; height: 0.57142857rem; background: #333;} .swrper_palmtabpanel .swiper-slide{display: flex;} .swrper_palmtabpanel .swiper-slide .palmimg{position:relative; width:7.143rem; height: 7.143rem; border-radius: 6px; flex-shrink:0;} .swrper_palmtabpanel .swiper-slide .palmimg .nopro{position:absolute; left:0; top:0; width:7.143rem; height:7.143rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_soldout.png?v=1001) no-repeat center center; background-size:5.714rem 5.714rem; } .swrper_palmtabpanel .swiper-slide .palmimg img{border-radius: 6px; width: 100%; height: 100%;} .swrper_palmtabpanel .swiper-slide .palminfo{padding-left:0.8571rem;flex-shrink:1;} .palminfo .name{ line-height: 1.143rem; height:2.2857rem; margin-bottom:1.3rem; font-size:0.8571rem; color:#333; } .palminfo .price{font-size:0.8571rem; color: #FF6600;} .palminfo .price b{font-size:1.214rem;} .palminfo .price del{margin-left:0.42857rem; font-size:0.7857rem; color:#999;} .palminfo .actresult{display:flex; justify-content: space-between; align-items:center ;} .palminfo .actresult .actprogressWrap{position:relative; width:7.143rem; height: 0.7143rem; } .palminfo .actresult .actprogress{position:absolute; left:0; top:0; opacity: 0.4;background-image: linear-gradient(-138deg, #FF1E0F 0%, #F87107 100%);border-radius: 0.4286rem; width:7.143rem; height: 0.7143rem;} .palminfo .actresult .procing{display:inline-block; position:absolute; left: 0; top:0; height: 0.7143rem; border-radius:0.4186rem;background-image: linear-gradient(-138deg, #FF1E0F 0%, #FF7000 100%);} .palminfo .actresult .actprogressWrap em{position:absolute; width:7.143rem; height: 0.7143rem; line-height: 0.7143rem; text-align: center; font-size:0.6429rem; color:#fff;} .palminfo .actresult .btn_action{display: inline-block; width:4.2857rem; height:1.7857rem; line-height: 1.7857rem; text-align: center; background:#ff6600; border-radius:1.0714rem; font-size:0.8571rem; color:#fff;margin-left:2rem;} .palminfo .actresult .noresult{font-size:0.7857rem; color:#999;margin-right:3rem;} .palminfo .actresult .noresult em{color: #51C41B;} .palminfo .actresult .btn_actmore{background:#fff; border:0.5px solid #ff6600; color:#ff6600;} .palminfo .actresult .btn_actremid{background: #51C41B;} .nogoodresult{/*width:24rem;*/ height:12rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/no-goods.png?v=1001) no-repeat center 1.174rem #fff; background-size:16.0714rem 7.5714rem; text-align: center; border-radius:0.4286rem;} .nogoodresult span{display: inline-block; margin-top:9rem; font-size:1.2143rem; font-weight: 700; color: #323232;} .countZero .actionform{display: flex;} .countZero .actionform .title{font-size:12px; color:#666; line-height: 30px;} .countZero .actionform .select{width:150px; height: 30px; line-height: 30px; color:#999; font-size:12px;border: 1px solid #DDDDDD;} .countZero .actionform .select[disabled="disabled"]{background: #F2F2F2;} .countZero .actionform .btn_get{margin-left:20px; display: inline-block; width:90px; height:30px; border-radius:2px; color:#fff; line-height: 30px; text-align:center; background: #2196F3;} .countZerotab .palmtabpanel{width:auto; height: auto; } .countZerotab .swiper-slide{display: flex; margin-bottom:10px;} .countZerotab .swiper-slide .palmimg{width:100px; height: 100px; border-radius: 6px; flex-shrink:0;} .countZerotab .swiper-slide .palmimg img{border-radius: 6px; width: 100%; height: 100%;} .countZerotab .swiper-slide .palminfo{padding-left:0.8571rem;flex-shrink:1;} .countZerotab .palm-tabheader{margin-bottom:10px;} .countZerotab .palm-tabheader .it{height:40px; padding-top:4px; background: #EEEEEE; margin-right: 1px; border-radius: 0} .countZerotab .palm-tabheader .it:nth-child(1){border-radius: 6px 0 0 6px;} .countZerotab .palm-tabheader .it p{color:#666;} .countZerotab .palm-tabheader .it p em{color:#333;} .countZerotab .palm-tabheader .it_cur{background: #FF9900;} .countZerotab .palm-tabheader .it_cur p{color:#fff;} .countZerotab .palm-tabheader .it_cur p em{font-weight: normal; color:#fff;} .countZerotab .palminfo .name{margin-bottom: 50px;} /*================抢模块 2018-07-20 17090058 end===============*/ .noproductnow{display:none!important;} /*================促销页 2018-09-07 17090058 start===============*/ .dynamicSale-page .coupon-mod{margin:0.71rem;background-color: #fff;border-radius: 6px;padding: 0.71rem;} .dynamicSale-page .coupon-mod h2{font-size: 1.07rem;color: #999999;font-weight: 500;} .dynamicSale-page .coupon-mod .coupon-ul{position:relative;overflow: hidden;max-height: 15.84rem;} .dynamicSale-page .coupon-mod ul li{position:relative;height:4.57rem;padding-left:0.71rem;padding-right:0.71rem;margin-top:0.71rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/yhq-bg.png?v=1001') no-repeat;background-size: 100% 100%;} .dynamicSale-page .coupon-mod ul li div{color: #FF6600;display: inline-block;} .dynamicSale-page .coupon-mod ul li div p{color: #FF6600;font-size: 12px;} .dynamicSale-page .coupon-mod ul li div em{font-size: 2rem;} .dynamicSale-page .coupon-mod ul li section{ position: relative;padding-left: 6.60760196rem;} .dynamicSale-page .coupon-mod .groupCoupon {position:relative;height:4.57rem;padding-left:0.71rem;padding-right:0.71rem;margin-top:0.71rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/yhq-bg2.png?v=1001') no-repeat;background-size: 100% 100%;} .dynamicSale-page .coupon-mod .groupCoupon div{color: #FFFFFF ;display: inline-block;} .dynamicSale-page .coupon-mod .groupCoupon div p{color: #FFFFFF ;display: inline-block;font-size:0.95rem} .dynamicSale-page .coupon-mod .groupCoupon div p:first-child{color: #FFFFFF ;display: inline-block;font-size:1.2rem} .dynamicSale-page .coupon-btn{display: inline-block;width: 5rem;height: 2.14rem;font-size:12px;background-color: #FF6600;color: #fff;text-align: center;border-radius: 50px;line-height: 29px;} .dynamicSale-page .groupCoupon .coupon-btn{display: inline-block;width: 5rem;height: 2.14rem;font-size:12px;background-color: rgba(255,255,255,0.80);color: #7267FD;text-align: center;border-radius: 50px;line-height: 29px;} .dynamicSale-page .yhq_num{position: absolute;width:5.36rem;height:3.57rem;top: 0.8rem;left: 0.5rem;} .dynamicSale-page .yhq_rule{padding-right: 6rem;margin-top: 0.8rem;} .dynamicSale-page .yhq_btn{position: absolute;right: 0rem;top: 1.255rem;width: 5.7rem;text-align: center;} .dynamicSale-page .show_more{display:block;text-align:center;color: #666666;font-size: 1rem;margin-top: 0.71rem;} .dynamicSale-page .show_arrow{display: inline-block;width:1.43rem;height: 1.43rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/show_arrow.png?v=1001') no-repeat;background-size: 100% 100%;vertical-align: middle; } .dynamicSale-page .right_arrow{display: inline-block;width:1.43rem;height: 1.43rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/right_arrow.png?v=1001') no-repeat;background-size: 100% 100%;vertical-align: middle;margin-top: -2px;} .dynamicSale-page .sale-mod{margin:0.71rem;background-color: #fff;border-radius: 6px;padding: 0.71rem;} .dynamicSale-page .sale-mod h2 img{width:12.6rem;height: 1.5rem;} .dynamicSale-page .sale-mod h2 a{float: right;font-size: 12px;color: #666666;font-weight: 500;} .dynamicSale-page .sale-img{display: flex;justify-content: space-between;margin-top: 0.71rem;} .dynamicSale-page .sale-img li{flex-direction:row;} .dynamicSale-page .sale-img li a{display:block;margin-right:10px;border-radius: 8px;} .dynamicSale-page .sale-img li:last-of-type a{margin-right: 0;} .dynamicSale-page .sale-img li img{width:100%;border-radius: 8px;} .dynamicSale-page .sale-time{width: 100%;height:1.71rem;margin-top:0.71rem;font-size:1rem;line-height: 1.71rem;color:#666;opacity: 0.8;background: #EEEEEE;border-radius: 4px;text-align: center; } .dynamicSale-page .sale-time em{color: #FF6600;display: inline-block;margin: 0 1.42rem;} .dynamicSale-page .sale-hot-mod h1{font-size: 18px;color: #666666;font-weight: 500;margin:1.07rem 0.71rem;} .dynamicSale-page .sale-hot,.sale-product-mod{margin:0.71rem;background-color: #fff;border-radius: 6px;padding: 0.71rem;} .dynamicSale-page .sale-hot h2,.sale-product-mod h2{font-size: 15px;color: #999999;font-weight: 500;} .dynamicSale-page .sale-hot h2 a{float: right;font-size: 12px;color: #666666;font-weight: 500;} .dynamicSale-page .pingou-mod,.sale-product-mod{margin:0.71rem;background-color: #fff;border-radius: 6px;padding: 0.71rem;} .dynamicSale-page .pingou-mod{padding-bottom: 3rem;} .dynamicSale-page .pingou-mod h2,.sale-product-mod h2{font-size: 15px;color: #999999;font-weight: 500;} .dynamicSale-page .pingou-mod h2 a{float: right;font-size: 12px;color: #666666;font-weight: 500;} .dynamicSale-page .sale-hot-three h2{font-size: 15px;color: #999999;font-weight: 500; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 21rem;} .dynamicSale-page .sale-hot-div{margin-top: 0.71rem;} .dynamicSale-page .sale-hot-div .img-left{width: 65.5%;float: left;} .dynamicSale-page .sale-hot-div .img-left a{min-height: 197px;max-height: 396px;display: block;position: relative;} .dynamicSale-page .sale-hot-div .img-left a img,.sale-hot-div .img-right ul li a img{width: 100%;border-radius: 8px;} .dynamicSale-page .sale-hot-div li span.price{background: rgba(0,0,0,0.4);display: block; height: 1.96428rem;line-height:2.14rem;border-radius: 0 0 8px 8px;position: absolute;left: 0;bottom: 0;width: 97%;padding-right: 3%; text-align: right; font-size: 1.2142rem; color: #FF6600; text-indent: -0.3571rem; } .dynamicSale-page .sale-hot-div .img-right{width: 32%;float: right;height: 100%;} .dynamicSale-page .sale-hot-div .img-right ul li{height: 46%;margin-bottom: 5%;} .dynamicSale-page .sale-hot-div .img-right ul li:last-of-type{ vertical-align: text-bottom;margin-bottom: 0;} .dynamicSale-page .sale-hot-div .img-right ul li a{display: block;position: relative;min-height: 95px;max-height: 193px;} .dynamicSale-page .shop-products-con .products-list li .old-price{font-size: 12px;color: #999999;font-weight: 500;margin-left: 7px;} .dynamicSale-page em.car_icon{display: none;float:right;width:1.714rem;height: 1.714rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/car_icon.png?v=1001') no-repeat;background-size: 100% 100%;} .dynamicSale-page em.add_car_icon{display: inline-block;position: fixed;bottom: 5rem;right: 2rem;width:3.28rem;height: 3.28rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/car_icon_1.png?v=1001') no-repeat;background-size: 100% 100%;} .dynamicSale-page .receive-lab{display:inline-block;padding:1.1428rem;background: rgba(0,0,0,0.80);color:#ffffff;border-radius: 4px;position:absolute;z-index: 1;left: 50%;margin-left: -5.96rem;margin-top: 20%;} .dynamicSale-page .product_left{width: 48.5%;float: left;} .dynamicSale-page .product_right{width: 48.5%;float: right;} .dynamicSale-page .product_left a,.product_right a{display: block;position: relative;} .dynamicSale-page .sale-hot-div .product_left a img,.sale-hot-div .product_right ul li a img{width: 100%;border-radius: 8px;} .dynamicSale-page .product_img{width:100%;margin-top: 0.71rem;} .dynamicSale-page .product_img ul li a{display: block;position: relative;} .dynamicSale-page .product_img ul li a img{width: 100%;border-radius: 8px;} .dynamicSale-page .product_img .product_info{display: block;width: 100%;height: 2.6rem;overflow: hidden;text-align: left;padding-top: 0.5714rem;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .dynamicSale-page .product_img .product_price{display:inline-block;width: 100%;font-size:1.21rem;height: 1.5rem;line-height: 1.5rem;text-align: left;color: #FF6600;padding-top: 0.3rem;} .dynamicSale-page .product_img .product_price .old-price{font-size: 12px;color: #999999;font-weight: 500;margin-left: 7px;} .dynamicSale-page .product_img .product_price .car_icon{margin-top: -3px;} .dynamicSale-page .the-price{font-size: 1.21rem;} .dynamicSale-page .the-price .price-no{font-size: 14px;color: #999999;} .dynamicSale-page .price-icon{font-size: 0.857rem;} .dynamicSale-page .sale-hot .shop-products-con .products-list li .products-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .dynamicSale-page .pingou-mod .shop-products-con .products-list li .products-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} /*苏宁抢购详情页*/ .rushbuy-page .activity-main{-webkit-box-flex: 1;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: absolute; top: 3.215rem; bottom: 0rem; left: 0; right: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; overflow: auto; -webkit-overflow-scrolling: touch;} .rushbuy-page .activity-wrap{width: 100%;height: 100%;} .rushbuy-page .activity-bg{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/title_bg.png?v=1001") no-repeat;background-size: contain;} .rushbuy-page .good-activity-bg{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/title_bg_1.png?v=1001") no-repeat;background-size: contain;} .rushbuy-page .activity-wrap .activity-title{text-align: center;} .rushbuy-page .activity-wrap .activity-title h1{font-size: 1.57rem; color: #FFFFFF;font-weight:500;text-align: center;padding-top: 2.714rem;} .rushbuy-page .activity-wrap .activity-title .activity-time{display: inline-block;height: 1.71rem;color: #fff;padding: 0 0.71rem;background-color: rgba(0,0,0,0.4);border-radius: 100px;line-height: 1.71rem;margin: 0.71rem auto;text-align: center;} .rushbuy-page .activity-wrap .activity-title .activity-time em{display:inline-block;color: #FF6600;margin: 0 0.5rem;} /*.rushbuy-page .pt-mod{padding-top:8.428rem; }*/ .rushbuy-page .activity-wrap .products-list{margin-bottom: 0.71rem;} .rushbuy-page .activity-wrap .products-list li a{border-radius: 8px;} .rushbuy-page .activity-wrap .products-list .tbl-cell img{border-radius: 8px 8px 0 0;} .rushbuy-page .activity-wrap .products-list li .products-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .rushbuy-page .activity-wrap .products-list li .the-price{font-size: 1.21rem;color: #FF6600;font-weight: 500;} .rushbuy-page .activity-wrap .products-list li .price-icon{font-size: 0.857rem;color: #FF6600;font-weight: 500;} .rushbuy-page .sale-hot .shop-products-con .product-images img{border-radius: 8px;} .rushbuy-page .sale-hot .shop-products-con .products-list li .the-price{font-size: 1.21rem;color: #FF6600;font-weight: 500;} .rushbuy-page .the-shop-middle-con{background:none!important;} .rushbuy-page .sn-nav-back {border: 6px solid #686B72;border-width: 2px 0 0 2px;} .rushbuy-page .top-share .more {display: inline-block;width: 2.1428rem;height: 45px;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_share_sale.png?v=1001) no-repeat center center;background-size: 1.8rem;margin-top:0rem;} .rushbuy-page em.car_icon{display: none;float:right;width:1.5rem;height: 1.5rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/car_icon.png?v=1001') no-repeat;background-size: 100% 100%;margin-left:1rem;} .rushbuy-page .main-css{background:none!important;} .rushbuy-page .main-wrap .activity-wrap.activity-bg { background: #Ed0000 url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bg-wrapper.png?v=1001") no-repeat; background-size: contain; } .rushbuy-page .main-wrap .activity-wrap .activity-title .activity-time { width: 17.5rem; height: 1.7143rem; line-height: 1.7143rem; background-color: rgba(0, 0, 0, 0.3); border-radius: 0.4286rem; padding: 0; margin: 10.5714rem auto 0.8571rem; } .rushbuy-page .main-wrap .activity-wrap .products-list li .products-text { color: #222; font-size: 0.9286rem; line-height: 1.2857rem; } .rushbuy-page .main-wrap .activity-wrap .products-list li .the-price { font-size: 1.2857rem; line-height: 1.2857rem; } .rushbuy-page .main-wrap .activity-wrap .products-list li .the-price .price-icon { color: #f30; font-size: 0.8571rem; } .rushbuy-page .main-wrap .activity-wrap .shop-products-con .proinfo { padding: 0.6429rem 0.8571rem 0.8571rem; } .dynamicSale-page .main-css .sale-mod .sale-time { display: flex; justify-content: center; background-color: #FFF5EF; color: #666; } .dynamicSale-page .main-css .sale-mod .sale-time em { margin: 0 0.2143rem; } [componentmode="sys.SecKill"] .flash-sale-box-one-goods-info-text-time-new span, .dynamicSale-page .flash-sale-box-one-goods-info-text-time-new span { color: #f50; font-size: 0.8571rem; margin-right: 0.6286rem; word-break: keep-all; } [componentmode="sys.SecKill"] .flash-sale-box-one-goods-info-text-time-new, .dynamicSale-page .flash-sale-box-one-goods-info-text-time-new { width: 10.7857rem; height: 1.2857rem; border: 0.0357rem solid #f50; border-radius: 0.2143rem; display: flex; background-color: #fff; align-items: center; justify-content: space-between; margin-bottom: 0.2143rem; } [componentmode="sys.SecKill"] .flash-sale-box-one-goods-info-text-time-new .count-down, .dynamicSale-page .flash-sale-box-one-goods-info-text-time-new .count-down { width: 4.5rem; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #f50; font-size: 0.8571rem; color: #fff; } [componentmode="sys.SecKill"] .flash-sale-box-one-goods-info-text-time-new .count-down img, .dynamicSale-page .flash-sale-box-one-goods-info-text-time-new .count-down img { width: 0.8571rem; height: 0.8571rem; margin-right: 0.2143rem; } [componentmode="sys.SecKill"] .flash-sale-box-two, [componentmode="sys.SecKill"] .flash-sale-box-three, [componentmode="sys.SecKill"] .flash-sale-box-one { border-radius: 0.8571rem; } /*苏宁抢购详情页*/ .prdDrop-page .activity-main{-webkit-box-flex: 1;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: absolute; top: 3.215rem; bottom: 0rem; left: 0; right: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; overflow: auto; -webkit-overflow-scrolling: touch;} .prdDrop-page .activity-wrap{width: 100%;height: 100%;} .prdDrop-page .activity-bg{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/title_bg.png?v=1001") no-repeat;background-size: contain;} .prdDrop-page .good-activity-bg{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/title_bg_1.png?v=1001") no-repeat;background-size: contain;} .pingou .good-activity-bg{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/pingou_bg.png?v=1001") no-repeat;background-size: contain;} .prdDrop-page .activity-wrap .activity-title{text-align: center;} .prdDrop-page .activity-wrap .activity-title h1{font-size: 1.57rem; color: #FFFFFF;font-weight:500;text-align: center;padding-top: 2.714rem;} .prdDrop-page .activity-wrap .activity-title .activity-time{display: inline-block;height: 1.71rem;color: #fff;padding: 0 0.71rem;background-color: rgba(0,0,0,0.4);border-radius: 100px;line-height: 1.71rem;margin: 0.71rem auto;text-align: center;} .prdDrop-page .activity-wrap .activity-title .activity-time em{display:inline-block;color: #FF6600;margin: 0 0.5rem;} /*.prdDrop-page .pt-mod{padding-top:8.428rem; }*/ .prdDrop-page .activity-wrap .products-list{margin-bottom: 0.71rem;} .prdDrop-page .activity-wrap .products-list li a{border-radius: 8px;} .prdDrop-page .activity-wrap .products-list .tbl-cell img{border-radius: 8px 8px 0 0;} .prdDrop-page .activity-wrap .products-list li .products-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .prdDrop-page .activity-wrap .products-list li .the-price{font-size: 1rem;color: #FF6600;font-weight: 500;} .prdDrop-page .sale-hot .shop-products-con .product-images img{border-radius: 8px;} .prdDrop-page .sale-hot .shop-products-con .products-list li .the-price{font-size: 1.21rem;color: #FF6600;font-weight: 500;} .prdDrop-page .the-shop-middle-con{background:none!important;} .prdDrop-page .sn-nav-back {border: 6px solid #686B72;border-width: 2px 0 0 2px;transform: rotate(-45deg);width: .9rem;height: .9rem;} .prdDrop-page .top-share {height: 2.3rem;} .prdDrop-page .top-share .more {display: inline-block;width: 2.1428rem;height: 45px;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_share_sale.png?v=1001) no-repeat center center;background-size: 1.8rem;margin-top:0rem;} .prdDrop-page em.car_icon{display: none;float:right;width:1.5rem;height: 1.5rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/car_icon.png?v=1001') no-repeat;background-size: 100% 100%;margin-left:1rem;} .prdDrop-page .shop-products-con .products-list li .old-price{font-size: 12px;color: #999999;font-weight: 500;margin-left: 7px;} .prdDrop-page .main-css{background:none!important;} /*================促销页 2018-09-07 17090058 end===============*/ /*================促销满减页13071498 start==============*/ .hotdetail-page .activity-main{-webkit-box-flex: 1;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: absolute; top: 3.215rem; bottom: 0rem; left: 0; right: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; overflow: auto; -webkit-overflow-scrolling: touch;} .hotdetail-page .activity-wrap{width: 100%;height: 100%;} .hotdetail-page .activity-bg{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/title_bg.png?v=1001") no-repeat;background-size: contain;} .hotdetail-page .good-activity-bg{background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/title_bg_1.png?v=1001") no-repeat;background-size: contain;} .hotdetail-page .activity-wrap .activity-title{text-align: center;} .hotdetail-page .activity-wrap .activity-title h1{font-size: 1.57rem; color: #FFFFFF;font-weight:500;text-align: center;padding-top: 2.714rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .hotdetail-page .activity-wrap .activity-title .activity-time{display: inline-block;height: 1.71rem;color: #fff;padding: 0 0.71rem;background-color: rgba(0,0,0,0.4);border-radius: 100px;line-height: 1.71rem;margin: 0.71rem auto;text-align: center;} .hotdetail-page .activity-wrap .activity-title .activity-time em{display:inline-block;color: #FF6600;margin: 0 0.5rem;} .hotdetail-page .pt-mod{padding-top:8.428rem; } .hotdetail-page .activity-wrap .products-list{margin-bottom: 0.71rem;} .hotdetail-page .activity-wrap .products-list li a{border-radius: 8px;} .hotdetail-page .activity-wrap .products-list .tbl-cell img{border-radius: 8px 8px 0 0;} .hotdetail-page .activity-wrap .products-list li .products-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.19rem;} .hotdetail-page .activity-wrap .products-list li .the-price{font-size: 1.21rem;color: #FF6600;font-weight: 500;} .hotdetail-page .sale-hot .shop-products-con .product-images img{border-radius: 8px;} .hotdetail-page .sale-hot .shop-products-con .products-list li .the-price{font-size: 1.21rem;color: #FF6600;font-weight: 500;} .hotdetail-page .main-css{background:none;} .hotdetail-page .main-css .the-shop-middle-con{background:none;} .hotdetail-page .sn-nav{background: #fff;} .hotdetail-page .sn-nav-back a{display: inline-block;width: 1.429rem;height: 1.429rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_back_black.png?v=1001) no-repeat 0 0;background-size: 1.429rem;} .hotdetail-page .sn-nav-back{margin: 0 0.8572rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);border: 0 none;width: 1.429rem;height: 1.429rem;left: 0rem;top: .8rem;} .hotdetail-page em.car_icon{display: none;float:right;width:1.714rem;height: 1.714rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/car_icon.png?v=1001') no-repeat;background-size: 100% 100%;} .dynamicSale-page .coupon-mod{display:none;} .dynamicSale-page .sale-mod{display:none;} .dynamicSale-page .sale-hot-mod{display:none;} .dynamicSale-page .sale-hot{display:none;} .dynamicSale-page .pingou-mod{display:none;} .dynamicSale-page .bargain-group{display:none;} .dynamicSale-page .flash-sale-box{display:none;} .dynamicSale-page .timeLimitSeckill{display:none;} .dynamicSale-page .sale-hot-mod .sale-hot{display:block;} .dynamicSale-page .erro-pic {display: block;width: 13.857rem;height: 13.142rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/error-dynamicsale.png?v=1001) no-repeat;margin-left: 22%;background-size:contain;} .dynamicSale-page .sale-hot-a{float: right;font-size: 12px;color: #666666;font-weight: 500;margin-top: -1.45rem;} .dynamicSale-page .the-shop-middle-con{background: #fff;} /*================促销满减页13071498 end==============*/ /*================买家秀、视频文章、商品清单、图文几个模块17090058 start==============*/ .shop_show_mod{padding: 0.71rem;background-color: #fff;border-radius: 8px;margin:0 0.71rem 0 0.71rem;} .shop_show_mod .buyer_show_title{margin-bottom:0.71rem;font-size:14px;word-break: break-all;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .shop_show_mod .buyer_show_title .light_point{font-size: 14px;color: #FF6600;} .video_mod{height: 13.5rem;margin:0 auto;border-radius: 8px;border: 1px solid #ccc;} .comment_con{padding: 8px;margin-bottom:5px;background: #F5F5F5;border-radius: 6px;font-size: 12px;color: #999999;word-break: break-all;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .buyer_pics ul{margin:0.71rem 0;} .buyer_pics ul li {float: left;margin-right: 0.71rem;} .buyer_pics ul li img{width: 7.428rem;height: 7.428rem;} .buyer_pics ul li:last-of-type{margin-right:0;} .shop-imgs ul{margin:0.71rem 0;} .shop-imgs ul li{float: left;margin-left: 0.71rem;margin-bottom:0.71rem;position: relative;} .shop-imgs ul li img{width: 7.2rem;height: 7.2rem;border-radius:8px;} .shop-imgs ul li:last-of-type{margin-right:0;} .shop_show_mod.product_text{margin-top: 0rem;margin-bottom: 0rem;} .shop_show_mod .product_text_img{width:17rem;} .lightspot .lightspot_title{font-size: 12px;color: #666666;font-weight: 600;margin-bottom: 20px;} .lightspot .lightspot_title a{width: 70px;height: 22px;line-height:22px;text-align:center;font-weight:500;background-color:#fff;text-decoration:none;border: 1px solid #2196F3;color:#2196F3;border-radius: 2px;float: right;cursor: pointer;} .lightspot .lightspot_title a:hover{background-color: #2196F3;color: #fff;} .lightspot .light_text{width: 99%;height: 30px;border: 1px solid #DDDDDD;text-indent: 5px;} .lightspot .buyer_text{position: relative;} .lightspot .buyer_text textarea{width:99%;height: 70px;border: 1px solid #DDDDDD;resize: none;text-indent: 5px;} .word_num{position: absolute;bottom: 3px;right: 18px;color: #999;} .buyer_show_title{margin-bottom:0.71rem;word-break: break-all;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .light_point{color: #FF9900;} .lightspot .lightspot_title a.add-shop-btn{display:inline-block;float:none;margin-left:20px;width:60px;height:24px;font-size: 12px;text-decoration:none;background-color:#fff;border: 1px dashed #80B34D;color: #80B34D;} .lightspot .lightspot_title .shop-num{color: #999999;} .lightspot .lightspot_title a.add-shop-btn i{font-size: 22px;vertical-align: -2px;} .comment_pic img{display: inline-block;width: 7.64rem;height: 7.64rem;border-radius: 8px;margin-right: 2px;margin-top: 0.71rem;margin-right:0.14rem!important} .lightspot .two_pic{width: 18rem;} .lightspot .three_pic{width: 25rem;} .buyer_show_mod{padding: 10px;background-color: #fff;border-radius: 8px;margin:0 0.71rem 0 0.71rem;} .buyer_show_mod .buyer_show_title{margin-bottom:0.71rem;font-size:14px;word-break: break-all;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .buyer_show_mod .buyer_show_title .light_point{font-size: 14px;color: #FF6600;} .comment_video{height: 13.5rem;margin:0 auto;border-radius: 8px;border: 1px solid #ccc;} .comment_video img{width: 100%;border-radius: 8px;} .lightspot .comment_con{padding:0.57rem 0.57rem 0.14rem 0.57rem} .sale-page .comment_pic img{display: inline-block;width: 6.3rem;height: 6.3rem;border-radius: 8px;margin-right: 2px;margin-top: 10px;} .memIndex-page .comment_pic img{display: inline-block;width: 6.3rem;height: 6.3rem;border-radius: 8px;margin-right: 2px;margin-top: 10px;} .sale-page .shop-imgs ul li img{width: 5.9rem;height: 5.9rem;border-radius: 8px;} .memIndex-page .shop-imgs ul li img{width: 5.9rem;height: 5.9rem;border-radius: 8px;} .comment_pic .shop-imgs ul li img{width: 7.1rem;height: 7.1rem;border-radius: 8px;} .comment_pic{width:25rem;} /*================买家秀、视频文章、商品清单、图文几个模块17090058 end==============*/ /* 撤场图标 */ .exit-shop{position: relative;width: 4.55rem;height: 1.15rem;display: inline-block;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/logos/logo-goaway-simple.png?v=1001) no-repeat;background-size: contain;margin-left: 1rem;margin-top:0.2rem;} .exit-shop a{width: 4.55rem;height: 1.15rem;display: inline-block;} .evacuation{width: 84%;margin: 0 auto;} .evacuation .evacuation-logo{display: block;width: 8.571428571428571rem;height: 8.571428571428571rem;margin: 4.285714285714286rem auto;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/icon_exit_info.png?v=1001") center center no-repeat;background-size: cover;} .evacuation .evacuation-tip{color: #333333;font-size: 1.2857142857142858rem;} .evacuation .evacuation-tip i{color: #ff0000;} .evacuation .evacuation-placard{color: #666666;font-size: 1.2857142857142858rem;margin-top: 1.5rem;} /*================会员权益 我的奖品几个模块17090423 start==============*/ .new_privileges_span {width: 4.90094049rem;padding-left: 0.73142634rem;padding-top: 0.73142634rem;display: inline-block;font-size: 0.97523512rem;color: #222222;font-family: "PingFangSC-Semibold";font-weight: bold;float: left;} .new_privileges_right {float: right;width: 4.35237074rem;height: 1.2799961rem;padding-top: 0.48761756rem;padding-left: 1.00913rem;} .new_privileges_img {width: 1.2799961rem;height: 1.2799961rem;margin-top: 0.24380878rem;} .new_privileges_spant {display: inline-block;position: relative;top: 0.19523707rem;font-size: 0.73142634rem;color: #666666;} .new_privileges_b {margin: 0 auto;height: 11.09329953rem;margin-top: 0.54856976rem;border-radius: 0.73142634rem;background: #FFFFFF;} .rights_defaultss {overflow: hidden;width: 21.39422051rem;padding: 1.2190439rem;padding-bottom: 0rem;padding-left: 0.794263rem} .rights_defaultss li {color: #666666;margin-bottom: 1.52380488rem;text-align: center;position: relative;width: 6.3999805rem;height: 7.25331123rem;vertical-align: top;display: inline-block;background: #F5F5F5;border-radius: 0.73142634rem;margin-left: 0.35763rem;}.rights_defaultss .rights_defaultss_img {display: inline-block;width: 3.04760976rem;height: 3.04760976rem;padding-top: 0.54856976rem;} .rights_defaultss .rights_defaultss_img img {max-width: 100%;} .rights_defaultss .rights_defaultss_desc {font-size: 0.73142634rem;padding-top: 0.30476098rem;} .new_privileges_b .rights_defaultss{padding:0.5rem} .dp_btn_bb {font-size: 0.85333073rem;right: 0.91428293rem;background: #FF6600;color: #FFFFFF;text-align: center;width: 3.7790361rem;height: 1.46285268rem;line-height: 1.46285268rem;margin-left: 1.46285268rem;margin-top: 0.28285659rem;border-radius: 0.73142634rem;} .dp_btn_b {font-size: 0.85333073rem;right: 0.91428293rem;border: 0.5px solid #FF6600;color: #FF6600;text-align: center;width: 3.7790361rem;height: 1.46285268rem;line-height: 1.46285268rem;margin-left: 1.46285268rem;margin-top: 0.28285659rem;border-radius: 0.73142634rem;} .rights_defaults {overflow: hidden;width: 21.414224rem;padding: 1.2190439rem;padding-bottom: 0rem;height: 5.18093659rem;padding-left: 0.73142634rem;padding-right: 0.73142634rem;} .rights_defaults li {color: #666666;margin-bottom: 1.52380488rem;text-align: center; position: relative;width: 23.7%;vertical-align: top;display: inline-block;} .rights_defaults .rights_defaults_img {display: inline-block; width: 3.04760976rem; height: 3.04760976rem;} .rights_defaults .rights_defaults_img img {max-width: 100%;} .rights_defaults .rights_defaults_desc {margin-top: 0.5rem;font-size: 0.73142634rem;} .new_privileges .swiper-pagination {position: relative;text-align: center;-webkit-transition: 0.3s opacity;-o-transition: 0.3s opacity;transition: 0.3s opacity;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;} .new_privileges .swiper-pagination-bullet {width: 0.30476098rem;height: 0.30476098rem; display: inline-block;border-radius: 100%;background: #000;opacity: 0.2;} .new_privileges .swiper-pagination-bullet-active {opacity: 1;background: #FF5500;} .memIndex-page .the-shop-middle-con .leaguers_title_privilige{height:9.14282928rem;padding: 0; padding-right: 0; margin-bottom: 0.6095219519330988rem; padding-bottom: 0.3047609759665494rem; background: #fff;margin-top: 0.54856976rem;} /*================会员权益 我的奖品几个模块17090423 end==============*/ /* 优惠券弹框 */ .coupon-win-bg{position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 11;width: 21.428571428571427rem;height: 28.285714285714285rem;} .coupon-win-bg .discount{font-family: Arial, Helvetica, sans-serif; font-size: 7.142857142857143rem;font-weight: bold;color: #FFFFFF;text-align: center;margin-top: 7.5rem;position: relative;} .coupon-win-bg .discount em{font-size: 3.4285714285714284rem;vertical-align: 0.35714285714285715rem;} .coupon-win-bg .get-coupon-condition{font-size: 2rem;color: #FFFFFF;text-align: center;margin-top: -0.714286rem;width: 18rem;margin-left: 1.71rem;} .coupon-win-bg .get-coupon{display: block;width: 9.857142857142858rem;height: 2.857142857142857rem;line-height: 2.857142857142857rem; background-color: #ffca0d;color: #FFFFFF;font-size: 1.4285714285714286rem;margin: 1rem auto 0;text-align: center;border-radius: 0.2857142857142857rem;} /*商品分类*/ .pro-cate-wrapper{position: relative;padding: 0.8571428571428571rem 0;} .pro-cate-wrapper > img{position: absolute;left: 0;top: 0;height: 100%;width: 100%;} .pro-cate-wrapper .pro-list-wrapper{position: relative;z-index: 2;display: flex;justify-content: space-around;} .pro-cate-wrapper .pro-list-wrapper .pro-list-item{width: 3.642857142857143rem;height: 5rem;padding: 0.6428571428571429rem 0;} .pro-cate-wrapper .pro-list-wrapper .pro-list-item a{display: inline-block;width: 3.642857142857143rem;height: 5rem;} .pro-cate-wrapper .pro-list-wrapper .pro-list-item a img{width: 3.642857142857143rem;height: 3.642857142857143rem;border-radius: 0.8571428571428571rem;} .pro-cate-wrapper .pro-list-wrapper .pro-list-item a p{color: #222222;font-size: 0.8571428571428571rem;width: 5.642857rem;text-overflow: ellipsis;white-space: nowrap;text-align: center; margin-left: -0.95rem;margin-top: 0.2857142857142857rem;} /*商品分类*/ /*横向滚动告示栏*/ .horizontal-placard {width: 25.928571428571427rem;margin-left: 0.42857142857142855rem;border-radius: 0.42857142857142855rem;display: block;height: 2.14rem;overflow: hidden;position: relative;} .horizontal-placard-subsidy {box-sizing: border-box;width: 100%;padding: 0.2857rem 0;} .horizontal-placard .placard-logo{position: absolute;left: 3%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); width: 18.67%;;height: 1.2857142857142858rem;} .horizontal-placard .placard-logo img{position: absolute; width: 100%;height: 100%;} .placard-scroll-wrapper{width: 56%;height: 2.5714285714285716rem;margin: 0 auto;overflow: hidden;position: absolute;left: 26%;} .placard-scroll-bar {position: absolute;left: 0;top: 0;height: 100%;} .placard-scroll-bar p {white-space: nowrap;line-height: 2.5714285714285716rem;text-align: center;font-size: 0.7857142857142857rem;} .get-allowance{border-radius: 0.8571428571428571rem; position: absolute; right: 2%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 12%; height: 1.2857142857142858rem; background-size: contain;} /*购物津贴*/ .sell-out-tip{height: 2.715rem;line-height:2.715rem;color: #666666;font-size: 0.9285714285714286rem;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05);text-align: center;} .return-shop{position: fixed;right: 0.6428571428571429rem;bottom: 3.9285714285714284rem; width: 3rem;height: 3rem;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/subsidy_backShop.png?v=1001") center center no-repeat;background-size: cover;cursor:pointer;} .return-top{position: fixed;right: 0.6428571428571429rem;bottom: -3rem;width: 3rem;height: 3rem;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/subsidy_toTop.png?v=1001") center center no-repeat;background-size: cover;cursor:pointer;} /*售罄，并无推荐*/ .sell-out-page{position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;} .sell-out-page i{display: block;width: 13rem;height: 13rem;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/nosubsidy.png?v=1001") center center no-repeat;background-size: cover;} .sell-out-page .tip-text{color: #666666;font-size: 1.0714285714285714rem;} /*购物津贴*/ .allowance-tab-wrapper{overflow: hidden;height: 2.715rem;} .allowance-tab-wrapper .allowance-tab{height: 125%;white-space: nowrap;display: flex; overflow-y: hidden;overflow-x: scroll;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05);} .allowance-tab-wrapper .allowance-tab .allowance-item{float: left;position: relative;flex-grow: 1;cursor:pointer;} .allowance-tab-wrapper .allowance-tab .active-item{color: #FF6600;} .allowance-tab-wrapper .allowance-tab .allowance-item span{display: block; font-size: 1.0714285714285714rem;padding: 0.5714285714285714rem 0.8571428571428571rem;text-align: center;} .allowance-tab-wrapper .allowance-tab .allowance-item .allowance-bar:first-child{display: block} .allowance-tab-wrapper .allowance-tab .allowance-item .allowance-bar{display: none;width: 0.6428571428571429rem;height: 0.21428571428571427rem;background: #FF6600;border-radius: 3px;padding: 0;position: absolute;left: 50%;top: 2.2rem;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .allowance-tab-wrapper .allowance-tab .allowance-item .active-flag{display: block;} .allowance-tab-content-wrapper .allowance-tab-item:first-child{display: block;} .allowance-tab-content-wrapper .allowance-tab-item{display: none; padding: 0.5rem 0.8571428571428571rem;margin: 0;} .allowance-tab-content-wrapper .allowance-pro-list .allowance-pro-list-item{background: #FFFFFF;border-radius: 0.8571428571428571rem;margin: 0.6428571428571429rem 0;padding: 0.8571428571428571rem; } .allowance-tab-content-wrapper .allowance-pro-list .allowance-pro-list-item .allowance-pro-wrapper{display: block;} .allowance-tab-content-wrapper .allowance-pro-list .allowance-pro-list-item img{width: 7.428571428571429rem;height: 7.428571428571429rem;float: left;} .allowance-tab-content-wrapper .allowance-pro-wrapper:visited {color: #999999;background: red;} .allowance-tab-content-wrapper .allowance-product-info{display: inline-block;margin-left: 0.6428571428571429rem;float: left;} .allowance-tab-content-wrapper .allowance-product-info .allowance-product-intro{display: inline-block;font-size: 1rem;width: 15rem;max-height: 2.7142857142857144rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .allowance-tab-content-wrapper .allowance-product-info .allowance-product-label{display: block;margin-top: 0.42857142857142855rem;} .allowance-tab-content-wrapper .allowance-product-info .allowance-product-label .it:first-child{margin-left: 0;} .allowance-tab-content-wrapper .allowance-product-info .allowance-product-label .it{float: left;background: #FEECE2;border-radius: 50px;font-size: 0.7142857142857143rem;color: #FF5500;margin-left: 0.7142857142857143rem;padding: 0 6px;} .allowance-tab-content-wrapper .allowance-product-price{color: #FF6600;font-size: 1.2857142857142858rem;} .allowance-tab-content-wrapper .allowance-product-PriceSymbol{font-size: 0.8571428571428571rem;margin-right: 2px;} .allowance-tab-content-wrapper .allowance-product-priceDecimal{font-size: 0.8571428571428571rem;} .allowance-tab-content-wrapper .allowance-product-statics{text-align: left;color: #999;width: 100%;margin-top: -0.3rem;} .allowance-tab-content-wrapper .allowance-product-statics span:first-child{margin-left: 0;} .allowance-tab-content-wrapper .allowance-product-statics span{color: #999999;font-size: 0.7857142857142857rem;margin-left: 0.6428571428571429rem;} .view-more{display: block;font-size: 1.1428571428571428rem;color: #222222; text-align: center; height: 3.2142857142857144rem; line-height: 3.2142857142857144rem; background-image: linear-gradient(-90deg, #FF8F00 0%, #FF5500 97%);background: #FFFFFF;border-radius: 9px;margin: 0 0.8571428571428571rem 0.8571428571428571rem 0.8571428571428571rem ;} /***视频直播模块***/ .margintop1{margin-top: 0.2857142857142857rem;} .margintop6{margin-top: 0.85rem} .margintop8{margin-top: 1rem;} .margintop10{margin-top: 1rem;} .marginleft5{margin-left: 0.5rem;} .marginleft6{margin-left: 0.6rem;} .marginleft10{margin-left: 1.1rem;} .marginleft11{margin-left: 1.1rem;} .padding4-8-4-8{padding: 0.1428571428571429rem} .padding8-6-8-0{padding: 8px 6px 8px 0;} .live-id{font-weight: bold; font-size: 12px; color: #666666;} .search{display: flex; flex-wrap: nowrap;} .search-icon{cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #FFFFFF; border: 1px solid #DDDDDD;} .live-text{font-size: 12px; color: #BBBBBB; letter-spacing: 0;} .live-text-bule{font-size: 12px; color: #0099FF; letter-spacing: 0;} .live{width: 100%;height: 8.2rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/snlogo.png?v=1001") no-repeat center; background-size: 304px 90px; position: relative; background-color: #FFFFFF; border-radius: 6px; overflow: hidden;} .live-toast{height: 100%; width: 100%;} .live-toast img{height: 50px; width: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 999;} .live-now{width: 100%;height: 8.2rem;} .live-now-box{height: 7.5rem;background: #FFFFFF;border-radius: 6px;overflow: hidden;display: flex;flex-wrap: nowrap;width: 100%;} .live-now-img{width: 7.5rem;height: 7.5rem;background: #F9F9F9 url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/img_palmrobs.png?v=1001") no-repeat center;background-size: 54px 54px;} .live-now-text-box{/* width: 38%; */} .live-now-text-title{height: 2.4286rem;line-height: 1.25;font-weight: bold;font-size: 1rem;color: #333333;letter-spacing: 0;width: 14.285714rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;} .live-now-text-name{height: 0.8571428571428571rem;width:14rem;font-size: 0.8571428571428571rem;color: #999999;letter-spacing: 0;line-height: 0.8571428571428571rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap} .live-now-text{display: flex;align-items: center;justify-content: space-between} .live-now-text-icon{width: 1.42857rem; height: 1.42857rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/more2.png?v=1001") no-repeat center;background-size: 1.4285714285714286rem 1.4285714285714286rem;} .live-now-text-warning{height: 1.2857142857142858rem;line-height: 1.2857142857142858rem;display: flex;flex-wrap: nowrap;align-items: center;} .live-now-text-warning-bg{background: #D8D8D8;background-image: linear-gradient(90deg, #FF4A50 0%, #F97C32 100%);height: 1.2857142857142858rem;text-align: center;width: 4.842857rem;font-size: 0.857143rem;color: #FFFFFF;display: flex;flex-wrap: nowrap;align-items: center;border-radius:0.3rem} .live-now-text-warning-bg-preview{width: 3.842857rem} .live-now-text-warning-bg-icon{width: 10px; height: 10px; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/preview3.png?v=1001") no-repeat left; background-size: 10px 10px;} .live-now-text-warning-bg-icon-now{width: 10px; height: 10px; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/broadcasting3.gif?v=1001") no-repeat left; background-size: 10px 10px;} .live-now-text-warning-text{font-size: 0.8571428571428571rem;color: #999999;letter-spacing: 0;} [componentmode="sys.broadcast"]{height: 8.2rem} .sale-page .live-now-text{width:62%} .sale-page .live-now-text-title{font-size:0.8rem;width:12.285714rem} .sale-page .marginleft11{margin-left:-1.9rem} .sale-page .live-now-text-warning-bg{width:4.242857rem} .memIndex-page .live-now-text{width:62%} .broadCast-list {margin: 0 auto;position: relative;overflow: hidden;list-style: none;z-index: 1;} .broadCast-list .swiper-pagination {height:1px;line-height:1;bottom:1.8000rem !important;} .broadCast-list .swiper-pagination .swiper-pagination-bullet {background:#CCCDC8;width:0.7143rem;height:0.2857rem;border-radius:0.1429rem;margin:0 0.1429rem !important;opacity: 1;} .broadCast-list .swiper-pagination .swiper-pagination-bullet-active {background:#FF6600;} .dymic-nostatus { padding-top: 4.16666667rem; padding-bottom: 2.08333333rem; font-size: 0.75rem; text-align: center; color: #222; } .dymic-nostatus .nostatus { margin: 0 auto; margin-bottom: 1.25rem; width: 50%; } .dymic-nostatus .nostatus img { max-width: 100%; } { touch-action: pan-y; } .dymic-nostatus a { display: block; width: 5rem; height: 1.5rem; line-height: 1.5rem; padding-left: 0.625rem; padding-right: 0.625rem; border-radius: 0.5rem; background-color: #fff; color: #666; font-size: 0.58333333rem; margin: 0 auto; } .dymic-datemark { font-weight: initial; display: inline-block; padding: 0 20px; height: 1.41666667rem; line-height: 1.41666667rem; margin-bottom: 0.52083333rem; border-radius: 0.5rem; margin-left: 0.5rem; color: #999; font-size: 0.54rem; background-color: white; } .gchat-name { margin-left: 0.71rem; margin-right: 0.71rem; padding: 0.857rem; border-radius: 0.5rem; background-color: #fff; display: flex; } .faceimg { display: flex; flex-wrap: wrap; height: 3.36rem; width: 3.36rem; padding: 0.323rem; border-radius: 0.25rem; background-color: #F2F2F2; flex: 1; justify-content: space-around; align-items: center; } .faceimg .it { width: 1.215rem; /* margin-bottom: 0.10833333rem; */ height: calc(width); overflow: hidden; /* flex-grow: 1; */ height: 1.215rem; /* margin-bottom: 0.2rem; */ } .faceimg .it:nth-child(2n+1) { /* margin-right: 0.246rem; */ } .faceimg .it img { width: 100%; border-radius: 0.1rem; vertical-align: top; } .faceimgwrap { float: left; /* width: 3.91666667rem; */ } .gchat-name .ginfo { margin-left: 0.714rem; height: 3.0rem; /* margin-right: 3rem; */ width: 20.386rem; } .gchat-name .gname { display: flex; /* margin-top: 0.8rem; */ justify-content: space-between; } .gchat-name .gname h3 { width: 57%; font-size: 1rem; /*line-height: 1.1333333rem;*/ color: #222222; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gchat-name .gname span { width: 50%; text-align: right; font-size: 0.786rem; color: #999999; /* line-height: 0.64583333rem; */ padding-right: 0.1rem; } .gchat-name .gstatus { /* margin-top: 0.45rem; */ text-align: left; } .gchat-name .gstatus p { float: left; width: 11.79rem; font-size: 0.786rem; color: #999999; line-height: 1.04rem; height: 2.045833rem; /* margin-top: 0.5000998333rem; */ text-overflow: ellipsis; overflow: hidden; /* white-space: nowrap; */ display: flex; align-items: left; /* justify-content: center; */ /* flex-direction: column; */ overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; } .gchat-name .gstatus a { float: right; width: 5.83333333rem; font-size: 1.1rem; height: 1.99rem; border-radius: 0.9625rem; /*background: #3377FF;*/ color: #ffffff; text-align: center; line-height: 1.99rem; margin-top: 0.44444444rem; } .gchat-name .gstatus div { float: right; width: 6.07rem; font-size: 1rem; height: 2rem; border-radius: 0.9625rem; background: linear-gradient(to right, #FF8F00, #FF4400); color: #ffffff; text-align: center; line-height: 2rem; /* margin-top: 0.24444444rem; */ text-align: center; } .memIndex-page .gchat-name .gstatus div { float: right; width: 5.37rem; font-size: 0.86rem; height: 1.71rem; border-radius: 0.9625rem; background: linear-gradient(to right, #FF8F00, #FF4400); color: #ffffff; text-align: center; line-height: 1.71rem; /* margin-top: 0.24444444rem; */ text-align: center; } .gchat-name .gstatus a.giftbtn{padding-left:1.1rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/btn_gift.png?v=1001) no-repeat 0 0; background-size:100% 100%;} .groupDynamicPage .intro{ overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .groupDynamicPage .small-supple{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /**分享有礼礼盒**/ .share-icon-little{ position: absolute; right: 1rem; top: 1rem; width: 1.4285714285714286rem; height: 1.4285714285714286rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/share-act-box.gif?v=1001) no-repeat center; background-size: 1.4285714285714286rem 1.4285714285714286rem; } /**测试店铺logo start**/ .shopLabel-pic-ceshishop { position: absolute; top: 1.36rem; left: 3.4rem; width: 4.55rem; height: 1.15rem; margin-bottom:-0.2rem; } .shopLabel-pic-ceshishop img { width: 100%; height: 100% } .store_importantInfo .shopLabel-pic-ceshishop{display:inline-block; position:static;} .headerReset .shopLabel-pic-ceshishop { width: 2.73rem; height: 0.7rem; } /**测试店铺logo end**/ /*分享有礼 活动规则*/ .share-rule .top{position: absolute;top: 0;width: 100%;} .share-rule .top-box{position: relative;width: 100%; height: 3.142857142857143rem;background: #FFFFFF;box-shadow: 0 1px 0 0 rgba(0,0,0,0.10);padding:0.9285714285714286rem 1.3571428571428572rem ;} .share-rule .top-title-img ,.top-title-text{font-size: 1.2857142857142858rem;color: #222222;line-height: 1.2857142857142858rem;} .share-rule .top-title-img{float: left} .share-rule .top-title-text{text-align: center;font-weight: bold} .share-rule .share-shop-activity-rule{font-size: 1.0714285714285714rem;color: #666666;padding: 0.8571428571428571rem;margin-top:3.142857142857143rem; float: right;top: 0.7142857142857143rem;right: 0.2857142857142857rem;height:3.214286rem;} .share-rule .share-shop-activity-rule div{margin-bottom: 2rem;} .show-box {width: 10.714285714285714rem;height: 12.857142857142858rem;position: absolute;right: 0.42857142857142855rem;top: 2.7142857142857144rem;} .show-box-inf {width: 10.714285714285714rem;height: 3.214286rem;background: #ffffff;border-radius: 0.8571428571428571rem;position: relative; margin-top: 0.5714285714285714rem;float: right;top: 0.7142857142857143rem;right: 0.2857142857142857rem;} .show-box-up {width: 0;height: 0;border-width: 0 0.6428571428571429rem 0.6428571428571429rem;border-style: solid;border-color: transparent transparent #ffffff;position: absolute;right: 1rem;top: -0.6428571428571429rem;} .show-box-inf-box {height: 100%;} .show-box-inf-box-item {width: 100%;height: 2.142857142857143rem;} .show-box-inf-box-shall {font-family: PingFangSC-Regular;font-size: 1.2857142857142858rem; color: #666666;} .show-box-inf-box-shall img {margin-left: 1.0714285714285714rem;width: 2.142857142857143rem;height: 2.142857142857143rem;} .show-box-inf-box-shall-text {display: inline-table;vertical-align:middle ;margin-left: 0.7142857142857143rem; } .show-box-inf-box-msg, .show-box-inf-box-index {margin-top: 1.9285714285714286rem;} /*分享有礼 活动规则*/ /* 2019年3月9日10:50:00 14041326 会员有礼弹框 */ /* 店铺会员二期 *//* 会员节日礼包弹框 */ /* 04-弹框 */ .gift-box-win { width: 84%; border-radius: 8px; background: #FFFFFF; } .box-wrapper { position: relative; background: #ffffff; border-radius: 8px; } @-webkit-keyframes sun { from { -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); } to { -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .sun { width: 16rem; height: 16rem; position: absolute; top: -7rem; left: 50%; margin-left: -8rem; border-radius: 50%; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/sun_shine.png?v=1001") center center no-repeat; background-size: cover; -webkit-animation: sun 2s linear infinite; -moz-animation: sun 2s linear infinite; -o-animation: sun 2s linear infinite; animation: sun 2s linear infinite; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; } .box-container { width: 85.4%; height: 9.5rem; position: absolute; top: -4.8rem; left: 50%; margin-left: -42.7%;; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/gift_box.png?v=1001) center center no-repeat; background-size: contain; } .box-container-vip { width: 85.4%; height: 9.5rem; position: absolute; top: -4.8rem; left: 50%; margin-left: -42.7%;; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/vip2-3x.png?v=1001) center center no-repeat; background-size: contain; } .box-tip { color: #FF6600; font-size: 1.2500rem; text-align: center; padding-top: 4rem; font-family: PingFangSC-Medium; } .box-explain { margin-bottom: 0.7500rem; color: #999999; text-align: center; font-size: 0.7500rem; margin-top: 0.1250rem; font-family: PingFangSC-Regular; } .box-options { padding: 0.8750rem 0.6250rem; text-align: center; } .box-options .box-btn { display: inline-block; width: 7.5000rem; height: 2.0000rem; line-height: 2.0000rem; font-size: 0.9375rem; border-radius: 1.2500rem; color: #FFFFFF; background: #FFAA00; text-align: center; margin: 0 0.6250rem; } .view-gift-h { background: #FF9900; } .gift-list li i { display: inline-block; height: 1.3750rem; width: 1.3750rem; margin-left: 4%; vertical-align: -0.4333rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/coin_icon.png?v=1001") center center no-repeat; background-size: 100% 100%; } .gift-list .cloud-drill { background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/cloud_drill.png?v=1001") center center no-repeat; background-size: 100% 100%; } .gift-list .food { background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/good-3x.png?v=1001") center center no-repeat; background-size: 100% 100%; } .gift-list .discount { background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/cc-3x.png?v=1001") center center no-repeat; background-size: 100% 100%; } .gift-list .pptv { background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/icon_pp.png?v=1001") center center no-repeat; background-size: 100% 100%; } .gift-list .filmquan { background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/icon_quan.png?v=1001") center center no-repeat; background-size: 100% 100%; } .floatleft{ float:left; } .floatright{ float:right; } .displayblock{ display: block; } .gift-list-box{ max-height: 10.714285714285715rem; overflow-y: scroll; } .gift-list { margin-top: 1.6rem; } .member-card-new .gift-list { margin-top:1.0714rem; } .gift-list-box-width{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 8.7500rem; } .gift-list-box-width p, .gift-list-box-width h1 { display: inline; } .gift-list li { width: 90%; height: 1.3750rem; margin: auto; margin-top: 0.6250rem; } .gift-list li span { display: inline-block; color: #666666; font-size: 0.8750rem; font-family: PingFangSC-Medium; } .gift-name { margin-left: 0.428572rem; width: 70%; } .gift-name .floatright { font-size: 0.7500rem; color: #FFAA00; width: calc(100% - 8.7500rem); overflow: hidden; text-overflow: ellipsis; text-align: right; white-space: nowrap;margin-top: 2px; } .gift-numbers { float: right; width: 4rem; height: 2rem; margin-right: 1rem; text-align: right; } .gift-list em { float: right; display: inline-block; width: 15px; height: 15px; margin-right: 5%; margin-top: 3px; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/vip/right_mark.png?v=1001") center center no-repeat; background-size: cover; } /*06-弹框*/ .part-two .gift-list { padding: 1px 0; width: 85.4%; margin: 0 auto; background: #FFF9E7; border-radius: 4px; } div > .gift-list:last-child { padding-bottom: 0.6250rem; } .part-two .box-wrapper h1 { font-family: PingFangSC-Medium; color: #333333; font-size: 0.9375rem; width: 90%; margin: 0 auto 0.4rem; text-indent: 0.5rem; } .part-two .gift-list li { width: 100%; } /*悬浮礼盒*/ .suspension-box { position: fixed; bottom: 4.857rem; right: 0; z-index: 1; width: 5.714rem; height: 5.714rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/suspension_box.gif?v=1001") center center no-repeat; background-size: cover; } .drawPop i.close { width: 2.572rem; height: 2.572rem; bottom: -4.5rem; margin-left: -1.286rem; } ::-webkit-scrollbar{ display: none; } .gotoIndex{position: fixed;top: 72.5%;display:none;right: 3%;} .gotoIndex .goIndexImg{background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/wechat/suningIndex.png?v=1001);background-size: 2.6rem;width: 2.6rem;height: 2.6rem;background-repeat: no-repeat;} /*20190527 租赁商品*/ .shop-products-con .the-price .zu-icon{ width: 1.2142857142857142rem; height: 1.0714285714285714rem; vertical-align: middle; margin: 0px; margin-left: 5px; line-height: 1.5rem; } .J_CMod .ds-zu-icon{display: inline-table;width: 18.6px;margin-left: 5px;height: 16px;vertical-align: middle;position: initial;border: 0px;min-width: 0rem;} /*20190527 平台活动*/ .div-display { display: none; } /* 气泡 */ /*.shop-bubble { width: 4.285714285714286rem; height: 4.285714285714286rem; position: fixed; top: 27.142857142857142rem; right: 0.8571428571428571rem; bottom: 16.5rem; left: 21.642857142857142rem; z-index: 80; }*/ .shop-bubble { width: 4.285714285714286rem; height: 4.285714285714286rem; position: fixed; right: 0.8571428571428571rem; bottom: 19.0357rem; left: 21.642857142857142rem; z-index: 80; } .shop-bubble-box { position: relative; } .shop-bubble-img { width: 4.285714285714286rem; height: 4.285714285714286rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/act/aaa.jpg?v=1001") no-repeat center; background-size: 4.285714285714286rem 4.285714285714286rem; } .shop-bubble-button { height: 1.4285714285714286rem; line-height:1.4285714285714286rem; width: 4.285714285714286rem; border-radius: 0.7142857142857143rem; position: absolute; bottom: 0; /*font-size: 0.7142857142857143rem;*/ font-size:0.6rem; color: #ffffff; letter-spacing: 0; text-align: center; /*padding: 0.21428571428571427rem 0.35714285714285715rem;*/ /*padding: 0.21428571428571427rem 0.25714285714285715rem;*/ } /* 气泡 end*/ /* 弹窗 */ .shop-bubble-toast { position: fixed; z-index: 99; overflow: hidden; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .shop-bubble-toast-box { z-index: 999; position: fixed; top: 14.142857142857142rem; left: 2.642857142857143rem; } .shop-bubble-toast-container { position: relative; min-height: 17.285714285714285rem; width: 21.428571428571427rem; background: #fffded; border-radius: 0.8571428571428571rem; padding-top: 5.571428571428571rem; padding-bottom: 1.7142857142857142rem; } .shop-bubble-toast-container-lion { width: 11.142857142857142rem; height: 11.142857142857142rem; position: absolute; left: 5.142857142857143rem; right: 5.142857142857143rem; top: -5.571428571428571rem; } .shop-bubble-toast-container-lion img { width: 11.142857142857142rem; height: 11.142857142857142rem; } .shop-bubble-toast-peice { height: 2.142857142857143rem; font-weight: bold; font-size: 2.2857142857142856rem; color: #ff5500; letter-spacing: 0; text-align: center; line-height: 2.142857142857143rem; } .shop-bubble-toast-peice span { margin-left: 0.2857142857142857rem; font-size: 0.8571428571428571rem; color: #666666; letter-spacing: 0; text-align: center; } .shop-bubble-toast-title { font-size: 1.4285714285714286rem; font-weight: bold; margin-top: 1.2857142857142858rem; color: #666666; letter-spacing: 0; line-height: 1.757143rem; padding: 0 1.3571428571428572rem 0 1.4285714285714286rem; height: 2.7142857142857144rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: center; } .shop-bubble-toast-title-text { font-size: 1rem; margin-top: 0.5714285714285714rem ; color: #666666; letter-spacing: 0; line-height: 1.3571428571428572rem; padding: 0 1.3571428571428572rem 0 1.4285714285714286rem; height: 2.7142857142857144rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: center; } .shop-bubble-toast-warning-box { margin-top: 1.4285714285714286rem; width: 100%; display: flex; height: 1.5rem; justify-content: center; align-items: center; } .shop-bubble-toast-warning-hr-left { width: 3.5714285714285716rem; height: 1px; background-color: #dddddd; } .shop-bubble-toast-warning-hr-button { padding: 0.3214285714rem 0.5714285714285714rem; font-size: 0.7857142857142857rem; color: #666666; letter-spacing: 0; line-height: 0.8571428571428571rem; height: 1.5rem; min-width: 4.285714285714286rem; background: #eeeeee; border: 1px solid #dddddd; border-radius: 0.7857142857142857rem; } .shop-bubble-toast-warning-hr-right { width: 3.5714285714285716rem; height: 1px; background-color: #dddddd; } /* 更多玩法 */ .shop-bubble-toast-select-img-box { margin-top: 1.2857142857142858rem; height: 1.7142857142857142rem; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 2.2857142857142856rem 0 2.142857142857143rem; } .shop-bubble-toast-select-img-icon { display: flex; align-items: center; } .shop-bubble-toast-select-img-icon-img-durian { width: 1.7142857142857142rem; height: 1.7142857142857142rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/act/ll3x-icon.png?v=1001") no-repeat center; background-size: 1.7142857142857142rem 1.7142857142857142rem; } .shop-bubble-toast-select-img-icon-img-checkin { width: 1.7142857142857142rem; height: 1.7142857142857142rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/act/daka3x-icon.png?v=1001") no-repeat center; background-size: 1.7142857142857142rem 1.7142857142857142rem; } .shop-bubble-toast-select-img-icon-img-live { width: 1.7142857142857142rem; height: 1.7142857142857142rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/act/zhibo3x-icon.png?v=1001") no-repeat center; background-size: 1.7142857142857142rem 1.7142857142857142rem; } .shop-bubble-toast-select-img-icon-text { margin-left: 0.5714285714285714rem; font-size: 0.9285714285714286rem; color: #666666; letter-spacing: 0; text-align: center; } /* 更多玩法 end */ /* 优惠券 */ .shop-bubble-toast-coupon { margin-top: 1.2857142857142858rem; margin-left: 1.53571428rem; padding: 0 0.8571428571428571rem; width: 18.571428571428573rem; height: 4.642857142857143rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/act/c3x.png?v=1001") no-repeat center; background-size: 18.571428571428573rem 4.642857142857143rem; } .shop-bubble-toast-coupon-left { float: left; } .shop-bubble-toast-coupon-right { float: right; width: 4rem; height: 1.7142857142857142rem; background: #ffffff; border-radius: 1.0714285714285714rem; font-size: 0.8571428571428571rem; color: #ff1a3a; letter-spacing: 0; text-align: center; line-height: 1.7142857142857142rem; margin-top: 1.464285714rem; } .shop-bubble-toast-coupon-left-price { margin-top: 0.6428571428571429rem; font-size: 1.2857142857142858rem; color: #ffffff; letter-spacing: 0; line-height: 1.2857142857142858rem; } .shop-bubble-toast-coupon-left-price span { font-size: 0.7857142857142857rem; color: #ffffff; letter-spacing: 0; line-height: 0.7857142857142857rem; } .shop-bubble-toast-coupon-left-text { font-size: 0.8571428571428571rem; color: #ffffff; letter-spacing: 0; line-height: 0.8571428571428571rem; margin-top: 0.21428571428571427rem; } .shop-bubble-toast-coupon-left-time { font-size: 0.7857142857142857rem; color: #ffffff; margin-top: 0.21428571428571427rem; letter-spacing: 0; line-height: 0.7857142857142857rem; } /* 优惠券 end */ /* 按钮 */ .shop-bubble-toast-button-box { margin-top: 1.7142857142857142rem; padding: 0 1.7857142857142858rem; display: flex; justify-content: space-between; width: 100%; height: 2.5714285714285716rem; } .shop-bubble-toast-button { height: 2.5714285714285716rem; width: 8.285714285714286rem; border-radius: 1.4285714285714286rem; overflow: hidden; line-height: 2.5714285714285716rem; } .shop-bubble-toast-button-left { opacity: 0.8; background-image: linear-gradient(90deg, #ff8f00 0%, #ff4400 100%); box-shadow: 0 0.14285714285714285rem 0.2857142857142857rem 0 rgba(255, 143, 0, 0.5); font-size: 1.0714285714285714rem; color: #ffffff; letter-spacing: 0; text-align: center; } .shop-bubble-toast-button-right { opacity: 0.8; border: 1px solid #ff5500; border-radius: 1.4285714285714286rem; font-family: PingFangSC-Regular; font-size: 1rem; color: #ff5500; letter-spacing: 0; text-align: center; } /* 按钮 end */ /* 弹窗 end*/ .shop-defaultWapTipsDiv{display:none;} /*星级评分start*/ .shop-start-box-phone {border-radius: 0.5714285714285714rem;align-items: center;font-size: 0.7142857142857143rem;color: #666666;letter-spacing: 0;line-height: 0.7142857142857143rem;padding: 0.14285714285714285rem 0.21428571428571427rem;} .shop-start-full-phone {height: 0.6428571428571429rem;width: 0.6428571428571429rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/star_full.png?v=1001') no-repeat center;background-size: 0.6428571428571429rem 0.6428571428571429rem} .shop-start-half-phone {height: 0.6428571428571429rem;width: 0.6428571428571429rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/star_half.png?v=1001') no-repeat center;background-size: 0.6428571428571429rem 0.6428571428571429rem} .shop-start-null-phone {height: 0.6428571428571429rem;width: 0.6428571428571429rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/star_null.png?v=1001') no-repeat center;background-size: 0.6428571428571429rem 0.6428571428571429rem} .shop-start-box-phone {height: 1.0714285714285714rem;position: static;display: inline-block;} .shop-start-box-phone-margin {margin-left: 0.21428571428571427rem;position: static;display: inline-block;} .shop-start-box-phone-text {width: 1.0714285714285714rem;height: 1.0714285714285714rem;background: url('images/star_tip.png') no-repeat center;background-size: 1.0714285714285714rem 1.0714285714285714rem} .shop-start-box-phone-warning {margin-top: 1.6428571428571429rem;margin-left:1.6rem;position: relative;width: 16.171428571428573rem;height: 7.371428571428571rem;background: #FFF3EA;border-radius: 0.42857142857142855rem;} .shop-start-box-phone-warning-box {padding: 0.6428571428571429rem;} .shop-start-box-phone-warning-text {height: 5.428571428571429rem;width: 15.285714285714286rem;font-size: 1rem;color: #7B3100;letter-spacing: 0;line-height: 1.3571428571428572rem;overflow:hidden;padding-top:0.3rem;} .shop-start-box-phone-transparent {/* width: 1.2857142857142858rem; */height: 0.6428571428571429rem;border-right:0.6428571428571429rem solid transparent;border-left: 0.6428571428571429rem solid transparent;border-bottom: 0.6428571428571429rem solid #FFF3EA;position: absolute;top: -8%;left: 44%;} /*星级评分end*/ .customBox .customImg .one-by-one-imgs img {width: 100%;height: auto;display:block;} .no-more-bottom{line-height: 3.2rem;text-align: center;} .no-more-bottom .txt{font-family: PingFangSC-Regular;color: #999999;letter-spacing: 0;font-size: .9rem;vertical-align: middle;} .no-more-bottom .line{display: inline-block;width: 60px;border-top: 1px solid #ccc ;padding-top: 3px;} .no-more-bottom-memindex{line-height: 3rem;text-align: center;} .no-more-bottom-memindex .txt{font-family: PingFangSC-Regular;color: #999999;letter-spacing: 0;font-size: .9rem;vertical-align: middle;} .no-more-bottom-memindex .line{display: inline-block;width: 60px;border-top: 1px solid #ccc ;padding-top: 3px;} /*拼购模块*/ .pingou-mod .shop-products-con .products-list li a span.products-desc {display:block;text-align:left;height:1.2857rem;} .pingou-mod .shop-products-con .products-list li a span.products-desc .pin-term {display:inline-block;font-size:0.8571rem;color:#FF5500;background:#FFEBE8;padding:0rem 0.5714rem;border-radius:1.4286rem;height:1.2857rem;vertical-align:top;} .pingou-mod .shop-products-con .products-list li a span.products-desc .pin-term:before {content:"";display:inline-block;width:0.8571rem;height:0.8571rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/pgnum.png);background-size:100% 100%;margin-right:0.2142rem;vertical-align:top;margin-top:0.1429rem;} .pingou-mod .shop-products-con .products-list li .products-text, .singer-products-con .products-list li .products-text{height: 2.2rem;} .pingou .shop-products-con .products-list li a span.products-desc {display:block;text-align:left;height:1.2857rem;} .pingou .shop-products-con .products-list li a span.products-desc .pin-term {display:inline-block;font-size:0.8571rem;color:#FF5500;background:#FFEBE8;padding:0rem 0.5714rem;border-radius:1.4286rem;height:1.2857rem;vertical-align:top;} .pingou .shop-products-con .products-list li a span.products-desc .pin-term:before {content:"";display:inline-block;width:0.8571rem;height:0.8571rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/pgnum.png);background-size:100% 100%;margin-right:0.2142rem;vertical-align:top;margin-top:0.1429rem;} .pingou .shop-products-con .products-list li .products-text, .singer-products-con .products-list li .products-text{height: 2.2rem;} [componentmode="sys.lpgProduct"] .shop-products-con .products-list li a span.products-desc {display:block;text-align:left;height:1.2857rem;margin-top: 0.2857142857142857rem;} [componentmode="sys.lpgProduct"] .shop-products-con .products-list li a span.products-desc .pin-term {display:inline-block;font-size:0.8571428571428571rem;color:#FF5500;background:#FFEBE8;padding:0rem 0.5714rem;border-radius:1.4286rem;line-height:1.285714285714286rem;height:1.2857rem;vertical-align:top;} [componentmode="sys.lpgProduct"] .shop-products-con .products-list li a span.products-desc .pin-term:before {content:"";display:inline-block;width:0.8571rem;height:0.8571rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/pgnum.png);background-size:100% 100%;margin-right:0.2142rem;vertical-align:top;margin-top: 0.2142rem;} .moreProd-page .shop-products-con .products-list li a span.products-desc {display:block;text-align:left;height:1.2857rem;margin-top: 0.2857142857142857rem;} .moreProd-page .shop-products-con .products-list li a span.products-desc .pin-term {display:inline-block;font-size:0.8571428571428571rem;color:#FF5500;background:#FFEBE8;padding:0rem 0.5714rem;border-radius:1.4286rem;line-height:1.285714285714286rem;height:1.2857rem;vertical-align:top;} .moreProd-page .shop-products-con .products-list li a span.products-desc .pin-term:before {content:"";display:inline-block;width:0.8571rem;height:0.8571rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/pgnum.png);background-size:100% 100%;margin-right:0.2142rem;vertical-align:top;margin-top: 0.2142rem;} .moreProd-page .shop-products-con .products-list li .the-price, .singer-products-con .products-list li .the-price{display:block;width:100%;height:1.5rem;line-height:1.5rem; text-align:left;color:#ff4800;} /* 预售模块 */ .sale-page .top-share .more {height: 100%;} .presell-widget {padding:0 0.8571rem;} .presell {background:#FFFFFF;border-radius:0.5714rem;padding:0.7143rem;padding-bottom:0;} .presell-heading {line-height:1;height:1.2857rem;vertical-align:middle;margin-bottom:0.7143rem;} .presell-title {float:left;} .presell-actions {float:right;font-size:0.8571rem;color:#666666;} .presell-actions a.presell-more {color:#666666;font-size:0.8571rem;} .presell-actions a.presell-more:hover {text-decoration:none;cursor:pointer;} .presell-actions a.presell-more:after {content:"";width:0.7857rem;height:0.7857rem;display:inline-block;background:url(images/icon_bar_up.png) no-repeat center center;transform:rotate(90deg);position:relative;top:0.0714rem;margin-left:0.1429rem;} .presell-pro {position:relative;padding-left:8.2143rem;padding-bottom:0.8571rem;} .presell-pro .pro-figure {width:7.4286rem;height:7.4286rem;position:absolute;left:0;top:0;} .pro-figure img {width:100%;height:100%;border-radius:0.7143rem 0 0 0.7143rem;} .pro-body {min-height:7.4286rem;line-height:1;} .pro-title {color:#222222;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.0714rem;} .pro-price {margin-top:0.5143rem;} .pro-price .current-price {color:#FF5500;} .pro-price .current-price em {font-size:0.8571rem;margin-right:0.0714rem;} .pro-price .original-price {color:#ccc;font-size:0.8571rem;text-decoration:line-through;margin-left:0.1429rem;} .pro-step {position:relative;margin-top:0.4286rem;padding-left:1.0714rem;white-space:nowrap;overflow:hidden;} .pro-step:before {content:"";display:block;width:0;height:calc(100% - 1.1429rem);border-left:0.0714rem solid #D8D8D8;position:absolute;left:0.4286rem;top:0.5714rem;z-index:1;} .pro-step .deposit {color:#666666;font-size:0.8571rem;position:relative;} .pro-step .deposit:before,.pro-step .retainage:before {content:"";display:block;width:0.5714rem;height:0.5714rem;background:#D8D8D8;border-radius:50%;position:absolute;top:0.3571rem;left:-0.9286rem;z-index:5;} .presell-pro.status-reserve .pro-step .deposit:before {background:#FF0303;} .presell-pro.status-payment .pro-step .deposit:before,.presell-pro.status-payment .pro-step .retainage:before {background:#FF0303;} .pro-step .tap-ticket {background:#FFDDDD;border-radius:1.0714rem;color:#FF0303;font-size:0.8571rem;padding:0.1429rem 0.4286rem;display:inline-block;line-height:1;} .pro-step .deposit .price {color:#FF0303;font-size:1.0000rem;margin-right:0.3571rem;} .pro-step .retainage .price {color:#666666;font-size:1.1429rem;} .pro-step .price em,.pro-step .price em {font-size:0.8571rem;margin-right:0.0714rem;} .pro-step .retainage {color:#666666;font-size:0.8571rem;position:relative;margin-top:0.5714rem;} .pro-notice {color:#999999;margin-top:0.5714rem;font-size:0.8571rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .presell-wrap {position:relative;background-color:#f2f2f2;padding-bottom:0.0714rem;} .presell-banner {position:absolute;top:0;left:0;} .presell-banner .title {font-size:2.7143rem;color:#FFFFFF;letter-spacing:0;text-align:center;position:absolute;top:1.7857rem;left:50%;transform:translateX(-50%);text-shadow:0.1em 0.1em 0.05em #f53f24;} .presell-banner img {width:100%;height:auto;} .presell-wrap .presell-list {padding:0 0.8571rem;padding-top:8.5714rem;} .presell-list .presell-pro {position:relative;padding:0.7143rem 0.7143rem 0.7143rem 9.6429rem;border-radius:0.7143rem;margin-bottom:0.8571rem;background-color:#FFF;} .presell-list .presell-pro .pro-figure {width:8.9286rem;height:8.9286rem;} .presell-list .presell-pro .pro-body {height:7.5000rem;} /* 预售模块 */ /* 榜单模块 */ .wap-list-wrapper {width: calc(100% - 1.7142857142857142rem);background: #FFFFFF;border-radius: 0.8571428571428571rem;margin: 0 auto;padding-bottom: 0.8571428571428571rem;} .wap-list-title-wrapper {position: relative;height: 3.5rem;line-height: 3.5rem;} .wap-list-title {text-align: center;color: #222222;font-weight: bold;font-size: 1.0714285714285714rem;} .wap-list-title-wrapper span {position: absolute;top: 0;right: 0.8571428571428571rem;color: #666666;font-size: 0.8571428571428571rem;} .wap-list-title-wrapper i {display: inline-block;width: 0.8571428571428571rem;height: 0.8571428571428571rem;vertical-align: -0.07142857142857142rem;margin-left: 0.21428571428571427rem;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/more_cate.png?v=1001");} .wap-list {display: flex;justify-content: center;} .wap-list-item {width: 7.5rem;} .wap-list-item:nth-child(2) {margin: 0 0.42857142857142855rem;} .wap-list-item a {display: block;width: 100%;height: 100%;} .wap-list-item img {width: 7.5rem;height: 7.5rem;border-radius: 0.42857142857142855rem;} .wap-list-img-wrapper {position: relative;} .wap-list-img-wrapper span {position: absolute;left: 0.35714285714285715rem;top: 0;width: 1.0714285714285714rem;height: 1.2142857142857142rem;} .wap-list-img-wrapper .list-fir {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/list_fir.png") center center no-repeat;background-size: cover;} .wap-list-img-wrapper .list-sec {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/list_sec.png") center center no-repeat;background-size: cover;} .wap-list-img-wrapper .list-thi {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/list_thi.png") center center no-repeat;background-size: cover;} .wap-list-prod-name {color: #222222;font-size: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.35714285714285715rem;} .wap-list-prod-price {color: #FF5500;font-weight: bold;font-size: 1.2857142857142858rem;} .wap-list-prod-price b {font-size: 0.8571428571428571rem;} .wap-list-prod-evaluation {color: #999999;font-size: 0.7857142857142857rem;} .wap-list-theme-two .wap-list-item:nth-child(1), .wap-list-theme-two .wap-list-item:nth-child(3) {margin-top: 1rem;} .wap-list-theme-three .wap-list {display: block;} .wap-list-theme-three .wap-list-item {float: left;} .wap-list-theme-three .wap-list-item:nth-child(1), .wap-list-theme-three .wap-list-item:nth-child(1) img {width: 15.428571428571429rem;height: 15.428571428571429rem;} .wap-list-theme-three .wap-list-item:nth-child(1) {margin-left: 0.8571428571428571rem;} .wap-list-theme-three .wap-list-item:nth-child(3) {margin: 0.42857142857142855rem 0 0 0.42857142857142855rem;} .wap-list-theme-four .wap-list {display: block;} .wap-list-theme-four .firt-list-item, .wap-list-theme-four .firt-list-item img {width: 15.428571428571429rem;height: 15.428571428571429rem;} .wap-list-theme-four .firt-list-item {margin: 0 auto;} .wap-list-theme-four .wap-list-item:nth-child(2), .wap-list-theme-four .wap-list-item:nth-child(3) {float: left;margin: 0 auto;} .wap-bottom-list{margin-top: 0.8571428571428571rem;} .wap-bottom-list .wap-list-item{float: left;margin-left: 3.75rem;} .wap-bottom-list .wap-list-item:last-child{float: right;margin-right: 3.75rem;} .wap-listModule-hide{display: none;} .mqs-index .the-shop-signs .favpolite-background .favpolite-polite{padding: 0!important;bottom: 0.5rem;width: 4.572rem; height: 1.714rem;line-height: 1.714rem;border-radius: 1.0714rem;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;background-size: 6rem 1.714rem;border: 1px solid #fff;} .mqs-index .the-shop-signs .favpolite-background{right: 2.5rem;bottom: 1.6rem;} /*新老客*/ .diverse-customer-wrap .diverse-customer-wrap{display:none;} .diverse-customer-wrap a,.diverse-customer-wrap a > img {height:100% !important;width:100% !important;} .diverse-customer-wrap {position:relative;height:11.4286rem;} .diverse-customer-wrap .regular-customer-img {position:absolute;left:0;top:0;z-index:1;height: 100%;width: 100%;} .diverse-customer-wrap .new-customer-img {position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;} /* 人群优惠券 start*/ .generateWrap.crowd-coupon-wrap {padding:0.2857rem 0.3571rem;padding-bottom:0.0000rem !important;box-sizing:border-box;font-size:0;overflow-y:hidden;overflow-x:auto;} .crowd-coupon {border-radius:0.4286rem;display:inline-block;position:relative;background-size:100% 100%;margin-bottom:0.3571rem;height:5.0000rem;} .crowd-coupon[crowd-coupon-shape-1] {width:100%;} .crowd-coupon[crowd-coupon-shape-2] {width:calc(50% - 0.2143rem);} .crowd-coupon-slide .crowd-coupon[crowd-coupon-shape-2] {width: 10.7143rem;margin-bottom:0;margin-right:0.4286rem;} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-1] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_01_1n.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-1] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_01_2n.png);} .crowd-coupon-slide .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-1] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_01_2.5n.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-2] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_02_1n.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-2] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_02_2n.png);} .crowd-coupon-slide .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-2] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_02_2.5n.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-3] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_03_1n.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-3] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_03_2n.png);} .crowd-coupon-slide .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-3] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_03_2.5n.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-4] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_04_1n.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-4] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_04_2n.png);} .crowd-coupon-slide .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-4] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_04_2.5n.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-5] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_05_1n.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-5] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_05_2n.png);} .crowd-coupon-slide .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-5] {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_05_2.5n.png);} .crowd-coupon-wrap .crowd-coupon-slide {width:auto;white-space:nowrap;margin-bottom:0.3571rem;} .crowd-coupon-wrap .crowd-coupon[crowd-coupon-shape-2]:nth-of-type(odd) {margin-right:0.2143rem;} .crowd-coupon-wrap .crowd-coupon[crowd-coupon-shape-2]:nth-of-type(even) {margin-left:0.2143rem;} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-1].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_01_1n_x.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-1].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_01_2n_x.png);} .crowd-coupon[crowd-coupon-shape-3][crowd-coupon-style-1].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_01_2.5n_x.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-2].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_02_1n_x.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-2].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_02_2n_x.png);} .crowd-coupon[crowd-coupon-shape-3][crowd-coupon-style-2].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_02_2.5n_x.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-3].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_03_1n_x.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-3].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_03_2n_x.png);} .crowd-coupon[crowd-coupon-shape-3][crowd-coupon-style-3].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_03_2.5n_x.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-4].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_04_1n_x.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-4].received {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/crowdCoupon/icon_crowd_coupon_04_2n_x.png);} .crowd-coupon[crowd-coupon-shape-3][crowd-coupon-style-4].received {background-image:url(images/crowdCoupon/icon_crowd_coupon_04_2.5n_x.png);} .crowd-coupon[crowd-coupon-shape-1][crowd-coupon-style-5].received {background-image:url(images/crowdCoupon/icon_crowd_coupon_05_1n_x.png);} .crowd-coupon[crowd-coupon-shape-2][crowd-coupon-style-5].received {background-image:url(images/crowdCoupon/icon_crowd_coupon_05_2n_x.png);} .crowd-coupon[crowd-coupon-shape-3][crowd-coupon-style-5].received {background-image:url(images/crowdCoupon/icon_crowd_coupon_05_2.5n_x.png);} .crowd-coupon[crowd-coupon-style-1] .coupon-value,.crowd-coupon[crowd-coupon-style-1] .coupon-door,.crowd-coupon[crowd-coupon-style-1] .coupon-date {color:#8A5A00;} .crowd-coupon[crowd-coupon-style-1] .coupon-btn {background-color:#FFE1AA;color:#8A5A00;} .crowd-coupon[crowd-coupon-style-2] .coupon-value,.crowd-coupon[crowd-coupon-style-2] .coupon-door,.crowd-coupon[crowd-coupon-style-2] .coupon-date {color:#FFFFFF;} .crowd-coupon[crowd-coupon-style-2] .coupon-btn {background-color:#FFFFFF;color:#FF1A3A;} .crowd-coupon[crowd-coupon-style-3] .coupon-value,.crowd-coupon[crowd-coupon-style-3] .coupon-door,.crowd-coupon[crowd-coupon-style-3] .coupon-date,.crowd-coupon[crowd-coupon-style-3] .coupon-btn {color:#FFFFFF;} .crowd-coupon[crowd-coupon-style-3] .coupon-btn {background-color:#FFFFFF;color:#8A5FFF;} .crowd-coupon[crowd-coupon-style-4] .coupon-value,.crowd-coupon[crowd-coupon-style-4] .coupon-door,.crowd-coupon[crowd-coupon-style-4] .coupon-date {color:#222222;} .crowd-coupon[crowd-coupon-style-4] .coupon-btn {background-color:#FF5500;color:#FFFFFF;} .crowd-coupon[crowd-coupon-style-5] .coupon-value,.crowd-coupon[crowd-coupon-style-5] .coupon-door,.crowd-coupon[crowd-coupon-style-5] .coupon-date {color:#FFFFFF;} .crowd-coupon[crowd-coupon-style-5] .coupon-btn {background-color:#FFFFFF;color:#FF9E00;} .coupon-content {box-sizing:border-box;width:75%;float:left;padding:0 0 0 1.0714rem;} .coupon-action {width:25%;float:right;text-align:center;} .coupon-content .coupon-value {height:5.0000rem;line-height:5.0000rem;margin-right:1.0714rem;float:left;max-width:14.2857rem;} .coupon-content .coupon-value .value {font-size:2.0000rem;} .coupon-content .coupon-value .value i {font-size:1.0714rem;} .coupon-content .coupon-value .value em {font-size:1.0714rem;} .coupon-content .coupon-door,.coupon-content .coupon-date {line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .coupon-content .coupon-door {font-size:1.0714rem;margin-top:1.4286rem;} .coupon-content .coupon-date {font-size:0.8571rem;margin-top:0.4286rem;} .coupon-action .coupon-btn {width:4.7143rem;height:1.7143rem;line-height:1.7143rem;border-radius:1.0714rem;font-size:0.8571rem;text-align:center;display:inline-block;margin-top:1.5714rem;} .crowd-coupon[crowd-coupon-shape-2] .coupon-content {padding-left:0.8571rem;width:83%;} .crowd-coupon[crowd-coupon-shape-2] .coupon-action {width:17%;} .crowd-coupon[crowd-coupon-shape-2] .coupon-content .coupon-value {float:none;line-height:1;height:auto;margin-right:0;margin-top:0.3571rem;} .crowd-coupon[crowd-coupon-shape-2] .coupon-content .coupon-value .value {font-size:1.4286rem;} .crowd-coupon[crowd-coupon-shape-2] .coupon-content .coupon-door {margin-top:0.3571rem;font-size:1.0000rem;} .crowd-coupon[crowd-coupon-shape-2] .coupon-content .coupon-date {margin-top:0.1429rem;} .crowd-coupon[crowd-coupon-shape-2] .coupon-action .coupon-btn {height:7.8571rem;width:2.7143rem;border-radius:2.7143rem;transform:scale(0.5);font-size:1.5714rem;margin-top:-1.4286rem;margin-left:-0.2143rem;} .crowd-coupon-slide .crowd-coupon[crowd-coupon-shape-2] .coupon-action .coupon-btn {margin-left:-0.55rem;} .crowd-coupon[crowd-coupon-shape-2] .coupon-action .coupon-btn em {position:relative;top:50%;transform:translateY(-50%);display:block;white-space:normal;line-height:1;} .memIndex-page .diverse-customer-wrap{height: 8.8rem;} .memIndex-page .crowd-coupon[crowd-coupon-shape-2] .coupon-action .coupon-btn {margin-left: -0.443rem;} .memIndex-page .crowd-coupon {margin-bottom: 0.1571rem;} /* 人群优惠券 end*/ /* 轮播图 start*/ .swiper-circle-active{overflow: hidden;height: 100%;} /* 轮播图 end*/ /* 三个商品模块和纯文本模块样式优化 start */ .mod-text .announcement-con {padding:0.7143rem 0.7143rem !important;margin:0 0.7143rem;background-color:#FFF;border-radius:0.7143rem;color:#333333;line-height:1;max-height:initial;text-align: left;} .mod-text .announcement-con span {display:inline-block;font-size:0.9286rem;padding:0;} .mod-text.mod-text-roll .announcement-con {position:relative;padding-left:2.4286rem !important;line-height:1;} .mod-text.mod-text-roll .announcement-con .prefix-icon {width:1.2857rem;height:1.2857rem;display:block;position:absolute;left:0.7143rem;top:0.5714rem;} .mod-text.mod-text-roll .announcement-con marquee {font-size:0.9286rem;color:#333333;vertical-align:top;} .threeprolist-show-wrap {background:#FFFFFF;border-radius:0.8571rem;position: relative;} .threeprolist {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0.7143rem 0.7143rem 0;} .threeprolist .prolist-item > a {display:block;} .threeprolist .prolist-item {position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;margin-bottom:0.7143rem;overflow:hidden;} .threeprolist.cols-2 .prolist-item {-webkit-flex-basis:48%;flex-basis:48%;max-width:49.4%;} .threeprolist.cols-2 .prolist-item:nth-child(n) {margin-right:0.7143rem;} .threeprolist.cols-2 .prolist-item:nth-child(2n) {margin-right:0;} .threeprolist.cols-3 .prolist-item {-webkit-flex-basis:30%;flex-basis:30%;max-width:33.33333%;} .threeprolist.cols-3 .prolist-item:nth-child(n) {margin-right:0.7143rem;} .threeprolist.cols-3 .prolist-item:nth-child(2n) {margin-right:0.7143rem;} .threeprolist.cols-3 .prolist-item:nth-child(3n) {margin-right:0;} .threeprolist .prolist-cover {background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAAAWCAYAAACmG0BRAAAAAXNSR0IArs4c6QAACfBJREFUaAXtmXts1tUZx39v317p2wutpaXl1gGKCqK4rBmd0M6NSLYM5hbcUEEmu6jEbbAtE2cWkOEWNbvoMkwWB8Mbug2X4GLcXEuCczpRp8xgSu+kN1paCkJvb7vP9/Cen7+3/b3v21b213iS0+ec53ae85znPOf83gaccUB9ff1NiK2gNebl5T2ak5NzchxqF0USRCCQgO/U1dU9MjIysskjV5OSklIxa9asFg/tYncSEYgKfm1tbU5SUlIlwc6WLXAFaIP6o6AGuZ/AF4TpHy4tLT06SsZ3yGYuCwQCxcg/4yfQ0NCwZHh4+Er4+5Ab8JPxo6G3FL2PAU/48WPRmpubMwYGBmYyV1QsrDyJNjxjxowm2P2WNhoTg+T29va8wsLCLuTClp9oLe6EBKUQI2+gOMMqjxcz4TCyG1j47/10WOC8oaGha8UjQN8DLWbDbvWThb8e+kr43wL30PrYiD97ZSO+fhyZkKWjp9P5KWhrwfJHyTPMuHb27NlvR3wU2QA+lQwODu5isBK5YIQcCw3C+GNaWtomNqLLK0TCbsb2Vmzkgz+gPThnzpwd4DB+Pgx9M/L7af0R/r/g76bf7wZfRhB42Gt4gv0jc+fOXeSn8xFt92I3x9rF1h30f05Ls7Rx4EMEbrUNHAFJIzCHCcDl9J9hg17HxkgMO0nIKHFuph0iESrQM5uLjbvgPcr4fdpf6C+lldHfQSLeh6/b0Nlq7UIPwlfMjzDndcmWweASsscOJ4wxfEkspeTk5OeZtD4WPwHdPe4s9ipkdQe9B/4ZPn8QTxefAqypHPkt/f39DyG7QfKUgy+CrqSpRP0q0bpzc3MfP3XqVBN2tjY2Ni5Hp4omuJcp3k9PT19SXFx8Fn4QHw+Cv0/bDu/HyKgZ4OGSDu0bzPdL2k43+Fbgf4E59nXYVXOBYz+fYy/HXpxAnV6hBbKAjegoW8cD+wnIJxBcaYWxsVB98C0gtbhA4Fex0S+Ew+GtBE2bVtXa2lpw9uzZ6fSfZWMvZY5tbKpO5AFaOYG+nLaEOVZzWtbAuw3dlfh9I/S10Fe4wYdxGUqTBoyFmpqaiv1eQUyWi/0HvMa55DRfJa2U41kObgoGgweph//wynn7BL2LeV7OyMio99LH0X8JvTNWDjvNjB3wPvBzlh4Hv4b/68RH55gwgc8QBvqgTYf/BbCp7SJiV2VxEXgVl3EK/KsZr47wWpBdaILPruko3yiGBS5Ip6+vzwmF3DvNshwC55AFDkFwaXRCZHI1GzDmGYpt1WxdoH6wFKKasYkve8iUjTg3NFoY+u+gqU0IyLYdoxT0kvoBtFW0ejb9dXwcGSVjhsglEbi7YW+B8C7J8Xc/ucnQklnsfRjWSyEKent7nc7OTofLzuG55XBhOdoQAuycOHHC9CknUToMVEr+WlVVtbiystINHotvJLtzrXBqamqQDWxgYSeYe4no9GXsR4zXc0RVorbj217w9egXgx1dYMgpCBMG7J5jLQVSZBN7sFWJLZWuHyqREgGyr7JJt4AHEsmOl6/M/46f8NSpU53MzEwnOzvbKSgocKh5RuzMmTMm8H46EdoVlB4Fq8krg9OrCEAldrax2Dx4WdCeI7CnInLvwP8qJWoeWD7pwhog66YzVp3X90Qd4+qIvC9CLgX5FeBG8BGPkHtxi8a6ukmwTOQO0n7qkRvdHWHemsi9NZr3kcYKfidNwYgCHHK4xaMCLwGVIW3M6dOno+S9AzatzztWn0DcDVrEy+dOst6UOGjV4llgzjDBf5EA3wOeA91sDKVMH33dZOwesFpMOH78eD4XoNZ0gEwfc6KtIoHXRRui1eDHNEv3wyTLuZaWlja9aPz4k6UlM/FdKL9AS/UaUZnJyspyTp486XR1ffhdQfCcmTNnGtEYG7C7qKiow2uLI55DYK+B9gq65ygnFcyrUlbtlVMfurkYOeIhFt0Toalkdat/AUHfC5pvI0gtLnD/tVEOb76QNT+J7Pgbs36J5tYylRt22ZQcBZtnlUMmOkxuHKRmmxNBkM3Y/iHAT1JGbrdji6EvY5GqW9XCtGX0a0tKSpqtTAxsMh95XdgXDHir63WlD8LfUFL0NW1L71MaQ9ep0D30ksZgXbjJJMPzJE6heF7gpKZojIzBXl68vinkbMABJvm1FVSdZ0Iz5APDKS8vdxYsWOCUlZWZC9jKTZkyxdHmCJDvoiysAw9bvgdXqM8ceg3pBOgkVIvmA8YnFqLXh8l88LiDzxznHScWPrYNiSAq6weR3Y7PKnOlYjC+X2N8M1mFCw9qTEI9Am0tIrqnbpMsMdPTuJhEvZ/h10QDbicxd4mOzpuMzU3Og0V3llqUT2ahRo33agTr9xfbNVivHY6bo43wguJzPkaGOojxaMWIMDIVdAdw6lUWrr6g2vwd+2c+dsKUpAZYJvPB0RNDiAXcJ/PFw8YxP5m2trZM6J8k0HsJbBu1fAqy66FVMT6KrwHaNxnXEMCXrQ0S7d/qExv3uBOTVsrRVcjryfofcBnru0F0rYH2lnT4SHsW9GX4R6C5G+AGH4ZL7O7uNm9uKcaDnp4er5yr79WhXOUy4dW0f6rew6sQnwypFvYCZU2/jXwF2iuUNP1INaGy09HRESI4D6AXZqPdwHnnkF2COpdAm/LI5XwTc8rHXZKjrFwPUgI8RnPXxEfVreKzaW8LW9B89DtJluXI1xH8HdgLis8m7AM9RltOayeJ7Qm5FJmu8zUDDnD0PCJF+Yji89+87ZnMkqOwZPTmt4AxV9/SIriP0lSGbIecYnHXQT/Gj1zHxecyvhOnF9OdheOfod/PnOaDDL13WJwuw9ck6wX0dE991tLQC/EAqGBcQn8nz13vM9OKjcH4dAfy7WzGfjHpa+4+kmO3xsyzGfQ55D4N7y18UhYbILFuwL/l+Ptd/WjHWN8pT5FE2qjdyKsSyJ5ZD3fNFdg7xFg/UfzC1keVjyDKe8D6r5V3UxjGBybRcV1DHXw3niSTX8uH2hvI/5bs+7pk2YxWdIugqb4fZHFbCFxtPDsRPV3eyigLQ9h4j8FD2N5rifEwQbqGDX8TvZ3o3Mv6iwhmM+OnGa/zjHux8yee3vfwENEz1gC+q6xMZeMuQ6cffwLoHAbnoz8P2ofZiSCBfxzaGrpPY+vbbvCNNf6gmIrRDI3Z0Uqc0dGJeoZi4EnaJngjPEfD06ZNc383kV4swHaQp2sm/4rU7yHmdcXXchbzBPLz87XAcYNqty4yq+C1aWmJsPxh/gw+Is/hT5hxgHEmY/k3xDiJr3yNfT9qeIJn870wQPD77Fzo6OfqdBLR3leW5chn/uGiuczdOCb4rmSkw259nu4faGkiofgEk623BkS7CJOLQMLgyyw7qf9yLaTbkai0TM6N/0+t/wLxDPJmcXMAKAAAAABJRU5ErkJggg==) center no-repeat;background-size:5.3571rem auto;} .threeprolist .prolist-cover {position:relative;height:0;overflow:hidden;padding-top:100%;} .threeprolist .prolist-cover .pro-img {width:100%;height:auto;position:absolute;left:0;top:0;border-radius:0.4286rem;} .threeprolist .prolist-title {word-break:break-all;margin-top:0.4286rem;color:#333;line-height:1.36;} .threeprolist.cols-2 .prolist-item .prolist-title {height:1.3571rem;font-size:1.0000rem;} .threeprolist.cols-3 .prolist-item .prolist-title {font-size:0.8571rem;height:1.0714rem;line-height: 1.26;} .threeprolist .prolist-item .prolist-title[data-line-img="1"] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.3571rem;display:block;} .threeprolist .prolist-item .prolist-title[data-line-img="2"] {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 2.2rem;white-space:normal;line-height: 1.143rem;} .threeprolist .prolist-price {color:#e93b3d;min-width:2.8571rem;} .threeprolist .prolist-price {margin-top:0.4286rem;height:1.2857rem;display:inline-block;margin-right:0.1429rem;vertical-align:middle;line-height:1;} .threeprolist .prolist-price em {font-style:normal;font-size:0.7143rem;font-weight:400;color:#FF6600;} .threeprolist .prolist-price em span.int {font-size:1.1429rem;} /* 三个商品模块和纯文本模块样式优化 end */ /* 会员奖品页优化 start */ .rule-dialog-box {background:#FFFFFF;border-radius:0.7500rem;} .rule-header {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/rule-header-bg.png);background-size:100% 100%;height:2.6250rem;line-height:2.6250rem;text-align:center;color:#FFF;font-size:1.1250rem;letter-spacing:0.0625rem;} .rule-body {padding:0.7500rem;} .rule-body .rule-clause {color:#666;font-size:0.8750rem;line-height:1.5;} .rule-body .rule-clause b {font-weight:700;color:#333;} .rule-body .rule-primary-btn {display:block;width:54%;height:2.5000rem;line-height:2.5000rem;font-size:1.0000rem;border-radius:1.7500rem;color:#FFFFFF;background:#FFAA00;text-align:center;margin:0.9375rem auto 0.3125rem;background-image:linear-gradient(to right,#FF8c00,#FF4800);box-shadow:0 0.1875rem 0.3125rem #f9ce97;} .rule-dialog-box .closed {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/rule-close.png);margin-top:1.5625rem;width:3.1250rem;height:3.1875rem;margin-left:-1.5625rem;background-size:100% 100%;} .shopDialogBox + .shopDialogBox-lay {background:rgba(0,0,0,0.7);} /* 会员奖品页优化 end */ /**陈东尧让干掉**/ .draw-goback{display: none;} /*单列商品促销标签样式*/ .singer-products-con .sf-protag {white-space: normal;text-align: left;position: relative;overflow: hidden;padding-left: 0.517rem;word-break: normal;height: auto;display: -webkit-box;margin-top: 0.5714285714285714rem;} .singer-products-con .sf-protag .it {display: -webkit-box;margin-right: 0.42857142857142855rem;font-size: 0.8rem;word-wrap: normal;background: #FEECE2;max-width: 48%;white-space: nowrap;line-height: 1.2rem;padding: 0 0.1rem;border-radius: 1.0714285714285714rem;color: #FF5500;} .shop-products-con .products-list li .the-price .btn_cart, .singer-products-con .products-list li .the-price .btn_cart {margin-top: 0.5rem!important;} /*双列商品促销标签样式*/ [componentmode="sys.doubleProduct"] .sf-protag {white-space: normal;text-align: left;position: relative;overflow: hidden;padding-left: 0.517rem;word-break: normal;height: 1.2rem!important;display: -webkit-box;margin-top: 0.5714285714285714rem;} .shop-products-con .sf-protag .it {display: -webkit-box;margin-right: 0.42857142857142855rem;font-size: 0.8rem;word-wrap: normal;background: #FEECE2!important;max-width: 48%;white-space: nowrap;line-height: 1.2rem;padding: 0 0.1rem;border-radius: 1.0714285714285714rem;color: #FF5500!important;} [componentmode="sys.doubleProduct"] .products-text{width: 11.142857142857142rem!important;} .moreProd-page [componentmode="sys.doubleProduct"] .products-text{width: 9.142857142857142rem!important;} .memIndex-page [componentmode="sys.doubleProduct"] .products-text{width: 9.142857142857142rem!important;} [componentmode="sys.doubleProduct"] .btn_cart{position: absolute;right: 0.2rem;top: -0.8rem;width: 1.715rem;height: 1.715rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/icon_cart_4.png?v=1001) no-repeat 0 0;background-size: 1.715rem 1.715rem;background-position: right;} .moreProd-page [componentmode="sys.doubleProduct"] .btn_cart{right: 1.2rem;} .sale-page .the-shop-middle-con .shop-products-con .proinfo span.products-text{width: 11.142857142857142rem!important;} .all-prod-page .shop-products-con .products-list li .the-price .btn_cart{margin-top: 1.68rem!important;} /*三列商品促销标签样式*/ .threeprolist .sf-protag {white-space: normal;text-align: left;position: relative;overflow: hidden;word-break: normal;height: 1.2rem!important;display: -webkit-box;margin-top: 0.5714285714285714rem;} .threeprolist .sf-protag .it {display: -webkit-box;margin-right: 0.42857142857142855rem;font-size: 0.8rem;word-wrap: normal;background: #FEECE2!important;max-width: 48%;white-space: nowrap;line-height: 1.2rem;padding: 0 0.1rem;border-radius: 1.0714285714285714rem;color: #FF5500!important;} .threeprolist .btn_cart{padding-top: 1.715rem;position: absolute;right: 0.2rem; width: 1.715rem; height: 1.715rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/icon_cart_4.png?v=1001) no-repeat 0 0;background-size: 1.715rem 1.715rem;bottom: 0.03rem;background-position: bottom;} /*智能推荐*/ [componentmode="sys.intelligRec"] .sf-protag {white-space: normal;text-align: left;position: relative;overflow: hidden;padding-left: 0.517rem;word-break: normal;height: 1.2rem!important;display: -webkit-box;margin-top: 0.5714285714285714rem;} /*更多多*/ .moreProd-page .sf-protag{width:9rem;} /*更多页返回安扭修复0106*/ .moreProd-page .sn-nav .sn-nav-back {transform: rotate(-45deg);width: .9rem;height: .9rem;} .palmrobwrap{background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/img_handBuyBg_Module.png) 0px 0px / 28.1rem 17rem no-repeat!important;} /* 砍价团模块 ----------------- start */ .bargain-group {margin:0 0.625rem;margin-bottom:0.625rem;padding:0.625rem 0.5rem 0.5rem 0.5rem;background-image:linear-gradient(134deg,#FE7733 0%,#FF1F1F 100%);border-radius:0.375rem;overflow:hidden;} .bargain-header {display:flex;height:1.25rem;margin-bottom:0.3125rem;position:relative;} .bargain-logo {height:1.25rem;} .bargain-more {font-size:0.75rem;color:#FFFFFF;text-align:center;line-height:1;position:absolute;right:0;bottom:0.125rem;} .bargain-more img {width:0.75rem;height:0.6875rem;margin-left:0.1875rem;vertical-align:-0.0625rem;} .bargain-nodata {height:6.625rem;background:#FFFFFF;border-radius:0.25rem;padding-top:0.9375rem;margin-top:0.5rem;box-sizing:border-box;} .bargain-nodata-image {text-align:center;} .bargain-nodata-image img {width:4.375rem;height:3.125rem;} .bargain-nodata-tip {font-size:0.75rem;color:#666666;text-align:center;margin-top:0.375rem;} .bargain-item {height:6.625rem;background:#FFFFFF;display:flex;padding:0.5rem;border-radius:0.25rem;box-sizing:border-box;margin-top:0.5rem;} .bargain-item-left {margin-right:0.625rem;border-radius:0.125rem;position:relative;} .bargain-item-image {border-radius:0.25rem;overflow:hidden;width:5.625rem;height:5.625rem;} .bargain-item-info {font-size:0.875rem;flex:1;width:0;} .bargain-item-title {color:#222222;font-weight:bold;text-align:left;margin-bottom:0.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .bargain-item-timer {font-size:0.75rem;color:#FF5500;height:0.875rem;line-height:0.875rem;} .bargain-item-num {font-size:0.75rem;background:#FEECE2;border-radius:0.5rem;color:#FF5500;padding:0 0.375rem;display:inline-block;} .bargain-item-num img {width:0.75rem;height:0.75rem;margin-right:0.1875rem;vertical-align:-0.0625rem;} .bargain-item-danmai {font-size:0.75rem;color:#999999;height:1rem;line-height:1rem;margin:0.5rem 0 0.3125rem 0;} .bargain-item-bottom {display:flex;line-height:1;justify-content:space-between;} .bargain-item-kanjia {font-size:0.75rem;color:#FF5500;text-align:left;} .bargain-item-kanjia small {margin:0 0.0625rem;} .bargain-item-button {background-image:linear-gradient(134deg,#FE7733 0%,#FF1F1F 100%);border-radius:1.25rem;height:1.75rem;line-height:1.625rem;padding:0;color:#FFFFFF;font-size:0.75rem;margin-top:-1rem;width:4.25rem;box-sizing:border-box;text-align:center;} .bargain-start-image {position:absolute;top:0.625rem;width:4.375rem;height:4.375rem;left:0.625rem;} .vertical-item .bargain-list .bargain-item {width:33.33%;flex-wrap:wrap;float:left;box-sizing:border-box;padding:0 0.125rem;background:transparent;border-radius:0;height:auto;} .vertical-item .bargain-list .bargain-item .bargain-item-inner {background:#FFFFFF;border-radius:0.25rem;width:100%;} .vertical-item .bargain-list .bargain-item .bargain-item-left {margin-right:0;border-radius:0;position:relative;} .vertical-item .bargain-list .bargain-item .bargain-item-image {width:100%;height:6.75rem;border-radius:0.25rem 0.25rem 0 0;} .vertical-item .bargain-list .bargain-item .bargain-start-image {top:1.25rem;left:1.25rem;} .vertical-item .bargain-list .bargain-item .bargain-item-num {position:absolute;top: 6rem;white-space:nowrap;margin:0 auto;left:50%;transform:translateX(-50%);width: 6.285714285714286rem;text-align: center;} .vertical-item .bargain-list .bargain-item .bargain-item-info {flex:none;display:block;padding:0.375rem 0.25rem 0 0.25rem;width:100%;text-align:center;font-size:0.75rem;box-sizing:border-box;} .vertical-item .bargain-list .bargain-item .bargain-item-info .bargain-item-danmai {margin:0.375rem 0 0.1875rem 0;} .vertical-item .bargain-list .bargain-item .bargain-item-info .bargain-item-bottom {display:block;justify-content:normal;line-height:normal;} .vertical-item .bargain-list .bargain-item .bargain-item-info .bargain-item-bottom .bargain-item-kanjia {text-align:center;} .vertical-item .bargain-list .bargain-item .bargain-item-info .bargain-item-bottom .bargain-item-button {width:3.75rem;margin:0 auto;margin-top:0.375rem;margin-bottom:0.5rem;height:1.75rem;line-height:1.75rem;display: block;} .bargain-item-bottom a:visited{color:#FFFFFF!important} .dynamicSale-page .bargain-group {background-image:none;background-color:#FFFFFF;} .dynamicSale-page .bargain-logo {height:1.5rem;} .dynamicSale-page .bargain-item {height:auto;padding:0.125rem 0.25rem;} .dynamicSale-page .bargain-more {color:#666666;} .bargain-group-more {background-color:#ff1f1e;position:relative;font-family:"Microsoft YaHei";height:100%;padding-top: 13.375rem;padding-bottom: 8.375rem;} .bargain-group-more-bg {position: absolute;width: 100%;top: 0;z-index: 0;} .bargain-group-more .bargain-group-more-bg img {width:100%;} .bargain-group-more .bargain-group {background-image:none;padding:0 0.75rem;width:100%;box-sizing:border-box;margin:0;height:auto;position:relative;} .bargain-group-more .bargain-group .bargain-item {border-radius:0.625rem;margin-top:0;margin-bottom:0.625rem;padding:0.625rem;height:6.625rem;} @media screen and (max-width: 320px) { .vertical-item .bargain-list .bargain-item .bargain-item-num{ top: 5.85rem; } } /* 砍价团模块 ----------------- end */ /* 促销 */ /* 一个商品 */ /* 一个商品 */ .flash-sale-box { width: 100%; padding: 0 0.85714286rem; box-sizing: border-box; } .flash-sale-box-one { position: relative; width: 25.07142857rem; height: 12.64285714rem; box-sizing: border-box; padding: 0 0.64285714rem; overflow: hidden; margin-bottom: 0.85714286rem; } .flash-sale-box-title-box { height: 1.42857143rem; width: 23.78571429rem; position: relative; margin-top: 0.85714286rem; display: flex; align-items: center; justify-content: space-between; } .flash-sale-box-title { display: flex; align-items: center; } .flash-sale-box-title-text { font-size: 0.85714286rem; height: 1.17857143rem; color: #ffffff; letter-spacing: 0; margin-left: 0.64285714rem; } .flash-sale-box-title-more { font-size: 0.85714286rem; color: #ffffff; letter-spacing: 0; text-align: right; line-height: 1.21428571rem; } .flash-sale-box-one-goods-box { width: 23.78571429rem; height: 8.85714286rem; background: #ffffff; border-radius: 0.42857143rem; margin-top: 0.85714286rem; display: flex; box-sizing: border-box; padding: 0.85714286rem; } .flash-sale-box-one-goods-img { width: 7.14285714rem; height: 7.14285714rem; } .flash-sale-box-one-goods-img img { width: 7.14285714rem; height: 7.14285714rem; border-radius: 0.42857143rem; } .flash-sale-box-one-goods-info-box { margin-left: 0.85714286rem; } .flash-sale-box-one-goods-info-title { font-size: 1.07142857rem; color: #333333; letter-spacing: 0; width: 14.14285714rem; height: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .flash-sale-box-one-goods-info-discount { margin-top: 0.42857143rem; display: inline-block; height: 1.21428571rem; /*background: #feece2;*/ border-radius: 0.60714286rem; font-size: 0.85714286rem; color: #ff5500; letter-spacing: 0; text-align: center; padding: 0 0.42857143rem; box-sizing: border-box; } .flash-sale-box-one-goods-info-discount .it{ background: #FEECE2!important; } .flash-sale-box-one-goods-info-text-box { margin-top: 0.42857143rem; height: 1.07142857rem; display: flex; justify-content: space-between; align-items: center; } .flash-sale-box-one-goods-info-text-time { font-size: 0.78571429rem; color: #999999; letter-spacing: -0px; } .flash-sale-box-one-goods-info-text-num { font-size: 0.78571429rem; color: #ff5500; letter-spacing: -0px; } .flash-sale-box-one-goods-info-price-box { height: 2.14285714rem; margin-top: 0.35714286rem; display: flex; align-items: flex-end; justify-content: space-between; } .flash-sale-box-one-goods-info-price-price-big { font-size: 1.28571429rem; font-weight: bold; } .flash-sale-box-one-goods-info-price-price-sale { display: inline; font-size: 0.85714286rem; color: #ff5500; letter-spacing: -0px; text-align: left; line-height: 0.85714286rem; } .flash-sale-box-one-goods-info-price-price-sale-remind { display: inline; font-size: 0.85714286rem; color: #38b78a; letter-spacing: -0px; text-align: left; line-height: 0.85714286rem; } .flash-sale-box-one-goods-info-text-num-remind { font-size: 0.78571429rem; color: #38b78a; letter-spacing: -0px; } .flash-sale-box-one-goods-info-price-buttom-remind { background-image: linear-gradient(-90deg, #00caa6 0%, #00a484 100%); border-radius: 1.07142857rem; width: 4.92857143rem; height: 100%; font-size: 0.92857143rem; color: #ffffff; letter-spacing: 0; text-align: center; line-height: 2.14285714rem; } .flash-sale-box-one-goods-info-price-price-cancle { display: inline; text-decoration: line-through; font-size: 0.85714286rem; color: #999999; letter-spacing: 0; line-height: 0.85714286rem; /* margin-left: 0.21428571rem; */ } .flash-sale-box-one-goods-info-price-buttom { background-image: linear-gradient(-134deg, #fe7733 0%, #ff1f1f 100%); border-radius: 2.14285714rem; width: 4.92857143rem; height: 100%; font-size: 0.92857143rem; color: #ffffff!important; letter-spacing: 0; text-align: center; line-height: 2.14285714rem; } .flash-sale-box-one-goods-info-price-buttom-remind { background-image: linear-gradient(-90deg, #00caa6 0%, #00a484 100%); border-radius: 1.07142857rem; width: 4.92857143rem; height: 100%; font-size: 0.92857143rem; color: #ffffff; letter-spacing: 0; text-align: center; line-height: 2.14285714rem; } /* 一个商品 end*/ .flash-sale-box-promotion-one { background: #ffffff; border-radius: 0.85714286rem; position: relative; width: 25.07142857rem; height: 11.64285714rem; box-sizing: border-box; padding: 0 0.85714286rem; overflow: hidden; margin-bottom: 0.85714286rem; } .flash-sale-box-title-promotion-logo { width: 11.82rem; height: 1.5rem; background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/djh-logo-red.png") no-repeat center; background-size: 11rem 1.58571429rem; } .flash-sale-box-one-goods-promotion-box { width: 23.35714286rem; background: #ffffff; border-radius: 0.42857143rem; margin-top: 0.42857143rem; display: flex; box-sizing: border-box; } .flash-sale-box-title-promotion-box { height: 2.28571429rem; /*width: 23.35714286rem;*/ position: relative; margin-top: 0.85714286rem; display: flex; align-items: center; justify-content: space-between; } .flash-sale-box-title-promotion-more { font-size: 0.85714286rem; color: #666666; letter-spacing: 0; text-align: right; line-height: 1.21428571rem; } .flash-sale-box-one-goods-info-promotion-box { width: 15.35714286rem; margin-left: 0.85714286rem; } /* 一个商品 end*/ /* 两个商品 */ .flash-sale-box-promotion-two { width: 25.07142857rem; height: 20.85714286rem; position: relative; box-sizing: border-box; padding: 0 0.85714286rem 0.85714286rem 0.85714286rem; overflow: hidden; margin-bottom: 0.85714286rem; background: #ffffff; border-radius: 0.85714286rem; } .flash-sale-box-two-goods-promotion-box { margin-top: 0.42857143rem; display: flex; justify-content: space-between; width: 23.35714286rem; } .flash-sale-box-two-goods-info-promotion { width: 11.35714286rem; height: 16.35714286rem; background: #ffffff; border-radius: 0.85714286rem; background: #ffffff; border-radius: 0.42857143rem; } .flash-sale-box-two-goods-info-img-promotion-box { width: 11.35714286rem; height: 11.35714286rem; border-radius: 0.42857143rem; overflow: hidden; } .flash-sale-box-two-goods-info { width: 11.57142857rem; height: 16.35714286rem; background: #ffffff; border-radius: 0.85714286rem; background: #ffffff; border-radius: 0.42857143rem; } .flash-sale-box-two-goods-info-img-promotion { width: 11.57142857rem; height: 9.92857143rem; } .flash-sale-box-two-goods-info-img-promotion img { width: 11.57142857rem; height: 9.92857143rem; } .flash-sale-box-two-goods-info-num-promotion { width: 11.57142857rem; height: 1.42857143rem; font-size: 0.78571429rem; color: #ffffff; letter-spacing: 0; text-align: center; background: #ff6600; border-radius: 0 0 0.42857143rem 0.42857143rem; } .flash-sale-box-two-goods-info-num-remind-promotion { width: 11.57142857rem; height: 1.42857143rem; font-size: 0.78571429rem; color: #ffffff; letter-spacing: 0; text-align: center; background: #38b78a; border-radius: 0 0 0.42857143rem 0.42857143rem; } .flash-sale-box-two-goods-info-title-promotion { font-size: 1rem; color: #333333; letter-spacing: 0; width: 11.57142857rem; height: 1.42857143rem; line-height: 1.42857143rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.60714286rem; margin-top: 0.28571429rem; } .flash-sale-box-two-goods-info-price-promotion { height: 1.28571429rem; width: 100%; text-align: center; margin-top: 0.42857143rem; font-size: 0.85714286rem; color: #ff5500; letter-spacing: -0px; } .flash-sale-box-two-goods-info-price-remind-promotion { height: 1.28571429rem; width: 100%; text-align: center; margin-top: 0.42857143rem; font-size: 0.85714286rem; color: #38b78a; letter-spacing: -0px; } .flash-sale-box-two-goods-info-price-big-promotion { font-size: 1.28571429rem; } .flash-sale-box-two-goods-info-time-promotion, .flash-sale-box-two-goods-info-time-remind-promotion { font-size: 0.78571429rem; height: 1.07142857rem; color: #999999; letter-spacing: 0; text-align: center; width: 100%; margin-top: 0.35714286rem; } /* 两个商品 end*/ /* 三个商品 */ .flash-sale-box-promotion-three { /*width: 25.07142857rem;*/ height: 15.14285714rem; position: relative; box-sizing: border-box; padding: 0 0.85714286rem 0.85714286rem 0.85714286rem; overflow: hidden; margin-bottom: 0.85714286rem; background: #ffffff; border-radius: 0.85714286rem; } .flash-sale-box-three-goods-box-promotion { margin-top: 0.42857143rem; display: flex; justify-content: space-between; /*width: 23.78571429rem;*/ height: 10.5rem; } .flash-sale-box-three-goods-info-promotion { background: #ffffff; border-radius: 0.42857143rem; width: 7.64285714rem; height: 10.5rem; overflow: hidden; box-sizing: border-box; } .flash-sale-box-three-goods-info-img-box-promotion { width: 7.5rem; height: 7.5rem; } .flash-sale-box-three-goods-info-img-promotion { width: 7.5rem; height: 7.5rem; } .flash-sale-box-three-goods-info-img-promotion img { width: 7.5rem; height: 7.5rem; border-top-left-radius: 0.42857143rem; border-top-right-radius: 0.42857143rem; } .flash-sale-box-three-goods-info-num-promotion { width: 7.5rem; height: 1.42857143rem; background: #ff6600; border-radius: 0 0 0.42857143rem 0.42857143rem; font-size: 0.75rem; color: #ffffff; letter-spacing: 0; text-align: center; display:none; } .flash-sale-box-three-goods-info-num-remind-promotion { width: 7.5rem; height: 1.42857143rem; background: #38b78a; border-radius: 0 0 0.42857143rem 0.42857143rem; font-size: 0.75rem; color: #ffffff; letter-spacing: 0; text-align: center; } .flash-sale-box-three-goods-info-price-promotion { height: 1.28571429rem; width: 100%; text-align: center; margin-top: 0.42857143rem; font-size: 0.85714286rem; color: #ff5500; letter-spacing: -0px; } .flash-sale-box-three-goods-info-price-remind-promotion { height: 1.28571429rem; width: 100%; text-align: center; margin-top: 0.42857143rem; font-size: 0.85714286rem; color: #38b78a; letter-spacing: -0px; } .flash-sale-box-three-goods-info-time-promotion, .flash-sale-box-three-goods-info-time-remind-promotion { font-size: 0.78571429rem; height: 1.07142857rem; color: #999999; letter-spacing: 0; text-align: center; width: 100%; margin-top: 0.35714286rem; line-height: 1.07142857rem; } .flash-sale-box-three-goods-info-price-big-promotion { font-size: 1.28571429rem; } .flash-sale-box-one-goods-info-price-price-cancle .sf-PriceSymbol{color: #999999!important;} .flash-sale-box-one-goods-info-price-price-cancle .sf-priceDecimal{color: #999999!important;} /* 三个商品end */ /* 促销 end */ /*17090423 秒杀 start-----------------------------*/ .memIndex-page .flash-sale-box {width: 100%;padding: 0 0.73142634rem;box-sizing: border-box;} .memIndex-page .flash-sale-box-one {position: relative;width: 21.39422051rem;height: 10.78853855rem;box-sizing: border-box;padding: 0 0.54856975rem;overflow: hidden;margin-bottom: 0.73142634rem;} .memIndex-page .flash-sale-box-red-one {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/red_1prod_2x.png") no-repeat center;background-size: 21.39422051rem 10.78853855rem;} .memIndex-page .flash-sale-box-blue-one {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/blue_1prod_2x.png") no-repeat center;background-size: 21.39422051rem 10.78853855rem;} .memIndex-page .flash-sale-box-green-one {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/green_1prod_2x.png") no-repeat center;background-size: 21.39422051rem 10.78853855rem;} .memIndex-page .flash-sale-box-violet-one {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/purple_1prod_2x.png") no-repeat center;background-size: 21.39422051rem 10.78853855rem;} .memIndex-page .flash-sale-box-rose-one {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/rosered_1prod_2x.png") no-repeat center;background-size: 21.39422051rem 10.78853855rem;} .memIndex-page .flash-sale-box-grey-one {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/gray_1prod_2x.png") no-repeat center;background-size: 21.39422051rem 10.78853855rem;} .memIndex-page .flash-sale-box-red-two {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/red_2prod_2x.png") no-repeat center;background-size: 21.39422051rem 17.18851904rem;} .memIndex-page .flash-sale-box-blue-two {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/blue_2prod_2x.png") no-repeat center;background-size: 21.39422051rem 17.18851904rem;} .memIndex-page .flash-sale-box-green-two {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/green_2prod_2x.png") no-repeat center;background-size: 21.39422051rem 17.18851904rem;} .memIndex-page .flash-sale-box-violet-two {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/purple_2prod_2x.png") no-repeat center;background-size: 21.39422051rem 17.18851904rem;} .memIndex-page .flash-sale-box-rose-two {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/rosered_2prod_2x.png") no-repeat center;background-size: 21.39422051rem 17.18851904rem;} .memIndex-page .flash-sale-box-grey-two {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/gray_2prod_2x.png") no-repeat center;background-size: 21.39422051rem 17.18851904rem;} .memIndex-page .flash-sale-box-red-three {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/red_3prod_2x.png") no-repeat center;background-size: 21.39422051rem 12.19043904rem;} .memIndex-page .flash-sale-box-blue-three {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/blue_3prod_2x.png") no-repeat center;background-size: 21.39422051rem 12.19043904rem;} .memIndex-page .flash-sale-box-green-three {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/green_3prod_2x.png") no-repeat center;background-size: 21.39422051rem 12.19043904rem;} .memIndex-page .flash-sale-box-violet-three {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/purple_3prod_2x.png") no-repeat center;background-size: 21.39422051rem 12.19043904rem;} .memIndex-page .flash-sale-box-rose-three {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/rosered_3prod_2x.png") no-repeat center;background-size: 21.39422051rem 12.19043904rem;} .memIndex-page .flash-sale-box-grey-three {background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/gray_3prod_2x.png") no-repeat center;background-size: 21.39422051rem 12.19043904rem;} .memIndex-page .flash-sale-box-title-box {height: 1.21904391rem;width: 20.297081rem;position: relative;margin-top: 0.73142634rem;display: flex;align-items: center;justify-content: space-between;} .memIndex-page .flash-sale-box-title-logo {width: 4.78474733rem;height: 1.21904391rem;background: url("//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/seckilllogo_2x.png") no-repeat center;background-size: 4.78474733rem 1.21904391rem;/* float: left; */} .memIndex-page .flash-sale-box-title-text {font-size: 0.73142634rem;height: 1.00571122rem;color: #ffffff;letter-spacing: 0;margin-left: 0.54856975rem;/* width: 6rem; *//* float: left; */} .memIndex-page .flash-sale-box-title-more {font-size: 0.73142634rem;color: #ffffff;letter-spacing: 0;text-align: right;line-height: 1.03618731rem;/* float: right; */} .memIndex-page .flash-sale-box-one-goods-box {width: 20.297081rem;height: 7.55807221rem;background: #ffffff;border-radius: 0.36571317rem;margin-top: 0.73142634rem;display: flex;/* justify-content: space-between; */box-sizing: border-box; padding: 0.73142634rem;} .memIndex-page .flash-sale-box-one-goods-img {width: 6.0952195168929rem;height: 6.0952195168929rem;} .memIndex-page .flash-sale-box-one-goods-img img {width: 6.0952195168929rem;height: 6.0952195168929rem;border-radius: 0.36571317rem;} .memIndex-page .flash-sale-box-one-goods-info-box {margin-left: 0.73142634rem;} .memIndex-page .flash-sale-box-one-goods-info-title {font-size: 0.9142829266806042rem;color: #333333;letter-spacing: 0;width: 12.068534645837268rem;height: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;} .memIndex-page .flash-sale-box-one-goods-info-discount {margin-top: 0.36571317rem;display: inline-block;height: 1.03618731rem;background: #feece2;border-radius: 0.60714286rem;font-size: 0.73142634rem;color: #ff5500;letter-spacing: 0;text-align: center;padding: 0 0.36571317rem;box-sizing: border-box;} .memIndex-page .flash-sale-box-one-goods-info-discount-none {margin-top: 0.36571317rem;display: inline-block;height: 1.03618731rem;border-radius: 0.60714286rem;font-size: 0.73142634rem;color: #ff5500;letter-spacing: 0;text-align: center;padding: 0 0.36571317rem;box-sizing: border-box;} .memIndex-page .flash-sale-box-one-goods-info-text-box {margin-top: 0.36571317rem;height: 0.9142829266806042rem;display: flex;justify-content: space-between;align-items: center;} .memIndex-page .flash-sale-box-one-goods-info-text-time {font-size: 0.6704741507835404rem;color: #999999;letter-spacing: -0px;} .memIndex-page .flash-sale-box-one-goods-info-text-num {font-size: 0.6704741507835404rem;color: #ff5500;letter-spacing: -0px;} .memIndex-page .flash-sale-box-one-goods-info-price-box {height: 1.82856585rem;margin-top: 0.3047609784046372rem;display: flex;align-items: flex-end;justify-content: space-between;} .memIndex-page .flash-sale-box-one-goods-info-price-price {} .memIndex-page .flash-sale-box-one-goods-info-price-price-big {font-size: 1.0971395171367098rem;font-weight: bold;} .memIndex-page .flash-sale-box-one-goods-info-price-price-sale {display: inline;font-size: 0.73142634rem;color: #ff5500;letter-spacing: -0px;text-align: left;line-height: 0.73142634rem;} .memIndex-page .flash-sale-box-one-goods-info-price-price-sale-remind {display: inline;font-size: 0.73142634rem;color: #38b78a;letter-spacing: -0px;text-align: left;line-height: 0.73142634rem;} .memIndex-page .flash-sale-box-one-goods-info-text-num-remind {font-size: 0.6704741507835404rem;color: #38b78a;letter-spacing: -0px;} .memIndex-page .flash-sale-box-one-goods-info-price-buttom-remind {background-image: linear-gradient(-90deg, #00caa6 0%, #00a484 100%);border-radius: 1.07142857rem;width: 4.205701469557426rem;height: 100%;font-size: 0.92857143rem;color: #ffffff;letter-spacing: 0;text-align: center;line-height: 1.82856585rem;} .memIndex-page .flash-sale-box-one-goods-info-price-price-cancle {display: inline;text-decoration: line-through;font-size: 0.73142634rem;color: #999999;letter-spacing: 0;line-height: 0.73142634rem;/* margin-left: 0.21428571rem; */} .memIndex-page .flash-sale-box-one-goods-info-price-buttom {background-image: linear-gradient(-134deg, #fe7733 0%, #ff1f1f 100%);border-radius: 1.82856585rem;width: 4.205701469557426rem;height: 100%;font-size: 0.92857143rem;color: #ffffff;letter-spacing: 0;text-align: center;line-height: 1.82856585rem;} .memIndex-page .flash-sale-box-one-goods-info-price-buttom a{color: #ffffff;} .memIndex-page .flash-sale-box-two {width: 21.39422051rem;height: 17.18851904rem;position: relative;box-sizing: border-box;padding: 0 0.54856975rem;overflow: hidden;margin-bottom: 0.73142634rem;} .memIndex-page .flash-sale-box-two-goods-box {margin-top: 0.73142634rem;display: flex;justify-content: space-between;width: 20.297081rem;height: 13.95805270170605rem;} .memIndex-page .flash-sale-box-two-goods-info {width: 9.874255620097157rem;height: 13.95805270170605rem;background: #ffffff;border-radius: 0.73142634rem;background: #ffffff;border-radius: 0.36571317rem;} .memIndex-page .flash-sale-box-two-goods-info-img-box {width: 8.777116111493754rem;height: 8.41140294rem;margin-top: 0.73142634rem;margin-left: 0.54856975rem;border-radius: 0.36571317rem;overflow: hidden;} .memIndex-page .flash-sale-box-two-goods-info-img {width: 8.777116111493754rem;height: 7.19235903rem;} .memIndex-page .flash-sale-box-two-goods-info-img img {width: 8.777116111493754rem;height: 7.19235903rem;} .memIndex-page .flash-sale-box-two-goods-info-num {width: 8.777116111493754rem;height: 1.21904391rem;font-size: 0.6704741507835404rem;color: #ffffff;letter-spacing: 0;text-align: center;background: #ff6600;border-radius: 0 0 0.36571317rem 0.36571317rem;} .memIndex-page .flash-sale-box-two-goods-info-num-remind {width: 8.777116111493754rem;height: 1.21904391rem;font-size: 0.6704741507835404rem;color: #ffffff;letter-spacing: 0;text-align: center;background: #38b78a;border-radius: 0 0 0.36571317rem 0.36571317rem;} .memIndex-page .flash-sale-box-two-goods-info-title {font-size: 0.8533307327063383rem;color: #333333;letter-spacing: 0;width: 8.777116111493754rem;height: 1.21904391rem;line-height: 1.21904391rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 0.5180936615812218rem;margin-top: 0.2438087844303712rem;} .memIndex-page .flash-sale-box-two-goods-info-price {height: 1.0971395171367098rem;width: 100%;text-align: center;margin-top: 0.36571317rem;font-size: 0.73142634rem;color: #ff5500;letter-spacing: -0px;} .memIndex-page .flash-sale-box-two-goods-info-price-remind {height: 1.0971395171367098rem;width: 100%;text-align: center;margin-top: 0.36571317rem;font-size: 0.73142634rem;color: #38b78a;letter-spacing: -0px;} .memIndex-page .flash-sale-box-two-goods-info-price-big {font-size: 1.0971395171367098rem;} .memIndex-page .flash-sale-box-two-goods-info-time,.memIndex-page .flash-sale-box-two-goods-info-time-remind {font-size: 0.6704741507835404rem;height: 0.9142829266806042rem;color: #999999;letter-spacing: 0;text-align: center;width: 100%;margin-top: 0.3047609784046372rem;} .memIndex-page .flash-sale-box-three {width: 21.39422051rem;height: 12.19043904rem;position: relative;box-sizing: border-box;padding: 0 0.54856975rem;overflow: hidden;margin-bottom: 0.73142634rem;} .memIndex-page .flash-sale-box-three-goods-box {margin-top: 0.73142634rem;display: flex;justify-content: space-between;width: 20.297081rem;height: 8.959972693416553rem;} .memIndex-page .flash-sale-box-three-goods-info {background: #ffffff;border-radius: 0.36571317rem;width: 6.5218847637797674rem;height: 8.959972693416553rem;overflow: hidden;box-sizing: border-box;padding: 0.54856975rem;} .memIndex-page .flash-sale-box-three-goods-info-img-box {width: 5.424745374642668rem;height: 5.424745374642668rem;} .memIndex-page .flash-sale-box-three-goods-info-img {width: 5.424745374642668rem;height: 4.205701469557426rem;} .memIndex-page .flash-sale-box-three-goods-info-img img {width: 5.424745374642668rem;height: 4.205701469557426rem;border-top-left-radius: 0.36571317rem;border-top-right-radius: 0.36571317rem;} .memIndex-page .flash-sale-box-three-goods-info-num {width: 5.424745374642668rem;height: 1.21904391rem;background: #ff6600;border-radius: 0 0 0.36571317rem 0.36571317rem;font-size: 0.6399980495297537rem;color: #ffffff;letter-spacing: 0;text-align: center;} .memIndex-page .flash-sale-box-three-goods-info-num-remind {width: 5.424745374642668rem;height: 1.21904391rem;background: #38b78a;border-radius: 0 0 0.36571317rem 0.36571317rem;font-size: 0.6399980495297537rem;color: #ffffff;letter-spacing: 0;text-align: center;} .memIndex-page .flash-sale-box-three-goods-info-price {height: 1.0971395171367098rem;width: 100%;text-align: center;margin-top: 0.36571317rem;font-size: 0.73142634rem;color: #ff5500;letter-spacing: -0px;} .memIndex-page .flash-sale-box-three-goods-info-price-remind {height: 1.0971395171367098rem;width: 100%;text-align: center;margin-top: 0.36571317rem;font-size: 0.73142634rem;color: #38b78a;letter-spacing: -0px;} .memIndex-page .flash-sale-box-three-goods-info-time,.memIndex-page .flash-sale-box-three-goods-info-time-remind {font-size: 0.6704741507835404rem;height: 0.9142829266806042rem;color: #999999;letter-spacing: 0;text-align: center;width: 100%;margin-top: 0.30476097840463726rem;} .memIndex-page .flash-sale-box-three-goods-info-price-big {font-size: 1.0971395171367098rem;} /*17090423 秒杀 end -----------------------------*/ /* 品牌特惠 START */ .shop-products-con.special-prod-wrap .products-list {font-size:0;height:auto;margin-bottom:0 !important;} .shop-products-con.special-prod-wrap .products-list .shop-item {width:50%;display:inline-block;border-radius:0;margin-bottom:0.5714285714285714rem;vertical-align:top;} .shop-products-con.special-prod-wrap .products-list .shop-item:nth-child(odd) > a {margin-right:0.2857142857142857rem;padding-bottom:0.5714285714285714rem;} .shop-products-con.special-prod-wrap .products-list .shop-item:nth-child(even) > a {margin-right:0;margin-left:0.2857142857142857rem;padding-bottom:0.5714285714285714rem;} .shop-products-con.special-prod-wrap .products-list li .proinfo {display:block;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-text {height:1.3571428571428572rem;max-height:none;line-height:1.3571428571428572rem;white-space:nowrap;width:100%;display:block;font-size:1rem;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-text .swiper-slide {font-weight:400;font-size:1rem;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-tags {margin-top:0.35714285714285715rem;white-space:nowrap;overflow:hidden;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-tags > .prodtag {font-size:0.7142857142857143rem;height:1.0714285714285714rem;line-height:1.0714285714285714rem;display:inline-block;background:#FEECE2;color:#FF5500;border-radius:0.7142857142857143rem;padding:0 0.42857142857142855rem;margin-right:0.42857142857142855rem;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-price {margin-top:0.14285714285714285rem;height:1.4285714285714286rem;white-space:nowrap;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-price .the-price {display:inline-block;width:auto;height:1.4285714285714286rem;margin:0rem;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-price .original-price {color:#999999;font-size:0.8571428571428571rem;display:inline-block;line-height:1;text-decoration:line-through;margin-left:0.42857142857142855rem;} .shop-products-con.special-prod-wrap .products-list li .proinfo .products-evaluation {font-size:0.7857142857142857rem;color:#999999;height:1.0714285714285714rem;line-height:1.0714285714285714rem;margin-top:0.42857142857142855rem;} .shop-products-con.special-prod-wrap .products-list.single-columns-list .shop-item {width:100%;padding:0.7142857142857143rem;background:#FFFFFF;box-sizing:border-box;border-radius:0.7142857142857143rem;} .shop-products-con.special-prod-wrap .products-list.single-columns-list .shop-item > a {margin:0;padding:0;position:relative;} .shop-products-con.special-prod-wrap .products-list.single-columns-list li .proinfo {position:absolute;top:0;left:7.857142857142857rem;padding:0;width:calc(100% - 7.857142857142857rem);height:100%;} .shop-products-con.special-prod-wrap .products-list.single-columns-list .shop-item .product-images {line-height:7.142857142857143rem !important;min-height:auto;max-height:none;width:7.142857142857143rem;height:7.142857142857143rem;margin:0;border-radius:0;} .shop-products-con.special-prod-wrap .products-list.single-columns-list .shop-item .product-images > img {width:7.142857142857143rem;height:7.142857142857143rem;min-width:auto;} .shop-products-con.special-prod-wrap .products-list.single-columns-list li .proinfo .products-price {height:auto;position:absolute;bottom:0;} .shop-products-con.special-prod-wrap .products-list.single-columns-list li .proinfo .products-price .original-price {display:block;margin:0;} .shop-products-con.special-prod-wrap .products-list.single-columns-list li .product-action {font-size:0.8571428571428571rem;color:#FFFFFF;border-radius:2.5714285714285716rem;background-image:linear-gradient(134deg,#FE7733 0%,#FF1F1F 100%);box-shadow:0rem 0.14285714285714285rem 0.42857142857142855rem 0rem rgba(254,98,46,0.70);width:4.571428571428571rem;height:1.7142857142857142rem;line-height:1.5714285714285714rem;text-align:center;position:absolute;right:0;bottom:0;} .shop-products-con.special-prod-wrap .special-prod-none {width:100%;height:15.714285714285714rem;line-height:15.714285714285714rem;background:#FFFFFF;text-align:center;font-size:1rem;color:#333333;border-radius:0.42857142857142855rem;font-weight:600;} .simple-item-label{display: none!important;} .special-prod-none{display: none!important;} /* 品牌特惠 END */ /* 商品模块图片标题 START */ .product-rich-bg.show-img {position:relative;} .product-rich-bg .product-rich-bg-text,.product-rich-bg.show-img .product-rich-bg-img {display:block;} .product-rich-bg.show-img .product-rich-bg-text,.product-rich-bg .product-rich-bg-img {display:none;} .product-rich-bg .product-rich-bg-img {position:relative;top:0;left:-0.8571rem;width:calc(100% + 1.7142rem);height:auto;z-index:0;border-radius:1.0714285714285714rem 1.0714285714285714rem 0 0;overflow:hidden;} .product-rich-bg .product-rich-bg-img .product-rich-bg-img-main {width:100%;height:auto;border-radius:1.0714285714285714rem 1.0714285714285714rem 0 0;background-size:100% 100%;} .product-rich-bg .product-rich-bg-img .product-rich-bg-img-main img.rich-bg-image {width:100%;height:auto;min-width:unset;min-height:unset;margin:0;border:0;} .product-rich-bg .product-rich-bg-img .product-rich-bg-img-cover {width:100%;height:100%;z-index:2;background-image:linear-gradient(180deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.00) 100%);background-image:linear-gradient(180deg,rgba(242,242,242,0.00) 35%,#F2F2F2 100%);top:0;left:0;position:absolute;} .product-rich-bg.show-img .product-rich-bg-img + * {position:relative;margin-top:-5.5714rem;} /* 商品模块图片标题 END */ /* UED9.0 店招 START */ .h5-hidden {display:none;} .J_CMod.J_MM {position:relative;} .index-page .main-wrap {margin-top:3.7143rem !important;} .ued90-header-bg-wrap {z-index:0;position:absolute;width:100%;height:17.6429rem;left:0;top:0;background-size:100% 100%;} .ued90-header-bg-wrap:after {content:"";background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-bg-primary.png?v=1001);display:block;width:100%;height:100%;} .ued90-header-bg-wrap .ued90-header-bg-cover {position:absolute;z-index:1;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.60) 61%,rgba(0,0,0,0.00) 100%);background-image:linear-gradient(180deg,rgba(242,242,242,0.00) 35%,#F2F2F2 100%);} .ued90-header-wrap {position:relative;} .ued90-statbar {position:relative;height:2.7143rem;width:100%;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/statbar-img.png?v=1001);background-size:100% 100%;} .ued90-header {position:relative;padding:0 2.2857rem;padding-bottom:0.2857rem;padding-top:0.7143rem;} .ued90-header .ued90-header-left {position:absolute;left:0.4286rem;top:0.7143rem;} .ued90-header .ued90-header-left .ued90-header-left-back {width:1.5714rem;height:1.5714rem;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--back.png?v=1001);background-size:100% 100%;} .ued90-header .ued90-header-right {position:absolute;right:0.4286rem;top:0.7143rem;} .ued90-header .ued90-header-right .ued90-header-right-more {width:1.5714rem;height:1.5714rem;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--more.png?v=1001);background-size:100% 100%;position:unset;padding:0;} .ued90-header .ued90-header-right .ued90-header-right-more .share-sub {right:0.2857rem;} .ued90-header .ued90-header-right .ued90-header-right-more .share-sub i {right:0.6429rem;} .ued90-header .ued90-header-main {display:flex;justify-content:space-between;flex-wrap:nowrap;} .ued90-header .ued90-header-main .ued90-header-main-info {flex:1;overflow:hidden;} .ued90-header .ued90-header-main .ued90-header-main-info > a {display:flex;align-items:center;} .ued90-header .ued90-header-main .ued90-header-main-info a:hover {text-decoration:none;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-name {font-size:1.0000rem;font-weight:bold;color:#FFFFFF;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;padding-right:1.2857rem;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-name:after {content:"";width:1.0714rem;height:1.0714rem;display:block;margin-left:0.4286rem;position:absolute;right:0;top:0.2143rem;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--arrow.png?v=1001);background-size:100% 100%;} .ued90-theme-dark .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-name:after {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--arrow-dark.png);} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub {display:flex;align-items:center;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoptag {position:initial;align-items:center;display:flex;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoptag > div {width:auto;height:1.0000rem;margin-right:0.4286rem;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoptag > div > img {width:auto;height:1.0000rem;vertical-align:top;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoprange {display:flex;align-items:center;background:rgba(0,0,0,0.30);border-radius:0.5714rem;height:1.1429rem;padding:0 0.3571rem;margin-right:0.4286rem;} .ued90-theme-dark .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoprange {background:#FFFFFF;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoprange .shoprange-star {width:0.6429rem;height:0.6429rem;background-size:100% 100%;margin:0 0.0714rem;} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoprange .shoprange-star.shoprange-star-full {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--star-full.png?v=1001);} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoprange .shoprange-star.shoprange-star-half {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--star-half.png?v=1001);} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shoprange .shoprange-star.shoprange-star-empty {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--star-empty.png?v=1001);} .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shopfans {font-size:0.7143rem;color:#FFFFFF;margin-top:0.1429rem;} .ued90-theme-dark .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-sub .ued90-header-main-info-sub-shopfans {color:#666666;} .ued90-header .ued90-header-main .ued90-header-main-action {padding-left:0.7143rem;padding-right:0.3571rem;margin-top:-0.0714rem;} .ued90-header-main-action .ued90-header-main-action-btn-focus {display:block;width:3.7143rem;height:1.7143rem;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus.png?v=1001);background-size:100% 100%;} .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-dark {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-dark.png?v=1001);} .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-light {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-light.png?v=1001);} .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-done {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-done.png?v=1001);} .ued90-theme-dark .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-done {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-done-dark.png?v=1001);} .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-done-dark-disabled {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-done-disabled.png?v=1001);} .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-gift {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-gift.png?v=1001);} .ued90-theme-dark .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-gift {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-gift-dark.png?v=1001);} .ued90-header-main-action .ued90-header-main-action-btn-focus.focus-gift-light {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-gift-light.png?v=1001);} /* UED9.0 店招 END */ /* UED9.0 导航 START */ .ued90-navbar-wrap {position:relative;} .ued90-navbar-wrap .ued90-navbar-toolbar {display:none;} .ued90-navbar {display:flex;flex-wrap:nowrap;padding:0.4286rem 0;} .ued90-navbar-left {padding:0 0.5714rem;display:flex;} .ued90-navbar-left .ued90-navbar-search-icon {width:4.1429rem;height:1.8571rem;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-search-icon.png?v=1001);background-size:100% 100%;} .ued90-navbar-content {flex:1;padding:0 0.5714rem;padding-left:0;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow-x:auto;} .ued90-navbar-content .ued90-navbar-content-item {white-space:nowrap;width:auto;display:inline-flex;align-items:center;} .ued90-navbar-content .ued90-navbar-content-item a {font-size:0.8571rem;color:#FFFFFF;padding:0 0.8571rem;transition:all 0.25s;} .ued90-navbar-content .ued90-navbar-content-item a:hover {text-decoration:none;} .ued90-navbar-content .ued90-navbar-content-item.active a {font-size:1.1429rem;color:#FFFFFF;font-weight:bold;} .ued90-navbar.moveTop {width:100%;z-index:5;padding:0.5714rem 0;background:#F2F2F2 !important;} .ued90-navbar-left-miniheader,.ued90-navbar.moveTop .ued90-navbar-left {display:none;} .ued90-navbar.moveTop .ued90-navbar-left-miniheader {padding:0 0.5714rem;display:flex;} .ued90-navbar .ued90-navbar-left-miniheader .ued90-navbar-miniheader-back-icon {margin-right:0.4286rem;width:1.5714rem;height:1.5714rem;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-miniheader-icon--back-dark.png?v=1001);background-size:100% 100%;} .ued90-navbar .ued90-navbar-left-miniheader .ued90-navbar-miniheader-search-icon {margin-left:0.4286rem;width:1.5714rem;height:1.5714rem;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-miniheader-icon--search-dark.png?v=1001);background-size:100% 100%;} .ued90-navbar.moveTop .ued90-navbar-content .ued90-navbar-content-item a {color:#222222;} /* UED9.0 导航 END */ /* UED9.0 底部菜单 START */ .ued90-bottom-bar-wrap {position:fixed;height:3.7143rem;bottom:0;left:0;width:100%;z-index:7;} .ued90-bottom-bar-wrap .ued90-bottom-bar {height:3.7143rem;background:#FFFFFF;box-shadow:0 0 0.5714rem 0 rgba(0,0,0,0.10);border-radius:0.8571rem 0.8571rem 0 0;display:flex;flex-wrap:nowrap;overflow:hidden;position:absolute;width:100%;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item {flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item:hover {text-decoration:none;cursor:default;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon {width:1.7143rem;height:1.7143rem;margin:0 auto;background-size:100% 100%;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-title {font-size:0.8571rem;color:#666666;letter-spacing:0;text-align:center;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--home {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--home.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--products {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--products.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--shoplive {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--shoplive.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--category {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--category.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--lsyshare {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon-lsyShare.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--service {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--service.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--mem {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--mem.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item.active .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--products {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--products-hover.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item.active .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--shoplive {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--shoplive-hover.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item.active .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--category {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--category-hover.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item.active .ued90-bottom-bar-item-icon.ued90-bottom-bar-item-icon--products {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bottom-bar-item-icon--products-hover.png?v=1001);} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item.active .ued90-bottom-bar-item-title {color:#ff5500;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item.active .ued90-bottom-bar-item-avatar-wrap {display:block;position:relative;width:2.8571rem;height:2.8571rem;padding:0.1429rem;box-sizing:border-box;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-avatar-wrap img.ued90-bottom-bar-item-avatar {width:100%;height:100%;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-avatar-wrap img.ued90-bottom-bar-item-avatar-cover {width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;} .ued90-bottom-bar-wrap .ued90-bottom-bar .ued90-bottom-bar-item .ued90-bottom-bar-item-avatar-wrap,.ued90-bottom-bar-item.active .ued90-bottom-bar-item-avatar-wrap ~ * {display:none;} /* UED9.0 底部菜单 END */ /* UED9.0 全部商品页 START */ .ued90-theme-dark {background:#F2F2F2;} .ued90-theme-dark.addFix .ued90-header-wrap {display:none;} .ued90-theme-dark .ued90-header-wrap {margin-top:0;} .ued90-theme-dark .ued90-header-wrap .ued90-header-bg-wrap {display:none;} .ued90-theme-dark .ued90-statbar {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/statbar-img-dark.png?v=1001);} .ued90-theme-dark .ued90-header .ued90-header-left .ued90-header-left-back {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--back-dark.png?v=1001);} .ued90-theme-dark .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-name,.ued90-theme-dark .ued90-header .ued90-header-main .ued90-header-main-info .ued90-header-main-info-fans {color:#333333;} .ued90-theme-dark .ued90-header-main-action .ued90-header-main-action-btn-focus {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--focus-dark.png?v=1001);} .ued90-theme-dark .ued90-header .ued90-header-right .ued90-header-right-more {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/header-icon--more-dark.png?v=1001);} .ued90-theme-dark .ued90-navbar {display:none;} .ued90-theme-dark .ued90-navbar-toolbar {display:block;} .shopDurian-page .ued90-theme-dark .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte {display:none;} .category-page .ued90-theme-dark .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte {display:none;} .ued90-navbar-toolbar .ued90-navbar-toolbar-search {padding:0.4286rem 0.5714rem;} .ued90-navbar-toolbar .ued90-navbar-toolbar-search .ued90-navbar-toolbar-search-block {background:#FFFFFF;border-radius:0.5714rem;padding:0 0.5714rem;display:flex;align-items:center;height:1.8571rem;} .ued90-navbar-toolbar .ued90-navbar-toolbar-search .ued90-navbar-toolbar-search-block .ued90-navbar-toolbar-search-icon {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-search-icon-dark.png?v=1001);background-size:100% 100%;width:1.1429rem;height:1.1429rem;margin-right:0.1429rem;} .ued90-navbar-toolbar .ued90-navbar-toolbar-search .ued90-navbar-toolbar-search-block .ued90-navbar-toolbar-search-palceholder {font-size:0.8571rem;color:#CCCCCC;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte {display:flex;padding:0 0.5714rem;align-items:center;height:2.7143rem;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-list {flex:1;display:flex;align-items:center;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-list .ued90-navbar-toolbar-sorte-list-item {padding:0.2857rem 1.1429rem;white-space:nowrap;font-size:0.8571rem;color:#222222;position:relative;display:inline-flex;align-items:center;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-list .ued90-navbar-toolbar-sorte-list-item i.ued90-navbar-toolbar-sorte-order-icon {width:0.8571rem;height:0.8571rem;display:inline-block;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-toolbar-icon--order.png?v=1001);background-size:100% 100%;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-list .ued90-navbar-toolbar-sorte-list-item.up.active i.ued90-navbar-toolbar-sorte-order-icon {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-toolbar-icon--order-up.png?v=1001);} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-list .ued90-navbar-toolbar-sorte-list-item.down.active i.ued90-navbar-toolbar-sorte-order-icon {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-toolbar-icon--order-down.png?v=1001);} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-list .ued90-navbar-toolbar-sorte-list-item.active {font-weight:bold;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-list .ued90-navbar-toolbar-sorte-list-item.active:after {content:"";background:#FF5500;width:1.0714rem;height:0.2857rem;display:block;border-radius:0.1429rem;position:absolute;left:50%;bottom:0.0000rem;transform:translateX(-50%);} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-viewswitch {padding-left:0.5714rem;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-viewswitch.down .ued90-navbar-toolbar-sorte-viewswitch-icon {width:1.5714rem;height:1.5714rem;display:block;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-toolbar-icon--viewswitch-block.png?v=1001);background-size:100% 100%;} .ued90-navbar-toolbar .ued90-navbar-toolbar-sorte .ued90-navbar-toolbar-sorte-viewswitch.up .ued90-navbar-toolbar-sorte-viewswitch-icon {width:1.5714rem;height:1.5714rem;display:block;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/navbar-toolbar-icon--viewswitch-inline.png?v=1001);background-size:100% 100%;} .ued90-products-list.filter-products {padding:0;padding:0 0.5714rem;box-sizing:border-box;} .ued90-products-list.filter-products .waterfall-list li.box {margin-top:0;margin-bottom:0.2857rem;border-radius:0.5714rem;overflow:hidden;width:calc(50% - 0.1429rem);} .ued90-products-list.filter-products .waterfall-list li.box a {display:flex;flex-direction:column;} .ued90-products-list.filter-products .waterfall-list li.box .img-wrapper {border-radius:0.5714rem 0.5714rem 0 0;overflow:hidden;} .ued90-products-list.filter-products .waterfall-list li.box .img-wrapper img,.ued90-products-list.filter-products .waterfall-list li.box .db-img-com img {margin-bottom:0;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo {padding:0.5714rem;box-sizing:border-box;position:relative;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .products-text {font-size:1.0000rem;color:#222222;padding:0;margin:0;font-weight:bold;-webkit-line-clamp:1;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .products-tags {display:flex;flex-wrap:nowrap;overflow:hidden;margin-top:0.2857rem;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .products-tags .products-tags-item {color:#FF5500;border:1px solid #FF5500;display:inline-block;white-space:nowrap;border-radius:0.2143rem;margin-right:0.2857rem;line-height:1.25;padding:0.0714rem 0.2857rem;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .the-price {margin:0.1429rem 0 0 0;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .products-evaluate {font-size:0.8571rem;color:#BBBBBB;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .products-evaluate .products-evaluate-num {margin-right:0.2857rem;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .products-addcar {position:absolute;right:0.5714rem;bottom:0.5714rem;} .ued90-products-list.filter-products .waterfall-list li.box .proinfo .products-addcar-icon {background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/products-icon--addcar.png?v=1001);background-size:100% 100%;width:1.2857rem;height:1.2857rem;display:block;} /* UED9.0 全部商品页 END */ /* UED9.0 店铺搜索页 START */ .ued90-toolheader-wrap.ued90-theme-dark {background:#FFFFFF;} .ued90-toolheader-wrap .ued90-navbar-toolbar .ued90-navbar-toolbar-search {padding-right:0;display:flex;align-items:center;} .ued90-toolheader-wrap .ued90-navbar-toolbar .ued90-navbar-toolbar-search .ued90-navbar-toolbar-search-block {flex:1;background:#F6F7FA;} .ued90-toolheader-wrap .ued90-navbar-toolbar .ued90-navbar-toolbar-search-right {padding:0 0.5714rem;} .ued90-toolheader-wrap .ued90-navbar-toolbar .ued90-navbar-toolbar-search-right .ued90-navbar-toolbar-search-right-action {font-size:0.8571rem;color:#333333;} .ued90-edit-area .search_setbox {padding:0;background:#FFFFFF;} .ued90-edit-area .hot_recommend h3 {font-weight:600;} .ued90-edit-area .hot_recommend .list li {background:#F2F2F2;border-radius:0.4286rem;width:auto;height:auto;padding:0.2857rem 0.5714rem;line-height:inherit;font-size:0.8571rem;color:#666666;} /* UED9.0 店铺搜索页 END */ .ued90-header-bg-fullscreen {display:none;width:100%;height:100%;position: fixed;background-size:100% 100%;top:0;} .ued90-header-bg-fullscreen.active {display:block;} .ued90-header-bg-fullscreen.active + .ued90-header-wrap .ued90-header-bg-wrap {display: none !important;} .btn_punch .daka-icon{position: fixed;z-index: 10;bottom: 21rem;right: .5rem;width: 4.821rem;height: 4.821rem;background: url(https://ssr.suning.cn/resource/msfs/project/mshopfile/common/images/img_daka_521_new.png) no-repeat;background-size: cover;} /*新老客*/ .singer-banner.diverse-customer-wrap a {min-height:unset;max-height:unset;} /*无货样式*/ .the-price.noinvgray-price{color:gray!important;} .the-price.noinvgray-price .sf-PriceSymbol{color:gray;} .the-price.noinvgray-price .sf-priceDecimal{color:gray;} .noprodwrapper{position: absolute;height: 1.5rem;line-height: 1.5rem;text-indent: 5rem; width: 100%;bottom: 0;left: 0;text-align: left;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/bg_trans.png?v=1001) repeat 0 0;color: #ffffff;font-size: 0.5rem;} .shop-products-con-single .noprodwrapper{text-indent: 3rem;} [componentmode="sys.singleProduct"] .singer-products-con .noprodwrapper{text-indent: 11.5rem;} [componentmode="sys.doubleProduct"] .shop-products-con .noprodwrapper{text-indent: 5rem;} [componentmode="sys.intelligRec"] .shop-products-con .noprodwrapper{bottom: 6.8rem;width: 49%;} [componentmode="sys.intelligRec"] .singer-products-con .noprodwrapper{margin-top: 23.6rem;text-indent: 12rem;margin-left: 0.8rem;width: 94%;bottom: unset;} /*图标*/ .zczdicon{width: 2.571429rem;height: 1.185714rem;margin:0.1rem 0.2rem 0.2rem 0;} .zcglicon{width: 2.571429rem;height: 1.185714rem;margin:0.1rem 0.2rem 0.2rem 0;} .zcsxicon{width: 2.571429rem;height: 1.185714rem;margin:0.1rem 0.2rem 0.2rem 0;} .zcdspicon{width: 3rem;height: 1.185714rem;margin:0.1rem 0.2rem 0.2rem 0;} .zczbicon{width: 2.571429rem;height: 1.185714rem;margin:0.1rem 0.2rem 0.2rem 0;} .video-time{position: absolute;display: flex;align-items: center;width: 4.375rem;border-radius: .375rem;padding: .125rem;box-sizing: border-box;font-size: .75rem;color: #fff;background: rgba(0, 0, 0, .4);margin-top: 0.5rem;margin-left: 0.5rem;} .video-open{margin-right: .5rem; width: 1.25rem!important;height: 1.25rem!important;} .durian-videohtml-img .zczdicon{width: 2.571429rem!important;height: 1.185714rem!important;margin: 0.8rem 0.2rem 0.2rem 9rem;position: absolute;} /*生产问题样式修改 孙娟*/ .load-more-lay{margin-bottom: 60px;} /*单列商品购物车修复*/ [componentmode="sys.singleProduct"] .btn_cart{position: absolute;right: 1.2rem;top: -0.5rem;width: 1.715rem;height: 1.715rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/icon_cart_4.png?v=1001) no-repeat 0 0;background-size: 1.715rem 1.715rem;background-position: right;} /*设计师标签化样式*/ [snlayout="absolute"]>*{position: absolute} [snlayout="linear"][sndirection="vertical"]>*{display: flex;flex-direction: column;} [snlayout="linear"][sndirection="horizontal"]>*{display: flex;flex-direction: row;} .dssys-grid {display:flex;flex-flow:wrap;} .dssys-dottedline-xcomp{border-bottom:#d1d1d1 1px dashed;border-top:#d1d1d1 1px dashed;height:1px;} /*0826生产问题修复*/ .waterfall .box .the-price.noinvgray-price .sf-priceDecimal{color:gray;} .waterfall .box .the-price.noinvgray-price .sf-PriceSymbol{color:gray;} .dynamicSale-page .main-css{bottom: 3.1rem!important;} .waterfall .noprodwrapper{text-indent:5.4rem;} [componentmode="sys.intelligRec"] .btn_cart {top:unset!important;position: absolute;right: 2rem;width: 1.715rem; height: 1.715rem;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/cshop/css/images/icon_cart_4.png?v=1001) no-repeat 0 0;background-size: 1.715rem 1.715rem;bottom: 0.03rem;background-position: right;} /* 楼层标题 */ .shop-big-floor-title {height:48px;padding:0 10px;} .shop-big-floor-title a{height: 100%;width:100%;} .shop-big-floor-title .big-floor-title-wrap {position:relative;height:100%;width:100%;} .shop-big-floor-title .big-floor-title-bg {position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;background:transparent;} .shop-big-floor-title .big-floor-title-bg > img {width:100%;height:100%;} a.big-floor-title-text {font-size:16px;color:#222222;letter-spacing:0;text-align:center;width:100%;display:block;line-height:48px;z-index:1;position:absolute;top:0;left:0;} a.big-floor-title-text:hover {text-decoration:none;} /* 楼层标题两侧留白 */ [componentmode="sys.bgTitile"] {margin-left: 0.8571rem;margin-right: 0.8571rem;} /* 会员首页 20201012 START */ .join-member-container { position: relative; width: 100%; margin-top: 1.9504702462rem; box-sizing: border-box; /* 授权 */ } .join-member-container .bg-wrap { width: 100%; height: 10.0571122069rem; position: absolute; z-index: 1; top: -1.9504702462rem; left: 0; } .join-member-container .bg-wrap.linear-bg { background: rgba(0, 0, 0, 0.55); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, #F2F2F2 91%); } .join-member-container .card-content { height: 100%; margin: 0 0.7314263423rem; position: relative; } .join-member-container .base-map { position: absolute; width: 100%; background: #fff; box-shadow: 0 0.1828565856rem 0.7314263423rem 0 rgba(0, 0, 0, 0.05); border-radius: 0.7314263423rem; z-index: 2; top: 0; left: 0; } .join-member-container .card-image-wrap { position: absolute; margin: -1.2799960991rem 0.6399980495rem 0; height: 8.685687815rem; border-radius: 0.7314263423rem; z-index: 3; } .join-member-container .card-image { width: 100%; height: 100%; } .join-member-container .wrap-image { position: absolute; width: 100%; z-index: 4; left: 0; bottom: 0; box-sizing: border-box; padding-top: 1.2190439039rem; background-image: url("https://ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/mem-join-card-wrap-1.png"); background-size: 100% 8.7771161078rem; background-repeat: no-repeat; } .short-join-member-container .wrap-image { height: 8.7771161078rem; } .short-join-member-container .authorization-box{display: none;} .moderate-join-member-container .wrap-image{ height: 14.9028117248rem; } .moderate-join-member-container .authorization-box .form-item.valid-code{display: none;} .high-join-member-container .wrap-image { height: 33.1884702828rem; } .join-member-container .authorization-tip { font-size: 0.7314263423rem; color: #999; text-align: center; line-height: 1.0361873183rem; padding: 0 1.2190439039rem; margin-bottom: 1.0666634159rem; } .join-member-container .authorization-tip span { color: #ff7835; margin-bottom: 1.0666634159rem; } .join-member-container .authorization-box .authorization-box-title, .join-member-container .authorization-box .form-item { margin: 0 0.9142829279rem; height: 3.0476097597rem; line-height: unset; border-bottom: 1px solid #eee; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; /*flex容器*/ -webkit-align-items: center; align-items: center; } .join-member-container .authorization-box .authorization-box-title { font-size: 0.7314263423rem; color: #999; margin-top: 0.7314263423rem; } .join-member-container .authorization-box .form-item label { -webkit-box-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 5.1199843962rem; font-size: 0.9142829279rem; color: #333; } .join-member-container .authorization-box .form-item input { -webkit-box-flex: 1; -webkit-flex: 1; /* IE 10 */ flex: 1; caret-color: #f90; width: 0; font-size: 0.9142829279rem; color: #666666; height: 2.9257053693rem; border: none; } .join-member-container .phClass { color: #ccc; } .join-member-container .authorization-box .form-item .send-btn { -webkit-box-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; color: #f60; font-size: 0.8533307327rem; padding-left: 0.9142829279rem; } .join-member-container .authorization-box .form-item .send-btn.disabled { color: #ccc; } .join-member-container .authorization-box .form-item .edit-btn { width: 2.194279027rem; height: 2.194279027rem; display: block; } .join-member-container .sure-btn { margin: 1.584757075rem 0.9142829279rem 0.7314263423rem; display: block; height: 2.5599921981rem; background-image: linear-gradient(132deg, #FF8040 0%, #FF5500 100%); color: #FFF; font-size: 0.9752351231rem; display: flex; align-items: center; justify-content: center; border-radius: 0.5485697567rem; box-shadow: 0 6px 12px 0 rgba(255, 106, 68, 0.5); cursor: pointer; } .join-member-container .sure-btn-disabled { margin: 1.584757075rem 0.9142829279rem 0.7314263423rem; display: block; height: 2.5599921981rem; background: #eee; color: #ccc; font-size: 0.9752351231rem; display: flex; align-items: center; justify-content: center; border-radius: 0.5485697567rem; } .join-member-container .high-wrap .sure-btn, .join-member-container .moderate-wrap .sure-btn { margin: 0.7314263423rem 0.9142829279rem 0.7314263423rem; } .join-member-container .high-wrap .sure-btn-disabled, .join-member-container .moderate-wrap .sure-btn-disabled { margin: 0.7314263423rem 0.9142829279rem 0.7314263423rem; } .high-join-member-container, .high-join-member-container .base-map { height: 38.3389307766rem; padding-bottom: 1rem; } .moderate-join-member-container, .moderate-join-member-container .base-map { height: 20.0532722186rem; padding-bottom: 1rem; } .short-join-member-container, .short-join-member-container .base-map { height: 13.9275766017rem; } .join-gift-container { box-sizing: border-box; border-top: 0.1828565856rem solid #f50; padding: 2.3771356125rem 0.7314263423rem 0.7314263423rem; position: relative; border-radius: 0.7314263423rem; background: #fff; margin: 1.4628526846rem 0.7314263423rem 0; } .join-gift-container .title-image { position: absolute; width: 10.3009209877rem; height: 2.7428487837rem; top: -0.7314263423rem; left: 50%; margin-left: -5.1504604938rem; } .join-gift-container .gift-item { height: 3.474275126rem; display: -webkit-box; display: -webkit-flex; display: flex; background: #F8F8F8; border-radius: 12px; -webkit-align-items: center; align-items: center; position: relative; margin-bottom: 0.5485697567rem; } .join-gift-container .gift-item:last-child { margin-bottom: 0; } .join-gift-container .gift-item .tip { position: absolute; width: 3.1085619549rem; height: 1.6457092702rem; right: -0.3657131712rem; top: -0.6399980495rem; } .join-gift-container .gift-item .gift-image { width: 2.3771356125rem; height: 2.3771356125rem; overflow: hidden; background: #fff; border-radius: 50%; margin: 0 0.7314263423rem; } .join-gift-container .gift-item .gift-label { font-size: 0.8533307327rem; color: #222; max-width: 14.0190048945rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .join-gift-container .gift-item .gift-image > img { width: 100%; height: 100%; } /* 会员首页 20201012 START */ /*消费金*/ .sale-money { padding: 0 0.857rem; margin: 0.643rem 0; } .sale-box-wrap { height: 2.143rem; overflow: hidden; position: relative; } .s-m-box { display: flex; align-items: center; height: 2.143rem; padding: 0 0.429rem; border-radius: 0.429rem; font-size: 0.857rem; } .s-m-box.orange { background: #FFF5EE; } .s-m-box.red { background: #FFEEEA; } .s-m-logo, .s-m-btn { flex: 0 0 auto; height: 1.286rem; width: auto; } .s-m-text { margin: 0 0.536rem; text-align: left; flex: 1 1 auto; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; position: relative; height: 100%; line-height: 2.143rem; } .orange .s-m-text { color: #FF7000; } .red .s-m-text { color: #FF3300; } .s-m-section { background: #FFF; border-radius: 0.857rem; padding: 0.857rem 0 0.286rem; } .s-m-header { display: flex; align-items: flex-end; padding: 0 0.857rem; } .s-m-title { font-size: 1.214rem; line-height: 1.571rem; color: #222; font-weight: bold; position: relative; } .s-m-title-prefix { position: absolute; bottom: -0.107rem; left: 0; width: 3.214rem; height: 0.429rem; z-index: 1; } .s-m-title-content { position: relative; z-index: 1; } .s-m-tip { font-size: 0.929rem; line-height: 1.143rem; color: #FF7000; margin-left: 0.857rem; } .s-m-card { width: 24.214rem; height: 7.357rem; margin: 0.643rem auto 0; color: #fff; position: relative; font-size: 0.857rem; } .s-m-price-wrap { position: absolute; left: 1.143rem; top: 0.929rem; display: flex; align-items: center; } .s-m-price { display: flex; align-items: flex-end; } .s-m-price-prefix { line-height: 1.5; margin: 0 0.214rem 0 0; } .s-m-price-num { display: block; font-size: 2rem; line-height: 1; max-width: 5.5rem; overflow: hidden; white-space: nowrap; word-break: break-all; } .s-m-card-tip { width: 5rem; font-size: 1rem; margin-left: 1.071rem; } .s-m-base-num { display: inline-block; vertical-align: top; max-width: 2.7rem; white-space: nowrap; word-break: break-all; overflow: hidden; } .s-m-card-button { position: absolute; top: 1.571rem; right: 1.286rem; width: 5rem; height: 1.929rem; line-height: 2rem; font-weight: bold; color: #FF7000; text-align: center; background: #FFFFFF; box-shadow: 0 0 0.429rem 0 #FF7000; border-radius: 0.429rem; } .s-m-card-button:visited,.s-m-card-button:hover { color: #f70; } .s-m-card-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .s-m-time { position: absolute; bottom: 0.893rem; left: 1.286rem; } .s-m-detail { position: absolute; right: 0; bottom: 0; padding: 0.5rem 1.071rem 0.893rem; display: flex; align-items: center; } .s-m-detail:hover, .s-m-detail:visited { color: #fff; } .s-m-right-arrow { width: 0.857rem; height: 0.857rem; } .sale-money .s-m-slide{ box-sizing: border-box; width: 100% !important; } .s-m-marquee { position: absolute; top: 0px; left: -95px; height: 100% } .s-m-marquee-content { word-break: break-all; white-space: nowrap; line-height: 2.143rem; } /*母婴会员*/ .join-member-container .select-wrap {display: flex;align-self: center;} .join-member-container .select-wrap .select-item-baby { width: 3.6571317116rem; height: 1.584757075rem; font-size: 0.7314263423rem; margin-right: 0.7314263423rem; border-radius: 0.3657131712rem; border: 0.0404760976rem solid #ccc; display: flex; align-items: center; justify-content: center; color: #222; box-sizing: border-box; } .join-member-container .select-wrap .current-select-item { border: 0.0609521952rem solid #f50; color: #f50; } .join-member-container input[type='radio'] { display: none; } .join-member-container .authorization-box .form-item > label.w270 { width: 8.2285463511rem; } .join-member-container .select-wrap .current-select-item { border: 0.0609521952rem solid #f50; color: #f50; } /*新会员页头*/ .mem-header { width: 21.3942205129rem; height: 8.3504507415rem; background-color: #fff; border-radius: 0.7314263423rem; display: flex; display: -webkit-box; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; position: relative; margin: 2.6209443933rem auto 0; padding: 0 0.9142829279rem; box-sizing: border-box; box-shadow: 0 0.1828565856rem 0.3657131712rem 0 rgba(0, 0, 0, 0.05); } .mem-header .card { position: absolute; width: 12.7999609906rem; height: 5.5375069333rem; top: -1.8285658558rem; left: 0.9142829279rem; box-shadow: 0 0 0.1828565856rem 0 rgba(0, 0, 0, 0.2); border-radius: 0.5485697567rem; } .mem-header .mem-info { box-sizing: border-box; padding: 0.9142829279rem 0 0 13.5313873329rem; display: flex; display: -webkit-box; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } .mem-header .mem-info .user-name { color: #333; font-size: 0.8533307327rem; line-height: 1.1580917087rem; font-weight: bold; width: 6.0342673241rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.1828565856rem; } .mem-header .mem-lev { background-image: linear-gradient(134deg, #FF8244 0%, #FF5500 100%); width: 4.2666536635rem; height: 1.0361873183rem; display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 0.1828565856rem; } .mem-header .mem-lev img { width: 0.9142829279rem; height: 0.9142829279rem; margin-right: 0.0609521952rem; } .mem-header .mem-lev text { font-size: 0.7314263423rem; color: #fff; } .mem-header .lev-mes { margin-top: 1.1580917087rem; margin-bottom: 0.5485697567rem; font-size: 0.7314263423rem; color: #333; line-height: 1.0361873183rem; } .integral-mes { display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; height: 1.4019004894rem; background-color: #f7f7f7; border-radius: 0.1828565856rem; } .integral-mes .int-item { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; font-size: 0.7314263423rem; color: #333; padding: 0 0.3657131712rem; } .integral-mes .int-item text { display: block; } .integral-mes .int-item.can-use text { color: #f50; } .integral-mes .int-item.the-failure, .integral-mes .int-item.will-be { display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .integral-mes .int-item.the-failure img, .integral-mes .int-item.will-be img { width: 0.7314263423rem; height: 0.7314263423rem; } .integral-mes .can-use text, .integral-mes .the-failure text { max-width: 5.4247453722rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .integral-mes .will-be text { max-width: 5.059032201rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .integral-mes .line { flex-shrink: 0; -webkit-flex-shrink: 0; width: 1px; height: 0.6704741471rem; background-color: #e4e4e4; } .mem-header-content { width: 100%; height: 10.9713951348rem; overflow: hidden; margin-bottom: 18px; } .mem-header-content.linear-bg { background: rgba(0, 0, 0, 0.55); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, #F2F2F2 91%); } /* 图片缩放滑动 START */ [zoomSlide].swiper-container-zoomSlide {width:100%;padding-top:20px;} [zoomSlide] .swiper-slide {-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;-o-transition:transform 0.5s;-webkit-transform:scale(0.7);transform:scale(0.7);} [zoomSlide].swiper-container-zoomSlide .swiper-slide-active,[zoomSlide].swiper-container-zoomSlide .swiper-slide-duplicate-active {-webkit-transform:scale(1);transform:scale(1);} [zoomSlide] .swiper-slide img {width:100%;display:block;margin:0 auto;border-radius:10px;} [zoomSlide] .swiper-pagination {position:relative;bottom:0;height:25px;margin-top: 5px;} [zoomSlide] .swiper-pagination .swiper-pagination-bullet {background:#ffffff;width:6px;height:6px;margin:0 3px;opacity:0.9;} [zoomSlide] .swiper-pagination .swiper-pagination-bullet-active {background:#000000;} /* 图片缩放滑动 END */ /* 卡盘切换特效 START */ [anchorSlide] {margin:0 10px;position: relative;overflow: hidden;z-index: 1;} [anchorSlide] .swiper-wrapper {padding-top:50px;} [anchorSlide] .swiper-pagination {bottom: unset!important;margin-top: 10px;} [anchorSlide] .swiper-pagination .swiper-pagination-bullet {position:relative;background:rgba(170,156,157,0.8);color:#333333;opacity:1;width:auto;height:auto;border-radius:0;font-size:12px;line-height:1;padding:6px 12px;margin:0;} [anchorSlide] .swiper-pagination .swiper-pagination-bullet:first-child {border-radius:5px 0 0 5px;} [anchorSlide] .swiper-pagination .swiper-pagination-bullet:last-child {border-radius:0 5px 5px 0;} [anchorSlide] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {content:"";display:block;background:#f9e515;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;} [anchorSlide] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active>span {position:relative;z-index:2;} [anchorSlide] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active.slot {width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid#f9e515;position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);} /* 卡盘切换特效 END */ /* 会员特权规则 */ .memIndex-page p { padding: 0; margin: 0; } .memIndex-page .right-dialog-wrap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 800; background-color: rgba(0, 0, 0, 0.4); display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; } .memIndex-page .right-dialog-wrap .right-dialog { position: relative; width: 18.2857700138rem; background-color: #ffa81b; box-shadow: 0 0.3657154003rem 0.7314308006rem 0 rgba(255, 143, 0, 0.5); display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 0.9142885007rem; padding: 0.3657154003rem 0; margin-top: 5.5771598542rem; } .memIndex-page .right-dialog-wrap .right-dialog .crown { position: absolute; width: 18.2857700138rem; height: 8.4419304897rem; top: -5.5771598542rem; } .memIndex-page .right-dialog-wrap .close { width: 2.1942924017rem; height: 2.1942924017rem; margin-top: 3.6571540028rem; bottom: unset; position: unset; margin-left: unset; } .memIndex-page .right-content { background: #fff; width: 17.5543392132rem; box-shadow: inset 0 0 0.9142885007rem 0.0609525667rem rgba(255, 162, 44, 0.5); border-radius: 0.5485731004rem; box-sizing: border-box; padding: 2.0114347015rem 0.9142885007rem 0.9142885007rem; } .memIndex-page .right-content .title { font-size: 1.2190513343rem; line-height: 1.5238141678rem; text-align: center; font-weight: bold; color: #FF8F00; margin-bottom: 0.7314308006rem; } .memIndex-page .right-content .handle-btn { width: 5.4857310041rem; height: 2.1942924017rem; background-image: linear-gradient(-47deg, #FF8040 0%, #FFAD44 100%); box-shadow: 0 0.1828577001rem 0.3657154003rem 0 rgba(255, 143, 0, 0.5); font-weight: bold; color: #fff; display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; margin: 0.9142885007rem auto 0; border-radius: 0.5485731004rem; } .memIndex-page .right-content .details .details-title { font-size: 0.7923833673rem; color: #222; line-height: 1.0971462008rem; margin-bottom: 0.5485731004rem; font-weight: bold; } .memIndex-page .right-content .details .item { font-size: 0.7923833673rem; color: #222; } .memIndex-page .right-content .details .item.item-type-1 { line-height: 1.0971462008rem; } .memIndex-page .right-content .details .item.item-type-2 { line-height: 1.0361936341rem; margin-bottom: 0.5485731004rem; } .memIndex-page .right-content .details .mes { font-size: 0.7923833673rem; color: #222222; line-height: 1.0971462008rem; margin-top: 0.5485731004rem; } .mem-rights p { padding: 0; margin: 0; } .mem-rights .right-dialog-wrap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 800; background-color: rgba(0, 0, 0, 0.4); display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; } .mem-rights .right-dialog-wrap .right-dialog { position: relative; width: 18.2857700138rem; background-color: #ffa81b; box-shadow: 0 0.3657154003rem 0.7314308006rem 0 rgba(255, 143, 0, 0.5); display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 0.9142885007rem; padding: 0.3657154003rem 0; margin-top: 5.5771598542rem; } .mem-rights .right-dialog-wrap .right-dialog .crown { position: absolute; width: 18.2857700138rem; height: 8.4419304897rem; top: -5.5771598542rem; } .mem-rights .right-dialog-wrap .close { width: 2.1942924017rem; height: 2.1942924017rem; margin-top: 3.6571540028rem; bottom: unset; position: unset; margin-left: unset; } .mem-rights .right-content { background: #fff; width: 17.5543392132rem; box-shadow: inset 0 0 0.9142885007rem 0.0609525667rem rgba(255, 162, 44, 0.5); border-radius: 0.5485731004rem; box-sizing: border-box; padding: 2.0114347015rem 0.9142885007rem 0.9142885007rem; } .mem-rights .right-content .title { font-size: 1.2190513343rem; line-height: 1.5238141678rem; text-align: center; font-weight: bold; color: #FF8F00; margin-bottom: 0.7314308006rem; } .mem-rights .right-content .handle-btn { width: 5.4857310041rem; height: 2.1942924017rem; background-image: linear-gradient(-47deg, #FF8040 0%, #FFAD44 100%); box-shadow: 0 0.1828577001rem 0.3657154003rem 0 rgba(255, 143, 0, 0.5); font-weight: bold; color: #fff; display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; margin: 0.9142885007rem auto 0; border-radius: 0.5485731004rem; } .mem-rights .right-content .details .details-title { font-size: 0.7923833673rem; color: #222; line-height: 1.0971462008rem; margin-bottom: 0.5485731004rem; font-weight: bold; } .mem-rights .right-content .details .item { font-size: 0.7923833673rem; color: #222; } .mem-rights .right-content .details .item.item-type-1 { line-height: 1.0971462008rem; } .mem-rights .right-content .details .item.item-type-2 { line-height: 1.0361936341rem; margin-bottom: 0.5485731004rem; } .mem-rights .right-content .details .mes { font-size: 0.7923833673rem; color: #222222; line-height: 1.0971462008rem; margin-top: 0.5485731004rem; } /* 会员特权规则 */ /* 异常页面统一 20201215 */ .protips-high { /*height: 1.785714rem;*/ font-size: 1.28571rem; font-weight: bold; color: #222222; } .protips-small { margin-top: .6428571rem; height: 1.28572rem; font-size: .92857rem; color: #666666; } .protips-btn { margin: 2.142857rem auto; width: 10.71428rem; height: 2.571428rem; line-height: 2.571428rem; border: 1px solid #cccccc; border-radius: .6428571rem } .error-pic{ width: 13.857rem; height: 13.142rem; display: block; margin: 0 auto; } .error-pic.error-404 { background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/error/error-404.png?v=1001) no-repeat; background-size: 100%; } .error-pic.error-no-result { background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/error/error-no-result.png?v=1001) no-repeat; background-size: 100%; } .error-pic.error-network { background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/error/error-network.png?v=1001) no-repeat; background-size: 100%; } .error-pic.error-nothing { background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/error/error-nothing.png?v=1001) no-repeat; background-size: 100%; } /* .protips-btn a:visited,.protips-btn a:link,.protips-btn a:active{color:#fff;} */ /*************大促活动筛选样式 start*********************************/ .screen-condition {display: flex;justify-content: center;align-items: center;height: 2.571428rem;background: #fff;width: 100%;} .condition-box {display: flex;justify-content: center;align-items: center;width: 25.070175rem;height: 1.928475rem;border-radius: .642825rem;border: 1px solid #FF3300;font-size: .8571rem;color: #FF3300;background: #FFD8CE;} .condition-box.active {border: 0;color: #FFFFFF;background: linear-gradient(90deg, #FF5500 6%, #F40002 100%);} .condition-box > span + span {margin-left: .214275rem;} .special-name {font-weight: bold;} .special-tick {display: inline-block;width: 1.28565rem;height: 1.28565rem;margin-right: .42855rem;background: url('//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bigproactive.png?v=1001') no-repeat 0 0/100% 100%;} .bigpromoveTop{position: fixed;z-index: 1;} /*************大促活动筛选样式 end*********************************/ /*************商品销量排名样式start********************************/ /* C 店 评价 好评 自营不需要修改 */ .shop-ratings {padding-left: .85714rem;font-size: .785712rem;color: #999} /* C 店 评价 好评 自营不需要修改*/ .shop-ratings span + span {margin-left: .42857rem;} .top-level-wrapper {display: flex;justify-content: flex-start;align-items: center;height: 1.071425rem;padding-left: .517rem;} .no-pl {padding-left: 0;height: 1.499rem} .top-level {display: inline-flex;height: 1.071425rem;line-height: 1.071425rem;padding: 0 .214285rem;border-radius: .214285rem;font-size: .642855rem;color: rgb(255 85 0);background: rgba(255, 85, 0, .1);overflow: hidden;} .no-pl .top-level,.statics .top-level {font-size: .785712rem;} /*************商品销量排名样式end********************************/ /*************新直播样式**************/ .sn_live-foreshow { height: 2.1429rem; margin: 0.6429rem 0.8571rem; box-sizing: border-box; overflow: hidden; } .sn_live-foreshow .swiper-wrapper { width: 100%; height: 100%; } .sn_live-foreshow .sn_live-foreshow-item { width: 100% !important; height: 100% !important; background-color: #fff; display: flex; align-items: center; font-size: 0.8571rem; border: 0.4286rem; padding: 0 0.4286rem; border-radius: 0.4286rem; color: #37f; } .sn_live-foreshow .foreshow-btn { width: 2.1429rem; height: 1.2857rem; margin-right: 0.4286rem; } .sn_live-foreshow .foreshow-count-down { height: 1.2857rem; border: 1px solid #37f; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.2143rem; border-radius: 0.2143rem; flex-shrink: 0; } .sn_live-foreshow .foreshow-mes { flex: 1; margin-right: 1.0714rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sn_live-module { margin: 0 0.8571rem 0.6429rem; border-radius: 0.8571rem; background: #a1948c; display: flex; height: 11.7143rem; position: relative; overflow: hidden; } .sn_live-module .blur-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(12px); border-radius: 0.8571rem; -webkit-backdrop-filter: blur(12px); } .sn_live-module.swiper-container-horizontal { height: 12.6429rem; } .sn_live-module.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.4286rem; } .sn_live-module.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 0.4286rem; height: 0.2857rem; border-radius: 0.1429rem; background: #948e8b; margin: 0 0.0714rem; } .sn_live-module.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 0.5714rem; height: 0.2857rem; background: #f50; } .sn_live-module .swiper-wrapper { width: 100%; height: 100%; } .sn_live-module .module-content { width: 100%; height: 100%; display: flex; padding: 0.8571rem; box-sizing: border-box; position: relative; } .sn_live-module .module-content .bubble-container { position: absolute; top: 9.1429rem; left: 6.1071rem; width: 1.2857rem; height: 1.2857rem; background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bubble/mom.png); background-size: 1.2857rem 1.2857rem; z-index: 5; } .sn_live-module .module-content .flower { position: absolute; top: 7.9286rem; left: 6.1071rem; z-index: 8; } .sn_live-module .module-content .flo { position: absolute; color: #fcb040; width: 1.2857rem; height: 1.2857rem; top: 9.1429rem; opacity: 0; background-size: contain; background-repeat: no-repeat; } .sn_live-module .module-content .flower .flower1 { background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bubble/01.png); top: 50%; -webkit-animation: note-anim 3s 3s infinite ease-in-out; -webkit-animation-fill-mode: forwards; } .sn_live-module .module-content .flower .flower2 { background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bubble/02.png); top: 30%; -webkit-animation: note-anim 3s 2.2s infinite ease-in-out; -webkit-animation-fill-mode: forwards; } .sn_live-module .module-content .flower .flower3 { background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bubble/03.png); top: 0; width: 1.12rem; height: 0.96rem; -webkit-animation: note-anim 2.5s 1.8s infinite ease-in-out; -webkit-animation-fill-mode: forwards; } .sn_live-module .module-content .flower .flower4 { background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bubble/04.png); top: -50%; -webkit-animation: note-anim 2.5s 1.2s infinite ease-in-out; -webkit-animation-fill-mode: forwards; } .sn_live-module .module-content .flower .flower5 { background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bubble/05.png); top: 100%; -webkit-animation: note-anim 2.2s 0.8s infinite ease-in-out; -webkit-animation-fill-mode: forwards; } .sn_live-module .module-content .flower .flower6 { background-image: url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/css/images/bubble/06.png); top: 100%; -webkit-animation: note-anim 2.8s 0s infinite ease-in-out; -webkit-animation-fill-mode: forwards; } .sn_live-module p { margin: 0; padding: 0; } .sn_live-module .left-image { width: 7.5rem; height: 10rem; border-radius: 0.4286rem; } .sn_live-module .right { flex: 1; display: flex; flex-direction: column; margin-left: 0.6429rem; overflow: hidden; } .sn_live-module .right .title { color: #fff; font-size: 1.0714rem; height: 1.9286rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.5714rem; display: flex; align-items: center; } .sn_live-module .right .title .title-content { color: #fff; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sn_live-module .right .title .title-btn { flex-shrink: 0; width: 4.5714rem; height: 1.9286rem; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.4286rem; display: flex; align-items: center; justify-content: center; font-size: 0.9286rem; color: #fff; box-sizing: border-box; margin-left: 0.6429rem; } .sn_live-module .right .foreshow { background: rgba(255, 255, 255, 0.15); border-radius: 0.2143rem; height: 1.2857rem; display: flex; width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; } .sn_live-module .right .foreshow .in-live-btn { width: 4.0714rem; height: 1.2857rem; } .sn_live-module .right .foreshow .foreshow-btn { width: 2.1429rem; height: 1.2857rem; } .sn_live-module .right .foreshow .foreshow-count-down, .sn_live-module .right .foreshow .shop-live { display: inline-flex; height: 1.2143rem; align-items: center; color: #fff; font-size: 0.8571rem; margin: 0 0.4286rem; } .sn_live-module .right .product-list { margin-top: 1.4286rem; display: flex; } .sn_live-module .right .product-list .product-item { width: 4.7857rem; height: 4.7857rem; margin-right: 0.4286rem; border-radius: 0.4286rem; } .sn_live-module .right .product-list .product-item:last-child { margin-right: 0; } .sn_live-module .right .live-billboard { margin-top: 0.8571rem; height: 5.3571rem; background: rgba(255, 255, 255, 0.15); border-radius: 0.6429rem; display: flex; align-items: center; justify-content: center; font-size: 0.8571rem; color: #fff; line-height: 1.2143rem; } .sn_live-module .right .message-board { margin-top: 0.8571rem; height: 5.3571rem; background: rgba(255, 255, 255, 0.15); border-radius: 0.6429rem; box-sizing: border-box; padding: 0.6429rem; overflow-x: hidden; overflow-y: auto; flex-direction: column; } .sn_live-module .right .message-board .mes-item { font-size: 0.8571rem; color: #fff; line-height: 1.2143rem; margin-bottom: 0.2143rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sn_live-module .right .message-board .mes-item > .livetext { color: #f50; } @-webkit-keyframes note-anim { 0% { opacity: 1; -webkit-transform: translate(0, 1rem); } 30% { opacity: 0.9; -webkit-transform: translate(-5px, 0); } 70% { opacity: 0.7; -webkit-transform: translate(5px, -2rem); } 100% { opacity: 0; -webkit-transform: translate(0, -4rem); } } /*************新直播样式**************/ /**促销页限时秒杀*****/ .timeLimitSeckill{margin:0.71rem;} /* 裂变券 START */ .fission-coupon-box {width:100%;padding:0 0.8571rem;box-sizing:border-box;position:relative;} .fission-coupon-box .fission-coupon {width:100%;height:5.7143rem;position:relative;margin-bottom:0.6429rem;} .fission-coupon-box .fission-coupon:last-child {margin-bottom:0;} .fission-coupon .fission-coupon-bg {width:100%;height:100%;background-image:url(//ssr.suning.cn/resource/msfs/project/mshopfile/common/images/img-fission-coupon-bg.png?v=1001);background-size:100% 100%;} .fission-coupon .fission-coupon-main {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;color:#ff5500;font-weight:400;} .fission-coupon .fission-coupon-main .fission-coupon-left {width:7.1429rem;flex-shrink:0;padding-left:0.4286rem;box-sizing:border-box;} .fission-coupon .fission-coupon-main .fission-coupon-center {width:10.7143rem;} .fission-coupon .fission-coupon-main .fission-coupon-right {position:absolute;right:0.7143rem;top:50%;z-index:3;transform:translateY(-50%);} .fission-coupon .fission-coupon-left .fission-coupon-value {font-size:2rem;letter-spacing:0;font-weight:600;text-align:center;color: #ff5500;} .fission-coupon .fission-coupon-value .coupon-yen {font-size:1rem;margin-right:0.1429rem;} .fission-coupon .fission-coupon-discount .coupon-limit {font-size:1.0714rem;font-weight:500;line-height:1.25;color: #ff5500;} .fission-coupon .fission-coupon-discount .coupon-desc {font-size:0.8571rem;color:#222222;margin-top:0.1429rem;line-height:1.25;} .fission-coupon .fission-coupon-discount .coupon-desc .coupon-num {margin:0 0.1429rem;font-size:1.0714rem;color:#FF5500;line-height:1.0714rem;font-weight:600;opacity:0.8;} .fission-coupon .fission-coupon-right .coupon-btn {width:4.7143rem;height:1.9286rem;line-height:1.9286rem;background:#FFFFFF;box-shadow:0 0 0.8571rem 0 #FF7000;border-radius:0.4286rem;font-size:0.8571rem;color:#ff7000;font-weight:600;text-align:center;} /* 裂变券 END */ /*全面屏底部菜单兼容start*/ @media only screen and (device-width: 375px) and (device-height: 812px) { .shop-wx-app .ued90-bottom-bar-wrap { height: 6rem !important; background: #ffffff; padding-bottom: 2rem; } .shop-wx-app .the-shop-middle-con { padding-bottom: 2rem; } } @media only screen and (device-width: 414px) and (device-height: 896px) { .shop-wx-app .ued90-bottom-bar-wrap { height: 6rem !important; background: #ffffff; padding-bottom: 2rem; } .shop-wx-app .the-shop-middle-con { padding-bottom: 2rem; } } @media only screen and (device-width: 428px) and (device-height: 926px) { .shop-wx-app .ued90-bottom-bar-wrap { height: 6rem !important; background: #ffffff; padding-bottom: 2rem; } .shop-wx-app .the-shop-middle-con { padding-bottom: 2rem; } } @media only screen and (device-width: 390px) and (device-height: 844px) { .shop-wx-app .ued90-bottom-bar-wrap { height: 6rem !important; background: #ffffff; padding-bottom: 2rem; } .shop-wx-app .the-shop-middle-con { padding-bottom: 2rem; } } /*全面屏底部菜单兼容end*/ /* 店铺分类页 START */ .cate-page.customzone {margin:0 -1.0714285714285714rem;} .cate-page.customzone .imgmap img {border-radius:0;} .cate-page.customzone .imgmap .imgmapBox {position:absolute;width:100%;height:100%;z-index:2;} .cate-page.customzone .imgmap .map-position {position:absolute;z-index:3;} .cate-page.customzone .imgmap .map-position a {display:block;width:100%;height:100%;} /* 店铺分类页 END */ /* 滑动商品START */ .slide-product-title {font-size:1.1429rem;color:#222222;font-weight:bold;margin-top:0.6429rem;margin-bottom:1.0714rem;text-align:center;height:1.5000rem;line-height:1.5000rem;} .slide-product-title:empty {display:none;} .slide-product-container {height:auto;} .slide-product-container .swiper-wrapper {height:auto;} .slide-product-container .slide-product-item {width:19.2857rem;height:7.5000rem;left:0 !important;background:#FFFFFF;box-shadow:0.0000rem 0.0000rem 0.5714rem 0.0000rem rgba(0,0,0,0.08);border-radius:1.0714rem;} .slide-product-container .slide-product-item .slide-product-item-link {text-decoration:none !important;display:block;height:100%;} .slide-product-container .slide-product-item .item-body {padding:0.8571rem;box-sizing:border-box;display:flex;} .slide-product-container .slide-product-item .item-cover {width:5.7857rem;height:5.7857rem;border-radius:0.8571rem;overflow:hidden;flex:none;} .slide-product-container .slide-product-item .item-cover img {width:100%;height:100%;} .slide-product-container .slide-product-item .item-main {margin-left:0.8571rem;font-size:1.0000rem;color:#222222;flex:auto;overflow:hidden;} .slide-product-container .slide-product-item .item-main .item-name {font-weight:bold;height:1.4286rem;line-height:1.4286rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .slide-product-container .slide-product-item .item-main .item-desc {color:#666666;font-size:0.8571rem;height:2.2857rem;margin-top:0.2143rem;overflow:hidden;text-overflow:ellipsis;line-height:1.1429rem;} .slide-product-container .slide-product-item .item-main .item-price {font-weight:bold;height:1.4286rem;line-height:1.4286rem;margin-top:0.4286rem;} .slide-product-container .slide-product-item .item-main .item-price .sf-priceDecimal {font-weight:bold;color: #222222;font:unset;} .slide-product-container .slide-product-item .item-main .item-price .sf-PriceSymbol {font-weight:bold;color: #222222;font:unset;} /* 滑动商品 END */ /* 滑动热区 START */ .imgmap.slide-custom-zone {overflow-x: scroll;overflow-y: hidden;} .imgmap.slide-custom-zone .imgmapEditBox {white-space: nowrap;font-size: 0;text-align: left;} .imgmap.slide-custom-zone .image-maps-conrainer {white-space: nowrap;font-size: 0;height: 100%;text-align: left;} .imgmap.slide-custom-zone .img-group {display:inline-block;} .imgmap.slide-custom-zone .img-group img {width: auto !important;display: inline-block;} /* 滑动热区 END */ /* 搭配购 START */ [componentmode='sys.matchFitBuy']{display:none;background: #FFF;} .match-product-container .match-product-title {font-size:1.1429rem;color:#222222;font-weight:bold;margin-top:1.4286rem;margin-bottom:1.0714rem;text-align:center;height:1.4286rem;line-height:1.4286rem;} .match-product-container .match-product-title:empty {display:none;} .match-product-container .swiper-wrapper {height:auto;} .match-product-container .match-product-item {width:19.2857rem;transition:300ms;transform:scale(0.8)!important;} .match-product-container .match-product-item.swiper-slide-active {transform:scale(1)!important;} .match-product-container .match-product-item > .match-product-item-link {text-decoration:none !important;display:block;margin-bottom: 10px;} .match-product-container .match-product-item > .match-product-children-content {display: none;} .match-product-container .match-product-item.swiper-slide-active > .match-product-children-content {display: block;} .match-product-container .match-product-item > .match-product-item-link .item-body {padding:1.2857rem 1.7143rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#222222;width:19.2857rem;background:#FFFFFF;box-shadow:0.0000rem 0.0000rem 0.5714rem 0.0000rem rgba(0,0,0,0.08);border-radius:0.8571rem;} .match-product-container .match-product-item > .match-product-item-link .item-cover {width:13.9286rem;height:13.9286rem;border-radius:0.8571rem;overflow:hidden;} .match-product-container .match-product-item > .match-product-item-link .item-cover img {width:100%;height:100%;} .match-product-container .match-product-item > .match-product-item-link .item-cover.item-cover-blank {display:flex;align-items:center;justify-content:center;background:#F5F5F5;} .match-product-container .match-product-item > .match-product-item-link .item-cover.item-cover-blank img {width:65%;height:auto;} .match-product-container .match-product-item > .match-product-item-link .item-name {font-weight:bold;font-size:1.2857rem;width:15.7143rem;height:1.6429rem;line-height:1.6429rem;text-align:center;margin-bottom:0.8571rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .match-product-container .match-product-item > .match-product-item-link .item-desc {color:#666666;font-size:0.8571rem;width:15.8571rem;height:2.0000rem;line-height:2.0000rem;background:#F7F7F7;padding:0 0.7143rem;box-sizing:border-box;text-align:center;border-radius:0.6429rem;margin-top:0.6429rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .match-product-container .match-product-item > .match-product-item-link .item-price {font-weight:bold;margin-top:0.4286rem;font-size:1.1429rem;height:1.5000rem;line-height:1.5000rem;} .match-product-item-link .sf-PriceSymbol,.match-product-item-link .sf-priceDecimal{color: #222222;font-weight: bold;font-size: 1.1429rem;height: 1.5000rem;line-height: 1.5000rem;} /* 搭配购 END */ /*促销页促销价start*/ .dynamicSale-page .promotion-price{display:none;} .dynamicSale-page .promotion-price,.sale-product-mod{margin:0.71rem;background-color: #fff;border-radius: 6px;padding: 0.71rem;} .dynamicSale-page .promotion-price h2,.sale-product-mod h2{font-size: 15px;color: #999999;font-weight: 500;} .dynamicSale-page .promotion-price h2 a{float: right;font-size: 12px;color: #666666;font-weight: 500;} .dynamicSale-page .promotion-price .shop-products-con .products-list li .products-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .promoPrice-page .old-price{font-size: 12px;color: #999999; font-weight: 500;} /*促销页促销价end*/ /*促销页裂变券 START*/ .content_auto .shop-default-tips .shop-default-tips-line{display:none;} .dynamicSale-page .dynamic-fission-coupon-box{display:none;} .dynamicSale-page .dynamic-fission-coupon-box{padding: 0.2857rem;} .dynamicSale-page .dynamic-fission-coupon-box .fission-coupon .fission-coupon-main .fission-coupon-right{transform: translateY(-52%);} /*促销页裂变券 END*/ /*促销页评价有礼Start*/ .dynamicSale-page .commentgift h1{font-size: 18px;color: #666666;font-weight: 500;margin:1.07rem 0.71rem;} .dynamicSale-page .commentgift{display:none;} .dynamicSale-page .commentgift .sale-hot{display:block;} .commentgift-page .activity-wrap .activity-title h1{padding-top: 0.714rem;font-size: 1.3rem;} .promoPrice-page .main-wrap,.commentgift-page .main-wrap{position: relative;} /*促销页评价有礼END*/ /*证照信息*/ .licenceTitle1{text-align: center;font-size: 1.05rem;} .licenceTitle2{font-size: 1.05rem;line-height: 3.5rem;padding-left: 1rem;} .licenceTitle3{font-size: 1.05rem;text-align: left;padding-left: 1rem;font-weight: lighter;} /* 视频模块固定高度 */ .ppcloud-player .ppcloud-video{height:14.1036rem!important} /* 搭配轮播 */ [componentmode='sys.portfolio']{display:none;} .collocation-buy{width:100%; background: #FFF; color:#222; position:relative;} .collocation-buy .collocation-buy-item-box{width: 100%!important; height:auto; margin:0 auto; box-sizing: border-box;} .collocation-buy .collocation-buy-item-box .item-title{font-size:1.1429rem; margin:0 auto; font-weight: bold; padding:1.25rem 2rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .collocation-buy .collocation-buy-item-box .item-body{overflow:hidden; margin:0 1.25rem; padding:.75rem 0 0 0; text-align: center; background:#FFF; box-shadow: 0 0 8px 0 rgba(0,0,0,0.08); border-radius: 12px;} .collocation-buy .collocation-buy-item-box .item-body .item-img{ margin:0 auto; width:15.6rem; height:15.6rem; border-radius:1rem; overflow:hidden; background:#F7F7F7 url('http://oss.suning.com/asbsn/search_store/data/asnnode/minipShopImg/wx_load_img.png') center center /60% no-repeat;box-shadow:0 0 8px 0 rgb(0 0 0 / 8%);} .collocation-buy .collocation-buy-item-box .item-body .item-img img{ width:15.6rem; height:15.6rem;} .collocation-buy .collocation-buy-item-box .item-body .item-desc{ margin:0.5rem auto 0; width:24.16rem; height:5.3rem; border-radius:1rem;overflow:hidden; background:#F7F7F7 url('http://oss.suning.com/asbsn/search_store/data/asnnode/minipShopImg/wx_load_img.png') center center /40% no-repeat; } .collocation-buy .collocation-buy-item-box .item-body .item-desc img{ width:24.16rem; height:5.3rem;} .collocation-buy .collocation-buy-item-box .item-body .item-price{font-size: 1.16rem; line-height:2em; font-weight: bold; margin:0 auto; } .collocation-buy .collocation-buy-item-box .item-body .item-more{display: flex; flex-flow:row nowrap; justify-content:space-around;} .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item{ width:11.6rem;} .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item .sub-item-img{width:9.16rem; height:9.16rem; margin:0 auto .75rem; border-radius:.6rem; overflow:hidden; background:#F7F7F7 url('http://oss.suning.com/asbsn/search_store/data/asnnode/minipShopImg/wx_load_img.png') center center /50% no-repeat;box-shadow:0 0 8px 0 rgb(0 0 0 / 8%);} .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item .sub-item-img img{width:9.16rem; height:9.16rem;} .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item .sub-item-desc{width:11.6rem; height:3.5rem; margin:0 0 .5rem; border-radius:.6rem; overflow:hidden; background:#F7F7F7 url('http://oss.suning.com/asbsn/search_store/data/asnnode/minipShopImg/wx_load_img.png') center center /60% no-repeat;} .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item .sub-item-desc img{width:11.6rem; height:3.5rem; } .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item .sub-item-price{font-size: 1.16rem;font-weight: bold; margin:0 auto .5rem;} .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item .sub-item-price .sf-PriceSymbol{color:#222222;font-weight: bold;} .collocation-buy .collocation-buy-item-box .item-body .item-more .sub-item .sub-item-price .sf-priceDecimal{color:#222222;font-weight: bold;} .collocation-buy .collocation-buy-item-box .item-serve{height:8.3rem; display: flex; flex-flow:row nowrap;justify-content:space-between; margin:2.5rem auto; padding:0 1.5rem;} .collocation-buy .collocation-buy-item-box .item-serve div{width:11.6rem; height:8.3rem; border-radius:.6rem; overflow:hidden; background:#F7F7F7 url('http://oss.suning.com/asbsn/search_store/data/asnnode/minipShopImg/wx_load_img.png') center center /60% no-repeat;} .collocation-buy .collocation-buy-item-box .item-serve img{ width:11.6rem; height:8.3rem; } .collocation-buy .swiper-pagination-bullets{bottom:11.6rem!important} .collocation-buy .swiper-pagination-bullets .swiper-pagination-bullet{width:1.3rem; height:.3rem; border-radius:.16rem; opacity:1; background: #EEE;} .collocation-buy .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #999; opacity: 1;} /* 场景购 */ .cjg-con{ overflow:hidden; margin:0 auto .5em; width:7.02em; font-size:50px;} .cjg-con ul{ width:7.02em; overflow:hidden;} .cjg-con ul li{float:left; width:7.02em; margin:.24em 0 0 0; border-radius: .24em; background: #FFF; overflow:hidden;} .cjg-con ul li .img-block{ position:relative; width:7.02em; min-height: 7.02em; border-radius:.24em .24em 0 0; background: #F7F7F7 url('http://oss.suning.com/asbsn/search_store/data/asnnode/minipShopImg/wx_load_img.png') center center /60% no-repeat;} .cjg-con ul li .img-block img{display: block; width:7.02em;} .cjg-con ul li .img-block .title-box{position: absolute; left:0; bottom:0; width:100%; height:1.07em; line-height:1.07em; color:#FFF; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 100%);} .cjg-con ul li .img-block .title-box i{display:block; font-size:.32em; padding:0 .75em; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .cjg-con ul li .info-block{ position:relative; padding:.24em;} .cjg-con ul li .info-block .good-name{font-size:.24em; margin:0 0 .28em 0; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .cjg-con ul li .info-block .price{height:.38em; line-height:0;} .cjg-con ul li .info-block .price em{color:#F30; font-size: .24em;} .cjg-con ul li .info-block .price span{color:#F30; font-size:.36em;} .cjg-con ul li .info-block .preferential-price{ color:#666; font-size: .24em;} .cjg-con ul li .info-block .free-collocation{ position:absolute; right:.24em; bottom:.24em; width:1.98em; height:.72em; line-height: .2em; text-align: center; border:2px solid #222; border-radius: .06em; } .cjg-con ul li .info-block .free-collocation i{color:#222; font-size: .28em;} @media screen and (min-width:320px) {.cjg-con{font-size:42.67px}} @media screen and (min-width:360px) {.cjg-con{font-size:48px}} @media screen and (min-width:375px) {.cjg-con{font-size:50px;}} @media screen and (min-width:384px) {.cjg-con{font-size:51.2px}} @media screen and (min-width:400px) {.cjg-con{font-size:53.33px}} @media screen and (min-width:414px) {.cjg-con{font-size:55.2px}} @media screen and (min-width:424px) {.cjg-con{font-size:56.54px}} @media screen and (min-width:480px) {.cjg-con{font-size:64px}} @media screen and (min-width:540px) {.cjg-con{font-size:72px}} @media screen and (min-width:640px) {.cjg-con{font-size:85px}} /* 沉浸式导播h5不展示 */ .immersiveLiveDoc{display:none;} /* 换购计划h5不展示 */ [componentmode="sys.exchangePlan"]{display:none;} .btn_cart{display:none!important;}