/* 定制宽高按钮 */ @import '~ant-design-vue/dist/antd.css'; .flex { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } .inlineflex { display: -webkit-inline-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-inline-box; /* Firefox 17- */ display: -webkit-inline-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-inline-flex; /* Firefox 18+ */ display: -ms-inline-flexbox; /* IE 10 */ display: inline-flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } .ellipse { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ant-input::placeholder { color: #394753; } .commonInput { background: #15202B; border: 1px solid #2B3F52; border-radius: 3px; color: #E5E5E5; } .commonInput .ant-input { color: #E5E5E5; background: transparent; } .commonInput .ant-input-suffix { color: #E5E5E5; } .commonInput:hover, .commonInput:focus { border-color: #0C95FF; } .tableConditionInput { width: 140px; height: 30px; line-height: 30px; background: #252D34; /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 0; color: #E5E5E5; font-size: 14px; } .tableConditionInput + .tableConditionInput { margin-left: 10px; } .ant-select-dropdown { background: #424E59; border: 1px solid #48545F; box-shadow: 0px 10px 10px 0px rgba(18, 22, 24, 0.36); border-radius: 5px; } .ant-select-dropdown .ant-select-item { color: #7a8a94; } .ant-select-dropdown .ant-select-item-option-active, .ant-select-dropdown .ant-select-item-option-selected, .ant-select-dropdown .ant-select-item-option-hover { background: #3a87f7; color: #E5E5E5; } .srcollYTable .ant-table { width: 100%; } .srcollYTable .ant-table table { border: 0; } .srcollYTable .ant-table .ant-table-thead tr { box-shadow: 0px 1px 0px 0px #2E3539; } .srcollYTable .ant-table .ant-table-thead tr th { line-height: 34px; background: #212629; padding-top: 0; padding-bottom: 0; color: #556772; font-size: 14px; border-right: 1px solid #161A1C; border-bottom: 1px solid #161A1C; } .srcollYTable .ant-table .ant-table-tbody tr td { height: 34px; line-height: 34px; padding: 0 8px; border-right: 1px solid #161A1C; border-bottom: 1px solid #161A1C; font-size: 16px; color: #E5E5E5; } .srcollYTable .ant-table .ant-table-tbody tr.ant-table-expanded-row:hover td { background-color: #172B56; } .srcollYTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td { text-align: right; } .srcollYTable .ant-table .ant-table-placeholder { border: 0; background: #0E0E0F; } .srcollYTable .ant-table-row-expand-icon { border-color: #556772; background-color: transparent; color: #556772; } .srcollYTable .operBtn.ant-btn { margin-top: 0; margin-bottom: 0; height: 26px; line-height: 26px; } .topTable .ant-table { width: 100%; } .topTable .ant-table table { border: 0; } .topTable .ant-table .ant-table-thead tr { box-shadow: 0px 1px 0px 0px #2E3539; } .topTable .ant-table .ant-table-thead tr th { line-height: 34px; background: #212629; padding-top: 0; padding-bottom: 0; color: #556772; font-size: 14px; border-right: 1px solid #161A1C; border-bottom: 1px solid #161A1C; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .topTable .ant-table .ant-table-tbody tr td { height: 34px; line-height: 34px; padding: 0 8px; border-right: 1px solid #161A1C; border-bottom: 1px solid #161A1C; font-size: 16px; color: #E5E5E5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .topTable .ant-table .ant-table-tbody tr.ant-table-expanded-row:hover td { background-color: #172B56; } .topTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td { text-align: right; } .topTable .ant-table .ant-table-placeholder { border: 0; background: #0E0E0F; } .topTable .ant-table-row-expand-icon { border-color: #556772; background-color: transparent; color: #556772; } .topTable .operBtn.ant-btn { margin-top: 0; margin-bottom: 0; height: 26px; line-height: 26px; } .topOrderTable .ant-table { width: 100%; } .topOrderTable .ant-table table { border: 0; } .topOrderTable .ant-table .ant-table-thead tr { box-shadow: 0px 1px 0px 0px #2E3539; } .topOrderTable .ant-table .ant-table-thead tr th { line-height: 34px; background: #212629; padding-top: 0; padding-bottom: 0; color: #556772; font-size: 14px; border-right: 1px solid #161A1C; border-bottom: 1px solid #161A1C; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .topOrderTable .ant-table .ant-table-tbody tr td { height: 34px; line-height: 34px; padding: 0 8px; border-right: 1px solid #161A1C; border-bottom: 1px solid #161A1C; font-size: 16px; color: #E5E5E5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .topOrderTable .ant-table .ant-table-tbody tr.ant-table-expanded-row:hover td { background-color: #172B56; } .topOrderTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td { text-align: right; } .topOrderTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td:last-child { position: relative; } .topOrderTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td:last-child .btn-list { position: absolute; left: calc(100vw - 530px); top: 4px; width: 300px; text-align: right; } .topOrderTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td:last-child .btn-list .operBtn.ant-btn { margin-top: 0; margin-bottom: 0; height: 26px; line-height: 26px; } .topOrderTable .ant-table .ant-table-placeholder { border: 0; background: #0E0E0F; } .topOrderTable .ant-table-row-expand-icon { border-color: #556772; background-color: transparent; color: #556772; } .collapsed .topOrderTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td:last-child .btn-list { left: calc(100vw - 430px); } .dialogTable .ant-table { width: 100%; background: transparent; } .dialogTable .ant-table table { border: 1px solid #1B2A38; border-radius: 0; } .dialogTable .ant-table .ant-table-thead tr { box-shadow: 0px 1px 0px 0px #2E3539; } .dialogTable .ant-table .ant-table-thead tr th { line-height: 36px; background: #0F1A25; padding-top: 0; padding-bottom: 0; color: #88a0ae; font-size: 16px; border-right: 1px solid #1B2A38; border-bottom: 1px solid #1B2A38; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dialogTable .ant-table .ant-table-tbody tr td { height: 36px; line-height: 36px; padding: 0 8px; border-right: 1px solid #1B2A38; border-bottom: 1px solid #1B2A38; font-size: 14px; color: #E5E5E5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #0F1A25; } .dialogTable .ant-table .ant-table-placeholder { border: 0; background: #0F1A25; } .ant-empty-normal { color: #556772; } .ant-empty-img-simple-path, .ant-empty-img-simple-ellipse { fill: #556772; } .ant-empty-img-simple-g { stroke: #556772; } .ant-modal-wrap { overflow: hidden; } .add-custom, .commonModal { top: 0; max-height: 100%; padding-bottom: 0; } .add-custom .ant-modal-content, .commonModal .ant-modal-content { background: #0F1A25; border-radius: 5px; height: 100%; } .add-custom .ant-modal-content .ant-modal-close .ant-modal-close-x, .commonModal .ant-modal-content .ant-modal-close .ant-modal-close-x { width: 40px; height: 40px; line-height: 40px; } .add-custom .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-modal-close-icon, .commonModal .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-modal-close-icon { color: #1271BA; } .add-custom .ant-modal-content .ant-modal-header, .commonModal .ant-modal-content .ant-modal-header { height: 40px; background: linear-gradient(0deg, #112C43, #084258); border-radius: 5px; padding: 0; text-align: center; border-bottom: 0; } .add-custom .ant-modal-content .ant-modal-header .ant-modal-title, .commonModal .ant-modal-content .ant-modal-header .ant-modal-title { line-height: 40px; font-size: 16px; color: #ffffff; } .add-custom .ant-modal-content .ant-modal-body, .commonModal .ant-modal-content .ant-modal-body { min-height: 380px; max-height: calc(100vh - 115px); overflow-y: auto; } .add-custom .ant-modal-content .ant-modal-footer, .commonModal .ant-modal-content .ant-modal-footer { border-top: 0; text-align: center; padding-bottom: 31px; height: 75px; } .add-custom .ant-modal-content .ant-modal-footer .ant-btn-primary, .commonModal .ant-modal-content .ant-modal-footer .ant-btn-primary { width: 200px; height: 34px; line-height: 32px; border: 0; background: linear-gradient(0deg, #3163BA 0%, #4179DB 100%); border-radius: 3px; font-size: 16px; color: #ffffff; } .add-custom .ant-modal-content .ant-modal-footer .ant-btn-primary:hover, .commonModal .ant-modal-content .ant-modal-footer .ant-btn-primary:hover { background: linear-gradient(0deg, rgba(49, 99, 186, 0.8) 0%, rgba(65, 121, 219, 0.8) 100%); color: rgba(255, 255, 255, 0.8); } .add-custom .ant-modal-content .ant-modal-footer .ant-btn.cancelBtn, .commonModal .ant-modal-content .ant-modal-footer .ant-btn.cancelBtn { width: 200px; height: 34px; line-height: 32px; border: 1px solid #0C95FF; border-radius: 3px; background: transparent; font-size: 16px; color: #0C95FF; margin-right: 20px; } .add-custom .ant-modal-content .ant-modal-footer .ant-btn.cancelBtn:hover, .commonModal .ant-modal-content .ant-modal-footer .ant-btn.cancelBtn:hover { border-color: rgba(12, 149, 255, 0.8); } .ant-form.inlineForm .ant-row.ant-form-item { margin-bottom: 21px; } .ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label { position: relative; width: 130px; line-height: 30px; text-align: left; } .ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label label { color: #7a8a94; padding-left: 16px; } .ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label label::after { content: ''; } .ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label label::before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; font-size: 16px; line-height: 21px; color: #FB7F75; } .ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label label label { padding-left: 0; } .ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-control-wrapper .ant-form-item-control { line-height: 30px; } .ant-form.inlineForm .relative.ant-form-item { position: relative; } .ant-form.inlineForm .relative.ant-form-item .tip { position: absolute; font-size: 14px; color: #7a8a94; width: 100%; } .ant-form.inlineForm .relative.ant-form-item .ant-form-item-control { width: 200px; } .ant-form.inlineForm .relative.ant-form-item .ant-form-item-control .unit { float: right; color: #88a0ae; } .ant-form.inlineForm .relative.ant-form-item .ant-form-item-control .backUnit { position: absolute; right: -20px; top: -7px; line-height: 32px; height: 32px; color: #88a0ae; } .ant-form.inlineForm .tc.ant-form-item .ant-form-item-control-wrapper { margin: 0 auto; } .ant-form.inlineForm .pl40.ant-form-item .ant-form-item-label label { padding-left: 40px; } .ant-select-single .ant-select-selector { height: 30px; padding: 0 8px; background: #15202B; border: 1px solid #0C95FF; border-radius: 3px; color: #E5E5E5; } .ant-select-single .ant-select-arrow { right: 8px; color: #3A87F7; } .inlineFormSelect.ant-select-single, .shortSelect.ant-select-single { /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 1px solid #2B3F52; } .inlineFormSelect.ant-select-single:hover, .inlineFormSelect.ant-select-single:focus { border-color: #0C95FF; } .inlineFormSelect.ant-select-single .ant-select-selector { height: 30px; padding: 0 8px; background: #15202B; border: 0; color: #E5E5E5; } .inlineFormSelect.ant-select-single .ant-select-selector .ant-select-selection-placeholder { color: #394753; } .inlineFormSelect.ant-select-single .ant-select-arrow { right: 8px; color: #3A87F7 !important; } .shortSelect.ant-select-single { margin-right: 0; } .shortSelect.ant-select-single .ant-select-selector { padding: 0 5px; } .shortSelect.ant-select-single .ant-select-selector .ant-select-selection-item { padding-right: 14px; } .typeSelect.ant-select-single { /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 1px solid #2B3F52; } .typeSelect.ant-select-single:hover, .typeSelect.ant-select-single:focus { border-color: #0C95FF; } .typeSelect.ant-select-single .ant-select-selector { height: 30px; padding: 0 8px; background: #15202B; border: 0; color: #E5E5E5; } .typeSelect.ant-select-single .ant-select-selector .ant-select-selection-placeholder { color: #394753; } .typeSelect.ant-select-single .ant-select-arrow { right: 8px; color: #3a87f7; } .dialogInput { background: #15202B; border: 1px solid #2B3F52; border-radius: 3px; color: #E5E5E5; } .dialogInput .ant-input { color: #E5E5E5; background: transparent; } .dialogInput .ant-input-suffix { color: #E5E5E5; } .dialogInput .ant-input-suffix .ant-input-password-icon { color: #E5E5E5; } .dialogInput:hover, .dialogInput:focus { border-color: #0C95FF; } .suffixGrey .ant-input-suffix { color: #88a0ae; } .formFieldSet { border: 1px solid #162534; padding: 0 20px 20px; } .formFieldSet legend { color: #ffffff; } .formFieldSet + .formFieldSet { margin-top: 35px; } .formFieldSet_form { margin-top: 35px; } .ant-form legend { width: auto; margin-left: 20px; font-size: 16px; color: #ffffff; border-bottom: 0; padding: 0 10px; } .paddingDialog .formFieldSet legend, .fieldsetDialog .formFieldSet legend { width: auto; margin-left: 20px; font-size: 16px; color: #ffffff; border-bottom: 0; padding: 0 10px; } .paddingDialog .ant-modal-content .ant-modal-body { padding: 24px; } .upload { display: inline-flex; } .upload .ant-btn.uploadBtn { width: 60px; height: 30px; background: #3a87f7; border: 0; padding: 0; text-align: center; font-size: 14px; color: #ffffff; /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .upload .ant-btn.uploadBtn:hover { background: rgba(58, 135, 247, 0.8); color: rgba(255, 255, 255, 0.8); } .upload .ant-upload-list-item-info .anticon-loading, .upload .ant-upload-list-item-info .anticon-paper-clip { color: #ffffff; } .upload .ant-upload-list-item-info .ant-upload-list-item-name { color: #ffffff; } .upload .ant-upload-list-item-info .ant-upload-list-item-card-actions .anticon { color: #ffffff; } .upload .ant-upload-list-item-info:hover { background: transparent; } .upload .ant-upload-list-item-info:hover .anticon-loading, .upload .ant-upload-list-item-info:hover .anticon-paper-clip { color: #3a87f7; } .upload .ant-upload-list-item-info:hover .ant-upload-list-item-name { color: #3a87f7; } .upload .ant-upload-list-item-info:hover .ant-upload-list-item-card-actions .anticon { color: #3a87f7; } .upload .look { color: #3a87f7; font-size: 14px; margin-left: 10px; cursor: pointer; } .fl { float: left; } .fr { float: right; } .ml10 { margin-left: 10px; } .ml9 { margin-left: 9px; } .ml5 { margin-left: 5px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mb40 { margin-bottom: 40px !important; } .mr10 { margin-right: 10px; } .grey { color: #88a0ae; } .white { color: #ffffff; } .blue { color: #3a87f7; } .green { color: #1FF195; } .yellow { color: #FF9600; } .orange { color: #F52929; } .selectBtn.ant-btn { margin-left: 10px; width: 80px; height: 30px; line-height: 31px; text-align: center; background: linear-gradient(0deg, #455773 0%, #405066 98%); border: 0; color: #ffffff; font-size: 14px; /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .selectBtn.ant-btn:hover, .selectBtn.ant-btn:focus { background: linear-gradient(0deg, rgba(69, 87, 115, 0.8) 0%, rgba(64, 80, 102, 0.8) 98%); color: rgba(255, 255, 255, 0.8); border: 0; } .btnPrimary.ant-btn, .operBtn.ant-btn { margin-left: 10px; width: auto; min-width: 80px; height: 30px; line-height: 31px; text-align: center; background: linear-gradient(0deg, #26487C 0%, #29538C 99%); border: 0; color: #ffffff; font-size: 14px; /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .btnPrimary.ant-btn:hover, .operBtn.ant-btn:hover, .btnPrimary.ant-btn:focus, .operBtn.ant-btn:focus { background: linear-gradient(0deg, rgba(38, 72, 124, 0.8) 0%, rgba(41, 83, 140, 0.8) 99%); color: rgba(255, 255, 255, 0.8); border: 0; } .operBtn.ant-btn { margin-top: 9px; margin-bottom: 6px; } .ant-table-expanded-row .btn-list { padding-right: 10px; text-align: right; } .ant-table-expanded-row .btnPrimary.ant-btn { width: 80px; height: 26px; line-height: 27px; border: 0; background: linear-gradient(0deg, #3270d2, #3a87f7); box-shadow: -1px 0px 0px 0px #121618; /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .ant-table-expanded-row .btnPrimary.ant-btn:hover, .ant-table-expanded-row .btnPrimary.ant-btn:focus { background: linear-gradient(0deg, rgba(50, 112, 210, 0.8) 0%, rgba(58, 135, 247, 0.8) 99%); color: rgba(255, 255, 255, 0.8); border: 0; } .ant-table-expanded-row .ant-btn + .ant-btn { margin-left: 10px; } .btnDanger.ant-btn { margin-left: 10px; width: 80px; height: 26px; line-height: 27px; text-align: center; border: 0; color: #ffffff; font-size: 14px; background: linear-gradient(0deg, #FF5C6F 0%, #FB7F75 99%); /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .btnDanger.ant-btn:hover, .btnDanger.ant-btn:focus { background: linear-gradient(0deg, rgba(255, 92, 111, 0.8) 0%, rgba(251, 127, 117, 0.8) 99%); color: rgba(255, 255, 255, 0.8); border: 0; } .btnDeafault.ant-btn { margin-left: 10px; width: 80px; height: 26px; line-height: 27px; text-align: center; border: 0; color: #ffffff; font-size: 14px; background: linear-gradient(0deg, #343D46 0%, #38444F 100%); /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .btnDeafault.ant-btn:hover, .btnDeafault.ant-btn:focus { background: linear-gradient(0deg, rgba(52, 61, 70, 0.8) 0%, rgba(56, 68, 79, 0.8) 99%); color: rgba(255, 255, 255, 0.8); border: 0; } .to { font-size: 14px; color: #88a0ae; margin-left: -8px; margin-right: 2px; } .filterTable { display: inline-flex; width: calc(100% - 3px); padding-left: 3px; } .ant-row.dialogRowTitle { margin-left: 0 !important; margin-right: 0 !important; border: 1px solid #1B2A38; } .ant-row.dialogRowTitle .ant-col { border-top: 1px solid #1B2A38; border-right: 1px solid #1B2A38; padding-left: 0 !important; padding-right: 0 !important; height: 34px; line-height: 34px; font-size: 16px; color: #88a0ae; } .ant-row.dialogRowTitle .ant-col .red { color: #FB7F75; } .ant-row.dialogRowTitle .ant-col:nth-child(1), .ant-row.dialogRowTitle .ant-col:nth-child(2), .ant-row.dialogRowTitle .ant-col:nth-child(3), .ant-row.dialogRowTitle .ant-col:nth-child(4) { border-top: 0; text-align: center; } .ant-row.dialogRowTitle .ant-col:last-child { border-right: 1px solid #1B2A38; } .ant-row.dialogRowTitle .bt1 { border-top: 1px solid #1B2A38 !important; } .commonPicker.ant-calendar-picker .ant-input { background: #15202B; border-color: #2B3F52; padding: 4px 8px; /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .commonPicker.ant-calendar-picker .ant-input .ant-calendar-range-picker-input { color: #ffffff; font-size: 14px; } .commonPicker.ant-calendar-picker .ant-input .ant-calendar-range-picker-input::placeholder { color: #394753; } .commonPicker.ant-calendar-picker .ant-input .ant-calendar-picker-clear { background: #ffffff; } .commonPicker.ant-calendar-picker .ant-input .ant-calendar-range-picker-separator { font-size: 14px; color: #88a0ae; } .commonDatePicker.ant-calendar-picker .ant-input { background: #252D34; padding: 0 8px; height: 30px; line-height: 30px; border: 0; color: #E5E5E5; } .commonDatePicker.ant-calendar-picker .ant-calendar-picker-icon { color: #7a8a94; } .commonDatePicker.ant-calendar-picker .ant-calendar-picker-clear { background: transparent; color: #7a8a94; } .commonDatePicker.ant-calendar-picker .ant-calendar-picker-clear svg { fill: #7a8a94; } .ant-popover .ant-popover-content { border: 1px solid #424E59; /*圆角兼容性*/ -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .ant-popover .ant-popover-content .ant-popover-arrow { border-top-color: #424E59; border-left-color: #424E59; } .ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content { border-image-width: 0; background: #424E59; color: #ffffff; padding: 5px 15px; } .ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content:hover { color: #3a87f7; } .ant-calendar-picker-container .ant-calendar-range, .ant-calendar-picker-container .ant-calendar { background: #424E59; border-color: #424E59; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-input-wrap, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-input-wrap { border-bottom-color: #48545F; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-input-wrap .ant-calendar-input, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-input-wrap .ant-calendar-input { background: transparent; border: 1px solid #7a8a94; color: #ffffff; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-input-wrap .ant-calendar-input::placeholder, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-input-wrap .ant-calendar-input::placeholder { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header { border-color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-year-btn, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-year-btn, .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-month-btn { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-year-btn::before, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-year-btn::before, .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-month-btn::before, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-month-btn::before, .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-year-btn::after, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-year-btn::after, .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-month-btn::after, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-month-btn::after { border-color: #88a0ae; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-month-select, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-month-select, .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-year-select, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-header .ant-calendar-year-select { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body { border-top-color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-column-header-inner, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-column-header-inner { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-cell .ant-calendar-date, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-cell .ant-calendar-date { background: transparent; color: #ffffff; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-cell:hover .ant-calendar-date, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-cell:hover .ant-calendar-date { color: #3a87f7; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-last-day-of-month .ant-calendar-date, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-last-day-of-month .ant-calendar-date, .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-next-month-btn-day .ant-calendar-date, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-next-month-btn-day .ant-calendar-date { color: #E5E5E5; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-disabled-cell .ant-calendar-date, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-disabled-cell .ant-calendar-date { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-selected-day .ant-calendar-date, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-selected-day .ant-calendar-date { color: #3a87f7; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-active-week .ant-calendar-cell .ant-calendar-date, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-body .ant-calendar-active-week .ant-calendar-cell .ant-calendar-date { background: transparent; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-range-middle, .ant-calendar-picker-container .ant-calendar .ant-calendar-panel .ant-calendar-date-panel .ant-calendar-range-middle { color: #E5E5E5; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-footer, .ant-calendar-picker-container .ant-calendar .ant-calendar-footer { border-top-color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-footer .ant-calendar-time-picker-btn, .ant-calendar-picker-container .ant-calendar .ant-calendar-footer .ant-calendar-time-picker-btn { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-footer .ant-calendar-ok-btn, .ant-calendar-picker-container .ant-calendar .ant-calendar-footer .ant-calendar-ok-btn { background-color: #3a87f7; border-color: #3a87f7; color: #ffffff; } .ant-calendar-picker-container .ant-calendar-range .ant-calendar-footer .ant-calendar-ok-btn:hover, .ant-calendar-picker-container .ant-calendar .ant-calendar-footer .ant-calendar-ok-btn:hover { background-color: rgba(58, 135, 247, 0.8); border-color: rgba(58, 135, 247, 0.8); color: rgba(255, 255, 255, 0.8); } .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-header .ant-calendar-prev-year-btn, .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-header .ant-calendar-prev-month-btn { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-header .ant-calendar-prev-year-btn::before, .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-header .ant-calendar-prev-month-btn::before, .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-header .ant-calendar-prev-year-btn::after, .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-header .ant-calendar-prev-month-btn::after { border-color: #88a0ae; } .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-header .ant-calendar-month-panel-year-select { color: #7a8a94; } .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-month-panel-body .ant-calendar-month-panel-table .ant-calendar-month-panel-tbody .ant-calendar-month-panel-cell .ant-calendar-month-panel-month { color: #E5E5E5; } .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-calendar-content .ant-calendar-month-header-wrap .ant-calendar-month-panel-body .ant-calendar-month-panel-table .ant-calendar-month-panel-tbody .ant-calendar-month-panel-cell .ant-calendar-month-panel-month:hover { background: transparent; color: #3a87f7; } .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-panel { background: #424E59; border-color: #424E59; } .ant-calendar-picker-container .ant-calendar-month-calendar .ant-calendar-month-panel .ant-calendar-month-panel-header { border-color: #7a8a94; } .ant-calendar-range .ant-calendar-in-range-cell::before { background: rgba(66, 78, 89, 0.8); } .has-error .ant-input:not(.has-error .ant-input-disabled), -has-error .ant-input:not(.has-error .ant-input-disabled), .has-error .ant-input:not(-has-error .ant-input-disabled), -has-error .ant-input:not(-has-error .ant-input-disabled) { background: #15202B; } .ant-modal-confirm-confirm { top: 50%; padding-bottom: 0; margin-top: -64px; } .ant-modal-confirm-confirm .ant-modal-content { background: #0F1A25; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-close .ant-modal-close-x { width: 40px; height: 40px; line-height: 40px; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-modal-close-icon { color: #1271BA; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body { padding: 24px; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-body .ant-modal-confirm-title { color: #ffffff; text-align: center; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns { float: none; text-align: center; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn { width: 100px; height: 34px; line-height: 32px; border: 1px solid #0C95FF; border-radius: 3px; background: transparent; font-size: 16px; color: #0C95FF; margin-right: 20px; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn:hover { border-color: rgba(12, 149, 255, 0.8); } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-primary { margin-left: 20px; width: 100px; height: 34px; line-height: 32px; border: 0; background: linear-gradient(0deg, #3163BA 0%, #4179DB 100%); border-radius: 3px; font-size: 16px; color: #ffffff; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-primary:hover { background: linear-gradient(0deg, rgba(49, 99, 186, 0.8) 0%, rgba(65, 121, 219, 0.8) 100%); color: rgba(255, 255, 255, 0.8); } .tltLeft { font-size: 16px; text-align: left; } .tltLeft .icon { font-size: 20px; fill: #3a87f7; margin-right: 10px; } .ant-collapse.spotCollapse.ant-collapse-borderless { margin-top: 10px; background-color: transparent; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item { border-bottom: 0; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header { color: #556772; font-size: 14px; border-bottom: 1px solid #1D2327; padding: 10px 8px 10px 44px; height: 43px; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .ant-collapse-arrow { fill: #556772; width: 16px; height: 16px; font-size: 16px; left: 0; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { padding: 0 0 0 30px; background-color: transparent; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row.contRow { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #E5E5E5; margin-bottom: 10px; background: #0f161c; border: 1px solid #172b56; border-radius: 3px; padding-left: 14px; padding-right: 12px; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row.contRow .ant-col:last-child { text-align: right; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row.contRow .ant-col:first-child { text-align: left; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .contRow:first-child { margin-top: 9px; } .ant-collapse.spotCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .contRow:last-child { margin-bottom: 20px; } .ant-collapse.busyCollapse.ant-collapse-borderless { margin-top: 10px; background: #0f161c; border: 1px solid #172b56; /*圆角兼容性*/ -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item { border-bottom: 0; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header { color: #556772; font-size: 14px; border-bottom: 0; padding: 0; line-height: 43px; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .ant-collapse-arrow { fill: #556772; width: 16px; height: 16px; font-size: 16px; left: 0; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .ant-row.contRow { width: 100%; line-height: 40px; font-size: 16px; color: #E5E5E5; margin-bottom: 10px; border: 0 !important; padding-left: 14px; padding-right: 12px; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .ant-row.contRow .ant-col:last-child { text-align: right; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .ant-row.contRow .ant-col:first-child { text-align: left; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .contRow:first-child { margin-top: 0 !important; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .contRow:last-child { margin-bottom: 0 !important; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box { padding: 0 0 0 30px; background-color: transparent; } .ant-collapse.busyCollapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box .btn-list { width: calc(100% - 10px); justify-content: flex-end; padding-right: 10px; padding-bottom: 10px; } .ant-row.headRow .ant-col:first-child { text-align: left; } .ant-row.headRow .ant-col:nth-child(3) { text-align: right; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, .dialogInput:-webkit-autofill { box-shadow: inset 0 0 0 1000px #15202B; -webkit-text-fill-color: #e5e5e5; } input:-internal-autofill-selected { background-color: #15202B !important; } .login input:-webkit-autofill { box-shadow: inset 0 0 0 1000px #ffffff; } .ant-checkbox-group.commonCheckboxGroup { width: 100%; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper { color: #ffffff; font-size: 14px; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper .ant-checkbox { margin-right: 2px; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner { background: #15202B; border: 1px solid #2B3F52; border-radius: 3px; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after { border-color: #3A87F7; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked::after { border-color: #3A87F7; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper span + span { margin-right: 15px; color: #ffffff; font-size: 14px; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper-disabled .ant-checkbox-disabled { outline-color: #2B3F52; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-input { color: #ffffff; font-size: 14px; } .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner { border-color: #2B3F52 !important; } .commonRadioGroup .ant-radio-wrapper { color: #ffffff; font-size: 14px; } .commonRadioGroup .ant-radio-wrapper .ant-radio .ant-radio-inner { border-color: #3A87F7; background: #15202B; } .commonRadioGroup .ant-radio-wrapper .ant-radio .ant-radio-inner::after { left: 4px; top: 4px; width: 6px; height: 6px; background: #3A87F7; border-radius: 50%; } .commonRadioGroup .ant-radio-wrapper-disabled .ant-radio-disabled .ant-radio-inner { border-color: #3A87F7 !important; background: #15202B; } .commonRadioGroup .ant-radio-wrapper-disabled .ant-radio-disabled .ant-radio-inner::after { left: 4px; top: 4px; width: 6px; height: 6px; background: #3A87F7; border-radius: 50%; } .commonRadioGroup .ant-radio-wrapper-disabled span + span { color: #ffffff; font-size: 14px; } .tc { text-align: center; } .checkboxGroupItem .ant-col.ant-form-item-control-wrapper { max-width: calc(100% - 130px); } .ant-spin-container::after, .ant-drawer-content { background-color: transparent; } .ant-layout-sider-has-trigger { padding-bottom: 40px; } .tableContextCenter .dialogTable .ant-table-thead tr th { text-align: center; } .tableContextCenter .dialogTable .ant-table-tbody tr td { text-align: center; } .filter-check > span:nth-of-type(2) { color: #88a0ae; height: 30px; line-height: 30px; } /*滚动条样式*/ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #272E32; } ::-webkit-scrollbar-button { background-color: #171A1B; } ::-webkit-scrollbar-track-piece { background-color: #171A1B; } ::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-corner { background-color: #171A1B; } html { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; overflow: hidden; background-color: #e9eef3; } .ant-layout { background: rgb(255 255 255); } .ant-layout aside { background: rgb(255 255 255); } .ant-layout > section header { background: rgb(255 255 255); padding: 0; } .ant-layout > section main { background: rgb(255 255 255); } .ant-card .ant-card-head { border: none; } .ant-card .ant-card-head .ant-card-head-wrapper { border-bottom: 1px solid #f0f0f0; } .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title { text-align: left; font-size: 16px; font-family: Source Han Sans CN; font-weight: 500; color: #444444; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description { color: #1abbcf; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon { border-color: #1abbcf; } .ant-modal-title { font-size: 18px; font-family: Source Han Sans CN; font-weight: 500; color: #1abbcf; } .submit { background: #1abbcf; border-radius: 3px; color: #fff; } .ant-btn-primary { background-color: #1abbcf; } .ant-btn:hover, .ant-btn:focus, .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover, .ant-menu-submenu-selected, .ant-menu-item-selected, .ant-menu-item-selected > a, .ant-menu-item-selected > a:hover { color: #1abbcf; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { border-right: 3px solid #1abbcf; } .ant-checkbox-checked::after, .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner, .ant-input-affix-wrapper:hover, .ant-input-affix-wrapper:focus, .ant-select:not(.ant-select-disabled):hover .ant-select-selector, .ant-btn-primary, .ant-btn:hover, .ant-input:focus, .ant-input:hover, .ant-btn:focus, .ant-btn-primary, .ant-btn:hover, .ant-input:focus, .ant-input:hover, .ant-btn:focus { border-color: #1abbcf; } .ant-input-affix-wrapper:focus, .ant-btn:focus { box-shadow: rgb(26 187 10.35%) 0px 0px 0px 2px; } ::selection { color: #ffffff; background: rgb(54 187 207); } .ant-modal-wrap { overflow-y: scroll; } .theme { color: #3a87f7; } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .ant-spin-nested-loading > div > .ant-spin { max-height: 100%; } .ant-spin-nested-loading { width: 100%; height: 100%; } .ant-spin-nested-loading .ant-spin-container { width: 100%; height: 100%; display: flex; } .ant-switch-checked { background-color: #3a87f7; } .icon { cursor: pointer; } .ant-empty { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .mt15 { margin-top: 15px; } .mt25 { margin-top: 25px; } .ellipsis { font-size: 12px; display: block / inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 120px; display: inline-block; } .ant-menu-dark, .ant-menu-dark { background-color: #1d2327; } .ant-menu-dark .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-title { font-size: 16px; text-align: left; } .ant-menu-dark .ant-menu-sub, .ant-menu-dark .ant-menu-sub { background-color: #14181b; } .ant-menu-dark .ant-menu-sub .ant-menu-item, .ant-menu-dark .ant-menu-sub .ant-menu-item { font-size: 14px; font-family: Adobe Heiti Std; color: #88A0AE; text-align: left; } .ant-menu-dark .ant-menu-sub .ant-menu-item-selected, .ant-menu-dark .ant-menu-sub .ant-menu-item-selected { color: #fff; } .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-item-selected, .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-submenu-active, .ant-menu-horizontal > .ant-menu-submenu-open, .ant-menu-horizontal > .ant-menu-submenu-selected, .ant-menu-horizontal > .ant-menu-submenu:hover { color: #3a87f7; } .mine_layout .ant-menu .ant-menu-item-selected, .mine_layout .ant-menu .ant-menu-item:hover { color: #3a87f7; border-bottom: 2px solid #3a87f7; } .pointer { cursor: pointer; } .ant-table-wrapper .ant-table-thead tr th { background: #212629; color: #556772; font-size: 14px; font-family: Adobe Heiti Std; } .ant-table-wrapper .ant-table-thead > tr:first-child > th:last-child, .ant-table-wrapper .ant-table-thead > tr:first-child > th:first-child { border-radius: 0px; } .ant-table-wrapper .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { background: #172b56; } .ant-table-wrapper .ant-table-body tr td { background-color: #0E0E0F; color: white; cursor: pointer; } .ant-table-wrapper .ant-table-bordered .ant-table-thead > tr > th, .ant-table-wrapper .ant-table-bordered .ant-table-tbody > tr > td { padding: 0; height: 34px; line-height: 34px; border-color: #161a1c; font-family: Adobe Heiti Std; font-size: 16px; } .ant-table-wrapper .ant-table-fixed { width: max-content !important; color: #e5e5e5; background: #0e0e0f; border-top-color: #0e0e0f !important; border-left-color: #161a1c !important; } .table-height { height: calc(100% - 40px); } .table-detail-container { position: relative; overflow: hidden; } .iframe-container { height: calc(100% - 40px); } .iframe-container > iframe { width: 100%; height: 100%; }