You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11 lines
17 KiB
11 lines
17 KiB
.font12{font-size:12px}.font13{font-size:13px}.font14{font-size:14px}.font15{font-size:15px}.font16{font-size:16px}.font18{font-size:18px}.font20{font-size:20px}.font24{font-size:24px}.font28{font-size:28px}.fontwig6{font-weight:600}.fontspec{letter-spacing:1px}.linehet{line-height:20px}.fotlt{text-align:left}.fotrt{text-align:right}.fotct{text-align:center}.margle{margin-left:6px}.marglerig{margin-right:5px}.verc{vertical-align:middle}.versub{vertical-align:sub}.text1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.text2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.fcor333{color:#333}.fcorfff{color:#fff}.fcor666{color:#666}.fcor999{color:#b2b2b2}.fcor089{color:#089bf5}.fcoreb5{color:#eb5823}.fcorred{color:red}.fcor41c{color:#41cda2}.backcor9{background-color:#f6f6f6}.backcor9{background-color:#f6f6f6}.backcorf06{background-color:#f06c7a}.backcor89{background-color:#089bf5}.backcorfff{background-color:#fff}.backshare{background:transparent}.width90{width:90%;margin-left:5%}.width80{width:80%;margin-left:10%}.width70{width:70%}.width15{width:15%}.width50{width:50%}.width60{width:65%;margin-left:5%}.width30{width:30%}.width95{width:95%}.width100{width:100%}.bor-botm1{border-bottom:1px solid #f4f4f4}.height45{height:45px}.height40{height:40px}.height22{height:22px}.height100{height:100%}.height10{height:10px}.height60{height:60px}.height30{height:30px;line-height:30px}.height40{height:40px;line-height:40px}.height20{height:20px;line-height:20px}.height50{height:50px;line-height:50px}.mart90{margin-top:90px}.mart60{margin-top:60px}.mart50{margin-top:50px}.mart40{margin-top:40px}.mart30{margin-top:30px}.mart15{margin-top:15px}.mart20{margin-top:20px}.mart10{margin-top:10px}.mart5{margin-top:5px}.marb65{margin-bottom:65px}.marb50{margin-bottom:50px}.marb40{margin-bottom:40px}.marb30{margin-bottom:30px}.marb20{margin-bottom:20px}.marb10{margin-bottom:10px}.marb5{margin-bottom:5px}.paddtop10{padding-top:10px}.paading10{padding:10px}.paddtop13{padding-top:13px}.paddleft10{padding-left:10px}.padleft15{padding-left:15px}.paddtright10{padding-right:10px}.paddbotm10{padding-bottom:10px}.flleft{float:left}.flright{float:right}.btnw70{width:70%;color:#fff;margin-top:40px;background-color:#089bf5;-webkit-border-radius:6px;border-radius:6px}.line1{height:1px;background-color:#f4f4f4}.line10{height:10px;background-color:#f4f4f4}.line1089{height:10px;background-color:#089bf5}.displ{display:inline-block}.font12{font-size:12px}page{background-color:#f8f8f8}.product-list{width:92%;padding:0 4% 3vw 4%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.product-list .product{width:48%;-webkit-border-radius:20rpx;border-radius:20rpx;background-color:#fff;margin:0 0 15rpx 0;-webkit-box-shadow:0rpx 5rpx 25rpx rgba(0,0,0,.1);box-shadow:0rpx 5rpx 25rpx rgba(0,0,0,.1)}.product-list .product image{width:100%;-webkit-border-radius:20rpx 20rpx 0 0;border-radius:20rpx 20rpx 0 0}.product-list .product .name{width:92%;padding:10rpx 4%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;overflow:hidden;font-size:30rpx}.product-list .product .info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;width:92%;padding:10rpx 4% 10rpx 4%}.product-list .product .info .price{color:#e65339;font-size:15px;font-weight:600}.product-list .product .info .slogan{color:#807c87;font-size:24rpx;text-decoration:line-through}@-webkit-keyframes showPopup{0%{opacity:0}100%{opacity:1}}@keyframes showPopup{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hidePopup{0%{opacity:1}100%{opacity:0}}@keyframes hidePopup{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes showLayer{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes showLayer{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes hideLayer{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hideLayer{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.icon{font-size:26rpx}.status{width:100%;height:0;position:fixed;z-index:10;top:0;background-color:#f1f1f1;-webkit-transition:opacity .05s linear;transition:opacity .05s linear}.header{width:100%;height:100rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:fixed;top:0;z-index:10}.header .before,
|
|
.header .after{width:92%;padding:0 4%;height:100rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:fixed;top:0;-webkit-transition:opacity .05s linear;transition:opacity .05s linear}.header .before .back,
|
|
.header .after .back{width:125rpx;height:60rpx;-webkit-flex-shrink:0;flex-shrink:0}.header .before .back .icon,
|
|
.header .after .back .icon{margin-left:-10%;width:60rpx;height:60rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:42rpx}.header .before .middle,
|
|
.header .after .middle{width:100%}.header .before .icon-btn,
|
|
.header .after .icon-btn{width:125rpx;height:60rpx;-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:flex}.header .before .icon-btn .icon,
|
|
.header .after .icon-btn .icon{width:60rpx;height:60rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:42rpx}.header .before .icon-btn .icon:first-child,
|
|
.header .after .icon-btn .icon:first-child{margin-right:5rpx}.header .before .back .icon{color:#fff;background-color:rgba(0,0,0,.2);-webkit-border-radius:100%;border-radius:100%}.header .before .icon-btn .icon{color:#fff;background-color:rgba(0,0,0,.2);-webkit-border-radius:100%;border-radius:100%}.header .after{background-color:#f1f1f1}.header .after .back .icon{color:#666}.header .after .icon-btn .icon{color:#666}.header .after .middle{font-size:32rpx;height:90rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 7%}.header .after .middle view{width:33.33333%;padding:0 3%;margin:0 3%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.header .after .middle view.on{margin-bottom:-4rpx;color:#f47952;border-bottom:solid 4rpx #f47952}.swiper-box{position:relative;width:100%}.swiper-box swiper{width:100%}.swiper-box swiper swiper-item image{width:100%;height:100vw}.swiper-box .indicator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 25rpx;height:40rpx;-webkit-border-radius:40rpx;border-radius:40rpx;font-size:22rpx;position:absolute;bottom:20rpx;right:20rpx;color:#fff;background-color:rgba(0,0,0,.2)}.info-box{width:92%;padding:20rpx 4%;background-color:#fff;margin-bottom:20rpx}.goods-info .price{font-size:15px;font-weight:600;color:#f47925}.goods-info .zprice{text-decoration:line-through}.goods-info .title{font-size:30rpx}.spec .row{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:5px 0 5px 0}.spec .row .text{font-size:24rpx;color:#a2a2a2;margin-right:20rpx}.spec .row .content{font-size:28rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.spec .row .content .serviceitem{margin-right:10rpx}.spec .row .content .sp{width:100%;display:-webkit-box;display:-webkit-flex;display:flex}.spec .row .content .sp view{background-color:#f6f6f6;padding:5rpx 10rpx;color:#999;margin-right:10rpx;font-size:20rpx;-webkit-border-radius:5rpx;border-radius:5rpx}.spec .row .content .sp view.on{border:solid 1rpx #f47952;padding:4rpx 8rpx}.spec .row .arrow{position:absolute;right:4%}.spec .row .arrow .icon{color:#ccc}.comments .row{width:100%;height:40rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 0 30rpx 0}.comments .row .text{font-size:30rpx}.comments .row .arrow{font-size:28rpx;position:absolute;right:4%;color:#17e6a1}.comments .row .arrow .show{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.comments .row .arrow .show .icon{color:#17e6a1}.comments .comment{width:100%}.comments .comment .user-info{width:100%;height:40rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.comments .comment .user-info .face{width:40rpx;height:40rpx;margin-right:8rpx}.comments .comment .user-info .face image{width:40rpx;height:40rpx;-webkit-border-radius:100%;border-radius:100%}.comments .comment .user-info .username{font-size:24rpx;color:#999}.comments .comment .content{margin-top:10rpx;font-size:26rpx}.description .title{width:100%;height:80rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:26rpx;color:#999}.footer{position:fixed;bottom:0rpx;width:100%;height:99rpx;color:#fff;border-top:solid 1rpx #eee;background-color:red;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.footer .btnfot{text-align:center;padding:0;-webkit-border-radius:0;border-radius:0;height:48px;background-color:red;color:#fff}.footer .icons{display:-webkit-box;display:-webkit-flex;display:flex;height:80rpx;margin-left:-4%}.footer .icons .box{width:80rpx;height:80rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.footer .icons .box .icon{font-size:40rpx;color:#828282}.footer .icons .box .text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;font-size:22rpx;color:#666}.footer .btn{height:80rpx;-webkit-border-radius:40rpx;border-radius:40rpx;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;margin-right:-2%}.footer .btn .joinCart,
|
|
.footer .btn .buy{height:80rpx;padding:0 40rpx;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:28rpx}.footer .btn .joinCart{background-color:#f0b46c}.footer .btn .buy{background-color:#f06c7a}.popup{position:fixed;top:0;width:100%;height:100%;z-index:20;display:none}.popup .mask{position:fixed;top:0;width:100%;height:100%;z-index:21;background-color:rgba(0,0,0,.6)}.popup .layer{position:fixed;z-index:22;bottom:-70%;width:92%;padding:0 4%;height:70%;-webkit-border-radius:20rpx 20rpx 0 0;border-radius:20rpx 20rpx 0 0;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:space-between;align-content:space-between}.popup .layer .content{width:100%;padding:20rpx 0}.popup .layer .btn{width:100%;height:100rpx}.popup .layer .btn .button{width:100%;height:80rpx;-webkit-border-radius:40rpx;border-radius:40rpx;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background-color:#f47952;font-size:28rpx}.popup.show{display:block}.popup.show .mask{-webkit-animation:showPopup .2s linear both;animation:showPopup .2s linear both}.popup.show .layer{-webkit-animation:showLayer .2s linear both;animation:showLayer .2s linear both}.popup.hide{display:block}.popup.hide .mask{-webkit-animation:hidePopup .2s linear both;animation:hidePopup .2s linear both}.popup.hide .layer{-webkit-animation:hideLayer .2s linear both;animation:hideLayer .2s linear both}.popup.none{display:none}.popup.service .row{margin:30rpx 0}.popup.service .row .title{font-size:30rpx;margin:10rpx 0}.popup.service .row .description{font-size:28rpx;color:#999}.popup.spec .title{font-size:30rpx;margin:30rpx 0}.popup.spec .sp{display:-webkit-box;display:-webkit-flex;display:flex}.popup.spec .sp view{font-size:28rpx;padding:5rpx 20rpx;-webkit-border-radius:8rpx;border-radius:8rpx;margin:0 30rpx 20rpx 0;background-color:#f6f6f6}.popup.spec .sp view.on{padding:3rpx 18rpx;border:solid 1rpx #f47925}.popup.spec .length{margin-top:30rpx;border-top:solid 1rpx #aaa;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-top:20rpx}.popup.spec .length .text{font-size:30rpx}.popup.spec .length .number{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.popup.spec .length .number .input{width:80rpx;height:60rpx;margin:0 10rpx;background-color:#f3f3f3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center}.popup.spec .length .number .input input{width:80rpx;height:60rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center;font-size:26rpx}.popup.spec .length .number .sub,
|
|
.popup.spec .length .number .add{width:60rpx;height:60rpx;background-color:#f3f3f3;-webkit-border-radius:5rpx;border-radius:5rpx}.popup.spec .length .number .sub .icon,
|
|
.popup.spec .length .number .add .icon{font-size:30rpx;width:60rpx;height:60rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.share{display:none}.share.show{display:block}.share.show .mask{-webkit-animation:showPopup .15s linear both;animation:showPopup .15s linear both}.share.show .layer{-webkit-animation:showLayer .15s linear both;animation:showLayer .15s linear both}.share.hide{display:block}.share.hide .mask{-webkit-animation:hidePopup .15s linear both;animation:hidePopup .15s linear both}.share.hide .layer{-webkit-animation:hideLayer .15s linear both;animation:hideLayer .15s linear both}.share.none{display:none}.share .mask{background-color:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;top:0;z-index:11}.share .layer{width:92%;position:fixed;z-index:12;padding:0 4%;top:100%;background-color:hsla(0,0%,100%,.9)}.share .layer .list{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;padding:10rpx 0 30rpx 0}.share .layer .list .box{width:25%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.share .layer .list .box image{width:13.8vw;height:13.8vw}.share .layer .list .box .title{margin-top:10rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;font-size:26rpx}.share .layer .btn{width:100%;height:100rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:28rpx;border-top:solid 1rpx #666}.share .layer .h1{width:100%;height:80rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:34rpx} |