page { background: #F2EDED; } /* 取件时间弹框 */ .popup_data { height: 600rpx; width: 100%; position: relative; } .data_title { width: 92%; margin: 0 auto; font-size: 34rpx; line-height: 110rpx; font-weight: bold; letter-spacing: 2rpx; position: relative; top: 0rpx; z-index: 99991; } .data_btn { position: absolute; bottom: 30rpx; width: 100%; z-index: 99992; } .btn { width: 90%; margin: 0 auto; height: 45rpx; color: white; background: #FF7F00; border-radius: 22rpx; text-align: center; line-height: 90rpx; letter-spacing: 2rpx; } .u-close { position: absolute; z-index: 999999 !important; } .u-picker-body { height: 355rpx !important; } /* .u-picker-header { position: relative !important; top: 138upx; z-index: 99992; } */ /* 物品信息弹框 */ .popup_info { height: 1140rpx; width: 100%; position: relative; } .data_items { width: 100%; } .item_box { width: 90%; margin: 0 auto; } .item_btn { border: 1rpx solid #cccccc; border-radius: 80rpx; width: 200rpx; height: 80rpx; text-align: center; line-height: 80rpx; font-size: 31rpx; margin-right: 10rpx; margin-left: 10rpx; margin-bottom: 20rpx; } .item_btn:active { background: #ffd9b3; border: 2rpx solid #ff7f00; } .item_type { display: flex; flex-wrap: wrap; margin-top: 20rpx; } /* 物品保价弹框 */ .valua_icon { width: 90%; position: absolute; bottom: 140rpx; left: 42rpx; } .input { width: 90%; margin: 0 auto; } .u-input--border { border-radius: 12rupx; border: 2rpx solid #F2F2F2 !important; background: #F2F2F2 !important; } .input_bg { width: 90%; margin: 0 auto; position: relative; } .input_bg image { width: 100%; height: 90rpx; } .input_bg text { position: absolute; top: 30rpx; left: 36rpx; color: #FF7F00; font-size: 31rpx; } /* 红包弹框 */ .popup_money { /* height: 400upx; */ width: 100%; height: 630rpx; position: relative; background: #F2EDED; padding-bottom: 45rpx; } .uni-scroll-view, .uni-scroll-view-content { position: relative; width: 100%; height: 100%; background: #F2EDED; } .image_box { width: 40%; margin: 0 auto; margin-bottom: 110rpx; } .u-drawer-bottom { background-color: #FAF7F5 !important; } .money_box { width: 93%; margin: 0 auto; background: #ffffff; border-radius: 16rpx; height: 250rpx; margin-bottom: 20rpx; } .box_tit { width: 90%; margin: 0 auto; height: 80rpx; display: flex; } .money_name { flex: 1; display: flex; justify-content: left; align-items: center; font-size: 31rpx; font-weight: bold; letter-spacing: 2rpx; } .money_price { flex: 1; display: flex; justify-content: flex-end; align-items: center; font-size: 36rpx; font-weight: bold; color: red; } .money_data { color: #999999; font-size: 22rpx; width: 90%; margin: 0 auto; margin-top: -10rpx; } .u-line { width: 90% !important; border-bottom-width: 3rpx !important; margin: 0 auto !important; margin-top: 24rpx !important; margin-bottom: 24rpx !important; } .box_bottom { width: 90%; margin: 0 auto; display: flex; height: 40rpx; } .money_use { flex: 1; color: #999999; font-size: 22rpx; display: flex; justify-content: left; align-items: center; } .lj_use { width: 160rpx; border: 1rpx solid #FF7F00; color: #FF7F00; text-align: center; line-height: 46rpx; border-radius: 42rpx; font-size: 20rpx; } .help_send { width: 100%; } .content { margin-top: -380rpx; position: relative; z-index: 999; } .part_one { width: 95%; margin: 0 auto; height: 225rpx; background: #ffffff; border-radius: 20rpx; margin-top: 20rpx; } .pay_tit { width: 95%; margin: 0 auto; /* height: 200upx; */ position: relative; } .pay_name { font-size: 32rpx; font-weight: bold; width: 95%; margin: 0 auto; letter-spacing: 2rpx; padding-top: 30rpx; } .pay_set { color: #333333; font-size: 24rpx; width: 95%; margin: 0 auto; /* margin-top: 20upx; */ } .part_two { width: 95%; margin: 0 auto; /* height: 235rpx; */ background: #ffffff; border-radius: 20rpx; margin-top: 20rpx; } .u-form { margin-top: -22rpx; } .service_box { display: flex; justify-content: space-between; align-items: center; width: 94%; margin: 0 auto; } .service_address { flex: 3; margin-left: 14rpx; } .service_name { width: 100%; margin-top: 30rpx; margin-bottom: 16rpx; font-size: 32rpx; } .service_dd { font-size: 28rpx; } .service_dd text { margin-left: 20rpx; } .service_icon { /* flex: 1; */ display: flex; justify-content: flex-end; align-items: center; color: #CCCCCC; } .part_three { width: 95%; margin: 0 auto; /* height: 350rpx; */ background: #ffffff; border-radius: 20rpx; margin-top: 45rpx; } .u-form-item__body { position: relative !important; } .u-form-item--left { position: absolute !important; top: 30rpx; left: 15rpx; font-size: 31rpx; font-weight: bold; letter-spacing: 2rpx; } .u-form-item--right__content { margin-right: 20rpx !important; } .u-form-item { line-height: 20rpx !important; } .u-form-item { padding: 20rpx 0 !important; } .u-input__input { font-size: 44rupx !important; } .u-input__input { font-size: 31rpx !important; } .part_four { width: 95%; padding: 20rpx 0rpx; background: #ffffff; margin: 0 auto; border-radius: 20rpx; display: flex; margin-top: 20rpx; } .service_type { flex: 1; /* display: flex; */ /* justify-content: left; */ /* align-items: center; */ margin-left: 40rpx; font-size: 31rpx; font-weight: bold; } .service_you { /* flex: 1; */ display: flex; justify-content: flex-end; align-items: center; margin-right: 20rpx; color: #CCCCCC; } .content_sure { display: flex; align-items: center; margin-bottom: 160rpx; margin-left: 15px; margin-top: 10px; } .u-checkbox__label { font-size: 28rpx !important; letter-spacing: 2rpx; color: #888888 !important; } .tabbar { width: 100%; height: 100rpx; background: #ffffff; position: fixed; bottom: 0rpx; left: 0rpx; right: 0rpx; display: flex; z-index: 99; } .tabbar_price { flex: 1; display: flex; justify-content: left; align-items: center; font-size: 31rpx; font-weight: bold; margin-left: 40rpx; } .tabbar_price text { color: #FF3333; font-size: 36rpx; font-weight: 500; } .tabbar_btn { flex: 1; display: flex; justify-content: center; align-items: center; } .but { background: #FF7F00; width: 200rpx; height: 70rpx; text-align: center; line-height: 70rpx; border-radius: 60rpx; color: white; font-size: 24rpx; } .actclass { background-color: #FFD9B3; } /* 支付弹框 */ .popup_pay { width: 100%; } .pay_btns { width: 90%; margin: 20rpx auto 40rpx; text-align: center; background: #FF7F00; height: 80rpx; border-radius: 16rpx; color: #ffffff; line-height: 80rpx; }