html,body{
overflow-x: hidden;
height: 100%;
-webkit-tap-highlight-color: transparent;
}
/* 对话框样式 */
/*添加draggable 防止遮罩层消失*/
.ivu-modal-no-mask {
/* 防止出现滚动条 */
overflow: hidden !important;
pointer-events: auto !important;
background-color: rgba(55,55,55,.6);
}
/* 弹窗垂直居中 */
.common-modal .ivu-modal {
width: auto !important;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
top:0
}
.common-modal .ivu-modal-content {
background-color: #06214D;
border: 1px solid #0185EA;
}
.common-modal .ivu-modal-header {
background: linear-gradient(90deg, #0B7FD8, #09398E);
border-bottom: 1px solid #21437B;
}
.common-modal .ivu-modal-header .ivu-modal-header-inner {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
.common-modal .ivu-modal-close .ivu-icon-ios-close:hover {
color: #999;
}
.common-modal .ivu-modal-footer {
border-top: none;
padding-top: 0;
}
.common-modal .ivu-btn-default {
background-color: #0E2F63;
border: 1px solid #5774A3;
border-radius: 5px;
color: #83A4D9;
/* font-size: 12px; */
}
.common-modal .ivu-btn-default:hover {
background-color: #1A4385;
border: 1px solid #5774A3;
}
.common-modal .modal-icon {
font-size: 24px;
vertical-align: middle;
}
.common-modal .modal-text {
font-size: 14px;
vertical-align: middle;
margin-left: 10px;
color: #fff;
}
/* form表单样式 */
.common-form .ivu-form-item-label {
color: #F5F5F5;
line-height: 32px;
height: 32px;
padding: 0;
padding-right: 12PX;
}
.common-form .ivu-form-item-content {
line-height: 32px;
}
.common-form .ivu-form-item {
color: #F5F5F5;
margin-bottom: 20px;
}
/* .common-form .ivu-input {
background: #06214D;
border: 1px solid #204A8F;
border-radius: 6px;
color: #F5F5F5;
height: 32px;
}
.common-form .ivu-input-word-count {
background: transparent;
}
.common-form .ivu-input-number-input-wrap {
height: 32px;
}
.common-form .ivu-input-number{
border: 1px solid #204A8F;
background-color: transparent;
width: -webkit-fill-available;
height: 32px;
}
.common-form .ivu-input-number-input {
background: #06214D;
border-radius: 6px;
color: #F5F5F5;
height: 32px;
line-height: 32px;
}
.common-form .ivu-input-number-handler {
height: 16px;
}
.common-form .ivu-input-number-handler-wrap {
background: #06214D;
border-left: 1px solid #0185EA;
}
.common-form .ivu-input-number-handler-down {
border-top: 1px solid #0185EA;
}
.common-form .ivu-input-number-handler-down-inner, .common-form .ivu-input-number-handler-up-inner {
color: #0185EA;
}
.ivu-input:focus{
border: 1px solid #0185EA;
}
.common-form .ivu-input-number-focused {
border: 1px solid #0185EA;
}
textarea.ivu-input {
min-height: 32px;
} */
.ivu-input {
background: #06214D;
border: 1px solid #204A8F;
border-radius: 6px;
color: #F5F5F5;
height: 32px;
}
.ivu-input-word-count {
background: transparent;
}
.ivu-input-number-input-wrap {
height: 32px;
}
.ivu-input-number{
border: 1px solid #204A8F;
background-color: transparent;
width: -webkit-fill-available;
height: 32px;
}
.ivu-input-number-input {
background: #06214D;
border-radius: 6px;
color: #F5F5F5;
height: 32px;
line-height: 32px;
}
.ivu-input-number-handler {
height: 16px;
}
.ivu-input-number-handler-wrap {
background: #06214D;
border-left: 1px solid #0185EA;
}
.ivu-input-number-handler-down {
border-top: 1px solid #0185EA;
}
.ivu-input-number-handler-down-inner, .ivu-input-number-handler-up-inner {
color: #0185EA;
}
.ivu-input:focus{
border: 1px solid #0185EA;
}
.ivu-input-number-focused {
border: 1px solid #0185EA;
}
textarea.ivu-input {
min-height: 32px;
}
/*输入框样式*/
.ivu-input-wrapper .ivu-input-icon {
height: 32px;
line-height: 32px;
}
/* 下拉框样式 */
.ivu-select-selection {
background: #06214D;
border: 1px solid #204A8F;
border-radius: 6px;
color: #F5F5F5;
}
.ivu-select-single .ivu-select-selection {
height: 100%;
}
.ivu-select-single .ivu-select-selection div{
height: 100%;
display: flex;
align-items: center;
}
.ivu-select-single .ivu-select-selection div span{
height: 30px !important;
line-height: 30px !important;
}
.ivu-select-dropdown {
background-color: #06214D;
}
.ivu-select-item {
color: #F5F5F5;
}
.ivu-select-item-focus {
background: transparent;
}
.ivu-select-item:hover {
background: #2e4e89;
color: #f2f2f2;
}
.ivu-select-item-selected, .ivu-select-item-selected:hover {
background: #0185ea;
color: #f2f2f2;
}
.ivu-select-disabled .ivu-select-selection {
background-color: #06214D;
color: #f2f2f2;
}
/* 修改下拉框的placeholder文字颜色*/
.ivu-select-single .ivu-select-selection .ivu-select-placeholder {
color: #718EBD;
}
/* 滚动条 webkit内核 start .ivu-cascader-menu 级联下拉列表里的滚动条 .ivu-select-dropdown 单个下拉列表里的滚动条 .common-modal-tabs .ivu-tabs-tabpane详情对话框里的滚动条*/
.common-scroll::-webkit-scrollbar,
.ivu-select-dropdown::-webkit-scrollbar,
.ivu-cascader-menu::-webkit-scrollbar{
height: 8px;
width: 8px;
opacity: 0.6;
}
.common-scroll::-webkit-scrollbar-track,
.ivu-select-dropdown::-webkit-scrollbar-track,
.ivu-cascader-menu::-webkit-scrollbar-track{
background-color: rgba(39, 76, 136, 0.4);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.common-scroll::-webkit-scrollbar-thumb,
.ivu-select-dropdown::-webkit-scrollbar-thumb,
.ivu-cascader-menu::-webkit-scrollbar-thumb {
opacity: 0.3;
background-color: rgba(8, 26, 64, 0.8);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/* ivu-table-body大多数表格里的滚动条 special-table个别表格里的滚动条*/
.ivu-table-body::-webkit-scrollbar,
.special-table .ivu-table-body::-webkit-scrollbar {
height: 3px;
width: 3px;
opacity: 0.6;
}
/* 表格的定义滚动条的滑块部分 */
.ivu-table-body::-webkit-scrollbar-track,
.special-table .ivu-table-body::-webkit-scrollbar-track {
background-color: #1f2f69;
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
border-radius: 0em;
}
.ivu-table-body::-webkit-scrollbar-thumb,
.special-table .ivu-table-body::-webkit-scrollbar-thumb {
opacity: 1;
background-color: #435579;
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
border-radius: 0em;
}
.ivu-table-body,
.special-table .ivu-table-body {
scrollbar-arrow-color: #435579;
scrollbar-track-color: #435579;
scrollbar-highlight-color: #435579;
scrollbar-base-color: #435579;
}
/* tab页的通用样式 */
.common-tabs {
color: #fff;
}
.common-tabs .ivu-tabs-bar {
border-bottom: 1px solid #173B77;
}
.common-tabs .ivu-tabs-bar {
margin-bottom: 0;
}
.common-tabs .ivu-tabs-nav-container {
font-size: 16px;
}
.common-tabs .ivu-tabs-nav-wrap {
height: 50px;
line-height: 50px;
}
.common-tabs .ivu-tabs-nav-scroll {
height: 100%;
}
.common-tabs .ivu-tabs-nav {
height: 100%;
}
.common-tabs .ivu-tabs-nav .ivu-tabs-tab-active {
color: #0185EA;
font-weight: bold;
}
.common-tabs .ivu-tabs-ink-bar{
color: #0185EA;
height: 3px;
}
.common-tabs .ivu-tabs-nav .ivu-tabs-tab {
padding-top: 0;
padding-bottom: 0;
}
/* 新增按钮表格的样式 */
.ivu-btn {
height: 32px;
}
.common-add-btn {
background: #0D2C5E;
border: 1px solid #4795F9;
border-radius: 6px;
font-weight: bold;
color: #4795F9;
height: 32px;
font-size: 14px;
box-shadow: none;
}
.common-add-btn .ivu-icon-ios-add {
font-size: 18px;
}
.common-add-btn:hover {
color: #fff;
background-color: #0185ea;
}
.common-add-btn.active, .common-add-btn:active {
color: #fff;
background-color: #0185ea;
}
/* 操作按钮的样式 */
.common-operate-btn>i, .common-operate-btn>span{
display: flex;
align-items: center;
}
/* 表格的样式 */
.common-table {
overflow: inherit;
}
.common-table .ivu-table{
background-color: transparent;
position: relative;
}
.common-table .ivu-table:before {
height: 0;
/* background-color: #173B77; */
}
.common-table .ivu-table th {
background-color: #14316A;
color: #FFFFFF;
border-bottom: 1px solid #173B77;
}
.common-table .ivu-table td {
border-bottom: 1px solid #173B77;
color: #FFFFFF;
}
.common-table .ivu-table td {
background-color: transparent;
}
.common-table .ivu-table .ivu-table-cell {
padding-left: 10px;
padding-right: 10px;
}
.common-table .ivu-table-stripe-even td{
background-color: #081C43;
}
.common-table .ivu-table-stripe-odd td{
background-color: #072453;
}
.common-table .ivu-checkbox .ivu-checkbox-inner {
border-color: #3565BC;
background-color: transparent;
}
.common-table .ivu-checkbox-checked .ivu-checkbox-inner {
/* border: none; */
background-color: #0185EA;
}
.common-table .ivu-checkbox-disabled .ivu-checkbox-inner {
border-color: #3565BC;
background-color: transparent;
}
/*表格暂无数据*/
/* .ivu-table-tip {
min-height: 300px;
} */
.ivu-spin-fix {
background-color: #06214d;
}
.ivu-spin-fix .ivu-spin-main {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
/* 分页的样式 */
.common-page .ivu-page-next, .common-page .ivu-page-prev {
background-color: #154086;
border: 1px solid #014b8c;
color: #fff;
min-width: 32px;
height: 32px;
line-height: 30px;
margin-right: 4px;
font-size: 14px;
}
.common-page .ivu-page-item {
background-color: #154086;
border: none;
min-width: 32px;
height: 32px;
line-height: 30px;
margin-right: 4px;
font-size: 14px;
}
.common-page .ivu-page-item a, .common-page .ivu-page-item:hover a {
color: #fff;
}
.common-page .ivu-page-item-active {
background-color: #409EFF;
}
.common-page .ivu-page-item-active a, .common-page .ivu-page-item-active:hover a {
color: #fff;
}
.common-page .ivu-icon {
color: #fff;
}
.common-page .ivu-page-options-elevator {
color: #fff;
height: 32px;
line-height: 32px;
font-size: 14px;
}
.common-page .ivu-page-options-elevator input {
background-color: #154086;
border: none;
color: #fff;
padding: 4px 7px;
font-size: 14px;
min-width: 50px;
height: 32px;
}
.common-page .ivu-page-item-jump-next, .common-page .ivu-page-item-jump-prev, .common-page .ivu-page-next, .common-page .ivu-page-prev {
height: 32px;
line-height: 30px;
}
.common-page .ivu-page-total {
height: 32px;
line-height: 32px;
color: #fff;
}
/* Tooltip的样式 */
.ivu-tooltip-inner {
background-color: #335493;
}
.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow {
border-top-color: #335493;
}
/* 日期选择范围的样式 */
.common-date-picker .ivu-date-picker-header {
border-bottom: 1px solid #204384;
}
.common-date-picker .ivu-time-picker-header {
border-bottom: 1px solid #204384;
}
.common-date-picker .ivu-date-picker-cells-cell:hover em {
background:#2e4e89;
}
.common-date-picker .ivu-date-picker-cells-cell-range:before {
background:#2e4e89;
}
.common-date-picker .ivu-input-prefix i, .common-date-picker .ivu-input-suffix i {
line-height: 32px;
}
.common-date-picker .ivu-picker-confirm {
border-top: 1px solid #204384;
}
.common-date-picker .ivu-btn-text.disabled, .common-date-picker .ivu-btn-text.disabled.active, .common-date-picker .ivu-btn-text.disabled:active, .common-date-picker .ivu-btn-text.disabled:focus, .common-date-picker .ivu-btn-text.disabled:hover, .common-date-picker .ivu-btn-text[disabled], .common-date-picker .ivu-btn-text[disabled].active, .common-date-picker .ivu-btn-text[disabled]:active, .ivu-btn-text[disabled]:focus, .common-date-picker .ivu-btn-text[disabled]:hover, .common-date-picker fieldset[disabled] .ivu-btn-text, .common-date-picker fieldset[disabled] .ivu-btn-text.active, fieldset[disabled] .ivu-btn-text:active, .common-date-picker fieldset[disabled] .ivu-btn-text:focus, .common-date-picker fieldset[disabled] .ivu-btn-text:hover {
background-color: #2e4e89;
}
.common-date-picker .ivu-btn-text {
color: #fff;
}
.common-date-picker .ivu-btn-text:hover {
background-color: transparent;
}
.common-date-picker .ivu-time-picker-cells-cell:hover {
background: #2e4e89;
}
.common-date-picker .ivu-time-picker-cells-cell-selected, .common-date-picker .ivu-time-picker-cells-cell-selected:hover {
background: #2d8cf0;
color: #fff;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list::-webkit-scrollbar {
height: 3px;
width: 3px;
opacity: 0.6;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list::-webkit-scrollbar-track {
background-color: #1f2f69;
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
border-radius: 0em;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list::-webkit-scrollbar-thumb {
opacity: 1;
background-color: #435579;
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
border-radius: 0em;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list {
scrollbar-arrow-color: #435579;
scrollbar-track-color: #435579;
scrollbar-highlight-color: #435579;
scrollbar-base-color: #435579;
}
.common-date-picker .ivu-time-picker-with-range .ivu-picker-panel-content:after {
background: #5c7091;
}
.common-date-picker .ivu-btn-default {
background-color: #0E2F63;
border: 1px solid #5774A3;
border-radius: 5px;
color: #83A4D9;
/* font-size: 12px; */
}
.common-date-picker .ivu-time-picker-cells-list {
border-left: 1px solid #5c7091;
}
/* Message 全局提示 设置层级*/
.ivu-message {
z-index: 999999 !important;
}
/* Cascader 级联选择样式*/
.common-cascader .ivu-cascader-menu-item{
color: #fff;
}
.common-cascader .ivu-cascader-menu {
border-right: 1px solid #143455;
}
.common-cascader .ivu-cascader-menu-item:hover {
background: #3565BC;
}
.common-cascader .ivu-cascader-menu .ivu-cascader-menu-item-active {
background: #3565BC;
}