view, scroll-view, swiper, button, input, textarea, label, navigator, image { box-sizing: border-box; } page { background: #f5f5f5; height: 100%; } .newsList .newsSwitch .van-hairline--top-bottom::after { border: 0; } .newsList .newsSwitch .van-tab { font-size: 0.32 * 100rpx; padding: 0; flex-basis: unset !important; margin-right: 0.46 * 100rpx; } .newsList .newsSwitch .van-tabs__wrap { padding: 0 0.3 * 100rpx; } .newsList .newsSwitch.van-tabs--line { padding-top: 0.9 * 100rpx; } #footer { position: fixed; width: 100%; height: 100rpx; bottom: 0; left: 0; background-color: #fff; border-top: 1px solid #eee; z-index: 9999; } #footer.iphonex-footer { height: 100rpx; padding-bottom: 68rpx; } .footer-bg { height: 100rpx; } .iphonex-footer-bg { height: 168rpx; } #footer .item { flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.2 * 100rpx; color: #282828; } #footer .item.on { color: #eb3729; } #footer .item .iconfont { font-size: 0.45 * 100rpx; height: 0.55 * 100rpx; line-height: 0.55 * 100rpx; } .goodList .item { position: relative; padding-left: 0.3 * 100rpx; background-color: #fff; } .goodList .item .pictrue { width: 1.8 * 100rpx; height: 1.8 * 100rpx; position: relative; } .goodList .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .goodList .item .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .goodList .item .pictrue .numPic { position: absolute; left: 0.07 * 100rpx; top: 0.07 * 100rpx; width: 0.5 * 100rpx; height: 0.5 * 100rpx; border-radius: 50%; } .goodList .item .underline { padding: 0.3 * 100rpx 0.3 * 100rpx 0.3 * 100rpx 0; border-bottom: 1px solid #f5f5f5; } .goodList .item:nth-last-child(1) .underline { border-bottom: 0; } .goodList .item .text { font-size: 0.3 * 100rpx; color: #222; width: 4.89 * 100rpx; text-align: left; } .goodList .item .text .money .num { font-size: 0.34 * 100rpx; } .goodList .item .text .vip-money { font-size: 0.24 * 100rpx; color: #282828; font-weight: bold; margin-top: 0.1 * 100rpx; } .goodList .item .text .vip-money .vip { margin-right: 0.22 * 100rpx; text-decoration: line-through; } .goodList .item .text .vip-money .image { width: 0.46 * 100rpx; height: 0.21 * 100rpx; margin-left: 0.05 * 100rpx; } .goodList .item .text .vip-money .num { font-size: 0.22 * 100rpx; color: #aaa; font-weight: normal; margin: -0.02 * 100rpx 0 0 0; } .goodList .item .iconfont { position: absolute; right: 0.3 * 100rpx; width: 0.5 * 100rpx; height: 0.5 * 100rpx; border-radius: 50%; font-size: 0.3 * 100rpx; bottom: 0.38 * 100rpx; } .promotionGood { padding: 0 0.3 * 100rpx; background-color: #fff; } .promotionGood .item { border-bottom: 1px solid #eee; height: 2.5 * 100rpx; } .promotionGood .item .pictrue { width: 1.88 * 100rpx; height: 1.88 * 100rpx; } .promotionGood .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.08 * 100rpx; } .promotionGood .item .text { font-size: 0.24 * 100rpx; color: #999; width: 4.72 * 100rpx; text-align: left; } .promotionGood .item .text .name { font-size: 0.3 * 100rpx; color: #333; } .promotionGood .item .text .sp-money { margin: 0.34 * 100rpx 0 0.2 * 100rpx 0; } .promotionGood .item .text .sp-money .moneyCon { // padding: 0 0.18*100rpx; height: 0.36 * 100rpx; line-height: 0.46 * 100rpx; font-size: 0.26 * 100rpx; color: #ea3526; border-radius: 0.24 * 100rpx 0.03 * 100rpx 0.24 * 100rpx 0.03 * 100rpx; } .promotionGood .item .text .sp-money .moneyCon .num { font-size: 0.24 * 100rpx; } .promotionGood .item .text .money { text-decoration: line-through; } .recommend { background-color: #fff; } .recommend .title { height: 1.35 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .recommend .title .name { margin: 0 0.28 * 100rpx; } .recommend .title .iconfont { font-size: 1.7 * 100rpx; color: #454545; height: 0.5 * 100rpx; line-height: 0.5 * 100rpx; } .recommend .title .iconfont.lefticon { transform: rotate(180deg); } .recommend .recommendList { padding: 0 0.3 * 100rpx; } .recommend .recommendList .item { width: 3.35 * 100rpx; margin-bottom: 0.3 * 100rpx; } .recommend .recommendList .item .pictrue { width: 100%; height: 3.35 * 100rpx; } .recommend .recommendList .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .recommend .recommendList .item .name { font-size: 0.28 * 100rpx; color: #282828; margin-top: 0.2 * 100rpx; } .recommend .recommendList .item .money { font-size: 0.2 * 100rpx; margin-top: 0.03 * 100rpx; } .recommend .recommendList .item .money .num { font-size: 0.28 * 100rpx; } .noCommodity { padding-top: 0.75 * 100rpx; } .noCommodity .noPictrue { width: 4.14 * 100rpx; height: 3.36 * 100rpx; margin: 0 auto 0.3 * 100rpx auto; } .noCommodity .noPictrue .image { width: 100%; height: 100%; } /*产品详情轮播*/ .product-bg { height: 7.5 * 100rpx; } .product-bg swiper { height: 7.5 * 100rpx; } .product-bg .slide-image { width: 100%; height: 100%; } .product-bg .pages { position: absolute; background-color: #fff; height: 0.34 * 100rpx; padding: 0 0.1 * 100rpx; border-radius: 0.03 * 100rpx; right: 0.3 * 100rpx; bottom: 0.3 * 100rpx; line-height: 0.34 * 100rpx; font-size: 0.24 * 100rpx; color: #050505; z-index: 9; } /*评价列表公共*/ .evaluateWtapper .evaluateItem { background-color: #fff; padding-bottom: 0.25 * 100rpx; } .evaluateWtapper .evaluateItem ~ .evaluateItem { border-top: 1px solid #f5f5f5; } .evaluateWtapper .evaluateItem .pic-text { font-size: 0.26 * 100rpx; color: #282828; height: 0.95 * 100rpx; padding: 0 0.3 * 100rpx; } .evaluateWtapper .evaluateItem .pic-text .pictrue { width: 0.56 * 100rpx; height: 0.56 * 100rpx; margin-right: 0.2 * 100rpx; } .evaluateWtapper .evaluateItem .pic-text .pictrue .image { width: 100%; height: 100%; border-radius: 50%; } .evaluateWtapper .evaluateItem .pic-text .name { max-width: 4.5 * 100rpx; margin-right: 0.15 * 100rpx; } .evaluateWtapper .evaluateItem .time { font-size: 0.24 * 100rpx; color: #82848f; padding: 0 0.3 * 100rpx; } .evaluateWtapper .evaluateItem .evaluate-infor { font-size: 0.28 * 100rpx; color: #282828; margin-top: 0.19 * 100rpx; padding: 0 0.3 * 100rpx; } .evaluateWtapper .evaluateItem .imgList { padding: 0 0.3 * 100rpx 0 0.15 * 100rpx; margin-top: 0.25 * 100rpx; } .evaluateWtapper .evaluateItem .imgList .pictrue { width: 1.56 * 100rpx; height: 1.56 * 100rpx; margin: 0 0 0.15 * 100rpx 0.15 * 100rpx; } .evaluateWtapper .evaluateItem .imgList .pictrue .image { width: 100%; height: 100%; } .evaluateWtapper .evaluateItem .reply { font-size: 0.26 * 100rpx; color: #454545; background-color: #f7f7f7; border-radius: 0.05 * 100rpx; margin: 0.2 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; padding: 0.3 * 100rpx; position: relative; } .evaluateWtapper .evaluateItem .reply::before { content: ''; width: 0; height: 0; border-left: 0.1 * 100rpx solid transparent; border-right: 0.1 * 100rpx solid transparent; border-bottom: 0.2 * 100rpx solid #f7f7f7; position: absolute; top: -0.2 * 100rpx; left: 1 * 100rpx; } /*优惠券列表公共*/ .coupon-list { padding: 0 0.3 * 100rpx; margin-top: 0.25 * 100rpx; box-sizing: border-box; } .coupon-list .item { width: 100%; height: 1.7 * 100rpx; margin-bottom: 0.16 * 100rpx; } .coupon-list .item .money { background-image: url('https://wx.yixiang.co/static/images/coupon1.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.4 * 100rpx; height: 100%; color: #fff; font-size: 0.36 * 100rpx; font-weight: bold; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .coupon-list .item .money.moneyGray { background-image: url('https://wx.yixiang.co/static/images/coupon2.png'); } .coupon-list .item .money .num { font-size: 0.6 * 100rpx; } .coupon-list .item .text { width: 4.5 * 100rpx; padding: 0 0.17 * 100rpx 0 0.24 * 100rpx; background-color: #fff; box-sizing: border-box; } .coupon-list .item .text .condition { font-size: 0.3 * 100rpx; color: #282828; height: 0.93 * 100rpx; line-height: 0.93 * 100rpx; border-bottom: 1px solid #f0f0f0; } .coupon-list .item .text .data { font-size: 0.2 * 100rpx; color: #999; height: 0.76 * 100rpx; } .coupon-list .item .text .data .bnt { width: 1.36 * 100rpx; height: 0.44 * 100rpx; border-radius: 0.22 * 100rpx; font-size: 0.22 * 100rpx; color: #fff; text-align: center; line-height: 0.44 * 100rpx; } .coupon-list .item .text .data .bnt.gray { background-color: #ccc; } .condition .line-title { width: 0.9 * 100rpx; height: 0.3 * 100rpx; line-height: 0.3 * 100rpx; padding: 0 0.1 * 100rpx; box-sizing: border-box; background: rgba(255, 247, 247, 1); border: 1rpx solid rgba(232, 51, 35, 1); opacity: 1; border-radius: 0.22 * 100rpx; font-size: 0.2 * 100rpx !important; color: #e83323; margin-right: 0.12 * 100rpx; } .coupon-list .pic-num { color: #ffffff !important; font-size: 0.24 * 100rpx !important; } /*优惠券列表弹窗*/ .coupon-list-window { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f5f5f5; border-radius: 0.16 * 100rpx 0.16 * 100rpx 0 0; z-index: 111; transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); } .coupon-list-window.on { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .coupon-list-window .title { height: 1.24 * 100rpx; width: 100%; text-align: center; line-height: 1.24 * 100rpx; font-size: 0.32 * 100rpx; font-weight: bold; position: relative; color: #333; } .coupon-list-window .title .iconfont { position: absolute; right: 0.3 * 100rpx; top: 50%; transform: translateY(-50%); font-size: 0.35 * 100rpx; color: #8a8a8a; font-weight: normal; } .coupon-list-window .coupon-list { margin: 0 0 0.5 * 100rpx 0; height: 5.5 * 100rpx; overflow: auto; } .coupon-list-window .pictrue { width: 4.14 * 100rpx; height: 3.36 * 100rpx; margin: 0 auto 0.5 * 100rpx auto; } .coupon-list-window .pictrue .image { width: 100%; height: 100%; } /*详情首页弹窗*/ .product-window { position: fixed; bottom: 0; width: 100%; left: 0; background-color: #fff; z-index: 88; border-radius: 0.16 * 100rpx 0.16 * 100rpx 0 0; padding-bottom: 1.4 * 100rpx; transform: translate3d(0, 100%, 0); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .product-window.on { transform: translate3d(0, 0, 0); } .product-window .textpic { padding: 0 1.3 * 100rpx 0 0.3 * 100rpx; margin-top: 0.29 * 100rpx; position: relative; } .product-window .textpic .pictrue { width: 1.5 * 100rpx; height: 1.5 * 100rpx; } .product-window .textpic .pictrue .image { width: 100%; height: 100%; border-radius: 0.1 * 100rpx; } .product-window .textpic .text { width: 4.1 * 100rpx; font-size: 0.32 * 100rpx; color: #202020; } .product-window .textpic .text .money { font-size: 0.24 * 100rpx; margin-top: 0.4 * 100rpx; } .product-window .textpic .text .money .num { font-size: 0.36 * 100rpx; } .product-window .textpic .text .money .stock { color: #999; margin-left: 0.18 * 100rpx; } .product-window .textpic .iconfont { position: absolute; right: 0.3 * 100rpx; top: -0.05 * 100rpx; font-size: 0.35 * 100rpx; color: #8a8a8a; } .product-window .productWinList { max-height: 3.95 * 100rpx; overflow: auto; margin-top: 0.36 * 100rpx; } .product-window .productWinList .item ~ .item { margin-top: 0.36 * 100rpx; } .product-window .productWinList .item .title { font-size: 0.3 * 100rpx; color: #999; padding: 0 0.3 * 100rpx; } .product-window .productWinList .item .listn { padding: 0 0.3 * 100rpx 0 0.16 * 100rpx; } .product-window .productWinList .item .listn .itemn { border: 1px solid #bbb; font-size: 0.26 * 100rpx; color: #282828; padding: 0.07 * 100rpx 0.33 * 100rpx; border-radius: 0.06 * 100rpx; margin: 0.14 * 100rpx 0 0 0.14 * 100rpx; } .product-window .productWinList .item .listn .itemn.on { color: #fff; background-color: #eb3729; border-color: #eb3729; } .product-window .cart { margin-top: 0.36 * 100rpx; padding: 0 0.3 * 100rpx; } .product-window .cart .title { font-size: 0.3 * 100rpx; color: #999; } .product-window .cart .carnum { height: 0.54 * 100rpx; margin-top: 0.24 * 100rpx; } .product-window .cart .carnum .item { border: 1px solid #a4a4a4; width: 0.84 * 100rpx; text-align: center; height: 100%; line-height: 0.54 * 100rpx; color: #a4a4a4; font-size: 0.45 * 100rpx; } .product-window .cart .carnum .reduce { border-right: 0; border-radius: 0.06 * 100rpx 0 0 0.06 * 100rpx; line-height: 0.48 * 100rpx; } .product-window .cart .carnum .reduce.on { border-color: #e3e3e3; color: #dedede; } .product-window .cart .carnum .plus { border-left: 0; border-radius: 0 0.06 * 100rpx 0.06 * 100rpx 0; line-height: 0.46 * 100rpx; } .product-window .cart .carnum .plus.on { border-color: #e3e3e3; color: #dedede; } .product-window .cart .carnum .num { color: #282828; font-size: 0.28 * 100rpx; } /*产品详情的分享红包*/ .sharing-packets { position: fixed; left: 0.3 * 100rpx; bottom: 1.5 * 100rpx; z-index: 5; transition: all 0.3s ease-in-out 0s; opacity: 1; transform: scale(1); } .sharing-packets.on { transform: scale(0); opacity: 0; } .sharing-packets .iconfont { width: 0.44 * 100rpx; height: 0.44 * 100rpx; border-radius: 50%; background-color: #999; font-size: 0.2 * 100rpx; color: #fff; margin: 0 auto; padding-left: 0.01 * 100rpx; } .sharing-packets .line { width: 0.02 * 100rpx; height: 0.4 * 100rpx; background-color: #999; margin: 0 auto; } .sharing-packets .sharing-con { width: 1.87 * 100rpx; height: 2.1 * 100rpx; position: relative; } .sharing-packets .sharing-con .image { width: 100%; height: 100%; } .sharing-packets .sharing-con .text { position: absolute; top: 0.2 * 100rpx; font-size: 0.2 * 100rpx; width: 100%; text-align: center; } .sharing-packets .sharing-con .text .money { font-size: 0.32 * 100rpx; font-weight: bold; } .sharing-packets .sharing-con .text .money .label { font-size: 0.2 * 100rpx; } .sharing-packets .sharing-con .text .tip { font-size: 0.18 * 100rpx; color: #999; } .sharing-packets .sharing-con .text .shareBut { font-size: 0.22 * 100rpx; color: #fff; margin-top: 0.27 * 100rpx; height: 0.5 * 100rpx; line-height: 0.5 * 100rpx; } /*订单产品*/ .orderGoods { background-color: #fff; margin-top: 0.12 * 100rpx; } .orderGoods .total { box-sizing: border-box; width: 100%; height: 0.86 * 100rpx; padding: 0 0.3 * 100rpx; border-bottom: 0.01 * 100rpx solid #eee; font-size: 0.3 * 100rpx; color: #282828; line-height: 0.86 * 100rpx; } .goodWrapper .item { margin-left: 0.3 * 100rpx; padding-right: 0.3 * 100rpx; border-bottom: 0.02 * 100rpx solid #f0f0f0; height: 1.8 * 100rpx; } .goodWrapper .item .pictrue { width: 1.3 * 100rpx; height: 1.3 * 100rpx; } .goodWrapper .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .goodWrapper .item .text { width: 5.37 * 100rpx; position: relative; } .goodWrapper .item .text .name { font-size: 0.28 * 100rpx; color: #282828; width: 4.53 * 100rpx; } .goodWrapper .item .text .num { font-size: 0.26 * 100rpx; color: #868686; } .goodWrapper .item .text .attr { font-size: 0.2 * 100rpx; color: #868686; margin-top: 0.07 * 100rpx; } .goodWrapper .item .text .money { font-size: 0.26 * 100rpx; margin-top: 0.17 * 100rpx; } .goodWrapper .item .text .evaluate { position: absolute; width: 1.14 * 100rpx; height: 0.46 * 100rpx; border: 1px solid #e93323; color: #e93323; border-radius: 0.04 * 100rpx; text-align: center; line-height: 0.46 * 100rpx; right: 0; bottom: -0.1 * 100rpx; } .goodWrapper .item .text .evaluate.userEvaluated { font-size: 0.26 * 100rpx; color: #aaa; background-color: #f7f7f7; border-color: #f7f7f7; } /*地址弹窗*/ .address-window { background-color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; transform: translate3d(0, 100%, 0); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .address-window.on { transform: translate3d(0, 0, 0); } .address-window .title { font-size: 0.32 * 100rpx; font-weight: bold; text-align: center; height: 1.23 * 100rpx; line-height: 1.23 * 100rpx; position: relative; color: #333; } .address-window .title .iconfont { position: absolute; right: 0.3 * 100rpx; color: #8a8a8a; font-size: 0.35 * 100rpx; } .address-window .list { max-height: 6 * 100rpx; overflow-y: auto; overflow-x: hidden; } .address-window .list .item { margin-left: 0.3 * 100rpx; padding-right: 0.3 * 100rpx; border-bottom: 1px solid #eee; height: 1.29 * 100rpx; font-size: 0.25 * 100rpx; color: #333; } .address-window .list .item .iconfont { font-size: 0.37 * 100rpx; color: #2c2c2c; } .address-window .list .item .iconfont.icon-complete { font-size: 0.3 * 100rpx; color: #fff; } .address-window .list .item .addressTxt { width: 5.6 * 100rpx; } .address-window .list .item .addressTxt .name { font-size: 0.28 * 100rpx; font-weight: bold; color: #282828; margin-bottom: 0.04 * 100rpx; } .address-window .list .item .addressTxt .name .phone { margin-left: 0.18 * 100rpx; } .address-window .addressBnt { font-size: 0.3 * 100rpx; font-weight: bold; color: #fff; width: 6.9 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.43 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; margin: 0.85 * 100rpx auto; } .address-window .pictrue { width: 4.14 * 100rpx; height: 3.36 * 100rpx; margin: 0.8 * 100rpx auto; } .address-window .pictrue .image { width: 100%; height: 100%; } /*轮播图*/ .swiper { height: 2.82 * 100rpx; } .swiper .slide-image { width: 100%; height: 100%; } .swiper .swiper-pagination { text-align: right; padding-right: 0.4 * 100rpx; bottom: 0.1 * 100rpx; width: 100%; } .swiper .swiper-pagination-bullet { width: 0.12 * 100rpx; height: 0.12 * 100rpx; border: 0.02 * 100rpx solid #fff; border-radius: 50%; background-color: rgba(0, 0, 0, 0); opacity: 1; } .swiper .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 0.12 * 100rpx; } .swiper .swiper-pagination-bullet-active { border-color: #e93323; background-color: #e93323; } /**/ .goodsStyle { background-color: #fff; padding: 0.22 * 100rpx 0.3 * 100rpx; } .goodsStyle .pictrue { width: 1.2 * 100rpx; height: 1.2 * 100rpx; } .goodsStyle .pictrue .image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .goodsStyle .text { width: 5.45 * 100rpx; font-size: 0.28 * 100rpx; color: #999; } .goodsStyle .text .name { width: 3.6 * 100rpx; color: #282828; } .goodsStyle .text .money { text-align: right; } .goodsStyle .text .money .num { margin-top: 0.07 * 100rpx; } /*所有推广头部样式*/ .promoterHeader { width: 100%; height: 2.2 * 100rpx; } .promoterHeader .headerCon { width: 100%; height: 100%; padding: 0 0.88 * 100rpx 0 0.55 * 100rpx; font-size: 0.28 * 100rpx; color: #fff; background-image: url('https://wx.yixiang.co/static/images/transparent.png'); background-repeat: no-repeat; background-size: 100% 100%; } .promoterHeader .headerCon .name { margin-bottom: 0.02 * 100rpx; } .promoterHeader .headerCon .num { font-size: 0.5 * 100rpx; } .promoterHeader .headerCon .iconfont { font-size: 1.25 * 100rpx; } /*首页优惠券弹窗*/ .coupon-window { background-image: url('https://wx.yixiang.co/static/images/coupon-window.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 6.3 * 100rpx; height: 6.49 * 100rpx; position: fixed; top: 20%; z-index: 99; left: 50%; margin-left: -3.05 * 100rpx; transform: translate3d(0, -200%, 0); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .coupon-window.on { transform: translate3d(0, 0, 0); } .coupon-window .couponWinList { width: 4.8 * 100rpx; margin: 1.57 * 100rpx 0 0 0.6 * 100rpx; height: 4.15 * 100rpx; overflow: auto; } .coupon-window .couponWinList .item { width: 100%; height: 1.2 * 100rpx; background-color: #fff; position: relative; margin-bottom: 0.17 * 100rpx; } .coupon-window .couponWinList .item::after { content: ''; position: absolute; width: 0.18 * 100rpx; height: 0.18 * 100rpx; border-radius: 50%; background-color: #eb3729; left: 25.5%; bottom: 0; margin-bottom: -0.09 * 100rpx; } .coupon-window .couponWinList .item::before { content: ''; position: absolute; width: 0.18 * 100rpx; height: 0.18 * 100rpx; border-radius: 50%; background-color: #eb3729; left: 25.5%; top: 0; margin-top: -0.09 * 100rpx; } .coupon-window .couponWinList .item .money { width: 1.3 * 100rpx; border-right: 1px dashed #ddd; height: 100%; text-align: center; line-height: 1.2 * 100rpx; font-size: 0.26 * 100rpx; font-weight: bold; } .coupon-window .couponWinList .item .money .num { font-size: 0.4 * 100rpx; } .coupon-window .couponWinList .item .text { width: 3.49 * 100rpx; font-size: 0.22 * 100rpx; color: #999; padding: 0 0.29 * 100rpx; } .coupon-window .couponWinList .item .text .name { font-size: 0.26 * 100rpx; color: #282828; font-weight: bold; margin-bottom: 0.09 * 100rpx; } .coupon-window .lid { background-image: url('https://wx.yixiang.co/static/images/coupon-window2.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 5.73 * 100rpx; height: 2.24 * 100rpx; position: fixed; left: 50%; top: 20%; margin: 4.24 * 100rpx 0 0 -2.96 * 100rpx; } .coupon-window .lid .bnt { font-size: 0.29 * 100rpx; width: 4.4 * 100rpx; height: 0.8 * 100rpx; border-radius: 0.4 * 100rpx; background-color: #f9f1d3; text-align: center; line-height: 0.8 * 100rpx; font-weight: bold; margin: 0.98 * 100rpx auto 0 auto; } .coupon-window .lid .iconfont { color: #fff; font-size: 0.6 * 100rpx; text-align: center; margin-top: 0.87 * 100rpx; } /*首页*/ .index .header { height: 0.98 * 100rpx; width: 100%; padding: 0 30rpx; box-sizing: border-box; } .index .header .logo { width: 1.27 * 100rpx; height: 0.45 * 100rpx; margin-right: 0.25 * 100rpx; } .index .header .logo image { width: 100%; height: 100%; display: block; } .index .header .search { // width: 100%; flex: 1; box-sizing: border-box; height: 0.64 * 100rpx; background-color: #f7f7f7; border-radius: 0.5 * 100rpx; padding: 0 0.28 * 100rpx; font-size: 0.28 * 100rpx; color: #bbb; } .index .header .qr { width: 0.34 * 150rpx; height: 0.34 * 150rpx; font-size: 0.34 * 100rpx; margin-left: 0.16 * 100rpx; margin-right: 0.16 * 100rpx; } .index .header .qr image { width: 0.34 * 150rpx; height: 0.34 * 150rpx; } .index .header .search .iconfont { font-size: 0.34 * 100rpx; margin-right: 0.16 * 100rpx; } .index .banner { height: 3.75 * 100rpx; } .index .banner swiper { height: 3.75 * 100rpx; } .index .banner image { width: 100%; height: 3.75 * 100rpx; } .index .banner .swiper-pagination { bottom: 0.07 * 100rpx; } .index .banner .swiper-pagination-bullet { width: 0.2 * 100rpx; height: 0.04 * 100rpx; border-radius: 0.03 * 100rpx; background-color: #fff; opacity: 0.6; } .index .banner .swiper-pagination-bullet-active { opacity: 1; } .index .nav { padding-top: 0.26 * 100rpx; } .index .nav .item { width: 25%; text-align: center; font-size: 0.26 * 100rpx; margin-bottom: 0.35 * 100rpx; } .index .nav .item .pictrue { width: 0.9 * 100rpx; height: 0.9 * 100rpx; margin: 0 auto 0.15 * 100rpx auto; } .index .nav .item .pictrue image { width: 100%; height: 100%; border-radius: 50%; } .index .news { align-items: center; height: 0.77 * 100rpx; border-top: 1px solid #f4f4f4; padding: 0 0.3 * 100rpx; box-shadow: 0 0.1 * 100rpx 0.3 * 100rpx #f5f5f5; -moz-box-shadow: 0 0.1 * 100rpx 0.3 * 100rpx #f5f5f5; -o-box-shadow: 0 0.1 * 100rpx 0.3 * 100rpx #f5f5f5; background: #fffbe8; } .index .news .pictrue { width: 26rpx; height: 26rpx; border-right: 1px solid #ddd; padding-right: 0.23 * 100rpx; box-sizing: content-box; -moz-box-sizing: content-box; margin-right: 20rpx; } .index .news .pictrue image { width: 100%; height: 100%; display: block; } .index .news .new-banner { flex: 1; overflow: hidden; height: 0.77 * 100rpx; } .index .news .new-banner .swiper-wrapper { height: 0.77 * 100rpx; width: 100%; } .index .news .new-banner .swiper-slide { height: 0.77 * 100rpx; width: 100%; } .index .news .new-banner .swiper-slide .swiper-item { height: 0.77 * 100rpx; width: 100%; } .index .news .new-banner .text { width: 4.8 * 100rpx; height: 0.77 * 100rpx; } .index .news .new-banner .text .label { font-size: 0.2 * 100rpx; color: #eb3729; width: 0.68 * 100rpx; height: 0.34 * 100rpx; border-radius: 0.2 * 100rpx; text-align: center; line-height: 0.34 * 100rpx; border: 0.02 * 100rpx solid #eb3729; } .index .news .new-banner .text .newsTitle { width: 3.97 * 100rpx; font-size: 0.24 * 100rpx; color: #666; } .index .news .new-banner .iconfont { font-size: 0.28 * 100rpx; color: #888; } .index .specialArea { padding: 0.3 * 100rpx; } .index .specialArea .assemble { width: 2.6 * 100rpx; height: 2.6 * 100rpx; position: relative; } .index .specialArea .assemble image { width: 100%; height: 100%; border-radius: 0.05 * 100rpx; } .index .specialArea .assemble .text { position: absolute; top: 0.37 * 100rpx; left: 0.22 * 100rpx; } .index .specialArea .name { font-size: 0.3 * 100rpx; color: #fff; } .index .specialArea .infor { font-size: 0.22 * 100rpx; color: rgba(255, 255, 255, 0.8); margin-top: 0.05 * 100rpx; } .index .specialArea .list { height: 2.6 * 100rpx; width: 4.16 * 100rpx; } .index .specialArea .item { width: 100%; height: 1.24 * 100rpx; position: relative; } .index .specialArea .item image { width: 100%; height: 100%; } .index .specialArea .item .text { position: absolute; top: 0.23 * 100rpx; left: 0.28 * 100rpx; } .index .wrapper .title { border-top: 1px solid #eee; padding-top: 0.34 * 100rpx; margin: 0 0.3 * 100rpx; &.no-border { border: 0; } } .index .wrapper.hot + .wrapper { border-top: 0; } .index .wrapper .goodList { margin-bottom: 0.34 * 100rpx; } .index .wrapper .title .text { font-size: 0.24 * 100rpx; color: #999; width: 5.3 * 100rpx; text-align: left; } .index .wrapper .title .text-center .name { justify-content: center; } .index .wrapper .title .text .name { color: #282828; font-size: 28rpx; font-weight: bold; margin-bottom: 0.05 * 100rpx; position: relative; display: flex; align-items: center; } .index .wrapper .title .text .name .iconfont { margin-right: 10rpx; } .index .wrapper .title .text .name .new { position: absolute; top: 0.02 * 100rpx; left: 1.3 * 100rpx; font-size: 0.16 * 100rpx; font-weight: bold; } .index .wrapper .title .more { font-size: 0.26 * 100rpx; color: #333; } .index .wrapper .title .more .iconfont { margin-left: 0.02 * 100rpx; font-size: 0.26 * 100rpx; } .index .wrapper .scroll-product { white-space: nowrap; margin-top: 0.38 * 100rpx; padding: 0 0.3 * 100rpx 0.37 * 100rpx 0.3 * 100rpx; overflow: hidden; } .index .wrapper .scroll-product .swiper-slide { width: 1.8 * 100rpx; display: inline-block; margin-right: 0.19 * 100rpx; border-bottom: 0.04 * 100rpx solid #47b479; box-shadow: 0 0.15 * 100rpx 0.15 * 100rpx -0.1 * 100rpx #eee; -moz-box-shadow: 0 0.15 * 100rpx 0.15 * 100rpx -0.1 * 100rpx #eee; -o-box-shadow: 0 0.15 * 100rpx 0.15 * 100rpx -0.1 * 100rpx #eee; } .index .wrapper .scroll-product .swiper-slide:nth-of-type(3n) { border-bottom: 0.04 * 100rpx solid #ff6960; } .index .wrapper .scroll-product .swiper-slide:nth-of-type(3n-1) { border-bottom: 0.04 * 100rpx solid #579afe; } .index .wrapper .scroll-product .swiper-slide:nth-last-child(1) { margin-right: 0; } .index .wrapper .scroll-product .swiper-slide .img-box { width: 100%; height: 1.8 * 100rpx; } .index .wrapper .scroll-product .swiper-slide .img-box image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx 0.06 * 100rpx 0 0; } .index .wrapper .scroll-product .swiper-slide .pro-info { font-size: 0.24 * 100rpx; color: #282828; text-align: center; height: 0.6 * 100rpx; line-height: 0.6 * 100rpx; border: 1px solid #f5f5f5; border-bottom: 0; border-top: 0; padding: 0 0.1 * 100rpx; } .index .wrapper .boutique { width: 6.9 * 100rpx; height: 2.9 * 100rpx; margin: 0.28 * 100rpx auto 0 auto; } .index .wrapper .boutique { width: 6.9 * 100rpx; height: 2.9 * 100rpx; margin: 0.28 * 100rpx auto 0 auto; } .index .wrapper .boutique image { width: 100%; height: 2.6 * 100rpx; } .index .wrapper .boutique .swiper-pagination { bottom: -0.08 * 100rpx; width: 100%; } .index .wrapper .boutique .swiper-pagination-bullet { width: 0.07 * 100rpx; height: 0.07 * 100rpx; border-radius: 50%; background-color: #fc4141; opacity: 0.3; } .index .wrapper .boutique .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 0.1 * 100rpx; } .index .wrapper .boutique .swiper-pagination-bullet-active { width: 0.2 * 100rpx; height: 0.07 * 100rpx; border-radius: 0.035 * 100rpx; opacity: 1; } .index .hotList .hot-bg { width: 100%; height: 2.15 * 100rpx; background-image: url('https://wx.yixiang.co/static/images/index-bg.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 0 0.3 * 100rpx; font-size: 0.24 * 100rpx; color: #fff; margin-top: 0.15 * 100rpx; } .index .hotList .hot-bg .title { height: 0.87 * 100rpx; } .index .hotList .hot-bg .title .text { width: 5.75 * 100rpx; } .index .hotList .hot-bg .title .text .label { font-size: 0.3 * 100rpx; font-weight: bold; margin-right: 0.2 * 100rpx; } .index .hotList .hot-bg .title .more { font-size: 0.26 * 100rpx; color: #fff; } .index .hotList .hot-bg .title .more .iconfont { font-size: 0.25 * 100rpx; vertical-align: 0.02 * 100rpx; margin-left: 0.1 * 100rpx; } .index .hotList .list { width: 6.9 * 100rpx; height: 3.3 * 100rpx; border-radius: 0.2 * 100rpx; background-color: #fff; margin: -1.28 * 100rpx auto 0 auto; padding: 0 0.22 * 100rpx; box-shadow: 0 0 0.2 * 100rpx -0.1 * 100rpx #aaa; -moz-box-shadow: 0 0 0.2 * 100rpx -0.1 * 100rpx #aaa; -o-box-shadow: 0 0 0.2 * 100rpx -0.1 * 100rpx #aaa; } .index .hotList .list .item { width: 2 * 100rpx; text-align: left; } .index .hotList .list .item ~ .item { margin-left: 0.23 * 100rpx; } .index .hotList .list .item .pictrue { width: 100%; height: 2 * 100rpx; position: relative; } .index .hotList .list .item .pictrue image { width: 100%; height: 100%; border-radius: 0.1 * 100rpx; } .index .hotList .list .item .pictrue .numPic { width: 0.5 * 100rpx; height: 0.5 * 100rpx; border-radius: 50%; position: absolute; top: 0.07 * 100rpx; left: 0.07 * 100rpx; } .index .hotList .list .item .name { font-size: 0.26 * 100rpx; color: #282828; margin-top: 0.12 * 100rpx; } .index .hotList .list .item .money { font-size: 0.2 * 100rpx; font-weight: bold; margin-top: 0.02 * 100rpx; } .index .hotList .list .item .money .num { font-size: 0.28 * 100rpx; } .index .adver { width: 100%; height: 1.8 * 100rpx; margin-top: 0.37 * 100rpx; } .index .adver image { width: 100%; height: 100%; display: block; } .index .hot { position: relative; background: none; } .index .hot .title { position: relative; z-index: 9; } .index .hot .title .text .name { color: #fff; } .index .hot .title .more { color: #fff; } .index .hot .title .more .iconfont { color: #fff; } .index .hot .bg { width: 100%; position: absolute; left: 0; top: 0; right: 0; } .index .wrapper.hot .newProducts .newProductsItem { border: 0; } .index .wrapper.hot .title .text { color: #fff; font-size: 28rpx; .iconfont { margin-right: 10rpx; } } .index .wrapper.hot .newProducts { white-space: nowrap; padding: 0 0.3 * 100rpx; margin: 0.35 * 100rpx; overflow: hidden; background-color: #fff; padding: 0.3 * 100rpx; z-index: 99; position: relative; margin-bottom: 0; border-radius: 0.2 * 100rpx; box-shadow: 0 0 0.2 * 100rpx -0.1 * 100rpx #aaa; } .index .wrapper .newProducts { white-space: nowrap; padding: 0 0.3 * 100rpx; margin: 0.35 * 100rpx 0 0.42 * 100rpx 0; overflow: hidden; } .index .wrapper .newProducts .swiper-wrapper { height: 350rpx; } .index .wrapper .newProducts { } .index .wrapper.hot .newProducts .newProductsItem { width: 2.4 * 100rpx; min-width: 2.4 * 100rpx; margin-right: 0.2 * 100rpx; flex: 0 2.4 * 100rpx; } .index .wrapper .newProducts .newProductsScroll { display: flex; flex-direction: row; } .index .wrapper.hot .newProducts .newProductsItem image { width: 2.4 * 100rpx; height: 2.4 * 100rpx; } .index .wrapper .newProducts .newProductsItem { border: 1rpx solid #eee; width: 2.4 * 100rpx; min-width: 2.4 * 100rpx; border-radius: 0.12 * 100rpx; overflow: hidden; margin-right: 0.2 * 100rpx; flex: 0 2.4 * 100rpx; } .index .wrapper .newProducts:nth-last-child(1) { } .index .wrapper .newProducts .img-box { width: 100%; height: 2.4 * 100rpx; } .index .wrapper.hot .newProducts .img-box { width: 2.4 * 100rpx; } .index .wrapper .newProducts .img-box image { width: 100%; height: 100%; border-radius: 0.12 * 100rpx 0.12 * 100rpx 0 0; } .index .wrapper.hot .newProducts .img-box image { border-radius: 0.12 * 100rpx; } .index .wrapper .newProducts .pro-info { font-size: 0.28 * 100rpx; color: #333; text-align: center; padding: 0.15 * 100rpx 0.1 * 100rpx 0 0.1 * 100rpx; } .index .wrapper .newProducts .money { padding: 0 0.1 * 100rpx 0.18 * 100rpx 0.1 * 100rpx; text-align: center; font-size: 0.26 * 100rpx; font-weight: bold; } .index .wrapper.hot .newProducts .pro-info { text-align: left; } .index .wrapper.hot .newProducts .money { text-align: left; } /*商品列表*/ .productList .search { width: 100%; height: 0.86 * 100rpx; padding-left: 0.23 * 100rpx; padding-right: 0.23 * 100rpx; position: fixed; left: 0; top: 0; z-index: 5; box-sizing: border-box; } .productList .search .input { flex: 1; height: 0.6 * 100rpx; background-color: #fff; border-radius: 0.5 * 100rpx; padding: 0 0.2 * 100rpx; margin-right: 0.23 * 100rpx; } .productList .search .input input { width: 5.48 * 100rpx; height: 100%; font-size: 0.26 * 100rpx; } .productList .search .input input::placeholder { color: #999; } .productList .search .input .iconfont { font-size: 0.35 * 100rpx; color: #555; } .productList .search .icon-pailie, .productList .search .icon-tupianpailie { margin: 0 auto; color: #fff; width: 0.4 * 100rpx; font-size: 0.4 * 100rpx; height: 0.86 * 100rpx; line-height: 0.86 * 100rpx; } .productList .nav { height: 0.86 * 100rpx; color: #454545; position: fixed; left: 0; width: 100%; font-size: 0.28 * 100rpx; background-color: #fff; top: 0.86 * 100rpx; z-index: 5; } .productList .nav .item { width: 25%; text-align: center; } .productList .nav .item.font-color { font-weight: bold; } .productList .nav .item image { width: 0.15 * 100rpx; height: 0.19 * 100rpx; margin-left: 0.1 * 100rpx; } .productList .list { padding: 0 0.2 * 100rpx; margin-top: 1.72 * 100rpx; } .productList .list.on { background-color: #fff; border-top: 1px solid #f6f6f6; } .productList .list .item { width: 3.45 * 100rpx; margin-top: 0.2 * 100rpx; background-color: #fff; border-radius: 0.1 * 100rpx; } .productList .list .item.on { width: 100%; display: flex; border-bottom: 1px solid #f6f6f6; padding: 0.3 * 100rpx 0; margin: 0; } .productList .list .item .pictrue { width: 100%; height: 3.45 * 100rpx; } .productList .list .item .pictrue.on { width: 1.8 * 100rpx; height: 1.8 * 100rpx; } .productList .list .item .pictrue image { width: 100%; height: 100%; border-radius: 0.1 * 100rpx 0.1 * 100rpx 0 0; } .productList .list .item .pictrue img.on { border-radius: 0.06 * 100rpx; } .productList .list .item .text { padding: 0.2 * 100rpx 0.17 * 100rpx 0.26 * 100rpx 0.17 * 100rpx; font-size: 0.3 * 100rpx; color: #222; text-align: left; } .productList .list .item .text.on { width: 5.08 * 100rpx; padding: 0 0 0 0.22 * 100rpx; } .productList .list .item .text .money { font-size: 0.26 * 100rpx; font-weight: bold; margin-top: 0.08 * 100rpx; } .productList .list .item .text .money.on { margin-top: 0.4 * 100rpx; } .productList .list .item .text .money .num { font-size: 0.34 * 100rpx; } .productList .list .item .text .vip { font-size: 0.22 * 100rpx; color: #aaa; margin-top: 0.07 * 100rpx; } .productList .list .item .text .vip.on { margin-top: 0.11 * 100rpx; } .productList .list .item .text .vip .vip-money { font-size: 0.24 * 100rpx; color: #282828; font-weight: bold; text-decoration: line-through; } .productList .list .item .text .vip .vip-money image { width: 0.46 * 100rpx; height: 0.21 * 100rpx; margin-left: 0.04 * 100rpx; } /*购物车*/ .shoppingCart .labelNav { box-sizing: border-box; height: 0.76 * 100rpx; padding: 0 0.3 * 100rpx; font-size: 0.22 * 100rpx; color: #8c8c8c; position: fixed; left: 0; width: 100%; background-color: #f5f5f5; z-index: 5; top: 0; /* #ifdef H5 */ // top: calc(0 + env(safe-area-inset-top)); /* #endif */ } .shoppingCart .labelNav .item .iconfont { font-size: 0.25 * 100rpx; margin-right: 0.1 * 100rpx; } .shoppingCart .nav { box-sizing: border-box; width: 100%; height: 0.8 * 100rpx; background-color: #fff; padding: 0 0.3 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; position: fixed; left: 0; z-index: 5; top: 0.76 * 100rpx; border-bottom: 1px solid #f5f5f5; /* #ifdef H5 */ // top: calc(0 + env(safe-area-inset-top) + 76rpx); /* #endif */ } .shoppingCart .nav .administrate { font-size: 0.26 * 100rpx; color: #282828; width: 1.1 * 100rpx; height: 0.46 * 100rpx; border-radius: 0.06 * 100rpx; border: 1px solid #868686; } .shoppingCart .noCart { margin-top: 1.71 * 100rpx; background-color: #fff; padding: 0.78 * 100rpx 0 0.56 * 100rpx 0; } .shoppingCart .noCart .pictrue { width: 4.14 * 100rpx; height: 3.36 * 100rpx; margin: 0 auto; } .shoppingCart .noCart .pictrue image { width: 100%; height: 100%; } .shoppingCart .list { margin-top: .8 * 100rpx; } .shoppingCart .list .item { padding: 0.25 * 100rpx 0.3 * 100rpx; background-color: #fff; margin-bottom: 0.15 * 100rpx; } .shoppingCart .list .item .picTxt { width: 6.27 * 100rpx; position: relative; } .shoppingCart .list .item .picTxt .pictrue { width: 1.6 * 100rpx; height: 1.6 * 100rpx; } .shoppingCart .list .item .picTxt .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .shoppingCart .list .item .picTxt .text { width: 4.44 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; text-align: left; } .shoppingCart .list .item .picTxt .text .infor { font-size: 0.24 * 100rpx; color: #868686; margin-top: 0.16 * 100rpx; } .shoppingCart .list .item .picTxt .text .money { font-size: 0.32 * 100rpx; color: #282828; margin-top: 0.26 * 100rpx; } .shoppingCart .list .item .picTxt .carnum { height: 0.44 * 100rpx; position: absolute; bottom: 0.07 * 100rpx; right: 0; } .shoppingCart .list .item .picTxt .carnum view { border: 1px solid #a4a4a4; width: 0.66 * 100rpx; text-align: center; height: 100%; line-height: 0.44 * 100rpx; font-size: 0.28 * 100rpx; color: #a4a4a4; } .shoppingCart .list .item .picTxt .carnum .reduce { border-right: 0; border-radius: 0.03 * 100rpx 0 0 0.03 * 100rpx; line-height: 0.39 * 100rpx; } .shoppingCart .list .item .picTxt .carnum .reduce.on { border-color: #e3e3e3; color: #dedede; } .shoppingCart .list .item .picTxt .carnum .plus { border-left: 0; border-radius: 0 0.03 * 100rpx 0.03 * 100rpx 0; line-height: 0.38 * 100rpx; } .shoppingCart .list .item .picTxt .carnum .num { color: #282828; } .shoppingCart .invalidGoods { background-color: #fff; } .shoppingCart .invalidGoods .goodsNav { box-sizing: border-box; width: 100%; height: 0.66 * 100rpx; padding: 0 0.3 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .shoppingCart .invalidGoods .goodsNav .iconfont { color: #424242; font-size: 0.28 * 100rpx; margin-right: 0.17 * 100rpx; } .shoppingCart .invalidGoods .goodsNav .del { font-size: 0.26 * 100rpx; color: #999; } .shoppingCart .invalidGoods .goodsNav .del .icon-shanchu1 { color: #999; font-size: 0.33 * 100rpx; vertical-align: -0.02 * 100rpx; margin-right: 0.08 * 100rpx; } .shoppingCart .invalidGoods .goodsList .item { padding: 0.2 * 100rpx 0.3 * 100rpx; border-top: 1px solid #f5f5f5; } .shoppingCart .invalidGoods .goodsList .item .invalid { font-size: 0.22 * 100rpx; color: #fff; width: 0.7 * 100rpx; height: 0.36 * 100rpx; background-color: #aaa; border-radius: 0.03 * 100rpx; } .shoppingCart .invalidGoods .goodsList .item .pictrue { width: 1.4 * 100rpx; height: 1.4 * 100rpx; } .shoppingCart .invalidGoods .goodsList .item .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .shoppingCart .invalidGoods .goodsList .item .text { width: 4.33 * 100rpx; font-size: 0.28 * 100rpx; color: #999; height: 1.4 * 100rpx; text-align: left; } .shoppingCart .invalidGoods .goodsList .item .text .infor { font-size: 0.24 * 100rpx; } .shoppingCart .invalidGoods .goodsList .item .text .end { font-size: 0.26 * 100rpx; color: #bbb; } .shoppingCart .footer { box-sizing: border-box; width: 100%; height: 0.96 * 100rpx; background-color: #fafafa; position: fixed; bottom: 0; padding: 0 0.3 * 100rpx; border-top: 1px solid #eee; } .shoppingCart .iphonex-footer { bottom: 168rpx; } .shoppingCart .footer .checkAll { font-size: 0.28 * 100rpx; color: #282828; margin-left: 0.1 * 100rpx; } .shoppingCart .footer .money { font-size: 0.3 * 100rpx; } .shoppingCart .footer .placeOrder { color: #fff; font-size: 0.3 * 100rpx; width: 2.26 * 100rpx; height: 0.7 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.7 * 100rpx; margin-left: 0.22 * 100rpx; } .shoppingCart .footer .button .bnt { font-size: 0.28 * 100rpx; color: #999; border-radius: 0.5 * 100rpx; border: 1px solid #999; width: 1.6 * 100rpx; height: 0.6 * 100rpx; text-align: center; line-height: 0.6 * 100rpx; } .shoppingCart .footer .button .bnt ~ .bnt { margin-left: 0.17 * 100rpx; } /*个人中心*/ .user .header { padding: 0 0.3 * 100rpx; height: 1.9 * 100rpx; position: relative; } .user .header:after { position: absolute; left: 0; right: 0; bottom: -0.98 * 100rpx; z-index: -1; content: ''; height: 1 * 100rpx; width: 100%; border-radius: 0 0 50% 50%; background-color: #eb3729; } .user .header .picTxt .pictrue { width: 1.2 * 100rpx; height: 1.2 * 100rpx; } .user .header .picTxt .pictrue image { width: 100%; height: 100%; border-radius: 50%; border: 0.03 * 100rpx solid #f5f5f5; } .user .header .picTxt .text { width: 4.34 * 100rpx; color: rgba(255, 255, 255, 1); margin-left: 0.35 * 100rpx; text-align: left; } .user .header .picTxt .text .name { font-size: 0.32 * 100rpx; max-width: 2.6 * 100rpx; width: unset; } .user .header .picTxt .text .member { padding: 0 0.1 * 100rpx; height: 0.36 * 100rpx; background-color: rgba(0, 0, 0, 0.2); font-size: 0.2 * 100rpx; border-radius: 0.3 * 100rpx; margin-left: 0.17 * 100rpx; } .user .header .picTxt .text .member image { width: 0.28 * 100rpx; height: 0.28 * 100rpx; font-size: 0.2 * 100rpx; margin-right: 0.08 * 100rpx; } .user .header .picTxt .text .id { color: rgba(255, 255, 255, 0.6); font-size: 0.26 * 100rpx; margin-top: 0.15 * 100rpx; } .user .header .picTxt .text .id .iconfont { font-size: 0.3 * 100rpx; margin-left: 0.12 * 100rpx; } .user .header .icon-shezhi { font-size: 0.36 * 100rpx; color: #fff; margin-top: -0.52 * 100rpx; } .user .wrapper { padding: 0 0.2 * 100rpx; } .user .wrapper .nav { background-color: #fff; border-radius: 0.06 * 100rpx; height: 1.4 * 100rpx; } .user .wrapper .nav .item { flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.26 * 100rpx; color: #aaa; position: relative; } .user .wrapper .nav .item text { display: block; } .user .wrapper .nav .item ~ .item:after { position: absolute; content: ''; left: 0; width: 1px; height: 0.7 * 100rpx; background-color: #eee; top: 50%; margin-top: -0.35 * 100rpx; } .user .wrapper .nav .item .num { margin-top: 0.1 * 100rpx; font-size: 0.36 * 100rpx; color: #282828; } .user .wrapper .myOrder { background-color: #fff; border-radius: 0.1 * 100rpx; margin-top: 0.15 * 100rpx; } .user .wrapper .myOrder .title, .user .wrapper .myService .title { height: 0.88 * 100rpx; padding: 0 0.3 * 100rpx; border-bottom: 1px dashed #eee; font-size: 0.3 * 100rpx; color: #282828; } .user .wrapper .myOrder .title .allOrder { font-size: 0.26 * 100rpx; color: #666; } .user .wrapper .myOrder .title .allOrder .iconfont { font-size: 0.25 * 100rpx; margin-left: 0.07 * 100rpx; } .user .wrapper .myOrder .orderState { height: 1.6 * 100rpx; } .user .wrapper .myOrder .orderState .item { font-size: 0.26 * 100rpx; color: #454545; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; } .user .wrapper .myOrder .orderState .item .pictrue { width: 0.49 * 100rpx; height: 0.42 * 100rpx; margin: 0 auto 0.18 * 100rpx auto; } .user .wrapper .myOrder .orderState .item .pictrue image { width: 100%; height: 100%; } .user .wrapper .myService { background-color: #fff; margin-top: 0.15 * 100rpx; border-radius: 0.1 * 100rpx; } .user .wrapper .myService .serviceList { padding: 0.08 * 100rpx 0 0.27 * 100rpx 0; } .user .wrapper .myService .serviceList .item { width: 100%; text-align: left; font-size: 0.26 * 100rpx; color: #333; display: flex; align-items: center; padding: 0.2 * 100rpx 0.3 * 100rpx; position: relative; .iconfont { font-size: 0.26 * 100rpx; color: #666; } &::after { content: ''; display: block; position: absolute; left: 0.3 * 100rpx; right: 0; bottom: 0; border-bottom: 1rpx solid #f5f5f5; z-index: 99; height: 1rpx; } } .user .wrapper .myService .serviceList .item .pictrue { width: 36rpx; height: 36rpx; margin-right: 0.16 * 100rpx; } .user .wrapper .myService .serviceList .item .cell { flex: 1; } .user .wrapper .myService .serviceList .item .pictrue image { width: 100%; height: 100%; } .user .support { width: 2.19 * 100rpx; height: 0.74 * 100rpx; margin: 0.54 * 100rpx auto; display: block; } /*所有产品的详情公用部分*/ .product-con .wrapper { background-color: #fff; } .product-con .wrapper .share { margin: 0 0.3 * 100rpx; padding-top: 0.25 * 100rpx; } .product-con .wrapper .share .money { font-size: 0.28 * 100rpx; font-weight: bold; } .product-con .wrapper .share .money .num { font-size: 0.48 * 100rpx; } .product-con .wrapper .share .money .vip-money { color: #282828; margin-left: 0.13 * 100rpx; } .product-con .wrapper .share .money .image { width: 0.46 * 100rpx; height: 0.21 * 100rpx; margin-left: 0.07 * 100rpx; } .product-con .wrapper .share .money .vip-money { color: #282828; margin-left: 0.13 * 100rpx; } .product-con .wrapper .share .iconfont { color: #515151; font-size: 0.4 * 100rpx; margin-bottom: 0.1 * 100rpx; } .product-con .wrapper .introduce { font-size: 0.32 * 100rpx; font-weight: bold; margin: 0.1 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; } .product-con .wrapper .label { margin: 0.22 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; font-size: 0.24 * 100rpx; color: #82848f; padding-bottom: 0.25 * 100rpx; } .product-con .wrapper .coupon { padding: 0 0.3 * 100rpx; border-top: 1px solid #f5f5f5; height: 0.8 * 100rpx; font-size: 0.26 * 100rpx; color: #82848f; } .product-con .wrapper .coupon .hide { text-overflow: clip; flex: 1; height: 0.8 * 100rpx; line-height: 0.8 * 100rpx; } .product-con .wrapper .coupon .activity { height: 0.4 * 100rpx; padding: 0 0.2 * 100rpx; border: 1px solid #f2857b; color: #e93323; font-size: 0.24 * 100rpx; line-height: 0.4 * 100rpx; position: relative; margin: 0.19 * 100rpx 0 0.19 * 100rpx 0.15 * 100rpx; } .product-con .wrapper .coupon .activity:before { content: ' '; position: absolute; width: 0.07 * 100rpx; height: 0.1 * 100rpx; border-radius: 0 0.07 * 100rpx 0.07 * 100rpx 0; border: 1px solid #f2857b; background-color: #fff; bottom: 50%; left: -0.02 * 100rpx; margin-bottom: -0.07 * 100rpx; border-left-color: #fff; } .product-con .wrapper .coupon .activity:after { content: ' '; position: absolute; width: 0.07 * 100rpx; height: 0.1 * 100rpx; border-radius: 0.07 * 100rpx 0 0 0.07 * 100rpx; border: 1px solid #f2857b; background-color: #fff; right: -0.02 * 100rpx; bottom: 50%; margin-bottom: -0.05 * 100rpx; border-right-color: #fff; } .product-con .wrapper .coupon .iconfont { color: #7a7a7a; font-size: 0.28 * 100rpx; } .product-con .attribute { background-color: #fff; padding: 0 0.3 * 100rpx; font-size: 0.26 * 100rpx; color: #82848f; margin-top: 0.2 * 100rpx; height: 0.8 * 100rpx; } .product-con .attribute .atterTxt { font-size: 0.28 * 100rpx; color: #282828; } .product-con .attribute .iconfont { font-size: 0.28 * 100rpx; color: #7a7a7a; } .product-con .userEvaluation { margin-top: 0.2 * 100rpx; background-color: #fff; } .product-con .userEvaluation .title { height: 0.86 * 100rpx; border-bottom: 1px solid #eee; font-size: 0.28 * 100rpx; color: #282828; margin-left: 0.3 * 100rpx; padding-right: 0.3 * 100rpx; } .product-con .userEvaluation .title .praise { font-size: 0.28 * 100rpx; color: #808080; } .product-con .userEvaluation .title .praise .iconfont { color: #7a7a7a; font-size: 0.28 * 100rpx; vertical-align: 0.01 * 100rpx; margin-left: 0.08 * 100rpx; } .product-con .product-intro { margin-top: 0.2 * 100rpx; } .product-con .product-intro .title { // font-size: 0.3 * 100rpx; // color: #282828; // height: 0.86 * 100rpx; // width: 100%; // background-color: #fff; // text-align: center; // line-height: 0.86 * 100rpx; position: relative; width: 50%; margin: 1.5em auto; line-height: 1.5em; font-size: 30rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; &:after { content: ' '; position: absolute; border-bottom: 0.5px solid #e5e5e5; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); width: 100%; top: 9px; left: 0; z-index: -1; } text { background: #f5f5f5; padding: 0 20rpx; } } .product-con .product-intro .conter { width: 100%; } .product-con .product-intro .conter * { width: 100% !important; display: block !important; } /*产品详情*/ .product-con .footer { box-sizing: border-box; padding: 0 0.2 * 100rpx 0 0.3 * 100rpx; position: fixed; bottom: 0; width: 100%; height: 1 * 100rpx; background-color: #fff; z-index: 99; border-top: 1px solid #f0f0f0; } .product-con .footer .item { font-size: 0.18 * 100rpx; color: #666; margin-top: 0.07 * 100rpx; } .product-con .footer .item .iconfont { text-align: center; font-size: 0.4 * 100rpx; height: 0.4 * 100rpx; line-height: 0.4 * 100rpx; } .product-con .footer .item .iconfont.icon-gouwuche1 { position: relative; } .product-con .footer .item .iconfont.icon-gouwuche1 .num { color: #fff; position: absolute; font-size: 0.18 * 100rpx; border-radius: 2 * 100rpx; top: -0.1 * 100rpx; right: 0; height: 0.3 * 100rpx; line-height: 0.3 * 100rpx; padding: 0 0.08 * 100rpx; min-width: 0.3 * 100rpx; } .product-con .footer .bnt { width: 4.44 * 100rpx; height: 0.76 * 100rpx; color: #fff; font-size: 0.28 * 100rpx; } .product-con .footer .bnt > view { width: 2.22 * 100rpx; text-align: center; line-height: 0.76 * 100rpx; } .product-con .footer .bnt .joinCart { border-radius: 0.5 * 100rpx 0 0 0.5 * 100rpx; background-image: linear-gradient(to right, #fea10f 0%, #fea10f 100%); background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%); } .product-con .footer .bnt .buy { border-radius: 0 0.5 * 100rpx 0.5 * 100rpx 0; background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%); background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%); } .product-con .footer .bnt.seckill-bnt { flex: 1; margin-left: 20rpx; .buy { width: 100%; border-radius: 50rpx; } } /*订单提交*/ .order-submission .line { width: 100%; height: 0.03 * 100rpx; } .order-submission .line image { width: 100%; height: 100%; display: block; } .order-submission .address { padding: 0.28 * 100rpx 0.3 * 100rpx; background-color: #fff; } .order-submission .address .addressCon { width: 5.7 * 100rpx; font-size: 0.26 * 100rpx; color: #666; } .order-submission .address .addressCon .name { font-size: 0.3 * 100rpx; color: #282828; font-weight: bold; margin-bottom: 0.1 * 100rpx; } .order-submission .address .addressCon .name .phone { margin-left: 0.5 * 100rpx; } .order-submission .address .addressCon .default { margin-right: 0.12 * 100rpx; } .order-submission .address .addressCon .setaddress { color: #333; font-size: 0.28 * 100rpx; } .order-submission .address .iconfont { font-size: 0.35 * 100rpx; color: #707070; } .order-submission .wrapper { background-color: #fff; margin-top: 0.13 * 100rpx; } .order-submission .wrapper .item { padding: 0.27 * 100rpx 0.3 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; border-bottom: 1px solid #f0f0f0; } .order-submission .wrapper .item .discount { font-size: 0.3 * 100rpx; color: #999; width: 5 * 100rpx; text-align: right; } .order-submission .wrapper .item .discount .integral { margin-right: 0.4 * 100rpx; } .order-submission .wrapper .item .discount .checkbox-wrapper .icon { right: 0; left: unset; } .order-submission .wrapper .item .discount .iconfont { color: #515151; font-size: 0.3 * 100rpx; margin-left: 0.15 * 100rpx; } .order-submission .wrapper .item .discount .num { font-size: 0.32 * 100rpx; margin-right: 0.2 * 100rpx; } .order-submission .wrapper .item textarea { box-sizing: border-box; background-color: #f9f9f9; width: 100%; height: 1.4 * 100rpx; border-radius: 0.03 * 100rpx; margin-top: 0.3 * 100rpx; padding: 0.25 * 100rpx 0.28 * 100rpx; } .order-submission .wrapper .item textarea::placeholder { color: #ccc; } .order-submission .wrapper .item .list { margin-top: 0.35 * 100rpx; } .order-submission .wrapper .item .list .payItem { border: 1px solid #eee; border-radius: 0.06 * 100rpx; height: 0.86 * 100rpx; width: 100%; margin-top: 0.2 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .order-submission .wrapper .item .list .payItem.on { border-color: #fc5445; color: #e93323; } .order-submission .wrapper .item .list .payItem .name { width: 50%; text-align: center; border-right: 1px solid #eee; } .order-submission .wrapper .item .list .payItem .name .iconfont { width: 0.44 * 100rpx; height: 0.44 * 100rpx; border-radius: 50%; text-align: center; line-height: 0.44 * 100rpx; background-color: #fe960f; color: #fff; font-size: 0.3 * 100rpx; margin-right: 0.15 * 100rpx; } .order-submission .wrapper .item .list .payItem .name .iconfont.icon-weixin2 { background-color: #41b035; } .order-submission .wrapper .item .list .payItem .name .iconfont.icon-yinhangqia { background-color: #eb3729; } .order-submission .wrapper .item .list .payItem .tip { width: 49%; text-align: center; font-size: 0.26 * 100rpx; color: #aaa; } .order-submission .moneyList { margin-top: 0.12 * 100rpx; background-color: #fff; padding: 0.3 * 100rpx; } .order-submission .moneyList .item { font-size: 0.28 * 100rpx; color: #282828; } .order-submission .moneyList .item ~ .item { margin-top: 0.2 * 100rpx; } .order-submission .moneyList .item .money { color: #868686; } .order-submission .footer { box-sizing: border-box; width: 100%; height: 1 * 100rpx; background-color: #fff; padding: 0 0.3 * 100rpx; font-size: 0.28 * 100rpx; color: #333; position: fixed; bottom: 0; left: 0; } .order-submission .footer .settlement { font-size: 0.3 * 100rpx; color: #fff; width: 2.4 * 100rpx; height: 0.7 * 100rpx; background-color: #e93323; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.7 * 100rpx; } /*地址管理*/ .address-management .line { width: 100%; height: 0.03 * 100rpx; } .address-management .line image { width: 100%; height: 100%; display: block; } .address-management .item { background-color: #fff; padding: 0 0.3 * 100rpx; margin-bottom: 0.12 * 100rpx; } .address-management .item .address { padding: 0.3 * 100rpx 0; border-bottom: 1px solid #eee; font-size: 0.28 * 100rpx; color: #282828; } .address-management .item .address .consignee { font-size: 0.28 * 100rpx; font-weight: bold; margin-bottom: 0.08 * 100rpx; } .address-management .item .address .consignee .phone { margin-left: 0.25 * 100rpx; } .address-management .item .operation { height: 0.83 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .address-management .item .operation .default { margin-left: 0.1 * 100rpx; } .address-management .item .operation .iconfont { color: #2c2c2c; font-size: 0.3 * 100rpx; vertical-align: -0.02 * 100rpx; margin-right: 0.1 * 100rpx; } .address-management .item .operation .iconfont.icon-shanchu { margin-left: 0.4 * 100rpx; font-size: 0.33 * 100rpx; } .address-management .footer { box-sizing: border-box; position: fixed; width: 100%; background-color: #fff; bottom: 0; height: 1.06 * 100rpx; padding: 0 0.3 * 100rpx; } .address-management .footer .addressBnt { width: 3.3 * 100rpx; height: 0.76 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.76 * 100rpx; font-size: 0.3 * 100rpx; color: #fff; } .address-management .footer .addressBnt.on { width: 6.9 * 100rpx; margin: 0 auto; } .address-management .footer .addressBnt .iconfont { font-size: 0.35 * 100rpx; margin-right: 0.08 * 100rpx; vertical-align: -0.01 * 100rpx; } .address-management .footer .addressBnt.wxbnt { background-color: #eb3729; } /*添加地址*/ .addAddress .list { background-color: #fff; } .addAddress .list .item { padding: 0 0.3 * 100rpx; min-height: 0.9 * 100rpx; border-top: 0.01 * 100rpx solid #eee; font-size: 0.3 * 100rpx; } .addAddress .list .item .name { width: 1.95 * 100rpx; color: #333; } .addAddress .list .item input { width: 4.75 * 100rpx; font-size: 0.3 * 100rpx; } .addAddress .list .item input::placeholder { color: #ccc; } .addAddress .list .item .picker { width: 4.75 * 100rpx; } .addAddress .list .item .address { width: 4.1 * 100rpx; } .addAddress .list .item .picker .iconfont { font-size: 0.43 * 100rpx; } .addAddress .default { padding: 0 0.3 * 100rpx; height: 0.9 * 100rpx; background-color: #fff; margin-top: 0.23 * 100rpx; } .addAddress .default .def { margin-left: 0.1 * 100rpx; height: 0.83 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .addAddress .keepBnt { width: 6.9 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; margin: 0.5 * 100rpx auto 0.3 * 100rpx auto; font-size: 0.32 * 100rpx; color: #fff; } .addAddress .wechatAddress { width: 6.9 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; margin: 0 auto; font-size: 0.32 * 100rpx; color: #eb3729; border: 1px solid #eb3729; } /*我的订单*/ .my-order .header { height: 2.6 * 100rpx; padding: 0 0.3 * 100rpx; } .my-order .header .picTxt { height: 1.9 * 100rpx; } .my-order .header .picTxt .text { color: rgba(255, 255, 255, 0.8); font-size: 0.26 * 100rpx; font-family: 'GuildfordProBook 5'; } .my-order .header .picTxt .text .name { font-size: 0.34 * 100rpx; font-weight: bold; color: #fff; margin-bottom: 0.2 * 100rpx; } .my-order .header .picTxt .pictrue { width: 1.22 * 100rpx; height: 1.09 * 100rpx; } .my-order .header .picTxt .pictrue image { width: 100%; height: 100%; } .my-order .nav { background-color: #fff; width: 6.9 * 100rpx; height: 1.4 * 100rpx; border-radius: 0.06 * 100rpx; margin: -0.73 * 100rpx auto 0 auto; } .my-order .nav .item { text-align: center; font-size: 0.26 * 100rpx; color: #282828; padding: 0.29 * 100rpx 0 0.2 * 100rpx 0; } .my-order .nav .item.on { font-weight: bold; border-bottom: 0.05 * 100rpx solid #eb3729; } .my-order .nav .item .num { margin-top: 0.1 * 100rpx; } .my-order .list { width: 6.9 * 100rpx; margin: 0.14 * 100rpx auto 0 auto; } .my-order .list .item { background-color: #fff; border-radius: 0.06 * 100rpx; margin-bottom: 0.14 * 100rpx; } .my-order .list .item .title { height: 0.84 * 100rpx; padding: 0 0.3 * 100rpx; border-bottom: 0.01 * 100rpx solid #eee; font-size: 0.28 * 100rpx; color: #282828; } .my-order .list .item .title .sign { font-size: 0.24 * 100rpx; padding: 0 0.07 * 100rpx; height: 0.36 * 100rpx; margin-right: 0.15 * 100rpx; } .my-order .list .item .item-info { padding: 0 0.3 * 100rpx; margin-top: 0.22 * 100rpx; } .my-order .list .item .item-info .pictrue { width: 1.2 * 100rpx; height: 1.2 * 100rpx; } .my-order .list .item .item-info .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .my-order .list .item .item-info .text { width: 4.86 * 100rpx; font-size: 0.28 * 100rpx; color: #999; margin-top: 0.06 * 100rpx; } .my-order .list .item .item-info .text .name { width: 3.06 * 100rpx; color: #282828; } .my-order .list .item .item-info .text .money { text-align: right; } .my-order .list .item .totalPrice { font-size: 0.26 * 100rpx; color: #282828; text-align: right; margin: 0.27 * 100rpx 0 0 0.3 * 100rpx; padding: 0 0.3 * 100rpx 0.3 * 100rpx 0; border-bottom: 0.01 * 100rpx solid #eee; } .my-order .list .item .totalPrice .money { font-size: 0.28 * 100rpx; font-weight: bold; } .my-order .list .item .bottom { height: 1.07 * 100rpx; padding: 0 0.3 * 100rpx; } .my-order .list .item .bottom .bnt { width: 1.76 * 100rpx; height: 0.6 * 100rpx; text-align: center; line-height: 0.6 * 100rpx; color: #fff; border-radius: 0.5 * 100rpx; font-size: 0.27 * 100rpx; } .my-order .list .item .bottom .bnt.cancelBnt { border: 1px solid #ddd; color: #aaa; } .my-order .list .item .bottom .bnt.default { color: #444; border: 1px solid #444; } .my-order .list .item .bottom .bnt ~ .bnt { margin-left: 0.17 * 100rpx; } /*订单详情*/ .order-details .header { padding: 0 0.3 * 100rpx; height: 1.5 * 100rpx; } .order-details .header.on { background-color: #666 !important; } .order-details .header .pictrue { width: 1.1 * 100rpx; height: 1.1 * 100rpx; } .order-details .header .pictrue image { width: 100%; height: 100%; } .order-details .header .data { color: rgba(255, 255, 255, 0.8); font-size: 0.24 * 100rpx; margin-left: 0.27 * 100rpx; } .order-details .header.on .data { margin-left: 0; } .order-details .header .data .state { font-size: 0.3 * 100rpx; font-weight: bold; color: #fff; margin-bottom: 0.07 * 100rpx; } .order-details .header .data .time { margin-left: 0.2 * 100rpx; } .order-details .nav { background-color: #fff; font-size: 0.26 * 100rpx; color: #282828; padding: 0.25 * 100rpx 0; } .order-details .nav .navCon { padding: 0 0.4 * 100rpx; } .order-details .nav .navCon .on { font-weight: bold; color: #eb3729; } .order-details .nav .progress { padding: 0 0.65 * 100rpx; margin-top: 0.1 * 100rpx; } .order-details .nav .progress .line { width: 1 * 100rpx; height: 0.02 * 100rpx; background-color: #939390; } .order-details .nav .progress .iconfont { font-size: 0.25 * 100rpx; color: #939390; margin-top: -0.02 * 100rpx; width: 0.3 * 100rpx; height: 0.3 * 100rpx; line-height: 0.33 * 100rpx; text-align: center; } .order-details .address { font-size: 0.26 * 100rpx; color: #868686; background-color: #fff; padding: 0.25 * 100rpx 0.3 * 100rpx 0.3 * 100rpx 0.3 * 100rpx; } .order-details .address .name { font-size: 0.3 * 100rpx; color: #282828; margin-bottom: 0.1 * 100rpx; } .order-details .address .name .phone { margin-left: 0.4 * 100rpx; } .order-details .line { width: 100%; height: 0.03 * 100rpx; } .order-details .line image { width: 100%; height: 100%; display: block; } .order-details .wrapper { background-color: #fff; margin-top: 0.12 * 100rpx; padding: 0.3 * 100rpx; } .order-details .wrapper .item { font-size: 0.28 * 100rpx; color: #282828; } .order-details .wrapper .item ~ .item { margin-top: 0.2 * 100rpx; } .order-details .wrapper .item .conter { color: #868686; width: 5 * 100rpx; text-align: right; } .order-details .wrapper .item .conter .copy { font-size: 0.2 * 100rpx; color: #333; border-radius: 0.03 * 100rpx; border: 1px solid #666; padding: 0.03 * 100rpx 0.15 * 100rpx; margin-left: 0.24 * 100rpx; } .order-details .wrapper .actualPay { border-top: 0.01 * 100rpx solid #eee; margin-top: 0.3 * 100rpx; padding-top: 0.3 * 100rpx; } .order-details .wrapper .actualPay .money { font-weight: bold; font-size: 0.3 * 100rpx; } .order-details .footer { box-sizing: border-box; width: 100%; height: 1 * 100rpx; position: fixed; bottom: 0; left: 0; background-color: #fff; padding: 0 0.3 * 100rpx; border-top: 1px solid #eee; } .order-details .footer .bnt { width: 1.76 * 100rpx; height: 0.6 * 100rpx; text-align: center; line-height: 0.6 * 100rpx; border-radius: 0.5 * 100rpx; color: #fff; font-size: 0.27 * 100rpx; } .order-details .footer .bnt.cancel { color: #aaa; border: 1px solid #ddd; } .order-details .footer .bnt.default { color: #444; border: 1px solid #444; } .order-details .footer .bnt ~ .bnt { margin-left: 0.18 * 100rpx; } /*物流信息*/ .logistics .header { padding: 0.23 * 100rpx 0.3 * 100rpx; background-color: #fff; height: 1.66 * 100rpx; } .logistics .header .pictrue { width: 1.2 * 100rpx; height: 1.2 * 100rpx; } .logistics .header .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .logistics .header .text { width: 5.4 * 100rpx; font-size: 0.28 * 100rpx; color: #999; margin-top: 0.06 * 100rpx; } .logistics .header .text .name { width: 3.65 * 100rpx; color: #282828; } .logistics .header .text .money { text-align: right; } .logistics .logisticsCon { background-color: #fff; margin: 0.12 * 100rpx 0; } .logistics .logisticsCon .company { height: 1.2 * 100rpx; margin: 0 0 0.45 * 100rpx 0.3 * 100rpx; padding-right: 0.3 * 100rpx; border-bottom: 1px solid #f5f5f5; } .logistics .logisticsCon .company .picTxt { width: 5.2 * 100rpx; } .logistics .logisticsCon .company .picTxt .iconfont { width: 0.5 * 100rpx; height: 0.5 * 100rpx; background-color: #666; text-align: center; line-height: 0.5 * 100rpx; color: #fff; font-size: 0.35 * 100rpx; } .logistics .logisticsCon .company .picTxt .text { width: 4.5 * 100rpx; font-size: 0.26 * 100rpx; color: #282828; } .logistics .logisticsCon .company .picTxt .text .name { color: #999; } .logistics .logisticsCon .company .picTxt .text .express { margin-top: 0.05 * 100rpx; } .logistics .logisticsCon .company .copy { font-size: 0.2 * 100rpx; width: 1.06 * 100rpx; height: 0.4 * 100rpx; border-radius: 0.03 * 100rpx; border: 1px solid #999; } .logistics .logisticsCon .item { padding: 0 0.4 * 100rpx; position: relative; } .logistics .logisticsCon .item .circular { width: 0.2 * 100rpx; height: 0.2 * 100rpx; border-radius: 50%; position: absolute; top: -0.01 * 100rpx; left: 0.315 * 100rpx; background-color: #ddd; } .logistics .logisticsCon .item .circular.on { background-color: #eb3729; } .logistics .logisticsCon .item .text { font-size: 0.26 * 100rpx; color: #666; width: 6.15 * 100rpx; border-left: 1px solid #e6e6e6; padding: 0 0 0.6 * 100rpx 0.38 * 100rpx; } .logistics .logisticsCon .item .text.on { border-left-color: #f8c1bd; } .logistics .logisticsCon .item .text .data { font-size: 0.24 * 100rpx; color: #999; margin-top: 0.1 * 100rpx; } .logistics .logisticsCon .item .text .data .time { margin-left: 0.15 * 100rpx; } /*支付状态*/ .payment-status { background-color: #fff; margin: 1.95 * 100rpx auto 0 auto; border-radius: 0.1 * 100rpx; padding: 0.01 * 100rpx 0 0.28 * 100rpx 0; width: 6.9 * 100rpx; left: 50%; margin-left: -3.45 * 100rpx; } .payment-status .iconfont { font-size: 0.7 * 100rpx; width: 1.4 * 100rpx; height: 1.4 * 100rpx; border-radius: 50%; color: #fff; text-align: center; line-height: 1.3 * 100rpx; text-shadow: 0 4px 0 #eb3729; border: 0.06 * 100rpx solid #f5f5f5; margin: -0.76 * 100rpx auto 0 auto; background-color: #999; } .payment-status .iconfont.fail { text-shadow: 0 4px 0 #7a7a7a; } .payment-status .status { font-size: 0.32 * 100rpx; font-weight: bold; text-align: center; margin: 0.25 * 100rpx 0 0.37 * 100rpx 0; } .payment-status .wrapper { border: 1px solid #eee; margin: 0 0.3 * 100rpx 0.47 * 100rpx 0.3 * 100rpx; padding: 0.35 * 100rpx 0; border-left: 0; border-right: 0; } .payment-status .wrapper .item { font-size: 0.28 * 100rpx; color: #282828; } .payment-status .wrapper .item ~ .item { margin-top: 0.2 * 100rpx; } .payment-status .wrapper .item .itemCom { color: #666; } .payment-status .returnBnt { width: 6.3 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.5 * 100rpx; color: #fff; font-size: 0.3 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; margin: 0 auto 0.2 * 100rpx auto; } /*个人资料*/ .personal-data .wrapper { margin: 0.1 * 100rpx 0; background-color: #fff; padding: 0.36 * 100rpx 0.3 * 100rpx 0.13 * 100rpx 0.3 * 100rpx; } .personal-data .wrapper .title { margin-bottom: 0.3 * 100rpx; font-size: 0.32 * 100rpx; color: #282828; } .personal-data .wrapper .wrapList .item { width: 100%; /*height: 1.6rem;*/ background-color: #f8f8f8; border-radius: 20rpx; position: relative; // border: 0.02rem solid #f8f8f8; } .personal-data .wrapper .wrapList .item.on { background-size: 100% 100%; background-color: #fff; } .personal-data .wrapper .wrapList .item .picTxt { width: 4.45 * 100rpx; } .personal-data .wrapper .wrapList .item .picTxt .pictrue { width: 0.96 * 100rpx; height: 0.96 * 100rpx; position: relative; } .personal-data .wrapper .wrapList .item .picTxt .pictrue image { width: 100%; height: 100%; border-radius: 50%; } .personal-data .wrapper .wrapList .item .picTxt .pictrue img { width: 100%; height: 100%; border-radius: 50%; } .personal-data .wrapper .wrapList .item .picTxt .pictrue .alter { width: 0.3 * 100rpx; height: 0.3 * 100rpx; border-radius: 50%; position: absolute; bottom: 0; right: 0; } .personal-data .wrapper .wrapList .item .picTxt .text { width: 3.25 * 100rpx; } .personal-data .wrapper .wrapList .item .picTxt .text .name { width: 100%; font-size: 0.3 * 100rpx; color: #282828; } .personal-data .wrapper .wrapList .item .picTxt .text .phone { font-size: 0.24 * 100rpx; color: #999; margin-top: 0.1 * 100rpx; } .personal-data .wrapper .wrapList .item .bnt { font-size: 0.24 * 100rpx; background-color: #fff; border-radius: 0.27 * 100rpx; width: 1.4 * 100rpx; height: 0.54 * 100rpx; border: 0.02 * 100rpx solid #e93323; } .personal-data .wrapper .wrapList .item .currentBnt { position: absolute; right: 0; top: 0; font-size: 0.26 * 100rpx; background-color: rgba(233, 51, 35, 0.1); width: 1.4 * 100rpx; height: 0.48 * 100rpx; border-radius: 0 0.2 * 100rpx 0 0.2 * 100rpx; } .personal-data .list { background-color: #fff; } .personal-data .list .item { padding: 0.3 * 100rpx 0.3 * 100rpx 0.3 * 100rpx 0; border-bottom: 1px solid #f2f2f2; margin-left: 0.3 * 100rpx; font-size: 0.32 * 100rpx; color: #282828; } .personal-data .list .item .pictrue { width: 0.88 * 100rpx; height: 0.88 * 100rpx; } .personal-data .list .item .pictrue image { width: 100%; height: 100%; border-radius: 50%; } .personal-data .list .item .input { width: 4.15 * 100rpx; text-align: right; color: #868686; } .personal-data .list .item .input input { color: #868686; text-align: right; width: 100%; } .personal-data .list .item .input .id { width: 3.65 * 100rpx; } .personal-data .list .item .input .iconfont { font-size: 0.35 * 100rpx; } .personal-data .list .item .input .iconfont.icon-xiangyou { font-size: 0.3 * 100rpx; margin-left: 0.27 * 100rpx; } .personal-data .modifyBnt { font-size: 0.32 * 100rpx; color: #fff; width: 6.9 * 100rpx; height: 0.9 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.9 * 100rpx; margin: 0.76 * 100rpx auto 0 auto; } .personal-data .logOut { font-size: 0.32 * 100rpx; text-align: center; width: 6.9 * 100rpx; height: 0.9 * 100rpx; border-radius: 0.45 * 100rpx; margin: 0.3 * 100rpx auto 0.7 * 100rpx auto; } /*拼团海报*/ .poster-poster .tip { height: 0.8 * 100rpx; font-size: 0.26 * 100rpx; color: #e8c787; text-align: center; line-height: 0.8 * 100rpx; } .poster-poster .tip .iconfont { font-size: 0.36 * 100rpx; vertical-align: -0.04 * 100rpx; margin-right: 0.18 * 100rpx; } .poster-poster .poster { width: 6.9 * 100rpx; height: 100%; margin: 0 auto; } .poster-poster .poster image { width: 100%; height: 100%; display: block; } /*分销海报*/ .distribution-posters .slider-banner { width: 100%; box-sizing: border-box; height: 100%; padding: 0.4 * 100rpx; position: relative; } .distribution-posters .slider-banner .swiper-slide { width: 6 * 100rpx !important; height: 100%; } .distribution-posters .slide-image { width: 100%; height: 100%; border-radius: 0.15 * 100rpx; } .distribution-posters .keep { font-size: 0.3 * 100rpx; color: #fff; width: 6 * 100rpx; height: 0.8 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.8 * 100rpx; margin: 0.38 * 100rpx auto; } /*会员中心*/ .member-center .header { background-color: #232323; width: 100%; padding: 0.5 * 100rpx 0; } .member-center .header .slider-banner { height: 3.28 * 100rpx; } .member-center .header .slider-banner .swiper-slide { width: 6.36 * 100rpx !important; height: 3.28 * 100rpx; border-radius: 0.16 * 100rpx; color: #fff; position: relative; background-repeat: no-repeat; background-size: 100% 100%; } .member-center .header .slider-banner .swiper-slide.diamonds { background-image: url('https://wx.yixiang.co/static/images/diamonds.jpg'); } .member-center .header .slider-banner .swiper-slide.gold { background-image: url('https://wx.yixiang.co/static/images/gold.jpg'); } .member-center .header .slider-banner .swiper-slide.silver { background-image: url('https://wx.yixiang.co/static/images/silver.jpg'); } .member-center .header .slider-banner .swiper-slide.brass { background-image: url('https://wx.yixiang.co/static/images/brass.jpg'); } .member-center .header .slider-banner .swiper-slide.bronze { background-image: url('https://wx.yixiang.co/static/images/bronze.jpg'); } .member-center .header .slider-banner .swiper-slide.ordinary { background-image: url('https://wx.yixiang.co/static/images/ordinary.jpg'); } .member-center .header .slider-banner .swiper-slide image { width: 0.89 * 100rpx; height: 1.08 * 100rpx; display: block; position: absolute; right: 0.6 * 100rpx; } .member-center .header .slider-banner .swiper-slide .name { font-size: 0.46 * 100rpx; font-weight: bold; padding: 0.33 * 100rpx 0 0 0.35 * 100rpx; } .member-center .header .slider-banner .swiper-slide .discount { font-size: 0.28 * 100rpx; font-weight: bold; margin: 0.02 * 100rpx 0 0 0.35 * 100rpx; } .member-center .header .slider-banner .swiper-slide .discount .iconfont { margin-left: 0.1 * 100rpx; font-size: 0.3 * 100rpx; } .member-center .header .slider-banner .swiper-slide .nav { margin-top: 0.48 * 100rpx; } .member-center .header .slider-banner .swiper-slide .nav .item { flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; color: rgba(255, 255, 255, 0.6); position: relative; } .member-center .header .slider-banner .swiper-slide .nav .item .num { font-size: 0.4 * 100rpx; color: #fff; font-family: 'GuildfordProBook 5'; } .member-center .header .slider-banner .swiper-slide .nav .item ~ .item::before { position: absolute; width: 0.02 * 100rpx; height: 0.32 * 100rpx; background-color: rgba(255, 255, 255, 0.6); content: ''; left: 0; top: 50%; transform: translateY(-50%); } .member-center .header .slider-banner .swiper-slide .lock { font-size: 0.26 * 100rpx; margin: 0.73 * 100rpx 0 0 0.35 * 100rpx; } .member-center .header .slider-banner .swiper-slide .lock .iconfont { font-size: 0.33 * 100rpx; margin-right: 0.15 * 100rpx; vertical-align: -0.04 * 100rpx; } .member-center .wrapper { background-color: #fff; padding-bottom: 0.16 * 100rpx; margin-bottom: 0.2 * 100rpx; } .member-center .wrapper .title { height: 0.98 * 100rpx; padding: 0 0.3 * 100rpx; font-size: 0.3 * 100rpx; font-weight: bold; color: #282828; } .member-center .wrapper .title .iconfont { color: #eb3729; font-weight: normal; font-size: 0.4 * 100rpx; margin-right: 0.12 * 100rpx; vertical-align: -0.02 * 100rpx; } .member-center .wrapper .title .num { font-size: 0.28 * 100rpx; color: #999; } .member-center .wrapper .title .num .current { color: #eb3729; } .member-center .wrapper .list .item { width: 6.9 * 100rpx; height: 1.84 * 100rpx; background-color: #f9f9f9; margin: 0 auto 0.2 * 100rpx auto; padding: 0.27 * 100rpx 0 0.22 * 100rpx 0; border-radius: 0.12 * 100rpx; } .member-center .wrapper .list .item .top { padding-right: 0.27 * 100rpx; font-size: 0.26 * 100rpx; color: #999; } .member-center .wrapper .list .item .top .name { border-left: 0.06 * 100rpx solid #eb3729; padding-left: 0.2 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; font-weight: bold; } .member-center .wrapper .list .item .top .name .iconfont { color: #999; font-size: 0.3 * 100rpx; vertical-align: -0.02 * 100rpx; margin-left: 0.1 * 100rpx; } .member-center .wrapper .list .item .cu-progress { overflow: hidden; height: 0.12 * 100rpx; background-color: #eee; width: 6.36 * 100rpx; border-radius: 0.2 * 100rpx; margin: 0.35 * 100rpx auto 0 auto; } .member-center .wrapper .list .item .cu-progress .bg-red { width: 0; height: 100%; transition: width 0.6s ease; background-color: #eb3729; border-radius: 0.2 * 100rpx; } .member-center .wrapper .list .item .experience { margin-top: 0.17 * 100rpx; padding: 0 0.27 * 100rpx; font-size: 0.24 * 100rpx; color: #999; } .member-center .wrapper .list .item .experience .num { color: #eb3729; } .member-center .growthValue { background-color: #fff; border-radius: 0.16 * 100rpx; position: fixed; top: 2.66 * 100rpx; left: 50%; width: 5.6 * 100rpx; height: 7.4 * 100rpx; margin-left: -2.8 * 100rpx; z-index: 99; transform: translate3d(0, -200%, 0); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .member-center .growthValue.on { transform: translate3d(0, 0, 0); } .member-center .growthValue .pictrue { width: 100%; height: 2.57 * 100rpx; position: relative; } .member-center .growthValue .pictrue image { width: 100%; height: 100%; border-radius: 0.16 * 100rpx 0.16 * 100rpx 0 0; } .member-center .growthValue .conter { padding: 0 0.35 * 100rpx; font-size: 0.3 * 100rpx; color: #333; margin-top: 0.58 * 100rpx; line-height: 1.5; height: 3.5 * 100rpx; overflow: auto; } .member-center .growthValue .pictrue .iconfont { position: absolute; font-size: 0.65 * 100rpx; color: #fff; top: 7.75 * 100rpx; left: 50%; transform: translateX(-50%); } /*积分详情*/ .integral-details .header { background-image: url('https://wx.yixiang.co/static/images/integralbg.jpg'); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 3.6 * 100rpx; font-size: 0.72 * 100rpx; color: #fff; padding: 0.31 * 100rpx 0 0.45 * 100rpx 0; text-align: center; font-family: 'GuildfordProBook 5'; } .integral-details .header .currentScore { font-size: 0.26 * 100rpx; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 0.05 * 100rpx; } .integral-details .header .line { width: 0.6 * 100rpx; height: 0.03 * 100rpx; background-color: #fff; margin: 0.2 * 100rpx auto 0 auto; } .integral-details .header .nav { font-size: 0.22 * 100rpx; color: rgba(255, 255, 255, 0.8); flex: 1; -o-flex: 1; -ms-flex: 1; margin-top: 0.35 * 100rpx; } .integral-details .header .nav .item { width: 33.33%; text-align: center; } .integral-details .header .nav .item .num { color: #fff; font-size: 0.4 * 100rpx; } .integral-details .wrapper .nav { flex: 1; -o-flex: 1; -ms-flex: 1; width: 6.9 * 100rpx; border-radius: 0.2 * 100rpx 0.2 * 100rpx 0 0; margin: -0.96 * 100rpx auto 0 auto; background-color: #f7f7f7; height: 0.96 * 100rpx; font-size: 0.3 * 100rpx; color: #bbb; } .integral-details .wrapper .nav .item { text-align: center; width: 100%; } /*.integral-details .wrapper .nav .item{text-align:center;width:50%;}*/ .integral-details .wrapper .nav .item.on { background-color: #fff; color: #eb3729; font-weight: bold; border-radius: 0.2 * 100rpx 0.2 * 100rpx 0 0; } .integral-details .wrapper .nav .item .iconfont { font-size: 0.38 * 100rpx; margin-right: 0.1 * 100rpx; } .integral-details .wrapper .list { background-color: #fff; padding: 0.24 * 100rpx 0.3 * 100rpx; } .integral-details .wrapper .list .tip { font-size: 0.25 * 100rpx; width: 6.9 * 100rpx; height: 0.6 * 100rpx; border-radius: 0.5 * 100rpx; background-color: #fff5e2; border: 1px solid #ffeac1; color: #c8a86b; padding: 0 0.2 * 100rpx; margin-bottom: 0.24 * 100rpx; } .integral-details .wrapper .list .tip .iconfont { font-size: 0.35 * 100rpx; margin-right: 0.15 * 100rpx; } .integral-details .wrapper .list .item { height: 1.24 * 100rpx; border-bottom: 1px solid #eee; font-size: 0.24 * 100rpx; color: #999; } .integral-details .wrapper .list .item .state { font-size: 0.28 * 100rpx; color: #282828; margin-bottom: 0.08 * 100rpx; } .integral-details .wrapper .list .item .num { font-size: 0.36 * 100rpx; font-family: 'GuildfordProBook 5'; color: #16ac57; } .integral-details .wrapper .list2 { background-color: #fff; padding: 0.24 * 100rpx 0; } .integral-details .wrapper .list2 .item { background-image: linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); background-image: -moz-linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); width: 6.9 * 100rpx; height: 1.8 * 100rpx; position: relative; border-radius: 0.1 * 100rpx; margin: 0 auto 0.2 * 100rpx auto; padding: 0 0.25 * 100rpx 0 1.8 * 100rpx; } .integral-details .wrapper .list2 .item .pictrue { width: 0.9 * 100rpx; height: 1.5 * 100rpx; position: absolute; bottom: 0; left: 0.45 * 100rpx; } .integral-details .wrapper .list2 .item .pictrue image { width: 100%; height: 100%; } .integral-details .wrapper .list2 .item .name { width: 2.85 * 100rpx; font-size: 0.3 * 100rpx; font-weight: bold; color: #c8a86b; } .integral-details .wrapper .list2 .item .earn { font-size: 0.26 * 100rpx; color: #c8a86b; border: 0.02 * 100rpx solid #c8a86b; text-align: center; line-height: 0.52 * 100rpx; height: 0.52 * 100rpx; width: 1.6 * 100rpx; border-radius: 0.5 * 100rpx; } /*金品推荐*/ .quality-recommend .title { height: 1.2 * 100rpx; font-size: 0.32 * 100rpx; color: #282828; background-color: #f5f5f5; } .quality-recommend .title .line { width: 2.3 * 100rpx; height: 0.02 * 100rpx; background-color: #e9e9e9; } .quality-recommend .title .name { margin: 0 0.2 * 100rpx; } .quality-recommend .title .name .iconfont { margin-right: 0.13 * 100rpx; font-size: 0.38 * 100rpx; vertical-align: -0.04 * 100rpx; } /*砍价列表*/ .bargain-list .icon-xiangzuo { font-size: 0.4 * 100rpx; color: #fff; position: fixed; top: 0.51 * 100rpx; left: 0.3 * 100rpx; z-index: 99; } .bargain-list .header { background-repeat: no-repeat; background-size: 100% 100%; width: 7.5 * 100rpx; height: 7.13 * 100rpx; } .bargain-list .list { border-radius: 0.3 * 100rpx; margin: 0.3 * 100rpx 0.3 * 100rpx 0.66 * 100rpx 0.3 * 100rpx; } .bargain-list .list .item { border-bottom: 1px solid #eee; position: relative; height: 2.23 * 100rpx; background-color: #fff; padding: 0 0.24 * 100rpx; margin: 0 auto 0.2 * 100rpx auto; } .bargain-list .list .item .pictrue { width: 1.6 * 100rpx; height: 1.6 * 100rpx; } .bargain-list .list .item .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .bargain-list .list .item .text { width: 4.5 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; height: 1.6 * 100rpx; } .bargain-list .list .item .text .num { font-size: 0.26 * 100rpx; color: #999; } .bargain-list .list .item .text .num .iconfont { font-size: 0.35 * 100rpx; margin-right: 0.07 * 100rpx; } .bargain-list .list .item .text .money { font-size: 0.24 * 100rpx; font-weight: bold; } .bargain-list .list .item .text .money .price { font-size: 0.32 * 100rpx; } .bargain-list .list .item .cutBnt { position: absolute; width: 1.8 * 100rpx; height: 0.5 * 100rpx; border-radius: 0.5 * 100rpx; font-size: 0.24 * 100rpx; color: #fff; text-align: center; line-height: 0.46 * 100rpx; right: 0.24 * 100rpx; bottom: 0.28 * 100rpx; box-shadow: 0 0.07 * 100rpx 0 #f8c1bd; -moz-box-shadow: 0 0.07 * 100rpx 0 #f8c1bd; -o-box-shadow: 0 0.07 * 100rpx 0 #f8c1bd; } .bargain-list .list .item .cutBnt .iconfont { margin-right: 0.08 * 100rpx; font-size: 0.3 * 100rpx; } .bargain-list .list .load { font-size: 0.24 * 100rpx; height: 0.85 * 100rpx; text-align: center; line-height: 0.85 * 100rpx; } /*砍价*/ .bargain .icon-xiangzuo { font-size: 0.4 * 100rpx; color: #fff; position: fixed; top: 0.51 * 100rpx; left: 0.3 * 100rpx; z-index: 99; } .bargain .header { /* background-image: url('https://wx.yixiang.co/static/images/cut1.png'); */ background-repeat: no-repeat; background-size: 100% 100%; width: 6.98 * 100rpx; height: 372rpx; margin: 0 auto; padding-top: 0.001 * 100rpx; margin-top: 0.4 * 100rpx; } .bargain .header.on { background-image: url('https://wx.yixiang.co/static/images/cut2.png'); } .bargain .header .pictxt { margin: 2.6 * 100rpx auto 0 auto; font-size: 0.26 * 100rpx; color: #000; } .bargain .header .pictxt .pictrue { width: 0.56 * 100rpx; height: 0.56 * 100rpx; margin-right: 0.3 * 100rpx; } .bargain .header .pictxt .pictrue image { width: 100%; height: 100%; border-radius: 50%; border: 0.02 * 100rpx solid #fff; } .bargain .header .pictxt .text text { margin-left: 0.2 * 100rpx; } .bargain .header .time { background-repeat: no-repeat; background-size: 100% 100%; width: 4.4 * 100rpx; height: 1.66 * 100rpx; margin: 0.8 * 100rpx auto 0 auto; font-size: 0.22 * 100rpx; text-align: center; padding-top: 0.09 * 100rpx; color: #fc4141; } .bargain .header .people { text-align: center; color: #fff; font-size: 0.2 * 100rpx; margin-top: 0.2 * 100rpx; } .bargain .header .time .styleAll { color: #333; } .bargain .wrapper, .bargain .bargainGang, .bargain .goodsDetails { width: 6.6 * 100rpx; border: 0.06 * 100rpx solid #eb3729; background-color: #fff; border-radius: 0.2 * 100rpx; margin: -1.62 * 100rpx auto 0 auto; padding: 24rpx; position: relative; } .bargain .goodsDetails .conter .bargain .wrapper .pictxt { padding: 26rpx 0; } .bargain .bargain-box { margin-bottom: 20rpx !important; } .bargain .bargain-product .pictxt .pictrue { width: 140rpx; height: 140rpx; position: relative; margin-right: 30rpx; image { width: 140rpx; height: 140rpx; } } .bargain .bargain-product .text { flex: 1; font-size: 26rpx; } .bargain .wrapper.on { // padding-bottom: 0 !important; } .bargain .wrapper .time { font-size: 28rpx; color: #999; text-align: center; color: #eb3729 !important; } .bargain .user .pictxt .bargain-header { display: flex; align-items: center; justify-content: center; } .bargain .user .pictxt .pictrue { margin-right: 20rpx; } .bargain .user .pictxt .pictrue image { width: 60rpx; height: 60rpx; border-radius: 50%; } .bargain .user.on .pictxt .text { font-size: 22rpx; color: #999; text-align: center; } .bargain .wrapper .pictxt .text .money { font-weight: bold; font-size: 0.24 * 100rpx; } .bargain .wrapper .pictxt .text .money .num { font-size: 0.36 * 100rpx; } .bargain .wrapper .pictxt .text .successNum { font-size: 0.22 * 100rpx; color: #999; margin-right: 0.15 * 100rpx; } .bargain .wrapper .cu-progress { overflow: hidden; height: 0.12 * 100rpx; background-color: #eee; width: 100%; border-radius: 0.2 * 100rpx; } .bargain .wrapper .cu-progress .bg-red { width: 0; height: 100%; transition: width 0.6s ease; border-radius: 0.2 * 100rpx; background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%); background-image: -moz-linear-gradient(to right, #ffa363 0%, #e93323 100%); } .bargain .wrapper .balance { font-size: 0.22 * 100rpx; color: #999; margin-top: 0.15 * 100rpx; } .bargain .wrapper .bargainSuccess { font-size: 0.26 * 100rpx; color: #282828; text-align: center; } .bargain .wrapper .bargainSuccess .iconfont { font-size: 0.45 * 100rpx; color: #54c762; padding-right: 0.18 * 100rpx; vertical-align: -0.05 * 100rpx; } .bargain .wrapper .bargainBnt { font-size: 0.3 * 100rpx; font-weight: bold; color: #fff; width: 100%; height: 0.8 * 100rpx; border-radius: 0.4 * 100rpx; background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); text-align: center; line-height: 0.8 * 100rpx; margin-top: 0.32 * 100rpx; } .bargain .wrapper .bargainBnt.on { border: 0.02 * 100rpx solid #eb3729; color: #eb3729; background-image: linear-gradient(to right, #fff 0%, #fff 100%); background-image: -moz-linear-gradient(to right, #fff 0%, #fff 100%); width: 100%; height: 0.76 * 100rpx; } .bargain .wrapper .tip { font-size: 0.22 * 100rpx; color: #999; text-align: center; margin-top: 0.2 * 100rpx; } .bargain .wrapper .lock, .bargain .bargainGang .lock, .bargain .goodsDetails .lock { // background-image: url('https://wx.yixiang.co/static/images/lock.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 5.48 * 100rpx; height: 0.66 * 100rpx; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.43 * 100rpx; z-index: 5; } .bargain .bargainGang { margin: 0.13 * 100rpx auto 0 auto; } .bargain .bargainGang .title, .bargain .goodsDetails .title { font-size: 0.32 * 100rpx; font-weight: bold; height: 0.8 * 100rpx; } .bargain .bargainGang .title .pictrue, .bargain .goodsDetails .title .pictrue { width: 0.46 * 100rpx; height: 0.24 * 100rpx; } .bargain .bargainGang .title .pictrue.on, .bargain .goodsDetails .title .pictrue.on { transform: rotate(180deg); } .bargain .bargainGang .title .pictrue image, .bargain .goodsDetails .title .pictrue image { width: 100%; height: 100%; display: block; } .bargain .bargainGang .title .titleCon, .bargain .goodsDetails .title .titleCon { margin: 0 0.2 * 100rpx; } .bargain .bargainGang .list .item { border-bottom: 1px dashed #ddd; height: 1.12 * 100rpx; } .bargain .bargainGang .list .item .pictxt { width: 3.1 * 100rpx; } .bargain .bargainGang .list .item .pictxt .pictrue { width: 0.7 * 100rpx; height: 0.7 * 100rpx; } .bargain .bargainGang .list .item .pictxt .pictrue image { width: 100%; height: 100%; border-radius: 50%; border: 0.02px solid #eb3729; } .bargain .bargainGang .list .item .pictxt .text { width: 2.25 * 100rpx; font-size: 0.2 * 100rpx; color: #999; } .bargain .bargainGang .list .item .pictxt .text .name { font-size: 0.25 * 100rpx; color: #282828; margin-bottom: 0.07 * 100rpx; } .bargain .bargainGang .list .item .money { font-size: 0.25 * 100rpx; } .bargain .bargainGang .list .item .money .iconfont { font-size: 0.35 * 100rpx; vertical-align: middle; margin-right: 0.1 * 100rpx; } .bargain .bargainGang .load { font-size: 0.24 * 100rpx; text-align: center; line-height: 0.8 * 100rpx; height: 0.8 * 100rpx; } .bargain .goodsDetails { margin: 0.13 * 100rpx auto 0 auto; } .bargain .goodsDetails ~ .goodsDetails { margin-bottom: 0.5 * 100rpx; } .bargain .goodsDetails .conter { margin-top: 0.2 * 100rpx; } .bargain .goodsDetails .conter image { width: 100% !important; display: block; } .bargain .bargainTip { position: fixed; top: 50%; left: 50%; width: 5.6 * 100rpx; margin-left: -2.8 * 100rpx; z-index: 99; border-radius: 0.2 * 100rpx; background-color: #fff; transition: all 0.3s ease-in-out 0s; opacity: 0; transform: scale(0); padding-bottom: 0.6 * 100rpx; margin-top: -3.3 * 100rpx; } .bargain .bargainTip.on { opacity: 1; transform: scale(1); } .bargain .bargainTip .pictrue { width: 100%; height: 3.21 * 100rpx; position: relative; } .bargain .bargainTip .pictrue .iconfont { position: absolute; right: 0.18 * 100rpx; top: 0.18 * 100rpx; color: #fff; font-size: 0.36 * 100rpx; width: 0.5 * 100rpx; height: 0.5 * 100rpx; text-align: center; line-height: 0.5 * 100rpx; } .bargain .bargainTip .pictrue image { width: 100%; height: 100%; border-radius: 0.2 * 100rpx 0.2 * 100rpx 0 0; } .bargain .bargainTip .cutOff { font-size: 0.3 * 100rpx; color: #666; padding: 0 0.29 * 100rpx; text-align: center; margin-top: 0.5 * 100rpx; } .bargain .bargainTip .cutOff.on { margin-top: 0.26 * 100rpx; } .bargain .bargainTip .help { font-size: 0.32 * 100rpx; font-weight: bold; text-align: center; margin-top: 0.4 * 100rpx; } .bargain .bargainTip .tipBnt { font-size: 0.32 * 100rpx; color: #fff; width: 3.6 * 100rpx; height: 0.82 * 100rpx; border-radius: 0.41 * 100rpx; background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%); text-align: center; line-height: 0.82 * 100rpx; margin: 0.5 * 100rpx auto 0 auto; } /*砍价记录*/ .bargain-record .item { background-color: #fff; margin-bottom: 0.12 * 100rpx; } .bargain-record .item .picTxt { height: 2.1 * 100rpx; border-bottom: 1px solid #f0f0f0; padding: 0 0.3 * 100rpx; } .bargain-record .item .picTxt .pictrue { width: 1.5 * 100rpx; height: 1.5 * 100rpx; } .bargain-record .item .picTxt .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .bargain-record .item .picTxt .text { width: 5.15 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; height: 1.5 * 100rpx; } .bargain-record .item .picTxt .text .time { font-size: 0.24 * 100rpx; color: #868686; } .bargain-record .item .picTxt .text .time .styleAll { color: #fc4141; } .bargain-record .item .picTxt .text .money { font-size: 0.24 * 100rpx; } .bargain-record .item .picTxt .text .money .num { font-size: 0.32 * 100rpx; font-weight: bold; } .bargain-record .item .picTxt .text .money .symbol { font-weight: bold; } .bargain-record .item .bottom { height: 1 * 100rpx; padding: 0 0.3 * 100rpx; font-size: 0.27 * 100rpx; } .bargain-record .item .bottom .purple { color: #f78513; } .bargain-record .item .bottom .end { color: #999; } .bargain-record .item .bottom .success { color: #e93323; } .bargain-record .item .bottom .bnt { font-size: 0.27 * 100rpx; color: #fff; width: 1.76 * 100rpx; height: 0.6 * 100rpx; border-radius: 0.06 * 100rpx; text-align: center; line-height: 0.6 * 100rpx; } .bargain-record .item .bottom .bnt.cancel { color: #aaa; border: 1px solid #ddd; } .bargain-record .item .bottom .bnt ~ .bnt { margin-left: 0.18 * 100rpx; } /*拼团列表*/ .group-list .header { background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 4.5 * 100rpx; } .group-list .header image { width: 100%; height: 4.5 * 100rpx; } .group-list .list { /* margin-top: -1.20*100rpx; */ } .group-list .list .item { width: 6.9 * 100rpx; height: 2.08 * 100rpx; background-color: #fff; border-radius: 0.06 * 100rpx; padding: 0 0.24 * 100rpx; margin: 0 auto 0.2 * 100rpx auto; } .group-list .list .item .pictrue { width: 1.6 * 100rpx; height: 1.6 * 100rpx; } .group-list .list .item .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .group-list .list .item .text { width: 4.58 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; } .group-list .list .item .text .team { height: 0.4 * 100rpx; border-radius: 0.04 * 100rpx; font-size: 0.22 * 100rpx; margin-top: 0.2 * 100rpx; } .group-list .list .item .text .team .iconfont { width: 0.54 * 100rpx; background-color: #c6f3e8; text-align: center; color: #eb3729; height: 100%; line-height: 0.38 * 100rpx; } .group-list .list .item .text .team .num { text-align: center; padding: 0 0.1 * 100rpx; } .group-list .list .item .text .bottom { margin-top: 0.07 * 100rpx; } .group-list .list .item .text .bottom .money { font-size: 0.24 * 100rpx; font-weight: bold; color: #282828; } .group-list .list .item .text .bottom .money .num { font-size: 0.32 * 100rpx; } .group-list .list .item .text .bottom .money .y-money { font-size: 0.24 * 100rpx; color: #999; font-weight: normal; text-decoration: line-through; margin-left: 0.1 * 100rpx; } .group-list .list .item .text .bottom .groupBnt { font-size: 0.26 * 100rpx; color: #fff; width: 1.46 * 100rpx; height: 0.54 * 100rpx; text-align: center; line-height: 0.54 * 100rpx; border-radius: 0.04 * 100rpx; } .group-list .list .item .text .bottom .groupBnt .iconfont { font-size: 0.25 * 100rpx; margin-left: 0.1 * 100rpx; } /*拼团商品详情*/ .product-con .wrapper .share .money .y-money { color: #82848f; margin-left: 0.13 * 100rpx; text-decoration: line-through; font-weight: normal; } .product-con .notice { width: 100%; height: 0.62 * 100rpx; background-color: #ffedeb; margin-top: 0.2 * 100rpx; padding: 0 0.3 * 100rpx; box-sizing: border-box; } .product-con .notice .num { font-size: 0.24 * 100rpx; } .product-con .notice .num .iconfont { font-size: 0.3 * 100rpx; vertical-align: -0.03 * 100rpx; margin-right: 0.2 * 100rpx; } .product-con .notice .num .line { color: #282828; margin-left: 0.15 * 100rpx; } .product-con .notice .swiper { height: 100%; width: 4.7 * 100rpx; line-height: 0.62 * 100rpx; overflow: hidden; margin-left: 0.14 * 100rpx; } .product-con .notice .swiper swiper { height: 100%; } .product-con .notice .swiper .swiper-slide { height: 100%; } .product-con .notice .swiper .line1 { height: 100%; overflow: hidden; font-size: 0.2 * 100rpx; color: #282828; } .product-con .assemble { background-color: #fff; } .product-con .assemble .item { padding-right: 0.3 * 100rpx; margin-left: 0.3 * 100rpx; border-bottom: 1px solid #f0f0f0; height: 1.32 * 100rpx; } .product-con .assemble .item .pictxt { flex: 1; } .product-con .assemble .item .pictxt .text { flex: 1; font-size: 0.24 * 100rpx; padding-left: 15rpx; } .product-con .assemble .item .pictxt .pictrue { width: 0.8 * 100rpx; height: 0.8 * 100rpx; } .product-con .assemble .item .pictxt .pictrue image { width: 100%; height: 100%; border-radius: 50%; } .product-con .assemble .item .right .lack { font-size: 0.24 * 100rpx; color: #333333; text-align: right; } .product-con .assemble .item .right .time { font-size: 0.22 * 100rpx; color: #82848f; margin-top: 0.05 * 100rpx; } .product-con .assemble .item .right .spellBnt { font-size: 0.24 * 100rpx; color: #fff; width: 1.4 * 100rpx; height: 0.5 * 100rpx; border-radius: 0.5 * 100rpx; background-image: linear-gradient(to right, #ff2358 0%, #ff0000 100%); background-image: -moz-linear-gradient(to right, #ff2358 0%, #ff0000 100%); text-align: center; line-height: 0.5 * 100rpx; margin-left: 0.3 * 100rpx; } .product-con .assemble .item .right .spellBnt .iconfont { font-size: 0.2 * 100rpx; margin-left: 0.05 * 100rpx; } .product-con .assemble .more { font-size: 0.24 * 100rpx; color: #282828; text-align: center; height: 0.9 * 100rpx; line-height: 0.9 * 100rpx; } .product-con .assemble .more .iconfont { margin-left: 0.13 * 100rpx; font-size: 0.25 * 100rpx; } .product-con .playWay { background-color: #fff; padding: 0 0.3 * 100rpx; margin-top: 0.2 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .product-con .playWay .title { height: 0.86 * 100rpx; border-bottom: 1px solid #eee; } .product-con .playWay .title .iconfont { margin-left: 0.13 * 100rpx; font-size: 0.28 * 100rpx; color: #717171; } .product-con .playWay .way { min-height: 1.1 * 100rpx; font-size: 0.26 * 100rpx; color: #282828; } .product-con .playWay .way .iconfont { color: #cdcdcd; font-size: 0.4 * 100rpx; margin: 0 0.35 * 100rpx; } .product-con .playWay .way .item .num { font-size: 0.3 * 100rpx; margin-right: 0.06 * 100rpx; } .product-con .playWay .way .item .tip { font-size: 0.22 * 100rpx; color: #a5a5a5; } .product-con .footer-group { position: fixed; bottom: 0; width: 100%; height: 1 * 100rpx; background-color: #fff; font-size: 0.18 * 100rpx; color: #666; z-index: 99; } .product-con .footer-group .customerSer { width: 14%; font-size: 0.2 * 100rpx; color: #666; } .product-con .footer-group .customerSer .iconfont { font-size: 0.35 * 100rpx; } .product-con .footer-group .bnt { width: 86%; text-align: center; line-height: 1 * 100rpx; height: 100%; color: #fff; font-size: 0.3 * 100rpx; } .product-con .superior .slider-banner .swiper-pagination-bullet { background-color: #999; } .product-con .superior .slider-banner .swiper-pagination-bullet-active { background-color: #e93323; } .product-con .superior .slider-banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; } /*开团*/ .group-con .header { width: 100%; height: 1.86 * 100rpx; background-color: #fff; border-top: 1px solid #f5f5f5; padding: 0 0.3 * 100rpx; position: relative; } .group-con .header .iconfont { font-size: 1 * 100rpx; position: absolute; color: #ccc; right: 0.33 * 100rpx; bottom: 0.2 * 100rpx; } .group-con .header .pictrue { width: 1.4 * 100rpx; height: 1.4 * 100rpx; } .group-con .header .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .group-con .header .text { width: 5.25 * 100rpx; font-size: 0.3 * 100rpx; color: #222; } .group-con .header .text .money { font-size: 0.24 * 100rpx; font-weight: bold; margin-top: 0.15 * 100rpx; } .group-con .header .text .money .num { font-size: 0.32 * 100rpx; } .group-con .header .text .money .team { padding: 0.01 * 100rpx 0.1 * 100rpx; font-weight: normal; border-radius: 0.5 * 100rpx; font-size: 0.2 * 100rpx; vertical-align: 0.04 * 100rpx; margin-left: 0.15 * 100rpx; } .group-con .wrapper { background-color: #fff; margin-top: 0.2 * 100rpx; padding: 0.02 * 100rpx 0 0.35 * 100rpx 0; } .group-con .wrapper .title { margin-top: 0.3 * 100rpx; } .group-con .wrapper .title .line { width: 1.36 * 100rpx; height: 1px; background-color: #ddd; } .group-con .wrapper .title .name { margin: 0 0.45 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .group-con .wrapper .title .name .time { margin: 0 0.14 * 100rpx; } .group-con .wrapper .title .name .timeTxt { color: #fc4141; } .group-con .wrapper .title .name .time .styleAll { background-color: #ffcfcb; text-align: center; border-radius: 0.03 * 100rpx; font-size: 0.28 * 100rpx; font-weight: bold; display: inline-block; vertical-align: middle; color: #fc4141; padding: 0.02 * 100rpx 0.05 * 100rpx; } .group-con .wrapper .tips { font-size: 0.3 * 100rpx; font-weight: bold; text-align: center; margin-top: 0.3 * 100rpx; color: #999; } .group-con .wrapper .list { padding: 0 0.3 * 100rpx; margin-top: 0.45 * 100rpx; } .group-con .wrapper .list.result { max-height: 2.4 * 100rpx; overflow: hidden; } .group-con .wrapper .list.result.on { max-height: 20 * 100rpx; } .group-con .wrapper .list .pictrue { width: 0.94 * 100rpx; height: 0.94 * 100rpx; margin: 0 0 0.29 * 100rpx 0.35 * 100rpx; } .group-con .wrapper .list .pictrue image { width: 100%; height: 100%; border-radius: 50%; border: 0.02 * 100rpx solid #e93323; } .group-con .wrapper .list .pictrue img.img-none { border: none; } .group-con .wrapper .lookAll { font-size: 0.24 * 100rpx; color: #282828; padding-top: 0.1 * 100rpx; } .group-con .wrapper .lookAll .iconfont { font-size: 0.25 * 100rpx; margin: 0.02 * 100rpx 0 0 0.1 * 100rpx; } .group-con .wrapper .teamBnt { font-size: 0.3 * 100rpx; width: 6.2 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; color: #fff; margin: 0.21 * 100rpx auto 0 auto; } .group-con .wrapper .cancel, .group-con .wrapper .lookOrder { text-align: center; font-size: 0.24 * 100rpx; color: #282828; padding-top: 0.3 * 100rpx; } .group-con .wrapper .cancel .iconfont { font-size: 0.35 * 100rpx; color: #2c2c2c; vertical-align: -0.04 * 100rpx; margin-right: 0.09 * 100rpx; } .group-con .wrapper .lookOrder .iconfont { font-size: 0.25 * 100rpx; color: #2c2c2c; margin-left: 0.1 * 100rpx; } .group-con .group-recommend { background-color: #fff; margin-top: 0.25 * 100rpx; } .group-con .group-recommend .title { padding-right: 0.3 * 100rpx; margin-left: 0.3 * 100rpx; height: 0.85 * 100rpx; border-bottom: 1px solid #eee; font-size: 0.28 * 100rpx; color: #282828; } .group-con .group-recommend .title .more { color: #808080; } .group-con .group-recommend .title .more .iconfont { margin-left: 0.13 * 100rpx; font-size: 0.28 * 100rpx; } .group-con .group-recommend .list { margin-top: 0.3 * 100rpx; } .group-con .group-recommend .list .item { width: 2.1 * 100rpx; margin: 0 0 0.25 * 100rpx 0.3 * 100rpx; } .group-con .group-recommend .list .item .pictrue { width: 100%; height: 2.1 * 100rpx; position: relative; } .group-con .group-recommend .list .item .pictrue image { width: 100%; height: 100%; border-radius: 0.1 * 100rpx; } .group-con .group-recommend .list .item .pictrue .team { position: absolute; top: 0.28 * 100rpx; left: -0.05 * 100rpx; min-width: 1 * 100rpx; height: 0.36 * 100rpx; line-height: 0.36 * 100rpx; text-align: center; border-radius: 0 0.18 * 100rpx 0.18 * 100rpx 0; font-size: 0.2 * 100rpx; color: #fff; background-image: linear-gradient(to right, #fb5445 0%, #e93323 100%); background-image: -moz-linear-gradient(to right, #fb5445 0%, #e93323 100%); } .group-con .group-recommend .list .item .name { font-size: 0.28 * 100rpx; color: #333; margin-top: 0.18 * 100rpx; } .group-con .group-recommend .list .item .money { font-weight: bold; font-size: 0.26 * 100rpx; } /*商品评分*/ .evaluate-list .generalComment { height: 0.94 * 100rpx; padding: 0 0.3 * 100rpx; background-color: #fff; font-size: 0.28 * 100rpx; color: #808080; } .evaluate-list .generalComment .evaluate { margin-right: 0.07 * 100rpx; } .evaluate-list .nav { font-size: 0.24 * 100rpx; color: #282828; padding: 0 0.3 * 100rpx 0.15 * 100rpx 0.3 * 100rpx; background-color: #fff; border-bottom: 1px solid #f5f5f5; } .evaluate-list .nav .item { font-size: 0.24 * 100rpx; color: #282828; border-radius: 0.06 * 100rpx; height: 0.54 * 100rpx; padding: 0 0.2 * 100rpx; background-color: #f4f4f4; line-height: 0.54 * 100rpx; margin: 0 0.17 * 100rpx 0.17 * 100rpx 0; } .evaluate-list .nav .item.bg-color-red { color: #fff; } /*商品评价*/ .evaluate-con .score { background-color: #fff; border-top: 1px solid #f5f5f5; font-size: 0.28 * 100rpx; color: #282828; padding: 0.48 * 100rpx 0.3 * 100rpx 0.65 * 100rpx 0.3 * 100rpx; } .evaluate-con .score .item ~ .item { margin-top: 0.25 * 100rpx; } .evaluate-con .score .item .starsList { padding: 0 0.35 * 100rpx 0 0.4 * 100rpx; } .evaluate-con .score .item .starsList .iconfont { font-size: 0.4 * 100rpx; color: #aaa; } .evaluate-con .score .item .starsList .iconfont ~ .iconfont { margin-left: 0.2 * 100rpx; } .evaluate-con .score .item .evaluate { color: #aaa; font-size: 0.24 * 100rpx; } .evaluate-con .score .textarea { width: 6.9 * 100rpx; background-color: #fafafa; border-radius: 0.1 * 100rpx; margin-top: 0.48 * 100rpx; } .evaluate-con .score .textarea textarea { font-size: 0.28 * 100rpx; padding: 0.38 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; width: 100%; height: 1.6 * 100rpx; } .evaluate-con .score .textarea textarea::placeholder { color: #bbb; } .evaluate-con .score .textarea .list { margin-top: 0.25 * 100rpx; padding-left: 0.05 * 100rpx; } .evaluate-con .score .textarea .list .pictrue { width: 1.4 * 100rpx; height: 1.4 * 100rpx; margin: 0 0 0.35 * 100rpx 0.25 * 100rpx; position: relative; font-size: 0.22 * 100rpx; color: #bbb; } .evaluate-con .score .textarea .list .pictrue image { width: 100%; height: 100%; border-radius: 0.03 * 100rpx; } .evaluate-con .score .textarea .list .pictrue .icon-guanbi1 { font-size: 0.45 * 100rpx; position: absolute; top: -0.2 * 100rpx; right: -0.2 * 100rpx; } .evaluate-con .score .textarea .list .pictrue .icon-icon25201 { color: #bfbfbf; font-size: 0.5 * 100rpx; } .evaluate-con .score .evaluateBnt { font-size: 0.3 * 100rpx; color: #fff; width: 6.9 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.43 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; margin-top: 0.45 * 100rpx; } /*签到*/ .sign .header { width: 100%; height: 3.1 * 100rpx; } .sign .header .headerCon { padding: 0 0 0 0.3 * 100rpx; height: 2.34 * 100rpx; } .sign .header .headerCon .left { width: 5.3 * 100rpx; font-size: 0.32 * 100rpx; color: #fff; font-weight: bold; } .sign .header .headerCon .left .integral text { font-size: 0.24 * 100rpx; margin-top: 0.19 * 100rpx; background-color: #ff9000; text-align: center; border-radius: 0.06 * 100rpx; font-weight: normal; padding: 0.06 * 100rpx 0.15 * 100rpx; } .sign .header .headerCon .text { width: 4.1 * 100rpx; } .sign .header .headerCon .left .pictrue { width: 0.86 * 100rpx; height: 0.86 * 100rpx; border-radius: 50%; border: 0.04 * 100rpx solid #ecddbc; } .sign .header .headerCon .left .pictrue image { width: 100%; height: 100%; border-radius: 50%; } .sign .header .headerCon .right { width: 1.42 * 100rpx; height: 0.66 * 100rpx; background-color: #fff; border-radius: 0.5 * 100rpx 0 0 0.5 * 100rpx; font-size: 0.24 * 100rpx; color: #ff9000; } .sign .header .headerCon .right .iconfont { font-size: 0.33 * 100rpx; padding: 0 0.1 * 100rpx 0 0.3 * 100rpx; height: 0.35 * 100rpx; line-height: 0.35 * 100rpx; } .sign .wrapper { background-color: #fff; margin: -0.8 * 100rpx 0.2 * 100rpx 0 0.2 * 100rpx; border-radius: 0.15 * 100rpx; padding-bottom: 0.8 * 100rpx; position: relative; } .sign .wrapper .list { padding: 0 0.3 * 100rpx; height: 2.4 * 100rpx; } .sign .wrapper .list .item { font-size: 0.22 * 100rpx; color: #8a8886; text-align: center; } .sign .wrapper .list .item .rewardTxt { width: 0.74 * 100rpx; height: 0.32 * 100rpx; background-color: #f4b409; border-radius: 0.16 * 100rpx; font-size: 0.2 * 100rpx; color: #a57d3f; line-height: 0.32 * 100rpx; } .sign .wrapper .list .item .num { font-size: 0.3 * 100rpx; color: #999; } .sign .wrapper .list .item .num.on { color: #ff9000; } .sign .wrapper .list .item .venus { background-image: url('https://wx.yixiang.co/static/images/stars2.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.56 * 100rpx; height: 0.56 * 100rpx; margin: 0.1 * 100rpx 0; } .sign .wrapper .list .item .venus.venusSelect { background-image: url('https://wx.yixiang.co/static/images/stars1.png'); } .sign .wrapper .list .item .venus.reward { background-image: url('https://wx.yixiang.co/static/images/stars3.png'); width: 0.75 * 100rpx; height: 0.56 * 100rpx; } .sign .wrapper .but { width: 4 * 100rpx; height: 0.76 * 100rpx; font-size: 0.3 * 100rpx; line-height: 0.76 * 100rpx; color: #fff; border-radius: 0.5 * 100rpx; text-align: center; margin: 0 auto; } .sign .wrapper .but.on { background-color: #999 !important; } .sign .wrapper .lock { background-image: url('https://wx.yixiang.co/static/images/lock2.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 5.58 * 100rpx; height: 0.68 * 100rpx; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.41 * 100rpx; z-index: 9; } .sign .wrapper2 { margin-top: 0.15 * 100rpx; padding: 0.73 * 100rpx 0 0 0; } .sign .wrapper2 .tip { font-size: 0.3 * 100rpx; color: #666; text-align: center; } .sign .wrapper2 .list2 { margin: 0.45 * 100rpx 0 0.49 * 100rpx 0; } .sign .wrapper2 .list2 .item { width: 0.8 * 100rpx; height: 1.16 * 100rpx; background-repeat: no-repeat; background-size: 100% 100%; color: #fff; font-size: 0.72 * 100rpx; text-align: center; line-height: 1.16 * 100rpx; margin-right: 0.19 * 100rpx; background-image: url('https://wx.yixiang.co/static/images/redBg.png'); } .sign .wrapper2 .list2 .data { font-size: 0.3 * 100rpx; color: #232323; } .sign .wrapper2 .tip2 { font-size: 0.3 * 100rpx; color: #999999; padding: 0 0.55 * 100rpx; text-align: center; line-height: 1.5; } .sign .list3 { margin: 0.45 * 100rpx 0.37 * 100rpx 0 0.37 * 100rpx; border-top: 1px dashed #eee; } .sign .list3 .item { border-bottom: 1px solid #eee; height: 1.3 * 100rpx; } .sign .list3 .item .name { color: #232323; font-size: 0.3 * 100rpx; width: 4 * 100rpx; } .sign .list3 .item .data { font-size: 0.24 * 100rpx; color: #bbbbbb; margin-top: 0.09 * 100rpx; } .sign .list3 .item .num { font-size: 0.36 * 100rpx; font-family: 'GuildfordProBook 5'; } .sign .signTip { width: 6.44 * 100rpx; height: 6.45 * 100rpx; position: fixed; top: 50%; left: 50%; margin-left: -3.22 * 100rpx; margin-top: -3.225 * 100rpx; z-index: 99; text-align: center; transition: all 0.3s ease-in-out 0s; opacity: 0; transform: scale(0); } .sign .signTip .signTipLight { background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 100%; } .sign .signTip.on { opacity: 1; transform: scale(1); } .sign .signTip .signTipCon { background-image: url('https://wx.yixiang.co/static/images/register.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 4.2 * 100rpx; height: 4.2 * 100rpx; margin-top: -7 * 100rpx; position: relative; } .sign .signTip .signTipCon .state { font-size: 0.34 * 100rpx; color: #fff; margin-top: 1.5 * 100rpx; } .sign .signTip .signTipCon .integral { font-size: 0.3 * 100rpx; color: rgba(255, 255, 255, 0.6); margin-top: 0.09 * 100rpx; } .sign .signTip .signTipCon .signTipBnt { font-size: 0.3 * 100rpx; color: #eb4331; width: 2.6 * 100rpx; height: 0.76 * 100rpx; background-color: #f8d168; border-radius: 0.38 * 100rpx; line-height: 0.76 * 100rpx; margin: 0.48 * 100rpx auto 0 auto; } /*签到记录、账单明细列表*/ .sign-record .list .item .data { height: 0.8 * 100rpx; line-height: 0.8 * 100rpx; padding: 0 0.3 * 100rpx; font-size: 0.24 * 100rpx; color: #666; } .sign-record .list .item .listn { background-color: #fff; font-size: 0.24 * 100rpx; color: #999; } .sign-record .list .item .listn .itemn { height: 1.2 * 100rpx; border-bottom: 1px solid #eee; padding-right: 0.3 * 100rpx; margin-left: 0.3 * 100rpx; } .sign-record .list .item .listn .itemn .name { width: 3.9 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; margin-bottom: 0.06 * 100rpx; } .sign-record .list .item .listn .itemn .num { font-size: 0.36 * 100rpx; font-family: 'GuildfordProBook 5'; color: #16ac57; } /*申请退货*/ .apply-return .list { background-color: #fff; margin-top: 0.18 * 100rpx; } .apply-return .list .item { margin-left: 0.3 * 100rpx; padding-right: 0.3 * 100rpx; min-height: 0.9 * 100rpx; border-bottom: 1px solid #eee; font-size: 0.3 * 100rpx; color: #333; } .apply-return .list .item .num { color: #282828; flex: 1; text-align: right; position: relative; } .apply-return .list .item .num .picker { text-align: right; } .apply-return .list .item .num .iconfont { color: #666; font-size: 0.3 * 100rpx; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .apply-return .list .item.textarea { padding: 0.3 * 100rpx 0.3 * 100rpx 0.3 * 100rpx 0; } .apply-return .list .item textarea { height: 1 * 100rpx; font-size: 0.3 * 100rpx; } .apply-return .list .item textarea::placeholder { color: #bbb; } .apply-return .list .item .title { height: 0.95 * 100rpx; width: 100%; } .apply-return .list .item .title .tip { font-size: 0.3 * 100rpx; color: #bbb; } .apply-return .list .item .upload { padding-bottom: 0.36 * 100rpx; } .apply-return .list .item .upload .pictrue { margin: 0.22 * 100rpx 0.23 * 100rpx 0 0; width: 1.56 * 100rpx; height: 1.56 * 100rpx; position: relative; font-size: 0.24 * 100rpx; color: #bbb; border: 1px solid #bbb; } .apply-return .list .item .upload .pictrue:nth-of-type(4n) { margin-right: 0; } .apply-return .list .item .upload .pictrue image { width: 100%; height: 100%; border-radius: 0.03 * 100rpx; } .apply-return .list .item .upload .pictrue .icon-guanbi1 { position: absolute; font-size: 0.45 * 100rpx; top: -0.1 * 100rpx; right: -0.1 * 100rpx; width: 0.45 * 100rpx; height: 0.45 * 100rpx; line-height: 0.45 * 100rpx; } .apply-return .list .item .upload .pictrue .icon-icon25201 { color: #bfbfbf; font-size: 0.5 * 100rpx; width: 0.5 * 100rpx; height: 0.6 * 100rpx; line-height: 0.6 * 100rpx; } .apply-return .list .item .upload .pictrue:nth-last-child(1) { border: 1px solid #ddd; } .apply-return .returnBnt { font-size: 0.32 * 100rpx; color: #fff; width: 6.9 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; margin: 0.43 * 100rpx auto; } /*退货列表*/ .return-list .goodWrapper { background-color: #fff; margin-bottom: 0.13 * 100rpx; position: relative; } .return-list .goodWrapper .orderNum { padding: 0 0.3 * 100rpx; border-bottom: 1px solid #eee; height: 0.87 * 100rpx; line-height: 0.87 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; } .return-list .goodWrapper .item { border-bottom: 0; } .return-list .goodWrapper .totalSum { padding: 0 0.3 * 100rpx 0.32 * 100rpx 0.3 * 100rpx; text-align: right; font-size: 0.26 * 100rpx; color: #282828; } .return-list .goodWrapper .totalSum .price { font-size: 0.28 * 100rpx; font-weight: bold; } .return-list .goodWrapper .iconfont { position: absolute; font-size: 1.09 * 100rpx; top: 0.07 * 100rpx; right: 0.3 * 100rpx; color: #ccc; width: 1.09 * 100rpx; height: 1.09 * 100rpx; line-height: 1.09 * 100rpx; } .return-list .goodWrapper .iconfont.powder { color: #f8c1bd; } /*收藏商品*/ .collectionGoods { background-color: #fff; border-top: 1px solid #eee; } .collectionGoods .item { margin-left: 0.3 * 100rpx; padding-right: 0.3 * 100rpx; border-bottom: 1px solid #eee; height: 1.8 * 100rpx; } .collectionGoods .item .pictrue { width: 1.3 * 100rpx; height: 1.3 * 100rpx; } .collectionGoods .item .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .collectionGoods .item .text { width: 5.35 * 100rpx; height: 1.3 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; } .collectionGoods .item .text .infor { width: 100%; } .collectionGoods .item .text .money { font-size: 0.26 * 100rpx; } .collectionGoods .item .text .delete { font-size: 0.26 * 100rpx; color: #282828; width: 1.14 * 100rpx; height: 0.46 * 100rpx; border: 1px solid #bbb; border-radius: 0.04 * 100rpx; text-align: center; line-height: 0.46 * 100rpx; } /*搜索商品*/ .searchGood .search { padding-left: 0.3 * 100rpx; } .searchGood .search { margin-top: 0.2 * 100rpx; } .searchGood .search .input { flex: 1; box-sizing: border-box; background-color: #f7f7f7; border-radius: 0.33 * 100rpx; padding: 0 0.35 * 100rpx; height: 0.66 * 100rpx; } .searchGood .search .input input { flex: 1; font-size: 0.28 * 100rpx; margin-left: 15rpx; } .searchGood .search .input input::placeholder { color: #bbb; } .searchGood .search .input .iconfont { color: #000; font-size: 0.35 * 100rpx; } .searchGood .search .bnt { width: 1.2 * 100rpx; text-align: center; height: 0.66 * 100rpx; line-height: 0.66 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; } .searchGood .title { font-size: 0.28 * 100rpx; color: #999; margin: 0.5 * 100rpx 0.3 * 100rpx 0.25 * 100rpx 0.3 * 100rpx; } .searchGood .list { padding-left: 0.1 * 100rpx; } .searchGood .list .item { font-size: 0.26 * 100rpx; color: #454545; padding: 0 0.21 * 100rpx; height: 0.6 * 100rpx; border-radius: 0.03 * 100rpx; line-height: 0.6 * 100rpx; border: 1px solid #aaa; margin: 0 0 0.2 * 100rpx 0.2 * 100rpx; } .searchGood .line { border-bottom: 1px solid #eee; margin: 0.2 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; } .cash-withdrawal { padding-top: 1.3 * 100rpx; } // /*银行卡提现*/ // .cash-withdrawal .nav { // height: 1.3*100rpx; // box-shadow: 0 0.1*100rpx 0.1*100rpx #f8f8f8; // -moz-box-shadow: 0 0.1*100rpx 0.1*100rpx #f8f8f8; // -o-box-shadow: 0 0.1*100rpx 0.1*100rpx #f8f8f8; // } // .cash-withdrawal .nav .item { // font-size: 0.26*100rpx; // flex: 1; // -o-flex: 1; // -ms-flex: 1; // text-align: center; // } // .cash-withdrawal .nav .item~.item { // border-left: 1px solid #f0f0f0; // } // .cash-withdrawal .nav .item .iconfont { // width: 0.4*100rpx; // height: 0.4*100rpx; // border-radius: 50%; // border: 0.02*100rpx solid #e93323; // text-align: center; // line-height: 0.37*100rpx; // margin: 0 auto 0.06*100rpx auto; // font-size: 0.22*100rpx; // } // .cash-withdrawal .nav .item .iconfont.on { // background-color: #e93323; // color: #fff; // border-color: #e93323; // } // .cash-withdrawal .nav .item .line { // width: 0.02*100rpx; // height: 0.2*100rpx; // margin: 0 auto; // transition: height 0.3s; // } // .cash-withdrawal .nav .item .line.on { // height: 0.39*100rpx; // } .cash-withdrawal .wrapper .list { padding: 0 0.3 * 100rpx; } .cash-withdrawal .wrapper .list .item { border-bottom: 1px solid #eee; height: 1.07 * 100rpx; font-size: 0.3 * 100rpx; color: #333; } .cash-withdrawal .wrapper .list .item .name { width: 1.3 * 100rpx; } .cash-withdrawal .wrapper .list .item .input { width: 5.05 * 100rpx; } .cash-withdrawal .wrapper .list .item .input input::placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .tip { font-size: 0.26 * 100rpx; color: #999; margin-top: 0.25 * 100rpx; } .cash-withdrawal .wrapper .list .bnt { font-size: 0.32 * 100rpx; color: #fff; width: 6.9 * 100rpx; height: 0.9 * 100rpx; text-align: center; border-radius: 0.5 * 100rpx; line-height: 0.9 * 100rpx; margin: 0.64 * 100rpx auto; } .cash-withdrawal .wrapper .list .tip2 { font-size: 0.26 * 100rpx; color: #999; text-align: center; margin: 0.44 * 100rpx 0 0.2 * 100rpx 0; } .cash-withdrawal .wrapper .list .value { height: 1.35 * 100rpx; line-height: 1.35 * 100rpx; border-bottom: 1px solid #eee; width: 6.9 * 100rpx; margin: 0 auto; } .cash-withdrawal .wrapper .list .value input { font-size: 0.8 * 100rpx; color: #282828; height: 1.35 * 100rpx; text-align: center; width: 100%; } .cash-withdrawal .wrapper .list .value input::placeholder { color: #bbb; } /*提现审核*/ .cash-audit { width: 7.1 * 100rpx; background-color: #fff; border-radius: 0.06 * 100rpx; margin: 0.25 * 100rpx auto 0 auto; padding: 0.53 * 100rpx 0 0.58 * 100rpx 0; left: 50%; //margin-left: -3.55*100rpx; } .cash-audit .pictrue { width: 2.14 * 100rpx; height: 1.79 * 100rpx; margin: 0 auto; } .cash-audit .pictrue image { width: 100%; height: 100%; } .cash-audit .tip { font-size: 0.32 * 100rpx; color: #282828; margin-top: 0.4 * 100rpx; text-align: center; padding: 0 0.4 * 100rpx; } .cash-audit .time { font-size: 0.26 * 100rpx; color: #999; text-align: center; margin-top: 0.15 * 100rpx; } .cash-audit .bnt { font-size: 0.32 * 100rpx; color: #fff; width: 5 * 100rpx; height: 0.86 * 100rpx; border-radius: 0.43 * 100rpx; text-align: center; line-height: 0.86 * 100rpx; margin: 0.5 * 100rpx auto 0 auto; } /*推广人订单*/ .promoter-order .list .item .title { height: 1.33 * 100rpx; padding: 0 0.3 * 100rpx; font-size: 0.26 * 100rpx; color: #999; } .promoter-order .list .item .title .data { font-size: 0.28 * 100rpx; color: #282828; margin-bottom: 0.05 * 100rpx; } .promoter-order .list .item .listn .itenm { background-color: #fff; } .promoter-order .list .item .listn .itenm ~ .itenm { margin-top: 0.12 * 100rpx; } .promoter-order .list .item .listn .itenm .top { margin-left: 0.3 * 100rpx; padding-right: 0.3 * 100rpx; border-bottom: 1px solid #eee; height: 1 * 100rpx; } .promoter-order .list .item .listn .itenm .top .pictxt { width: 3.2 * 100rpx; } .promoter-order .list .item .listn .itenm .top .pictxt .text { width: 2.3 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; } .promoter-order .list .item .listn .itenm .top .pictxt .pictrue { width: 0.66 * 100rpx; height: 0.66 * 100rpx; } .promoter-order .list .item .listn .itenm .top .pictxt .pictrue image { width: 100%; height: 100%; border-radius: 50%; border: 0.03 * 100rpx solid #fff; box-shadow: 0 0 0.1 * 100rpx #aaa; -moz-box-shadow: 0 0 0.1 * 100rpx #aaa; -o-box-shadow: 0 0 0.1 * 100rpx #aaa; -moz-box-sizing: border-box; box-sizing: border-box; } .promoter-order .list .item .listn .itenm .top .money { font-size: 0.28 * 100rpx; } .promoter-order .list .item .listn .itenm .bottom { padding: 0.2 * 100rpx 0.3 * 100rpx; font-size: 0.28 * 100rpx; color: #666; line-height: 1.6; } .promoter-order .list .item .listn .itenm .bottom .name { color: #999; } /*推广人列表*/ .promoter-list .header { padding-bottom: 0.12 * 100rpx; } .promoter-list .nav { background-color: #fff; height: 0.86 * 100rpx; line-height: 0.86 * 100rpx; font-size: 0.28 * 100rpx; color: #282828; border-bottom: 1px solid #eee; } .promoter-list .nav .item { height: 100%; } .promoter-list .nav .item.on { color: #eb3729; border-bottom: 0.05 * 100rpx solid #eb3729; } .promoter-list .search { box-sizing: border-box; width: 100%; background-color: #fff; height: 0.86 * 100rpx; padding: 0 0.3 * 100rpx; } .promoter-list .search .input { width: 6.3 * 100rpx; height: 0.6 * 100rpx; border-radius: 0.5 * 100rpx; background-color: #f5f5f5; text-align: center; position: relative; } .promoter-list .search .input input { height: 100%; font-size: 0.26 * 100rpx; width: 6.2 * 100rpx; text-align: center; } .promoter-list .search .input input::placeholder { color: #bbb; } .promoter-list .search .input .iconfont { position: absolute; right: 0.28 * 100rpx; color: #999; font-size: 0.28 * 100rpx; top: 50%; transform: translateY(-50%); } .promoter-list .search .iconfont { font-size: 0.4 * 100rpx; color: #515151; } .promoter-list .list .sortNav { background-color: #fff; height: 0.76 * 100rpx; border-bottom: 1px solid #eee; color: #333; font-size: 0.28 * 100rpx; } .promoter-list .list .sortNav.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; } .promoter-list .list .sortNav .sortItem { text-align: center; flex: 1; -o-flex: 1; -ms-flex: 1; } .promoter-list .list .sortNav .sortItem image { width: 0.24 * 100rpx; height: 0.24 * 100rpx; margin-left: 0.06 * 100rpx; vertical-align: -0.03 * 100rpx; } .promoter-list .list .sortList { margin-top: 0.76 * 100rpx; } .promoter-list .list .item { background-color: #fff; border-bottom: 1px solid #eee; height: 1.52 * 100rpx; padding: 0 0.3 * 100rpx 0 0.2 * 100rpx; font-size: 0.24 * 100rpx; color: #666; } .promoter-list .list .item .picTxt { width: 4.4 * 100rpx; } .promoter-list .list .item .picTxt .pictrue { width: 1.06 * 100rpx; height: 1.06 * 100rpx; border-radius: 50%; } .promoter-list .list .item .picTxt .pictrue image { width: 100%; height: 100%; border-radius: 50%; border: 0.03 * 100rpx solid #fff; box-shadow: 0 0 0.07 * 100rpx #aaa; -moz-box-shadow: 0 0 0.07 * 100rpx #aaa; -o-box-shadow: 0 0 0.07 * 100rpx #aaa; -moz-box-sizing: border-box; box-sizing: border-box; } .promoter-list .list .item .picTxt .text { width: 3.04 * 100rpx; font-size: 0.24 * 100rpx; color: #666; } .promoter-list .list .item .picTxt .text .name { font-size: 0.28 * 100rpx; color: #333; margin-bottom: 0.13 * 100rpx; } .promoter-list .list .item .right { width: 2.4 * 100rpx; text-align: right; font-size: 0.22 * 100rpx; color: #333; } /*我的推广*/ .my-promotion .header { background-image: url('https://wx.yixiang.co/static/images/promotionBg.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 3.75 * 100rpx; } .my-promotion .header .name { font-size: 0.3 * 100rpx; color: #fff; padding-top: 0.57 * 100rpx; position: relative; } .my-promotion .header .name .record { font-size: 0.26 * 100rpx; color: rgba(255, 255, 255, 0.8); position: absolute; right: 0.2 * 100rpx; } .my-promotion .header .name .record .iconfont { font-size: 0.25 * 100rpx; margin-left: 0.1 * 100rpx; } .my-promotion .header .num { text-align: center; color: #fff; // margin-top: 0.25*100rpx; font-size: 0.9 * 100rpx; font-family: 'GuildfordProBook 5'; } .my-promotion .header .profit { padding: 0 0.2 * 100rpx; margin-top: 0.33 * 100rpx; font-size: 0.24 * 100rpx; color: rgba(255, 255, 255, 0.8); } .my-promotion .header .profit .item { min-width: 2 * 100rpx; text-align: center; } .my-promotion .header .profit .item .money { font-size: 0.34 * 100rpx; color: #fff; } .my-promotion .bnt { font-size: 0.28 * 100rpx; color: #fff; width: 2.58 * 100rpx; height: 0.68 * 100rpx; border-radius: 0.5 * 100rpx; text-align: center; line-height: 0.68 * 100rpx; margin: -0.32 * 100rpx auto 0 auto; } .my-promotion .list { padding: 0 0.2 * 100rpx; margin-top: 0.1 * 100rpx; } .my-promotion .list .item { width: 3.45 * 100rpx; height: 2.4 * 100rpx; border-radius: 0.2 * 100rpx; background-color: #fff; margin-top: 0.2 * 100rpx; font-size: 0.3 * 100rpx; color: #666; } .my-promotion .list .item .iconfont { font-size: 0.7 * 100rpx; /* background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%); */ /* background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%); */ margin-bottom: 0.2 * 100rpx; color: #eb3729; } /*我的账户*/ .my-account .wrapper { background-color: #fff; padding: 0.32 * 100rpx 0 0.34 * 100rpx 0; margin-bottom: 0.14 * 100rpx; } .my-account .wrapper .header { width: 6.9 * 100rpx; height: 3.3 * 100rpx; background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%); background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%); border-radius: 0.16 * 100rpx; margin: 0 auto; color: rgba(255, 255, 255, 0.6); font-size: 0.24 * 100rpx; } .my-account .wrapper .header .headerCon { background-image: url('https://wx.yixiang.co/static/images/accountBg.png'); background-repeat: no-repeat; background-size: 100%; height: 100%; width: 100%; padding: 0.36 * 100rpx 0 0.29 * 100rpx 0; } .my-account .wrapper .header .headerCon .account { padding: 0 0.35 * 100rpx; } .my-account .wrapper .header .headerCon .account .assets .money { font-size: 0.72 * 100rpx; color: #fff; font-family: 'GuildfordProBook 5'; margin-top: 0.1 * 100rpx; height: 0.75 * 100rpx; line-height: 0.75 * 100rpx; } .my-account .wrapper .header .headerCon .account .recharge { font-size: 0.28 * 100rpx; width: 1.5 * 100rpx; height: 0.54 * 100rpx; border-radius: 0.27 * 100rpx; background-color: #fff9f8; text-align: center; line-height: 0.54 * 100rpx; } .my-account .wrapper .header .headerCon .cumulative { margin-top: 0.46 * 100rpx; } .my-account .wrapper .header .headerCon .cumulative .item { flex: 1; -o-flex: 1; -ms-flex: 1; padding-left: 0.35 * 100rpx; } .my-account .wrapper .header .headerCon .cumulative .item .money { font-size: 0.48 * 100rpx; font-family: 'GuildfordProBook 5'; color: #fff; margin-top: 0.06 * 100rpx; } .my-account .wrapper .nav { height: 1.55 * 100rpx; border-bottom: 1px solid #f5f5f5; } .my-account .wrapper .nav .item { flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.26 * 100rpx; color: #999; } .my-account .wrapper .nav .item .pictrue { width: 0.44 * 100rpx; height: 0.44 * 100rpx; margin: 0 auto; margin-bottom: 0.2 * 100rpx; } .my-account .wrapper .nav .item .pictrue image { width: 100%; height: 100%; } .my-account .wrapper .advert { padding: 0 0.3 * 100rpx; margin-top: 0.3 * 100rpx; } .my-account .wrapper .advert .item { background-color: #fff6d1; width: 3.32 * 100rpx; height: 1.18 * 100rpx; border-radius: 0.1 * 100rpx; padding: 0 0.27 * 100rpx 0 0.25 * 100rpx; font-size: 0.24 * 100rpx; color: #e44609; } .my-account .wrapper .advert .item.on { background-color: #fff3f3; color: #e96868; } .my-account .wrapper .advert .item .pictrue { width: 0.78 * 100rpx; height: 0.78 * 100rpx; } .my-account .wrapper .advert .item .pictrue image { width: 100%; height: 100%; } .my-account .wrapper .advert .item .text .name { font-size: 0.3 * 100rpx; font-weight: bold; color: #f33c2b; margin-bottom: 0.07 * 100rpx; } .my-account .wrapper .advert .item.on .text .name { color: #f64051; } .my-account .wrapper .list { padding: 0 0.3 * 100rpx; } .my-account .wrapper .list .item { margin-top: 0.44 * 100rpx; } .my-account .wrapper .list .item .picTxt .iconfont { width: 0.82 * 100rpx; height: 0.82 * 100rpx; border-radius: 50%; background-image: linear-gradient(to right, #ff9389 0%, #f9776b 100%); background-image: -moz-linear-gradient(to right, #ff9389 0%, #f9776b 100%); text-align: center; line-height: 0.82 * 100rpx; color: #fff; font-size: 0.4 * 100rpx; } .my-account .wrapper .list .item .picTxt .iconfont.yellow { background-image: linear-gradient(to right, #ffccaa 0%, #fea060 100%); background-image: -moz-linear-gradient(to right, #ffccaa 0%, #fea060 100%); } .my-account .wrapper .list .item .picTxt .iconfont.green { background-image: linear-gradient(to right, #a1d67c 0%, #9dd074 100%); background-image: -moz-linear-gradient(to right, #a1d67c 0%, #9dd074 100%); } .my-account .wrapper .list .item .picTxt { width: 4.28 * 100rpx; font-size: 0.3 * 100rpx; color: #282828; } .my-account .wrapper .list .item .picTxt .text { width: 3.17 * 100rpx; } .my-account .wrapper .list .item .picTxt .text .infor { font-size: 0.24 * 100rpx; color: #999; margin-top: 0.05 * 100rpx; } .my-account .wrapper .list .item .bnt { font-size: 0.26 * 100rpx; color: #282828; width: 1.56 * 100rpx; height: 0.52 * 100rpx; border: 1px solid #ddd; border-radius: 0.26 * 100rpx; text-align: center; line-height: 0.5 * 100rpx; } .my-account .wrapper .list .item .bnt.end { font-size: 0.26 * 100rpx; color: #aaa; background-color: #f2f2f2; border-color: #f2f2f2; } /*账单明细*/ .bill-details .nav { background-color: #fff; height: 0.9 * 100rpx; width: 100%; line-height: 0.9 * 100rpx; } .bill-details .nav .item { flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.3 * 100rpx; color: #282828; height: 100%; } .bill-details .nav .item.on { color: #e93323; border-bottom: 0.03 * 100rpx solid #e93323; } /*限时抢购*/ .flash-sale .header { width: 100%; height: 2.4 * 100rpx; } .flash-sale .header image { width: 100%; height: 100%; } .flash-sale .whiteFixed { position: fixed; top: 0; background-color: #fff; left: 0; width: 100%; z-index: 5; } .flash-sale .timeLsit { width: 100%; white-space: nowrap; overflow: hidden; height: 1.1 * 100rpx; } .flash-sale .timeLsit .rush-time { overflow-y: hidden; overflow-x: auto; width: 100%; height: 1.5 * 100rpx; } .flash-sale .timeLsit .item { display: inline-block; font-size: 0.22 * 100rpx; color: #282828; width: 2 * 100rpx; text-align: center; padding: 0.11 * 100rpx 0; height: 0.96 * 100rpx; background-color: #efc58f; } .flash-sale .timeLsit .item ~ .item { border-left: 1px solid #e3b06e; } .flash-sale .timeLsit .item .time { font-size: 0.32 * 100rpx; font-weight: bold; height: 0.37 * 100rpx; line-height: 0.37 * 100rpx; } .flash-sale .timeLsit .item.on { background-color: #e93323; color: #fff; position: relative; } .flash-sale .timeLsit .item.on::before { content: ''; width: 0; height: 0; border-left: 0.08 * 100rpx solid transparent; border-right: 0.08 * 100rpx solid transparent; border-top: 0.1 * 100rpx solid #e93323; position: absolute; bottom: -0.09 * 100rpx; z-index: 99; left: 50%; transform: translateX(-50%); } .flash-sale .countDown { height: 0.92 * 100rpx; border-bottom: 1px solid #f0f0f0; font-size: 0.28 * 100rpx; color: #282828; } .flash-sale .countDown .timeTxt { color: #fc4141; } .flash-sale .countDown .time { font-size: 0.28 * 100rpx; color: #282828; } .flash-sale .countDown .styleAll { font-size: 0.28 * 100rpx; font-weight: bold; background-color: #ffcfcb; padding: 0.04 * 100rpx 0.07 * 100rpx; border-radius: 0.03 * 100rpx; color: #fc4141; } .flash-sale .countDown .text { } .flash-sale .list.on { margin-top: 2.02 * 100rpx; } .flash-sale .list .item { padding: 0 0.3 * 100rpx; border-bottom: 1px solid #f0f0f0; height: 2.27 * 100rpx; position: relative; } .flash-sale .list .item .pictrue { width: 1.66 * 100rpx; height: 1.66 * 100rpx; } .flash-sale .list .item .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .flash-sale .list .item .text { width: 4.7 * 100rpx; font-size: 0.3 * 100rpx; color: #333; height: 1.66 * 100rpx; } .flash-sale .list .item .text .money { font-size: 0.24 * 100rpx; color: #282828; margin-top: -0.13 * 100rpx; } .flash-sale .list .item .text .money .num { font-size: 0.34 * 100rpx; font-weight: bold; } .tui-goods__item .progress { overflow: hidden; background-color: #fff; width: 100%; border-radius: 0.2 * 100rpx; height: 0.34 * 100rpx; position: relative; } .tui-goods__item .progress .bg-red { width: 0; height: 100%; transition: width 0.6s ease; background-color: #ffe3e1; } .tui-goods__item .progress .piece { position: absolute; left: 0; right: 0; transform: translate(0, -50%); top: 49%; font-size: 0.22 * 100rpx; word-wrap: normal; text-align: center; } .tui-goods__item .grab { font-size: 0.28 * 100rpx; color: #fff; width: 1.4 * 100rpx; height: 0.54 * 100rpx; border-radius: 0.04 * 100rpx; text-align: center; line-height: 0.54 * 100rpx; position: absolute; right: 0.3 * 100rpx; bottom: 0.3 * 100rpx; } /*抢购详情页*/ .product-con .nav { box-sizing: border-box; background: url('https://wx.yixiang.co/static/images/rushBuy.jpg') #fc4141 no-repeat; background-size: 100% 100%; width: 100%; height: 1 * 100rpx; padding: 0 0.3 * 100rpx; } .product-con .nav .money { font-size: 0.28 * 100rpx; color: #fff; } .product-con .nav .money .num { font-size: 0.48 * 100rpx; } .product-con .nav .money .y-money { font-size: 0.26 * 100rpx; margin-left: 0.1 * 100rpx; text-decoration: line-through; } .product-con .nav .times { font-size: 0.2 * 100rpx; color: #fff; text-align: center; margin-bottom: 0.04 * 100rpx; } .product-con .nav .times .time { margin-top: 0.07 * 100rpx; } .product-con .nav .times .time .styleAll { padding: 0 0.07 * 100rpx; font-size: 0.22 * 100rpx; color: #ff3d3d; background-color: #fff; border-radius: 0.02 * 100rpx; } .product-con .nav .iconfont { color: #fff; font-size: 0.3 * 100rpx; margin-left: 0.2 * 100rpx; } .product-con .wrapperRush { padding: 0.32 * 100rpx 0.3 * 100rpx; background-color: #fff; } .product-con .wrapperRush .introduce .infor { width: 5.7 * 100rpx; font-size: 0.32 * 100rpx; font-weight: bold; } .product-con .wrapperRush .introduce .iconfont { font-size: 0.37 * 100rpx; color: #515151; } .product-con .wrapperRush .label { margin: 0.18 * 100rpx 0 0 0; font-size: 0.24 * 100rpx; color: #82848f; } .product-con .wrapperRush .label .stock { width: 2.55 * 100rpx; margin-right: 0.28 * 100rpx; } .product-con .footerRush { position: fixed; bottom: 0; width: 100%; height: 1 * 100rpx; background-color: #fff; font-size: 0.18 * 100rpx; color: #666; z-index: 99; } .product-con .footerRush .customerSer { width: 14%; font-size: 0.2 * 100rpx; color: #666; } .product-con .footerRush .bnt { width: 100%; text-align: center; line-height: 1 * 100rpx; height: 100%; color: #fff; font-size: 0.3 * 100rpx; } /*新闻*/ .newsList .swiperNews { width: 6.9 * 100rpx; height: 3.67 * 100rpx; margin: 0.3 * 100rpx auto 0 auto; } .newsList .swiperNews .swiper-slide { width: 100%; height: 3.3 * 100rpx; } .newsList .swiperNews .slide-image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .newsList .swiperNews .swiper-pagination-bullet { width: 0.12 * 100rpx; height: 0.12 * 100rpx; border-radius: 0; transform: rotate(-45deg); transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; background-color: #d1d1d1; opacity: 1; margin: 0 0.1 * 100rpx; } .newsList .swiperNews .swiper-pagination-bullet-active { background-color: #666666; border: 0; } .newsList .swiperNews .swiper-pagination { bottom: -0.07 * 100rpx; width: 100%; } .newsList .nav { padding: 0 0.3 * 100rpx; width: 100%; height: 1.05 * 100rpx; overflow: hidden; background-color: #fff; } .newsList .nav.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; } .newsList .nav .scrollNav { white-space: nowrap; overflow-y: hidden; overflow-x: auto; width: 100%; } .newsList .nav .item { display: inline-block; font-size: 0.32 * 100rpx; color: #999; margin-top: 0.4 * 100rpx; } .newsList .nav .item.on { color: #282828; } .newsList .nav .item ~ .item { margin-left: 0.46 * 100rpx; } .newsList .nav .item .line { width: 0.24 * 100rpx; height: 0.04 * 100rpx; border-radius: 0.02 * 100rpx; margin: 0.1 * 100rpx auto 0 auto; } .newsList .list.on { margin-top: 1.05 * 100rpx; } .newsList .list .item { margin: 0 0.3 * 100rpx; border-bottom: 1px solid #f0f0f0; padding: 0.35 * 100rpx 0; } .newsList .list .item .pictrue { width: 2.5 * 100rpx; height: 1.56 * 100rpx; } .newsList .list .item .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .newsList .list .item .text { width: 4.2 * 100rpx; height: 1.56 * 100rpx; font-size: 0.24 * 100rpx; color: #999; } .newsList .list .item .text .name { font-size: 0.3 * 100rpx; color: #282828; } .newsList .list .item .picList .pictrue { width: 3.35 * 100rpx; height: 2.1 * 100rpx; margin-top: 0.3 * 100rpx; } .newsList .list .item .picList.on .pictrue { width: 2.17 * 100rpx; height: 1.36 * 100rpx; } .newsList .list .item .picList .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .newsList .list .item .time { text-align: right; font-size: 0.24 * 100rpx; color: #999; margin-top: 0.22 * 100rpx; } .newsList .van-tabs__wrap { top: 0 !important; } /*新闻详情*/ .newsDetail .title { padding: 0 0.3 * 100rpx; font-size: 0.34 * 100rpx; color: #282828; font-weight: bold; margin: 0.45 * 100rpx 0 0.23 * 100rpx 0; line-height: 1.5; } .newsDetail .list { margin: 0 0.3 * 100rpx; border-bottom: 1px solid #eee; padding-bottom: 0.25 * 100rpx; } .newsDetail .list .label { font-size: 0.24 * 100rpx; height: 0.38 * 100rpx; border-radius: 0.03 * 100rpx; text-align: center; line-height: 0.36 * 100rpx; padding: 0 0.1 * 100rpx; max-width: 1.9 * 100rpx; width: unset; } .newsDetail .list .item { margin-left: 0.27 * 100rpx; font-size: 0.24 * 100rpx; color: #999; } .newsDetail .list .item .iconfont { font-size: 0.28 * 100rpx; margin-right: 0.1 * 100rpx; } .newsDetail .list .item .iconfont.icon-shenhezhong { font-size: 0.26 * 100rpx; } .newsDetail .conter { padding: 0 0.3 * 100rpx; font-size: 0.3 * 100rpx; color: #333; line-height: 1.8; padding-top: 0.35 * 100rpx; } .newsDetail .conter image { width: 100%; display: block; } /*佣金明细*/ .commission-details .promoterHeader .headerCon .money { font-size: 0.36 * 100rpx; } .commission-details .promoterHeader .headerCon .money .num { font-family: 'GuildfordProBook 5'; } /*立即注册*/ .register { // background-image: linear-gradient(to bottom, #eb3729 0%, #eb3729 100%); // background-image: -moz-linear-gradient(to bottom, #eb3729 0%, #eb3729 100%); width: 100%; height: 100vh; display: flex; flex-direction: column; // justify-content: center; } // .register .shading { // background-image: url("https://wx.yixiang.co/static/images/registerw.png"); // background-repeat: no-repeat; // background-size: 100% 100%; // width: 100%; // height: 2.86*100rpx; // padding-top: 0.7*100rpx; // } // .register .shading .pictrue { // width: 1.72*100rpx; // height: 1.72*100rpx; // border-radius: 50%; // background-color: rgba(255, 255, 255, 0.8); // margin: 0 auto; // } // .register .shading .pictrue image { // width: 1.64*100rpx; // height: 1.64*100rpx; // border-radius: 50%; // display: block; // } .register .whiteBg { padding: 0 60rpx; } .register .whiteBg .title { line-height: 2em; font-size: 0.36 * 100rpx; color: #282828; text-align: left; font-weight: bold; margin-top: 100rpx; margin-bottom: 50rpx; } .register .whiteBg .title .item ~ .item { margin-left: 0.85 * 100rpx; } .register .whiteBg .title .item { color: #999999; border-bottom: 0.05 * 100rpx solid #fff; padding-bottom: 0.1 * 100rpx; } .register .whiteBg .title .item.on { color: #282828; border-bottom-color: #f35749; } .register .whiteBg .list .item { border-bottom: 1px solid #cccccc; padding: 30rpx 0 30rpx 0rpx; position: relative; } .register .whiteBg .list .item .name { font-size: 0.26 * 100rpx; color: #2d3342; margin-bottom: 0.27 * 100rpx; text-align: left; } .register .whiteBg .list .item .icon { font-size: 0.35 * 100rpx; margin-right: 0.32 * 100rpx; } .register .whiteBg .list .item input { font-size: 0.33 * 100rpx; width: 100%; } .register .whiteBg .list .item input::placeholder { color: #cccccc; } .register .whiteBg .list .item .codeIput { width: 2.5 * 100rpx; } .register .whiteBg .list .item .code { position: absolute; width: 1.5 * 100rpx; height: 0.5 * 100rpx; background-color: #f35446; border-radius: 0.3 * 100rpx; color: #fff; line-height: 0.5 * 100rpx; text-align: center; bottom: 0.17 * 100rpx; right: 0; font-size: 0.25 * 100rpx; } .register .whiteBg .list .item .code.on { background-color: #bbbbbb; } .register .whiteBg .list .forgetPwd { text-align: right; font-size: 0.28 * 100rpx; color: #cccccc; margin-top: 0.2 * 100rpx; } .register .whiteBg .list .forgetPwd .iconfont { font-size: 0.3 * 100rpx; margin-right: 0.1 * 100rpx; vertical-align: middle; } .register .whiteBg .logon { font-size: 0.34 * 100rpx; color: #fff; font-weight: bold; height: 0.86 * 100rpx; border-radius: 0.43 * 100rpx; background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%); background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%); text-align: center; line-height: 0.86 * 100rpx; margin-top: 0.47 * 100rpx; } .register .whiteBg .tip { height: 1.1 * 100rpx; text-align: center; line-height: 1.05 * 100rpx; font-size: 0.3 * 100rpx; color: #cccccc; } .register .bottom { // background-image: url("https://wx.yixiang.co/static/images/registerB.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 6.2 * 100rpx; height: 0.36 * 100rpx; margin: 0 auto; } /*产品分类*/ .productSort { background: #fff; } .productSort .header { width: 100%; height: 0.96 * 100rpx; background-color: #fff; position: fixed; left: 0; right: 0; top: 0; /* #ifdef H5 */ top: calc(0 + env(safe-area-inset-top)); /* #endif */ z-index: 9; // border-bottom: 1px solid #555; } .productSort .header .input { width: 7 * 100rpx; height: 0.6 * 100rpx; background-color: #f5f5f5; border-radius: 0.5 * 100rpx; padding: 0 0.25 * 100rpx; } .productSort .header .input .iconfont { font-size: 0.35 * 100rpx; color: #555; } .productSort .header .input input { font-size: 0.26 * 100rpx; height: 100%; width: 5.97 * 100rpx; } .productSort .header .input input::placeholder { color: #999; } .productSort .aside { position: fixed; width: 1.8 * 100rpx; left: 0; top: 0.96 * 100rpx; bottom: 1 * 100rpx; background-color: #f7f7f7; overflow-y: auto; overflow-x: hidden; overflow-scrolling: touch; /* #ifdef H5 */ // top: calc(0 + env(safe-area-inset-top) + 88rpx); /* #endif */ } .productSort .aside .item { height: 0.8 * 100rpx; width: 100%; font-size: 0.26 * 100rpx; color: #424242; } .productSort .aside .item.on { background-color: #fff; border-left: 0.04 * 100rpx solid #eb3729; width: 100%; text-align: center; color: #eb3729; font-weight: bold; } .productSort .conter { margin-left: 1.8 * 100rpx; padding: 0 0.14 * 100rpx; // margin-top: 0.96 * 100rpx; } .productSort .conter .listw { padding-top: 0.2 * 100rpx; } .productSort .conter .listw .title { height: 0.9 * 100rpx; } .productSort .conter .listw .title .line { width: 1 * 100rpx; height: 0.02 * 100rpx; background-color: #999; } .productSort .conter .listw .title .name { font-size: 0.28 * 100rpx; color: #333; margin: 0 0.3 * 100rpx; font-weight: bold; } .productSort .conter .list { flex-wrap: wrap; -ms-flex-wrap: wrap; } .productSort .conter .list .item { width: 1.77 * 100rpx; margin-top: 0.26 * 100rpx; } .productSort .conter .list .item .picture { width: 1.2 * 100rpx; height: 1.2 * 100rpx; border-radius: 50%; } .productSort .conter .list .item .picture image { width: 100%; height: 100%; border-radius: 50%; } .productSort .conter .list .item .name { font-size: 0.24 * 100rpx; color: #333; height: 0.56 * 100rpx; line-height: 0.56 * 100rpx; width: 1.2 * 100rpx; text-align: center; } /*返回主页按钮*/ .home { position: fixed; top: 7.8 * 100rpx; color: white; text-align: center; z-index: 33; right: 0.1 * 100rpx; } .home .homeCon { overflow: hidden; width: 0.86 * 100rpx; border-radius: 0.5 * 100rpx; transition: all 0.3s ease-in-out 0s; opacity: 0; transform: scale(0); height: 0; color: #e93323; } .home .homeCon.on { opacity: 1; transform: scale(1); height: 3 * 100rpx; padding: 0.34 * 100rpx 0; margin-bottom: 0.2 * 100rpx; } .home .homeCon .iconfont { font-size: 0.48 * 100rpx; color: #fff; display: inline-block; height: 0.9 * 100rpx; margin: 0 auto; } .home .pictrue { width: 0.86 * 100rpx; height: 0.86 * 100rpx; border-radius: 50%; } .home .pictrue .image { width: 100%; height: 100%; border-radius: 50%; } /*商户管理公共样式*/ .pos-order-goods { padding: 0 0.3 * 100rpx; background-color: #fff; } .pos-order-goods .goods { height: 1.85 * 100rpx; } .pos-order-goods .goods ~ .goods { border-top: 1px dashed #e5e5e5; } .pos-order-goods .goods .picTxt { width: 5.15 * 100rpx; } .pos-order-goods .goods .picTxt .pictrue { width: 1.3 * 100rpx; height: 1.3 * 100rpx; } .pos-order-goods .goods .picTxt .pictrue image { width: 100%; height: 100%; border-radius: 0.06 * 100rpx; } .pos-order-goods .goods .picTxt .text { width: 3.65 * 100rpx; height: 1.3 * 100rpx; } .pos-order-goods .goods .picTxt .text .info { font-size: 0.28 * 100rpx; color: #282828; } .pos-order-goods .goods .picTxt .text .attr { font-size: 0.2 * 100rpx; color: #999; } .pos-order-goods .goods .money { width: 1.64 * 100rpx; text-align: right; font-size: 0.28 * 100rpx; } .pos-order-goods .goods .money .x-money { color: #282828; } .pos-order-goods .goods .money .num { color: #ff9600; margin: 0.05 * 100rpx 0; } .pos-order-goods .goods .money .y-money { color: #999; text-decoration: line-through; } .public-total { font-size: 0.28 * 100rpx; color: #282828; border-top: 1px solid #eee; height: 0.92 * 100rpx; line-height: 0.92 * 100rpx; text-align: right; padding: 0 0.3 * 100rpx; background-color: #fff; } .public-total .money { color: #ff4c3c; } .priceChange { position: fixed; width: 5.8 * 100rpx; height: 6.7 * 100rpx; background-color: #fff; border-radius: 0.1 * 100rpx; top: 50%; left: 50%; margin-left: -2.9 * 100rpx; margin-top: -3.35 * 100rpx; z-index: 99; transition: all 0.3s ease-in-out 0s; transform: scale(0); opacity: 0; } .priceChange.on { opacity: 1; transform: scale(1); } .priceChange .priceTitle { background: url('https://wx.yixiang.co/static/images/pricetitle.jpg') no-repeat; background-size: 100% 100%; width: 100%; height: 1.6 * 100rpx; border-radius: 0.1 * 100rpx 0.1 * 100rpx 0 0; text-align: center; font-size: 0.4 * 100rpx; color: #fff; line-height: 1.6 * 100rpx; position: relative; } .priceChange .priceTitle .iconfont { position: absolute; font-size: 0.4 * 100rpx; right: 0.26 * 100rpx; top: 0.23 * 100rpx; width: 0.4 * 100rpx; height: 0.4 * 100rpx; line-height: 0.4 * 100rpx; } .priceChange .listChange { padding: 0 0.4 * 100rpx; } .priceChange .listChange .item { height: 1.03 * 100rpx; border-bottom: 1px solid #e3e3e3; font-size: 0.32 * 100rpx; color: #333; } .priceChange .listChange .item .money { color: #666; width: 3 * 100rpx; text-align: right; } .priceChange .listChange .item .money .iconfont { font-size: 0.32 * 100rpx; margin-left: 0.2 * 100rpx; } .priceChange .listChange .item .money input { width: 100%; height: 100%; text-align: right; color: #ccc; } .priceChange .listChange .item .money input.on { color: #666; } .priceChange .modify { font-size: 0.32 * 100rpx; color: #fff; width: 4.9 * 100rpx; height: 0.9 * 100rpx; text-align: center; line-height: 0.9 * 100rpx; border-radius: 0.45 * 100rpx; background-color: #2291f8; margin: 0.53 * 100rpx auto 0 auto; } .priceChange .modify1 { font-size: 0.32 * 100rpx; color: #312b2b; width: 4.9 * 100rpx; height: 0.9 * 100rpx; text-align: center; line-height: 0.9 * 100rpx; border-radius: 0.45 * 100rpx; background-color: #eee; margin: 0.3 * 100rpx auto 0 auto; } .public-wrapper .title { font-size: 0.3 * 100rpx; color: #282828; padding: 0 0.3 * 100rpx; margin-bottom: 0.2 * 100rpx; } .public-wrapper .title .iconfont { color: #2291f8; font-size: 0.4 * 100rpx; margin-right: 0.13 * 100rpx; vertical-align: middle; } .public-wrapper { margin: 0.18 * 100rpx auto 0 auto; width: 6.9 * 100rpx; background-color: #fff; border-radius: 0.1 * 100rpx; padding-top: 0.25 * 100rpx; } .public-wrapper .nav { padding: 0 0.3 * 100rpx; height: 0.7 * 100rpx; line-height: 0.7 * 100rpx; font-size: 0.24 * 100rpx; color: #999; } .public-wrapper .data { width: 2.1 * 100rpx; text-align: left; } .public-wrapper .browse { width: 1.92 * 100rpx; text-align: right; } .public-wrapper .turnover { width: 2.27 * 100rpx; text-align: right; } .public-wrapper .conter { padding: 0 0.3 * 100rpx; } .public-wrapper .conter .item { border-bottom: 1px solid #f7f7f7; height: 0.7 * 100rpx; font-size: 0.24 * 100rpx; } .public-wrapper .conter .item .turnover { color: #d84242; } /*商户管理订单列表*/ .pos-order-list .nav { width: 100%; height: 0.96 * 100rpx; background-color: #fff; font-size: 0.3 * 100rpx; color: #282828; position: fixed; top: 0; left: 0; } .pos-order-list .nav .item.on { color: #2291f8; } .pos-order-list .list { margin-top: 1.2 * 100rpx; } .pos-order-list .list .item { background-color: #fff; width: 100%; } .pos-order-list .list .item ~ .item { margin-top: 0.24 * 100rpx; } .pos-order-list .list .item .order-num { border-bottom: 1px solid #eee; font-size: 0.26 * 100rpx; font-weight: bold; color: #282828; padding: 0.2 * 100rpx 0.3 * 100rpx; display: flex; align-items: center; justify-content: space-between; } .pos-order-list .list .item .order-num .time { font-size: 0.26 * 100rpx; font-weight: normal; color: #999; display: flex; align-items: center; } .pos-order-list .list .item .operation { padding: 0.2 * 100rpx 0.3 * 100rpx; margin-top: 0.03 * 100rpx; } .pos-order-list .list .item .operation .more { position: relative; } .pos-order-list .list .item .operation .icon-gengduo { font-size: 0.5 * 100rpx; color: #aaa; } .pos-order-list .list .item .operation .order .arrow { width: 0; height: 0; border-left: 0.11 * 100rpx solid transparent; border-right: 0.11 * 100rpx solid transparent; border-top: 0.2 * 100rpx solid #e5e5e5; position: absolute; left: 0.15 * 100rpx; bottom: -0.18 * 100rpx; } .pos-order-list .list .item .operation .order .arrow:before { content: ''; width: 0; height: 0; border-left: 0.07 * 100rpx solid transparent; border-right: 0.07 * 100rpx solid transparent; border-top: 0.2 * 100rpx solid #fff; position: absolute; left: -0.07 * 100rpx; bottom: 0; } .pos-order-list .list .item .operation .order { width: 2 * 100rpx; background-color: #fff; border: 1px solid #eee; border-radius: 0.1 * 100rpx; position: absolute; top: -1 * 100rpx; z-index: 9; } .pos-order-list .list .item .operation .order .items { height: 0.77 * 100rpx; line-height: 0.77 * 100rpx; text-align: center; } .pos-order-list .list .item .operation .order .items ~ .items { border-top: 1px solid #f5f5f5; } .pos-order-list .list .item .operation .bnt { font-size: 0.28 * 100rpx; color: #5c5c5c; width: 1.7 * 100rpx; height: 0.6 * 100rpx; border-radius: 0.3 * 100rpx; border: 1px solid #bbb; text-align: center; line-height: 0.6 * 100rpx; } .pos-order-list .list .item .operation .bnt ~ .bnt { margin-left: 0.14 * 100rpx; } /*商户管理订单详情*/ .pos-order-details .header { background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); } .pos-order-details .header .state { font-size: 0.36 * 100rpx; color: #fff; } .pos-order-details .header .data { margin-left: 0.35 * 100rpx; font-size: 0.28 * 100rpx; } .pos-order-details .header .data .order-num { font-size: 0.3 * 100rpx; margin-bottom: 0.08 * 100rpx; } .pos-order-details .remarks { width: 100%; height: 0.86 * 100rpx; background-color: #fff; padding: 0 0.3 * 100rpx; } .pos-order-details .remarks .iconfont { font-size: 0.4 * 100rpx; color: #2a7efb; } .pos-order-details .remarks input { width: 6.3 * 100rpx; height: 100%; font-size: 0.3 * 100rpx; } .pos-order-details .remarks input::placeholder { color: #666; } .pos-order-details .orderingUser { font-size: 0.26 * 100rpx; color: #282828; padding: 0 0.3 * 100rpx; height: 0 * 100rpx; background-color: #fff; margin-top: 0.16 * 100rpx; border-bottom: 1px solid #f5f5f5; } .pos-order-details .orderingUser .iconfont { font-size: 0.4 * 100rpx; color: #2a7efb; margin-right: 0.15 * 100rpx; } .pos-order-details .address { margin-top: 0; } .pos-order-details .pos-order-goods { margin-top: 0.17 * 100rpx; } .pos-order-details .footer .more { font-size: 0.27 * 100rpx; color: #aaa; width: 1 * 100rpx; height: 0.64 * 100rpx; text-align: center; line-height: 0.64 * 100rpx; margin-right: 0.25 * 100rpx; position: relative; } .pos-order-details .footer .delivery { background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); } .pos-order-details .footer .more .order .arrow { width: 0; height: 0; border-left: 0.11 * 100rpx solid transparent; border-right: 0.11 * 100rpx solid transparent; border-top: 0.2 * 100rpx solid #e5e5e5; position: absolute; left: 0.15 * 100rpx; bottom: -0.18 * 100rpx; } .pos-order-details .footer .more .order .arrow:before { content: ''; width: 0; height: 0; border-left: 0.09 * 100rpx solid transparent; border-right: 0.09 * 100rpx solid transparent; border-top: 0.19 * 100rpx solid #fff; position: absolute; left: -0.1 * 100rpx; bottom: 0; } .pos-order-details .footer .more .order { width: 2 * 100rpx; background-color: #fff; border: 1px solid #eee; border-radius: 0.1 * 100rpx; position: absolute; top: -2 * 100rpx; z-index: 9; } .pos-order-details .footer .more .order .item { height: 0.77 * 100rpx; line-height: 0.77 * 100rpx; } .pos-order-details .footer .more .order .item ~ .item { border-top: 1px solid #f5f5f5; } .pos-order-details .footer .more .moreName { width: 100%; height: 100%; } /*发货*/ .deliver-goods header { width: 100%; background-color: #fff; margin-top: 0.1 * 100rpx; } .deliver-goods header .order-num { padding: 0 0.3 * 100rpx; border-bottom: 1px solid #f5f5f5; height: 0.67 * 100rpx; } .deliver-goods header .order-num .num { width: 4.3 * 100rpx; font-size: 0.26 * 100rpx; color: #282828; position: relative; } .deliver-goods header .order-num .num:after { position: absolute; content: ''; width: 1px; height: 0.3 * 100rpx; background-color: #ddd; top: 50%; margin-top: -0.15 * 100rpx; right: 0; } .deliver-goods header .order-num .name { width: 2.6 * 100rpx; font-size: 0.26 * 100rpx; color: #282828; text-align: center; } .deliver-goods header .order-num .name .iconfont { font-size: 0.35 * 100rpx; color: #477ef3; vertical-align: middle; margin-right: 0.1 * 100rpx; } .deliver-goods header .address { font-size: 0.26 * 100rpx; color: #868686; background-color: #fff; padding: 0.3 * 100rpx; } .deliver-goods header .address .name { font-size: 0.3 * 100rpx; color: #282828; margin-bottom: 0.1 * 100rpx; } .deliver-goods header .address .name .phone { margin-left: 0.4 * 100rpx; } .deliver-goods header .line { width: 100%; height: 0.03 * 100rpx; } .deliver-goods header .line image { width: 100%; height: 100%; display: block; } .deliver-goods .wrapper { width: 100%; background-color: #fff; } .deliver-goods .wrapper .item { border-bottom: 1px solid #f0f0f0; padding: 0 0.3 * 100rpx; height: 0.96 * 100rpx; font-size: 0.32 * 100rpx; color: #282828; position: relative; } .deliver-goods .wrapper .item .mode { width: 4.6 * 100rpx; height: 100%; text-align: right; } .deliver-goods .wrapper .item .mode .iconfont { font-size: 0.3 * 100rpx; margin-left: 0.13 * 100rpx; } .deliver-goods .wrapper .item .mode .goods ~ .goods { margin-left: 0.3 * 100rpx; } .deliver-goods .wrapper .item .mode .goods { color: #bbb; } .deliver-goods .wrapper .item .mode .goods.on { color: #477ef3; } .deliver-goods .wrapper .item .icon-up { position: absolute; font-size: 0.35 * 100rpx; color: #2c2c2c; right: 0.3 * 100rpx; } .deliver-goods .wrapper .item select { direction: rtl; padding-right: 0.6 * 100rpx; position: relative; z-index: 2; } .deliver-goods .wrapper .item input::placeholder { color: #bbb; } .deliver-goods .confirm { font-size: 0.32 * 100rpx; color: #fff; width: 100%; height: 1 * 100rpx; background-color: #477ef3; text-align: center; line-height: 1 * 100rpx; position: fixed; bottom: 0; } /*订单首页*/ .order-index .header { box-sizing: border-box; background-size: 100% 100%; width: 100%; height: 3.02 * 100rpx; padding: 0.45 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; position: relative; // background-color: #eb3729; } .order-index .image { position: absolute; width: 100%; left: 0; right: 0; top: 0; z-index: 0; } .order-index .header:after { position: absolute; left: 0; right: 0; bottom: -0.98 * 100rpx; z-index: -1; content: ''; height: 1 * 100rpx; width: 100%; border-radius: 0 0 50% 50%; // background-color: #eb3729; } .order-index .header .item { flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.24 * 100rpx; color: #fff; } .order-index .header .item .num { font-size: 0.4 * 100rpx; margin-bottom: 0.07 * 100rpx; } .order-index .wrapper { position: relative; width: 6.9 * 100rpx; background-color: #fff; border-radius: 0.1 * 100rpx; margin: -1.15 * 100rpx auto 0 auto; padding-top: 0.25 * 100rpx; z-index: 99; } .order-index .wrapper .title { font-size: 0.3 * 100rpx; color: #282828; padding: 0 0.3 * 100rpx; margin-bottom: 0.4 * 100rpx; } .order-index .wrapper .title .iconfont { color: #2291f8; font-size: 0.4 * 100rpx; margin-right: 0.13 * 100rpx; vertical-align: middle; } .order-index .wrapper .list .item { width: 33.33%; text-align: center; font-size: 0.24 * 100rpx; color: #999; margin-bottom: 0.45 * 100rpx; } .order-index .wrapper .list .item .num { font-size: 0.4 * 100rpx; color: #333; } /*交易额统计*/ .statistical-page .navs { width: 100%; height: 0.96 * 100rpx; background-color: #fff; overflow: hidden; line-height: 0.96 * 100rpx; position: fixed; top: 0; left: 0; z-index: 9; } .statistical-page .navs .list { overflow-y: hidden; overflow-x: auto; white-space: nowrap; width: 100%; } .statistical-page .navs .item { font-size: 0.32 * 100rpx; color: #282828; margin-left: 0.78 * 100rpx; display: inline-block; } .statistical-page .navs .item.on { color: #2291f8; } .statistical-page .navs .item .iconfont { font-size: 0.25 * 100rpx; margin-left: 0.13 * 100rpx; } .statistical-page .wrapper { box-sizing: border-box; width: 100%; background-color: #fff; border-radius: 0.1 * 100rpx; margin: 1.19 * 100rpx auto 0 auto; padding: 0.3 * 100rpx 0.6 * 100rpx; } .statistical-page .wrapper .title { font-size: 0.3 * 100rpx; color: #999; text-align: center; } .statistical-page .wrapper .money { font-size: 0.72 * 100rpx; color: #fba02a; text-align: center; margin-top: 0.1 * 100rpx; } .statistical-page .wrapper .increase { font-size: 0.28 * 100rpx; color: #999; margin-top: 0.2 * 100rpx; } .statistical-page .wrapper .increase .red { color: #ff6969; } .statistical-page .wrapper .increase .green { color: #1abb1d; } .statistical-page .wrapper .increase .iconfont { font-size: 0.23 * 100rpx; margin-left: 0.15 * 100rpx; } .statistical-page .chart { width: 6.9 * 100rpx; height: 4.8 * 100rpx; background-color: #fff; border-radius: 0.1 * 100rpx; margin: 0.23 * 100rpx auto 0 auto; padding: 0.25 * 100rpx 0.22 * 100rpx 0 0.22 * 100rpx; } .statistical-page .chart .company { font-size: 0.26 * 100rpx; color: #999; } .statistical-page .mc-body { padding-bottom: 0; } .statistical-page .mc-body tr { background-color: #edf8fe; border-top: 1px solid #fff; width: 100%; } .statistical-page .mc-head-box view { font-size: 14px; } .statistical-page .mc-range-mode .selected .mc-range-bg { background-color: #a0dcf9; } .yd-confirm { background-color: #fff; font-size: unset; width: 5.4 * 100rpx; height: 2.5 * 100rpx; border-radius: 0.4 * 100rpx; } .yd-confirm-hd { text-align: center; } .yd-confirm-title { color: #030303; font-weight: bold; font-size: 0.36 * 100rpx; } .yd-confirm-bd { text-align: center; font-size: 0.28 * 100rpx; color: #333333; } .yd-confirm-ft { line-height: 0.9 * 100rpx; margin-top: 14px; border-top: 0.01 * 100rpx solid #eee; } .yd-confirm-ft > a { color: #e93323; } .yd-confirm-ft > a.primary { border-left: 0.01 * 100rpx solid #eee; color: #e93323; } /*修改密码*/ .ChangePassword .phone { font-size: 0.32 * 100rpx; font-weight: bold; text-align: center; margin-top: 0.55 * 100rpx; } .ChangePassword .list { width: 5.8 * 100rpx; margin: 0.53 * 100rpx auto 0 auto; } .ChangePassword .list .item { width: 100%; height: 1.1 * 100rpx; border-bottom: 0.02 * 100rpx solid #f0f0f0; } .ChangePassword .list .item input { width: 100%; height: 100%; font-size: 0.32 * 100rpx; } .ChangePassword .list .item input::placeholder { color: #b9b9bc; } .ChangePassword .list .item input.codeIput { width: 3.4 * 100rpx; } .ChangePassword .list .item .code { font-size: 0.32 * 100rpx; } .ChangePassword .list .item .code.on { color: #b9b9bc !important; } .ChangePassword .confirmBnt { font-size: 0.32 * 100rpx; width: 5.8 * 100rpx; height: 0.9 * 100rpx; border-radius: 0.45 * 100rpx; color: #fff; margin: 0.92 * 100rpx auto 0 auto; text-align: center; line-height: 0.9 * 100rpx; } .swiper-wrapper { } .posterCanvasWarp { position: relative; width: 0; height: 0; overflow: hidden; .posterCanvas { position: absolute; left: 0; top: 0; width: 747px !important; height: 1326px !important; } } .text .name .icon-jingpintuijian, .text .name .icon-xinpin { color: #00f !important; } .text .name .icon-shoucang { color: #ea3526 !important; } rich-text { width: 100%; display: block; img, image { display: block; width: 100%; } } /*单行文本溢出省略号*/ .one-t { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all linear 0.2s; } /*多行文本溢出省略号*/ .more-t { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all linear 0.2s; } /* ================== flex布局(colorui里面也有相关基础样式) ==================== */ /* x水平排列*/ .x-f { display: flex; align-items: center; } /*x两端且水平居中*/ .x-bc { display: flex; justify-content: space-between; align-items: center; } /*x平分且水平居中*/ .x-ac { display: flex; justify-content: space-around; align-items: center; } /*x水平靠上对齐*/ .x-start { display: flex; align-items: flex-start; } /*x水平靠下对齐*/ .x-end { display: flex; align-items: flex-end; } /*上下左右居中*/ .x-c { display: flex; justify-content: center; align-items: center; } /*y竖直靠左*/ .y-start { display: flex; flex-direction: column; align-items: flex-start; } /*y竖直靠右*/ .y-end { display: flex; flex-direction: column; align-items: flex-end; } /*y竖直居中*/ .y-f { display: flex; flex-direction: column; align-items: center; } // y竖直两端 .y-b { display: flex; flex-direction: column; justify-content: space-between; } /*y竖直两端居中*/ .y-bc { display: flex; flex-direction: column; align-items: center; justify-content: space-between; } /* ================== 自定义变量 ==================== */ /*盒子模型*/ .mt2 { margin-top: 2rpx; } .mr2 { margin-right: 2rpx; } .mb2 { margin-bottom: 2rpx; } .ml2 { margin-left: 2rpx; } .mx2 { margin-left: 2rpx; margin-right: 2rpx; } .my2 { margin-top: 2rpx; margin-bottom: 2rpx; } .ma2 { margin: 2rpx; } .mt4 { margin-top: 4rpx; } .mr4 { margin-right: 4rpx; } .mb4 { margin-bottom: 4rpx; } .ml4 { margin-left: 4rpx; } .mx4 { margin-left: 4rpx; margin-right: 4rpx; } .my4 { margin-top: 4rpx; margin-bottom: 4rpx; } .ma4 { margin: 4rpx; } .mt8 { margin-top: 8rpx; } .mr8 { margin-right: 8rpx; } .mb8 { margin-bottom: 8rpx; } .ml8 { margin-left: 8rpx; } .mx8 { margin-left: 8rpx; margin-right: 8rpx; } .my8 { margin-top: 8rpx; margin-bottom: 8rpx; } .ma8 { margin: 8rpx; } .mt10 { margin-top: 10rpx; } .mr10 { margin-right: 10rpx; } .mb10 { margin-bottom: 10rpx; } .ml10 { margin-left: 10rpx; } .mx10 { margin-left: 10rpx; margin-right: 10rpx; } .my10 { margin-top: 10rpx; margin-bottom: 10rpx; } .ma10 { margin: 10rpx; } .mt15 { margin-top: 15rpx; } .mr15 { margin-right: 15rpx; } .mb15 { margin-bottom: 15rpx; } .ml15 { margin-left: 15rpx; } .mx15 { margin-left: 15rpx; margin-right: 15rpx; } .my15 { margin-top: 15rpx; margin-bottom: 15rpx; } .ma15 { margin: 15rpx; } .mt20 { margin-top: 20rpx; } .mr20 { margin-right: 20rpx; } .mb20 { margin-bottom: 20rpx; } .ml20 { margin-left: 20rpx; } .mx20 { margin-left: 20rpx; margin-right: 20rpx; } .my20 { margin-top: 20rpx; margin-bottom: 20rpx; } .ma20 { margin: 20rpx; } .mt24 { margin-top: 24rpx; } .mr24 { margin-right: 24rpx; } .mb24 { margin-bottom: 24rpx; } .ml24 { margin-left: 24rpx; } .mx24 { margin-left: 24rpx; margin-right: 24rpx; } .my24 { margin-top: 24rpx; margin-bottom: 24rpx; } .ma24 { margin: 24rpx; } .mt30 { margin-top: 30rpx; } .mr30 { margin-right: 30rpx; } .mb30 { margin-bottom: 30rpx; } .ml30 { margin-left: 30rpx; } .mx30 { margin-left: 30rpx; margin-right: 30rpx; } .my30 { margin-top: 30rpx; margin-bottom: 30rpx; } .ma30 { margin: 30rpx; } .pt2 { padding-top: 2rpx; } .pr2 { padding-right: 2rpx; } .pb2 { padding-bottom: 2rpx; } .pl2 { padding-left: 2rpx; } .px2 { padding-left: 2rpx; padding-right: 2rpx; } .py2 { padding-top: 2rpx; padding-bottom: 2rpx; } .pa2 { padding: 2rpx; } .pt4 { padding-top: 4rpx; } .pr4 { padding-right: 4rpx; } .pb4 { padding-bottom: 4rpx; } .pl4 { padding-left: 4rpx; } .px4 { padding-left: 4rpx; padding-right: 4rpx; } .py4 { padding-top: 4rpx; padding-bottom: 4rpx; } .pa4 { padding: 4rpx; } .pt8 { padding-top: 8rpx; } .pr8 { padding-right: 8rpx; } .pb8 { padding-bottom: 8rpx; } .pl8 { padding-left: 8rpx; } .px8 { padding-left: 8rpx; padding-right: 8rpx; } .py8 { padding-top: 8rpx; padding-bottom: 8rpx; } .pa8 { padding: 8rpx; } .pt10 { padding-top: 10rpx; } .pr10 { padding-right: 10rpx; } .pb10 { padding-bottom: 10rpx; } .pl10 { padding-left: 10rpx; } .px10 { padding-left: 10rpx; padding-right: 10rpx; } .py10 { padding-top: 10rpx; padding-bottom: 10rpx; } .pa10 { padding: 10rpx; } .pt15 { padding-top: 15rpx; } .pr15 { padding-right: 15rpx; } .pb15 { padding-bottom: 15rpx; } .pl15 { padding-left: 15rpx; } .px15 { padding-left: 15rpx; padding-right: 15rpx; } .py15 { padding-top: 15rpx; padding-bottom: 15rpx; } .pa15 { padding: 15rpx; } .pt20 { padding-top: 20rpx; } .pr20 { padding-right: 20rpx; } .pb20 { padding-bottom: 20rpx; } .pl20 { padding-left: 20rpx; } .px20 { padding-left: 20rpx; padding-right: 20rpx; } .py20 { padding-top: 20rpx; padding-bottom: 20rpx; } .pa20 { padding: 20rpx; } .pt24 { padding-top: 24rpx; } .pr24 { padding-right: 24rpx; } .pb24 { padding-bottom: 24rpx; } .pl24 { padding-left: 24rpx; } .px24 { padding-left: 24rpx; padding-right: 24rpx; } .py24 { padding-top: 24rpx; padding-bottom: 24rpx; } .pa24 { padding: 24rpx; } .pt30 { padding-top: 30rpx; } .pr30 { padding-right: 30rpx; } .pb30 { padding-bottom: 30rpx; } .pl30 { padding-left: 30rpx; } .px30 { padding-left: 30rpx; padding-right: 30rpx; } .py30 { padding-top: 30rpx; padding-bottom: 30rpx; } .pa30 { padding: 30rpx; } .min-goods { width: 152rpx; background: #fff; .img-box { width: 152rpx; height: 152rpx; overflow: hidden; position: relative; .tag { position: absolute; left: 0; bottom: 0rpx; z-index: 2; line-height: 35rpx; background: linear-gradient(132deg, rgba(243, 223, 177, 1), rgba(243, 223, 177, 1), rgba(236, 190, 96, 1)); border-radius: 0px 18rpx 18rpx 0px; padding: 0 10rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: bold; color: rgba(120, 79, 6, 1); } .img { width: 100%; background-color: #ccc; } } .price-box { width: 100%; margin-top: 10rpx; .seckill-current { font-size: 30rpx; font-weight: 500; color: rgba(225, 33, 43, 1); } .original { font-size: 20rpx; font-weight: 400; // text-decoration: line-through; color: rgba(153, 153, 153, 1); margin-left: 14rpx; } } .title { font-size: 26rpx; } } .contacButton { padding: 0; background-color: #fff; line-height: 25rpx; } .contacButton::after { border: 0; } .footer .icon-shoucang1 { color: #eb3729; } .ytabs { .nav { margin: 0 auto; padding: 0 30rpx; width: 100%; box-sizing: border-box; } .nav .item { flex: 1; position: relative; } } .shoppingCart, .user, .container { height: 100%; } .bargainGang.bargain-box, .goodsDetails.bargain-box { padding-top: 0 !important; .content { margin-top: 0; } } .bargain .bargain-product.wrapper .cu-progress { margin-top: 30rpx; }