/* 水平间距 */ /* 水平间距 */ .container.data-v-3a7adb9e { position: relative; height: 100vh; color: #001713; background-color: #fff; overflow: hidden; } .container .banner.data-v-3a7adb9e { width: 100%; height: 482rpx; } .container .title.data-v-3a7adb9e { position: absolute; display: flex; align-items: center; width: 100vh; font-size: 40rpx; } .container .title .title_back.data-v-3a7adb9e { margin-left: 26rpx; margin-right: 192rpx; } .container .body.data-v-3a7adb9e { position: absolute; top: 160rpx; box-sizing: border-box; padding: 0 30rpx 30rpx; width: 100%; height: calc(100vh - 406rpx); font-size: 32rpx; color: #001713; } .container .body .body_title.data-v-3a7adb9e { margin-bottom: 30rpx; } .container .body .body_item.data-v-3a7adb9e { position: relative; box-sizing: border-box; padding: 30rpx; margin-bottom: 40rpx; border: 2rpx solid #aba6a6; border-radius: 16rpx; background-color: #fff; } .container .body .body_item .item_price.data-v-3a7adb9e { font-size: 28rpx; } .container .body .body_item .item_price .text.data-v-3a7adb9e { font-size: 40rpx; } .container .body .body_item .item_msg.data-v-3a7adb9e { margin-top: 20rpx; } .container .body .body_item .item_check.data-v-3a7adb9e { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 60rpx; height: 44rpx; border-radius: 0 14rpx 0 16rpx; background-color: #ff8205; } .container .body .active.data-v-3a7adb9e { background-color: #fff6ee; border: 2rpx solid #ff8205; } .container .foot.data-v-3a7adb9e { position: absolute; left: 0; right: 0; bottom: 0; box-sizing: border-box; padding: 0 30rpx 30rpx; display: flex; align-items: center; justify-content: space-between; height: 244rpx; box-shadow: 0px 3px 6px #000000; } .container .foot .foot_left .left_top.data-v-3a7adb9e { font-size: 32rpx; } .container .foot .foot_left .left_top .text.data-v-3a7adb9e { font-size: 48rpx; color: #dc2626; } .container .foot .foot_left .left_bottom.data-v-3a7adb9e { margin-top: 10rpx; font-size: 24rpx; } .container .foot .foot_left .left_bottom .text.data-v-3a7adb9e { color: #dc2626; } .container .foot .foot_right.data-v-3a7adb9e { display: flex; align-items: center; justify-content: center; width: 272rpx; height: 94rpx; color: #fff; font-size: 36rpx; border-radius: 50rpx; background-color: #ff8205; } .pop_pay.data-v-3a7adb9e { height: 566rpx; color: #001713; font-size: 28rpx; } .pop_pay .pay_title.data-v-3a7adb9e { display: flex; align-items: center; justify-content: center; height: 80rpx; font-size: 32rpx; border-bottom: 18rpx solid #ff8205; } .pop_pay .pay_close.data-v-3a7adb9e { position: absolute; top: 24rpx; right: 42rpx; } .pop_pay .pay_list.data-v-3a7adb9e { box-sizing: border-box; padding: 55rpx 0; display: flex; flex-direction: column; justify-content: space-between; height: 265rpx; } .pop_pay .pay_list .list_item.data-v-3a7adb9e { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 32rpx 0 46rpx; } .pop_pay .pay_list .list_item .item_left.data-v-3a7adb9e { display: flex; align-items: center; } .pop_pay .pay_list .list_item .item_left .img.data-v-3a7adb9e { margin-right: 26rpx; width: 54rpx; height: 54rpx; } .pop_pay .pay_btn.data-v-3a7adb9e { display: flex; align-items: center; justify-content: center; margin: auto; width: 720rpx; height: 94rpx; font-size: 36rpx; color: #fff; border-radius: 50rpx; background-color: #ff8205; }