/* 水平间距 */ /* 水平间距 */ .container.data-v-a46ecdc3 { box-sizing: border-box; padding-bottom: 30rpx; min-height: 100vh; background-color: #f1f6fe; } .container .body.data-v-a46ecdc3 { padding: 0 20rpx; } .container .body .body_box.data-v-a46ecdc3 { padding: 0 20rpx 0 30rpx; box-sizing: border-box; margin-top: 20rpx; width: 710rpx; border-radius: 15rpx; background-color: #fff; } .container .body .body_box .box_title.data-v-a46ecdc3 { display: flex; justify-content: space-between; align-items: center; height: 83rpx; font-size: 28rpx; border-bottom: 1rpx solid #e6e6e6; } .container .body .body_box .box_title .title_msg.data-v-a46ecdc3 { display: flex; align-items: center; } .container .body .body_box .box_title .title_msg .msg_name.data-v-a46ecdc3 { font-weight: bold; } .container .body .body_box .box_title .title_msg .msg_time.data-v-a46ecdc3 { margin-left: 15rpx; color: #a6a6a6; font-size: 24rpx; } .container .body .body_box .box_title .title_type.data-v-a46ecdc3 { color: #0061ff; } .container .body .body_box .box_title .red.data-v-a46ecdc3 { color: #d43030; } .container .body .body_box .box_title .green.data-v-a46ecdc3 { color: #00baad; } .container .body .body_box .box_info.data-v-a46ecdc3 { display: flex; flex-direction: column; } .container .body .body_box .box_info .info_box.data-v-a46ecdc3 { display: flex; align-items: center; height: 65rpx; font-size: 24rpx; } .container .body .body_box .box_info .info_box .box_key.data-v-a46ecdc3 { width: 120rpx; color: #a6a6a6; } .container .body .body_box .box_info .info_box .box_value.data-v-a46ecdc3 { flex: 1; margin-left: 95rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container .body .body_box .box_btn.data-v-a46ecdc3 { display: flex; justify-content: flex-end; align-items: center; height: 130rpx; border-top: 1rpx solid #e6e6e6; } .container .body .body_box .box_btn .button.data-v-a46ecdc3 { display: flex; justify-content: center; align-items: center; width: 146rpx; height: 80rpx; color: #fff; font-size: 28rpx; border-radius: 10rpx; } .container .body .body_box .box_btn .reject.data-v-a46ecdc3 { background-color: #d43030; } .container .body .body_box .box_btn .agree.data-v-a46ecdc3 { margin-left: 28rpx; width: 214rpx; background-color: #0061ff; } .container .set.data-v-a46ecdc3 { position: fixed; bottom: 310rpx; right: 0; display: flex; justify-content: center; align-items: center; width: 169rpx; height: 83rpx; font-size: 28rpx; border-radius: 110rpx 0 0 110rpx; box-shadow: 0 2rpx 9rpx rgba(0, 0, 0, 0.25); background-color: #fff; } .container .popup_box.data-v-a46ecdc3 { padding-bottom: 50rpx; width: 710rpx; border-radius: 22rpx; background-color: #fff; } .container .popup_box .pop_header.data-v-a46ecdc3 { display: flex; justify-content: center; align-items: center; position: relative; height: 94rpx; font-size: 28rpx; border-bottom: 1rpx solid #e6e6e6; } .container .popup_box .pop_header .header_icon.data-v-a46ecdc3 { position: absolute; top: 18rpx; right: 25rpx; font-size: 40rpx; } .container .popup_box .pop_info.data-v-a46ecdc3 { display: flex; margin-top: 22rpx; padding: 0 35rpx; font-size: 28rpx; } .container .popup_box .pop_info .info_key.data-v-a46ecdc3 { color: #999999; } .container .popup_box .pop_info .info_value.data-v-a46ecdc3 { flex: 1; } .container .popup_box .pop_info .blue.data-v-a46ecdc3 { color: #0061ff; } .container .popup_box .pop_info .red.data-v-a46ecdc3 { color: #d43030; } .container .popup_box .pop_info .green.data-v-a46ecdc3 { color: #00baad; } .container .popup_box .pop_btn.data-v-a46ecdc3 { display: flex; justify-content: flex-end; align-items: center; margin-top: 28rpx; padding-top: 40rpx; box-sizing: border-box; height: 129rpx; border-top: 1rpx solid #e6e6e6; } .container .popup_box .pop_btn .button.data-v-a46ecdc3 { display: flex; justify-content: center; align-items: center; width: 146rpx; height: 80rpx; color: #fff; font-size: 28rpx; border-radius: 10rpx; } .container .popup_box .pop_btn .reject.data-v-a46ecdc3 { background-color: #d43030; } .container .popup_box .pop_btn .agree.data-v-a46ecdc3 { margin-left: 28rpx; margin-right: 36rpx; width: 214rpx; background-color: #0061ff; } .data-v-a46ecdc3 .segmented-control { height: 100rpx; background-color: #fff; }