/**index.wxss**/ .wrap{ width: 750rpx; min-height: 100vh; background: #f6f6f6; } .wrap_nr{ padding: 14rpx 30rpx 0; } .wrap_t{ width: 690rpx; height: 315rpx; font-size: 30rpx; color: #000000; padding-left: 170rpx; background-repeat: no-repeat; background-size: 690rpx 315rpx; background-color: #FFFFFF; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .wrap_t .total_price{ margin-top: 30rpx; /* font-size: 48rpx; font-weight: 500; */ } .wrap_t .total_price .unit{ font-size: 30rpx; } .wrap_b{ /* background: #FFFFFF; */ margin-top: 24rpx; border-radius: 5rpx; } .card_top{ display: flex; flex-direction: column; align-items: center; } .card_top .line_tu{ width: 690rpx; height: 30rpx; } .wrap_b_t{ width: 100%; padding: 30rpx 30rpx 10rpx; background: #FFFFFF; display: flex; align-items: center; justify-content: space-between; } .wrap_b_t .wrap_b_t_l{ display: flex; align-items: center; } .wrap_b_t .item_icon{ width: 48rpx; height: 36rpx; } .wrap_b_t .item_name{ font-size: 30rpx; color: #000000; padding-left: 20rpx; } .wrap_b_t .wrap_b_t_r{ font-size: 24rpx; color: rgba(0,0,0,.87); } .card_list{ background: #FFFFFF; padding: 0 30rpx 10rpx; } .btn_wrap{ margin-top: 90rpx; } .btn_wrap .btn{ width: 405rpx; height: 98rpx; margin: 0 auto; background: #D54C43; border-radius: 10rpx; font-size: 28rpx; color: #FFFEFE; display: flex; align-items: center; justify-content: center; }