view, scroll-view, swiper, button, input, textarea, label, navigator, image { box-sizing: border-box; } page { background: #F1F1F1; 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 { font-size: 30rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 42rpx; padding: 18rpx 0rpx 20rpx; text-align: center; } // .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: 502rpx; // height: 7.5 * 100rpx; } .product-bg swiper { height: 470rpx; // 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; padding: 8rpx 24rpx 12rpx; } // .evaluateWtapper .evaluateItem ~ .evaluateItem { // border-top: 1px solid #f5f5f5; // } .evaluateWtapper .evaluateItem .pic-text { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 34rpx; height: 66rpx; // font-size: 0.26 * 100rpx; // color: #282828; // height: 0.95 * 100rpx; // padding: 0 0.3 * 100rpx; } .evaluateWtapper .evaluateItem .pic-text .pictrue { width: 66rpx; height: 66rpx; margin-right: 20rpx; .noAvatar { width: 100%; height: 100%; border-radius: 50%; background-color: #FFFFFF; padding-left: 3rpx; padding-right: 2rpx; image { width: 100%; } } } .evaluateWtapper .evaluateItem .pic-text .pictrue .image { width: 100%; height: 100%; border-radius: 50%; } .evaluateWtapper .evaluateItem .pic-text .name { width: 552rpx; } // .evaluateWtapper .evaluateItem .time { // font-size: 0.24 * 100rpx; // color: #82848f; // padding: 0 0.3 * 100rpx; // } .evaluateWtapper .evaluateItem .evaluate-infor { font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 32rpx; padding: 16rpx 0rpx; } // .evaluateWtapper .evaluateItem .imgList { // padding: 0 0.3 * 100rpx 0 0.15 * 100rpx; // margin-top: 0.25 * 100rpx; // } .evaluateWtapper .evaluateItem .imgList .pictrue { width: 204rpx; height: 204rpx; padding-right: 13rpx; // margin: 0 0 0.15 * 100rpx 0.15 * 100rpx; } .evaluateWtapper .evaluateItem .imgList .pictrue:last-child { padding-right: 0rpx; } .evaluateWtapper .evaluateItem .imgList .pictrue .image { width: 100%; height: 100%; border-radius: 8rpx; } // .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 18rpx; // margin-top: 0.25 * 100rpx; box-sizing: border-box; } .coupon-list .item { width: 100%; height: 242rpx; // margin-bottom: 20rpx; position: relative; } .coupon-list .item .coupon-bg { width: 100%; height: 242rpx; position: absolute; top: 0; left: 0; z-index: 0; } .coupon-list .item .coupon-left { width: 498rpx; // width: 482rpx; position: relative; } .coupon-list .item .left-bg { width: 472rpx; height: 192rpx; position: absolute; top: 16rpx; left: 26rpx; z-index: 1; } .coupon-list .item .coupon-left .text-box { padding-top: 46rpx; padding-left: 46rpx; padding-right: 22rpx; position: relative; z-index: 2; .money { font-size: 92rpx; font-family: Futura; font-weight: 600; color: #F5F6F8; line-height: 108rpx; text { font-size: 30rpx; line-height: 120rpx; } } .line { width: 432rpx; height: 4rpx; background: #F5F6F8; } .tip { padding-top: 6rpx; // padding-right: 20rpx; font-size: 20rpx; font-family: PingFang SC; font-weight: 500; color: #F5F6F8; line-height: 26rpx; } } .coupon-list .item .coupon-right { width: 192rpx; height: 218rpx; padding-top: 6rpx; margin-right: 16rpx; text-align: center; position: relative; font-family: PingFang SC; font-weight: 600; .tag { width: 128rpx; height: 102rpx; position: absolute; top: 6rpx; right: 12rpx; } .type { font-size: 42rpx; color: #2DB5AE; line-height: 58rpx; } .tip { font-size: 26rpx; color: #3A3A3C; line-height: 34rpx; padding-bottom: 12rpx; } .btn { width: 124rpx; height: 42rpx; background: #2DB5AE; border-radius: 16rpx; font-size: 20rpx; font-weight: 500; color: #FFFFFF; line-height: 34rpx; text-align: center; border: 4rpx solid #2DB5AE; } .btn-white { background: #F5F6F8; color: #2DB5AE; } .btn-fail { background: #F5F6F8; color: #999999; border: 4rpx solid #999999; } .col-fail { color: #3A3A3C; opacity: 0.5; } } // .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: #FFFFFF; border-radius: 28rpx 28rpx 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: 104rpx; // height: 1.24 * 100rpx; width: 100%; text-align: center; line-height: 104rpx; // line-height: 1.24 * 100rpx; font-size: 0.32 * 100rpx; font-weight: bold; position: relative; color: #3A3A3C; } .coupon-list-window .title .iconfont { position: absolute; right: 32rpx; // right: 0.3 * 100rpx; top: 50%; transform: translateY(-50%); font-size: 0.35 * 100rpx; color: #999999; 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: 180rpx; // 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: 32rpx; // margin-top: 0.29 * 100rpx; // position: relative; } .product-window .textpic .pictrue { width: 212rpx; height: 212rpx; border-radius: 8rpx; border: 2rpx solid #E3E3E3; } .product-window .textpic .pictrue .image { width: 100%; height: 100%; border-radius: 8rpx; } .product-window .textpic .text { width: 454rpx; height: 212rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 38rpx; .info { font-size: 20rpx; font-family: SourceHanSansSCVF; font-weight: 500; color: #999999; line-height: 28rpx; padding-top: 10rpx; } } .product-window .textpic .text .money { font-size: 30rpx; font-family: Futura; font-weight: 600; color: #3A3A3C; line-height: 40rpx; // margin-top: 0.4 * 100rpx; } .product-window .textpic .text .money .num { padding-top: 14rpx; padding-left: 10rpx; font-size: 20rpx; color: #999999; line-height: 26rpx; text-decoration: line-through; } // .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: 32rpx; // } .product-window .productWinList .item .title { font-size: 26rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 28rpx; padding: 0 32rpx; } .product-window .productWinList .item .listn { padding: 20rpx 32rpx 16rpx; } .product-window .productWinList .item .listn .itemn { height: 54rpx; background: #E3E3E3; border-radius: 8rpx; padding: 0 32rpx; font-size: 20rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 54rpx; margin-right: 20rpx; margin-bottom: 16rpx; } .product-window .productWinList .item .listn .itemn.on { color: #fff; background: #2DB5AE; } .product-window .cart { border-top: 2rpx solid #979797; margin: 0 32rpx; padding: 30rpx 0rpx; font-size: 20rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 26rpx; // padding: 0 0.3 * 100rpx; } .product-window .cart .title { font-size: 48rpx; font-family: Futura; font-weight: 600; color: #2DB5AE; line-height: 64rpx; padding-bottom: 2rpx; } .product-window .cart .carnum { height: 44rpx; // margin-top: 0.24 * 100rpx; } .product-window .cart .carnum .item { border: 2rpx solid #999999; // width: 0.84 * 100rpx; text-align: center; height: 100%; line-height: 40rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; } .product-window .cart .carnum .reduce,.plus { width: 42rpx; line-height: 38rpx !important; font-size: 36rpx !important; } .product-window .cart .carnum .reduce { border-right: 0; border-radius: 16rpx 0 0 16rpx; } .product-window .cart .carnum .reduce.on { // border-color: #e3e3e3; color: #D8D8D8; } .product-window .cart .carnum .plus { border-left: 0; border-radius: 0 16rpx 16rpx 0; } .product-window .cart .carnum .plus.on { // border-color: #e3e3e3; color: #D8D8D8; } .product-window .cart .carnum .num { min-width: 54rpx; // padding: 0rpx 24rpx; } /*产品详情的分享红包*/ .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 { padding: 20rpx; margin: 0rpx 32rpx 20rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; } .orderGoods .total { font-size: 30rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 42rpx; // 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 { padding-top: 20rpx; // 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: 164rpx; height: 164rpx; } .goodWrapper .item .pictrue .image { width: 100%; height: 100%; height: 164rpx; border-radius: 16rpx; } .goodWrapper .item .text { width: 460rpx; position: relative; font-family: PingFang SC; font-weight: 500; } .goodWrapper .item .text .name { font-size: 26rpx; color: #3A3A3C; line-height: 38rpx; } .goodWrapper .item .text .num { font-size: 24rpx; color: #999999; line-height: 32rpx; } .goodWrapper .item .text .attr { height: 46rpx; padding: 0rpx 16rpx; background: #E3E3E3; border-radius: 8rpx; font-size: 20rpx; font-weight: 600; color: #999999; line-height: 46rpx; margin: 18rpx 0rpx; } .goodWrapper .item .text .money { font-size: 30rpx; font-family: Futura; font-weight: 600; color: #3A3A3C; line-height: 40rpx; // margin-top: 0.17 * 100rpx; } .goodWrapper .item .text .evaluate { // position: relative; // right: 0; // bottom: -0.1 * 100rpx; margin-top: 4rpx; width: 90rpx; height: 46rpx; border: 2rpx solid #2DB5AE; font-size: 24rpx; font-weight: 600; line-height: 32rpx; color: #2DB5AE; border-radius: 12rpx; text-align: center; line-height: 42rpx; } // .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); border-radius: 28rpx 28rpx 0rpx 0rpx; } .address-window.on { transform: translate3d(0, 0, 0); } .address-window .title { font-size: 0.32 * 100rpx; font-weight: bold; text-align: center; height: 104rpx; line-height: 104rpx; position: relative; color: #3A3A3C; } .address-window .title .iconfont { position: absolute; right: 32rpx; color: #999999; font-weight: normal; font-size: 40rpx; } .address-window .list { max-height: 6 * 100rpx; overflow-y: auto; overflow-x: hidden; } .address-window .list .item { margin-left: 32rpx; padding-right: 32rpx; border-bottom: 1px solid #eee; height: 1.29 * 100rpx; font-size: 26rpx; color: #3A3A3C; } .address-window .list .item .iconfont { font-size: 0.37 * 100rpx; color: #3A3A3C; } .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: 24rpx; 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: 26rpx; font-weight: bold; color: #fff; width: 686rpx; height: 70rpx; border-radius: 16rpx; text-align: center; line-height: 70rpx; margin: 60rpx auto 70rpx; } .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 { padding-bottom: 20rpx; // background-color: #fff; // padding: 0.22 * 100rpx 0.3 * 100rpx; } .goodsStyle .pictrue { width: 164rpx; height: 164rpx; } .goodsStyle .pictrue .image { width: 100%; height: 100%; border-radius: 16rpx; } .goodsStyle .text { width: 464rpx; font-family: PingFang SC; font-weight: 500; color: #999999; // font-size: 0.28 * 100rpx; } .goodsStyle .text .name { font-size: 26rpx; color: #3A3A3C; line-height: 38rpx; // width: 3.6 * 100rpx; // color: #282828; } .goodsStyle .text .money { font-size: 30rpx; font-family: Futura; font-weight: 600; color: #3A3A3C; line-height: 40rpx; // text-align: right; } .goodsStyle .text .money .num { font-size: 24rpx; line-height: 32rpx; // 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 { height: 62rpx; background: #E3E3E3; border-radius: 16rpx; padding: 0rpx 16rpx; margin-right: 8rpx; } // .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: 20rpx; font-size: 34rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 48rpx; text-align: center; // 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; padding: 32rpx 32rpx 0rpx; } .shoppingCart .list .item { padding: 16rpx 16rpx 20rpx 18rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; margin-bottom: 20rpx; } .shoppingCart .list .item .picTxt { width: 592rpx; position: relative; } .shoppingCart .list .item .picTxt .pictrue { width: 164rpx; height: 164rpx; background: #FFFFFF; border-radius: 12rpx; } .shoppingCart .list .item .picTxt .pictrue image { width: 100%; height: 100%; border-radius: 12rpx; } .shoppingCart .list .item .picTxt .text { width: 414rpx; font-size: 26rpx; font-family: PingFang SC; // text-align: left; color: #3A3A3C; line-height: 38rpx; } .shoppingCart .list .item .picTxt .text .infor { margin: 18rpx 0rpx 14rpx; padding: 0rpx 16rpx; // width: auto; // min-width: 100rpx; max-width: 100%; height: 46rpx; background: #E3E3E3; border-radius: 8rpx; font-size: 20rpx; font-family: PingFang SC; color: #999999; line-height: 46rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shoppingCart .list .item .picTxt .text .money { font-size: 30rpx; font-family: Futura; font-weight: 600; color: #3A3A3C; line-height: 40rpx; } .shoppingCart .list .item .picTxt .carnum { height: 0.44 * 100rpx; position: absolute; bottom: 0rpx; right: 0; } .shoppingCart .list .item .picTxt .carnum view { border: 2rpx solid #999999; // width: 0.66 * 100rpx; text-align: center; height: 100%; line-height: 40rpx; font-size: 38rpx; font-family: PingFangSC-Regular, PingFang SC; color: #3A3A3C; } .shoppingCart .list .item .picTxt .carnum .reduce { width: 42rpx; border-right: 0; border-radius: 16rpx 0 0 16rpx; // line-height: 0.39 * 100rpx; } .shoppingCart .list .item .picTxt .carnum .reduce.on { // border-color: #e3e3e3; color: #D8D8D8; } .shoppingCart .list .item .picTxt .carnum .plus { width: 42rpx; border-left: 0; border-radius: 0 16rpx 16rpx 0; // line-height: 0.38 * 100rpx; } .shoppingCart .list .item .picTxt .carnum .num { font-size: 24rpx; padding: 0rpx 20rpx; } .shoppingCart .invalidGoods { padding: 16rpx 16rpx 20rpx 18rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; margin: 0rpx 32rpx; // background-color: #fff; } .shoppingCart .invalidGoods .goodsNav { box-sizing: border-box; width: 100%; height: 0.66 * 100rpx; padding: 0 0.3 * 100rpx; font-size: 26rpx; color: #3A3A3C; line-height: 30rpx; } .shoppingCart .invalidGoods .goodsNav .iconfont { color: #3A3A3C; font-size: 30rpx; margin-right: 0.17 * 100rpx; } .shoppingCart .invalidGoods .goodsNav .del { font-size: 26rpx; color: #999; } .shoppingCart .invalidGoods .goodsNav .del .icon-shanchu1 { color: #999; font-size: 30rpx; vertical-align: -0.02 * 100rpx; margin-right: 0.08 * 100rpx; } .shoppingCart .invalidGoods .goodsList .item { padding-bottom: 20rpx; // padding: 0.2 * 100rpx 0.3 * 100rpx; // border-top: 1px solid #f5f5f5; } .shoppingCart .invalidGoods .goodsList .item .invalid { font-size: 20rpx; color: #999999; width: 60rpx; height: 46rpx; background-color: #E3E3E3; border-radius: 8rpx; } .shoppingCart .invalidGoods .goodsList .item .pictrue { width: 164rpx; height: 164rpx; border-radius: 12rpx; } .shoppingCart .invalidGoods .goodsList .item .pictrue image { width: 100%; height: 100%; border-radius: 12rpx; } .shoppingCart .invalidGoods .goodsList .item .text { width: 390rpx; font-size: 26rpx; color: #3A3A3C; height: 1.4 * 100rpx; text-align: left; } .shoppingCart .invalidGoods .goodsList .item .text .infor { font-size: 20rpx; color: #999999; } .shoppingCart .invalidGoods .goodsList .item .text .end { font-size: 24rpx; color: #999999; } .shoppingCart .footer { box-sizing: border-box; width: 100%; height: 132rpx; background-color: #FFFFFF; position: fixed; bottom: 138rpx; padding: 24rpx 32rpx 44rpx; // border-top: 1px solid #eee; } // .shoppingCart .iphonex-footer { // bottom: 168rpx; // } .shoppingCart .footer .checkAll { font-size: 24rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 32rpx; margin-left: 6rpx; } .shoppingCart .footer .money { width: 320rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 32rpx; } .shoppingCart .footer .placeOrder { width: 212rpx; height: 66rpx; border-radius: 16rpx; font-size: 26rpx; font-family:PingFang SC; font-weight: 600; color: #FFFFFF; line-height: 66rpx; text-align: center; // margin-left: 0.22 * 100rpx; } .shoppingCart .footer .button .bnt { width: 212rpx; height: 66rpx; border-radius: 16rpx; font-size: 26rpx; font-family:PingFang SC; font-weight: 600; color: #FFFFFF; line-height: 62rpx; text-align: center; background: #EC3A5B; border: 2rpx solid #EC3A5B; } .shoppingCart .footer .button .bnt ~ .bnt { margin-left: 20rpx; } /*个人中心*/ .user .header { padding: 0 32rpx 20rpx; // 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: 138rpx; height: 138rpx; box-shadow: 0rpx 0rpx 20rpx 10rpx rgba(0,0,0,0.08); background: linear-gradient(135deg, rgba(27, 141, 204, 1), rgba(57, 211, 150, 1)); padding: 4rpx; border-radius: 50%; // width: 1.2 * 100rpx; // height: 1.2 * 100rpx; .noAvatar { width: 100%; height: 100%; background: #F1F1F1; border-radius: 50%; image { width: 95%; } } } .user .header .picTxt .pictrue .image { width: 100%; height: 100%; border-radius: 50%; background: #F1F1F1; // border: 0.03 * 100rpx solid #f5f5f5; } .user .header .picTxt .text { width: 338rpx; margin-left: 38rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 600; color: #FFFFFF; line-height: 42rpx; // text-align: left; } .user .header .picTxt .text .name { max-width: 246rpx; width: unset; } .user .header .picTxt .text .member { margin-left: 12rpx; margin-top: 10rpx; width: 80rpx; height: 26rpx; } // .user .header .picTxt .text .member image { // font-size: 0.2 * 100rpx; // margin-right: 0.08 * 100rpx; // } .user .header .picTxt .text .id { font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 32rpx; padding-top: 10rpx; } // .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 { background-color: #FFFFFF; border-radius: 28rpx 28rpx 0rpx 0rpx; padding: 0 32rpx; } // .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; .title { padding: 24rpx 0rpx 6rpx; font-size: 30rpx; font-family: SourceHanSansSCVF; font-weight: 600; color: #3A3A3C; line-height: 46rpx; } } // .user .wrapper .myOrder .title, .user .wrapper .myService .title { padding: 6rpx 0rpx 20rpx; font-size: 30rpx; font-family: SourceHanSansSCVF; font-weight: 600; color: #3A3A3C; line-height: 46rpx; // 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: 20rpx; font-family: PingFang SC; font-weight: 500; color: #2DB5AE; line-height: 26rpx; .jiantou-right { width: 0; height: 0; border-top: 6rpx solid transparent; border-left: 10rpx solid #2DB5AE; border-bottom: 6rpx solid transparent; border-right: 0rpx solid transparent; margin-left: 8rpx; } } // .user .wrapper .myOrder .title .allOrder .iconfont { // font-size: 0.25 * 100rpx; // margin-left: 0.07 * 100rpx; // } .user .wrapper .myOrder .orderState { width: 686rpx; height: 170rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; margin-bottom: 20rpx; } .user .wrapper .myOrder .orderState .item { font-size: 22rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 30rpx; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; } .user .wrapper .myOrder .orderState .item .pictrue { width: 62rpx; height: 62rpx; margin: 0 auto 16rpx; } .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: 332rpx; height: 142rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 28rpx; margin-bottom: 20rpx; padding: 0rpx 38rpx; font-size: 20rpx; font-family: Futura; font-weight: 600; color: #999999; line-height: 26rpx; // 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: 76rpx; height: 76rpx; // margin-right: 0.16 * 100rpx; } .user .wrapper .myService .serviceList .item .cell { width: 148rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 42rpx; // 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 { margin: 8rpx 32rpx 20rpx; // padding: 24rpx; // background: #F5F6F8; // box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); // border-radius: 16rpx; } .product-con .wrapper .top { padding: 24rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; } .product-con .wrapper .share { // margin: 0 0.3 * 100rpx; // padding-top: 0.25 * 100rpx; } .product-con .wrapper .share .money { font-size: 48rpx; font-family: Futura; font-weight: 600; color: #3A3A3C; line-height: 64rpx; } .product-con .wrapper .share .money .otPrice { padding-left: 16rpx; font-size: 30rpx; color: #999999; line-height: 40rpx; text-decoration: line-through; } // .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: 34rpx; font-family: SourceHanSansSCVF; font-weight: 600; color: #3A3A3C; line-height: 50rpx; } // .product-con .wrapper .introduceInfo { // font-size: 20rpx; // font-family: SourceHanSansSCVF; // font-weight: 500; // color: #999999; // line-height: 28rpx; // } .product-con .wrapper .label { font-size: 20rpx; font-family: SourceHanSansSCVF; font-weight: 400; color: #999999; line-height: 28rpx; padding-top: 16rpx; } // .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 { margin: 0rpx 32rpx 20rpx; padding: 20rpx 24rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #999999; line-height: 32rpx; } // .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: 0rpx 32rpx 20rpx; // padding: 20rpx 24rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; padding-bottom: 4rpx; } .product-con .userEvaluation .title { padding: 16rpx 24rpx; font-size: 30rpx; font-family: SourceHanSansSCVF; font-weight: 600; color: #3A3A3C; line-height: 46rpx; } .product-con .userEvaluation .title .praise { font-size: 20rpx; font-family: PingFang SC; font-weight: 500; color: #2DB5AE; line-height: 26rpx; } // .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; // background: #FFFFFF; } .product-con .product-intro .title { width: 750rpx; height: 82rpx; background: #FFFFFF; font-size: 30rpx; font-family: SourceHanSansSCVF; font-weight: 600; color: #3A3A3C; line-height: 82rpx; padding-left: 56rpx; // 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%; background-color: #FFFFFF; padding: 0rpx 30rpx; } .product-con .product-intro .conter * { width: 100% !important; display: block !important; } .product-con .entry-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; background: rgba(0, 0, 0, 0.6); // -webkit-backdrop-filter: blur(10rpx); backdrop-filter: blur(10rpx); .entry-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 30; width: 592rpx; height: 374rpx; background: #F1F1F1; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 28rpx; padding: 32rpx; .entry { height: 100%; overflow: scroll; font-size: 26rpx; font-family: SourceHanSansSCVF; font-weight: 500; color: #3A3A3C; line-height: 38rpx; } } } /*产品详情*/ .product-con .footer { width: 100%; background: #F1F1F1; box-shadow: 0rpx -4rpx 38rpx 0rpx rgba(0,0,0,0.2); border-radius: 28rpx 28rpx 0rpx 0rpx; padding-left: 28rpx; padding-right: 32rpx; // 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 { height: 90rpx; font-size: 20rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 26rpx; text-align: center; } // .product-con .footer .item .iconfont { // margin-top: 12rpx; // text-align: center; // font-size: 0.5 * 100rpx; // height: 0.5 * 100rpx; // line-height: 0.5 * 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: -2rpx; // right: 4rpx; // // height: 0.3 * 100rpx; // // line-height: 0.3 * 100rpx; // // padding: 0 0.08 * 100rpx; // // min-width: 0.3 * 100rpx; // min-width: 20rpx; // height: 20rpx; // background: #F1F1F1; // border-radius: 12rpx; // border: 2rpx solid #2DB5AE; // font-size: 16rpx; // font-family: PingFang SC; // font-weight: 400; // color: #2DB5AE; // line-height: 20rpx; // text-align: center; // } .product-con .footer .bnt { width: 386rpx; padding-top: 18rpx; // width: 4.44 * 100rpx; // height: 0.76 * 100rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 600; color: #FFFFFF; line-height: 38rpx; } .product-con .footer .bnt > view { width: 186rpx; height: 66rpx; background: #2DB5AE; border-radius: 16rpx; text-align: center; line-height: 66rpx; } // .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 { margin: 20rpx 32rpx; padding: 24rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; } .order-submission .address .addressCon { width: 100%; background: #F1F1F1; border-radius: 16rpx; padding: 12rpx 16rpx 12rpx 12rpx; // font-size: 0.26 * 100rpx; // color: #666; } .order-submission .address .addressCon .name { font-size: 24rpx; color: #3A3A3C; line-height: 32rpx; // margin-bottom: 0.1 * 100rpx; } .order-submission .address .addressCon .name .phone { margin-left: 20rpx; } .order-submission .address .addressCon .default { margin-right: 0.12 * 100rpx; } .order-submission .address .addressCon .setaddress { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #2DB5AE; line-height: 38rpx; } .order-submission .address .iconfont { font-size: 0.35 * 100rpx; color: #707070; } .order-submission .wrapper { margin: 0rpx 32rpx 20rpx; padding: 20rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; // background-color: #fff; // margin-top: 0.13 * 100rpx; } .order-submission .wrapper .item { // padding: 0.27 * 100rpx 0.3 * 100rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 42rpx; } .order-submission .wrapper .item .discount { font-size: 24rpx; font-weight: 500; color: #3A3A3C; line-height: 32rpx; } .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; width: 580rpx; height: 84rpx; // box-shadow: inset 0rpx 0rpx 10rpx 0rpx rgba(0,0,0,0.15); // border-radius: 16rpx; // margin-top: 20rpx; // padding: 16rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 32rpx; // position: relative; } .order-submission .wrapper .item textarea::placeholder { font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #999999; line-height: 32rpx; } .order-submission .wrapper .item .list { margin-top: 20rpx; } .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: #2DB5AE; color: #2DB5AE; } .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: 160rpx; background: #F1F1F1; box-shadow: 0rpx -4rpx 38rpx 0rpx rgba(0,0,0,0.2); border-radius: 28rpx 28rpx 0rpx 0rpx; padding: 18rpx 32rpx 0rpx; position: fixed; bottom: 0; left: 0; z-index: 10; .price-box { padding-top: 8rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 48rpx; .price { font-size: 34rpx; font-weight: 600; color: #2DB5AE; line-height: 48rpx; } } } .order-submission .footer .settlement { width: 292rpx; height: 66rpx; background: #2DB5AE; border-radius: 16rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 700; color: #FFFFFF; line-height: 66rpx; text-align: center; } /*地址管理*/ // .address-management .line { // width: 100%; // height: 0.03 * 100rpx; // } // .address-management .line image { // width: 100%; // height: 100%; // display: block; // } .address-management .item { width: 100%; padding: 0rpx 32rpx 20rpx; position: relative; } // .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; width: 686rpx; // height: 218px; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; padding: 24rpx; margin: 20rpx 32rpx; } .addAddress .list .item { min-height: 62rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 38rpx; padding-bottom: 24rpx; } .addAddress .list .item .name { width: 132rpx; color: #3A3A3C; height: 38rpx; } .addAddress .list .item input { width: 506rpx; min-height: 62rpx; font-size: 26rpx; line-height: 38rpx !important; background: #F1F1F1; border-radius: 16rpx; padding: 12rpx; } .addAddress .list .item input::placeholder { color: #999999; } .addAddress .list .item .picker { width: 506rpx; padding: 12rpx; } // .addAddress .list .item .address { // width: 4.1 * 100rpx; // } // .addAddress .list .item .picker .iconfont { // font-size: 0.43 * 100rpx; // } .addAddress .default { width: 686rpx; // height: 94px; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; margin: 0rpx 32rpx 46rpx; padding: 24rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 38rpx; // 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: 686rpx; height: 70rpx; margin: 0rpx 32rpx 20rpx; background: #2DB5AE; border-radius: 16rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #F5F6F8; line-height: 70rpx; text-align: center; } // .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 { width: 100vw; background: #FFFFFF; height: 92rpx; padding: 34rpx 32rpx 16rpx; border-radius: 28rpx 28rpx 0rpx 0rpx; // height: 1.4 * 100rpx; // margin: -0.73 * 100rpx auto 0 auto; } .my-order .nav .item { width: 80rpx; text-align: center; position: relative; // 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; padding: 0rpx 32rpx 20rpx; } .my-order .list .item { width: 686rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; padding: 16rpx 16rpx 20rpx 20rpx; margin-bottom: 20rpx; // background-color: #fff; // border-radius: 0.06 * 100rpx; // margin-bottom: 0.14 * 100rpx; } .my-order .list .item .title { font-size: 24rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 32rpx; padding-bottom: 32rpx; // height: 0.84 * 100rpx; // padding: 0 0.3 * 100rpx; // border-bottom: 0.01 * 100rpx solid #eee; } // .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 { margin-bottom: 20rpx; // padding: 0 0.3 * 100rpx; // margin-top: 0.22 * 100rpx; } .my-order .list .item .item-info .pictrue { width: 164rpx; height: 164rpx; } .my-order .list .item .item-info .pictrue image { width: 100%; height: 100%; border-radius: 12rpx; } .my-order .list .item .item-info .text { width: 480rpx; padding-left: 20rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 38rpx; // font-size: 0.28 * 100rpx; // color: #999; // margin-top: 0.06 * 100rpx; } .my-order .list .item .item-info .text .name { padding-bottom: 18rpx; } .my-order .list .item .item-info .text .money { padding-top: 16rpx; font-size: 30rpx; font-family: Futura; font-weight: 600; color: #3A3A3C; line-height: 40rpx; } .my-order .list .item .totalPrice { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 38rpx; // 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 { padding-right: 4rpx; // height: 1.07 * 100rpx; // padding: 0 0.3 * 100rpx; } .my-order .list .item .bottom .bnt { width: 166rpx; height: 52rpx; border-radius: 16rpx; border: 2rpx solid #2EB5AE; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #2DB5AE; line-height: 48rpx; // 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: 20rpx; } /*订单详情*/ // .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 { width: 686rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; padding: 20rpx 24rpx; margin: 0rpx 32rpx 20rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 32rpx; .area { font-size: 20rpx; color: #3A3A3C; line-height: 26rpx; padding-bottom: 10rpx; } } .order-details .address .name { font-size: 26rpx; font-weight: 600; color: #3A3A3C; line-height: 38rpx; margin-bottom: 10rpx; } .order-details .address .name .phone { margin-left: 8rpx; } // .order-details .line { // width: 100%; // height: 0.03 * 100rpx; // } // .order-details .line image { // width: 100%; // height: 100%; // display: block; // } .order-details .wrapper { width: 686rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; padding: 20rpx; margin: 0rpx 32rpx 20rpx; .title { font-size: 30rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; line-height: 42rpx; padding-bottom: 16rpx; } .line { width: 100%; height: 2rpx; background-color: #979797; margin: 10rpx 0rpx 24rpx; } } .order-details .wrapper .item { height: 42rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 32rpx; margin-bottom: 8rpx; } .order-details .wrapper .item:last-child { height: 36rpx; padding-top: 4rpx; margin-bottom: 0rpx; } // .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 { display: inline-block; height: 24rpx; line-height: 24rpx; border-left: 2rpx solid #3A3A3C; padding-left: 20rpx; margin-left: 20rpx; } .order-details .wrapper .actualPay { font-size: 30rpx; font-weight: 600; color: #2DB5AE; line-height: 42rpx; // 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: 162rpx; position: fixed; bottom: 0; left: 0; background: #F1F1F1; box-shadow: 0rpx -4rpx 38rpx 0rpx rgba(0,0,0,0.2); border-radius: 28rpx 28rpx 0rpx 0rpx; padding: 18rpx 32rpx 0rpx; } .order-details .footer .bnt { width: 186rpx; height: 66rpx; border: 2rpx solid #2EB5AE; border-radius: 16rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 600; color: #FFFFFF; text-align: center; line-height: 62rpx; } .order-details .footer .bnt.cancel { background: #98DAD7; // color: #aaa; border: 2rpx solid #98DAD7; } .order-details .footer .bnt.default { color: #2DB5AE; font-weight: 500; // border: 1px solid #444; } .order-details .footer .bnt ~ .bnt { margin-left: 14rpx; } /*物流信息*/ // .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 { width: 686rpx; // height: 223px; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; margin: 0rpx 32rpx 46rpx; padding: 24rpx 24rpx 0rpx; } .personal-data .list .item { padding-bottom: 24rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 38rpx; // 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: 506rpx; height: 62rpx; background: #F1F1F1; border-radius: 16rpx; color: #3A3A3C; line-height: 62rpx; text-align: right; padding: 0rpx 12rpx; // width: 4.15 * 100rpx; // color: #868686; } .personal-data .list .item .input input { color: #3A3A3C; 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 { width: 686rpx; height: 70rpx; border-radius: 16rpx; margin: 0rpx 32rpx 20rpx; font-size: 13px; font-family: PingFang SC; font-weight: 500; color: #F5F6F8; line-height: 70rpx; text-align: center; } .personal-data .cancel { background: #D8D8D8; color: #999999; } .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: #FFFFFF; border-radius: 28rpx 28rpx 0rpx 0rpx; padding: 32rpx; // padding-bottom: 0.16 * 100rpx; // margin-bottom: 0.2 * 100rpx; } .member-center .wrapper .title { font-size: 30rpx; font-family: SourceHanSansSCVF; font-weight: 600; color: #2DB5AE; line-height: 46rpx; padding-bottom: 32rpx; // 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: translate(-50%, -50%) scale(0); padding-bottom: 0.6 * 100rpx; // margin-top: -3.3 * 100rpx; } .bargain .bargainTip.on { opacity: 1; transform: translate(-50%, -50%) 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: 16rpx; // border-radius: 0.41 * 100rpx; background: #2DB5AE; // 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 { margin: 0rpx 32rpx; width: 686rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; // background-color: #fff; } .product-con .assemble .item { padding-right: 24rpx; margin-left: 24rpx; 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: 110rpx; height: 46rpx; border-radius: 16rpx; background-color: #2DB5AE; // 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: 46rpx; margin-left: 20rpx; } .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 { height: 48rpx; // background-color: #fff; // padding: 0 0.3 * 100rpx; // margin-top: 0.2 * 100rpx; // font-size: 0.28 * 100rpx; // color: #282828; } .product-con .playWay .title { width: 162rpx; height: 26rpx; padding-left: 24rpx; border-right: 2rpx solid #F5F6F8; font-size: 24rpx; font-family: PingFang SC; font-weight: 600; color: #F5F6F8; line-height: 26rpx; } // .product-con .playWay .title .iconfont { // margin-left: 0.13 * 100rpx; // font-size: 0.28 * 100rpx; // color: #717171; // } .product-con .playWay .way { width: 524rpx; font-size: 10px; font-family: PingFang SC; font-weight: 600; color: #F5F6F8; line-height: 26rpx; padding: 0rpx 24rpx; // 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 { display: inline-block; width: 26rpx; height: 26rpx; background: #F5F6F8; border-radius: 50%; font-size: 16rpx; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #2DB5AE; line-height: 26rpx; text-align: center; margin-right: 8rpx; } // .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 { padding: 20rpx 32rpx; background: #F1F1F1; // font-size: 0.24 * 100rpx; // color: #282828; // border-bottom: 1px solid #f5f5f5; } .evaluate-list .nav .item { width: 154rpx; height: 40rpx; border-radius: 16rpx; border: 2rpx solid #2EB5AE; font-size: 24rpx; font-family: PingFang SC; font-weight: 600; color: #2DB5AE; line-height: 36rpx; text-align: center; // padding: 0 0.2 * 100rpx; // background-color: #f4f4f4; // 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 { font-size: 30rpx; font-family: PingFang SC; font-weight: 600; color: #3A3A3C; // line-height: 19px; padding: 0rpx 32rpx; height: 0.8 * 100rpx; line-height: 0.8 * 100rpx; } .sign-record .list .item .listn { margin: 0rpx 32rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; font-size: 20rpx; font-family: 'PingFang SC'; font-weight: 500; color: #999999; line-height: 24rpx; // background-color: #fff; // font-size: 0.24 * 100rpx; // color: #999; } .sign-record .list .item .listn .itemn { height: 100rpx; border-bottom: 2rpx solid #D8D8D8; padding: 0rpx 30rpx; // margin-left: 0.3 * 100rpx; } .sign-record .list .item .listn .itemn .name { width: 3.9 * 100rpx; font-size: 24rpx; font-weight: 500; color: #3A3A3C; line-height: 26rpx; padding-bottom: 2rpx; // font-size: 0.28 * 100rpx; // color: #282828; // margin-bottom: 0.06 * 100rpx; } .sign-record .list .item .listn .itemn .num { font-size: 24rpx; font-family: 'PingFang SC'; font-weight: 600; color: #3A3A3C; line-height: 26rpx; // font-size: 0.36 * 100rpx; // font-family: 'GuildfordProBook 5'; // color: #16ac57; } /*申请退货*/ .apply-return .list { margin: 20rpx 32rpx 46rpx; padding: 24rpx 20rpx 0rpx; background: #F5F6F8; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(0, 0, 0, 0.06); border-radius: 16rpx; } .apply-return .list .item { padding-bottom: 24rpx; font-size: 30rpx; font-family: 'PingFang SC'; font-weight: 600; color: #3A3A3C; line-height: 42rpx; // margin-left: 0.3 * 100rpx; // min-height: 0.9 * 100rpx; // border-bottom: 1px solid #eee; } .apply-return .list .item .num { font-size: 26rpx; font-weight: 500; color: #999999; line-height: 38rpx; // 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 { width: 582rpx; height: 110rpx; } .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 { width: 686rpx; height: 70rpx; // background: #2DB5AE; border-radius: 16rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #F5F6F8; line-height: 70rpx; text-align: center; margin: 0rpx 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 { width: 100vw; padding-top: 108rpx; overflow: hidden; // background-color: #fff; // border-top: 1px solid #eee; } .collectionGoods .item { width: 100%; padding: 0rpx 32rpx 20rpx; position: relative; // margin-left: 0.3 * 100rpx; // padding-right: 0.3 * 100rpx; // border-bottom: 1px solid #eee; // height: 1.8 * 100rpx; } .collectionGoods .item .pictrue { width: 164rpx; height: 164rpx; } .collectionGoods .item .pictrue image { width: 100%; height: 100%; border-radius: 16rpx; } .collectionGoods .item .text { width: 482rpx; padding-left: 20rpx; // height: 1.3 * 100rpx; // font-size: 0.28 * 100rpx; // color: #282828; } .collectionGoods .item .text .infor { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #3A3A3C; line-height: 38rpx // width: 100%; } .collectionGoods .item .text .money { font-size: 30rpx; font-family: Futura; font-weight: 600; color: #3A3A3C; line-height: 40rpx; } // .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 { height: 62rpx; background: #E3E3E3; border-radius: 16rpx; padding-left: 16rpx; padding-right: 6rpx; margin-right: 8rpx; } // .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 */ // padding-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: #F1F1F1; line-height: 26rpx; } .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; }