view, scroll-view, swiper, button, input, textarea, label, navigator, image { -webkit-box-sizing: border-box; box-sizing: border-box; } page { background: #f5f5f5; height: 100%; } .newsList .newsSwitch .van-hairline--top-bottom::after { border: 0; } .newsList .newsSwitch .van-tab { font-size: 32rpx; padding: 0; -webkit-flex-basis: unset !important; -ms-flex-preferred-size: unset !important; flex-basis: unset !important; margin-right: 46rpx; } .newsList .newsSwitch .van-tabs__wrap { padding: 0 30rpx; } .newsList .newsSwitch.van-tabs--line { padding-top: 90rpx; } #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 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 20rpx; color: #282828; } #footer .item.on { color: #eb3729; } #footer .item .iconfont { font-size: 45rpx; height: 55rpx; line-height: 55rpx; } .goodList .item { position: relative; padding-left: 30rpx; background-color: #fff; } .goodList .item .pictrue { width: 180rpx; height: 180rpx; position: relative; } .goodList .item .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .goodList .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .goodList .item .pictrue .numPic { position: absolute; left: 7rpx; top: 7rpx; width: 50rpx; height: 50rpx; -webkit-border-radius: 50%; border-radius: 50%; } .goodList .item .underline { padding: 30rpx 30rpx 30rpx 0; border-bottom: 1px solid #f5f5f5; } .goodList .item:nth-last-child(1) .underline { border-bottom: 0; } .goodList .item .text { font-size: 30rpx; color: #222; width: 489rpx; text-align: left; } .goodList .item .text .money .num { font-size: 34rpx; } .goodList .item .text .vip-money { font-size: 24rpx; color: #282828; font-weight: bold; margin-top: 10rpx; } .goodList .item .text .vip-money .vip { margin-right: 22rpx; text-decoration: line-through; } .goodList .item .text .vip-money .image { width: 46rpx; height: 21rpx; margin-left: 5rpx; } .goodList .item .text .vip-money .num { font-size: 22rpx; color: #aaa; font-weight: normal; margin: -2rpx 0 0 0; } .goodList .item .iconfont { position: absolute; right: 30rpx; width: 50rpx; height: 50rpx; -webkit-border-radius: 50%; border-radius: 50%; font-size: 30rpx; bottom: 38rpx; } .promotionGood { padding: 0 30rpx; background-color: #fff; } .promotionGood .item { border-bottom: 1px solid #eee; height: 250rpx; } .promotionGood .item .pictrue { width: 188rpx; height: 188rpx; } .promotionGood .item .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 8rpx; border-radius: 8rpx; } .promotionGood .item .text { font-size: 24rpx; color: #999; width: 472rpx; text-align: left; } .promotionGood .item .text .name { font-size: 30rpx; color: #333; } .promotionGood .item .text .sp-money { margin: 34rpx 0 20rpx 0; } .promotionGood .item .text .sp-money .moneyCon { height: 36rpx; line-height: 46rpx; font-size: 26rpx; color: #ea3526; -webkit-border-radius: 24rpx 3rpx 24rpx 3rpx; border-radius: 24rpx 3rpx 24rpx 3rpx; } .promotionGood .item .text .sp-money .moneyCon .num { font-size: 24rpx; } .promotionGood .item .text .money { text-decoration: line-through; } .recommend { background-color: #fff; } .recommend .title { height: 135rpx; font-size: 28rpx; color: #282828; } .recommend .title .name { margin: 0 28rpx; } .recommend .title .iconfont { font-size: 170rpx; color: #454545; height: 50rpx; line-height: 50rpx; } .recommend .title .iconfont.lefticon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .recommend .recommendList { padding: 0 30rpx; } .recommend .recommendList .item { width: 335rpx; margin-bottom: 30rpx; } .recommend .recommendList .item .pictrue { width: 100%; height: 335rpx; } .recommend .recommendList .item .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .recommend .recommendList .item .name { font-size: 28rpx; color: #282828; margin-top: 20rpx; } .recommend .recommendList .item .money { font-size: 20rpx; margin-top: 3rpx; } .recommend .recommendList .item .money .num { font-size: 28rpx; } .noCommodity { padding-top: 75rpx; } .noCommodity .noPictrue { width: 414rpx; height: 336rpx; margin: 0 auto 30rpx auto; } .noCommodity .noPictrue .image { width: 100%; height: 100%; } /*产品详情轮播*/ .product-bg { height: 750rpx; } .product-bg swiper { height: 750rpx; } .product-bg .slide-image { width: 100%; height: 100%; } .product-bg .pages { position: absolute; background-color: #fff; height: 34rpx; padding: 0 10rpx; -webkit-border-radius: 3rpx; border-radius: 3rpx; right: 30rpx; bottom: 30rpx; line-height: 34rpx; font-size: 24rpx; color: #050505; z-index: 9; } /*评价列表公共*/ .evaluateWtapper .evaluateItem { background-color: #fff; padding-bottom: 25rpx; } .evaluateWtapper .evaluateItem ~ .evaluateItem { border-top: 1px solid #f5f5f5; } .evaluateWtapper .evaluateItem .pic-text { font-size: 26rpx; color: #282828; height: 95rpx; padding: 0 30rpx; } .evaluateWtapper .evaluateItem .pic-text .pictrue { width: 56rpx; height: 56rpx; margin-right: 20rpx; } .evaluateWtapper .evaluateItem .pic-text .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .evaluateWtapper .evaluateItem .pic-text .name { max-width: 450rpx; margin-right: 15rpx; } .evaluateWtapper .evaluateItem .time { font-size: 24rpx; color: #82848f; padding: 0 30rpx; } .evaluateWtapper .evaluateItem .evaluate-infor { font-size: 28rpx; color: #282828; margin-top: 19rpx; padding: 0 30rpx; } .evaluateWtapper .evaluateItem .imgList { padding: 0 30rpx 0 15rpx; margin-top: 25rpx; } .evaluateWtapper .evaluateItem .imgList .pictrue { width: 156rpx; height: 156rpx; margin: 0 0 15rpx 15rpx; } .evaluateWtapper .evaluateItem .imgList .pictrue .image { width: 100%; height: 100%; } .evaluateWtapper .evaluateItem .reply { font-size: 26rpx; color: #454545; background-color: #f7f7f7; -webkit-border-radius: 5rpx; border-radius: 5rpx; margin: 20rpx 30rpx 0 30rpx; padding: 30rpx; position: relative; } .evaluateWtapper .evaluateItem .reply::before { content: ''; width: 0; height: 0; border-left: 10rpx solid transparent; border-right: 10rpx solid transparent; border-bottom: 20rpx solid #f7f7f7; position: absolute; top: -20rpx; left: 100rpx; } /*优惠券列表公共*/ .coupon-list { padding: 0 30rpx; margin-top: 25rpx; -webkit-box-sizing: border-box; box-sizing: border-box; } .coupon-list .item { width: 100%; height: 170rpx; margin-bottom: 16rpx; } .coupon-list .item .money { background-image: url('https://wx.yixiang.co/static/images/coupon1.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 240rpx; height: 100%; color: #fff; font-size: 36rpx; font-weight: bold; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: 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: 60rpx; } .coupon-list .item .text { width: 450rpx; padding: 0 17rpx 0 24rpx; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .coupon-list .item .text .condition { font-size: 30rpx; color: #282828; height: 93rpx; line-height: 93rpx; border-bottom: 1px solid #f0f0f0; } .coupon-list .item .text .data { font-size: 20rpx; color: #999; height: 76rpx; } .coupon-list .item .text .data .bnt { width: 136rpx; height: 44rpx; -webkit-border-radius: 22rpx; border-radius: 22rpx; font-size: 22rpx; color: #fff; text-align: center; line-height: 44rpx; } .coupon-list .item .text .data .bnt.gray { background-color: #ccc; } .condition .line-title { width: 90rpx; height: 30rpx; line-height: 30rpx; padding: 0 10rpx; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff7f7; border: 1rpx solid #e83323; opacity: 1; -webkit-border-radius: 22rpx; border-radius: 22rpx; font-size: 20rpx !important; color: #e83323; margin-right: 12rpx; } .coupon-list .pic-num { color: #ffffff !important; font-size: 24rpx !important; } /*优惠券列表弹窗*/ .coupon-list-window { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f5f5f5; -webkit-border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 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: 124rpx; width: 100%; text-align: center; line-height: 124rpx; font-size: 32rpx; font-weight: bold; position: relative; color: #333; } .coupon-list-window .title .iconfont { position: absolute; right: 30rpx; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 35rpx; color: #8a8a8a; font-weight: normal; } .coupon-list-window .coupon-list { margin: 0 0 50rpx 0; height: 550rpx; overflow: auto; } .coupon-list-window .pictrue { width: 414rpx; height: 336rpx; margin: 0 auto 50rpx 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; -webkit-border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0; padding-bottom: 140rpx; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-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); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .product-window.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .product-window .textpic { padding: 0 130rpx 0 30rpx; margin-top: 29rpx; position: relative; } .product-window .textpic .pictrue { width: 150rpx; height: 150rpx; } .product-window .textpic .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 10rpx; border-radius: 10rpx; } .product-window .textpic .text { width: 410rpx; font-size: 32rpx; color: #202020; } .product-window .textpic .text .money { font-size: 24rpx; margin-top: 40rpx; } .product-window .textpic .text .money .num { font-size: 36rpx; } .product-window .textpic .text .money .stock { color: #999; margin-left: 18rpx; } .product-window .textpic .iconfont { position: absolute; right: 30rpx; top: -5rpx; font-size: 35rpx; color: #8a8a8a; } .product-window .productWinList { max-height: 395rpx; overflow: auto; margin-top: 36rpx; } .product-window .productWinList .item ~ .item { margin-top: 36rpx; } .product-window .productWinList .item .title { font-size: 30rpx; color: #999; padding: 0 30rpx; } .product-window .productWinList .item .listn { padding: 0 30rpx 0 16rpx; } .product-window .productWinList .item .listn .itemn { border: 1px solid #bbb; font-size: 26rpx; color: #282828; padding: 7rpx 33rpx; -webkit-border-radius: 6rpx; border-radius: 6rpx; margin: 14rpx 0 0 14rpx; } .product-window .productWinList .item .listn .itemn.on { color: #fff; background-color: #eb3729; border-color: #eb3729; } .product-window .cart { margin-top: 36rpx; padding: 0 30rpx; } .product-window .cart .title { font-size: 30rpx; color: #999; } .product-window .cart .carnum { height: 54rpx; margin-top: 24rpx; } .product-window .cart .carnum .item { border: 1px solid #a4a4a4; width: 84rpx; text-align: center; height: 100%; line-height: 54rpx; color: #a4a4a4; font-size: 45rpx; } .product-window .cart .carnum .reduce { border-right: 0; -webkit-border-radius: 6rpx 0 0 6rpx; border-radius: 6rpx 0 0 6rpx; line-height: 48rpx; } .product-window .cart .carnum .reduce.on { border-color: #e3e3e3; color: #dedede; } .product-window .cart .carnum .plus { border-left: 0; -webkit-border-radius: 0 6rpx 6rpx 0; border-radius: 0 6rpx 6rpx 0; line-height: 46rpx; } .product-window .cart .carnum .plus.on { border-color: #e3e3e3; color: #dedede; } .product-window .cart .carnum .num { color: #282828; font-size: 28rpx; } /*产品详情的分享红包*/ .sharing-packets { position: fixed; left: 30rpx; bottom: 150rpx; z-index: 5; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sharing-packets.on { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .sharing-packets .iconfont { width: 44rpx; height: 44rpx; -webkit-border-radius: 50%; border-radius: 50%; background-color: #999; font-size: 20rpx; color: #fff; margin: 0 auto; padding-left: 1rpx; } .sharing-packets .line { width: 2rpx; height: 40rpx; background-color: #999; margin: 0 auto; } .sharing-packets .sharing-con { width: 187rpx; height: 210rpx; position: relative; } .sharing-packets .sharing-con .image { width: 100%; height: 100%; } .sharing-packets .sharing-con .text { position: absolute; top: 20rpx; font-size: 20rpx; width: 100%; text-align: center; } .sharing-packets .sharing-con .text .money { font-size: 32rpx; font-weight: bold; } .sharing-packets .sharing-con .text .money .label { font-size: 20rpx; } .sharing-packets .sharing-con .text .tip { font-size: 18rpx; color: #999; } .sharing-packets .sharing-con .text .shareBut { font-size: 22rpx; color: #fff; margin-top: 27rpx; height: 50rpx; line-height: 50rpx; } /*订单产品*/ .orderGoods { background-color: #fff; margin-top: 12rpx; } .orderGoods .total { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 86rpx; padding: 0 30rpx; border-bottom: 1rpx solid #eee; font-size: 30rpx; color: #282828; line-height: 86rpx; } .goodWrapper .item { margin-left: 30rpx; padding-right: 30rpx; border-bottom: 2rpx solid #f0f0f0; height: 180rpx; } .goodWrapper .item .pictrue { width: 130rpx; height: 130rpx; } .goodWrapper .item .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .goodWrapper .item .text { width: 537rpx; position: relative; } .goodWrapper .item .text .name { font-size: 28rpx; color: #282828; width: 453rpx; } .goodWrapper .item .text .num { font-size: 26rpx; color: #868686; } .goodWrapper .item .text .attr { font-size: 20rpx; color: #868686; margin-top: 7rpx; } .goodWrapper .item .text .money { font-size: 26rpx; margin-top: 17rpx; } .goodWrapper .item .text .evaluate { position: absolute; width: 114rpx; height: 46rpx; border: 1px solid #e93323; color: #e93323; -webkit-border-radius: 4rpx; border-radius: 4rpx; text-align: center; line-height: 46rpx; right: 0; bottom: -10rpx; } .goodWrapper .item .text .evaluate.userEvaluated { font-size: 26rpx; color: #aaa; background-color: #f7f7f7; border-color: #f7f7f7; } /*地址弹窗*/ .address-window { background-color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-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); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .address-window.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .address-window .title { font-size: 32rpx; font-weight: bold; text-align: center; height: 123rpx; line-height: 123rpx; position: relative; color: #333; } .address-window .title .iconfont { position: absolute; right: 30rpx; color: #8a8a8a; font-size: 35rpx; } .address-window .list { max-height: 600rpx; overflow-y: auto; overflow-x: hidden; } .address-window .list .item { margin-left: 30rpx; padding-right: 30rpx; border-bottom: 1px solid #eee; height: 129rpx; font-size: 25rpx; color: #333; } .address-window .list .item .iconfont { font-size: 37rpx; color: #2c2c2c; } .address-window .list .item .iconfont.icon-complete { font-size: 30rpx; color: #fff; } .address-window .list .item .addressTxt { width: 560rpx; } .address-window .list .item .addressTxt .name { font-size: 28rpx; font-weight: bold; color: #282828; margin-bottom: 4rpx; } .address-window .list .item .addressTxt .name .phone { margin-left: 18rpx; } .address-window .addressBnt { font-size: 30rpx; font-weight: bold; color: #fff; width: 690rpx; height: 86rpx; -webkit-border-radius: 43rpx; border-radius: 43rpx; text-align: center; line-height: 86rpx; margin: 85rpx auto; } .address-window .pictrue { width: 414rpx; height: 336rpx; margin: 80rpx auto; } .address-window .pictrue .image { width: 100%; height: 100%; } /*轮播图*/ .swiper { height: 282rpx; } .swiper .slide-image { width: 100%; height: 100%; } .swiper .swiper-pagination { text-align: right; padding-right: 40rpx; bottom: 10rpx; width: 100%; } .swiper .swiper-pagination-bullet { width: 12rpx; height: 12rpx; border: 2rpx solid #fff; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(0, 0, 0, 0); opacity: 1; } .swiper .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 12rpx; } .swiper .swiper-pagination-bullet-active { border-color: #e93323; background-color: #e93323; } /**/ .goodsStyle { background-color: #fff; padding: 22rpx 30rpx; } .goodsStyle .pictrue { width: 120rpx; height: 120rpx; } .goodsStyle .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .goodsStyle .text { width: 545rpx; font-size: 28rpx; color: #999; } .goodsStyle .text .name { width: 360rpx; color: #282828; } .goodsStyle .text .money { text-align: right; } .goodsStyle .text .money .num { margin-top: 7rpx; } /*所有推广头部样式*/ .promoterHeader { width: 100%; height: 220rpx; } .promoterHeader .headerCon { width: 100%; height: 100%; padding: 0 88rpx 0 55rpx; font-size: 28rpx; color: #fff; background-image: url('https://wx.yixiang.co/static/images/transparent.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .promoterHeader .headerCon .name { margin-bottom: 2rpx; } .promoterHeader .headerCon .num { font-size: 50rpx; } .promoterHeader .headerCon .iconfont { font-size: 125rpx; } /*首页优惠券弹窗*/ .coupon-window { background-image: url('https://wx.yixiang.co/static/images/coupon-window.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 630rpx; height: 649rpx; position: fixed; top: 20%; z-index: 99; left: 50%; margin-left: -305rpx; -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); -webkit-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); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .coupon-window.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .coupon-window .couponWinList { width: 480rpx; margin: 157rpx 0 0 60rpx; height: 415rpx; overflow: auto; } .coupon-window .couponWinList .item { width: 100%; height: 120rpx; background-color: #fff; position: relative; margin-bottom: 17rpx; } .coupon-window .couponWinList .item::after { content: ''; position: absolute; width: 18rpx; height: 18rpx; -webkit-border-radius: 50%; border-radius: 50%; background-color: #eb3729; left: 25.5%; bottom: 0; margin-bottom: -9rpx; } .coupon-window .couponWinList .item::before { content: ''; position: absolute; width: 18rpx; height: 18rpx; -webkit-border-radius: 50%; border-radius: 50%; background-color: #eb3729; left: 25.5%; top: 0; margin-top: -9rpx; } .coupon-window .couponWinList .item .money { width: 130rpx; border-right: 1px dashed #ddd; height: 100%; text-align: center; line-height: 120rpx; font-size: 26rpx; font-weight: bold; } .coupon-window .couponWinList .item .money .num { font-size: 40rpx; } .coupon-window .couponWinList .item .text { width: 349rpx; font-size: 22rpx; color: #999; padding: 0 29rpx; } .coupon-window .couponWinList .item .text .name { font-size: 26rpx; color: #282828; font-weight: bold; margin-bottom: 9rpx; } .coupon-window .lid { background-image: url('https://wx.yixiang.co/static/images/coupon-window2.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 573rpx; height: 224rpx; position: fixed; left: 50%; top: 20%; margin: 424rpx 0 0 -296rpx; } .coupon-window .lid .bnt { font-size: 29rpx; width: 440rpx; height: 80rpx; -webkit-border-radius: 40rpx; border-radius: 40rpx; background-color: #f9f1d3; text-align: center; line-height: 80rpx; font-weight: bold; margin: 98rpx auto 0 auto; } .coupon-window .lid .iconfont { color: #fff; font-size: 60rpx; text-align: center; margin-top: 87rpx; } /*首页*/ .index .header { height: 98rpx; width: 100%; padding: 0 30rpx; -webkit-box-sizing: border-box; box-sizing: border-box; } .index .header .logo { width: 127rpx; height: 45rpx; margin-right: 25rpx; } .index .header .logo image { width: 100%; height: 100%; display: block; } .index .header .search { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; height: 64rpx; background-color: #f7f7f7; -webkit-border-radius: 50rpx; border-radius: 50rpx; padding: 0 28rpx; font-size: 28rpx; color: #bbb; } .index .header .qr { width: 51rpx; height: 51rpx; font-size: 34rpx; margin-left: 16rpx; margin-right: 16rpx; } .index .header .qr image { width: 51rpx; height: 51rpx; } .index .header .search .iconfont { font-size: 34rpx; margin-right: 16rpx; } .index .banner { height: 375rpx; } .index .banner swiper { height: 375rpx; } .index .banner image { width: 100%; height: 375rpx; } .index .banner .swiper-pagination { bottom: 7rpx; } .index .banner .swiper-pagination-bullet { width: 20rpx; height: 4rpx; -webkit-border-radius: 3rpx; border-radius: 3rpx; background-color: #fff; opacity: 0.6; } .index .banner .swiper-pagination-bullet-active { opacity: 1; } .index .nav { padding-top: 26rpx; } .index .nav .item { width: 25%; text-align: center; font-size: 26rpx; margin-bottom: 35rpx; } .index .nav .item .pictrue { width: 90rpx; height: 90rpx; margin: 0 auto 15rpx auto; } .index .nav .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .index .news { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 77rpx; border-top: 1px solid #f4f4f4; padding: 0 30rpx; -webkit-box-shadow: 0 10rpx 30rpx #f5f5f5; box-shadow: 0 10rpx 30rpx #f5f5f5; -moz-box-shadow: 0 10rpx 30rpx #f5f5f5; -o-box-shadow: 0 10rpx 30rpx #f5f5f5; background: #fffbe8; } .index .news .pictrue { width: 26rpx; height: 26rpx; border-right: 1px solid #ddd; padding-right: 23rpx; -webkit-box-sizing: content-box; 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 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; height: 77rpx; } .index .news .new-banner .swiper-wrapper { height: 77rpx; width: 100%; } .index .news .new-banner .swiper-slide { height: 77rpx; width: 100%; } .index .news .new-banner .swiper-slide .swiper-item { height: 77rpx; width: 100%; } .index .news .new-banner .text { width: 480rpx; height: 77rpx; } .index .news .new-banner .text .label { font-size: 20rpx; color: #eb3729; width: 68rpx; height: 34rpx; -webkit-border-radius: 20rpx; border-radius: 20rpx; text-align: center; line-height: 34rpx; border: 2rpx solid #eb3729; } .index .news .new-banner .text .newsTitle { width: 397rpx; font-size: 24rpx; color: #666; } .index .news .new-banner .iconfont { font-size: 28rpx; color: #888; } .index .specialArea { padding: 30rpx; } .index .specialArea .assemble { width: 260rpx; height: 260rpx; position: relative; } .index .specialArea .assemble image { width: 100%; height: 100%; -webkit-border-radius: 5rpx; border-radius: 5rpx; } .index .specialArea .assemble .text { position: absolute; top: 37rpx; left: 22rpx; } .index .specialArea .name { font-size: 30rpx; color: #fff; } .index .specialArea .infor { font-size: 22rpx; color: rgba(255, 255, 255, 0.8); margin-top: 5rpx; } .index .specialArea .list { height: 260rpx; width: 416rpx; } .index .specialArea .item { width: 100%; height: 124rpx; position: relative; } .index .specialArea .item image { width: 100%; height: 100%; } .index .specialArea .item .text { position: absolute; top: 23rpx; left: 28rpx; } .index .wrapper .title { border-top: 1px solid #eee; padding-top: 34rpx; margin: 0 30rpx; } .index .wrapper .title.no-border { border: 0; } .index .wrapper.hot + .wrapper { border-top: 0; } .index .wrapper .goodList { margin-bottom: 34rpx; } .index .wrapper .title .text { font-size: 24rpx; color: #999; width: 530rpx; text-align: left; } .index .wrapper .title .text-center .name { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .index .wrapper .title .text .name { color: #282828; font-size: 28rpx; font-weight: bold; margin-bottom: 5rpx; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .index .wrapper .title .text .name .iconfont { margin-right: 10rpx; } .index .wrapper .title .text .name .new { position: absolute; top: 2rpx; left: 130rpx; font-size: 16rpx; font-weight: bold; } .index .wrapper .title .more { font-size: 26rpx; color: #333; } .index .wrapper .title .more .iconfont { margin-left: 2rpx; font-size: 26rpx; } .index .wrapper .scroll-product { white-space: nowrap; margin-top: 38rpx; padding: 0 30rpx 37rpx 30rpx; overflow: hidden; } .index .wrapper .scroll-product .swiper-slide { width: 180rpx; display: inline-block; margin-right: 19rpx; border-bottom: 4rpx solid #47b479; -webkit-box-shadow: 0 15rpx 15rpx -10rpx #eee; box-shadow: 0 15rpx 15rpx -10rpx #eee; -moz-box-shadow: 0 15rpx 15rpx -10rpx #eee; -o-box-shadow: 0 15rpx 15rpx -10rpx #eee; } .index .wrapper .scroll-product .swiper-slide:nth-of-type(3n) { border-bottom: 4rpx solid #ff6960; } .index .wrapper .scroll-product .swiper-slide:nth-of-type(3n-1) { border-bottom: 4rpx 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: 180rpx; } .index .wrapper .scroll-product .swiper-slide .img-box image { width: 100%; height: 100%; -webkit-border-radius: 6rpx 6rpx 0 0; border-radius: 6rpx 6rpx 0 0; } .index .wrapper .scroll-product .swiper-slide .pro-info { font-size: 24rpx; color: #282828; text-align: center; height: 60rpx; line-height: 60rpx; border: 1px solid #f5f5f5; border-bottom: 0; border-top: 0; padding: 0 10rpx; } .index .wrapper .boutique { width: 690rpx; height: 290rpx; margin: 28rpx auto 0 auto; } .index .wrapper .boutique { width: 690rpx; height: 290rpx; margin: 28rpx auto 0 auto; } .index .wrapper .boutique image { width: 100%; height: 260rpx; } .index .wrapper .boutique .swiper-pagination { bottom: -8rpx; width: 100%; } .index .wrapper .boutique .swiper-pagination-bullet { width: 7rpx; height: 7rpx; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fc4141; opacity: 0.3; } .index .wrapper .boutique .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 10rpx; } .index .wrapper .boutique .swiper-pagination-bullet-active { width: 20rpx; height: 7rpx; -webkit-border-radius: 3.5rpx; border-radius: 3.5rpx; opacity: 1; } .index .hotList .hot-bg { width: 100%; height: 215rpx; background-image: url('https://wx.yixiang.co/static/images/index-bg.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; padding: 0 30rpx; font-size: 24rpx; color: #fff; margin-top: 15rpx; } .index .hotList .hot-bg .title { height: 87rpx; } .index .hotList .hot-bg .title .text { width: 575rpx; } .index .hotList .hot-bg .title .text .label { font-size: 30rpx; font-weight: bold; margin-right: 20rpx; } .index .hotList .hot-bg .title .more { font-size: 26rpx; color: #fff; } .index .hotList .hot-bg .title .more .iconfont { font-size: 25rpx; vertical-align: 2rpx; margin-left: 10rpx; } .index .hotList .list { width: 690rpx; height: 330rpx; -webkit-border-radius: 20rpx; border-radius: 20rpx; background-color: #fff; margin: -128rpx auto 0 auto; padding: 0 22rpx; -webkit-box-shadow: 0 0 20rpx -10rpx #aaa; box-shadow: 0 0 20rpx -10rpx #aaa; -moz-box-shadow: 0 0 20rpx -10rpx #aaa; -o-box-shadow: 0 0 20rpx -10rpx #aaa; } .index .hotList .list .item { width: 200rpx; text-align: left; } .index .hotList .list .item ~ .item { margin-left: 23rpx; } .index .hotList .list .item .pictrue { width: 100%; height: 200rpx; position: relative; } .index .hotList .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 10rpx; border-radius: 10rpx; } .index .hotList .list .item .pictrue .numPic { width: 50rpx; height: 50rpx; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 7rpx; left: 7rpx; } .index .hotList .list .item .name { font-size: 26rpx; color: #282828; margin-top: 12rpx; } .index .hotList .list .item .money { font-size: 20rpx; font-weight: bold; margin-top: 2rpx; } .index .hotList .list .item .money .num { font-size: 28rpx; } .index .adver { width: 100%; height: 180rpx; margin-top: 37rpx; } .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; } .index .wrapper.hot .title .text .iconfont { margin-right: 10rpx; } .index .wrapper.hot .newProducts { white-space: nowrap; padding: 0 30rpx; margin: 35rpx; overflow: hidden; background-color: #fff; padding: 30rpx; z-index: 99; position: relative; margin-bottom: 0; -webkit-border-radius: 20rpx; border-radius: 20rpx; -webkit-box-shadow: 0 0 20rpx -10rpx #aaa; box-shadow: 0 0 20rpx -10rpx #aaa; } .index .wrapper .newProducts { white-space: nowrap; padding: 0 30rpx; margin: 35rpx 0 42rpx 0; overflow: hidden; } .index .wrapper .newProducts .swiper-wrapper { height: 350rpx; } .index .wrapper.hot .newProducts .newProductsItem { width: 240rpx; min-width: 240rpx; margin-right: 20rpx; -webkit-box-flex: 0; -webkit-flex: 0 240rpx; -ms-flex: 0 240rpx; flex: 0 240rpx; } .index .wrapper .newProducts .newProductsScroll { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .index .wrapper.hot .newProducts .newProductsItem image { width: 240rpx; height: 240rpx; } .index .wrapper .newProducts .newProductsItem { border: 1rpx solid #eee; width: 240rpx; min-width: 240rpx; -webkit-border-radius: 12rpx; border-radius: 12rpx; overflow: hidden; margin-right: 20rpx; -webkit-box-flex: 0; -webkit-flex: 0 240rpx; -ms-flex: 0 240rpx; flex: 0 240rpx; } .index .wrapper .newProducts .img-box { width: 100%; height: 240rpx; } .index .wrapper.hot .newProducts .img-box { width: 240rpx; } .index .wrapper .newProducts .img-box image { width: 100%; height: 100%; -webkit-border-radius: 12rpx 12rpx 0 0; border-radius: 12rpx 12rpx 0 0; } .index .wrapper.hot .newProducts .img-box image { -webkit-border-radius: 12rpx; border-radius: 12rpx; } .index .wrapper .newProducts .pro-info { font-size: 28rpx; color: #333; text-align: center; padding: 15rpx 10rpx 0 10rpx; } .index .wrapper .newProducts .money { padding: 0 10rpx 18rpx 10rpx; text-align: center; font-size: 26rpx; font-weight: bold; } .index .wrapper.hot .newProducts .pro-info { text-align: left; } .index .wrapper.hot .newProducts .money { text-align: left; } /*商品列表*/ .productList .search { width: 100%; height: 86rpx; padding-left: 23rpx; padding-right: 23rpx; position: fixed; left: 0; top: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; } .productList .search .input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 60rpx; background-color: #fff; -webkit-border-radius: 50rpx; border-radius: 50rpx; padding: 0 20rpx; margin-right: 23rpx; } .productList .search .input input { width: 548rpx; height: 100%; font-size: 26rpx; } .productList .search .input input::-webkit-input-placeholder { color: #999; } .productList .search .input input::-moz-placeholder { color: #999; } .productList .search .input input::-ms-input-placeholder { color: #999; } .productList .search .input input::placeholder { color: #999; } .productList .search .input .iconfont { font-size: 35rpx; color: #555; } .productList .search .icon-pailie, .productList .search .icon-tupianpailie { margin: 0 auto; color: #fff; width: 40rpx; font-size: 40rpx; height: 86rpx; line-height: 86rpx; } .productList .nav { height: 86rpx; color: #454545; position: fixed; left: 0; width: 100%; font-size: 28rpx; background-color: #fff; top: 86rpx; z-index: 5; } .productList .nav .item { width: 25%; text-align: center; } .productList .nav .item.font-color { font-weight: bold; } .productList .nav .item image { width: 15rpx; height: 19rpx; margin-left: 10rpx; } .productList .list { padding: 0 20rpx; margin-top: 172rpx; } .productList .list.on { background-color: #fff; border-top: 1px solid #f6f6f6; } .productList .list .item { width: 345rpx; margin-top: 20rpx; background-color: #fff; -webkit-border-radius: 10rpx; border-radius: 10rpx; } .productList .list .item.on { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #f6f6f6; padding: 30rpx 0; margin: 0; } .productList .list .item .pictrue { width: 100%; height: 345rpx; } .productList .list .item .pictrue.on { width: 180rpx; height: 180rpx; } .productList .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 10rpx 10rpx 0 0; border-radius: 10rpx 10rpx 0 0; } .productList .list .item .pictrue img.on { -webkit-border-radius: 6rpx; border-radius: 6rpx; } .productList .list .item .text { padding: 20rpx 17rpx 26rpx 17rpx; font-size: 30rpx; color: #222; text-align: left; } .productList .list .item .text.on { width: 508rpx; padding: 0 0 0 22rpx; } .productList .list .item .text .money { font-size: 26rpx; font-weight: bold; margin-top: 8rpx; } .productList .list .item .text .money.on { margin-top: 40rpx; } .productList .list .item .text .money .num { font-size: 34rpx; } .productList .list .item .text .vip { font-size: 22rpx; color: #aaa; margin-top: 7rpx; } .productList .list .item .text .vip.on { margin-top: 11rpx; } .productList .list .item .text .vip .vip-money { font-size: 24rpx; color: #282828; font-weight: bold; text-decoration: line-through; } .productList .list .item .text .vip .vip-money image { width: 46rpx; height: 21rpx; margin-left: 4rpx; } /*购物车*/ .shoppingCart .labelNav { -webkit-box-sizing: border-box; box-sizing: border-box; height: 76rpx; padding: 0 30rpx; font-size: 22rpx; color: #8c8c8c; position: fixed; left: 0; width: 100%; background-color: #f5f5f5; z-index: 5; top: 0; /* #ifdef H5 */ top: -webkit-calc(44px + env(safe-area-inset-top)); top: calc(44px + env(safe-area-inset-top)); /* #endif */ } .shoppingCart .labelNav .item .iconfont { font-size: 25rpx; margin-right: 10rpx; } .shoppingCart .nav { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 80rpx; background-color: #fff; padding: 0 30rpx; font-size: 28rpx; color: #282828; position: fixed; left: 0; z-index: 5; top: 76rpx; border-bottom: 1px solid #f5f5f5; /* #ifdef H5 */ top: -webkit-calc(44px + env(safe-area-inset-top) + 76rpx); top: calc(44px + env(safe-area-inset-top) + 76rpx); /* #endif */ } .shoppingCart .nav .administrate { font-size: 26rpx; color: #282828; width: 110rpx; height: 46rpx; -webkit-border-radius: 6rpx; border-radius: 6rpx; border: 1px solid #868686; } .shoppingCart .noCart { margin-top: 171rpx; background-color: #fff; padding: 78rpx 0 56rpx 0; } .shoppingCart .noCart .pictrue { width: 414rpx; height: 336rpx; margin: 0 auto; } .shoppingCart .noCart .pictrue image { width: 100%; height: 100%; } .shoppingCart .list { margin-top: 156rpx; } .shoppingCart .list .item { padding: 25rpx 30rpx; background-color: #fff; margin-bottom: 15rpx; } .shoppingCart .list .item .picTxt { width: 627rpx; position: relative; } .shoppingCart .list .item .picTxt .pictrue { width: 160rpx; height: 160rpx; } .shoppingCart .list .item .picTxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .shoppingCart .list .item .picTxt .text { width: 444rpx; font-size: 28rpx; color: #282828; text-align: left; } .shoppingCart .list .item .picTxt .text .infor { font-size: 24rpx; color: #868686; margin-top: 16rpx; } .shoppingCart .list .item .picTxt .text .money { font-size: 32rpx; color: #282828; margin-top: 26rpx; } .shoppingCart .list .item .picTxt .carnum { height: 44rpx; position: absolute; bottom: 7rpx; right: 0; } .shoppingCart .list .item .picTxt .carnum view { border: 1px solid #a4a4a4; width: 66rpx; text-align: center; height: 100%; line-height: 44rpx; font-size: 28rpx; color: #a4a4a4; } .shoppingCart .list .item .picTxt .carnum .reduce { border-right: 0; -webkit-border-radius: 3rpx 0 0 3rpx; border-radius: 3rpx 0 0 3rpx; line-height: 39rpx; } .shoppingCart .list .item .picTxt .carnum .reduce.on { border-color: #e3e3e3; color: #dedede; } .shoppingCart .list .item .picTxt .carnum .plus { border-left: 0; -webkit-border-radius: 0 3rpx 3rpx 0; border-radius: 0 3rpx 3rpx 0; line-height: 38rpx; } .shoppingCart .list .item .picTxt .carnum .num { color: #282828; } .shoppingCart .invalidGoods { background-color: #fff; } .shoppingCart .invalidGoods .goodsNav { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 66rpx; padding: 0 30rpx; font-size: 28rpx; color: #282828; } .shoppingCart .invalidGoods .goodsNav .iconfont { color: #424242; font-size: 28rpx; margin-right: 17rpx; } .shoppingCart .invalidGoods .goodsNav .del { font-size: 26rpx; color: #999; } .shoppingCart .invalidGoods .goodsNav .del .icon-shanchu1 { color: #999; font-size: 33rpx; vertical-align: -2rpx; margin-right: 8rpx; } .shoppingCart .invalidGoods .goodsList .item { padding: 20rpx 30rpx; border-top: 1px solid #f5f5f5; } .shoppingCart .invalidGoods .goodsList .item .invalid { font-size: 22rpx; color: #fff; width: 70rpx; height: 36rpx; background-color: #aaa; -webkit-border-radius: 3rpx; border-radius: 3rpx; } .shoppingCart .invalidGoods .goodsList .item .pictrue { width: 140rpx; height: 140rpx; } .shoppingCart .invalidGoods .goodsList .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .shoppingCart .invalidGoods .goodsList .item .text { width: 433rpx; font-size: 28rpx; color: #999; height: 140rpx; text-align: left; } .shoppingCart .invalidGoods .goodsList .item .text .infor { font-size: 24rpx; } .shoppingCart .invalidGoods .goodsList .item .text .end { font-size: 26rpx; color: #bbb; } .shoppingCart .footer { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 96rpx; background-color: #fafafa; position: fixed; bottom: 0; padding: 0 30rpx; border-top: 1px solid #eee; } .shoppingCart .iphonex-footer { bottom: 168rpx; } .shoppingCart .footer .checkAll { font-size: 28rpx; color: #282828; margin-left: 10rpx; } .shoppingCart .footer .money { font-size: 30rpx; } .shoppingCart .footer .placeOrder { color: #fff; font-size: 30rpx; width: 226rpx; height: 70rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 70rpx; margin-left: 22rpx; } .shoppingCart .footer .button .bnt { font-size: 28rpx; color: #999; -webkit-border-radius: 50rpx; border-radius: 50rpx; border: 1px solid #999; width: 160rpx; height: 60rpx; text-align: center; line-height: 60rpx; } .shoppingCart .footer .button .bnt ~ .bnt { margin-left: 17rpx; } /*个人中心*/ .user .header { padding: 0 30rpx; height: 190rpx; position: relative; } .user .header:after { position: absolute; left: 0; right: 0; bottom: -98rpx; z-index: -1; content: ''; height: 100rpx; width: 100%; -webkit-border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%; background-color: #eb3729; } .user .header .picTxt .pictrue { width: 120rpx; height: 120rpx; } .user .header .picTxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; border: 3rpx solid #f5f5f5; } .user .header .picTxt .text { width: 434rpx; color: #ffffff; margin-left: 35rpx; text-align: left; } .user .header .picTxt .text .name { font-size: 32rpx; max-width: 260rpx; width: unset; } .user .header .picTxt .text .member { padding: 0 10rpx; height: 36rpx; background-color: rgba(0, 0, 0, 0.2); font-size: 20rpx; -webkit-border-radius: 30rpx; border-radius: 30rpx; margin-left: 17rpx; } .user .header .picTxt .text .member image { width: 28rpx; height: 28rpx; font-size: 20rpx; margin-right: 8rpx; } .user .header .picTxt .text .id { color: rgba(255, 255, 255, 0.6); font-size: 26rpx; margin-top: 15rpx; } .user .header .picTxt .text .id .iconfont { font-size: 30rpx; margin-left: 12rpx; } .user .header .icon-shezhi { font-size: 36rpx; color: #fff; margin-top: -52rpx; } .user .wrapper { padding: 0 20rpx; } .user .wrapper .nav { background-color: #fff; -webkit-border-radius: 6rpx; border-radius: 6rpx; height: 140rpx; } .user .wrapper .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 26rpx; 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: 70rpx; background-color: #eee; top: 50%; margin-top: -35rpx; } .user .wrapper .nav .item .num { margin-top: 10rpx; font-size: 36rpx; color: #282828; } .user .wrapper .myOrder { background-color: #fff; -webkit-border-radius: 10rpx; border-radius: 10rpx; margin-top: 15rpx; } .user .wrapper .myOrder .title, .user .wrapper .myService .title { height: 88rpx; padding: 0 30rpx; border-bottom: 1px dashed #eee; font-size: 30rpx; color: #282828; } .user .wrapper .myOrder .title .allOrder { font-size: 26rpx; color: #666; } .user .wrapper .myOrder .title .allOrder .iconfont { font-size: 25rpx; margin-left: 7rpx; } .user .wrapper .myOrder .orderState { height: 160rpx; } .user .wrapper .myOrder .orderState .item { font-size: 26rpx; color: #454545; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; } .user .wrapper .myOrder .orderState .item .pictrue { width: 49rpx; height: 42rpx; margin: 0 auto 18rpx auto; } .user .wrapper .myOrder .orderState .item .pictrue image { width: 100%; height: 100%; } .user .wrapper .myService { background-color: #fff; margin-top: 15rpx; -webkit-border-radius: 10rpx; border-radius: 10rpx; } .user .wrapper .myService .serviceList { padding: 8rpx 0 27rpx 0; } .user .wrapper .myService .serviceList .item { width: 100%; text-align: left; font-size: 26rpx; color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20rpx 30rpx; position: relative; } .user .wrapper .myService .serviceList .item .iconfont { font-size: 26rpx; color: #666; } .user .wrapper .myService .serviceList .item::after { content: ''; display: block; position: absolute; left: 30rpx; right: 0; bottom: 0; border-bottom: 1rpx solid #f5f5f5; z-index: 99; height: 1rpx; } .user .wrapper .myService .serviceList .item .pictrue { width: 36rpx; height: 36rpx; margin-right: 16rpx; } .user .wrapper .myService .serviceList .item .cell { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .user .wrapper .myService .serviceList .item .pictrue image { width: 100%; height: 100%; } .user .support { width: 219rpx; height: 74rpx; margin: 54rpx auto; display: block; } /*所有产品的详情公用部分*/ .product-con .wrapper { background-color: #fff; } .product-con .wrapper .share { margin: 0 30rpx; padding-top: 25rpx; } .product-con .wrapper .share .money { font-size: 28rpx; font-weight: bold; } .product-con .wrapper .share .money .num { font-size: 48rpx; } .product-con .wrapper .share .money .vip-money { color: #282828; margin-left: 13rpx; } .product-con .wrapper .share .money .image { width: 46rpx; height: 21rpx; margin-left: 7rpx; } .product-con .wrapper .share .money .vip-money { color: #282828; margin-left: 13rpx; } .product-con .wrapper .share .iconfont { color: #515151; font-size: 40rpx; margin-bottom: 10rpx; } .product-con .wrapper .introduce { font-size: 32rpx; font-weight: bold; margin: 10rpx 30rpx 0 30rpx; } .product-con .wrapper .label { margin: 22rpx 30rpx 0 30rpx; font-size: 24rpx; color: #82848f; padding-bottom: 25rpx; } .product-con .wrapper .coupon { padding: 0 30rpx; border-top: 1px solid #f5f5f5; height: 80rpx; font-size: 26rpx; color: #82848f; } .product-con .wrapper .coupon .hide { -o-text-overflow: clip; text-overflow: clip; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 80rpx; line-height: 80rpx; } .product-con .wrapper .coupon .activity { height: 40rpx; padding: 0 20rpx; border: 1px solid #f2857b; color: #e93323; font-size: 24rpx; line-height: 40rpx; position: relative; margin: 19rpx 0 19rpx 15rpx; } .product-con .wrapper .coupon .activity:before { content: ' '; position: absolute; width: 7rpx; height: 10rpx; -webkit-border-radius: 0 7rpx 7rpx 0; border-radius: 0 7rpx 7rpx 0; border: 1px solid #f2857b; background-color: #fff; bottom: 50%; left: -2rpx; margin-bottom: -7rpx; border-left-color: #fff; } .product-con .wrapper .coupon .activity:after { content: ' '; position: absolute; width: 7rpx; height: 10rpx; -webkit-border-radius: 7rpx 0 0 7rpx; border-radius: 7rpx 0 0 7rpx; border: 1px solid #f2857b; background-color: #fff; right: -2rpx; bottom: 50%; margin-bottom: -5rpx; border-right-color: #fff; } .product-con .wrapper .coupon .iconfont { color: #7a7a7a; font-size: 28rpx; } .product-con .attribute { background-color: #fff; padding: 0 30rpx; font-size: 26rpx; color: #82848f; margin-top: 20rpx; height: 80rpx; } .product-con .attribute .atterTxt { font-size: 28rpx; color: #282828; } .product-con .attribute .iconfont { font-size: 28rpx; color: #7a7a7a; } .product-con .userEvaluation { margin-top: 20rpx; background-color: #fff; } .product-con .userEvaluation .title { height: 86rpx; border-bottom: 1px solid #eee; font-size: 28rpx; color: #282828; margin-left: 30rpx; padding-right: 30rpx; } .product-con .userEvaluation .title .praise { font-size: 28rpx; color: #808080; } .product-con .userEvaluation .title .praise .iconfont { color: #7a7a7a; font-size: 28rpx; vertical-align: 1rpx; margin-left: 8rpx; } .product-con .product-intro { margin-top: 20rpx; } .product-con .product-intro .title { font-size: 30rpx; color: #282828; height: 86rpx; width: 100%; background-color: #fff; text-align: center; line-height: 86rpx; } .product-con .product-intro .conter { width: 100%; } .product-con .product-intro .conter * { width: 100% !important; display: block !important; } /*产品详情*/ .product-con .footer { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20rpx 0 30rpx; position: fixed; bottom: 0; width: 100%; height: 100rpx; background-color: #fff; z-index: 99; border-top: 1px solid #f0f0f0; } .product-con .footer .item { font-size: 18rpx; color: #666; margin-top: 7rpx; } .product-con .footer .item .iconfont { text-align: center; font-size: 40rpx; height: 40rpx; line-height: 40rpx; } .product-con .footer .item .iconfont.icon-gouwuche1 { position: relative; } .product-con .footer .item .iconfont.icon-gouwuche1 .num { color: #fff; position: absolute; font-size: 18rpx; -webkit-border-radius: 200rpx; border-radius: 200rpx; top: -10rpx; right: 0; height: 30rpx; line-height: 30rpx; padding: 0 8rpx; min-width: 30rpx; } .product-con .footer .bnt { width: 444rpx; height: 76rpx; color: #fff; font-size: 28rpx; } .product-con .footer .bnt > view { width: 222rpx; text-align: center; line-height: 76rpx; } .product-con .footer .bnt .joinCart { -webkit-border-radius: 50rpx 0 0 50rpx; border-radius: 50rpx 0 0 50rpx; background-image: -webkit-gradient(linear, left top, right top, from(#fea10f), to(#fea10f)); background-image: -webkit-linear-gradient(left, #fea10f 0%, #fea10f 100%); background-image: -o-linear-gradient(left, #fea10f 0%, #fea10f 100%); 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 { -webkit-border-radius: 0 50rpx 50rpx 0; border-radius: 0 50rpx 50rpx 0; background-image: -webkit-gradient(linear, left top, right top, from(#eb3729), to(#eb3729)); background-image: -webkit-linear-gradient(left, #eb3729 0%, #eb3729 100%); background-image: -o-linear-gradient(left, #eb3729 0%, #eb3729 100%); 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 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20rpx; } .product-con .footer .bnt.seckill-bnt .buy { width: 100%; -webkit-border-radius: 50rpx; border-radius: 50rpx; } /*订单提交*/ .order-submission .line { width: 100%; height: 3rpx; } .order-submission .line image { width: 100%; height: 100%; display: block; } .order-submission .address { padding: 28rpx 30rpx; background-color: #fff; } .order-submission .address .addressCon { width: 570rpx; font-size: 26rpx; color: #666; } .order-submission .address .addressCon .name { font-size: 30rpx; color: #282828; font-weight: bold; margin-bottom: 10rpx; } .order-submission .address .addressCon .name .phone { margin-left: 50rpx; } .order-submission .address .addressCon .default { margin-right: 12rpx; } .order-submission .address .addressCon .setaddress { color: #333; font-size: 28rpx; } .order-submission .address .iconfont { font-size: 35rpx; color: #707070; } .order-submission .wrapper { background-color: #fff; margin-top: 13rpx; } .order-submission .wrapper .item { padding: 27rpx 30rpx; font-size: 30rpx; color: #282828; border-bottom: 1px solid #f0f0f0; } .order-submission .wrapper .item .discount { font-size: 30rpx; color: #999; width: 500rpx; text-align: right; } .order-submission .wrapper .item .discount .integral { margin-right: 40rpx; } .order-submission .wrapper .item .discount .checkbox-wrapper .icon { right: 0; left: unset; } .order-submission .wrapper .item .discount .iconfont { color: #515151; font-size: 30rpx; margin-left: 15rpx; } .order-submission .wrapper .item .discount .num { font-size: 32rpx; margin-right: 20rpx; } .order-submission .wrapper .item textarea { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f9f9f9; width: 100%; height: 140rpx; -webkit-border-radius: 3rpx; border-radius: 3rpx; margin-top: 30rpx; padding: 25rpx 28rpx; } .order-submission .wrapper .item textarea::-webkit-input-placeholder { color: #ccc; } .order-submission .wrapper .item textarea::-moz-placeholder { color: #ccc; } .order-submission .wrapper .item textarea::-ms-input-placeholder { color: #ccc; } .order-submission .wrapper .item textarea::placeholder { color: #ccc; } .order-submission .wrapper .item .list { margin-top: 35rpx; } .order-submission .wrapper .item .list .payItem { border: 1px solid #eee; -webkit-border-radius: 6rpx; border-radius: 6rpx; height: 86rpx; width: 100%; margin-top: 20rpx; font-size: 28rpx; color: #282828; } .order-submission .wrapper .item .list .payItem.on { border-color: #fc5445; color: #e93323; } .order-submission .wrapper .item .list .payItem .name { width: 50%; text-align: center; border-right: 1px solid #eee; } .order-submission .wrapper .item .list .payItem .name .iconfont { width: 44rpx; height: 44rpx; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 44rpx; background-color: #fe960f; color: #fff; font-size: 30rpx; margin-right: 15rpx; } .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: 26rpx; color: #aaa; } .order-submission .moneyList { margin-top: 12rpx; background-color: #fff; padding: 30rpx; } .order-submission .moneyList .item { font-size: 28rpx; color: #282828; } .order-submission .moneyList .item ~ .item { margin-top: 20rpx; } .order-submission .moneyList .item .money { color: #868686; } .order-submission .footer { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100rpx; background-color: #fff; padding: 0 30rpx; font-size: 28rpx; color: #333; position: fixed; bottom: 0; left: 0; } .order-submission .footer .settlement { font-size: 30rpx; color: #fff; width: 240rpx; height: 70rpx; background-color: #e93323; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 70rpx; } /*地址管理*/ .address-management .line { width: 100%; height: 3rpx; } .address-management .line image { width: 100%; height: 100%; display: block; } .address-management .item { background-color: #fff; padding: 0 30rpx; margin-bottom: 12rpx; } .address-management .item .address { padding: 30rpx 0; border-bottom: 1px solid #eee; font-size: 28rpx; color: #282828; } .address-management .item .address .consignee { font-size: 28rpx; font-weight: bold; margin-bottom: 8rpx; } .address-management .item .address .consignee .phone { margin-left: 25rpx; } .address-management .item .operation { height: 83rpx; font-size: 28rpx; color: #282828; } .address-management .item .operation .default { margin-left: 10rpx; } .address-management .item .operation .iconfont { color: #2c2c2c; font-size: 30rpx; vertical-align: -2rpx; margin-right: 10rpx; } .address-management .item .operation .iconfont.icon-shanchu { margin-left: 40rpx; font-size: 33rpx; } .address-management .footer { -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; width: 100%; background-color: #fff; bottom: 0; height: 106rpx; padding: 0 30rpx; } .address-management .footer .addressBnt { width: 330rpx; height: 76rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 76rpx; font-size: 30rpx; color: #fff; } .address-management .footer .addressBnt.on { width: 690rpx; margin: 0 auto; } .address-management .footer .addressBnt .iconfont { font-size: 35rpx; margin-right: 8rpx; vertical-align: -1rpx; } .address-management .footer .addressBnt.wxbnt { background-color: #eb3729; } /*添加地址*/ .addAddress .list { background-color: #fff; } .addAddress .list .item { padding: 0 30rpx; min-height: 90rpx; border-top: 1rpx solid #eee; font-size: 30rpx; } .addAddress .list .item .name { width: 195rpx; color: #333; } .addAddress .list .item input { width: 475rpx; font-size: 30rpx; } .addAddress .list .item input::-webkit-input-placeholder { color: #ccc; } .addAddress .list .item input::-moz-placeholder { color: #ccc; } .addAddress .list .item input::-ms-input-placeholder { color: #ccc; } .addAddress .list .item input::placeholder { color: #ccc; } .addAddress .list .item .picker { width: 475rpx; } .addAddress .list .item .address { width: 410rpx; } .addAddress .list .item .picker .iconfont { font-size: 43rpx; } .addAddress .default { padding: 0 30rpx; height: 90rpx; background-color: #fff; margin-top: 23rpx; } .addAddress .default .def { margin-left: 10rpx; height: 83rpx; font-size: 28rpx; color: #282828; } .addAddress .keepBnt { width: 690rpx; height: 86rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 86rpx; margin: 50rpx auto 30rpx auto; font-size: 32rpx; color: #fff; } .addAddress .wechatAddress { width: 690rpx; height: 86rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 86rpx; margin: 0 auto; font-size: 32rpx; color: #eb3729; border: 1px solid #eb3729; } /*我的订单*/ .my-order .header { height: 260rpx; padding: 0 30rpx; } .my-order .header .picTxt { height: 190rpx; } .my-order .header .picTxt .text { color: rgba(255, 255, 255, 0.8); font-size: 26rpx; font-family: 'GuildfordProBook 5'; } .my-order .header .picTxt .text .name { font-size: 34rpx; font-weight: bold; color: #fff; margin-bottom: 20rpx; } .my-order .header .picTxt .pictrue { width: 122rpx; height: 109rpx; } .my-order .header .picTxt .pictrue image { width: 100%; height: 100%; } .my-order .nav { background-color: #fff; width: 690rpx; height: 140rpx; -webkit-border-radius: 6rpx; border-radius: 6rpx; margin: -73rpx auto 0 auto; } .my-order .nav .item { text-align: center; font-size: 26rpx; color: #282828; padding: 29rpx 0 20rpx 0; } .my-order .nav .item.on { font-weight: bold; border-bottom: 5rpx solid #eb3729; } .my-order .nav .item .num { margin-top: 10rpx; } .my-order .list { width: 690rpx; margin: 14rpx auto 0 auto; } .my-order .list .item { background-color: #fff; -webkit-border-radius: 6rpx; border-radius: 6rpx; margin-bottom: 14rpx; } .my-order .list .item .title { height: 84rpx; padding: 0 30rpx; border-bottom: 1rpx solid #eee; font-size: 28rpx; color: #282828; } .my-order .list .item .title .sign { font-size: 24rpx; padding: 0 7rpx; height: 36rpx; margin-right: 15rpx; } .my-order .list .item .item-info { padding: 0 30rpx; margin-top: 22rpx; } .my-order .list .item .item-info .pictrue { width: 120rpx; height: 120rpx; } .my-order .list .item .item-info .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .my-order .list .item .item-info .text { width: 486rpx; font-size: 28rpx; color: #999; margin-top: 6rpx; } .my-order .list .item .item-info .text .name { width: 306rpx; color: #282828; } .my-order .list .item .item-info .text .money { text-align: right; } .my-order .list .item .totalPrice { font-size: 26rpx; color: #282828; text-align: right; margin: 27rpx 0 0 30rpx; padding: 0 30rpx 30rpx 0; border-bottom: 1rpx solid #eee; } .my-order .list .item .totalPrice .money { font-size: 28rpx; font-weight: bold; } .my-order .list .item .bottom { height: 107rpx; padding: 0 30rpx; } .my-order .list .item .bottom .bnt { width: 176rpx; height: 60rpx; text-align: center; line-height: 60rpx; color: #fff; -webkit-border-radius: 50rpx; border-radius: 50rpx; font-size: 27rpx; } .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: 17rpx; } /*订单详情*/ .order-details .header { padding: 0 30rpx; height: 150rpx; } .order-details .header.on { background-color: #666 !important; } .order-details .header .pictrue { width: 110rpx; height: 110rpx; } .order-details .header .pictrue image { width: 100%; height: 100%; } .order-details .header .data { color: rgba(255, 255, 255, 0.8); font-size: 24rpx; margin-left: 27rpx; } .order-details .header.on .data { margin-left: 0; } .order-details .header .data .state { font-size: 30rpx; font-weight: bold; color: #fff; margin-bottom: 7rpx; } .order-details .header .data .time { margin-left: 20rpx; } .order-details .nav { background-color: #fff; font-size: 26rpx; color: #282828; padding: 25rpx 0; } .order-details .nav .navCon { padding: 0 40rpx; } .order-details .nav .navCon .on { font-weight: bold; color: #eb3729; } .order-details .nav .progress { padding: 0 65rpx; margin-top: 10rpx; } .order-details .nav .progress .line { width: 100rpx; height: 2rpx; background-color: #939390; } .order-details .nav .progress .iconfont { font-size: 25rpx; color: #939390; margin-top: -2rpx; width: 30rpx; height: 30rpx; line-height: 33rpx; text-align: center; } .order-details .address { font-size: 26rpx; color: #868686; background-color: #fff; padding: 25rpx 30rpx 30rpx 30rpx; } .order-details .address .name { font-size: 30rpx; color: #282828; margin-bottom: 10rpx; } .order-details .address .name .phone { margin-left: 40rpx; } .order-details .line { width: 100%; height: 3rpx; } .order-details .line image { width: 100%; height: 100%; display: block; } .order-details .wrapper { background-color: #fff; margin-top: 12rpx; padding: 30rpx; } .order-details .wrapper .item { font-size: 28rpx; color: #282828; } .order-details .wrapper .item ~ .item { margin-top: 20rpx; } .order-details .wrapper .item .conter { color: #868686; width: 500rpx; text-align: right; } .order-details .wrapper .item .conter .copy { font-size: 20rpx; color: #333; -webkit-border-radius: 3rpx; border-radius: 3rpx; border: 1px solid #666; padding: 3rpx 15rpx; margin-left: 24rpx; } .order-details .wrapper .actualPay { border-top: 1rpx solid #eee; margin-top: 30rpx; padding-top: 30rpx; } .order-details .wrapper .actualPay .money { font-weight: bold; font-size: 30rpx; } .order-details .footer { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100rpx; position: fixed; bottom: 0; left: 0; background-color: #fff; padding: 0 30rpx; border-top: 1px solid #eee; } .order-details .footer .bnt { width: 176rpx; height: 60rpx; text-align: center; line-height: 60rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; color: #fff; font-size: 27rpx; } .order-details .footer .bnt.cancel { color: #aaa; border: 1px solid #ddd; } .order-details .footer .bnt.default { color: #444; border: 1px solid #444; } .order-details .footer .bnt ~ .bnt { margin-left: 18rpx; } /*物流信息*/ .logistics .header { padding: 23rpx 30rpx; background-color: #fff; height: 166rpx; } .logistics .header .pictrue { width: 120rpx; height: 120rpx; } .logistics .header .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .logistics .header .text { width: 540rpx; font-size: 28rpx; color: #999; margin-top: 6rpx; } .logistics .header .text .name { width: 365rpx; color: #282828; } .logistics .header .text .money { text-align: right; } .logistics .logisticsCon { background-color: #fff; margin: 12rpx 0; } .logistics .logisticsCon .company { height: 120rpx; margin: 0 0 45rpx 30rpx; padding-right: 30rpx; border-bottom: 1px solid #f5f5f5; } .logistics .logisticsCon .company .picTxt { width: 520rpx; } .logistics .logisticsCon .company .picTxt .iconfont { width: 50rpx; height: 50rpx; background-color: #666; text-align: center; line-height: 50rpx; color: #fff; font-size: 35rpx; } .logistics .logisticsCon .company .picTxt .text { width: 450rpx; font-size: 26rpx; color: #282828; } .logistics .logisticsCon .company .picTxt .text .name { color: #999; } .logistics .logisticsCon .company .picTxt .text .express { margin-top: 5rpx; } .logistics .logisticsCon .company .copy { font-size: 20rpx; width: 106rpx; height: 40rpx; -webkit-border-radius: 3rpx; border-radius: 3rpx; border: 1px solid #999; } .logistics .logisticsCon .item { padding: 0 40rpx; position: relative; } .logistics .logisticsCon .item .circular { width: 20rpx; height: 20rpx; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: -1rpx; left: 31.5rpx; background-color: #ddd; } .logistics .logisticsCon .item .circular.on { background-color: #eb3729; } .logistics .logisticsCon .item .text { font-size: 26rpx; color: #666; width: 615rpx; border-left: 1px solid #e6e6e6; padding: 0 0 60rpx 38rpx; } .logistics .logisticsCon .item .text.on { border-left-color: #f8c1bd; } .logistics .logisticsCon .item .text .data { font-size: 24rpx; color: #999; margin-top: 10rpx; } .logistics .logisticsCon .item .text .data .time { margin-left: 15rpx; } /*支付状态*/ .payment-status { background-color: #fff; margin: 195rpx auto 0 auto; -webkit-border-radius: 10rpx; border-radius: 10rpx; padding: 1rpx 0 28rpx 0; width: 690rpx; left: 50%; margin-left: -345rpx; } .payment-status .iconfont { font-size: 70rpx; width: 140rpx; height: 140rpx; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; text-align: center; line-height: 130rpx; text-shadow: 0 4px 0 #eb3729; border: 6rpx solid #f5f5f5; margin: -76rpx auto 0 auto; background-color: #999; } .payment-status .iconfont.fail { text-shadow: 0 4px 0 #7a7a7a; } .payment-status .status { font-size: 32rpx; font-weight: bold; text-align: center; margin: 25rpx 0 37rpx 0; } .payment-status .wrapper { border: 1px solid #eee; margin: 0 30rpx 47rpx 30rpx; padding: 35rpx 0; border-left: 0; border-right: 0; } .payment-status .wrapper .item { font-size: 28rpx; color: #282828; } .payment-status .wrapper .item ~ .item { margin-top: 20rpx; } .payment-status .wrapper .item .itemCom { color: #666; } .payment-status .returnBnt { width: 630rpx; height: 86rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; color: #fff; font-size: 30rpx; text-align: center; line-height: 86rpx; margin: 0 auto 20rpx auto; } /*个人资料*/ .personal-data .wrapper { margin: 10rpx 0; background-color: #fff; padding: 36rpx 30rpx 13rpx 30rpx; } .personal-data .wrapper .title { margin-bottom: 30rpx; font-size: 32rpx; color: #282828; } .personal-data .wrapper .wrapList .item { width: 100%; /*height: 1.6rem;*/ background-color: #f8f8f8; -webkit-border-radius: 20rpx; border-radius: 20rpx; position: relative; } .personal-data .wrapper .wrapList .item.on { -webkit-background-size: 100% 100%; background-size: 100% 100%; background-color: #fff; } .personal-data .wrapper .wrapList .item .picTxt { width: 445rpx; } .personal-data .wrapper .wrapList .item .picTxt .pictrue { width: 96rpx; height: 96rpx; position: relative; } .personal-data .wrapper .wrapList .item .picTxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .personal-data .wrapper .wrapList .item .picTxt .pictrue img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .personal-data .wrapper .wrapList .item .picTxt .pictrue .alter { width: 30rpx; height: 30rpx; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; bottom: 0; right: 0; } .personal-data .wrapper .wrapList .item .picTxt .text { width: 325rpx; } .personal-data .wrapper .wrapList .item .picTxt .text .name { width: 100%; font-size: 30rpx; color: #282828; } .personal-data .wrapper .wrapList .item .picTxt .text .phone { font-size: 24rpx; color: #999; margin-top: 10rpx; } .personal-data .wrapper .wrapList .item .bnt { font-size: 24rpx; background-color: #fff; -webkit-border-radius: 27rpx; border-radius: 27rpx; width: 140rpx; height: 54rpx; border: 2rpx solid #e93323; } .personal-data .wrapper .wrapList .item .currentBnt { position: absolute; right: 0; top: 0; font-size: 26rpx; background-color: rgba(233, 51, 35, 0.1); width: 140rpx; height: 48rpx; -webkit-border-radius: 0 20rpx 0 20rpx; border-radius: 0 20rpx 0 20rpx; } .personal-data .list { background-color: #fff; } .personal-data .list .item { padding: 30rpx 30rpx 30rpx 0; border-bottom: 1px solid #f2f2f2; margin-left: 30rpx; font-size: 32rpx; color: #282828; } .personal-data .list .item .pictrue { width: 88rpx; height: 88rpx; } .personal-data .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .personal-data .list .item .input { width: 415rpx; text-align: right; color: #868686; } .personal-data .list .item .input input { color: #868686; text-align: right; width: 100%; } .personal-data .list .item .input .id { width: 365rpx; } .personal-data .list .item .input .iconfont { font-size: 35rpx; } .personal-data .list .item .input .iconfont.icon-xiangyou { font-size: 30rpx; margin-left: 27rpx; } .personal-data .modifyBnt { font-size: 32rpx; color: #fff; width: 690rpx; height: 90rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 90rpx; margin: 76rpx auto 0 auto; } .personal-data .logOut { font-size: 32rpx; text-align: center; width: 690rpx; height: 90rpx; -webkit-border-radius: 45rpx; border-radius: 45rpx; margin: 30rpx auto 70rpx auto; } /*拼团海报*/ .poster-poster .tip { height: 80rpx; font-size: 26rpx; color: #e8c787; text-align: center; line-height: 80rpx; } .poster-poster .tip .iconfont { font-size: 36rpx; vertical-align: -4rpx; margin-right: 18rpx; } .poster-poster .poster { width: 690rpx; height: 100%; margin: 0 auto; } .poster-poster .poster image { width: 100%; height: 100%; display: block; } /*分销海报*/ .distribution-posters .slider-banner { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 40rpx; position: relative; } .distribution-posters .slider-banner .swiper-slide { width: 600rpx !important; height: 100%; } .distribution-posters .slide-image { width: 100%; height: 100%; -webkit-border-radius: 15rpx; border-radius: 15rpx; } .distribution-posters .keep { font-size: 30rpx; color: #fff; width: 600rpx; height: 80rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 80rpx; margin: 38rpx auto; } /*会员中心*/ .member-center .header { background-color: #232323; width: 100%; padding: 50rpx 0; } .member-center .header .slider-banner { height: 328rpx; } .member-center .header .slider-banner .swiper-slide { width: 636rpx !important; height: 328rpx; -webkit-border-radius: 16rpx; border-radius: 16rpx; color: #fff; position: relative; background-repeat: no-repeat; -webkit-background-size: 100% 100%; 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: 89rpx; height: 108rpx; display: block; position: absolute; right: 60rpx; } .member-center .header .slider-banner .swiper-slide .name { font-size: 46rpx; font-weight: bold; padding: 33rpx 0 0 35rpx; } .member-center .header .slider-banner .swiper-slide .discount { font-size: 28rpx; font-weight: bold; margin: 2rpx 0 0 35rpx; } .member-center .header .slider-banner .swiper-slide .discount .iconfont { margin-left: 10rpx; font-size: 30rpx; } .member-center .header .slider-banner .swiper-slide .nav { margin-top: 48rpx; } .member-center .header .slider-banner .swiper-slide .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; 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: 40rpx; color: #fff; font-family: 'GuildfordProBook 5'; } .member-center .header .slider-banner .swiper-slide .nav .item ~ .item::before { position: absolute; width: 2rpx; height: 32rpx; background-color: rgba(255, 255, 255, 0.6); content: ''; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .member-center .header .slider-banner .swiper-slide .lock { font-size: 26rpx; margin: 73rpx 0 0 35rpx; } .member-center .header .slider-banner .swiper-slide .lock .iconfont { font-size: 33rpx; margin-right: 15rpx; vertical-align: -4rpx; } .member-center .wrapper { background-color: #fff; padding-bottom: 16rpx; margin-bottom: 20rpx; } .member-center .wrapper .title { height: 98rpx; padding: 0 30rpx; font-size: 30rpx; font-weight: bold; color: #282828; } .member-center .wrapper .title .iconfont { color: #eb3729; font-weight: normal; font-size: 40rpx; margin-right: 12rpx; vertical-align: -2rpx; } .member-center .wrapper .title .num { font-size: 28rpx; color: #999; } .member-center .wrapper .title .num .current { color: #eb3729; } .member-center .wrapper .list .item { width: 690rpx; height: 184rpx; background-color: #f9f9f9; margin: 0 auto 20rpx auto; padding: 27rpx 0 22rpx 0; -webkit-border-radius: 12rpx; border-radius: 12rpx; } .member-center .wrapper .list .item .top { padding-right: 27rpx; font-size: 26rpx; color: #999; } .member-center .wrapper .list .item .top .name { border-left: 6rpx solid #eb3729; padding-left: 20rpx; font-size: 28rpx; color: #282828; font-weight: bold; } .member-center .wrapper .list .item .top .name .iconfont { color: #999; font-size: 30rpx; vertical-align: -2rpx; margin-left: 10rpx; } .member-center .wrapper .list .item .cu-progress { overflow: hidden; height: 12rpx; background-color: #eee; width: 636rpx; -webkit-border-radius: 20rpx; border-radius: 20rpx; margin: 35rpx auto 0 auto; } .member-center .wrapper .list .item .cu-progress .bg-red { width: 0; height: 100%; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; background-color: #eb3729; -webkit-border-radius: 20rpx; border-radius: 20rpx; } .member-center .wrapper .list .item .experience { margin-top: 17rpx; padding: 0 27rpx; font-size: 24rpx; color: #999; } .member-center .wrapper .list .item .experience .num { color: #eb3729; } .member-center .growthValue { background-color: #fff; -webkit-border-radius: 16rpx; border-radius: 16rpx; position: fixed; top: 266rpx; left: 50%; width: 560rpx; height: 740rpx; margin-left: -280rpx; z-index: 99; -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); -webkit-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); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .member-center .growthValue.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .member-center .growthValue .pictrue { width: 100%; height: 257rpx; position: relative; } .member-center .growthValue .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0; } .member-center .growthValue .conter { padding: 0 35rpx; font-size: 30rpx; color: #333; margin-top: 58rpx; line-height: 1.5; height: 350rpx; overflow: auto; } .member-center .growthValue .pictrue .iconfont { position: absolute; font-size: 65rpx; color: #fff; top: 775rpx; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /*积分详情*/ .integral-details .header { background-image: url('https://wx.yixiang.co/static/images/integralbg.jpg'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 100%; height: 360rpx; font-size: 72rpx; color: #fff; padding: 31rpx 0 45rpx 0; text-align: center; font-family: 'GuildfordProBook 5'; } .integral-details .header .currentScore { font-size: 26rpx; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 5rpx; } .integral-details .header .line { width: 60rpx; height: 3rpx; background-color: #fff; margin: 20rpx auto 0 auto; } .integral-details .header .nav { font-size: 22rpx; color: rgba(255, 255, 255, 0.8); -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; margin-top: 35rpx; } .integral-details .header .nav .item { width: 33.33%; text-align: center; } .integral-details .header .nav .item .num { color: #fff; font-size: 40rpx; } .integral-details .wrapper .nav { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; width: 690rpx; -webkit-border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0; margin: -96rpx auto 0 auto; background-color: #f7f7f7; height: 96rpx; font-size: 30rpx; 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; -webkit-border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0; } .integral-details .wrapper .nav .item .iconfont { font-size: 38rpx; margin-right: 10rpx; } .integral-details .wrapper .list { background-color: #fff; padding: 24rpx 30rpx; } .integral-details .wrapper .list .tip { font-size: 25rpx; width: 690rpx; height: 60rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; background-color: #fff5e2; border: 1px solid #ffeac1; color: #c8a86b; padding: 0 20rpx; margin-bottom: 24rpx; } .integral-details .wrapper .list .tip .iconfont { font-size: 35rpx; margin-right: 15rpx; } .integral-details .wrapper .list .item { height: 124rpx; border-bottom: 1px solid #eee; font-size: 24rpx; color: #999; } .integral-details .wrapper .list .item .state { font-size: 28rpx; color: #282828; margin-bottom: 8rpx; } .integral-details .wrapper .list .item .num { font-size: 36rpx; font-family: 'GuildfordProBook 5'; color: #16ac57; } .integral-details .wrapper .list2 { background-color: #fff; padding: 24rpx 0; } .integral-details .wrapper .list2 .item { background-image: -webkit-gradient(linear, left top, right top, from(#fff7e7), to(#fffdf9)); background-image: -webkit-linear-gradient(left, #fff7e7 0%, #fffdf9 100%); background-image: -o-linear-gradient(left, #fff7e7 0%, #fffdf9 100%); background-image: linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); background-image: -moz-linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); width: 690rpx; height: 180rpx; position: relative; -webkit-border-radius: 10rpx; border-radius: 10rpx; margin: 0 auto 20rpx auto; padding: 0 25rpx 0 180rpx; } .integral-details .wrapper .list2 .item .pictrue { width: 90rpx; height: 150rpx; position: absolute; bottom: 0; left: 45rpx; } .integral-details .wrapper .list2 .item .pictrue image { width: 100%; height: 100%; } .integral-details .wrapper .list2 .item .name { width: 285rpx; font-size: 30rpx; font-weight: bold; color: #c8a86b; } .integral-details .wrapper .list2 .item .earn { font-size: 26rpx; color: #c8a86b; border: 2rpx solid #c8a86b; text-align: center; line-height: 52rpx; height: 52rpx; width: 160rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; } /*金品推荐*/ .quality-recommend .title { height: 120rpx; font-size: 32rpx; color: #282828; background-color: #f5f5f5; } .quality-recommend .title .line { width: 230rpx; height: 2rpx; background-color: #e9e9e9; } .quality-recommend .title .name { margin: 0 20rpx; } .quality-recommend .title .name .iconfont { margin-right: 13rpx; font-size: 38rpx; vertical-align: -4rpx; } /*砍价列表*/ .bargain-list .icon-xiangzuo { font-size: 40rpx; color: #fff; position: fixed; top: 51rpx; left: 30rpx; z-index: 99; } .bargain-list .header { background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 750rpx; height: 713rpx; } .bargain-list .list { -webkit-border-radius: 30rpx; border-radius: 30rpx; margin: 30rpx 30rpx 66rpx 30rpx; } .bargain-list .list .item { border-bottom: 1px solid #eee; position: relative; height: 223rpx; background-color: #fff; padding: 0 24rpx; margin: 0 auto 20rpx auto; } .bargain-list .list .item .pictrue { width: 160rpx; height: 160rpx; } .bargain-list .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .bargain-list .list .item .text { width: 450rpx; font-size: 30rpx; color: #282828; height: 160rpx; } .bargain-list .list .item .text .num { font-size: 26rpx; color: #999; } .bargain-list .list .item .text .num .iconfont { font-size: 35rpx; margin-right: 7rpx; } .bargain-list .list .item .text .money { font-size: 24rpx; font-weight: bold; } .bargain-list .list .item .text .money .price { font-size: 32rpx; } .bargain-list .list .item .cutBnt { position: absolute; width: 180rpx; height: 50rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; font-size: 24rpx; color: #fff; text-align: center; line-height: 46rpx; right: 24rpx; bottom: 28rpx; -webkit-box-shadow: 0 7rpx 0 #f8c1bd; box-shadow: 0 7rpx 0 #f8c1bd; -moz-box-shadow: 0 7rpx 0 #f8c1bd; -o-box-shadow: 0 7rpx 0 #f8c1bd; } .bargain-list .list .item .cutBnt .iconfont { margin-right: 8rpx; font-size: 30rpx; } .bargain-list .list .load { font-size: 24rpx; height: 85rpx; text-align: center; line-height: 85rpx; } /*砍价*/ .bargain .icon-xiangzuo { font-size: 40rpx; color: #fff; position: fixed; top: 51rpx; left: 30rpx; z-index: 99; } .bargain .header { /* background-image: url('https://wx.yixiang.co/static/images/cut1.png'); */ background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 698rpx; height: 372rpx; margin: 0 auto; padding-top: 0.1rpx; margin-top: 40rpx; } .bargain .header.on { background-image: url('https://wx.yixiang.co/static/images/cut2.png'); } .bargain .header .pictxt { margin: 260rpx auto 0 auto; font-size: 26rpx; color: #000; } .bargain .header .pictxt .pictrue { width: 56rpx; height: 56rpx; margin-right: 30rpx; } .bargain .header .pictxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; border: 2rpx solid #fff; } .bargain .header .pictxt .text text { margin-left: 20rpx; } .bargain .header .time { background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 440rpx; height: 166rpx; margin: 80rpx auto 0 auto; font-size: 22rpx; text-align: center; padding-top: 9rpx; color: #fc4141; } .bargain .header .people { text-align: center; color: #fff; font-size: 20rpx; margin-top: 20rpx; } .bargain .header .time .styleAll { color: #333; } .bargain .wrapper, .bargain .bargainGang, .bargain .goodsDetails { width: 660rpx; border: 6rpx solid #eb3729; background-color: #fff; -webkit-border-radius: 20rpx; border-radius: 20rpx; margin: -162rpx 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; } .bargain .bargain-product .pictxt .pictrue image { width: 140rpx; height: 140rpx; } .bargain .bargain-product .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 26rpx; } .bargain .wrapper .time { font-size: 28rpx; color: #999; text-align: center; color: #eb3729 !important; } .bargain .user .pictxt .bargain-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bargain .user .pictxt .pictrue { margin-right: 20rpx; } .bargain .user .pictxt .pictrue image { width: 60rpx; height: 60rpx; -webkit-border-radius: 50%; 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: 24rpx; } .bargain .wrapper .pictxt .text .money .num { font-size: 36rpx; } .bargain .wrapper .pictxt .text .successNum { font-size: 22rpx; color: #999; margin-right: 15rpx; } .bargain .wrapper .cu-progress { overflow: hidden; height: 12rpx; background-color: #eee; width: 100%; -webkit-border-radius: 20rpx; border-radius: 20rpx; } .bargain .wrapper .cu-progress .bg-red { width: 0; height: 100%; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; -webkit-border-radius: 20rpx; border-radius: 20rpx; background-image: -webkit-gradient(linear, left top, right top, from(#ffa363), to(#e93323)); background-image: -webkit-linear-gradient(left, #ffa363 0%, #e93323 100%); background-image: -o-linear-gradient(left, #ffa363 0%, #e93323 100%); 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: 22rpx; color: #999; margin-top: 15rpx; } .bargain .wrapper .bargainSuccess { font-size: 26rpx; color: #282828; text-align: center; } .bargain .wrapper .bargainSuccess .iconfont { font-size: 45rpx; color: #54c762; padding-right: 18rpx; vertical-align: -5rpx; } .bargain .wrapper .bargainBnt { font-size: 30rpx; font-weight: bold; color: #fff; width: 100%; height: 80rpx; -webkit-border-radius: 40rpx; border-radius: 40rpx; background-image: -webkit-gradient(linear, left top, right top, from(#f67a38), to(#f11b09)); background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%); background-image: -o-linear-gradient(left, #f67a38 0%, #f11b09 100%); background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); text-align: center; line-height: 80rpx; margin-top: 32rpx; } .bargain .wrapper .bargainBnt.on { border: 2rpx solid #eb3729; color: #eb3729; background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%); background-image: -o-linear-gradient(left, #fff 0%, #fff 100%); background-image: linear-gradient(to right, #fff 0%, #fff 100%); background-image: -moz-linear-gradient(to right, #fff 0%, #fff 100%); width: 100%; height: 76rpx; } .bargain .wrapper .tip { font-size: 22rpx; color: #999; text-align: center; margin-top: 20rpx; } .bargain .wrapper .lock, .bargain .bargainGang .lock, .bargain .goodsDetails .lock { background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 548rpx; height: 66rpx; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -43rpx; z-index: 5; } .bargain .bargainGang { margin: 13rpx auto 0 auto; } .bargain .bargainGang .title, .bargain .goodsDetails .title { font-size: 32rpx; font-weight: bold; height: 80rpx; } .bargain .bargainGang .title .pictrue, .bargain .goodsDetails .title .pictrue { width: 46rpx; height: 24rpx; } .bargain .bargainGang .title .pictrue.on, .bargain .goodsDetails .title .pictrue.on { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); 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 20rpx; } .bargain .bargainGang .list .item { border-bottom: 1px dashed #ddd; height: 112rpx; } .bargain .bargainGang .list .item .pictxt { width: 310rpx; } .bargain .bargainGang .list .item .pictxt .pictrue { width: 70rpx; height: 70rpx; } .bargain .bargainGang .list .item .pictxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; border: 0.02px solid #eb3729; } .bargain .bargainGang .list .item .pictxt .text { width: 225rpx; font-size: 20rpx; color: #999; } .bargain .bargainGang .list .item .pictxt .text .name { font-size: 25rpx; color: #282828; margin-bottom: 7rpx; } .bargain .bargainGang .list .item .money { font-size: 25rpx; } .bargain .bargainGang .list .item .money .iconfont { font-size: 35rpx; vertical-align: middle; margin-right: 10rpx; } .bargain .bargainGang .load { font-size: 24rpx; text-align: center; line-height: 80rpx; height: 80rpx; } .bargain .goodsDetails { margin: 13rpx auto 0 auto; } .bargain .goodsDetails ~ .goodsDetails { margin-bottom: 50rpx; } .bargain .goodsDetails .conter { margin-top: 20rpx; } .bargain .goodsDetails .conter image { width: 100% !important; display: block; } .bargain .bargainTip { position: fixed; top: 50%; left: 50%; width: 560rpx; margin-left: -280rpx; z-index: 99; -webkit-border-radius: 20rpx; border-radius: 20rpx; background-color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); padding-bottom: 60rpx; margin-top: -330rpx; } .bargain .bargainTip.on { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .bargain .bargainTip .pictrue { width: 100%; height: 321rpx; position: relative; } .bargain .bargainTip .pictrue .iconfont { position: absolute; right: 18rpx; top: 18rpx; color: #fff; font-size: 36rpx; width: 50rpx; height: 50rpx; text-align: center; line-height: 50rpx; } .bargain .bargainTip .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0; } .bargain .bargainTip .cutOff { font-size: 30rpx; color: #666; padding: 0 29rpx; text-align: center; margin-top: 50rpx; } .bargain .bargainTip .cutOff.on { margin-top: 26rpx; } .bargain .bargainTip .help { font-size: 32rpx; font-weight: bold; text-align: center; margin-top: 40rpx; } .bargain .bargainTip .tipBnt { font-size: 32rpx; color: #fff; width: 360rpx; height: 82rpx; -webkit-border-radius: 41rpx; border-radius: 41rpx; background-image: -webkit-gradient(linear, left top, right top, from(#f67a38), to(#f11b09)); background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%); background-image: -o-linear-gradient(left, #f67a38 0%, #f11b09 100%); 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: 82rpx; margin: 50rpx auto 0 auto; } /*砍价记录*/ .bargain-record .item { background-color: #fff; margin-bottom: 12rpx; } .bargain-record .item .picTxt { height: 210rpx; border-bottom: 1px solid #f0f0f0; padding: 0 30rpx; } .bargain-record .item .picTxt .pictrue { width: 150rpx; height: 150rpx; } .bargain-record .item .picTxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .bargain-record .item .picTxt .text { width: 515rpx; font-size: 30rpx; color: #282828; height: 150rpx; } .bargain-record .item .picTxt .text .time { font-size: 24rpx; color: #868686; } .bargain-record .item .picTxt .text .time .styleAll { color: #fc4141; } .bargain-record .item .picTxt .text .money { font-size: 24rpx; } .bargain-record .item .picTxt .text .money .num { font-size: 32rpx; font-weight: bold; } .bargain-record .item .picTxt .text .money .symbol { font-weight: bold; } .bargain-record .item .bottom { height: 100rpx; padding: 0 30rpx; font-size: 27rpx; } .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: 27rpx; color: #fff; width: 176rpx; height: 60rpx; -webkit-border-radius: 6rpx; border-radius: 6rpx; text-align: center; line-height: 60rpx; } .bargain-record .item .bottom .bnt.cancel { color: #aaa; border: 1px solid #ddd; } .bargain-record .item .bottom .bnt ~ .bnt { margin-left: 18rpx; } /*拼团列表*/ .group-list .header { background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 100%; height: 450rpx; } .group-list .header image { width: 100%; height: 450rpx; } .group-list .list { /* margin-top: -1.20*100rpx; */ } .group-list .list .item { width: 690rpx; height: 208rpx; background-color: #fff; -webkit-border-radius: 6rpx; border-radius: 6rpx; padding: 0 24rpx; margin: 0 auto 20rpx auto; } .group-list .list .item .pictrue { width: 160rpx; height: 160rpx; } .group-list .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .group-list .list .item .text { width: 458rpx; font-size: 30rpx; color: #282828; } .group-list .list .item .text .team { height: 40rpx; -webkit-border-radius: 4rpx; border-radius: 4rpx; font-size: 22rpx; margin-top: 20rpx; } .group-list .list .item .text .team .iconfont { width: 54rpx; background-color: #c6f3e8; text-align: center; color: #eb3729; height: 100%; line-height: 38rpx; } .group-list .list .item .text .team .num { text-align: center; padding: 0 10rpx; } .group-list .list .item .text .bottom { margin-top: 7rpx; } .group-list .list .item .text .bottom .money { font-size: 24rpx; font-weight: bold; color: #282828; } .group-list .list .item .text .bottom .money .num { font-size: 32rpx; } .group-list .list .item .text .bottom .money .y-money { font-size: 24rpx; color: #999; font-weight: normal; text-decoration: line-through; margin-left: 10rpx; } .group-list .list .item .text .bottom .groupBnt { font-size: 26rpx; color: #fff; width: 146rpx; height: 54rpx; text-align: center; line-height: 54rpx; -webkit-border-radius: 4rpx; border-radius: 4rpx; } .group-list .list .item .text .bottom .groupBnt .iconfont { font-size: 25rpx; margin-left: 10rpx; } /*拼团商品详情*/ .product-con .wrapper .share .money .y-money { color: #82848f; margin-left: 13rpx; text-decoration: line-through; font-weight: normal; } .product-con .notice { width: 100%; height: 62rpx; background-color: #ffedeb; margin-top: 20rpx; padding: 0 30rpx; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-con .notice .num { font-size: 24rpx; } .product-con .notice .num .iconfont { font-size: 30rpx; vertical-align: -3rpx; margin-right: 20rpx; } .product-con .notice .num .line { color: #282828; margin-left: 15rpx; } .product-con .notice .swiper { height: 100%; width: 470rpx; line-height: 62rpx; overflow: hidden; margin-left: 14rpx; } .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: 20rpx; color: #282828; } .product-con .assemble { background-color: #fff; } .product-con .assemble .item { padding-right: 30rpx; margin-left: 30rpx; border-bottom: 1px solid #f0f0f0; height: 132rpx; } .product-con .assemble .item .pictxt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .product-con .assemble .item .pictxt .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 24rpx; padding-left: 15rpx; } .product-con .assemble .item .pictxt .pictrue { width: 80rpx; height: 80rpx; } .product-con .assemble .item .pictxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .product-con .assemble .item .right .lack { font-size: 24rpx; color: #333333; text-align: right; } .product-con .assemble .item .right .time { font-size: 22rpx; color: #82848f; margin-top: 5rpx; } .product-con .assemble .item .right .spellBnt { font-size: 24rpx; color: #fff; width: 140rpx; height: 50rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; background-image: -webkit-gradient(linear, left top, right top, from(#ff2358), to(#ff0000)); background-image: -webkit-linear-gradient(left, #ff2358 0%, #ff0000 100%); background-image: -o-linear-gradient(left, #ff2358 0%, #ff0000 100%); 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: 50rpx; margin-left: 30rpx; } .product-con .assemble .item .right .spellBnt .iconfont { font-size: 20rpx; margin-left: 5rpx; } .product-con .assemble .more { font-size: 24rpx; color: #282828; text-align: center; height: 90rpx; line-height: 90rpx; } .product-con .assemble .more .iconfont { margin-left: 13rpx; font-size: 25rpx; } .product-con .playWay { background-color: #fff; padding: 0 30rpx; margin-top: 20rpx; font-size: 28rpx; color: #282828; } .product-con .playWay .title { height: 86rpx; border-bottom: 1px solid #eee; } .product-con .playWay .title .iconfont { margin-left: 13rpx; font-size: 28rpx; color: #717171; } .product-con .playWay .way { min-height: 110rpx; font-size: 26rpx; color: #282828; } .product-con .playWay .way .iconfont { color: #cdcdcd; font-size: 40rpx; margin: 0 35rpx; } .product-con .playWay .way .item .num { font-size: 30rpx; margin-right: 6rpx; } .product-con .playWay .way .item .tip { font-size: 22rpx; color: #a5a5a5; } .product-con .footer-group { position: fixed; bottom: 0; width: 100%; height: 100rpx; background-color: #fff; font-size: 18rpx; color: #666; z-index: 99; } .product-con .footer-group .customerSer { width: 14%; font-size: 20rpx; color: #666; } .product-con .footer-group .customerSer .iconfont { font-size: 35rpx; } .product-con .footer-group .bnt { width: 86%; text-align: center; line-height: 100rpx; height: 100%; color: #fff; font-size: 30rpx; } .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: 186rpx; background-color: #fff; border-top: 1px solid #f5f5f5; padding: 0 30rpx; position: relative; } .group-con .header .iconfont { font-size: 100rpx; position: absolute; color: #ccc; right: 33rpx; bottom: 20rpx; } .group-con .header .pictrue { width: 140rpx; height: 140rpx; } .group-con .header .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .group-con .header .text { width: 525rpx; font-size: 30rpx; color: #222; } .group-con .header .text .money { font-size: 24rpx; font-weight: bold; margin-top: 15rpx; } .group-con .header .text .money .num { font-size: 32rpx; } .group-con .header .text .money .team { padding: 1rpx 10rpx; font-weight: normal; -webkit-border-radius: 50rpx; border-radius: 50rpx; font-size: 20rpx; vertical-align: 4rpx; margin-left: 15rpx; } .group-con .wrapper { background-color: #fff; margin-top: 20rpx; padding: 2rpx 0 35rpx 0; } .group-con .wrapper .title { margin-top: 30rpx; } .group-con .wrapper .title .line { width: 136rpx; height: 1px; background-color: #ddd; } .group-con .wrapper .title .name { margin: 0 45rpx; font-size: 28rpx; color: #282828; } .group-con .wrapper .title .name .time { margin: 0 14rpx; } .group-con .wrapper .title .name .timeTxt { color: #fc4141; } .group-con .wrapper .title .name .time .styleAll { background-color: #ffcfcb; text-align: center; -webkit-border-radius: 3rpx; border-radius: 3rpx; font-size: 28rpx; font-weight: bold; display: inline-block; vertical-align: middle; color: #fc4141; padding: 2rpx 5rpx; } .group-con .wrapper .tips { font-size: 30rpx; font-weight: bold; text-align: center; margin-top: 30rpx; color: #999; } .group-con .wrapper .list { padding: 0 30rpx; margin-top: 45rpx; } .group-con .wrapper .list.result { max-height: 240rpx; overflow: hidden; } .group-con .wrapper .list.result.on { max-height: 2000rpx; } .group-con .wrapper .list .pictrue { width: 94rpx; height: 94rpx; margin: 0 0 29rpx 35rpx; } .group-con .wrapper .list .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; border: 2rpx solid #e93323; } .group-con .wrapper .list .pictrue img.img-none { border: none; } .group-con .wrapper .lookAll { font-size: 24rpx; color: #282828; padding-top: 10rpx; } .group-con .wrapper .lookAll .iconfont { font-size: 25rpx; margin: 2rpx 0 0 10rpx; } .group-con .wrapper .teamBnt { font-size: 30rpx; width: 620rpx; height: 86rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 86rpx; color: #fff; margin: 21rpx auto 0 auto; } .group-con .wrapper .cancel, .group-con .wrapper .lookOrder { text-align: center; font-size: 24rpx; color: #282828; padding-top: 30rpx; } .group-con .wrapper .cancel .iconfont { font-size: 35rpx; color: #2c2c2c; vertical-align: -4rpx; margin-right: 9rpx; } .group-con .wrapper .lookOrder .iconfont { font-size: 25rpx; color: #2c2c2c; margin-left: 10rpx; } .group-con .group-recommend { background-color: #fff; margin-top: 25rpx; } .group-con .group-recommend .title { padding-right: 30rpx; margin-left: 30rpx; height: 85rpx; border-bottom: 1px solid #eee; font-size: 28rpx; color: #282828; } .group-con .group-recommend .title .more { color: #808080; } .group-con .group-recommend .title .more .iconfont { margin-left: 13rpx; font-size: 28rpx; } .group-con .group-recommend .list { margin-top: 30rpx; } .group-con .group-recommend .list .item { width: 210rpx; margin: 0 0 25rpx 30rpx; } .group-con .group-recommend .list .item .pictrue { width: 100%; height: 210rpx; position: relative; } .group-con .group-recommend .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 10rpx; border-radius: 10rpx; } .group-con .group-recommend .list .item .pictrue .team { position: absolute; top: 28rpx; left: -5rpx; min-width: 100rpx; height: 36rpx; line-height: 36rpx; text-align: center; -webkit-border-radius: 0 18rpx 18rpx 0; border-radius: 0 18rpx 18rpx 0; font-size: 20rpx; color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#fb5445), to(#e93323)); background-image: -webkit-linear-gradient(left, #fb5445 0%, #e93323 100%); background-image: -o-linear-gradient(left, #fb5445 0%, #e93323 100%); 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: 28rpx; color: #333; margin-top: 18rpx; } .group-con .group-recommend .list .item .money { font-weight: bold; font-size: 26rpx; } /*商品评分*/ .evaluate-list .generalComment { height: 94rpx; padding: 0 30rpx; background-color: #fff; font-size: 28rpx; color: #808080; } .evaluate-list .generalComment .evaluate { margin-right: 7rpx; } .evaluate-list .nav { font-size: 24rpx; color: #282828; padding: 0 30rpx 15rpx 30rpx; background-color: #fff; border-bottom: 1px solid #f5f5f5; } .evaluate-list .nav .item { font-size: 24rpx; color: #282828; -webkit-border-radius: 6rpx; border-radius: 6rpx; height: 54rpx; padding: 0 20rpx; background-color: #f4f4f4; line-height: 54rpx; margin: 0 17rpx 17rpx 0; } .evaluate-list .nav .item.bg-color-red { color: #fff; } /*商品评价*/ .evaluate-con .score { background-color: #fff; border-top: 1px solid #f5f5f5; font-size: 28rpx; color: #282828; padding: 48rpx 30rpx 65rpx 30rpx; } .evaluate-con .score .item ~ .item { margin-top: 25rpx; } .evaluate-con .score .item .starsList { padding: 0 35rpx 0 40rpx; } .evaluate-con .score .item .starsList .iconfont { font-size: 40rpx; color: #aaa; } .evaluate-con .score .item .starsList .iconfont ~ .iconfont { margin-left: 20rpx; } .evaluate-con .score .item .evaluate { color: #aaa; font-size: 24rpx; } .evaluate-con .score .textarea { width: 690rpx; background-color: #fafafa; -webkit-border-radius: 10rpx; border-radius: 10rpx; margin-top: 48rpx; } .evaluate-con .score .textarea textarea { font-size: 28rpx; padding: 38rpx 30rpx 0 30rpx; width: 100%; height: 160rpx; } .evaluate-con .score .textarea textarea::-webkit-input-placeholder { color: #bbb; } .evaluate-con .score .textarea textarea::-moz-placeholder { color: #bbb; } .evaluate-con .score .textarea textarea::-ms-input-placeholder { color: #bbb; } .evaluate-con .score .textarea textarea::placeholder { color: #bbb; } .evaluate-con .score .textarea .list { margin-top: 25rpx; padding-left: 5rpx; } .evaluate-con .score .textarea .list .pictrue { width: 140rpx; height: 140rpx; margin: 0 0 35rpx 25rpx; position: relative; font-size: 22rpx; color: #bbb; } .evaluate-con .score .textarea .list .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 3rpx; border-radius: 3rpx; } .evaluate-con .score .textarea .list .pictrue .icon-guanbi1 { font-size: 45rpx; position: absolute; top: -20rpx; right: -20rpx; } .evaluate-con .score .textarea .list .pictrue .icon-icon25201 { color: #bfbfbf; font-size: 50rpx; } .evaluate-con .score .evaluateBnt { font-size: 30rpx; color: #fff; width: 690rpx; height: 86rpx; -webkit-border-radius: 43rpx; border-radius: 43rpx; text-align: center; line-height: 86rpx; margin-top: 45rpx; } /*签到*/ .sign .header { width: 100%; height: 310rpx; } .sign .header .headerCon { padding: 0 0 0 30rpx; height: 234rpx; } .sign .header .headerCon .left { width: 530rpx; font-size: 32rpx; color: #fff; font-weight: bold; } .sign .header .headerCon .left .integral text { font-size: 24rpx; margin-top: 19rpx; background-color: #ff9000; text-align: center; -webkit-border-radius: 6rpx; border-radius: 6rpx; font-weight: normal; padding: 6rpx 15rpx; } .sign .header .headerCon .text { width: 410rpx; } .sign .header .headerCon .left .pictrue { width: 86rpx; height: 86rpx; -webkit-border-radius: 50%; border-radius: 50%; border: 4rpx solid #ecddbc; } .sign .header .headerCon .left .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .sign .header .headerCon .right { width: 142rpx; height: 66rpx; background-color: #fff; -webkit-border-radius: 50rpx 0 0 50rpx; border-radius: 50rpx 0 0 50rpx; font-size: 24rpx; color: #ff9000; } .sign .header .headerCon .right .iconfont { font-size: 33rpx; padding: 0 10rpx 0 30rpx; height: 35rpx; line-height: 35rpx; } .sign .wrapper { background-color: #fff; margin: -80rpx 20rpx 0 20rpx; -webkit-border-radius: 15rpx; border-radius: 15rpx; padding-bottom: 80rpx; position: relative; } .sign .wrapper .list { padding: 0 30rpx; height: 240rpx; } .sign .wrapper .list .item { font-size: 22rpx; color: #8a8886; text-align: center; } .sign .wrapper .list .item .rewardTxt { width: 74rpx; height: 32rpx; background-color: #f4b409; -webkit-border-radius: 16rpx; border-radius: 16rpx; font-size: 20rpx; color: #a57d3f; line-height: 32rpx; } .sign .wrapper .list .item .num { font-size: 30rpx; 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; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 56rpx; height: 56rpx; margin: 10rpx 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: 75rpx; height: 56rpx; } .sign .wrapper .but { width: 400rpx; height: 76rpx; font-size: 30rpx; line-height: 76rpx; color: #fff; -webkit-border-radius: 50rpx; border-radius: 50rpx; 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; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 558rpx; height: 68rpx; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -41rpx; z-index: 9; } .sign .wrapper2 { margin-top: 15rpx; padding: 73rpx 0 0 0; } .sign .wrapper2 .tip { font-size: 30rpx; color: #666; text-align: center; } .sign .wrapper2 .list2 { margin: 45rpx 0 49rpx 0; } .sign .wrapper2 .list2 .item { width: 80rpx; height: 116rpx; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; color: #fff; font-size: 72rpx; text-align: center; line-height: 116rpx; margin-right: 19rpx; background-image: url('https://wx.yixiang.co/static/images/redBg.png'); } .sign .wrapper2 .list2 .data { font-size: 30rpx; color: #232323; } .sign .wrapper2 .tip2 { font-size: 30rpx; color: #999999; padding: 0 55rpx; text-align: center; line-height: 1.5; } .sign .list3 { margin: 45rpx 37rpx 0 37rpx; border-top: 1px dashed #eee; } .sign .list3 .item { border-bottom: 1px solid #eee; height: 130rpx; } .sign .list3 .item .name { color: #232323; font-size: 30rpx; width: 400rpx; } .sign .list3 .item .data { font-size: 24rpx; color: #bbbbbb; margin-top: 9rpx; } .sign .list3 .item .num { font-size: 36rpx; font-family: 'GuildfordProBook 5'; } .sign .signTip { width: 644rpx; height: 645rpx; position: fixed; top: 50%; left: 50%; margin-left: -322rpx; margin-top: -322.5rpx; z-index: 99; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .sign .signTip .signTipLight { background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 100%; height: 100%; } .sign .signTip.on { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sign .signTip .signTipCon { background-image: url('https://wx.yixiang.co/static/images/register.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 420rpx; height: 420rpx; margin-top: -700rpx; position: relative; } .sign .signTip .signTipCon .state { font-size: 34rpx; color: #fff; margin-top: 150rpx; } .sign .signTip .signTipCon .integral { font-size: 30rpx; color: rgba(255, 255, 255, 0.6); margin-top: 9rpx; } .sign .signTip .signTipCon .signTipBnt { font-size: 30rpx; color: #eb4331; width: 260rpx; height: 76rpx; background-color: #f8d168; -webkit-border-radius: 38rpx; border-radius: 38rpx; line-height: 76rpx; margin: 48rpx auto 0 auto; } /*签到记录、账单明细列表*/ .sign-record .list .item .data { height: 80rpx; line-height: 80rpx; padding: 0 30rpx; font-size: 24rpx; color: #666; } .sign-record .list .item .listn { background-color: #fff; font-size: 24rpx; color: #999; } .sign-record .list .item .listn .itemn { height: 120rpx; border-bottom: 1px solid #eee; padding-right: 30rpx; margin-left: 30rpx; } .sign-record .list .item .listn .itemn .name { width: 390rpx; font-size: 28rpx; color: #282828; margin-bottom: 6rpx; } .sign-record .list .item .listn .itemn .num { font-size: 36rpx; font-family: 'GuildfordProBook 5'; color: #16ac57; } /*申请退货*/ .apply-return .list { background-color: #fff; margin-top: 18rpx; } .apply-return .list .item { margin-left: 30rpx; padding-right: 30rpx; min-height: 90rpx; border-bottom: 1px solid #eee; font-size: 30rpx; color: #333; } .apply-return .list .item .num { color: #282828; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; 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: 30rpx; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .apply-return .list .item.textarea { padding: 30rpx 30rpx 30rpx 0; } .apply-return .list .item textarea { height: 100rpx; font-size: 30rpx; } .apply-return .list .item textarea::-webkit-input-placeholder { color: #bbb; } .apply-return .list .item textarea::-moz-placeholder { color: #bbb; } .apply-return .list .item textarea::-ms-input-placeholder { color: #bbb; } .apply-return .list .item textarea::placeholder { color: #bbb; } .apply-return .list .item .title { height: 95rpx; width: 100%; } .apply-return .list .item .title .tip { font-size: 30rpx; color: #bbb; } .apply-return .list .item .upload { padding-bottom: 36rpx; } .apply-return .list .item .upload .pictrue { margin: 22rpx 23rpx 0 0; width: 156rpx; height: 156rpx; position: relative; font-size: 24rpx; 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%; -webkit-border-radius: 3rpx; border-radius: 3rpx; } .apply-return .list .item .upload .pictrue .icon-guanbi1 { position: absolute; font-size: 45rpx; top: -10rpx; right: -10rpx; width: 45rpx; height: 45rpx; line-height: 45rpx; } .apply-return .list .item .upload .pictrue .icon-icon25201 { color: #bfbfbf; font-size: 50rpx; width: 50rpx; height: 60rpx; line-height: 60rpx; } .apply-return .list .item .upload .pictrue:nth-last-child(1) { border: 1px solid #ddd; } .apply-return .returnBnt { font-size: 32rpx; color: #fff; width: 690rpx; height: 86rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 86rpx; margin: 43rpx auto; } /*退货列表*/ .return-list .goodWrapper { background-color: #fff; margin-bottom: 13rpx; position: relative; } .return-list .goodWrapper .orderNum { padding: 0 30rpx; border-bottom: 1px solid #eee; height: 87rpx; line-height: 87rpx; font-size: 30rpx; color: #282828; } .return-list .goodWrapper .item { border-bottom: 0; } .return-list .goodWrapper .totalSum { padding: 0 30rpx 32rpx 30rpx; text-align: right; font-size: 26rpx; color: #282828; } .return-list .goodWrapper .totalSum .price { font-size: 28rpx; font-weight: bold; } .return-list .goodWrapper .iconfont { position: absolute; font-size: 109rpx; top: 7rpx; right: 30rpx; color: #ccc; width: 109rpx; height: 109rpx; line-height: 109rpx; } .return-list .goodWrapper .iconfont.powder { color: #f8c1bd; } /*收藏商品*/ .collectionGoods { background-color: #fff; border-top: 1px solid #eee; } .collectionGoods .item { margin-left: 30rpx; padding-right: 30rpx; border-bottom: 1px solid #eee; height: 180rpx; } .collectionGoods .item .pictrue { width: 130rpx; height: 130rpx; } .collectionGoods .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .collectionGoods .item .text { width: 535rpx; height: 130rpx; font-size: 28rpx; color: #282828; } .collectionGoods .item .text .infor { width: 100%; } .collectionGoods .item .text .money { font-size: 26rpx; } .collectionGoods .item .text .delete { font-size: 26rpx; color: #282828; width: 114rpx; height: 46rpx; border: 1px solid #bbb; -webkit-border-radius: 4rpx; border-radius: 4rpx; text-align: center; line-height: 46rpx; } /*搜索商品*/ .searchGood .search { padding-left: 30rpx; } .searchGood .search { margin-top: 20rpx; } .searchGood .search .input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f7f7f7; -webkit-border-radius: 33rpx; border-radius: 33rpx; padding: 0 35rpx; height: 66rpx; } .searchGood .search .input input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 28rpx; margin-left: 15rpx; } .searchGood .search .input input::-webkit-input-placeholder { color: #bbb; } .searchGood .search .input input::-moz-placeholder { color: #bbb; } .searchGood .search .input input::-ms-input-placeholder { color: #bbb; } .searchGood .search .input input::placeholder { color: #bbb; } .searchGood .search .input .iconfont { color: #000; font-size: 35rpx; } .searchGood .search .bnt { width: 120rpx; text-align: center; height: 66rpx; line-height: 66rpx; font-size: 30rpx; color: #282828; } .searchGood .title { font-size: 28rpx; color: #999; margin: 50rpx 30rpx 25rpx 30rpx; } .searchGood .list { padding-left: 10rpx; } .searchGood .list .item { font-size: 26rpx; color: #454545; padding: 0 21rpx; height: 60rpx; -webkit-border-radius: 3rpx; border-radius: 3rpx; line-height: 60rpx; border: 1px solid #aaa; margin: 0 0 20rpx 20rpx; } .searchGood .line { border-bottom: 1px solid #eee; margin: 20rpx 30rpx 0 30rpx; } .cash-withdrawal { padding-top: 130rpx; } .cash-withdrawal .wrapper .list { padding: 0 30rpx; } .cash-withdrawal .wrapper .list .item { border-bottom: 1px solid #eee; height: 107rpx; font-size: 30rpx; color: #333; } .cash-withdrawal .wrapper .list .item .name { width: 130rpx; } .cash-withdrawal .wrapper .list .item .input { width: 505rpx; } .cash-withdrawal .wrapper .list .item .input input::-webkit-input-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .item .input input::-moz-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .item .input input::-ms-input-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .item .input input::placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .tip { font-size: 26rpx; color: #999; margin-top: 25rpx; } .cash-withdrawal .wrapper .list .bnt { font-size: 32rpx; color: #fff; width: 690rpx; height: 90rpx; text-align: center; -webkit-border-radius: 50rpx; border-radius: 50rpx; line-height: 90rpx; margin: 64rpx auto; } .cash-withdrawal .wrapper .list .tip2 { font-size: 26rpx; color: #999; text-align: center; margin: 44rpx 0 20rpx 0; } .cash-withdrawal .wrapper .list .value { height: 135rpx; line-height: 135rpx; border-bottom: 1px solid #eee; width: 690rpx; margin: 0 auto; } .cash-withdrawal .wrapper .list .value input { font-size: 80rpx; color: #282828; height: 135rpx; text-align: center; width: 100%; } .cash-withdrawal .wrapper .list .value input::-webkit-input-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .value input::-moz-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .value input::-ms-input-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .value input::placeholder { color: #bbb; } /*提现审核*/ .cash-audit { width: 710rpx; background-color: #fff; -webkit-border-radius: 6rpx; border-radius: 6rpx; margin: 25rpx auto 0 auto; padding: 53rpx 0 58rpx 0; left: 50%; } .cash-audit .pictrue { width: 214rpx; height: 179rpx; margin: 0 auto; } .cash-audit .pictrue image { width: 100%; height: 100%; } .cash-audit .tip { font-size: 32rpx; color: #282828; margin-top: 40rpx; text-align: center; padding: 0 40rpx; } .cash-audit .time { font-size: 26rpx; color: #999; text-align: center; margin-top: 15rpx; } .cash-audit .bnt { font-size: 32rpx; color: #fff; width: 500rpx; height: 86rpx; -webkit-border-radius: 43rpx; border-radius: 43rpx; text-align: center; line-height: 86rpx; margin: 50rpx auto 0 auto; } /*推广人订单*/ .promoter-order .list .item .title { height: 133rpx; padding: 0 30rpx; font-size: 26rpx; color: #999; } .promoter-order .list .item .title .data { font-size: 28rpx; color: #282828; margin-bottom: 5rpx; } .promoter-order .list .item .listn .itenm { background-color: #fff; } .promoter-order .list .item .listn .itenm ~ .itenm { margin-top: 12rpx; } .promoter-order .list .item .listn .itenm .top { margin-left: 30rpx; padding-right: 30rpx; border-bottom: 1px solid #eee; height: 100rpx; } .promoter-order .list .item .listn .itenm .top .pictxt { width: 320rpx; } .promoter-order .list .item .listn .itenm .top .pictxt .text { width: 230rpx; font-size: 30rpx; color: #282828; } .promoter-order .list .item .listn .itenm .top .pictxt .pictrue { width: 66rpx; height: 66rpx; } .promoter-order .list .item .listn .itenm .top .pictxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; border: 3rpx solid #fff; -webkit-box-shadow: 0 0 10rpx #aaa; box-shadow: 0 0 10rpx #aaa; -moz-box-shadow: 0 0 10rpx #aaa; -o-box-shadow: 0 0 10rpx #aaa; -webkit-box-sizing: border-box; box-sizing: border-box; } .promoter-order .list .item .listn .itenm .top .money { font-size: 28rpx; } .promoter-order .list .item .listn .itenm .bottom { padding: 20rpx 30rpx; font-size: 28rpx; color: #666; line-height: 1.6; } .promoter-order .list .item .listn .itenm .bottom .name { color: #999; } /*推广人列表*/ .promoter-list .header { padding-bottom: 12rpx; } .promoter-list .nav { background-color: #fff; height: 86rpx; line-height: 86rpx; font-size: 28rpx; color: #282828; border-bottom: 1px solid #eee; } .promoter-list .nav .item { height: 100%; } .promoter-list .nav .item.on { color: #eb3729; border-bottom: 5rpx solid #eb3729; } .promoter-list .search { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: #fff; height: 86rpx; padding: 0 30rpx; } .promoter-list .search .input { width: 630rpx; height: 60rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; background-color: #f5f5f5; text-align: center; position: relative; } .promoter-list .search .input input { height: 100%; font-size: 26rpx; width: 620rpx; text-align: center; } .promoter-list .search .input input::-webkit-input-placeholder { color: #bbb; } .promoter-list .search .input input::-moz-placeholder { color: #bbb; } .promoter-list .search .input input::-ms-input-placeholder { color: #bbb; } .promoter-list .search .input input::placeholder { color: #bbb; } .promoter-list .search .input .iconfont { position: absolute; right: 28rpx; color: #999; font-size: 28rpx; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .promoter-list .search .iconfont { font-size: 40rpx; color: #515151; } .promoter-list .list .sortNav { background-color: #fff; height: 76rpx; border-bottom: 1px solid #eee; color: #333; font-size: 28rpx; } .promoter-list .list .sortNav.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; } .promoter-list .list .sortNav .sortItem { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; } .promoter-list .list .sortNav .sortItem image { width: 24rpx; height: 24rpx; margin-left: 6rpx; vertical-align: -3rpx; } .promoter-list .list .sortList { margin-top: 76rpx; } .promoter-list .list .item { background-color: #fff; border-bottom: 1px solid #eee; height: 152rpx; padding: 0 30rpx 0 20rpx; font-size: 24rpx; color: #666; } .promoter-list .list .item .picTxt { width: 440rpx; } .promoter-list .list .item .picTxt .pictrue { width: 106rpx; height: 106rpx; -webkit-border-radius: 50%; border-radius: 50%; } .promoter-list .list .item .picTxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; border: 3rpx solid #fff; -webkit-box-shadow: 0 0 7rpx #aaa; box-shadow: 0 0 7rpx #aaa; -moz-box-shadow: 0 0 7rpx #aaa; -o-box-shadow: 0 0 7rpx #aaa; -webkit-box-sizing: border-box; box-sizing: border-box; } .promoter-list .list .item .picTxt .text { width: 304rpx; font-size: 24rpx; color: #666; } .promoter-list .list .item .picTxt .text .name { font-size: 28rpx; color: #333; margin-bottom: 13rpx; } .promoter-list .list .item .right { width: 240rpx; text-align: right; font-size: 22rpx; color: #333; } /*我的推广*/ .my-promotion .header { background-image: url('https://wx.yixiang.co/static/images/promotionBg.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 100%; height: 375rpx; } .my-promotion .header .name { font-size: 30rpx; color: #fff; padding-top: 57rpx; position: relative; } .my-promotion .header .name .record { font-size: 26rpx; color: rgba(255, 255, 255, 0.8); position: absolute; right: 20rpx; } .my-promotion .header .name .record .iconfont { font-size: 25rpx; margin-left: 10rpx; } .my-promotion .header .num { text-align: center; color: #fff; font-size: 90rpx; font-family: 'GuildfordProBook 5'; } .my-promotion .header .profit { padding: 0 20rpx; margin-top: 33rpx; font-size: 24rpx; color: rgba(255, 255, 255, 0.8); } .my-promotion .header .profit .item { min-width: 200rpx; text-align: center; } .my-promotion .header .profit .item .money { font-size: 34rpx; color: #fff; } .my-promotion .bnt { font-size: 28rpx; color: #fff; width: 258rpx; height: 68rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; text-align: center; line-height: 68rpx; margin: -32rpx auto 0 auto; } .my-promotion .list { padding: 0 20rpx; margin-top: 10rpx; } .my-promotion .list .item { width: 345rpx; height: 240rpx; -webkit-border-radius: 20rpx; border-radius: 20rpx; background-color: #fff; margin-top: 20rpx; font-size: 30rpx; color: #666; } .my-promotion .list .item .iconfont { font-size: 70rpx; /* background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%); */ /* background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%); */ margin-bottom: 20rpx; color: #eb3729; } /*我的账户*/ .my-account .wrapper { background-color: #fff; padding: 32rpx 0 34rpx 0; margin-bottom: 14rpx; } .my-account .wrapper .header { width: 690rpx; height: 330rpx; background-image: -webkit-gradient(linear, left top, right top, from(#eb3729), to(#eb3729)); background-image: -webkit-linear-gradient(left, #eb3729 0%, #eb3729 100%); background-image: -o-linear-gradient(left, #eb3729 0%, #eb3729 100%); background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%); background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%); -webkit-border-radius: 16rpx; border-radius: 16rpx; margin: 0 auto; color: rgba(255, 255, 255, 0.6); font-size: 24rpx; } .my-account .wrapper .header .headerCon { background-image: url('https://wx.yixiang.co/static/images/accountBg.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; height: 100%; width: 100%; padding: 36rpx 0 29rpx 0; } .my-account .wrapper .header .headerCon .account { padding: 0 35rpx; } .my-account .wrapper .header .headerCon .account .assets .money { font-size: 72rpx; color: #fff; font-family: 'GuildfordProBook 5'; margin-top: 10rpx; height: 75rpx; line-height: 75rpx; } .my-account .wrapper .header .headerCon .account .recharge { font-size: 28rpx; width: 150rpx; height: 54rpx; -webkit-border-radius: 27rpx; border-radius: 27rpx; background-color: #fff9f8; text-align: center; line-height: 54rpx; } .my-account .wrapper .header .headerCon .cumulative { margin-top: 46rpx; } .my-account .wrapper .header .headerCon .cumulative .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; padding-left: 35rpx; } .my-account .wrapper .header .headerCon .cumulative .item .money { font-size: 48rpx; font-family: 'GuildfordProBook 5'; color: #fff; margin-top: 6rpx; } .my-account .wrapper .nav { height: 155rpx; border-bottom: 1px solid #f5f5f5; } .my-account .wrapper .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 26rpx; color: #999; } .my-account .wrapper .nav .item .pictrue { width: 44rpx; height: 44rpx; margin: 0 auto; margin-bottom: 20rpx; } .my-account .wrapper .nav .item .pictrue image { width: 100%; height: 100%; } .my-account .wrapper .advert { padding: 0 30rpx; margin-top: 30rpx; } .my-account .wrapper .advert .item { background-color: #fff6d1; width: 332rpx; height: 118rpx; -webkit-border-radius: 10rpx; border-radius: 10rpx; padding: 0 27rpx 0 25rpx; font-size: 24rpx; color: #e44609; } .my-account .wrapper .advert .item.on { background-color: #fff3f3; color: #e96868; } .my-account .wrapper .advert .item .pictrue { width: 78rpx; height: 78rpx; } .my-account .wrapper .advert .item .pictrue image { width: 100%; height: 100%; } .my-account .wrapper .advert .item .text .name { font-size: 30rpx; font-weight: bold; color: #f33c2b; margin-bottom: 7rpx; } .my-account .wrapper .advert .item.on .text .name { color: #f64051; } .my-account .wrapper .list { padding: 0 30rpx; } .my-account .wrapper .list .item { margin-top: 44rpx; } .my-account .wrapper .list .item .picTxt .iconfont { width: 82rpx; height: 82rpx; -webkit-border-radius: 50%; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, from(#ff9389), to(#f9776b)); background-image: -webkit-linear-gradient(left, #ff9389 0%, #f9776b 100%); background-image: -o-linear-gradient(left, #ff9389 0%, #f9776b 100%); 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: 82rpx; color: #fff; font-size: 40rpx; } .my-account .wrapper .list .item .picTxt .iconfont.yellow { background-image: -webkit-gradient(linear, left top, right top, from(#ffccaa), to(#fea060)); background-image: -webkit-linear-gradient(left, #ffccaa 0%, #fea060 100%); background-image: -o-linear-gradient(left, #ffccaa 0%, #fea060 100%); 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: -webkit-gradient(linear, left top, right top, from(#a1d67c), to(#9dd074)); background-image: -webkit-linear-gradient(left, #a1d67c 0%, #9dd074 100%); background-image: -o-linear-gradient(left, #a1d67c 0%, #9dd074 100%); 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: 428rpx; font-size: 30rpx; color: #282828; } .my-account .wrapper .list .item .picTxt .text { width: 317rpx; } .my-account .wrapper .list .item .picTxt .text .infor { font-size: 24rpx; color: #999; margin-top: 5rpx; } .my-account .wrapper .list .item .bnt { font-size: 26rpx; color: #282828; width: 156rpx; height: 52rpx; border: 1px solid #ddd; -webkit-border-radius: 26rpx; border-radius: 26rpx; text-align: center; line-height: 50rpx; } .my-account .wrapper .list .item .bnt.end { font-size: 26rpx; color: #aaa; background-color: #f2f2f2; border-color: #f2f2f2; } /*账单明细*/ .bill-details .nav { background-color: #fff; height: 90rpx; width: 100%; line-height: 90rpx; } .bill-details .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 30rpx; color: #282828; height: 100%; } .bill-details .nav .item.on { color: #e93323; border-bottom: 3rpx solid #e93323; } /*限时抢购*/ .flash-sale .header { width: 100%; height: 240rpx; } .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: 110rpx; } .flash-sale .timeLsit .rush-time { overflow-y: hidden; overflow-x: auto; width: 100%; height: 150rpx; } .flash-sale .timeLsit .item { display: inline-block; font-size: 22rpx; color: #282828; width: 200rpx; text-align: center; padding: 11rpx 0; height: 96rpx; background-color: #efc58f; } .flash-sale .timeLsit .item ~ .item { border-left: 1px solid #e3b06e; } .flash-sale .timeLsit .item .time { font-size: 32rpx; font-weight: bold; height: 37rpx; line-height: 37rpx; } .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: 8rpx solid transparent; border-right: 8rpx solid transparent; border-top: 10rpx solid #e93323; position: absolute; bottom: -9rpx; z-index: 99; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .flash-sale .countDown { height: 92rpx; border-bottom: 1px solid #f0f0f0; font-size: 28rpx; color: #282828; } .flash-sale .countDown .timeTxt { color: #fc4141; } .flash-sale .countDown .time { font-size: 28rpx; color: #282828; } .flash-sale .countDown .styleAll { font-size: 28rpx; font-weight: bold; background-color: #ffcfcb; padding: 4rpx 7rpx; -webkit-border-radius: 3rpx; border-radius: 3rpx; color: #fc4141; } .flash-sale .list.on { margin-top: 202rpx; } .flash-sale .list .item { padding: 0 30rpx; border-bottom: 1px solid #f0f0f0; height: 227rpx; position: relative; } .flash-sale .list .item .pictrue { width: 166rpx; height: 166rpx; } .flash-sale .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .flash-sale .list .item .text { width: 470rpx; font-size: 30rpx; color: #333; height: 166rpx; } .flash-sale .list .item .text .money { font-size: 24rpx; color: #282828; margin-top: -13rpx; } .flash-sale .list .item .text .money .num { font-size: 34rpx; font-weight: bold; } .tui-goods__item .progress { overflow: hidden; background-color: #fff; width: 100%; -webkit-border-radius: 20rpx; border-radius: 20rpx; height: 34rpx; position: relative; } .tui-goods__item .progress .bg-red { width: 0; height: 100%; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; background-color: #ffe3e1; } .tui-goods__item .progress .piece { position: absolute; left: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 49%; font-size: 22rpx; word-wrap: normal; text-align: center; } .tui-goods__item .grab { font-size: 28rpx; color: #fff; width: 140rpx; height: 54rpx; -webkit-border-radius: 4rpx; border-radius: 4rpx; text-align: center; line-height: 54rpx; position: absolute; right: 30rpx; bottom: 30rpx; } /*抢购详情页*/ .product-con .nav { -webkit-box-sizing: border-box; box-sizing: border-box; background: url('https://wx.yixiang.co/static/images/rushBuy.jpg') #fc4141 no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 100%; height: 100rpx; padding: 0 30rpx; } .product-con .nav .money { font-size: 28rpx; color: #fff; } .product-con .nav .money .num { font-size: 48rpx; } .product-con .nav .money .y-money { font-size: 26rpx; margin-left: 10rpx; text-decoration: line-through; } .product-con .nav .times { font-size: 20rpx; color: #fff; text-align: center; margin-bottom: 4rpx; } .product-con .nav .times .time { margin-top: 7rpx; } .product-con .nav .times .time .styleAll { padding: 0 7rpx; font-size: 22rpx; color: #ff3d3d; background-color: #fff; -webkit-border-radius: 2rpx; border-radius: 2rpx; } .product-con .nav .iconfont { color: #fff; font-size: 30rpx; margin-left: 20rpx; } .product-con .wrapperRush { padding: 32rpx 30rpx; background-color: #fff; } .product-con .wrapperRush .introduce .infor { width: 570rpx; font-size: 32rpx; font-weight: bold; } .product-con .wrapperRush .introduce .iconfont { font-size: 37rpx; color: #515151; } .product-con .wrapperRush .label { margin: 18rpx 0 0 0; font-size: 24rpx; color: #82848f; } .product-con .wrapperRush .label .stock { width: 255rpx; margin-right: 28rpx; } .product-con .footerRush { position: fixed; bottom: 0; width: 100%; height: 100rpx; background-color: #fff; font-size: 18rpx; color: #666; z-index: 99; } .product-con .footerRush .customerSer { width: 14%; font-size: 20rpx; color: #666; } .product-con .footerRush .bnt { width: 100%; text-align: center; line-height: 100rpx; height: 100%; color: #fff; font-size: 30rpx; } /*新闻*/ .newsList .swiperNews { width: 690rpx; height: 367rpx; margin: 30rpx auto 0 auto; } .newsList .swiperNews .swiper-slide { width: 100%; height: 330rpx; } .newsList .swiperNews .slide-image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .newsList .swiperNews .swiper-pagination-bullet { width: 12rpx; height: 12rpx; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; background-color: #d1d1d1; opacity: 1; margin: 0 10rpx; } .newsList .swiperNews .swiper-pagination-bullet-active { background-color: #666666; border: 0; } .newsList .swiperNews .swiper-pagination { bottom: -7rpx; width: 100%; } .newsList .nav { padding: 0 30rpx; width: 100%; height: 105rpx; 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: 32rpx; color: #999; margin-top: 40rpx; } .newsList .nav .item.on { color: #282828; } .newsList .nav .item ~ .item { margin-left: 46rpx; } .newsList .nav .item .line { width: 24rpx; height: 4rpx; -webkit-border-radius: 2rpx; border-radius: 2rpx; margin: 10rpx auto 0 auto; } .newsList .list.on { margin-top: 105rpx; } .newsList .list .item { margin: 0 30rpx; border-bottom: 1px solid #f0f0f0; padding: 35rpx 0; } .newsList .list .item .pictrue { width: 250rpx; height: 156rpx; } .newsList .list .item .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .newsList .list .item .text { width: 420rpx; height: 156rpx; font-size: 24rpx; color: #999; } .newsList .list .item .text .name { font-size: 30rpx; color: #282828; } .newsList .list .item .picList .pictrue { width: 335rpx; height: 210rpx; margin-top: 30rpx; } .newsList .list .item .picList.on .pictrue { width: 217rpx; height: 136rpx; } .newsList .list .item .picList .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .newsList .list .item .time { text-align: right; font-size: 24rpx; color: #999; margin-top: 22rpx; } .newsList .van-tabs__wrap { top: 0 !important; } /*新闻详情*/ .newsDetail .title { padding: 0 30rpx; font-size: 34rpx; color: #282828; font-weight: bold; margin: 45rpx 0 23rpx 0; line-height: 1.5; } .newsDetail .list { margin: 0 30rpx; border-bottom: 1px solid #eee; padding-bottom: 25rpx; } .newsDetail .list .label { font-size: 24rpx; height: 38rpx; -webkit-border-radius: 3rpx; border-radius: 3rpx; text-align: center; line-height: 36rpx; padding: 0 10rpx; max-width: 190rpx; width: unset; } .newsDetail .list .item { margin-left: 27rpx; font-size: 24rpx; color: #999; } .newsDetail .list .item .iconfont { font-size: 28rpx; margin-right: 10rpx; } .newsDetail .list .item .iconfont.icon-shenhezhong { font-size: 26rpx; } .newsDetail .conter { padding: 0 30rpx; font-size: 30rpx; color: #333; line-height: 1.8; padding-top: 35rpx; } .newsDetail .conter image { width: 100%; display: block; } /*佣金明细*/ .commission-details .promoterHeader .headerCon .money { font-size: 36rpx; } .commission-details .promoterHeader .headerCon .money .num { font-family: 'GuildfordProBook 5'; } /*立即注册*/ .register { width: 100%; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .register .whiteBg { padding: 0 60rpx; } .register .whiteBg .title { line-height: 2em; font-size: 36rpx; color: #282828; text-align: left; font-weight: bold; margin-top: 100rpx; margin-bottom: 50rpx; } .register .whiteBg .title .item ~ .item { margin-left: 85rpx; } .register .whiteBg .title .item { color: #999999; border-bottom: 5rpx solid #fff; padding-bottom: 10rpx; } .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: 26rpx; color: #2d3342; margin-bottom: 27rpx; text-align: left; } .register .whiteBg .list .item .icon { font-size: 35rpx; margin-right: 32rpx; } .register .whiteBg .list .item input { font-size: 33rpx; width: 100%; } .register .whiteBg .list .item input::-webkit-input-placeholder { color: #cccccc; } .register .whiteBg .list .item input::-moz-placeholder { color: #cccccc; } .register .whiteBg .list .item input::-ms-input-placeholder { color: #cccccc; } .register .whiteBg .list .item input::placeholder { color: #cccccc; } .register .whiteBg .list .item .codeIput { width: 250rpx; } .register .whiteBg .list .item .code { position: absolute; width: 150rpx; height: 50rpx; background-color: #f35446; -webkit-border-radius: 30rpx; border-radius: 30rpx; color: #fff; line-height: 50rpx; text-align: center; bottom: 17rpx; right: 0; font-size: 25rpx; } .register .whiteBg .list .item .code.on { background-color: #bbbbbb; } .register .whiteBg .list .forgetPwd { text-align: right; font-size: 28rpx; color: #cccccc; margin-top: 20rpx; } .register .whiteBg .list .forgetPwd .iconfont { font-size: 30rpx; margin-right: 10rpx; vertical-align: middle; } .register .whiteBg .logon { font-size: 34rpx; color: #fff; font-weight: bold; height: 86rpx; -webkit-border-radius: 43rpx; border-radius: 43rpx; background: -webkit-gradient(linear, left top, right top, from(#f35447), to(#ff8e3c)); background: -webkit-linear-gradient(left, #f35447 0%, #ff8e3c 100%); background: -o-linear-gradient(left, #f35447 0%, #ff8e3c 100%); background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%); background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%); text-align: center; line-height: 86rpx; margin-top: 47rpx; } .register .whiteBg .tip { height: 110rpx; text-align: center; line-height: 105rpx; font-size: 30rpx; color: #cccccc; } .register .bottom { background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 620rpx; height: 36rpx; margin: 0 auto; } /*产品分类*/ .productSort { background: #fff; } .productSort .header { width: 100%; height: 96rpx; background-color: #fff; position: fixed; left: 0; right: 0; top: 0; /* #ifdef H5 */ top: -webkit-calc(44px + env(safe-area-inset-top)); top: calc(44px + env(safe-area-inset-top)); /* #endif */ z-index: 9; } .productSort .header .input { width: 700rpx; height: 60rpx; background-color: #f5f5f5; -webkit-border-radius: 50rpx; border-radius: 50rpx; padding: 0 25rpx; } .productSort .header .input .iconfont { font-size: 35rpx; color: #555; } .productSort .header .input input { font-size: 26rpx; height: 100%; width: 597rpx; } .productSort .header .input input::-webkit-input-placeholder { color: #999; } .productSort .header .input input::-moz-placeholder { color: #999; } .productSort .header .input input::-ms-input-placeholder { color: #999; } .productSort .header .input input::placeholder { color: #999; } .productSort .aside { position: fixed; width: 180rpx; left: 0; top: 96rpx; bottom: 100rpx; background-color: #f7f7f7; overflow-y: auto; overflow-x: hidden; overflow-scrolling: touch; /* #ifdef H5 */ top: -webkit-calc(44px + env(safe-area-inset-top) + 88rpx); top: calc(44px + env(safe-area-inset-top) + 88rpx); /* #endif */ } .productSort .aside .item { height: 80rpx; width: 100%; font-size: 26rpx; color: #424242; } .productSort .aside .item.on { background-color: #fff; border-left: 4rpx solid #eb3729; width: 100%; text-align: center; color: #eb3729; font-weight: bold; } .productSort .conter { margin-left: 180rpx; padding: 0 14rpx; margin-top: 96rpx; } .productSort .conter .listw { padding-top: 20rpx; } .productSort .conter .listw .title { height: 90rpx; } .productSort .conter .listw .title .line { width: 100rpx; height: 2rpx; background-color: #999; } .productSort .conter .listw .title .name { font-size: 28rpx; color: #333; margin: 0 30rpx; font-weight: bold; } .productSort .conter .list { -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; } .productSort .conter .list .item { width: 177rpx; margin-top: 26rpx; } .productSort .conter .list .item .picture { width: 120rpx; height: 120rpx; -webkit-border-radius: 50%; border-radius: 50%; } .productSort .conter .list .item .picture image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .productSort .conter .list .item .name { font-size: 24rpx; color: #333; height: 56rpx; line-height: 56rpx; width: 120rpx; text-align: center; } /*返回主页按钮*/ .home { position: fixed; top: 780rpx; color: white; text-align: center; z-index: 33; right: 10rpx; } .home .homeCon { overflow: hidden; width: 86rpx; -webkit-border-radius: 50rpx; border-radius: 50rpx; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); height: 0; color: #e93323; } .home .homeCon.on { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); height: 300rpx; padding: 34rpx 0; margin-bottom: 20rpx; } .home .homeCon .iconfont { font-size: 48rpx; color: #fff; display: inline-block; height: 90rpx; margin: 0 auto; } .home .pictrue { width: 86rpx; height: 86rpx; -webkit-border-radius: 50%; border-radius: 50%; } .home .pictrue .image { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } /*商户管理公共样式*/ .pos-order-goods { padding: 0 30rpx; background-color: #fff; } .pos-order-goods .goods { height: 185rpx; } .pos-order-goods .goods ~ .goods { border-top: 1px dashed #e5e5e5; } .pos-order-goods .goods .picTxt { width: 515rpx; } .pos-order-goods .goods .picTxt .pictrue { width: 130rpx; height: 130rpx; } .pos-order-goods .goods .picTxt .pictrue image { width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .pos-order-goods .goods .picTxt .text { width: 365rpx; height: 130rpx; } .pos-order-goods .goods .picTxt .text .info { font-size: 28rpx; color: #282828; } .pos-order-goods .goods .picTxt .text .attr { font-size: 20rpx; color: #999; } .pos-order-goods .goods .money { width: 164rpx; text-align: right; font-size: 28rpx; } .pos-order-goods .goods .money .x-money { color: #282828; } .pos-order-goods .goods .money .num { color: #ff9600; margin: 5rpx 0; } .pos-order-goods .goods .money .y-money { color: #999; text-decoration: line-through; } .public-total { font-size: 28rpx; color: #282828; border-top: 1px solid #eee; height: 92rpx; line-height: 92rpx; text-align: right; padding: 0 30rpx; background-color: #fff; } .public-total .money { color: #ff4c3c; } .priceChange { position: fixed; width: 580rpx; height: 670rpx; background-color: #fff; -webkit-border-radius: 10rpx; border-radius: 10rpx; top: 50%; left: 50%; margin-left: -290rpx; margin-top: -335rpx; z-index: 99; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .priceChange.on { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .priceChange .priceTitle { background: url('https://wx.yixiang.co/static/images/pricetitle.jpg') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 100%; height: 160rpx; -webkit-border-radius: 10rpx 10rpx 0 0; border-radius: 10rpx 10rpx 0 0; text-align: center; font-size: 40rpx; color: #fff; line-height: 160rpx; position: relative; } .priceChange .priceTitle .iconfont { position: absolute; font-size: 40rpx; right: 26rpx; top: 23rpx; width: 40rpx; height: 40rpx; line-height: 40rpx; } .priceChange .listChange { padding: 0 40rpx; } .priceChange .listChange .item { height: 103rpx; border-bottom: 1px solid #e3e3e3; font-size: 32rpx; color: #333; } .priceChange .listChange .item .money { color: #666; width: 300rpx; text-align: right; } .priceChange .listChange .item .money .iconfont { font-size: 32rpx; margin-left: 20rpx; } .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: 32rpx; color: #fff; width: 490rpx; height: 90rpx; text-align: center; line-height: 90rpx; -webkit-border-radius: 45rpx; border-radius: 45rpx; background-color: #2291f8; margin: 53rpx auto 0 auto; } .priceChange .modify1 { font-size: 32rpx; color: #312b2b; width: 490rpx; height: 90rpx; text-align: center; line-height: 90rpx; -webkit-border-radius: 45rpx; border-radius: 45rpx; background-color: #eee; margin: 30rpx auto 0 auto; } .public-wrapper .title { font-size: 30rpx; color: #282828; padding: 0 30rpx; margin-bottom: 20rpx; } .public-wrapper .title .iconfont { color: #2291f8; font-size: 40rpx; margin-right: 13rpx; vertical-align: middle; } .public-wrapper { margin: 18rpx auto 0 auto; width: 690rpx; background-color: #fff; -webkit-border-radius: 10rpx; border-radius: 10rpx; padding-top: 25rpx; } .public-wrapper .nav { padding: 0 30rpx; height: 70rpx; line-height: 70rpx; font-size: 24rpx; color: #999; } .public-wrapper .data { width: 210rpx; text-align: left; } .public-wrapper .browse { width: 192rpx; text-align: right; } .public-wrapper .turnover { width: 227rpx; text-align: right; } .public-wrapper .conter { padding: 0 30rpx; } .public-wrapper .conter .item { border-bottom: 1px solid #f7f7f7; height: 70rpx; font-size: 24rpx; } .public-wrapper .conter .item .turnover { color: #d84242; } /*商户管理订单列表*/ .pos-order-list .nav { width: 100%; height: 96rpx; background-color: #fff; font-size: 30rpx; color: #282828; position: fixed; top: 0; left: 0; } .pos-order-list .nav .item.on { color: #2291f8; } .pos-order-list .list { margin-top: 120rpx; } .pos-order-list .list .item { background-color: #fff; width: 100%; } .pos-order-list .list .item ~ .item { margin-top: 24rpx; } .pos-order-list .list .item .order-num { border-bottom: 1px solid #eee; font-size: 26rpx; font-weight: bold; color: #282828; padding: 20rpx 30rpx; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pos-order-list .list .item .order-num .time { font-size: 26rpx; font-weight: normal; color: #999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pos-order-list .list .item .operation { padding: 20rpx 30rpx; margin-top: 3rpx; } .pos-order-list .list .item .operation .more { position: relative; } .pos-order-list .list .item .operation .icon-gengduo { font-size: 50rpx; color: #aaa; } .pos-order-list .list .item .operation .order .arrow { width: 0; height: 0; border-left: 11rpx solid transparent; border-right: 11rpx solid transparent; border-top: 20rpx solid #e5e5e5; position: absolute; left: 15rpx; bottom: -18rpx; } .pos-order-list .list .item .operation .order .arrow:before { content: ''; width: 0; height: 0; border-left: 7rpx solid transparent; border-right: 7rpx solid transparent; border-top: 20rpx solid #fff; position: absolute; left: -7rpx; bottom: 0; } .pos-order-list .list .item .operation .order { width: 200rpx; background-color: #fff; border: 1px solid #eee; -webkit-border-radius: 10rpx; border-radius: 10rpx; position: absolute; top: -100rpx; z-index: 9; } .pos-order-list .list .item .operation .order .items { height: 77rpx; line-height: 77rpx; 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: 28rpx; color: #5c5c5c; width: 170rpx; height: 60rpx; -webkit-border-radius: 30rpx; border-radius: 30rpx; border: 1px solid #bbb; text-align: center; line-height: 60rpx; } .pos-order-list .list .item .operation .bnt ~ .bnt { margin-left: 14rpx; } /*商户管理订单详情*/ .pos-order-details .header { background: -webkit-gradient(linear, left top, right top, from(#2291f8), to(#1cd1dc)); background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); background: -o-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); 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: 36rpx; color: #fff; } .pos-order-details .header .data { margin-left: 35rpx; font-size: 28rpx; } .pos-order-details .header .data .order-num { font-size: 30rpx; margin-bottom: 8rpx; } .pos-order-details .remarks { width: 100%; height: 86rpx; background-color: #fff; padding: 0 30rpx; } .pos-order-details .remarks .iconfont { font-size: 40rpx; color: #2a7efb; } .pos-order-details .remarks input { width: 630rpx; height: 100%; font-size: 30rpx; } .pos-order-details .remarks input::-webkit-input-placeholder { color: #666; } .pos-order-details .remarks input::-moz-placeholder { color: #666; } .pos-order-details .remarks input::-ms-input-placeholder { color: #666; } .pos-order-details .remarks input::placeholder { color: #666; } .pos-order-details .orderingUser { font-size: 26rpx; color: #282828; padding: 0 30rpx; height: 0rpx; background-color: #fff; margin-top: 16rpx; border-bottom: 1px solid #f5f5f5; } .pos-order-details .orderingUser .iconfont { font-size: 40rpx; color: #2a7efb; margin-right: 15rpx; } .pos-order-details .address { margin-top: 0; } .pos-order-details .pos-order-goods { margin-top: 17rpx; } .pos-order-details .footer .more { font-size: 27rpx; color: #aaa; width: 100rpx; height: 64rpx; text-align: center; line-height: 64rpx; margin-right: 25rpx; position: relative; } .pos-order-details .footer .delivery { background: -webkit-gradient(linear, left top, right top, from(#2291f8), to(#1cd1dc)); background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); background: -o-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); 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: 11rpx solid transparent; border-right: 11rpx solid transparent; border-top: 20rpx solid #e5e5e5; position: absolute; left: 15rpx; bottom: -18rpx; } .pos-order-details .footer .more .order .arrow:before { content: ''; width: 0; height: 0; border-left: 9rpx solid transparent; border-right: 9rpx solid transparent; border-top: 19rpx solid #fff; position: absolute; left: -10rpx; bottom: 0; } .pos-order-details .footer .more .order { width: 200rpx; background-color: #fff; border: 1px solid #eee; -webkit-border-radius: 10rpx; border-radius: 10rpx; position: absolute; top: -200rpx; z-index: 9; } .pos-order-details .footer .more .order .item { height: 77rpx; line-height: 77rpx; } .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: 10rpx; } .deliver-goods header .order-num { padding: 0 30rpx; border-bottom: 1px solid #f5f5f5; height: 67rpx; } .deliver-goods header .order-num .num { width: 430rpx; font-size: 26rpx; color: #282828; position: relative; } .deliver-goods header .order-num .num:after { position: absolute; content: ''; width: 1px; height: 30rpx; background-color: #ddd; top: 50%; margin-top: -15rpx; right: 0; } .deliver-goods header .order-num .name { width: 260rpx; font-size: 26rpx; color: #282828; text-align: center; } .deliver-goods header .order-num .name .iconfont { font-size: 35rpx; color: #477ef3; vertical-align: middle; margin-right: 10rpx; } .deliver-goods header .address { font-size: 26rpx; color: #868686; background-color: #fff; padding: 30rpx; } .deliver-goods header .address .name { font-size: 30rpx; color: #282828; margin-bottom: 10rpx; } .deliver-goods header .address .name .phone { margin-left: 40rpx; } .deliver-goods header .line { width: 100%; height: 3rpx; } .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 30rpx; height: 96rpx; font-size: 32rpx; color: #282828; position: relative; } .deliver-goods .wrapper .item .mode { width: 460rpx; height: 100%; text-align: right; } .deliver-goods .wrapper .item .mode .iconfont { font-size: 30rpx; margin-left: 13rpx; } .deliver-goods .wrapper .item .mode .goods ~ .goods { margin-left: 30rpx; } .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: 35rpx; color: #2c2c2c; right: 30rpx; } .deliver-goods .wrapper .item select { direction: rtl; padding-right: 60rpx; position: relative; z-index: 2; } .deliver-goods .wrapper .item input::-webkit-input-placeholder { color: #bbb; } .deliver-goods .wrapper .item input::-moz-placeholder { color: #bbb; } .deliver-goods .wrapper .item input::-ms-input-placeholder { color: #bbb; } .deliver-goods .wrapper .item input::placeholder { color: #bbb; } .deliver-goods .confirm { font-size: 32rpx; color: #fff; width: 100%; height: 100rpx; background-color: #477ef3; text-align: center; line-height: 100rpx; position: fixed; bottom: 0; } /*订单首页*/ .order-index .header { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 100%; height: 302rpx; padding: 45rpx 30rpx 0 30rpx; position: relative; } .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: -98rpx; z-index: -1; content: ''; height: 100rpx; width: 100%; -webkit-border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%; } .order-index .header .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 24rpx; color: #fff; } .order-index .header .item .num { font-size: 40rpx; margin-bottom: 7rpx; } .order-index .wrapper { position: relative; width: 690rpx; background-color: #fff; -webkit-border-radius: 10rpx; border-radius: 10rpx; margin: -115rpx auto 0 auto; padding-top: 25rpx; z-index: 99; } .order-index .wrapper .title { font-size: 30rpx; color: #282828; padding: 0 30rpx; margin-bottom: 40rpx; } .order-index .wrapper .title .iconfont { color: #2291f8; font-size: 40rpx; margin-right: 13rpx; vertical-align: middle; } .order-index .wrapper .list .item { width: 33.33%; text-align: center; font-size: 24rpx; color: #999; margin-bottom: 45rpx; } .order-index .wrapper .list .item .num { font-size: 40rpx; color: #333; } /*交易额统计*/ .statistical-page .navs { width: 100%; height: 96rpx; background-color: #fff; overflow: hidden; line-height: 96rpx; 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: 32rpx; color: #282828; margin-left: 78rpx; display: inline-block; } .statistical-page .navs .item.on { color: #2291f8; } .statistical-page .navs .item .iconfont { font-size: 25rpx; margin-left: 13rpx; } .statistical-page .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: #fff; -webkit-border-radius: 10rpx; border-radius: 10rpx; margin: 119rpx auto 0 auto; padding: 30rpx 60rpx; } .statistical-page .wrapper .title { font-size: 30rpx; color: #999; text-align: center; } .statistical-page .wrapper .money { font-size: 72rpx; color: #fba02a; text-align: center; margin-top: 10rpx; } .statistical-page .wrapper .increase { font-size: 28rpx; color: #999; margin-top: 20rpx; } .statistical-page .wrapper .increase .red { color: #ff6969; } .statistical-page .wrapper .increase .green { color: #1abb1d; } .statistical-page .wrapper .increase .iconfont { font-size: 23rpx; margin-left: 15rpx; } .statistical-page .chart { width: 690rpx; height: 480rpx; background-color: #fff; -webkit-border-radius: 10rpx; border-radius: 10rpx; margin: 23rpx auto 0 auto; padding: 25rpx 22rpx 0 22rpx; } .statistical-page .chart .company { font-size: 26rpx; 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: 540rpx; height: 250rpx; -webkit-border-radius: 40rpx; border-radius: 40rpx; } .yd-confirm-hd { text-align: center; } .yd-confirm-title { color: #030303; font-weight: bold; font-size: 36rpx; } .yd-confirm-bd { text-align: center; font-size: 28rpx; color: #333333; } .yd-confirm-ft { line-height: 90rpx; margin-top: 14px; border-top: 1rpx solid #eee; } .yd-confirm-ft > a { color: #e93323; } .yd-confirm-ft > a.primary { border-left: 1rpx solid #eee; color: #e93323; } /*修改密码*/ .ChangePassword .phone { font-size: 32rpx; font-weight: bold; text-align: center; margin-top: 55rpx; } .ChangePassword .list { width: 580rpx; margin: 53rpx auto 0 auto; } .ChangePassword .list .item { width: 100%; height: 110rpx; border-bottom: 2rpx solid #f0f0f0; } .ChangePassword .list .item input { width: 100%; height: 100%; font-size: 32rpx; } .ChangePassword .list .item input::-webkit-input-placeholder { color: #b9b9bc; } .ChangePassword .list .item input::-moz-placeholder { color: #b9b9bc; } .ChangePassword .list .item input::-ms-input-placeholder { color: #b9b9bc; } .ChangePassword .list .item input::placeholder { color: #b9b9bc; } .ChangePassword .list .item input.codeIput { width: 340rpx; } .ChangePassword .list .item .code { font-size: 32rpx; } .ChangePassword .list .item .code.on { color: #b9b9bc !important; } .ChangePassword .confirmBnt { font-size: 32rpx; width: 580rpx; height: 90rpx; -webkit-border-radius: 45rpx; border-radius: 45rpx; color: #fff; margin: 92rpx auto 0 auto; text-align: center; line-height: 90rpx; } .posterCanvasWarp { position: relative; width: 0; height: 0; overflow: hidden; } .posterCanvasWarp .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; } rich-text img, rich-text image { display: block; width: 100%; } /*单行文本溢出省略号*/ .one-t { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; } /*多行文本溢出省略号*/ .more-t { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; } /* ================== flex布局(colorui里面也有相关基础样式) ==================== */ /* x水平排列*/ .x-f { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*x两端且水平居中*/ .x-bc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*x平分且水平居中*/ .x-ac { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*x水平靠上对齐*/ .x-start { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } /*x水平靠下对齐*/ .x-end { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } /*上下左右居中*/ .x-c { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*y竖直靠左*/ .y-start { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } /*y竖直靠右*/ .y-end { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } /*y竖直居中*/ .y-f { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .y-b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*y竖直两端居中*/ .y-bc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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; } .min-goods .img-box { width: 152rpx; height: 152rpx; overflow: hidden; position: relative; } .min-goods .img-box .tag { position: absolute; left: 0; bottom: 0rpx; z-index: 2; line-height: 35rpx; background: -webkit-linear-gradient(318deg, #f3dfb1, #f3dfb1, #ecbe60); background: -o-linear-gradient(318deg, #f3dfb1, #f3dfb1, #ecbe60); background: linear-gradient(132deg, #f3dfb1, #f3dfb1, #ecbe60); -webkit-border-radius: 0px 18rpx 18rpx 0px; border-radius: 0px 18rpx 18rpx 0px; padding: 0 10rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: bold; color: #784f06; } .min-goods .img-box .img { width: 100%; background-color: #ccc; } .min-goods .price-box { width: 100%; margin-top: 10rpx; } .min-goods .price-box .seckill-current { font-size: 30rpx; font-weight: 500; color: #e1212b; } .min-goods .price-box .original { font-size: 20rpx; font-weight: 400; color: #999999; margin-left: 14rpx; } .min-goods .title { font-size: 26rpx; } .contacButton { padding: 0; background-color: #fff; line-height: 25rpx; } .contacButton::after { border: 0; } .footer .icon-shoucang1 { color: #eb3729; } .ytabs .nav { margin: 0 auto; padding: 0 30rpx; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .ytabs .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .shoppingCart, .user, .container { height: 100%; } .bargainGang.bargain-box, .goodsDetails.bargain-box { padding-top: 0 !important; } .bargainGang.bargain-box .content, .goodsDetails.bargain-box .content { margin-top: 0; } .bargain .bargain-product.wrapper .cu-progress { margin-top: 30rpx; }