page { background-color: #f2f5fa !important; min-height: 100% !important; height: 100% !important; } uni-page-body { min-height: 100% !important; height: 100% !important; } uni-button:after { border: none; } /** iconfont */ @font-face { font-family: 'iconfont'; src: url('@/static/iconfont/iconfont.woff2?t=1665454521636') format('woff2'), url('@/static/iconfont/iconfont.woff?t=1665454521636') format('woff'), url('@/static/iconfont/iconfont.ttf?t=1665454521636') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 50rpx; color: #000; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon_eye_close { color: #bbb; } .icon_eye_active { color: #ff6a00; } .icon_unchecked { color: #fff; width: 32rpx; height: 32rpx; background-color: #fff; font-size: 24rpx; border: 1rpx solid #bbb; } .icon_checked { color: #ff6a00; border: 1rpx solid #ff6a00; } .icon_choosed { position: absolute; bottom: 0; right: 0; padding: 4rpx 10rpx; line-height: 20rpx; font-size: 20rpx; color: #fff; border: 1rpx solid #ff6a00; background-color: #ff6a00; border-top-left-radius: 10rpx; border-bottom-right-radius: 10rpx; } .icon_back { font-size: 52rpx; line-height: 52rpx; color: #fff; } .icon_home { font-size: 52rpx; line-height: 52rpx; color: #fff; } .icon_scan { width: 42rpx; height: 48rpx; font-size: 40rpx; line-height: 48rpx; color: #323232; text-align: center; } .icon_phone { width: 48rpx; height: 48rpx; font-size: 36rpx; line-height: 48rpx; color: #323232; text-align: center; } .icon_del { width: 46rpx; height: 48rpx; font-size: 46rpx; line-height: 48rpx; color: #323232; text-align: center; } .icon_search { width: 48rpx; height: 48rpx; font-size: 40rpx; color: #323232; line-height: 48rpx; } .cancel_icon::before { content: "\e6db"; } .cancel_icon { display: block; width: 60rpx; height: 60rpx; font-size: 40rpx; color: #000; line-height: 60rpx; text-align: center; border: 1px solid #999; border-radius: 50%; transform: rotate(-90deg); } .icon_start_point { width: 46rpx; height: 46rpx; font-size: 26rpx; line-height: 46rpx; background-color: #ff6a00; color: #fff; border-radius: 50%; } .icon_vdash_line { width: 46rpx; height: 26rpx; font-size: 26rpx; line-height: 26rpx; text-align: center; color: #ff6a00; } .unchecked { width: 24px; height: 24px; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .checked-filled { background-color: #ff6a00; border-color: #ff6a00; } /** 内容 */ .zd_container { width: 100%; height: 100%; } .zd_content { position: relative; top: calc(var(--status-bar-height) + 72rpx); width: 100%; height: auto; padding: 20rpx 14rpx 140rpx 14rpx; /* background: linear-gradient(to bottom, #ff6400 0%, #fee4d7 30%, #f6f6f6 100%) */ background-color: #f6f6f6; } .zd_wrapper { width: 100%; height: auto; background-color: #fff; border-radius: 24rpx; padding: 22rpx 14rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .filter_item { display: flex; align-items: center; width: 100%; margin-bottom: 10rpx; } .filter_item:last-child { margin-bottom: 0; } .filter_label_wraper { flex: none; width: 140rpx; text-align:justify; text-align-last: justify; text-justify: inter-ideograph;/*兼容ie*/ } .filter_label { display: block; width: 140rpx; line-height: 80rpx; font-size: 28rpx; color: #323232; font-weight: bold; text-align:justify; text-align-last: justify; text-justify: inter-ideograph;/*兼容ie*/ } .filter_label_1 { line-height: 30rpx; } .filter_search { width: 100rpx; height: 70rpx; line-height: 70rpx; font-size: 28rpx; color: #323232; text-align: center; background-color: #fff; border: 1px solid #ff6a00; border-radius: 10rpx; margin-left: 30rpx; } .filter_search_disabled { background-color: #dcdfe6; border: 1px solid #dcdfe6; color: #fff; } .filter_input_wraper { /* flex: 1; */ width: calc(100% - 170rpx); height: 80rpx; padding: 5rpx 0; margin-left: 30rpx; display: flex; justify-content: flex-start; align-items: center; } .filter_input_wraper_1 { height: 30rpx; } .filter_input_wraper_inn_text { line-height: 30rpx; font-size: 28rpx; color: #606266; } .filter_input { width: 100%; height: 70rpx; line-height: 70rpx; border: 1px solid #dcdfe6; background-color: #fff; padding: 0 15rpx; font-size: 28rpx; color: #606266; border-radius: 10rpx; } .filter_input_disabled { background-color: #eee; } .grid-wraper { width: 100%; } .slide_new { width: 100%; height: 100%; overflow-y: auto; } .slide_h { overflow-y: hidden; } .slide_new table { table-layout: fixed; min-width: 100%; border-collapse: separate; border-spacing: 0; border: 0; } .slide_new table td, .slide_new table th { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20rpx; border-bottom: 10rpx solid #f5f5f5; text-align: center; } .slide_h table td, .slide_h table th { white-space: wrap; padding: 0 20rpx; border-bottom: 10rpx solid #f5f5f5; text-align: center; } .slide_new table td:first-child, .slide_new table th:first-child{ position: sticky; left: 0; z-index: 101; } .slide_new table thead tr th { position: sticky; top: 0; background: #d7d7d7; font-size: 26rpx; line-height: 28rpx; padding: 35rpx 10rpx; color: #7d7d7d; background-color: #dcdfea; font-weight: bold; z-index: 100; } .slide_new table tbody tr td { font-size: 28rpx; line-height: 58rpx; padding: 14rpx 20rpx; color: #7d7d7d; background: #fff; } .slide_h table tbody tr td { font-size: 28rpx; line-height: 28rpx; padding: 14rpx 20rpx; color: #7d7d7d; background: #fff; } .slide_new table tbody tr.checked td { background-color: #f9efb6; } .slide_new table tbody tr td .td_input { width: 150rpx; font-size: 28rpx; color: #305fbf; line-height: 30rpx; height: 58rpx; padding: 14rpx; border: 1px solid #889dc7; box-shadow: 0 0 0 2px rgba(136, 157, 199,.2); border-radius: 10rpx; } .slide_new table tbody tr td.fontcol1 { color: #007de7; } .slide_new table tbody tr td.fontcol2 { color: #000; } .slide_new table tbody tr td .fontbg{ font-size: 26rpx; line-height: 30rpx; padding: 8rpx 20rpx; border-radius: 8rpx; } .slide_new table tbody tr td .fontbg1 { background-color: #cfd2d4; color: #5e5d5d; } .slide_new table tbody tr td .fontbg3 { background-color: #96f3b8; color: #36744c; } .slide_new table tbody tr td .fontbg4 { background-color: #f3ccb5; color: #ff5e00; } .item-wrapper { width: 100%; height: auto; } .item-wrap { background-color: #fff; border-radius: 24rpx; padding: 22rpx 14rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .item-font-1 { font-size: 28rpx; color: #42444a; line-height: 30rpx; padding: 14rpx 4rpx; } .item-font-2 { font-size: 26rpx; color: #2b87ff; line-height: 30rpx; padding: 14rpx 4rpx; background-color: #edf6ff; border-radius: 10rpx; text-align: center; } .item-font-3 { font-size: 26rpx; color: #ff8824; line-height: 30rpx; padding: 14rpx 4rpx; background-color: #fff4ea; border-radius: 10rpx; text-align: center; } .item-font-4 { font-size: 26rpx; color: #c1c1c3; line-height: 30rpx; padding: 14rpx 4rpx; } .item-status { font-size: 26rpx; color: #fff; line-height: 30rpx; padding: 6rpx 1rpx; background-color: #fff; border-radius: 10rpx; text-align: center; } .item-status-1 { background-color: #cfd2d4; color: #5e5d5d; } .item-status-2 { color: #bf8836; background-color: #f0e2cd; } .item-status-3 { background-color: #f3ccb5; color: #ff5e00; } .item-status-4 { background-color: #96f3b8; color: #36744c; } .item-line-1 { height: 1rpx; background-color: #b8b8ba; } .item-line-2 { width: 1rpx; height: 30rpx; background-color: #000; margin: 0 14rpx; } /** 提交栏 **/ .submit-bar { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; background-color: #fff; padding-top: 20rpx; box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); } .submit-bar_new { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; background-color: #fff; padding: 14rpx; box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); } .submit-button { font-size: 34rpx; line-height: 88rpx; color: #ff6a00; text-align: center; letter-spacing: 1rpx; padding: 0 22rpx; background-color: #fff; border: 1px solid #ff6a00; margin: 0 40rpx 20rpx 0; border-radius: 10rpx; } .submit-button_new { font-size: 34rpx; line-height: 88rpx; color: #fff; text-align: center; letter-spacing: 1rpx; padding: 0; background-color: #ff6a00; border-radius: 10rpx; } .submit-button_c { font-size: 34rpx; line-height: 88rpx; color: #ff6a00; text-align: center; letter-spacing: 1rpx; padding: 0; background-color: #fff; border: 1px solid #ff6a00; border-radius: 10rpx; } .submit-more { width: 20%; font-size: 34rpx; line-height: 34rpx; padding: 27rpx 10rpx; color: #000; text-align: center; background-color: #fff } .btn-disabled, .submit-button[disabled] { background-color: #c9c9c9 !important; border: 1px solid #c9c9c9 !important; color: #fff !important; } .more_btns_wraper { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 201; padding: 0 20rpx 20rpx; transition: all .3s; } .more-button { font-size: 34rpx; line-height: 88rpx; color: #ff6a00; text-align: center; border-radius: 0; background-color: transparent; } .more_btns_items .btn-disabled, .more_btns_items .submit-button_new[disabled] { color: #c9c9c9; border: none; } .more-button:last-child { border-bottom: none; } .more_btns_cancle { margin-top: 20rpx; width: 100%; font-size: 34rpx; line-height: 88rpx; color: #000; text-align: center; background-color: #fff; border-radius: 20rpx; } .more_btns_items{ width: 100%; border-radius: 20rpx; background-color: #fff; } /** 下拉框 */ .uni-select__selector { z-index: 300 !important; } /** 弹窗 */ .popshow { transform: translateY(0); } .pophide { transform: translateY(100%); } .msg_wrapper { position: fixed; bottom: 0; left: 0; width: 100%; padding: 60rpx 28rpx; background-color: #fff; box-shadow: 0 -8px 16px 0 rgba(28,31,33,.1); border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; z-index: 301; transition: all .3s; } .msg_box { width: 100%; } .msg_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; background: #000; z-index: 300; } .msg_btns { width: 100%; margin: 40rpx auto 0; } .msg_btn { font-size: 34rpx; line-height: 78rpx; color: #fff; background-color: #ff6a00; border: 1rpx solid #ff6a00; border-radius: 44rpx; box-shadow: 0 8rpx 18rpx 0 rgba(0,0,0,.2); } .msg_btn_cancle { background-color: #fff; border: 1rpx solid #ff6a00; font-size: 34rpx; line-height: 78rpx; border-radius: 44rpx; color: #000; box-shadow: 0 8rpx 18rpx 0 rgba(0,0,0,.2); } .msg_btn:disabled { background-color: #c9c9c9; } .uni-select__input-placeholder,.uni-select__selector-empty, .uni-select__selector-item { font-size: 28rpx !important } .flow_wrapper { width: 100%; background-color: #fff; border-radius: 24rpx; padding: 22rpx 20rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .font-size-1 { font-size: 30rpx; line-height: 54rpx; color: #ff6a00; } .font-size-2 { font-size: 30rpx; line-height: 54rpx; color: #000; } .flow_start_item { position: relative; background-color: #f3f3f3; border: 1rpx solid #f3f3f3; border-radius: 10rpx; } .flow_start_item_checked { position: relative; background-color: #fff; border: 1rpx solid #ff6a00; } .flow_icon_item_1 { width: 46rpx; height: 56rpx; } .flow_icon_item_2 { width: 46rpx; height: 26rpx; }