/* 水平间距 */ /* 水平间距 */ .container.data-v-ce976c48 { display: flex; height: 100vh; color: #001713; } .container .body.data-v-ce976c48 { width: 100%; height: calc(100vh - 244rpx); overflow-y: auto; } .container .body .carMsg.data-v-ce976c48 { position: relative; box-sizing: border-box; padding: 0 55rpx; margin: 20rpx auto 0; width: 720rpx; height: 320rpx; font-size: 32rpx; color: #001713; background: url(data:image/png;base64,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); background-size: 100% 100%; } .container .body .carMsg .carMsg_time.data-v-ce976c48 { position: relative; top: 36rpx; font-size: 36rpx; color: #001713; } .container .body .carMsg .carMsg_number.data-v-ce976c48 { position: relative; top: -8rpx; left: 180px; font-size: 24rpx; color: #f86818; } .container .body .carMsg .carMsg_volume.data-v-ce976c48 { position: relative; top: 10rpx; left: 180px; font-size: 24rpx; color: #f86818; } .container .body .carMsg .carMsg_line.data-v-ce976c48 { position: relative; top: 2rpx; left: 1px; width: 14rpx; height: 88rpx; } .container .body .carMsg .carMsg_start.data-v-ce976c48 { position: relative; top: -110rpx; left: 15px; width: 460rpx; } .container .body .carMsg .app.data-v-ce976c48 { margin-top: 1px; } .container .body .carMsg .carMsg_end.data-v-ce976c48 { position: absolute; top: 185rpx; left: 95rpx; width: 460rpx; } .container .body .carMsg .carMsg_bottom.data-v-ce976c48 { position: relative; top: -100rpx; display: flex; align-items: center; width: 630rpx; height: 66rpx; border-top: 2rpx dotted #e6e6e6; } .container .body .carMsg .carMsg_bottom .bottom_box.data-v-ce976c48 { display: flex; justify-content: center; align-items: center; width: 128rpx; height: 42rpx; font-size: 24rpx; color: #ff8205; border-radius: 8rpx; background-color: #fff2e5; } .container .body .peopleMsg.data-v-ce976c48 { box-sizing: border-box; padding: 30rpx 30rpx 0; margin: auto; width: 670rpx; font-size: 28rpx; box-shadow: 0px 3px 6px #ccc; background-color: #fff; } .container .body .peopleMsg .peopleMsg_title.data-v-ce976c48 { margin-bottom: 20rpx; font-size: 36rpx; } .container .body .peopleMsg .peopleMsg_list.data-v-ce976c48 { display: flex; flex-wrap: wrap; align-items: center; } .container .body .peopleMsg .peopleMsg_list .list_item.data-v-ce976c48 { position: relative; display: flex; justify-content: center; align-items: center; margin-right: 30rpx; margin-bottom: 26rpx; padding: 0 24rpx; height: 68rpx; color: #aba6a6; border-radius: 8rpx; border: 2rpx solid #aba6a6; } .container .body .peopleMsg .peopleMsg_list .list_item .item_active.data-v-ce976c48 { position: absolute; bottom: -20rpx; right: -20rpx; display: flex; align-items: center; justify-content: center; width: 60rpx; height: 60rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACXSURBVEiJ7dVNCoQwDIbhr6V4rnqwAcWD6cEGMwtFEH8a49cyi77rNA9dBSAkQ4gyhKiZdQwM4sZlm7Tu853u5j0NA4DZx9QbM3jAlJnAS8zPEx20/swEvsUegQxMDbIwFcjEkiAbuwVzYJdgLuwUzIkdwNzYDiyBbWApbANLYQDgpW861rLU8QXWi79DFSfGitVqtf/oB0KVTnsDx2Y8AAAAAElFTkSuQmCC); background-size: 100% 100%; } .container .body .peopleMsg .peopleMsg_list .active.data-v-ce976c48 { color: #ff8205; border: 2rpx solid #ff8205; } .container .body .peopleMsg .peopleMsg_list .list_more.data-v-ce976c48 { display: flex; justify-content: center; align-items: center; margin-bottom: 26rpx; width: 132rpx; height: 68rpx; color: #ff8205; border-radius: 8rpx; border: 2rpx solid #aba6a6; } .container .body .peopleMsg .peopleMsg_choose .choose_item.data-v-ce976c48 { display: flex; align-items: center; } .container .body .peopleMsg .peopleMsg_choose .choose_item .item_msg.data-v-ce976c48 { display: flex; flex-direction: column; justify-content: space-between; margin-left: 26rpx; margin-bottom: 26rpx; height: 90rpx; } .container .body .peopleMsg .peopleMsg_choose .choose_item .item_msg .msg_top.data-v-ce976c48 { font-size: 36rpx; } .container .body .peopleMsg .peopleMsg_choose .choose_item .item_msg .msg_bottom.data-v-ce976c48 { font-size: 24rpx; color: #aba6a6; } .container .body .peopleMsg .peopleMsg_foot.data-v-ce976c48 { display: flex; align-items: center; justify-content: space-between; height: 116rpx; font-size: 36rpx; border-top: 2rpx solid #ebecf1; } .container .body .peopleMsg .peopleMsg_foot .foot_left.data-v-ce976c48 { display: flex; align-items: center; } .container .body .peopleMsg .peopleMsg_foot .foot_left .left_text.data-v-ce976c48 { margin-left: 12rpx; } .container .body .peopleMsg .peopleMsg_foot .foot_phone.data-v-ce976c48 { text-align: end; } .container .body .coupon.data-v-ce976c48 { box-sizing: border-box; padding: 0 30rpx 30rpx; margin: 20rpx auto 50rpx; width: 670rpx; color: #001713; box-shadow: 0px 3px 6px #ccc; background-color: #fff; } .container .body .coupon .coupon_title.data-v-ce976c48 { height: 96rpx; line-height: 96rpx; font-size: 36rpx; } .container .body .coupon .coupon_box.data-v-ce976c48 { display: flex; justify-content: space-between; align-items: center; height: 70rpx; } .container .body .coupon .coupon_box .box_left.data-v-ce976c48 { display: flex; align-items: center; } .container .body .coupon .coupon_box .box_left .left_img.data-v-ce976c48 { margin-right: 14rpx; width: 46rpx; height: 46rpx; } .container .body .coupon .coupon_box .box_right.data-v-ce976c48 { display: flex; align-items: center; font-size: 24rpx; color: #aba6a6; } .container .foot.data-v-ce976c48 { position: absolute; bottom: 0; box-sizing: border-box; padding: 0 30rpx; width: 100%; height: 244rpx; box-shadow: 0px -3px 6px #eee; background-color: #fff; } .container .foot .foot_box.data-v-ce976c48 { display: flex; align-items: center; justify-content: space-between; margin-top: 46rpx; height: 96rpx; } .container .foot .foot_box .box_text.data-v-ce976c48 { color: #dc2626; font-size: 36rpx; } .container .foot .foot_box .box_text .text.data-v-ce976c48 { font-size: 48rpx; } .container .foot .foot_box .box_btn.data-v-ce976c48 { display: flex; align-items: center; justify-content: center; width: 272rpx; height: 96rpx; font-size: 36rpx; color: #fff; border-radius: 64rpx; background-color: #ff8205; } .pop_rule.data-v-ce976c48 { height: 568rpx; color: #001713; overflow: hidden; } .pop_rule .rule_title.data-v-ce976c48 { display: flex; align-items: center; justify-content: center; height: 114rpx; font-size: 36rpx; background-color: #fff2e5; } .pop_rule .rule_body.data-v-ce976c48 { box-sizing: border-box; padding: 0 32rpx; } .pop_rule .rule_body .body_text.data-v-ce976c48 { box-sizing: border-box; padding: 30rpx; margin-top: 20rpx; font-size: 24rpx; border-radius: 32rpx; background-color: #fff2e5; } .pop_rule .rule_body .body_text .text.data-v-ce976c48 { margin-bottom: 8rpx; } .pop_rule .rule_body .body_btn.data-v-ce976c48 { display: flex; align-items: center; justify-content: center; margin-top: 20rpx; height: 94rpx; font-size: 36rpx; color: #fff; border-radius: 64rpx; background-color: #ff8205; } .pop_common.data-v-ce976c48 { height: 70vh; font-size: 36rpx; color: #001713; overflow: hidden; } .pop_common .common_title.data-v-ce976c48 { position: relative; display: flex; align-items: center; justify-content: center; height: 100rpx; border-bottom: 20rpx solid #ff8205; } .pop_common .common_title .title_close.data-v-ce976c48 { position: absolute; top: 34rpx; right: 40rpx; width: 40rpx; height: 40rpx; } .pop_common .common_body.data-v-ce976c48 { box-sizing: border-box; padding: 0 32rpx; } .pop_common .common_body .body_add.data-v-ce976c48 { margin: 25rpx 0 25rpx auto; width: 170rpx; font-size: 32rpx; color: #ff8205; } .pop_common .common_body .body_list.data-v-ce976c48 { height: calc(70vh - 396rpx); overflow-y: auto; } .pop_common .common_body .body_list .list_item.data-v-ce976c48 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20rpx; height: 120rpx; } .pop_common .common_body .body_list .list_item .item_left.data-v-ce976c48 { display: flex; align-items: center; height: 100%; } .pop_common .common_body .body_list .list_item .item_left .left_msg.data-v-ce976c48 { display: flex; flex-direction: column; justify-content: space-between; margin-left: 20rpx; height: 100%; font-size: 24rpx; color: #aba6a6; } .pop_common .common_body .body_list .list_item .item_left .left_msg .msg_name.data-v-ce976c48 { font-size: 36rpx; color: #001713; } .pop_common .common_body .scroll-container.data-v-ce976c48 { height: calc(80vh - 396rpx - 92rpx); /* 根据实际布局计算 */ } .pop_common .common_body .loading.data-v-ce976c48, .pop_common .common_body .no-more.data-v-ce976c48 { text-align: center; padding: 5rpx 0; font-size: 22rpx; color: #999; } .pop_common .common_body .body_btn.data-v-ce976c48 { display: flex; align-items: center; justify-content: center; margin: 48rpx 0; width: 100%; height: 92rpx; color: #fff; border-radius: 48rpx; background-color: #ff8205; } .pop_pay.data-v-ce976c48 { height: 566rpx; color: #001713; font-size: 28rpx; } .pop_pay .pay_title.data-v-ce976c48 { display: flex; align-items: center; justify-content: center; height: 80rpx; font-size: 32rpx; border-bottom: 18rpx solid #ff8205; } .pop_pay .pay_close.data-v-ce976c48 { position: absolute; top: 24rpx; right: 42rpx; } .pop_pay .pay_list.data-v-ce976c48 { 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-ce976c48 { 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-ce976c48 { display: flex; align-items: center; } .pop_pay .pay_list .list_item .item_left .img.data-v-ce976c48 { margin-right: 26rpx; width: 54rpx; height: 54rpx; } .pop_pay .pay_btn.data-v-ce976c48 { 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; }