page { background: #F5F5F5; } .privacy { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 9999999; display: flex; align-items: center; justify-content: center; } .contentview { width: 632rpx; padding: 48rpx; box-sizing: border-box; background: #fff; border-radius: 16rpx; } .contentview .title { text-align: center; color: #333; font-weight: bold; font-size: 32rpx; } .contentview .des { font-size: 26rpx; color: #666; margin-top: 40rpx; text-align: justify; line-height: 1.6; } .contentview .des .link { color: #07c160; text-decoration: underline; } button::after { border: none; } .btns { margin-top: 48rpx; display: flex; } .btns .item { justify-content: space-between; width: 244rpx; height: 80rpx; display: flex; align-items: center; justify-content: center; border-radius: 16rpx; box-sizing: border-box; border: none; } .btns .reject { background: #f4f4f5; color: #909399; } .btns .agree { background: #07c160; color: #fff; } .content { margin-top: 100rpx; } .slot-wrap { display: flex; justify-content: center; align-items: center; /* 如果您想让slot内容占满整个导航栏的宽度 */ /* flex: 1; */ /* 如果您想让slot内容与导航栏左右有空隙 */ /* padding: 0 30rpx; */ } .u-title { color: #000000 !important; font-size: 31rpx !important; font-weight: bold !important; } .solt { position: relative; } .slot_left { width: 60rpx; height: 60rpx; position: absolute; top: 15rpx; left: 20rpx; } .slot_left image { width: 60rpx; height: 60rpx; } .slot_content { width: 35rpx; height: 35rpx; position: absolute; top: 26rpx; left: 280rpx; } .slot_content image { width: 35rpx; height: 35rpx; } /* tabs */ .u-tab-item { color: #333333 !important; /* font-size: 26rpx !important; */ letter-spacing: 2rpx; } .u-tab-bar { width: 65rpx !important; height: 8rpx !important; background-color: #FF7F00 !important; border-radius: 0rpx !important; position: absolute !important; bottom: 0rpx !important; left: -14rpx !important; } .tabs_box { display: none; padding-bottom: 120rpx; } .dis { display: block; width: 100%; margin-bottom: 190rpx; } .list_box1 { width: 90%; margin: 0 auto; height: auto; background: #FFFFFF; border-radius: 23rpx; box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.20); margin-top: 20rpx; padding-bottom: 20rpx; } .list_box { width: 90%; margin: 0 auto; height: auto; background: #FFFFFF; border-radius: 23rpx; box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.20); margin-top: 20rpx; padding-bottom: 20rpx; } .part1 { width: 90%; margin: 0 auto; justify-content: left; align-items: center; display: flex; height: 100rpx; position: relative; } .box_one { background: #c4e2ff; color: #359CFF; /* width: 60px; height: 45rpx; */ padding: 0px 10px; font-size: 26rpx; text-align: center; line-height: 45rpx; border-radius: 5rpx; } .box_four { color: #666666; border: 1rpx solid #666666; font-size: 22rpx; width: 95px; height: 40rpx; text-align: center; line-height: 40rpx; border-radius: 5rpx; margin-left: 20rpx; } .box_two { color: #666666; border: 1rpx solid #666666; font-size: 22rpx; /* width: 60px; */ height: 40rpx; text-align: center; line-height: 40rpx; border-radius: 5rpx; margin-left: 20rpx; padding: 0 10rpx } .box_two1 { width: auto; padding: 0 10rpx; } .box_three { color: #666666; border: 1rpx solid #666666; font-size: 22rpx; width: 75px; height: 40rpx; text-align: center; line-height: 40rpx; border-radius: 5rpx; margin-left: 20rpx; } .part2 { width: 90%; margin: 0 auto; } /* 下线 */ .address_name { font-size: 28rpx; font-weight: bold; letter-spacing: 2rpx; /* line-height: 60rpx; */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .name { color: #999999; font-size: 21rpx; } .name text { /* margin-left: 10rpx; */ } /* 上线 */ .box_add { display: flex; } .distance { flex: 1; /* text-align: center; */ font-size: 28rpx; display: flex; justify-content: left; align-items: center; } .a { font-size: 16rpx; } .add_name { /* display: flex; */ flex: 4; } .sh_name { font-size: 28rpx; font-weight: bold; letter-spacing: 2rpx; } .sh_name1 { font-size: 28rpx; font-weight: bold; letter-spacing: 2rpx; color: #999999; } .xs_add { color: #999999; font-size: 21rpx; margin-top: 10rpx; } .jiantou { margin-left: 43rpx; display: flex; /* justify-content: space-between; */ align-items: center; height: 40px; line-height: 40px; } .jiantou image { width: 20rpx; height: 40rpx; } .jiantou>view { margin-left: 10rpx; } .part3 { width: 90%; margin: 0 auto; display: flex; } .three_left { flex: 1; height: 100rpx; display: flex; justify-content: left; align-items: center; } .three_left image { width: 20px; height: 20px; } .three_left text { color: #FF7F00; font-size: 25rpx; margin-left: 10rpx; } .three_right { /* flex: 1; */ height: 100rpx; display: flex; justify-content: flex-end; align-items: center; color: #FF7F00; font-size: 32rpx; font-weight: bold; } .part4 { width: 90%; margin: 0 auto; } .box_btn { width: 100%; background: #CCCCCC; height: 70rpx; color: white; text-align: center; line-height: 70rpx; font-size: 26rpx; letter-spacing: 2rpx; border-radius: 8rpx; } .box_btn1 { width: 100%; background: #FF7F00; height: 80rpx; color: white; text-align: center; line-height: 80rpx; font-size: 31rpx; letter-spacing: 2rpx; border-radius: 8rpx; } .part_six { width: 90%; margin: 0 auto; display: flex; } .phone { flex: 1; } .phone image { width: 29rpx; height: 33rpx; margin-left: 30rpx; } .conmm { font-size: 19rpx; text-align: center; letter-spacing: 5rpx; } .box_btn2 { flex: 5; width: 100%; background: #FF7F00; height: 70rpx; color: white; text-align: center; line-height: 70rpx; font-size: 26rpx; letter-spacing: 2rpx; border-radius: 6rpx; } /* tabbar */ .tabbar { position: fixed; bottom: 0rpx; left: 0rpx; right: 0rpx; width: 100%; height: 100rpx; background: #ffffff; display: flex; } .tabbar_type { flex: 1; text-align: center; font-size: 22rpx; margin-top: 10rpx; } .type_image { width: 100%; display: flex; justify-content: center; align-items: center; } .type_image image { width: 47rpx; height: 47rpx; } .tabbar_btn { flex: 4; display: flex; justify-content: center; align-items: center; } .btn { width: 90%; height: 80rpx; background: #FF7F00; color: white; text-align: center; line-height: 80rpx; font-size: 26rpx; letter-spacing: 2rpx; border-radius: 8rpx; } .btn3 { width: 90%; height: 80rpx; background: #CCCCCC; color: white; text-align: center; line-height: 80rpx; font-size: 26rpx; letter-spacing: 2rpx; border-radius: 8rpx; } /* 接单设置弹框 */ .u-drawer-bottom { background-color: #F5F5F5 !important; } .popup_box { width: 90%; margin: 0 auto; margin-top: 35rpx; } .title { font-size: 29rpx; font-weight: bold; letter-spacing: 2rpx; } .part_one { width: 100%; background: #ffffff; margin-top: 18rpx; border-radius: 20rpx; display: flex; height: 120rpx; } .left { flex: 3; line-height: 40rpx; margin-left: 20rpx; margin-top: 20rpx; } .gotype { font-size: 26rpx; font-weight: bold; letter-spacing: 2rpx; } .tit { color: #999999; font-size: 22rpx; letter-spacing: 2rpx; } .right { flex: 1; display: flex; justify-content: flex-end; align-items: center; margin-right: 30rpx; } .part_two { width: 100%; margin: 0 auto; background: #ffffff; border-radius: 20rpx; margin-top: 20rpx; height: 130rpx; display: flex; } .two_left { flex: 1; display: flex; justify-content: left; align-items: center; margin-left: 30rpx; font-size: 29rpx; font-weight: bold; letter-spacing: 2rpx; } .two_right { flex: 1; display: flex; justify-content: flex-end; align-items: center; margin-right: 30rpx; color: #999999; font-size: 25rpx; letter-spacing: 2rpx; } .slot-content { padding: 30rpx; } /* */ .tabs_box { display: none; } .dis { display: block; width: 100%; } .u-tab-item { /* font-size: 26upx !important; */ /* color: #666666 !important; */ } .success_box { width: 100%; } .order_box { width: 90%; margin: 0 auto; /* height: 420rpx; */ background: #FFFFFF; margin-top: 20rpx; border-radius: 16px; } .order_success { width: 90%; margin: 0 auto; display: flex; height: 80rpx; } .order_name { flex: 1; display: flex; justify-content: left; align-items: center; font-weight: bold; font-size: 29rpx; letter-spacing: 1rpx; } .order_data { flex: 1; color: #999999; display: flex; justify-content: flex-end; align-items: center; font-size: 26rpx; } .city_type { width: 90%; margin: 0 auto; height: 60rpx; line-height: 60rpx; display: flex; justify-content: left; align-items: center; } .type_name { font-size: 27rpx; } .city_text { width: 70rpx; line-height: 36rpx; color: #49A5FF; background: #c4e2ff; text-align: center; font-size: 19rpx; margin-left: 20rpx; } .city_address { width: 92%; margin: 0 auto; margin-top: -10rpx; } /* 发货地址 */ .fh_box { display: flex; /* height: 80upx; */ margin-top: 20rpx; } .fh_image { flex: 1; display: flex; /* justify-content: left; align-items: center; */ } .box { flex: 9; } .fh_name { font-size: 26rpx; font-weight: 600; letter-spacing: 2rpx; } .fh_type { color: #999999; font-size: 22rpx; } .fh_type text { margin-left: 20rpx; } /* 送货地址 */ .sh_box { display: flex; margin-bottom: 14rpx; margin-top: 14rpx; } .sh_image { flex: 1; display: flex; /* justify-content: left; align-items: center; */ } .sh_name { font-size: 28rpx; font-weight: 600; letter-spacing: 2rpx; } .sh_type { color: #999999; font-size: 22rpx; } .sh_type text { margin-left: 20rpx; } .fh_image image { width: 40rpx; height: 40rpx; } .sh_image image { width: 40rpx; height: 40rpx; } .order_btn { display: flex; justify-content: flex-end; align-items: center; height: 100rpx; line-height: 100rpx; /* margin-top: 8upx; */ } .btn1 { width: 170rpx; font-size: 28rpx; line-height: 60rpx; text-align: center; border: 1rpx solid #9C9C9C; border-radius: 20rpx; color: #9C9C9C; margin-right: 30rpx; } .btn2 { width: 170rpx; line-height: 60rpx; color: white; background: #FF6A04; font-size: 28rpx; text-align: center; margin-right: 30rpx; border-radius: 20rpx; } /* 收货码弹框 */ .receipt_code { width: 90%; margin: 0 auto; } .code_title { width: 100%; line-height: 100rpx; font-size: 31rpx; font-weight: bold; text-align: center; letter-spacing: 2rpx; margin-top: 21rpx; margin-bottom: 25rpx; } .u-input--border { border: 1px solid #F2F2F2 !important; background: #F2F2F2 !important; color: #999999 !important; font-weight: 500 !important; letter-spacing: 2rpx !important; } .u-input__input { font-size: 30rpx; font-weight: bold; flex: 1; color: #999999 !important; min-height: 85rpx !important; margin-top: 7rpx; } .sure { width: 100%; height: 80rpx; background: #FF7F00; color: white; border-radius: 46rpx; text-align: center; line-height: 80rpx; margin-top: 30rpx; letter-spacing: 2rpx; }