/**index.wxss**/ .wrap{ min-height: 100vh; background: #f6f6f6; padding-top: 20rpx; padding-bottom: 200rpx; } .order_wrap{ width: 690rpx; padding: 20rpx; text-align: center; /* background: #FFFFFF; */ border-radius: 5rpx; margin: 0 auto; position: relative; } .order_wrap .order_price{ font-size: 30rpx; color: rgba(0,0,0,.54); } .order_wrap .price{ /* padding-left: 14rpx; */ color: #0E0E0E; font-size: 68rpx; font-weight: bold; } .order_wrap .price .unit{ font-size: 40rpx; } .order_wrap .line_bg{ position: absolute; bottom: 0; left: 0; width: 690rpx; height: 20rpx; border-radius: 0 0 5rpx 5rpx; background-repeat: repeat-x; background-size: 18rpx 30rpx; } /* 支付方式 */ .payment_wrap{ width: 690rpx; margin: 20rpx auto 0; background: #FFFFFF; } .payment_item{ padding: 30rpx; } .payment_item .item_t{ display: flex; align-items: center; justify-content: space-between; } .payment_item .item_t .item_t_l{ display: flex; align-items: center; } .payment_item .item_icon{ width: 53rpx; height: 43rpx; margin-right: 18rpx; } .payment_item .item_name{ font-size: 30rpx; color: #000; } .payment_item .item_t_r{ display: flex; align-items: center; } .payment_item .price{ font-size: 32rpx; font-weight: bold; color: #D54C43; padding-right: 20rpx; } .payment_item .price .unit{ font-size: 24rpx; } .payment_item .item_b{ padding-left: 70rpx; font-size: 24rpx; color: rgba(1,1,1,.54); } .payment_item .item_b .wenzi:not(:first-child){ padding-left: 30rpx; } .payment_item .item_b .label{ padding-right: 8rpx; } .payment_item .item_t_r .quan{ font-size: 30rpx; color: #D54C43; padding-right: 26rpx; } /* .payment_item .item_t_r .icon_arrow{ width: 12rpx; height: 20rpx; } */ /* 充会员卡 */ /* .scroll_card{ height: 500rpx; } */ .card_list{ padding: 0 30rpx; } /* 提交 */ .btn_tijiao{ width: 405rpx; height: 98rpx; background: #295C56; border-radius: 10rpx; margin: 0 auto; font-size: 28rpx; color: #FFFFFF; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 50rpx; left: 50%; transform: translateX(-50%); } .btn_tijiao .label{ padding-right: 10rpx; } .btn_tijiao .price{ font-size: 42rpx; font-weight: bold; } .btn_tijiao .price .unit{ font-size: 27rpx; } /* 余额不足提醒 */ .cash_pop{ width: 586rpx; background: #FFFFFF; border-radius: 10rpx; font-size: 30rpx; color: #000000; text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); } .cash_pop_t{ padding: 120rpx 0 40rpx; border-bottom: 1rpx solid rgba(0,0,0,.1); } .cash_pop_b{ height: 98rpx; display: flex; align-items: center; position: relative; } .cash_pop_b .cash_pop_btn{ flex: 1; height: 98rpx; color: rgba(0,0,0,.54); display: flex; align-items: center; justify-content: center; } .cash_pop_b .cash_pop_btn.recharge{ color: #D54C43; border-left: 1rpx solid rgba(0,0,0,.1); } .cash_pop .tip_tu{ width: 134rpx; height: 245rpx; position: absolute; left: 50%; top: -135rpx; transform: translateX(-50%); } /* 优惠券 */ .coupon_wrap{ width: 750rpx; position: fixed; bottom: 0; left: 0; } .coupon_wrap .coupon_t{ width: 750rpx; height: 98rpx; background: #FFFFFF; border-radius: 20rpx 20rpx 0 0; font-size: 34rpx; color: #333333; display: flex; align-items: center; justify-content: center; position: relative; } .coupon_wrap .coupon_t .van-icon{ position: absolute; top: 50%; right: 30rpx; transform: translateY(-50%); } .coupon_wrap_scroll{ /* height: 480rpx; */ height: 820rpx; background: #F6F6F6; } .coupon_list{ padding-top: 0; /* min-height: 480rpx; height: 100%; */ } .coupon_item:first-child{ margin-top: 30rpx; }