.order{ /* #ifdef H5 */ padding-top: 140upx; /* #endif */ /* #ifdef APP-PLUS */ padding-top: calc(var(--status-bar-height) + 100upx); /* #endif */ position: relative; } .screen_icon{ position: absolute; width: 48upx; height: 48upx; right: 40upx; top: 80upx; z-index: 99; } .nvs{ width: 90%; margin: 0 auto 40upx; display: flex; background: var(--c0); padding: 36upx 0; border-radius: 20upx; } .sums{ color: #666 !important; margin-top: 10upx; } .sums text:first-child{ margin-right: 8upx; } .noData{ text-align: center; padding: 20upx 0; display: flex; align-items: center; flex-direction: column; } .noData text{ margin-top: 20upx; color: #999999; } .noData image{ width: 320upx; } .nvs view{ flex: 1; } .nvs image{ width: 80upx; height: 86upx; display: block; margin: 0 auto 10upx; } .nvs text{ display: block; text-align: center; color: var(--c6); font-size: var(--f24); } .order-tabs{ width: 90%; margin: 0 auto 40upx; display: flex; } .order-tabs .order-tabs-v1{ width: 40%; } .order-tabs .order-tabs-v1 view{ width: 90%; height: 100upx; background-color: var(--c0); display: flex; align-items: center; justify-content: center; border-radius: 12upx; } .order-tabs .sn{ width: 40upx; height: 40upx; margin-right: 10upx; } .rgt{ width: 32upx; height: 36upx; margin-left: 10upx; margin-top: 4upx; } .order-tabs .order-tabs-v2{ width: 100%; background-color: var(--c0); border-radius: 12upx; } .order-tabs .order-tabs-v2 .order-tabs-v2s{ display: flex; align-items: center; position: relative; height: 100upx; } .order-tabs-v2 .search{ width: 40upx; height: 40upx; margin: 0upx 20upx; } .order-tabs-v2 input{ width: 70%; font-size: var(--f24); } .order-tabs-v2 .order-tabs-v2s view{ position: absolute; right: 20upx; color: var(--c427); border: 1px solid var(--c427); padding: 8upx 36upx; border-radius: 30upx; } .order-list{ width: 90%; margin: 0 auto; } .order-list-it{ background: url(@/static/img/list.png) no-repeat; background-size: 100% 100%; padding: 30upx; border-radius: 12upx; position: relative; margin-bottom: 30upx; } .order-list-tp{ display: flex; align-items: center; } .order-list-tp .fa{ width: 64upx; height: 64upx; margin-right: 16upx; } .order-list-it-v{ width: 84%; } .order-list-tp .fa-v{ padding: 0upx 0 10upx; border-bottom: 1px solid var(--cdf); display: flex; justify-content: space-between; } .fa-v text{ font-size: 28rpx; } .order-list-user{ padding: 20upx 10upx 12upx 10upx; font-size: var(--f32); color: var(--c3); font-weight: 700; } .order-list .times{ display: flex; padding: 0; font-size: var(--f26); color: var(--c9); margin-top:12upx; } .order-list .times image{ width: 42upx; height: 42upx; margin-right: 10upx; margin-top: -2upx; } .order-btn{ display: flex; align-items: center; font-size: 24upx; flex-wrap: wrap; justify-content: flex-end; width: 100%; } .order-btn view{ color: var(--c427); border: 1px solid var(--c427); padding: 8upx 28upx; border-radius: 30upx; margin-top: 20upx; margin-left: 8upx; } .bom{ position: fixed; right: 20upx; top: 500upx; z-index: 99; } .bom view{ width: 130upx; height: 130upx; position: relative; } .bom image{ width: 100%; height: 100%; display: block; } .bom text{ position: absolute; width: 100%; left: 0; display: flex; justify-content: center; align-items: center; bottom: 28upx; font-size:20upx; color: var(--c0); } .apply_content{ background: #fff; border-radius: 12upx; /* height: 500upx; */ padding-bottom: 20upx; width: 680upx; } .apply_title{ width: 100%; display: flex; align-items:center; justify-content: space-between; background-color: #f7f7f7; border-top-left-radius: 12upx; border-top-right-radius: 12upx; padding: 12upx 0; } .apply_title text{ font-size: 32upx; margin-left: 40upx; } .apply_title image{ width: 46upx; height: 46upx; margin-right: 20upx; } .apply_info{ width: 100%; text-align: center; display: flex; justify-content: center; font-size: 26upx; padding: 20upx 0; } .apply_info text:last-child{ color: #297CE7; font-size: 30upx; } .apply_reason{ width: 100%; display: flex; justify-content: center; font-size: 26upx; margin-top: 20upx; } .apply_reason textarea{ width: 52%; border: 1px solid #dfdfdf; height: 160upx; font-size: 26upx; border-radius: 6upx; padding: 12upx; } .apply-btn{ display: flex; align-items: center; font-size: 26upx; justify-content: center; margin-top: 60upx; } .apply-btn view{ color: #fff; background-color: #297CE7; padding: 16upx 36upx; border-radius: 8upx; } .apply-btn view:last-child{ margin-left: 20upx; color: var(--c427); background-color: #fff; border: 1px solid var(--c427); } .screen_content{ width: 280upx; background-color: #fefefe; font-size: 34upx; height: 100%; background-image: linear-gradient(to right, #f7f8f8 0%, #ececec 100%); background-size: 12%; background-repeat: no-repeat; background-position: right; } .screen_title{ background-color: #f7f7f7; padding: 30upx; background-image: linear-gradient(to right, #f7f8f8 0%, #ececec 100%); background-size: 12%; background-repeat: no-repeat; background-position: right; } .screen_list{ width: 100%; } .screen_list view{ display: flex; padding: 16upx; align-items: center; justify-content: space-between; } .screen_list view image{ width: 36upx; height: 36upx; } .screen_btns{ position: absolute; right: 0; width: 100%; bottom: 30px; display: flex; align-items: center; font-size: 28upx; justify-content: space-around; } .screen_btns view{ color: #3e6bfe; flex: 1; text-align: center; padding: 12upx 0; background-color: #dfe7ff; border-radius: 30upx; } .screen_btns view:last-child{ background-color: #3e6bfe; color: #fff; } .screen_item{ font-size: 26upx; margin-left: 20upx; width: 72%; border-bottom: 1px solid #f7f8f8; } .select_item{ background-color: #f7f8f8; } .lending_content{ width: 520upx; padding: 40upx; margin: 0 auto; background-color: #fff; border-radius: 12upx; } .lending_title{ text-align: center; font-weight: 600; padding-bottom: 30upx; font-size: 30upx; } .lending_info{ font-size: 26upx; line-height: 46upx; color: #666; width: 100%; height: 720upx; overflow: auto; } .lending_btns{ width: 100%; display: flex; margin-top: 20upx; align-items: center; font-size: 28upx; justify-content: space-around; } .lending_btns view{ color: #000; padding: 12upx 0; text-align: center; background-color: #dfe7ff; border-radius: 30upx; width: 200upx; } .lending_btns view:first-child{ background-color: #3e6bfe; color: #fff; } .corder-tab1-item{ padding: 16upx 30upx; display: flex; font-size: var(--f26); color: var(--c3); font-weight: 700; align-items: center; background-color: #fff; justify-content: space-between; } .corder-tab1-item image{ width: 42upx; height: 42upx; margin-right: 20upx; } .lendFrom_title{ margin: 26upx; font-size: 30upx; font-weight: bold; color: #3e6bfe; } .lendFrom_order{ display: flex; align-items: center; flex-wrap: wrap; background-color: #fff; padding: 20upx 30upx ; border-radius: 6upx; font-size: 28upx; } .lendFrom_order text{ min-width: 45%; font-weight: 600; margin: 10upx 0; } .corder-tab1-item text{ width: 170upx; display: block; } .corder-tab1-item input{ font-weight: 500; font-size: var(--f26); flex: 1; border: 1px solid var(--cdf); padding: 20upx; border-radius: 12upx; } .corder-phone{ flex: 1; display: flex; align-items: center; justify-content: space-between; } .control-status{ border: 1px solid var(--cdf); padding:12upx 8px; font-size: 26upx; border-radius: 4px; font-weight: normal; margin-left: 12px; } .control-item{ position: relative; width:50%; } .countrySn{ border: 1px solid var(--cdf); padding:20upx 3px; font-size: 26upx; border-radius: 6px; font-weight: normal; width: 110upx; } .countrySn .uni-input{ width: 50% !important; } .countrySn-item{ position: relative; } .countrySn-input{ margin-left: 0 !important; } .countrySn-item .rgt{ top: 18upx; position: absolute; right: 0; margin: 0; } .control-item .rgt{ top: 16upx; position: absolute; right: 6px; margin: 0; } .redcolor{ color: #ff5b5a; } .lendFrom_content{ width: 620upx; background-color: #f8f8f8; border-radius: 12upx; padding: 20upx; max-height:80vh; overflow-y: auto; } .corder_weight{ width: 110upx !important; } .corder_volume{ margin-left: 20upx; } .code{ margin-left: 12upx; padding: 20upx 60upx; background-color: #3e6bfe; border-radius: 12upx; color: #fff; } .lendFrom_info{ background-color: #fff; border-radius: 6upx; padding-bottom: 20upx; } .lenging_notice{ font-size: 30upx; font-weight: bold; width: 90%; margin: 0 auto; padding-bottom: 30upx; } .order-list-info{ display: flex; width: 100%; align-items: center; justify-content: space-between; } .order-btn-list{ width: 46%; display: flex; flex-wrap: wrap; margin-top: 30upx; } .lengingLog_list{ width: 100%; height: 500upx; overflow-y: auto; } .apply_upload{ display: flex; flex-direction: column; width: 56%; } .apply_upload image{ width: 100upx; height: 100upx; border-radius: 4upx; margin-bottom: 20upx; margin-right:20upx } .apply_btn{ background-color: #297CE7; border-radius: 8upx; color: #fff; font-size: 28upx; text-align: center; padding: 12upx 0; width: 300upx; } .imgList{ display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-top:40upx } .imgItem{ position: relative; } .delete{ width: 42upx !important; height: 42upx !important; position: absolute; right:-10upx; top:-10upx; z-index: 99; } .transport-info{ display: flex; align-items: center; flex-wrap: wrap; margin-top: 20upx; padding: 30upx; justify-content: space-between; } .transport-info view{ color: #333; font-weight: 600; font-family: 'PingFang-SC-Bold'; border-radius: 8upx; width: 40%; height: 145upx; padding: 20upx; font-size: 28upx; background-size: 100% 100%; } .type1{ background-image: url(../../static/img/type-3.png); } .type2{ background-image: url(../../static/img/type-4.png); } .type3{ background-image: url(../../static/img/type-5.png); } .type4{ background-image: url(../../static/img/type-2.png); } .ad-conten{ width: 580upx; border-radius: 16upx; background-repeat: no-repeat; background-size: 100%; background-image: url(../../static/img/bg2.png); padding-top: 2upx !important; padding-bottom: 20upx; } .ad-bg{ width: 60upx; height: 60upx; margin-top: -154upx; margin-right: 14upx; float: right; } .ad-bg1{ width: 30upx; height: 30upx; margin-top: 14upx; margin-right: 14upx; float: right; z-index: 99; } .ad-title{ width: 100%; text-align: center; font-size: 40upx; font-weight: 600; } .transport-title{ margin-top: 20upx; margin-left: 44upx; color: #143050; font-weight: 600; font-size: 16px; font-family: 'PingFang-SC-Bold'; position: relative; } .transport-title::after{ content: ''; position: absolute; left: -20upx; top: 3px; width: 2.5px; height: 16.5px; border-radius: 8upx; background-color: #2A6cd9; } .type-bg{ width: 400upx; height: 150upx; margin-top: 12upx; margin-left: 110upx; } .ad-btns{ width: 90%; margin: 20rpx auto; display:flex; flex-direction: column; align-items: center; justify-content: space-between; } .ad-btn{ width: 90%; color: #fff; text-align: center; padding: 40upx 0; background-image: url(../../static/img/btn_bg.png); background-size: 100%; background-repeat: no-repeat; } .ad-btn view{ margin-top: -20upx; font-size: 36upx; } .order-control-status{ width: 86%; display: flex; align-items: center; margin: 0 auto; background-color: #fff; border-radius: 6px; padding: 2%; margin-bottom: 12upx; } .v-picker{ position: relative; font-weight: 500; font-size: var(--f26); margin-left: 20upx; border: 1px solid var(--cdf); padding: 20upx; width: 62%; border-radius: 12upx; } .corder-tab1-items{ padding: 24upx 30upx; display: flex; font-size: var(--f26); color: var(--c3); font-weight: 700; align-items: center; background-color: #fff; } .corder-radio-2{ width: 80%; } .corder-radio-2 uni-radio-group{ display: flex; width: 100%; } .corder-radio-2 uni-radio-group .radio{ flex: 1; display: flex; align-items: center; } radio{ margin-right: 10upx; }