/* pages/goodsOrderConfirm/goodsOrderConfirm.wxss */ .content-listker { width: 100%; } .item-radius { background: #fff; opacity: 0.8; position: relative; border-radius: 24rpx; margin: 20rpx; } .order-top { background: #fff; padding: 30rpx 0; } .order-top image { width: 200rpx; height: 156rpx; margin-bottom: 6rpx; } .order-top text { font-size: 28rpx; } .order-top .state { font-size: 36rpx; font-family: PingFangSC-Medium; } .margin { background: #fff; } .item .state { color: #FF6877; } .item-top { height: 102rpx; padding: 0 24rpx; } .item-top text { font-size: 36rpx; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; } .item-content { padding: 10rpx 0 30rpx; margin: 0 24rpx; position: relative; z-index: 1111; } .item-content:last-child { border-bottom: 1rpx solid rgba(175, 175, 175, 0.1); } .item-content .time { border-radius: 22rpx; font-size: 26rpx; padding: 2rpx 10rpx; box-sizing: border-box; } .item-content .img { position: relative; width: 160rpx; height: 160rpx; margin-right: 20rpx; background: #EDEDED; border-radius: 20rpx; overflow: hidden; } .item-content .icon { width: 136rpx; height: 92rpx; position: absolute; left: 46rpx; top: 160rpx; } .item-content .content { flex: 1; justify-content: space-between; overflow: hidden; } .item-content .content text { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; } .order-sum .top { padding: 32rpx 0rpx; margin: 0rpx 24rpx; border-bottom: 1rpx solid rgba(0, 0, 0, 0.04); } .order-sum text { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; } .order-sum .top .msg { padding: 20rpx; background: #FFEFEB; border-radius: 24rpx; font-size: 24rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FF3007; position: relative; max-width: 374rpx; } .order-sum .top .msg::after { content: ''; position: absolute; right: 30rpx; top: -20rpx; width: 0rpx; height: 0rpx; border-width: 10rpx; border-style: solid; border-color: transparent transparent rgba(255, 202, 224, 0.16) transparent; } .order-sum .top .coupon-guide-tips { width: 156rpx; height: 48rpx; background: #FF3007; border-radius: 8rpx; color: #FFFFFF; text-align: center; line-height: 48rpx; } .order-sum .top .right-500 text { font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; } .order-sum .bottom { height: 84rpx; padding-top: 16rpx; justify-content: flex-end; } .order-sum .bottom .total-price { font-size: 36rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FF3007; margin-right: 28rpx; } .total-pay-price { font-size: 56rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FF3007; } .buy { height: 170rpx; /* padding: 0 30rpx; */ background: #fff; position: fixed; bottom: 0; width: 100%; box-sizing: border-box; /* justify-content: flex-end; */ } .buy .btn { width: 338rpx; height: 88rpx; border-radius: 44rpx; font-size: 32rpx; box-sizing: border-box; /* margin-right: 30rpx; */ } .payType { height: 690rpx; } .coupon-popup .top { justify-content: center; padding: 0 48rpx; height: 112rpx; } .need-show-line { border-bottom: 2rpx solid #eee; } .coupon-popup .top .close-img { width: 56rpx; height: 56rpx; position: absolute; top: 28rpx; right: 32rpx; } .coupon-popup .list { height: 53vh; padding: 14rpx 30rpx; box-sizing: border-box; /* overflow-y: scroll; */ } .coupon-popup .list .item { padding: 14rpx 0; height: 172rpx; /* border-bottom: 2rpx solid #eee; */ } .coupon-popup .list .radio image { width: 48rpx; height: 48rpx; } .coupon-popup .list .coupon-item { display: block; margin-top: 10rpx; } .coupon-popup .item-left { width: 212rpx; height: 100%; font-family: PingFangSC-Semibold; color: #FFFFFF; font-size: 32rpx; border-top-left-radius: 16rpx; border-bottom-left-radius: 16rpx; background-image: radial-gradient(circle at 0px 50%, #fff 15rpx, #F5849F 15rpx); } .coupon-popup .item-left text { font-size: 36rpx; color: #fff; font-family: PingFangSC-Semibold, PingFang SC; } .coupon-popup .item-right { /* justify-content: center; align-items: flex-start; */ padding: 0 30rpx; border-top-right-radius: 16rpx; border-bottom-right-radius: 16rpx; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13); } .coupon-popup .item-right text { color: #000; } .coupon-popup-btm { height: 170rpx; position: fixed; width: 100%; left: 0; bottom: 0; background: #FFFFFF; } .coupon-popup-btm-btn { width: 100%; height: 84rpx; font-size: 32rpx; color: #FFFFFF; margin: 0 40rpx; background: #FA7D22; border-radius: 42rpx; font-family: PingFang-SC-Medium, PingFang-SC; } .btm-text { margin: 42rpx 0 120rpx; } .item-products-content::-webkit-scrollbar, .scroll-x::-webkit-scrollbar { display: none; /* Chrome Safari */ } .use-popup { width: 640rpx; height: 898rpx; background: #FFFFFF; border-radius: 40rpx; padding: 60rpx 48rpx; box-sizing: border-box; position: relative; /* justify-content: center; */ /* justify-content: space-evenly; */ } .use-popup .close-img { width: 56rpx; height: 56rpx; /* background: red; */ position: absolute; top: 16rpx; right: 16rpx; } .use-popup .title { /* margin-top: 60rpx; */ font-size: 36rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #000000; } .use-popup .text-cotent { /* background-color: red; */ overflow-y: scroll; text-align: left; /* height: 100%; */ } .skin-popup .wux-landscape__inner { padding: 0 !important; } .skin-popup .popup-index--wux-popup { width: 650rpx !important; max-width: 650rpx !important; } /* =============================================================================== */ .moneyShow { width: 100%; text-align: center; font-weight: 500; font-size: 56rpx; color: #FF3007; height: 100rpx; line-height: 100rpx; margin-bottom: 100rpx; } .moneyShow text { font-size: 28rpx; color: #FF3007; } .select-pay-methon { margin-bottom: 60rpx; width: 100%; display: flex; align-items: center; } .pay-img { width: 48rpx; height: 48rpx; margin-left: 30rpx; } .pay-title { margin-left: 20rpx; font-size: 32rpx; font-weight: 400; color: #333333; flex: 1; text-align: left; } .pay-money { margin-right: 36rpx; font-size: 36rpx; font-weight: 500; color: #333333; } .pay-money text { font-size: 24rpx; } .select-activity { width: 48rpx; height: 48rpx; margin-right: 30rpx; } .KnowBtn { margin-left: 271rpx; text-align: center; width: 208rpx; height: 76rpx; border-radius: 42rpx; border: 2rpx solid #FFFFFF; font-size: 32rpx; font-weight: 400; color: #FFFFFF; line-height: 76rpx; position: absolute; bottom: 60rpx; } .good-list { height: auto; overflow: scroll; } .submitBtn { position: relative; left: 50%; transform: translateX(-50%); width: 90%; height: 84rpx; text-align: center; line-height: 84rpx; background: #FA7D22; border-radius: 42rpx; font-size: 16px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; } .project-num { text-align: end; font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 40rpx; } .price-size { font-size: 20rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; line-height: 24rpx; } .item-bottom { display: flex; justify-content: space-between; padding: 20rpx 24rpx 32rpx 24rpx; } .item-total { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 40rpx; } .item-price { font-size: 36rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; line-height: 50rpx; }