page { /* background-color: #0a2b57 !important; */ height: 100% !important; } uni-page-body { /* background-color: #0a2b57 !important; */ height: 100% !important; } uni-button:after { border: none; } uni-button{ font-size: 16px; } uni-button[disabled]:not([type]), uni-button[disabled][type=default] { background-color: transparent; } uni-toast .uni-toast { width: auto; min-width: 8em; padding: 0 10px; } /** 内容 */ .zd_container { width: 100%; height: 100%; background-color: #001538; /* background: top center / 100% 100% url(./static/images/page_bg.jpg) repeat-y; */ } .zd_content { width: 100%; height: 100%; padding: calc(var(--status-bar-height) + 50px) 10px 15px 10px; } .zd_wrapper { width: 100%; height: auto; background-color: #fff; border-radius: 24rpx; padding: 22rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .tab_wrapper { width: 100%; padding: 14px; box-shadow: inset 0px 2px 4px 4px rgba(2, 109, 173, 70%); } .filter_wrapper { width: 100%; padding: 14px; border: 1px solid #0f54a0; margin-bottom: 10px; } .filter_label { display: flex; flex-direction: column; justify-content: center; line-height: 28rpx; height: 80rpx; font-size: 28rpx; color: #1ab2f4; font-weight: bold; letter-spacing: 4rpx; padding-left: 10rpx; /* text-align:justify; text-align-last: justify; text-justify: inter-ideograph; */ } /** 筛选选择器样式 */ .filter_picker .uni-input { width: 100%; line-height: 80rpx; height: 80rpx; font-size: 28rpx; color: #606266; } /** 筛选下拉框带搜索过滤功能样式 */ .filter_select .uni-select { line-height: 80rpx !important; height: 80rpx !important; font-size: 28rpx !important; color: #606266; padding: 0 !important; border: 0 !important; } .filter_input { width: 100%; height: 80rpx; line-height: 80rpx; border: 0; background-color: transparent; font-size: 15px; color: #1ab2f4; } .filter_input_disabled { background-color: #eee; } .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; } .border-bottom { border-bottom: 1px solid #0f54a0; } .font-style-1 { font-size: 16px; line-height: 16px; color: #02619c; text-align: center; font-weight: bold; } .font-style-2 { color: #1ab2f4; } .border-r { border-right: 1px solid #043467; } .grid-wraper { width: 100%; } .slide_new { width: 100%; height: calc(100% - 81px); border-bottom: 1px solid #0f54a0; 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; 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{ position: sticky; left: 0; z-index: 101; } .slide_new table th:first-child{ position: sticky; left: 0; z-index: 102; } .slide_new table thead tr th { position: sticky; top: 0; font-size: 26rpx; line-height: 28rpx; padding: 35rpx 20rpx; color: #1ab2f4; background-color: #02305a; font-weight: bold; z-index: 100; } .slide_new table tbody tr td { font-size: 28rpx; line-height: 58rpx; padding: 14rpx 20rpx; color: #1ab2f4; } .slide_new table tbody tr:nth-child(odd) td { background-color: #001538; } .slide_new table tbody tr:nth-child(even) td { background-color: #02305a; } .slide_h table tbody tr td { font-size: 28rpx; line-height: 28rpx; padding: 14rpx 20rpx; color: #7d7d7d; background: #fff; } .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 thead tr th.fontcol1,.slide_new table tbody tr td.fontcol1 { color: #4e6ef2; font-weight: bold; } .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; background-color: #F60; color: #fff; } .slide_new table tbody tr td .fontbg1 { background-color: #cfd2d4; color: #5e5d5d; } .slide_new table tbody tr td .fontbg2 { background-color: #96f3b8; color: #36744c; } .slide_new table tbody tr td .fontbg3 { background-color: #f3ccb5; color: #ff5e00; } .slide_new table tbody tr.checked td { background-color: #00a7ea; color: #fff; } .slide_new table tbody tr.checked td.fontcol1, td.fontcol2 { color: #fff; } .item-wrapper { width: 100%; height: calc(100% - 44px); box-shadow: inset 0px -2px 4px 4px rgba(2, 109, 173, 70%); padding: 10px; } .item-wrap { background-color: #fff; border-radius: 24rpx; padding: 22rpx 30rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .isChecked { background-color: #fff !important; box-shadow: inset 2px 2px 4px 0px rgba(120, 141, 250, 0.7), inset -2px -2px 4px 0px rgba(120, 141, 250, 0.7); } /** 提交栏 **/ .submit-bar { width: 100%; padding: 30px 10px 10px 10px; } .button-default { font-size: 34rpx; line-height: 38rpx; height: 88rpx; color: #ff6a00; text-align: center; letter-spacing: 4rpx; padding: 0; background-color: #fff; border: 2rpx solid #ff6a00; border-radius: 10rpx; } .button-primary { font-size: 15px; line-height: 40px; height: 40px; color: #51e4f6; text-align: center; padding: 0 20px; margin: 0 30px; background-color: rgba(2, 109, 173, 70%); border: 1px solid rgba(2, 109, 173, 70%); border-radius: 2px; } .button-info, .submit-button[disabled] { color: #1ab2f4; background-color: transparent; } uni-button[disabled]:not([type]), uni-button[disabled][type=default] { border: 2rpx solid #c9c9c9; } /** 下拉框 */ .uni-select__selector { z-index: 300 !important; } /** 弹窗 */ .popshow { transform: translateY(0); } .pophide { transform: translateY(-150%); } .msg_wrapper { position: fixed; top: 0; top: 50px; right: 10px; width: 50%; background-color: #00113b; box-shadow: inset 0px 0px 4px 4px rgba(2, 109, 173, 70%); border-radius: 4px; z-index: 301; transition: all .3s; padding: 10px; } .msg_content { width: 100%; /* height: 100%; overflow-y: scroll; */ } .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 } .sin_input { width: 150rpx; font-size: 28rpx; line-height: 150rpx; height: 68rpx; color: #323232; padding: 0 .1rem; border: 1px solid #a1a1a1; border-radius: 3px; } .layout-t tr.checked td .sin_input { color: #8a8a8a; border: 1px solid #ffffff; } .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; }