:root{
    --color-default:33, 37, 46;
    --color-black:0, 0, 0;
    --color-bg-gray:235, 235, 235;
    --color-dot-gray:216, 216, 216;
    --color-blue:22, 119, 254;
    --color-green:65, 161, 99;
    --color-bule:#04337A;
    --color-footer-bg:#474747;
    --color-sea:#3685FB;
    --color-primary:#3685FB;
    --color-success:#67C23A;
    --color-warning:#E6A23C;
    --color-yellow:#FFCF4D;
    --color-danger:#F56C6C;
    --color-info:#909399;
    --color-orange:#ff8b30;
    --color-white:#ffffff;
    --color-gray:#FAFBFC;
    --color-title-b14:#242424;
    --color-transparent:transparent;
    --text-primary:#494949;
    --text-regular:#606266;
    --text-secondary:#909399;
    --text-placeholder:#C0C4CC;
    --gap-5:5px;
    --gap-6:6px;
    --gap-8:8px;
    --gap-10:10px;
    --gap-15:15px;
    --gap-20:20px;
    --gap-40:40px;
    --border-4:4px;
    --border-6:6px;
    --border-8:8px;
    --border-12:12px;
    --font-28:28px;
    --font-24:24px;
    --font-22:22px;
    --font-20:20px;
    --font-18:18px;
    --font-16:16px;
    --font-14:14px;
    --font-12:12px;
}
/*引入字体包*/
@font-face {
    font-family: YouSheBiaoTiHei;
    src: url('./fonts/YouSheBiaoTiHei-2.ttf');
}

html {
    font-family: SourceHanSansCN,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,
    Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.48;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.page-container, .yb-container {
    min-width: 1340px;
}
.yb-container .yb-container {
    min-width: auto;
}
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    font-weight: 500;
}
a{
    text-decoration: none;
    color: var(--color-sea);
}
input{
    outline: none;
    appearance: none;
}
.wrap{
    max-width: 1330px;
    min-width: 1330px;
    margin: 0 auto;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
#nprogress .bar {
    background: #2867FF !important;
}
.no-overflow-x .el-scrollbar__wrap{
    overflow-x: hidden;
}

.esri-popup__main-container{
    width: auto !important;
    padding-top:12px !important;
}
.esri-popup__header{
    display: none!important;
}
.esri-popup__footer{
    display: none!important;
}
.master-page-body {
    height: 100%;
    padding: 10px;
    margin: 0;
    border-radius: 8px;
}

.kj-sever-list{
    width: 350px;
    margin-left: 20px;
}
.kj-sever-list .kj-sever-img{
    display: block;
    width: 100%;
    margin-bottom: var(--gap-10);
    cursor: pointer;
}
.kj-sever-list .kj-sever-img img{
    width: 100%;
}
.kj-sever-list  .kj-sever-body{
    padding: var(--gap-10);
    background-color: var(--color-white);
    border-radius: var(--border-8);
}
.kj-sever-list .kj-server-content{
    border-top: 1px solid #DBDBDB;
    margin-top: var(--gap-10);
    padding-bottom: var(--gap-10);
}
.kj-sever-list .kj-server-refresh{
    text-align: center;
    color: var(--color-sea);
    cursor: pointer;
}

.form-declaration{
    width: 100%;
    text-align: left;
    word-break:break-all;
    table-layout: fixed;
    border-collapse: collapse;
}
.form-declaration .el-input{
    width: 100%;
}
.form-declaration tr{
    transition: all .3s;
    border-collapse: collapse;
    background-color: #f7faff;
}
.form-declaration tr td{
    border: 1px solid #c7ddee;
    padding: 8px 10px;
    font-weight: 400;
    line-height: 28px;
    box-sizing: border-box;
}
.form-declaration tr td.label{
    text-align: right;
    width: 140px;
}
.required:before{
    content: '*';
    color: var(--color-danger);
    font-weight: bold;
}
.form-declaration tr:nth-child(2n){
    background-color: #ffffff;
}
.form-declaration tr th{
    line-height: 28px;
    border: 1px solid #c7ddee;
    padding: 8px 10px;
    font-weight: bold;
    background: linear-gradient(to top, #c7ddee, #e7f3fb);
    color: #333;
    box-sizing: border-box;
}
.form-declaration tr th.title{
    background:#edf2f8;
    font-weight: 400;
}

.form-declaration .el-form-item{
    margin-bottom:0;
}
.form-declaration .el-form-item__content{
    line-height: 1;
}

.el-checkbox__label{
    padding-left: 5px;
    vertical-align: middle;
}
.el-checkbox-group{
    font-size: 14px;
}
.checkbox-group-item{
    margin: 5px 0;
}
.td-content{
    line-height: 3;
}
.td-content .el-form-item{
    display: inline-block;
}
.form-declaration .el-input.is-disabled .el-input__inner{
    background-color:transparent;
    border-color:transparent;
    color:#60626F;
    cursor: auto;
}
.form-declaration .el-input-number.is-disabled span{
    display: none;
}
.form-declaration .el-input-number.is-disabled.is-controls-right .el-input__inner{
    padding: 0 15px !important;
}
.form-declaration .el-input-number--medium.is-disabled{
    width: auto;
}
.form-declaration .el-input.is-disabled .el-input__suffix .el-select__caret{
    display: none;
}
.form-declaration .el-range-editor.is-disabled{
    background-color:transparent;
    border-color:transparent;
    color:#60626F;
    cursor: auto;
}
.form-declaration .el-range-editor.is-disabled input{
    background-color:transparent;
    border-color:transparent;
    color:#60626F;
    cursor: auto;
}
.form-declaration .el-select .el-input.is-disabled .el-input__inner:hover{
    border-color:transparent;
}
.form-declaration .el-textarea.is-disabled .el-textarea__inner{
    background-color:transparent;
    border-color:transparent;
    color:#60626F;
    cursor: auto;
}
input[aria-hidden="true"] {
    display: none !important;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: none !important;
}
.formBuilds .tab-active{
    color: #000 !important;
    font-weight: normal;
    border-bottom: 0px solid #fff !important;
    border-color: #5878AC;
    background-image: linear-gradient(#f0f3f6, #fff) !important;
}
.formBuilds .ihh-tabs {
    gap: 0 !important;
}
.formBuilds .ihh-tabs-item:hover{
    color: #000 !important;
    font-weight: normal;
    border-bottom: 0px solid #fff !important;
    border-color: #5878AC;
    background-image: linear-gradient(#f0f3f6, #fff) !important;
}
.formBuilds .ihh-tabs-item{
    margin: 0 2px 5px 0 !important;
    padding: 0 16px;
    border: 1px solid;
    height: 28px !important;
    line-height: 27px !important;
    background: #004288;
    border-color: #5878AC;
    color: #ffffff;
    border-radius: 8px 8px 0 0 !important;
    transition: all 0s !important;
}
.formBuilds .ihh-tabs-active-line{
    display: none;
}
.formBuilds .ihh-tabs{
    padding: 0 !important;
}
.formBuilds .ihh-tabs{
    height: auto;
    overflow: hidden;
    padding-left: 5px !important;
    background: url(/public/img/tab_bj1.gif) repeat-x bottom;
    padding-right: 18px;
    margin-bottom: 10px;
}
.confirmBox{
    width: 541px;
}
/* 字体高亮 */
.highlight-text{
    color: red !important;
}
.yb-guidelines{
    position: fixed;
    right: 10px;
    top: 20%;
    background: #fff;
    padding: 15px 10px;
    border-radius: 5px;
    display: flex;
    z-index: 9999;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
}
.yb-guidelines2{
    position: fixed;
    right: 10px;
    bottom: 35%;
    background: #fff;
    padding: 15px 10px;
    border-radius: 5px;
    display: flex;
    z-index: 9999;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
}

.ihh-sider{
    border-right: 1px solid #d5d5d5;
}
.el-table th.el-table__cell > .cell {
    text-align: center;
}
.el-table .cell {
    text-overflow: clip;
}
.master-list-btn{
    text-align: center;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
.ac{
    text-align: center;
}
.ar{
    text-align: right;
}
.al{
    text-align: left;
}
.df{
    display: flex;
}
.afjc{
    justify-content: center;
}
.afjar{
    justify-content: space-around;
}
.afjBt{
    justify-content: space-between;
}
.dfAC{
    align-items: center;
}
.pd15{
    padding:15px;
}
.pd10{
    padding:10px;
}
.pd5{
    padding:5px;
}
.pTB10{
    padding:10px 0;
}
.pTB5{
    padding:5px 0;
}
.mg10{
    margin: 10px;
}
.mgB10{
    margin: 10px 0;
}
.mgB5{
    margin: 5px 0;
}
.mg5{
    margin: 5px;
}
.page-banner{
    display: block;
    width: 100%;
}
.ihh-tabs-item2{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
.tab-active2{
    color: #2170e6;
    font-weight: bold;
    font-size: 16px;
}
.tab-active3{
    color: #2170e6;
    font-weight: bold;
    border-bottom: 1px #2170e6 solid;
    cursor: pointer;
}
.ihh-tabs-item-icon2 {
    height: 21px;
}
.mb-5{
    margin-bottom: 10px;
}
.mt-5{
    margin-top: 10px;
}
/* 禁止选中文本 */
.no-select {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE10+/Edge */
    user-select: none;          /* 标准语法 */
}
.yi-popper .el-menu--popup {
    background-color: #689bd1 !important;
}
.yi-popper .el-menu--popup .el-menu-item {
    background-color: transparent !important;
}
.flex-5{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.flex-center{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tableClass{
    width: 100%;
}
.tableClass th,.tableClass td{
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 20px 0;
}

.tableClass thead tr{
    background-color: #008c8c;
    color: #fff;
}

.tableClass tbody tr:nth-child(odd){
    background-color: #f5f5f5;
}

.tableClass tbody tr:hover{
    background-color: #eeeeee;
}

.tableClass tfoot tr td{
    text-align: center;
    padding-right: 20px;
}