.quit-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.BDA-yzs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.BDA-header {
    position: relative;
    height: 50px;
    box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);
    z-index: 11;
}
/* .classic { background-color: #fff;} */
.logo {
    vertical-align: middle;
    height: 48px;
    line-height: 48px;
    padding: 1px 1px 1px 15px;
}
.logo img { vertical-align: middle;}
.logo span {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
.logo span i {
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
}
.setting .layui-nav { 
    /* background-color: transparent;  */
    padding: 0; margin-right: 10px;}
.setting .layui-nav .layui-nav-item:first-child { line-height: 50px;}
.setting .layui-nav .layui-nav-item { line-height: 50px; cursor: pointer;}
.setting .layui-nav .layui-nav-item.organization-name > a > span { font-weight: bold;}
.setting .layui-nav .layui-nav-item.organization-name > a > span.layui-nav-more { display: none;}
.setting .layui-nav .layui-nav-item.more-setting .layui-nav-more { display: none;}
.setting .layui-nav .layui-nav-item.more-setting i { font-size: 20px;}
.setting .layui-nav .layui-nav-item.message-tooltip i { font-size: 20px;}
.setting .layui-nav .layui-nav-item.message-tooltip a { position: relative;}
.setting .layui-nav .layui-nav-item.message-tooltip span {
    position: relative;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    font-family: arial;
    top: -12px;
    left: -12px;
    padding: 0 4px;
    background: red;
    border-radius: 15px;
    color: #fff;
    font-size: 10px;
    margin: 0 0 0 2px;
}
.setting .layui-nav .layui-nav-item.message-tooltip span:before {
    content: " ";
    position: absolute;
    left: 10px;
    top: 8px;
    opacity: .75;
    width: 0;
    height: 0;
    background-color: red;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,.3) inset;
    z-index: -1;
}
.organization-name-box {
    position: relative;
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    color: var(--old-theme-color);
    white-space: nowrap;
    user-select:none;
}
.organization-name-box span::before {
    position: absolute;
    display: block;
    right: 3px;
    top: 10px;
    content: "";
    width:0;
    height:0;
    border-width: 6px 6px 0;
    border-color: var(--old-theme-color) transparent transparent;
    border-style:solid;    
}
.up-triangle span::before { transform: rotate(180deg);}
.organization-name-box div span {
    position: relative;
    padding: 5px 22px 5px 10px;
    border: 1px #d7d7d7 solid;
    border-radius: 3px;
    cursor: pointer;
}
/* .organization-name-box div span::after {
    position: absolute;
    content: "";
    height: 5px;
    right: 0;
    bottom: -17px;
    left: 0;
    background-color: var(--theme-color);
    opacity: 0;
    -webkit-transition: all .2s;
}
.organization-name-box div span:hover::after {
    opacity: 1;
} */
.organization-name-box .organization-list {
    display: none;
    position: absolute;
    right: 0;
    max-height: 240px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    line-height: 36px;
    padding: 5px 0;
}
.organization-name-box .organization-list a {
    display: block;
    padding: 0 20px;
}
.organization-name-box .organization-list a:hover {
    background-color: #f2f2f2;
    color: #000;
}
.organization-list .current-organization a { background-color: var(--old-theme-color) !important; color: #fff !important;}
.face-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
}
.setting .layui-nav .layui-nav-child { top: 55px;}

.BDA-header .setting .layui-nav .layui-nav-child a:hover { background-color: rgba(182, 229, 251, .4) !important; }

.license-content {
    margin: 10px 20px;
    font-size: 14px;
}
.license-content h2 {
    font-size: 20px;
    font-weight: bold;
    color: var(--theme-color);
}
.license-content h3 {
    font-size: 18px;
    font-weight: bold;
}
.license-content h3.gray { color: gray;}
.license-content h3.green { color: green;}
.license-content h3.orange { color: #ff8000;}
.license-content p { line-height: 24px;}
.license-content .server-version { font-size: 16px;}
.license-button-box { margin-top: 10px;}
.license-button-box button { height: 30px; line-height: 30px;}
.cpu .layui-input-block,.mac .layui-input-block { min-height: 30px; line-height: 30px; border-bottom: 1px #e6e6e6 solid;}

/*****************站内信********************/
.message-list { padding: 20px; height: calc(100% - 40px);}
.message-category {
    width: 180px;
    height: calc(100% - 40px);
    background-color: #f2f2f2;
    padding: 10px 0;
    box-sizing: border-box;
}
.message-category ul li {
    line-height: 40px;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}
.message-category ul li:hover,.message-category ul li.select-li {
    background-color: #d4d4d4;
}
.message-content-list {
    width: calc(100% - 190px);
    height: calc(100% - 40px);
}
.message-content-list .list-box { height: calc(75% - 55px);}
.message-content-list .list-box .page-box { margin-top: 10px;}
.message-content-list .list-box-details {
    box-sizing: border-box;
    height: calc(25% - 10px);
    line-height: 25px;
    margin-top: 10px;
    /* padding: 10px; */
    border: 1px #d6d6d6 solid;
    border-radius: 3px;
    overflow: auto;
    font-size: 12px;
    color: #333;
}
.message-content-list .list-box-details textarea {
    width: 100%;
    min-height: 100%;
    padding: 10px;
    border: 0;
}
.message-content-list .no-read td { font-weight: bold; }

.message-window { height: 100%;}
.message-window .message-list { padding: 20px 20px 60px; height: calc(100% - 80px);}
.message-window .message-list .layui-form-item:last-child { height: calc(100% - 45px);}
.message-window .message-list .layui-input-block { margin-left: 60px; height: 100%;}
.message-window .message-list .layui-input-block .layui-textarea { height: 100%;}
.message-window .message-list .layui-form-item .layui-inline { margin-bottom: 0;}
.message-window .message-list .layui-form-item .receive-users {
    box-sizing: border-box;
    width: 500px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border: 1px #e6e6e6 solid;
    background-color: #fff;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.message-window .message-list .layui-form-item .receive-users .receive-user {
    border: 1px #d6d6d6 solid;
    border-radius: 3px;
    padding: 2px 5px;
    margin-right: 5px;
    color: #333;
}
.message-window .message-list .layui-form-item .receive-users .receive-user:hover { background-color: #e1e1e1;}
.message-window .message-list .layui-form-item .receive-users .receive-user:hover i.iconfont { color: #333;}
.message-window .message-list .layui-form-item .receive-users .receive-user i.user-name { color: #a0a0a0;}
.message-window .message-list .layui-form-item .receive-users .receive-user i.iconfont {
    margin: 0 2px;
    font-size: 12px;
    color: transparent;
    cursor: pointer;
}
.message-window .message-list .layui-form-item .layui-inline .layui-form-checkbox[lay-skin=primary] { margin-top: 6px; padding-left: 22px;}
.message-window .message-list .layui-form-item .layui-inline .layui-form-checkbox[lay-skin=primary] div { padding-right: 0; font-size: 12px;}

/**************账号设置**************/
.user-message-window { padding: 20px;}
.face {
    box-sizing: border-box;
    width: 215px;
    padding: 0 20px;
    overflow: hidden;
}
.face img {
    margin-top: 40px;
    width: 175px;
    height: 175px;
    border-radius: 175px;
}
.user-message-list {
    width: 310px;
    margin-top: 45px;
    font-size: 12px;
}
.user-message-list .layui-form-label { text-align: left;}

.organization-message { padding: 20px;}
.organization-message .layui-form-select dl { max-height: 200px;}

.package .layui-layer-load { background-image: none;}

.platform-setting { margin: 20px;}
.platform-setting .layui-table-edit {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
}
/***************模块列表***************/
.BDA-left {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 50px;
    z-index: 3;
}
.left-menu {
    position: relative;
    width: 50px;
    height: 100%;
}
.left-menu > ul { margin-top: 20px;}
.left-menu > ul > li {
    position: relative;
    margin-left: 5px;
    margin-bottom: 3px;
    padding: 5px 9px;
    line-height: 32px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
}
.left-menu > ul > li i { font-size: 22px; vertical-align: bottom; }
/* .left-menu ul li i.bda-baobiaotongji { margin-left: 3px; font-size: 26px;}
.left-menu ul li i.bda-shujutansuo { font-size: 32px;}
.left-menu ul li i.bda-xitongguanli { margin-left: 3px;} */
.left-menu > ul > li ul {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
}
.left-menu > ul > li ul::before {
    content: "";
    border: 10px solid transparent;
    border-right-color: white;
    position: absolute;
    left: -20px;
    bottom: 15px;
}
.left-menu > ul > li ul i {
    padding: 2px;
    border-radius: 5px;
    color: #000;
}
.left-menu > ul > li ul li:hover i {
    background-color: rgba(0,0,0,.2);
}
.left-menu > ul > li ul li.current-module { background-color: transparent;}
.left-menu > ul > li ul li.current-module i {
    background-color: #354052;
    color: #fff;
}

.only-one .left-menu-cnt { left: 0;}
.only-one .business-module-right, .only-one .report-module-right, .only-one .find-module-right,.only-one .ifind-other-menu-main { left: 180px;}

.BDA-left-button {
    position: absolute;
    bottom: 0;
    left: 12px;
    cursor: pointer;
    
}
.BDA-left-button span {
    display: inline-block;
    /* margin-left: 5px; */
    /* margin-top: 14px; */
    margin-bottom: 10px;
}
.BDA-left-button span i { font-size: 22px; 
    /* color: #808080; */
}
.BDA-left-button span.left-setting i { font-size: 22px;}
/* .BDA-left-button span:hover i { color: #c3c3c3;} */
/* .BDA-left-button span.show-hide i { font-size: 30px;} */
.BDA-left-button span.show-hide { transition: all .2s; margin-left: 0;}
.show {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.magnify-right { left: 50px !important;}
.left-setting-system {
    display: none;
    padding: 0;
    /* background-color: transparent;
    color: #808080; */
}
.BDA-left-button .left-setting-system li {
    line-height: normal;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    margin-top: 10px;
}
.BDA-left-button .left-setting-system .layui-nav-bar,.BDA-left-button .left-setting-system .layui-nav-more { display: none;}
.BDA-left-button .left-setting-system li > a {
    padding: 0;
    /* margin-left: 5px; */
}
.BDA-left-button .left-setting-system li i { font-size: 22px;
     /* color: #808080; */
    }
/* .BDA-left-button .left-setting-system li:hover i { color: #c3c3c3;} */
.BDA-left-button .left-setting-system .layui-nav-child {
    width: 165px;
    top: auto;
    bottom: -20px;
    left: 48px;
}
/* .BDA-left-button .left-setting-system .layui-nav .layui-nav-child a:hover {
    background-color: #f2f2f2;
    color: #000;
} */
.BDA-left-button .left-setting-system .theme-setting a,.BDA-left-button .left-setting-system .self-report a {
    padding: 0 !important;
}
.BDA-left-button .left-setting-system .theme-setting a i,.BDA-left-button .left-setting-system .self-report a i {
    margin-left: 0;
}
.BDA-left-button .left-setting-system .layui-this:after { display: none;}
/****************右侧*******************/
/* .BDA-right {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 60px;
    z-index: 1;
} */


.map-title {
    height: 60px;
    line-height: 70px;
    padding-left: 20px;
    /* background-color: transparent; */
    font-size: 22px;
    font-weight: bold;
    /* color: #333; */
}
.map-tree {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    height: auto !important;
}

/******************右侧树*******************/
.left-menu-cnt {
    position: absolute;
    left: 50px;
    bottom: 0;
    width: 210px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 2;
}
.module-title {
    position: absolute;
    right: 0;
    left: 0;
    padding-top: 16px;
    z-index: 9;
}
.module-title p {
    line-height: 25px;
    padding-left: 13px;
    /* color: #fff; */
    /* text-align: center; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
}
.module-title p span.module-name { font-size: 16px; font-weight: bold;}
.module-title p span.module-name-other-language { font-size: 14px;}
.left-menu-cnt .menu-list {
    margin-top: 51px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
.left-menu-cnt .menu-list > ul {
    padding: 0 20px;
}
.left-menu-cnt ul li {
    position: relative;
    padding-left: 10px;
    cursor: pointer;
}
.left-menu-cnt ul li div {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 8px);
    height: 40px;
    line-height: 40px;
    margin: 0 4px;
    padding-left: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
}
.left-menu-cnt ul li div:hover {
    border-radius: 3px;
}
.left-menu-cnt ul li i { margin-right: 5px;}
.left-menu-cnt .menu-list > ul ul { display: none;}

.bread {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}
.bread span { margin-right: 3px; 
    /* color: #333; */
}
.bread span i {
    margin-right: 3px;
    vertical-align: middle;
}
.main-content > h2,.ifind-other-menu-main > h2 {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    /* background-color: transparent; */
    font-size: 18px;
    font-weight: bold;
    /* color: #333; */
}
.databaseLink-box-list { top: 110px; padding: 20px; left: 20px; right: 20px; bottom: 20px;}
.database-link-list-box .layui-table th .layui-form-checkbox[lay-skin=primary],.excel-list-box .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}

.header-box { position: relative; z-index: 10;}
.sift-list {
    position: absolute;
    width: 150px;
    top: 0;
    left: 50%;
    margin-left: -75px;
}
.header-button-box button {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 15px;
}
.header-button-box .layui-btn+.layui-btn { margin-left: 5px;}
.header-button-box .layui-inline { line-height: 30px; vertical-align: top; margin-left: 20px; }
.header-button-box .layui-inline .layui-form-checkbox[lay-skin=primary] { padding-left: 22px; }
.header-button-box .layui-inline .layui-form-checkbox[lay-skin=primary] div { padding-right: 0; }
.list-content-box {
    position: absolute;
    top: 60px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 20px;
    /* background-color: #fff; */
}
.layui-table-cell { height: 35px; line-height: 35px;}
td[data-field="message"] .layui-table-cell { height: auto;}
.bottom-log-list-count { color: #333;}
.layui-table-cell i.iconfont {
    margin-right: 10px;
}
.report-log-list-box .layui-table-cell i.iconfont {
    margin-right: 5px;
    font-size: 16px;
}
/* .report-log-list-box .layui-table-cell i.bda-fail { color: red;}
.layui-table { color: #333;} */
.layui-table, .layui-table-view { margin: 0;}
.search { margin-bottom: 10px;}
.search .layui-input {
    height: 30px;
    line-height: 30px;
}
.search .layui-btn {
    height: 30px;
    line-height: 30px;
}
.search .layui-input-block { margin-left: 0; min-height: 30px;}

.header-button-box button.edit-report:disabled,.header-button-box button.visibility-report:disabled,.header-button-box button.copy-report:disabled {
    /* background-color: #ccc; */
    cursor: no-drop;
}
.search .layui-form-item,.search .layui-form-item .layui-inline { margin-bottom: 0; margin-right: 0;}
.release-list { padding: 20px;}
.release-list .device-type {
    position: relative;
    line-height: 24px;
    padding-left: 22px;
    font-size: 14px;
    cursor: pointer;
}
.release-list .device-type span {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px #ddd solid;
    border-radius: 2px;
}
.release-list .device-type span::before {
    display: none;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    content: "";
    border-radius: 2px;
    background-color: var(--theme-color);
}
.release-list .device-type span::before {}
.release-list .device-type span::after {
    position: absolute;
    top: -2px;
    left: 2px;
    content: '\2713';
    font-size: 16px;
    font-weight: bold;
    color: var(--theme-color);
}
.map-menu-shili {
    height: 60px;
    line-height: 70px;
    padding-left: 20px;
    font-size: 22px;
    font-weight: bold;
    /* color: #333; */
}

/*****************业务建模右侧列表***********************/
.business-module-right,.report-module-right,.find-module-right,.ifind-other-menu-main {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 260px;
    /* background-color: #EDEFF4; */
    z-index: 10;
}

.find-module-right .main-content,.ifind-other-menu-main .main-content { height: 100%; height: 100%;}


.database-list { padding: 20px;}
.database-list .visible-attribute .layui-form-checkbox[lay-skin=primary] { margin-top: 0; padding-left: 23px;}
.database-list .visible-attribute .layui-form-checkbox[lay-skin=primary] div { font-size: 12px;}
.database-list .layui-tab { margin: 0;}
.database-list .layui-tab-title {
    height: 30px;
}
.database-list .layui-tab-title li {
    line-height: 30px;
}
.database-list .layui-tab-title .layui-this:after { height: 31px;}
/* .database-list .layui-tab-brief>.layui-tab-title .layui-this { color: var(--theme-color);}
.database-list .layui-tab-brief>.layui-tab-title .layui-this:after { border-color: var(--theme-color);}
.database-list .layui-btn-disabled[lay-skin=primary]:hover i { border-color: #ccc;} */
/* .database-list .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;} */
.database-list .layui-tab-content { padding: 10px 0;}
.database-list .layui-form-label { padding: 0; line-height: 30px;}
.database-list .layui-input-block { min-height: 30px; margin-left: 130px;}
.database-list .layui-input-inline { margin-left: 38px;}
.job-window .layui-input-inline { margin-left: 20px;}
.database-list .server-content { height: 255px;}
.database-list .layui-form-item .layui-inline { margin-bottom: 0;}
.database-list .layui-tab-item { height: 390px;}
.database-button-box { margin-bottom: 0;}
.database-list .database-test-link {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    /* border: 1px #ddd solid;
    background-color: transparent; */
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s;
    position: absolute;
    left: 20px;
    bottom: 10px;
    z-index: 999;
}
/* .database-list .database-test-link:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
} */
.database-list .bottom-item > .layui-inline { margin-right: 0; }
.database-list .bottom-item .layui-input-block { margin-left: 130px; width: 220px;}
.database-window .database-list .bottom-item>.layui-inline { width: auto; }
.layui-input-block { margin-left: 100px;}
.form-submit {
    position: absolute;
    right: 20px;
    bottom: 10px;
    left: 20px;
    margin-bottom: 0 !important;
}
.form-submit .layui-input-block { text-align: right;}
.form-submit .layui-btn,.data-organize-database .layui-btn {
    height: 30px;
    line-height: 30px;
}
/* .layui-btn-cancel {
    border: 1px #e6e6e6 solid;
    background-color: transparent !important;
    color: #333;
} */
.test-link a:hover { text-decoration: underline;}
.data-middle-stage .layui-form-label {
    padding-left: 0;
    width: 110px;
    padding-right: 0;
}

.relation-model-window .layui-form-item .layui-input-inline { width: calc(100% - 70px); margin-left: 0; margin-right: 0; }
.relation-model-window .layui-form-select dl { max-height: 190px;}

.server-data-center { display: none;}

.application-module .layui-form-checkbox[lay-skin=primary] { margin-top: 6px;}
.application-module .layui-form-checkbox span { font-size: 12px;}

/*************************引导式窗口*******************************/
.item { display: none;}
.top-box {
    height: 55px;
    overflow: hidden;
    padding: 10px 20px;
    border-bottom: 1px #ddd solid;
    box-sizing: content-box;
}
.text-content { width: 650px;}
.top-box h2 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
}
.top-box p {
    line-height: 15px;
    font-size: 12px;
    /* color: #333; */
    text-indent: 24px;
}
.bottom-box {
    box-sizing: border-box;
    position: absolute;
    left: 20px;
    top: 86px;
    right: 20px;
    bottom: 60px;
    /* border: 1px #ddd solid; */
    border-radius: 5px;
}
.bottom-box p#confirmMsg { height: 410px; overflow: auto;}
.bottom-box .layui-table-view { margin: 0;}
.button-box {
	position: absolute;
	box-sizing: border-box;
	padding: 10px 10px 0;
	width: 100%;
	height: 41px;
	bottom: 16px;
	border-top: 1px #ddd solid;
	overflow: hidden;
	text-align: right;
}
.button-box button {
	width: 78px;
	height: 30px;
	/* background-color: #fff; */
	margin-left: 10px;
    /* border: 1px #ccc solid; */
    border-radius: 3px;
    font-size: 15px;
    transition: all .4s;
    cursor: pointer;
}
.button-box button[disabled=disabled] {
	/* background-color: #fff !important;
	color: #888 !important; */
	cursor: default !important;
}
.button-box button:hover[disabled=disabled] {
    /* background-color: #fff !important;
    border-color: #ccc;
	color: #888 !important; */
	cursor: default !important;
}

.table-list .bottom-box,.table-field .bottom-box,.sql-content-box .bottom-box,.add-excel-model-window .bottom-box { bottom: 100px;}
.table-list .bottom-box,.table-field .bottom-box,.sql-content-box .bottom-box {
    border: 1px #ddd solid;
    padding: 0;
}
.add-sql-model-window .sql-content-box .top-button-box { padding-top: 10px; padding-right: 20px;}
.add-sql-model-window .sql-content-box .bottom-box { top: 125px;}
.sql-content-box .bottom-box #sqlEditor { border: 0 !important; height: 100%;}
.add-business-model-form,.edit-business-model-window { height: 100%; }
.add-business-model-form .item {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
}
/* .add-business-model-form .layui-form-select dl dd:hover { background-color: transparent !important; } */
.add-business-model-form .layui-form-select dl dd .layui-tree-entry { box-sizing: content-box;}
.edit-business-model-window .edit-model {
    margin: 0;
    padding: 10px 20px;
    height: calc(100% - 60px);
}
.edit-business-model-window .edit-model .layui-tab-content {
    height: calc(100% - 81px);
    padding: 20px 0;
}
.edit-business-model-window .edit-model .layui-tab-content .layui-tab-item { right: 0; left: 0; }
.edit-sql-model-window .edit-sql-model .data-source .layui-form-item:last-child { height: calc(100% - 45px);}
.edit-sql-model-window .edit-sql-model .data-source .layui-form-item:last-child .sql-content { height: calc(100% - 40px);}
.edit-sql-model-window .edit-sql-model .data-source .layui-form-item:last-child .sql-content #sqlEditor { height: 100%;}
.edit-business-model-window .edit-stored-procedure-module .data-source .layui-form-item:last-child { height: calc(100% - 90px);}
.edit-business-model-window .edit-stored-procedure-module .data-source .layui-form-item:last-child  .paramters-list { height: calc(100% - 40px); overflow: hidden;}
.table-list-box,#tableField {
    height: 100%;
    overflow-y: auto;
}
.table-list-box li {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* .table-list-box li:hover { background-color: rgba(36,108,168,.1);}
.table-list-box li.selected { background-color: rgba(36,108,168,.2);} */
.table-list-box li i {
    margin-right: 5px;
    vertical-align: middle;
}
.table-list-box li span { font-size: 12px;}
.filter {
    position: absolute;
    left: 20px;
    bottom: 62px;
}
.filter input {
    width: 170px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    border-radius: 2px;
    border: 1px #ddd solid;
    font-size: 12px;
}
.filter button {
    width: 45px;
	/* height: 27px; */
	margin-left: 5px;
    border-radius: 3px;
    font-size: 12px;
    /* color: #fff; */
    cursor: pointer;
}
.filter button:first-child { margin-left: 0;}
.table-field .filter button,.add-excel-model-window .filter button { width: 70px;}
.table-field .filter button:first-child,.add-excel-model-window .filter button:first-child { margin-left: 0;}
.table-field .layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
    /* color: #555; */
    text-decoration: none;
}
.table-data-list .layui-table-view,.edit-model-list .layui-table-view { margin: 0;}
.sql-content-box .bottom-box .layui-textarea {
    width: 100%;
    height: 100%;
    border: 0;
    resize: none;
}
.sql-content-box .filter button {
    width: 80px;
    /* height: 25px;
    line-height: 25px; */
}
.add-file-window .layui-form-label { font-size: 12px;}
.add-file-window .layui-form-item,.add-file-window  .layui-form-radio * { font-size: 12px;}

/* 防止下拉框下拉值被遮盖*/
.field-details-list tr td:nth-child(3) .layui-table-cell,.field-details-list tr td:nth-child(4) .layui-table-cell,.field-details-list tr td:nth-child(5) .layui-table-cell,.field-details-list tr td:nth-child(6) .layui-table-cell,.field-details-list tr td:nth-child(7) .layui-table-cell {
    overflow: visible;
}
.edit-model-list tr td:nth-child(3) .layui-table-cell,.edit-model-list tr td:nth-child(4) .layui-table-cell,.edit-model-list tr td:nth-child(5) .layui-table-cell,.edit-model-list tr td:nth-child(6) .layui-table-cell,.edit-model-list tr td:nth-child(7) .layui-table-cell {
    overflow: visible;
}
/* 调整高度 */
.field-details-list td .layui-form-select,.edit-model-list td .layui-form-select {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
}
.field-details-list .layui-input,.edit-model-list .layui-input { height: 46px;}
.paramters-list .layui-input { height: 44px;}
.paramters-list .bottom-box .layui-table-body tr td:nth-child(4 ) .layui-table-cell { overflow: visible; }
.field-details-list .layui-table-grid-down,.edit-model-list .layui-table-grid-down,.paramters-list .layui-table-grid-down { display: none;}
.field-details-list .layui-form-select dl,.edit-model-list .layui-form-select dl,.paramters-list .layui-form-select dl { /*top: 35px;*/ padding: 0;}
.field-details-list .layui-form-select dl dd,.edit-model-list .layui-form-select dl dd,.paramters-list .layui-form-select dl dd { line-height: 20px; font-size: 12px;}
.table-model-detail .bottom-box,.sql-model-detail .bottom-box,.excel-model-detail .bottom-box { border: 0;}
.layui-textarea { resize: none;}

.filed-columns tr td:nth-child(2) .layui-table-cell,.filed-columns tr td:nth-child(3) .layui-table-cell,
.edit-upload-excel-list tr td:nth-child(2) .layui-table-cell,.edit-upload-excel-list tr td:nth-child(3) .layui-table-cell,
.paramters-list tr td:nth-child(2) .layui-table-cell {
    overflow: visible;
}
.filed-columns td .layui-form-select,.edit-upload-excel-list td .layui-form-select,.paramters-list td .layui-form-select {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
}
.filed-columns .layui-input,.edit-upload-excel-list .layui-input { height: 46px;}
.filed-columns .layui-table-grid-down,.edit-upload-excel-list .layui-table-grid-down { display: none;}
.filed-columns .layui-form-select dl,.edit-upload-excel-list .layui-form-select dl { /*top: 35px;*/ padding: 0; max-height: 200px;}
.filed-columns .layui-form-select dl dd,.edit-upload-excel-list .layui-form-select dl dd { line-height: 25px; font-size: 12px;}
.upload-method .layui-form-radio { margin: 1px 10px 1px 0;}
/* .upload-method .layui-disabled,.upload-method  .layui-disabled:hover { color: #666 !important;} */


.upload-method .bottom-box .layui-form-item { margin-bottom: 0;}
.upload-method .bottom-box p { line-height: 36px;}
.upload-method .bottom-box .field-list-box { position: relative;}
.method-one { margin-left: 22px;}
.table-mark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.select-excel-file .layui-upload-drag { 
    width: 100%;
    height: 100%;
    padding: 150px 30px;
    box-sizing: border-box;
}
#LAY-excel-import-excel { display: none;}
.init-select {
    height: 100%;
    line-height: 14;
    border: 1px #ccc dashed;
    cursor: pointer;
    text-align: center;
}
.init-select .layui-icon {
    vertical-align: sub;
    margin-right: 10px;
    font-size: 30px;
}
.package .layui-elem-field { margin-top: 15px;}
.business-model .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}
/* .reset-select { font-weight: bold;} */
.selected-box {
    margin-top: 15px;
}
.selected-box label {
    padding: 5px 15px;
    width: auto;
}
.select-excel-file .selected-box label {
    padding: 0 15px;
    width: auto;
    font-size: 12px;
}
.selected-box input { width: 240px; font-size: 12px;}
.selected-box input,.selected-box .layui-btn {
    height: 30px;
    line-height: 30px;
}
.uploaded {
    height: 330px;
    line-height: 11;
}
.add-file-window { height: 100%; position: relative;}
.add-file-window .item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    display: block;
    opacity: 0;
    background-color: #fff;
    z-index: 0;
}
.add-file-window .item.select { opacity: 1; z-index: 1;}
.add-file-window .bottom-box { border: 0;}
.install-license .bottom-box { top: 0;}
.sheel-range .layui-input-block,.sheel-range .layui-form-item .range-type { margin-left: 0;}
.add-file-window .layui-form-radio { margin: 1px 10px 1px 0;}
.sheel-range .layui-form-item { margin-bottom: 0;}
/* .sheel-range .layui-form-item input:disabled { background-color: #eee;}
.sheel-range .layui-form-item .layui-form-checked[lay-skin=primary] i {
    border-color: #c2c2c2!important;
    background-color: #c2c2c2;
    color: #fff;
} */
.function-buttons { width: 80px;}
.function-buttons button {
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-left: 0 !important;
}
.column-detail-list {
    width: calc(100% - 90px);
    height: 100%;
}
.column-list { padding: 20px;}

.excel-list-edit {
    margin: 10px 20px 0;
    height: 390px;
    overflow-y: auto;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
}
.excel-list-edit ul li {
    padding-left: 10px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default;
    font-size: 12px;
}
.excel-list-edit ul li i { margin-right: 3px; vertical-align: bottom;}
/* .excel-list-edit ul li:hover,.excel-list-edit ul li.select-li {
    background-color: #e6e6e6;
} */
.excel-list-select {
    left: 20px;
    right: 20px;
}
.excel-model-edit .filter-button {
    width: 90px;
    height: 30px;
    transition: all .2s;
    border-radius: 3px;
    font-size: 12px;
    /* color: #fff; */
    cursor: pointer;
    /* background-color: var(--theme-color);
    border: 1px var(--theme-color) solid; */
}
.excel-model-edit .filter-button:hover { opacity: .8;}

/**************************数据表模型修改**********************************/
.edit-model {
    padding: 0 20px;
}
.edit-model .layui-tab-content {
    position: relative;
    height: 420px;
    padding: 20px 10px;
    box-sizing: content-box;
}
.edit-model .layui-tab-content textarea {
    min-height: 80px;
    resize: none;
}
.edit-model .layui-tab-content .sql-content {
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    height: 350px;
    padding: 0;
}
.edit-model .layui-tab-content .sql-content .CodeMirror-wrap { height: 348px; border: 0;}
.edit-model .layui-tab-content .layui-tab-item {
    position: absolute;
    display: block;
    top: 20px;
    right: 10px;
    bottom: 0;
    left: 10px;
    visibility: hidden;
    opacity: 0;
}
.edit-model .layui-tab-content .layui-tab-item.layui-show {
    opacity: 1;
    visibility: visible;
}
.edit-model .edit-model-list {
    height: 100%;
    border-radius: 3px;
}
.edit-stored-procedure-module .business-object .edit-model-list {
    height: calc(100% - 40px);
}
.edit-model-submit {
    position: absolute;
    bottom: 10px;
    left: 30px;
    right: 30px;
    text-align: right;
    margin-bottom: 0;
}
.edit-model-submit .layui-btn {
    height: 30px;
    line-height: 30px;
}
.edit-test-link {
    height: 38px;
    padding: 0 18px;
    /* border: 1px #ddd solid;
    background-color: transparent; */
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s;
}
.database-window .edit-test-link {
    position: absolute;
    left: 20px;
    bottom: 10px;
    z-index: 999;
}
.edit-test-link:disabled {
    cursor: not-allowed;
}
/* .edit-test-link:disabled:hover {
    border-color: #ddd;
    background-color: transparent;
    color: rgba(16, 16, 16, 0.3);
} */
.edit-model .database-link-edit { width: 564px; margin-left: 18px;}

.edit-sql-content { height: 340px;}
/* .layui-layer-content .layui-table-cell { height: 25px; line-height: 25px;} */
.edit-sql-model .filter {
    left: 100px;
    bottom: 0;
}
.edit-sql-model .filter button {
    width: 80px;
    transition: all .2s;
}
.edit-sql-model .filter button.refresh-business-object { width: 90px;}
.edit-sql-model .filter button:hover { opacity: .8;}

/**********************数值格式化弹窗**************************/
.data-format { padding: 20px; font-size: 12px;}
.data-format .layui-tab-title {
    width: 100px;
    height: 343px;
    border: 1px #ddd solid;
}
.data-format .layui-tab-title li {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-align: left;
}
.data-format .layui-elem-field div.layui-field-box {
    padding: 10px 15px;
}
.data-format .layui-tab-title .layui-this:after {
    height: 35px;
    border: 0;
    /* background-color: rgba(36,108,168,.3); */
}
.data-format .layui-tab-content {
    margin-left: 110px;
    padding: 0;
}
/* .data-format .layui-elem-field legend { font-size: 14px;} */
.layui-elem-field legend { font-size: 14px;}
.data-format .layui-tab-item .layui-elem-field { margin-bottom: 15px;}
.data-format-button { text-align: right;}
.data-format-button .layui-btn {
    height: 30px;
    line-height: 30px;
    border: 1px #e6e6e6 solid;
}
/* .data-format-button .data-format-cancel { background-color: #fff; color: #333;} */
.data-format .content { padding-top: 10px; overflow: hidden;}
.data-format .content .layui-input-block .layui-input-inline { line-height: 30px;}
.num-value .layui-input-block,.percentage-value .layui-input-block ,.scientific-counting .layui-input-block,.qrcode .layui-input-block,.barcode .layui-input-block { margin-left: 15px;}
.date-time .layui-input-block { margin-left: 5px; min-height: 30px;}
.check-box {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
}
.check-box i {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    /* border: 1px solid #d2d2d2; */
    font-size: 12px;
    border-radius: 2px;
    text-align: center;
    /* background-color: #fff; */
    -webkit-transition: .1s linear;
    transition: .1s linear;
    /* color: transparent; */
    cursor: pointer;
}
.digit-value {
    margin-left: 5px;
    width: 50px;
}
.date-time-list {
    width: 265px;
    margin-top: 5px;
}
.date-time .ul-list {
    height: 225px;
    border: 1px #ddd solid;
    border-radius: 2px;
}
.date-time .ul-list li {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* .date-time .select-box .ul-list li.select-list { background-color: rgba(36,108,168,.3);} */

/**************************存储过程模型*********************************/
.stored-procedure-list .layui-form-label {
    padding: 0;
    width: 90px;
}
.stored-procedure-list .layui-input-inline {
    margin-left: 100px;
}
.param-value-window { padding: 10px 20px; font-size: 12px;}
.param-value-window .layui-form-label { padding: 0; width: 75px;}
.param-value-window .layui-input-block { margin-left: 75px;}
.param-value-window .layui-input-inline { width: 325px;}
.param-value-window .layui-field-box { padding: 3px 15px 10px;}
.param-value-window .layui-btn#defaultValueButton {
    /* background-color: var(--theme-color); */
    height: 30px;
    line-height: 30px;
}
.param-value-window .param-value-result {
    height: 40px;
    vertical-align: middle;
    word-break: break-all;
}
.param-value-window legend { font-size: 12px;}
.date-default-window .layui-form-item:first-child { margin-bottom: 0;}
.date-default-window .layui-form-checkbox span { font-size: 12px;}
.date-default-window .layui-form-label {
    padding-left: 0;
    width: 50px;
}
.date-default-window .layui-input-block { margin-left: 65px;}
.param-value-window .layui-form-radio {
    padding-right: 0;
    margin-right: 0;
}
.param-value-window input:disabled,.param-value-window button:disabled {
    /* background-color: #efefef !important;
    color: #333; */
    cursor: default;
}
.param-value-window .layui-form-radio .layui-anim { font-size: 18px;}
.edit-model td .param-value-text,.field-details-list td .param-value-text,.list-table td .param-value-text {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.edit-model td .set-param,.field-details-list td .set-param,.list-table td .set-param, .set-valueExpression,.edit-business-model-window .set-param,.add-business-model-form .set-param {
    width: 22px;
    height: 25px;   
    line-height: 25px;
    padding: 0 5px;
    margin-top: 5px;
    border: 1px #eee solid;
    border-radius: 3px;
    cursor: pointer;
}
.edit-model td .set-param:hover,.field-details-list td .set-param:hover,.edit-business-model-window .set-param:hover,.add-business-model-form .set-param:hover  {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
/* .edit-model .layui-table-click,.edit-model .layui-table-hover { background-color: transparent !important;} */
.edit-api-window .layui-table-click { background-color: #f2f2f2 !important;}

/**************************报表*****************************/
.report-form-list { padding: 20px;}
.report-form-list .layui-form-label {
    width: 95px;
    line-height: 30px;
    padding: 0;
}
.report-form-list .layui-select-title .layui-input { line-height: 30px;}
/* .report-form-list .layui-form-select dl dd:hover,.model-window .layui-form-select dl dd:hover { background-color: transparent;} */
.report-form-list .layui-tree-line .layui-tree-entry:hover .layui-tree-txt,.model-window .layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
    text-decoration: none;
}
.report-form-list .layui-icon-file,.model-window .layui-icon-file { display: none;}
.report-form-list .layui-tree-icon,.model-window .layui-tree-icon { display: inline-block; box-sizing: content-box;}
.report-form-list .layui-tree-iconClick,.model-window .layui-tree-iconClick { margin: 0 8px;}
.report-form-list .layui-tree-entry,.model-window .layui-tree-entry {
    /* overflow: hidden; */
    text-overflow: ellipsis;
}
/* .report-form-list input:disabled,.model-window input:disabled { background-color: #efefef;} */

/************************iFind****************************/
.ifind-list > ul { padding: 0 !important;}
.menu-list ul li { padding-left: 0;}
.menu-list > ul > li {
	font-size: 12px;
	cursor: pointer;
	/* color: #fff; */
}
.left-menu-cnt .menu-list > ul > li { font-size: 14px;};
.menu-list > ul > li > div {
	padding: 0 15px;
	overflow: hidden;
}
.menu-list > ul > li > div > p {
	display: inline-block;
	/* margin-left: 10px; */
}
.menu-list > ul > li ul { display: none;}
.menu-list > ul > li ul li { line-height: 40px; font-size: 12px;}
.left-menu-cnt .menu-list > ul > li ul li { font-size: 14px;}

/* .menu-list > ul li div:hover,.selected > div {
	color: #ffffff !important;
} */
.selected > div > i { opacity: 1 !important;}
.menu-list > ul li div:hover i.iconfont { opacity: 1;}
.menu-list > ul li div {
    /* width: 220px; */
    padding: 0 8px;
    line-height: 40px;
	white-space: nowrap;
    /* overflow: hidden;
    text-overflow: ellipsis; */
}
.menu-list > ul li div span {
    display: inline-block;
    vertical-align: middle;
    /* max-width: 99px; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.map-tree > ul li div span {
    display: inline-block;
    max-width: 105px;
	white-space: nowrap;
    overflow: hidden;
    /* color: #000; */
    text-overflow: ellipsis;
    vertical-align: middle;
}
.restriction-box .map-tree > ul li div span { max-width: 85px;}
/* .map-tree > ul li div { color: #000 !important;} */
.menu-list > ul li div i.iconfont { opacity: .9;}
.menu-list > ul > li > ul > li > div { padding-left: 28px;}
.business-model-list > ul > li > ul > li > div { padding-left: 34px;}
.icontrol-list > ul > li > ul > li > div { padding-left: 34px;}
.menu-list > ul > li > ul > li > ul > li > div { padding-left: 40px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > div { padding-left: 50px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 65px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 75px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 85px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 95px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 105px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 115px;}
.menu-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 125px;}
.icontrol-list > ul > li > ul > li > ul > li > div { padding-left: 60px;}
.ifill-list  > ul li div i { margin-right: 5px !important;}
.ifill-list > ul > li > ul > li > ul > li > div { padding-left: 60px;}
.ifill-list > ul > li > ul > li > ul > li > ul > li > div { padding-left: 85px;}
.ifill-list > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 108px;}
.ifill-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 125px;}
.ifill-list > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 145px;}
.iconfont { vertical-align: middle; font-size: 20px;}
.bda-xiangxia { font-size: 12px;}
/* .find-module-right { background-color: #fafafa;} */
.ifind-other-menu-main { display: none;}
.tab-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px #ddd solid;
}
.report-button {
    position: absolute;
    width: 310px;
    height: 45px;
    padding-right: 10px;
    right: 0;
    top: 0;
    text-align: right;
}
.report-button span { display: inline-block; margin-left: 10px;}
.report-button span:hover { cursor: pointer;}
#magnify { font-size: 24px;}
#back { font-size: 30px;}
#editReport { font-size: 24px;}
.opacity { opacity: .5;}
.current-tabContent .main { z-index: 1;}
.main {
    position: absolute;
    left: 0;
    top: 45px;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    /* background-color: #fafafa; */
}
.tab-name {
    position: relative;
    display: inline-block;
    width: 200px;
    border-radius: 10px 10px 0 0;
    margin-top: 5px;
    margin-left: 5px;
    height: 39px;
    line-height: 39px;
	border-width: 1px;
	border-style: solid;
	border-bottom: 0;
	/* border-color: transparent; */
	padding: 0 9px;
	padding-right: 29px;
    overflow: hidden;
    cursor: default;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tab-name:before {
    position: absolute;
    height: 16px;
    width: 1px;
    content: "";
    /* background-color: rgb(169,173,176); */
    right: 0;
    top: 12px;
}
.current-tab:before { display: none;}
.current-tab {
    /* border-color: #ddd;
    background-color: #fafafa; */
}
.tab-name span.close-tab {
	position: absolute;
	right: 10px;
	top: 12px;
	margin-top: -13px;
}
.tab-name span.close-tab i { font-size: 13px; padding: 1px;}
.tab-name:hover::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 29px;
    margin-top: 5px;
    left: 0;
    background-color: rgba(0 , 0, 0, .1);
    border-radius: 10px;
    z-index: -1;
}
.tab-name:hover::before { background-color: transparent;}
.report-name {
	height: 45px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 320px;
	top: 0;
}
.tab-name span.close-tab:hover i {
    border-radius: 13px;
    /* background-color: rgba(221,221,221,.5); */
}
.control-before:before { display: none;}
.selfAnalysis div {
	position: relative;
	padding-right: 30px !important;
}
.selfAnalysis div .bda-delete1 {
	display: none;
	position: absolute;
	right: 15px;
	top: 2px;
}
.selfAnalysis:hover .bda-delete1 { display: block;}
.fixed-box { position: fixed; z-index: 999999999; display: none;}
.left-button {
	width: 20px;
	height: 50px;
	margin-top: 35px;
	/* background-color: rgba(0,0,0,.4);
	color: #FFFFFF; */
	cursor: pointer;
}
.left-button .iconfont {
	margin-top: 14px;
}
.left-top {
	top: 50px;
	left: 0;
}
.left-bottom {
	bottom: 50px;
	left: 0;
}
.right-top {
	top: 50px;
	right: 0;
}
.right-top .left-button .iconfont { transform: rotate(180deg);}
.right-bottom {
	bottom: 50px;
	right: 0;
}
.right-bottom .left-button .iconfont { transform: rotate(180deg);}
.right-button {
	width: 0;
	height: 120px;
	overflow: hidden;
	/* background-color: rgba(0,0,0,.4);
	color: #FFFFFF; */
	transition: width .2s;
}
.left-top .right-button,.left-bottom .right-button {
	float: left;
	border-radius: 0 5px 5px 0;
}
.left-top .left-button,.left-bottom .left-button {
	float: right;
	border-radius: 0 5px 5px 0;
}
.right-top .right-button,.right-bottom .right-button {
	float: right;
	border-radius: 5px 0 0 5px;
}
.right-top .left-button,.right-bottom .left-button {
	float: left;
	border-radius: 5px 0 0 5px;
}
.right-button ul li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
}
.right-button ul li .iconfont { cursor: pointer;}
.right-button ul li { font-size: 27px;}
.select-button-box.left-top .left-button .iconfont,.select-button-box.left-bottom .left-button .iconfont { transform: rotate(180deg);}
.select-button-box.right-top .left-button .iconfont,.select-button-box.right-bottom .left-button .iconfont { transform: rotate(0);}
.select-button-box .right-button { width: 50px;}
.tishi {
	display: none;
	position: fixed;
	width: 270px;
	height: 50px;
	line-height: 50px;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	/* background-color: rgba(0,0,0,.6); */
	border-radius: 5px;
	font-size: 14px;
	/* color: #fff; */
	text-align: center;
	z-index: 999;
}
.tishi span {
	padding: 2px;
	margin: 0 2px;
	border: 1px #fff solid;
}

.export-from .export-from-content { padding: 20px; font-size: 12px;}
.export-from .export-from-content .layui-input-block { margin-left: 80px;}

/****************************分享***********************************/
.share-mark {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background-color: rgba(0,0,0,.4); */
	z-index: 999;
}
.share-box {
	position: absolute;
	width: 720px;
	height: 405px;
	top: 50%;
	left: 50%;
	margin-top: -247px;
	margin-left: -330px;
	/* background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.4); */
	border-radius: 2px;
	box-sizing: border-box;
	overflow: hidden;
}
.share-box h2 {
	position: relative;
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	/* border-bottom: 1px solid #eee; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* background-color: #F8F8F8; */
	border-radius: 2px 2px 0 0;
	cursor: move;
}
.shart-title {
	font-size: 14px;
	/* color: #333; */
}
.close-share-box {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.6;
}
.close-share-box:hover {
    cursor: pointer;
    opacity: 1;
}
.share-type { font-size: 14px;}
.share-main { padding: 20px;}
.share-main h3 {
	font-size: 14px;
	font-weight: 400;
}
.share-link h3 { margin-bottom: 10px;}
.report-url {
    width: 538px;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    margin-right: 10px;
    /* border: 1px #d8d8d8 solid; */
    border-radius: 3px;
    /* background-color: #f1f1f1; */
}
.share-link { margin-top: 30px;}
.share-content label {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    /* border: 1px #ccc solid; */
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}
.share-content label.selected-check:before {
    position: absolute;
    display: block;
    content: "\2713";
    left: 50%;
    top: 50%;
    /* color: #3e84c0; */
    transform: translate(-50%,-50%);
    font-size: 14px;
    font-weight: bold;
}
.copy,.create-url {
    display: inline-block;
    height: 35px;
    line-height: 35px;
	padding: 0 10px;
	border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.create-url:hover {
	/* color: #fff; */
	cursor: pointer;
}
.share-type span {
    display: block;
    cursor: pointer;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px #ccc solid;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
}
.share-type span.have-limit { border-right-width: 0; border-radius: 3px 0 0 3px;}
.share-type span.not-have-limit { border-left-width: 0; border-radius: 0 3px 3px 0;}

.share-type span.have-limit.current-type { border-right-width: 1px;}
.share-type span.not-have-limit.current-type { border-left-width: 1px;}
.share-content {
    margin-top: 10px;
    padding: 10px;
    /* border: 1px #ccc solid; */
    border-radius: 3px;
    font-size: 12px;
    /* color: #999; */
}
/* .share-content input { color: #999;}
.share-content input.disabled-statue { color: #999;} */
.share-content h3 { margin-bottom: 10px; font-size: 12px;}
.verify-password { margin: 10px 0; height: 50px;}
.verify-password span,.verify-date span {
    display: inline-block;
    /* width: 50px; */
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}
.verify-password input {
	width: 60px;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    /* padding: 0 10px; */
    /* background-color: #fff;
	border-bottom: 1px #ccc solid; */
}
.verify-date { height: 50px;}
.verify-date input {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
	margin-right: 10px;
	/* width: 45px; */
    /* padding: 0 10px; */
    /* background-color: #fff;
	border-bottom: 1px #ccc solid; */
}
.share-box .setting-button { bottom: 20px;}
/* .current-share-content { color: #333;} */
/* .share-main .current-share-content input { color: #333;} */
.share-content p { padding-left: 85px; 
    /* color: red; */
}

/*********************HomePage*****************************/
.home {
    /* background-color: #fff; */
    height: calc(100vh - 20px);
    padding-top: 20px;
    background-image: url(../images/homeDefault.png);
    background-position: center;
    background-repeat: no-repeat;
}
.home h3 {
    padding: 15px 50px;
    font-size: 20px;
    /* color: #3e84c0; */
}
.home h3 span { font-size: 20px; font-weight: 100;}
.home hr {
    height: 1px;
    margin: 0 50px;
    border: 0;
    /* background-color: #3e84c0; */
}
.home p {
    line-height: 2.5;
    padding: 10px 50px;
    padding-left: 110px;
    font-size: 14px;
}
.home p b { font-size: 16px;}


.layui-form-item,.layui-form-radio * { font-size: 12px;}
.database-name .database-name-input {
    position: relative;
    z-index: 2;
}
.database-name-input .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    /* border-top-color: #c2c2c2; */
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.database-name-selected .layui-edge {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px\9;
}
.database-name-list {
    display: none;
    position: absolute;
    left: 0;
    bottom: 40px;
    padding: 5px 0;
    z-index: 899;
    min-width: 100%;
    /* border: 1px solid #d2d2d2; */
    max-height: 260px;
    overflow-y: auto;
    /* background-color: #fff; */
    border-radius: 2px;
    /* box-shadow: 0 2px 4px rgba(0,0,0,.12); */
    box-sizing: border-box;
}
.database-name-selected .database-name-list { display: block;}
.database-name-list dd {
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.database-name-list dd:hover {
    background-color: #f2f2f2;
    -webkit-transition: .5s all;
    transition: .5s all;
}
/****************************系统管理**************************************/
.organization-user-list { padding: 20px;}
.organization-user-list .layui-form-item { margin-top: 15px;}
.organization-user-list .layui-form-label { width: 60px; padding: 0 15px; padding-left: 0; line-height: 30px;}
.group-list .layui-form-label { width: 50px; padding: 0 15px; padding-left: 0; line-height: 30px;}
.organization-user-list .layui-input-block,.group-list .layui-input-block { margin-left: 95px;}
/* .layui-transfer-active .layui-btn-disabled { background-color: #FBFBFB; border-color: #e6e6e6 !important;} */
.user-list,.group-list { padding: 20px;}
.user-window .layui-form-label {
    padding: 0 10px;
    padding-left: 0;
    line-height: 30px;
}
.user-window .layui-tab { margin-top: 0;}
.user-window .layui-tab-title { height: 30px;}
.user-window .layui-tab-title li { line-height: 30px;}
/* .user-window .layui-tab-brief>.layui-tab-title .layui-this { color: var(--theme-color);} */
.user-window .layui-tab-title .layui-this:after { height: 31px;}
/* .user-window .layui-tab-brief>.layui-tab-title .layui-this:after { border-color: var(--theme-color);} */
.user-window .layui-tab-content {
    position: relative;
    height: calc(100% - 41px);
    margin-top: 10px;
    padding: 0;
}
.user-window .layui-tab-content > .layui-tab-item {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background-color: #fff;
}
.user-window .layui-tab-content > .layui-tab-item.layui-show {
    z-index: 2;
    opacity: 1;
}
.user-window .layui-table-edit { height: 35px; line-height: 35px;}
.user-window .layui-form-item .layui-input-block { margin-left: 120px;}

.user-list-checkbox .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}

.sourceDataSources-i18n { height: calc(100% - 80px); padding: 20px; }
.sourceDataSources-i18n .data-restrictions { margin: 0; height: 100%; }

/***数据权限***/
.data-restrictions { margin: 20px; height: calc(100% - 40px);}
.data-restrictions .operation, .row-restriction-line .operation { margin-top: 0; padding-left: 0;}
.data-restrictions .authority-list { margin-top: 10px; padding: 0; height: calc(100% - 40px);}
.restriction-form { height: 100%;}
.restriction-box { height: calc(100% - 80px); font-size: 12px;}
.restriction-box > .layui-input-block { margin-left: 0; width: 550px;}
.restriction-box > .layui-input-block > .layui-input-inline { width: 180px;}
.restriction-box .model-list { height: calc(100% - 40px); margin-top: 10px;}
.restriction-box .object-reports-left {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100% !important;
}
.restriction-box .model-list-content { width: 370px;}
.restriction-box .business-objects-content {
    height: calc(100% - 45px);
    border: 1px #ddd solid;
    border-radius: 3px;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
    font-size: 12px;
}
.reference-column {
    display: inline-block;
    position: relative;
    margin-top: 20px;
    z-index: 9;
}
.column-restriction .reference-group { margin-top: 20px; z-index: 9; position: relative;}
.line-bo-businessObjects-box { height: calc(100% - 50px);}
.restriction-box .business-objects-content ul li { position: relative; padding-left: 18px;}
.restriction-box .business-objects-content ul li i {
    margin-right: 2px;
    font-size: 14px;
    color: var(--theme-color);
}
.restriction-box .business-objects-content ul li label {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 6px;
    left: 0;
}
.restriction-box .business-objects-content ul li.folder span {
	position: absolute;
	display: block;
	content: "";
	left: 3px;
	top: 0;
	width: 0;
    height: 0;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #888;
    transition: all .2s;
}
.restriction-box .business-objects-content ul li.select-folder > label > span {
	top: 1px;
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
.restriction-box .business-objects-content ul li div {
	position: relative;
	height: 24px;
    line-height: 24px;
    padding-left: 18px;
    cursor: default;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.restriction-box .business-objects-content ul li div:before {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	border: 1px #ccc solid;
	left: 0;
	top: 50%;
	margin-top: -7px;
	content: "";
}
.restriction-box .business-objects-content ul li div:after { display: none;}
.restriction-box .business-objects-content ul li.select-value > div:after {
	display: block;
	position: absolute;
    left: 1px;
    top: -1px;
    font-size: 14px;
    font-weight: bold;
    content: '\2713';
    color: var(--theme-color);
}
.restriction-box .business-objects-content ul li.selected-value > div:after {
	display: block;
	position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -4px;
    width: 4px;
    height: 4px;
    border: 1px var(--theme-color) solid;
    content: '';
    background-color: var(--theme-color);
}
.restrictions-list { margin-top: 10px;}
.restrictions-list .model-list {
    width: 210px;
    height: 473px;
    background-color: #fafafa;
    border: 1px #e6e6e6 solid;
    border-radius: 3px 0 0 3px;
}
.restrictions-list .model-list h2 {
    line-height: 35px;
    padding: 0 10px;
    background-color: #f2f2f2;
    border-bottom: 1px #e6e6e6 solid;
    font-size: 12px;
    color: #000;
}
.restrictions-list .model-list ul {
    height: 438px;
    overflow: auto;
}
.restrictions-list .model-list ul li {
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    white-space: nowrap;
    color: #333;
    cursor: pointer;
}
.restrictions-list .model-list ul li:hover,.restrictions-list .model-list ul li.select-li { background-color: #f2f2f2;}
.row-restrictions { height: calc(100% - 40px);}
.restrictions-box { height: calc(100% - 40px); margin-top: 10px;}
.restrictions-box .restrictions-box-top { height: 55%;}
.restrictions-box .restrictions-box-bottom { height: calc(45% - 10px); margin-top: 10px;}
.restrictions-list .restriction-lines { margin-left: 210px;}
.row-restriction .row-restriction-lines { height: calc(100% - 45px);}
.row-restriction .row-restriction-lines .lines-list { height: 50%;}
.row-restriction .row-restriction-lines .line-bos-list { height: calc(50% - 10px); width: 100%; margin-top: 10px;}
.row-restriction .layui-form-item .layui-input-inline { width: auto; margin-right: 0;}
.row-restriction .layui-form-item .layui-input-inline .layui-btn {
    color: #000 !important;
}
.row-restriction .layui-form-item .layui-input-inline .layui-btn-border:hover { color: #fff !important;}
.row-restriction .layui-form-item .layui-input-inline .layui-btn-disabled,.row-restriction .layui-form-item .layui-input-inline .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6 !important;
    background-color: #FBFBFB !important;
    color: #C9C9C9 !important;
}
.row-restriction .restriction-box .layui-form-item .layui-input-block { margin-left: 0; width: calc(100% - 200px);}
.row-restriction .lines-list { width: 100%;}
.row-restriction .lines-button button { margin-bottom: 10px;}
.model-form .restriction-box > .layui-input-block { width: auto;}
.model-form .restriction-box .model-list-content { width: calc(100% - 190px);}
.restriction-top-table { margin-right: 70px;}
.row-restriction-line .restriction-box .restriction-bottom { height: 60%; margin-top: 5px;}
.row-restriction-line .restriction-box .restriction-bottom .restriction-top-table { height: calc(100% - 30px);}
.row-restriction-line .restriction-box .restriction-bottom .restriction-bottom-table { width: calc(100% - 70px); height: calc(100% - 30px);}
.row-restriction-line .restriction-box .restriction-bottom .fr button {
    margin-bottom: 10px;
    width: 62px;
    padding: 0;
}
.row-restriction-line .restriction-box .restriction-bottom .fr button.reference-group { margin-top: 20px;}
.row-restriction-line .restriction-box .restriction-line-top { height: calc(40% - 5px); margin-bottom: 5px;}
.row-restriction-line .restriction-box .where-clause-box { height: 100%;}

/* .row-restriction-line .restriction-box .restriction-line-bottom .where-clause-box { width: calc(100% - 225px);} */
.where-clause-title, .table-title { height: 30px; line-height: 30px; color: #000;}
.whereClause { height: calc(100% - 30px);}
.whereClause .CodeMirror {
    box-sizing: border-box;
    height: 100%;
    padding: 0 5px;
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
}
.table-name-bottom { height: calc(100% - 40px); margin-top: 10px;}
.table-names {
    box-sizing: border-box;
    width: calc(100% - 70px);
    height: 100%;
    border: 1px #ddd solid;
    border-radius: 3px;
    overflow: auto;
}
.table-names li {
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    cursor: default;
}
.table-names li:hover { background-color: #e9f4ff;}
.table-names li.select-li { background-color: #cbe8f6;}
.table-name-window .layui-input-block { margin-left: 60px;}
.table-name-bottom-button button { margin-bottom: 10px;}

.restriction-groups {
    box-sizing: border-box;
    width: 180px;
    height: 100%;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
}
.restriction-groups h2 {
    box-sizing: border-box;
    line-height: 30px;
    padding-left: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px #e6e6e6 solid;
    font-size: 12px;
    color: #333;
}
.restriction-groups ul {
    height: calc(100% - 30px);
    overflow: auto;
}
.restriction-groups ul span {
    display: block;
    line-height: 26px;
    padding: 15px;
    text-align: center;
    color: #999;
}
.restriction-groups ul li {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #333;
    cursor: pointer;
}
.restriction-groups ul li:hover { background-color: #e9f4ff; }
.restriction-groups ul li.select-li { background-color: #cbe8f6; }
.restriction-content {
    width: calc(100% - 190px);
    height: 100%;
}
.restriction-lines {
    height: calc(50% - 5px);
}
.restriction-line-bos {
    height: calc(50% - 5px);
    margin-top: 10px;
}

.line-bo {
    box-sizing: border-box;
    padding: 20px;
    cursor: default;
}
.line-bo .titleText { border-bottom: 2px solid #e6e6e6; height: 30px;}
.line-bo #blockFilter-main { height: calc(100% - 42px); margin: 0px; }
.line-bo #blockFilter {
    padding: 10px;
    width: 200px;
    float: left;
    margin: 0px;
    box-sizing: border-box;
}
.line-bo #objectName {
    float: left;
    width: 125px;
    margin-right: 5px;
    margin-top: 5px;
}
.line-bo #selectDimension {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}
.line-bo #operatorList { padding-top: 10px; }
.line-bo #operatorList #operatorListTitle { margin-bottom: 5px; }
.line-bo #operatorList .layui-form-select dl { top: 35px;}
.line-bo #operatorList .layui-form-select dl dd { line-height: 30px;}
.line-bo #typeOfOperandText { margin-bottom: 4px; margin-top: 10px; }
.line-bo #values {
    box-sizing: border-box;
    border-left: 2px solid #e6e6e6;
    margin: 0px;
    width: calc(100% - 200px);
}
.line-bo #leftHalf { padding: 10px; }
.line-bo #inputValue,.line-bo #dataTime { margin-top: 10px; }
.line-bo #filterInputMethod1 { height: 100%; }
.line-bo #dataList {
    height: calc(100% - 67px);
    border: 1px #e6e6e6 solid;
    margin-top: 10px;
    font-size: 12px;
}
.line-bo #dataList h3,.line-bo #rightHalf #listOfValues h3 {
    position: relative;
    height: 30px;
    line-height: 30px;
    background-color: #F8F8F8;
    padding: 0 10px;
    border-bottom: 1px #e6e6e6 solid;
    font-size: 12px;
    user-select: none;
}
.line-bo #dataList h3.asc span::after,.line-bo #rightHalf #listOfValues h3.asc span::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 8px;
    margin-left: 5px;
    border: 5px solid;
    border-color: transparent transparent #0a0a0a transparent;
}
.line-bo #dataList h3.desc span::after,.line-bo #rightHalf #listOfValues h3.desc span::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 12px;
    margin-left: 5px;
    border: 5px solid;
    border-color: #0a0a0a transparent transparent transparent;
}
.line-bo #dataList ul,.line-bo #rightHalf #listOfValues ul { height: calc(100% - 30px); overflow: auto; }
.line-bo #dataList ul li,.line-bo #rightHalf #listOfValues ul li {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;    
    font-size: 12px;
    user-select: none;
    white-space: nowrap;
}
.line-bo #rightHalf #listOfValues ul li.selected-li { background-color: #cbe8f6;}
.line-bo #dataObjectList-box #data {
    margin: 10px 10px;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    height: 294px;
    width: 278px;
    overflow: auto;
}
/*设置列表高度*/
.line-bo #leftHalf .layui-form { margin: 5px 0px; height: calc(100% - 62px); }
.line-bo #leftHalf .layui-table-box { height: 100%; }
.line-bo #leftHalf .layui-table-body { overflow-y:auto; height: calc(100% - 35px); }
.line-bo #filterDatas { margin-top: 10px; height: 30px; }
.line-bo #filterData {
    width: calc(100% - 59px);
    float: left;
    margin-right: 5px;
}
.line-bo #filterDataButton { width: 54px; padding:0px; }
.line-bo .layui-btn { height: 30px; line-height: 30px; }
#moveButton .layui-btn { background-color: var(--theme-color); }
.line-bo #rightHalf { padding: 10px; padding-left: 0px; }
.line-bo #rightHalf #moveButton {
    float: left;
    width: 53px;
    margin-top: 27px;
}
.line-bo #rightHalf #listOfValues {
    margin-top: 27px;
    margin-left: 63px;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    height: calc(100% - 27px);
}

.line-bo #rightHalf #toLeft { margin-left: 0px; margin-top: 10px; }
.line-bo #rightHalf .layui-form {
    margin-left: 63px;
    margin-top: 22px;
    height: calc(100% - 22px);
}
.line-bo #rightHalf .layui-table-box { height: 100%; }
.line-bo #rightHalf .layui-table-body { overflow-y:auto; height: calc(100% - 35px); }
.line-bo #rightHalf .layui-btn-disabled { border-width: 0px; }

.line-bo #bottomLine { border-bottom: 2px solid #e6e6e6; }
.line-bo-businessObjects-box .search { margin: 20px 20px 10px; }
.line-bo-businessObjects-box .business-objects-content {
    box-sizing: border-box;
    width: calc(100% - 40px);
    height: calc(100% - 70px);
    /* margin: 20px 20px 0; */
    margin: 0 20px;
    padding: 10px;
}
.line-bo-businessObjects-box .business-objects-content ul li { padding-left: 10px;}
.line-bo-businessObjects-box .business-objects-content ul li.object { padding-left: 0;}
.line-bo-businessObjects-box .business-objects-content ul li div { padding-left: 0;}
.line-bo-businessObjects-box .business-objects-content ul li.object div { padding-left: 5px;}
.line-bo-businessObjects-box .business-objects-content ul li div:before { display: none;}
.line-bo-businessObjects-box .business-objects-content ul li.object div:hover { background-color: #e9f4ff;}
.line-bo-businessObjects-box .business-objects-content ul li.object div.select-li { background-color: #cbe8f6;}



.content-list {
    padding: 20px 20px 0;
}
.operation {
    margin-top: 10px;
    padding-left: 20px;
}
.operation button {
    height: 30px;
    line-height: 30px;
}
.list-filter { padding: 20px 20px 0; font-size: 12px;}
.list-filter input,.list-filter button { height: 30px; line-height: 30px;}
/* .layui-table th .layui-form-checkbox[lay-skin=primary] { display: none;} */
.un-do-delete-list .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}
.group-item .layui-form-checked[lay-skin=primary] i, .group-item .layui-transfer-active .layui-btn {
    background-color: #ccc !important;
    border-color: #ccc !important;
}
.authority-list { padding: 20px;}
.authority-list-form { margin: 20px 20px 60px; height: calc(100% - 80px); }
/* .treeList { height: 430px; overflow-y: auto;} */
.form-contents { display: contents; }
.report-authority {
    box-sizing: border-box;
    margin: 20px 20px 60px;
    height: calc(100% - 80px);
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
    overflow-y: auto;
}
.form-total {
    position: absolute;
    bottom: 10px;
    left: 20px;
    height: 30px;
    line-height: 30px;
    z-index: 9;
}
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
    text-decoration: none;
}
.data-list-content { padding: 20px;}
.data-list-content .layui-form-label {
    padding: 0 15px;
    line-height: 30px;
    padding-left: 0;
}
.data-list-content .layui-input-block { margin-left: 85px;}
.left-box-form { width: 270px;}
.business-object-list {
    box-sizing: border-box;
    height: 390px;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    padding: 10px 0 10px 10px;
    overflow-y: auto;
}
.form-submit { margin-bottom: 0;}
.data-list-content .layui-select-title .layui-input { line-height: 30px;}
/* #treeList .layui-checkbox-disbaled i { background-color: #ccc !important; border-color: #ccc !important;} */
.data-row-bussiness-object { position: relative; cursor: pointer;}
.data-row-bussiness-object .layui-input {
    display: inline-block;
    width: 229px;
    vertical-align: middle;
}
.data-row-bussiness-object .business-list-button {
    width: 37px;
    height: 30px;
    vertical-align: middle;
    /* border: 1px #e6e6e6 solid;
    background-color: transparent; */
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}
/* .data-row-bussiness-object .business-list-button:hover {
    border-color: #d2d2d2 !important;
} */
.data-row-bussiness-object .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    /* border-top-color: #c2c2c2; */
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.selected-dataRow-businessObject .data-row-tree { display: block;}
.data-row-tree {
    display: none;
    position: absolute;
    width: 300px;
    max-height: 338px;
    /* background-color: #fff;
    border: 1px #e6e6e6 solid; */
    padding: 5px;
    top: 35px;
    overflow: auto;
    z-index: 9;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.selected-dataRow-businessObject .layui-edge {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px\9;
}
#classtree .select-tree .layui-tree-txt { font-weight: bold;}

.left-box-form .layui-form-label {
    float: none;
    width: auto;
    padding: 0;
    line-height: 38px;
    text-align: left;
}
.left-box-form .layui-input-block { margin-left: 0;}
.left-box-form .layui-form-item { margin-bottom: 10px;}
.columns-window .layui-form-select dl dd:hover {
    /* background-color: transparent; */
}
.left-box-form .downpanel dl dd:hover {
    /* background-color: transparent; */
}
.left-box-form .downpanel dl dd { cursor: default;}
.left-box-form .downpanel dl dd .layui-tree-txt { cursor: pointer;}
/* .left-box-form .layui-select-title .layui-input { color: #333;} */
.left-box-form .layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
    text-decoration: none;
}
.right-box-form {
    position: relative;
    width: 476px;
    /* margin-top: 15px; */
}
.right-box-form .layui-transfer .layui-transfer-active { margin: 0 12px;}
.special-item {
    position: absolute;
    width: 476px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: #fff; */
    margin-bottom: 0;
}
.special-item .layui-form-label {
    float: none;
    width: auto;
    /* margin-top: 174px; */
    padding: 0;
    line-height: 38px;
    text-align: left;
}
.special-item .layui-input-block { margin-left: 0;}

.object-reports-main {
    position: absolute;
    top: 62px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}
.object-report-list-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 220px;
}
.report-folder-list-right { left: 220px;}
.report-folder-list-right .layui-table th .layui-form-checkbox[lay-skin=primary],.data-sourec-box .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}
.object-reports-left {
    float: left;
    width: 180px;
    height: 100%;
    /* background-color: #fafafa; */
    overflow-y: auto;
}
.report-folder-tree {
    width: 210px;
    top: 0;
}
.report-folder-tree > ul li div i { color: #1e88e5; }
/* .excel-template-list { overflow: hidden; }
.excel-template-list h2 {
    height: 40px;
    line-height: 40px;
    background-color: #dedede !important;
    padding-left: 10px;
    font-size: 14px;
}
.excel-template-list ul {
    height: calc(100% - 40px);
    overflow: auto;
}
.excel-template-list ul li {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    overflow: hidden;
    font-size: 12px;
    color: #333 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.excel-template-list ul li.selected-li { background-color: #e8e8e8;} */
.finance-class,.finance-report { width: 210px;}
.report-folder-tree > ul > li > ul > li > div { padding-left: 28px;}
.report-folder-tree > ul > li > ul > li > div span { max-width: 102px;}
.report-folder-tree > ul > li > ul > li > ul > li > div { padding-left: 50px;}
.report-folder-tree > ul > li > ul > li > ul > li > div span { max-width: 100px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > div { padding-left: 60px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > div span { max-width: 102px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 75px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > div span { max-width: 102px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 85px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div span { max-width: 102px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 95px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div span { max-width: 102px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 95px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div span { max-width: 102px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 105px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div span { max-width: 90px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 115px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div span { max-width: 80px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 125px;}
.report-folder-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div span { max-width: 70px;}


.object-reports-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 180px;
    overflow: hidden;
}
.report-tree { left: 200px;}

.button-add,.button-more {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 0 18px;
    /* background-color: rgb(36, 108, 168);
    color: #fff; */
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}
/* .button-add:hover,.button-more:hover { background-color: rgba(36, 108, 168,.8);} */
.button-add span,.button-more span { cursor: pointer; margin-right: 5px;}
.button-add i,.button-more i { cursor: pointer;}
.sanjiao-up { transform: rotate(270deg); display: inline-block;}
.button-add dl,.button-more dl {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    min-width: 100%;
    /* background-color: #fff; */
    z-index: 9999;
    /* color: #000; */
    cursor: pointer;
    /* box-shadow: 0 2px 4px rgba(0,0,0,.3); */
}
.button-add dl dd,.button-more dl dd {padding: 0 10px; text-align: left;}
/* .button-add dl dd:hover,.button-more dl dd:hover { background-color: #f2f2f2;} */

.menu-list > ul li div i { margin-right: 5px; font-size: 18px;}
.menu-list > ul li div i.bda-xiangxia { font-size: 12px;}
.menu-list > ul li div i.bda-xiangyou { font-size: 18px;}
.menu-list > ul li div i.bda-wenjianjia { font-size: 16px;}
.junior-tree > ul li div i.bda-wenjianjia { font-size: 16px; color: #1e88e5;}
.ifind-report-menu-list > ul > li,.ifind-report-menu-list > ul > li ul li { font-size: 12px;}
.object-reports-left li ul { display: none;}
/* .object-reports-left > ul li div:hover { background-color: #2d3646; color: #ffffff;}
.object-reports-left .click-folder > div {
    border-radius: 3px;
    background-color: #2d3646;
} */
.map-tree > ul li div:hover, .map-tree .selected > div {
    /* background-color: #d4d4d4 !important;
    color: #000 !important; */
}
.map-tree .click-folder > div {
    border-radius: 3px;
    /* background-color: #d4d4d4; */
}

.map-menu-list {
    position: absolute;
    top: 60px;
    left: 20px;
    /* background-color: #fff; */
    right: 20px;
    bottom: 20px;
    padding: 20px;
}
.map-menu-tree {
    width: 200px;
    height: 100%;
    /* background-color: #fafafa; */
    overflow: auto;
    font-size: 12px;
}
.map-menu-tree > ul ul { display: none;}

/* .map-menu-tree > ul li div:hover {
    background-color: #d4d4d4;
	color: #000;
}
.map-menu-tree .selected-folder > div {
    background-color: #d4d4d4;
} */
.map-menu-tree div {
    height: 42px;
    line-height: 42px;
	padding: 0 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* color: rgba(239, 239, 239,.7); */
    cursor: pointer;
}
.map-menu-tree > ul li div span {
    display: inline-block;
    max-width: 105px;
	white-space: nowrap;
    overflow: hidden;
    /* color: #000; */
    text-overflow: ellipsis;
    vertical-align: middle;
}
/* .map-menu-tree > ul li div { color: #000 !important;} */
.map-menu-tree > ul li div i.iconfont { opacity: .5;}
.map-menu-tree > ul > li > ul > li > div { padding-left: 25px;}
.map-menu-tree > ul > li > ul > li > ul > li > div { padding-left: 35px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > div { padding-left: 45px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 65px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 75px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 85px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 95px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 105px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 115px;}
.map-menu-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 125px;}
.iconfont { vertical-align: middle; font-size: 18px;}
.bda-xiangxia { font-size: 12px;}
.map-frame {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 220px;
}

.preview { cursor: pointer;}
.color-sequence {
    display: inline-block;
    height: 22px;
    margin-top: 6px;
    border: 1px #999 solid;
    overflow: hidden;
    white-space: nowrap;
}
.color-sequence span {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: 2px;
    margin-left: 2px;
    font-weight: bold;
}
.color-sequence span:last-child { margin-right: 2px;}
.layui-form-item .layui-inline { margin-right: 3px;}
.layui-colorpicker-main-input input.layui-input { width: 180px;}
.color-window .layui-form-item:nth-of-type(1) .layui-input-block { width: 451px;}
.color-window .color-list {
    width: 430px;
    max-height: 136px;
    padding: 10px;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    margin-right: 20px;
    overflow: auto;
}
.color-window .color-list .layui-inline { margin-bottom: 10px;}
.color-window .color-button button {
    height: 30px;
    line-height: 30px;
    width: 45px;
    background-color: var(--theme-color);
    margin-bottom: 10px;
}
.match-details {
    height: 30px;
    line-height: 30px;
    margin-left: 85px;
}
.compare-box-top {
    position: relative;
    height: 460px;
    padding: 20px;
}
.box-left,.box-right {
    width: 160px;
    height: 458px;
    border-radius: 3px;
}
.box-middle {
    width: 350px;
    height: 458px;
    margin-left: 60px;
}
.county-match .box-middle { margin-left: 56px;}
.compare-box-top .box-list-content {
    height: 433px;
    border: 1px #ccc solid;
    border-radius: 3px;
}
.top-button {
    position: absolute;
    width: 37px;
    height: 27px;
    line-height: 27px;
    border-radius: 3px;
    top: 215px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
}
.top-button.left-button {
    left: 192px;
}
.top-button.right-button {
    right: 192px;
    transform: rotate(180deg);
}
.compare-box-top h2 {
    line-height: 25px;
    font-size: 12px;
}
.compare-box-top h3 {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    /* background-color: #f1f1f1; */
    overflow: hidden;
}
.box-left h3,.box-right h3 { padding-left: 10px;}
.box-middle h3 span,.box-middle ul li span {
    box-sizing: border-box;
    float: left;
    display: block;
    width: 164px;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.compare-box-top ul {
    height: 408px;
    overflow-y: auto;
}
.compare-box-top ul li {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    cursor: default;
}
/* .compare-box-top ul li:hover,.compare-box-top ul li.select-value {
    background-color: rgba(36, 108, 168, .2);
} */
.box-left ul li,.box-right ul li { padding-left: 10px;}
.auto-match,.delete-match {
    height: 30px;
    line-height: 30px;
}
.auto-match { margin-left: 20px;}
.tree-list {
    width: 130px;
    height: 433px;
    border: 1px #ccc solid;
}
.tree-list-box {
    height: 433px;
    overflow: auto;
}
.county-match .box-left .box-list-content {
    width: 130px;
    margin-left: 9px;
}
.county-match .box-left { width: 275px;}
.county-match .box-middle { width: 270px;}
.county-match .box-right { width: 130px;}
.county-match .left-button { left: 304px;}
.county-match .right-button { right: 161px;}
.county-match .layui-icon-file { display: none;}
.county-match #treeList .select-value { font-weight: bold;}
.county-match .box-middle h3 span,.county-match .box-middle ul li span { width: 124px;}
/* .layui-btn-primary { background-color: #fff;} */
.layui-colorpicker-main-input .layui-btn-primary { display: none;}
.county-match .box-right .box-list-content { height: 392px;}
.county-match .box-right .list { height: calc(100% - 25px);}
.county-match .box-right .layui-form-item .layui-inline { width: 100%;}
.county-match .box-right .layui-form-item .layui-input-inline { width: 80px; margin-right: 0;}
.county-match .box-right .search .layui-btn {
    padding: 0 8px;
    font-size: 12px;
}

/*************************系统设置*******************************************/
.more-setting .layui-nav-child {
    right: 0;
    left: auto;
}
.setting-date-list { padding: 20px;}
.setting-date-list h3 {
    margin-bottom: 40px;
    font-size: 12px;
}
.setting-date-list .layui-form-label {
    /* padding: 9px 0; */
    padding: 0;
    width: 50px;
}
.setting-date-list .layui-input-block { margin-left: 50px;}
.third-part-data .layui-form-item { margin: 0 10px 15px;}
.third-part-data .layui-form-item .layui-input-block { margin-left: 145px;}
.third-part-data .layui-form-item .layui-form-checkbox span { padding-right: 0;}
.third-part-data .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 5px;}
.third-part-data .layui-form-item .layui-input-inline { width: auto;}
.third-part-data .json-code .layui-input-inline { width: auto; margin-right: 0;}
.third-part-data .json-code .layui-input-inline:last-child { margin-left: 20px;}
.third-part-data .json-code .layui-input-inline .layui-form-checkbox[lay-skin=primary] { margin-top: 6px; padding-left: 26px;}
.third-part-data .json-code .layui-input-inline .layui-inline { margin-bottom: 0; margin-right: 0; }
.third-part-data .json-code .layui-input-inline .layui-form-label { min-width: auto; font-size: 12px; font-weight: normal;}
.title-line { border-top: 1px #e6e6e6 solid; margin-bottom: 10px;}
.title-line legend {
    padding-right: 10px;
    font-size: 12px;
}

.personalization-main {
    padding: 20px;
}
.personalization-box { font-size: 12px;}
.personalization-box ul { margin-top: 10px;}
.personalization-box ul.layui-tab-title { margin: 0; padding: 0;}
.personalization-box .layui-tab { margin: 0;}
.personalization-box ul .screen-full { margin-bottom: 12px;}
.personalization-box ul li {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
    margin-right: 10px;
}
.personalization-box ul.pageType li:last-child { margin-left: 20px;}
.personalization-box ul.pageType li:first-child {
    padding-left: 0;
    width: 40px;
}
.personalization-box ul li span.radio {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	border: 1px #ddd solid;
	border-radius: 14px;
	left: 0;
	top: 7px;
	cursor: pointer;
}
.personalization-box ul li span.select-radio:before{
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	left: 3px;
	top: 3px;
}
.personalization-box ul.layui-tab-title li {
    padding: 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
}
/* .personalization-box .layui-tab-brief>.layui-tab-title .layui-this {
    color: var(--theme-color);
}
.personalization-box .layui-tab-brief>.layui-tab-more li.layui-this:after, .personalization-box .layui-tab-brief>.layui-tab-title .layui-this:after {
    border-color: var(--theme-color);
} */
.personalization-report-name {
	width: 200px;
	height: 26px;
	margin-left: 10px;
	margin-right: 5px;
	padding: 0 10px;
	/* border: 1px #ddd solid;
	background-color: #fff; */
	border-radius: 2px;
}
.personalization-button {
	width: 32px;
	height: 28px;
	/* border: 1px #ddd solid; */
	border-radius: 2px;
	cursor: pointer;
}
.personalization-box p {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
}
.personalization-box p span.checkbox {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	border: 1px #ddd solid;
	left: 0;
	top: 7px;
	cursor: pointer;
}
.personalization-box p span.select-checkbox:before{
	position: absolute;
	display: block;
	content: '\2713';
	font-size: 14px;
	left: 2px;
	top: -8px;
	font-weight: bold;
}
#treeReportList .layui-tree-line .layui-tree-entry:hover .layui-tree-txt { text-decoration: none !important;}
#treeReportList .select-tree .layui-tree-txt { font-weight: bold;}

.organization-box {
    padding: 20px;
}
.organization-box .layui-tab { margin: 0;}
.organization-box .layui-tab-content { padding: 20px 0;}
.organization-box .layui-form-select dl { max-height: 200px;}
.transform-window .layui-tab-title { height: 30px;}
.transform-window .layui-tab-title li { line-height: 30px;}
.transform-window .layui-tab-title .layui-this:after { height: 31px;}
.logo-box {
    box-sizing: border-box;
    display: inline-block;
    width: 38px;
    height: 38px;
    padding: 3px;
    margin-right: 20px;
    /* background-color: rgb(192,192,192); */
    vertical-align: middle;
}
.organization-logo .logo-image {
    display: table-cell;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
.organization-logo img {
    max-width: 32px;
    max-height: 32px;
}
.organization-logo button {
    height: 30px;
    line-height: 30px;
}
.option-box { padding: 20px;}

.option-box .layui-tab { margin: 0;}
.option-box .layui-tab-content { padding: 20px 0;}
.model-option,.report-design { line-height: 30px;}
.model-option label {
    width: auto;
    padding: 0;
    text-align: left;
}
.model-option .layui-input-inline { width: 100px;}
.option-box .layui-form-checkbox span { white-space: normal;}
.option-box .layui-tab-content, .option-box .layui-tab-content .layui-form-checkbox span { font-size: 12px;}
.report-option .layui-input-block {
    margin-left: 0;
}
.report-option .layui-input-block .layui-form-checkbox[lay-skin=primary] { margin-top: 5px;}
.report-design label {
    width: 110px;
    padding: 0;
    text-align: left;
}
.report-design .layui-input-inline { width: 100px;}
.design-scale label {
    width: 40px;
}
.design-scale .layui-input-inline { width: 100px;}
.color-system label {
    line-height: 24px;
    padding: 9px 0;
    text-align: left;
}
.color-content {
    display: inline-block;
    max-width: 197px;
    max-height: 56px;
    padding-top: 2px;
    margin-top: 10px;
    margin-left: 10px;
    border: 1px #999 solid;
    overflow: auto;
    vertical-align: middle;
}
.color-content span {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    /* margin-top: 2px; */
    margin-bottom: 2px;
    margin-left: 2px;
    font-weight: bold;
}
.color-content span:last-child { margin-right: 2px;}
.color-change {
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    vertical-align: text-top;
}
.model-option .select-send-user {
    height: 30px;
    line-height: 30px;
    background-color: var(--theme-color);
}
.color-box { padding: 20px;}
.color-list-box .layui-layer-content .layui-table-cell { height: 35px; line-height: 35px;}
.layui-nav-item .iconfont { font-size: 16px;}
.theme-list { padding: 20px;}
.theme-list .layui-input-block { margin-left: 0;}
.user-message-box {
    padding: 0 20px;
}
.user-message-box .layui-form-select dl { max-height: 115px;}
.theme-setting a,.self-report a { padding: 0 15px !important;}
.user-message-box .layui-input-block { margin-left: 95px !important;}

.sql-executor .organization-box {
    position: absolute;
    padding: 0;
    top: 10px;
    right: 20px;
    bottom: 50px;
    left: 20px;
}
.sql-executor .layui-tab { width: 100%; height: 100%;}
.sql-executor .layui-tab-content {
    position: absolute;
    padding: 0;
    top: 41px;
    right: 0;
    bottom: 0;
    left: 0;
}
.sql-executor .layui-tab-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden !important;
    display: block;
    opacity: 0;
}
.sql-executor .layui-show { visibility: visible !important; opacity: 1;}
.sql-logic .layui-form-item { margin-bottom: 0px;}
.sql-executor .server-content {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
}
.server-content .CodeMirror {
    width: 100%;
    height: 100%;
    padding: 0 5px;
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    padding-left: 0;
    box-sizing: border-box;
}

.layui-laypage { margin: 0;}
.page-box { margin-top: 20px;}
.count-page {
    line-height: 35px;
    /* color: #333; */
}

.open-child-folder { 
    /* color: #333; */
     cursor: pointer;}

.setting-box { margin: 10px 20px;}
.setting-box .list-top-button .layui-btn {
    height: 30px;
    line-height: 30px;
    /* background-color: var(--theme-color); */
}
.setting-box .filters-list { margin-top: 12px;}
.platform .layui-input-block { margin-left: 80px;}
.platform .layui-form-select dl { top: 32px;}


.layui-input,.layui-select {
    height: 30px;
    line-height: 30px;
}
.relation-model-window .layui-form-label,.edit-model .layui-form-label {
    padding: 0 10px;
    padding-left: 0;
    line-height: 30px;
}
.edit-test-link {
    height: 30px;
    line-height: 30px;
}
.layui-form-label {
    padding: 0 10px;
    padding-left: 0;
    line-height: 30px;
    text-align: left;
}
.data-organize-database .layui-form-label {
    width: 100px;
    padding: 0 10px;
    padding-left: 0;
    line-height: 30px;
}

.about-content { padding: 45px 20px 20px;}
.about-left { margin-left: 10px;}
.about-right { margin-left: 20px;}
.about-right h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    /* color: var(--theme-color); */
}
.about-right p {
    font-size: 12px;
    /* color: #808080; */
}
.about-right p.version {
    font-size: 14px;
    /* color: #000; */
}
.about-box .layui-layer-btn { padding-bottom: 16px;}

.layui-btn-down-excel {
    cursor: pointer;
    /* color: #333; */
    vertical-align: sub;
}
.layui-btn-down-excel i { font-size: 18px !important;}


.data-organize-list > ul { padding: 0 !important;}
/* .data-organize-list > ul li div { padding-left: 48px;} */
/* .transform-window .layui-form-item { margin-bottom: 10px;} */
.transform-window .layui-form-radio { margin: 2px 10px 0 0;}
.sql-analysis { line-height: 30px;}
.sql-analysis a:hover { text-decoration: underline;}
.transform-window textarea[name="targetTableDescription"],.transform-window textarea[name="sourceTableDescription"] {
    min-height: 80px;
}
.transform-window textarea[name="transformLogic"] {
    min-height: 310px;
}
.transform-window .layui-input-block { min-height: 30px;}

.data-organize-database {
    margin-top: 20px;
    max-width: 600px;
}
.data-organize-database .layui-input-block {
    margin-left: 110px;
}
.job-window .database-list .layui-form-label {
    padding: 0;
    width: auto;
    /* margin-right: 10px; */
}
.job-window .database-list .layui-input-block {
    margin-left: 95px;
}
.job-window .database-list .layui-form-radio {
    margin: 1px 10px 1px 0;
}
/* .job-window .layui-input-block input:disabled { background-color: #eee;} */
/* .content-box-transforms { padding: 20px 20px 0;} */
.job-window .parameter-item .layui-table-edit {height: 35px; line-height: 35px; padding: 0 4px;}
.content-box-transforms .content-list {
    width: 640px;
    padding: 0;
}
.job-window .content-box-transforms .content-list { width: calc(100% - 75px);}
.content-box-transforms .operation {
    width: 64px;
    padding-left: 0;
    margin-top: 0;
}
.content-box-transforms .operation button {
    margin-left: 0;
    margin-bottom: 10px;
    width: 64px;
    padding: 0;
}
.content-box-transforms .operation button:disabled {
    /* background-color: gray; */
    cursor: not-allowed;
}
.job-window,.tasks-window { height: 100%;}
.job-window .organization-box { height: calc(100% - 80px);}
.job-window .organization-box .layui-tab { height: 100%;}
.job-window .organization-box .layui-tab .layui-tab-content { position: relative; height: calc(100% - 31px); padding: 0;}
.job-window .organization-box .layui-tab .layui-tab-content .layui-tab-item {
    display: block;
    position: absolute;
    height: auto;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}
.job-window .organization-box .layui-tab .layui-tab-content .layui-tab-item.layui-show { z-index: 1; opacity: 1;}
.job-window .organization-box .layui-tab .layui-tab-content .layui-tab-item .content-box-transforms,
.job-window .organization-box .layui-tab .layui-tab-content .layui-tab-item .content-box-transforms .content-list,
.job-window .organization-box .layui-tab .layui-tab-content .parameter-item > .fl,
.integration-tasks-window { height: 100%;}
.transform-list {
    height: calc(100% - 130px);
    padding-bottom: 0;
    box-sizing: content-box;
}
.integration-tasks-window .transform-list .fl {
    width: 210px;
    position: relative;
    top: 0;
    height: 100% !important;
    background-color: #fafafa;
    border: 1px #e6e6e6 solid;
    overflow: auto;
}
.integration-tasks-window .transform-list .fl > ul ul { display: none;}
.integration-tasks-window .transform-list .fr { width: calc(100% - 220px);}
.integration-tasks-window .transform-list .fr .list-count { line-height: 30px; font-size: 12px; }
.transform-step { margin: 10px 20px;}
.transform-step .layui-input-block { margin-left: 60px;}
.transform-list .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}
.select-account {
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 0;
    right: 0;
}
#treeAccountList .layui-tree-txt { font-size: 12px;}
#treeAccountList .select-tree > .layui-tree-entry .layui-tree-txt {
    font-weight: bold;
}
.job-window .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}
/* .expression-form .layui-form-item {
    margin-top: 20px;
}
.expression-form .layui-form-item .layui-form-label {
    width: 110px;
}
.expression-form .layui-form-item .layui-input-block { min-height: 30px;}
.expression-form .layui-form-item .layui-input-block .layui-form-radio { margin: 1px 10px 1px 0;}
.expression-list {
    height: 500px;
    margin: 0 20px;
    overflow: auto;
    border: 1px #ddd solid;
}
.expression-list ul { padding: 10px;}

.caozuo { margin: 0 5px;}
.finance-index-expression .layui-form-item .layui-form-label { width: 65px;}
.finance-index-expression .layui-input-block { margin-left: 95px;}
.finance-index-expression .expression-list { height: 450px;} */

.parameter-window { height: 100%; }
.parameter-window .parameter-box { height: calc(100% - 80px); padding: 20px; box-sizing: border-box;}
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-textarea { min-height: 50px;}
.parameter-window .parameter-box .layui-form-item .layui-input-block div.layui-inline { float: left; margin: 0;}
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-form-radio { margin-right: 0;}
.parameter-window .parameter-box .layui-form-item .layui-input-block button { width: 50px; padding: 0;}
.parameter-window .parameter-box .layui-form-item .layui-input-block .fr button { margin-bottom: 10px;}
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-input-block { height: 100%; margin-left: 120px; }
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-input-block .fl {
    width: calc(100% - 60px);
    height: calc(100% - 2px);
    /* border: 1px #d6d6d6 solid; */
    border-radius: 3px;
}
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-input-block .fl ul {
    height: 100%;
    overflow: auto;
}
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-input-block .fl ul li {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px;
    white-space: nowrap;
    cursor: default;
}
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-input-block .fl ul li:hover, 
.parameter-window .parameter-box .layui-form-item .layui-input-block .layui-input-block .fl ul li.select-li
{ background-color: var(--theme-color); color: #fff;}
.parameter-window .parameter-box .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 7px;}

.account-tree .layui-tree-spread > .layui-tree-entry .layui-tree-iconClick {
    transform: rotate(0deg) translate(0,0);
}
/* .account-tree .layui-tree-iconArrow:after { border-color: transparent transparent transparent #6f6f6f;} */
.account-tree .layui-tree-iconClick { width: 10px;}
.expression-top {
    padding: 20px;
}
.expression-top textarea {
    min-height: 80px;
}
.accounts {
    width: 350px;
    margin-left: 20px;
}
.accounts .account-tree {
    border: 1px #ddd solid;
    height: 280px;
    overflow: auto;
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.report-item {
    width: 220px;
    margin-left: 15px;
}
.report-item ul,.operator ul {
    box-sizing: border-box;
    border: 1px #ddd solid;
    height: 280px;
    overflow: auto;
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.report-item-expression .report-item ul, .report-item-expression .operator ul {
    height: 282px;
}
.operator {
    width: 80px;
    margin-right: 20px;
}
.accounts h5,.report-item h5,.operator h5 {
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}

.report-item ul li,.operator ul li,.account-tree ul li {
    line-height: 25px;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.report-item ul li:hover,.operator ul li:hover,.account-tree ul li:hover {
    /* background-color: rgba(230,230,230,1); */
}
.report-item ul li.select-expression,.operator ul li.select-expression,.account-tree ul li.select-expression {
    /* background-color: #d4d4d4; */
    font-weight: bold;
    /* color: var(--theme-color); */
}

.left-report-box { width: 470px;}
.left-report-box .layui-form-label {
    width: auto;
    margin-left: 5px;
}
.left-report-box .layui-form-radio {
    margin: 1px 10px 1px 0;
}
.report-item-list {
    margin-left: 20px;
}
.expression-box,.keyword ul {
    box-sizing: border-box;
    border: 1px #ddd solid;
    height: 270px;
    overflow: auto;
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.expression-box li,.keyword ul li {
    line-height: 25px;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.expression-box li:hover,.keyword ul li:hover {
    /* background-color: rgba(230,230,230,1); */
}
.expression-box li.select-expression,.keyword ul li.select-expression {
    /* background-color: #d4d4d4; */
    font-weight: bold;
    /* color: var(--theme-color); */
}
.index-operator h5,.keyword h5 {
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.index-operator ul { height: 270px; overflow: auto;}
.layui-input-block { min-height: 30px;}
.keyword { width: 120px; margin-left: 15px;}
.index-item .layui-form-radio { margin: 1px 0 1px 0;}

.warning-type-item .fl { width: 53% !important}
.warning-type-item .fl .layui-form-radio { margin-right: 0; }
.warning-type-item .fl .layui-anim.layui-icon { margin-right: 5px;}
.warning-type-item .fr { width: 43% !important;}
.warning-type-item .fr .layui-input-block { margin-left: 60px !important;}
.warning-type-item .fr .layui-input-block .layui-inline { margin-bottom: 0;}
.warning-value { width: 100px !important;}
.warning-value-other { display: none;}
.show-warning-value { display: inline-block;}
.warning-value-other .layui-input-inline:first-child { width: auto !important; line-height: 30px;}
.warning-value-other .layui-input-inline:last-child { width: 100px !important;}
.warning-content textarea { min-height: 60px;}
.finance-index-warning .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 7px;}
.finance-index-warning td .param-value-text {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.finance-index-warning td .set-param {
    width: 22px;
    height: 25px;   
    line-height: 25px;
    padding: 0 5px;
    border: 1px #eee solid;
    border-radius: 3px;
    cursor: pointer;
}
.finance-index-warning  td .set-param:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
.indicator-warnings .layui-table-cell .layui-form-checkbox[lay-skin=primary] { padding-left: 22px; margin-right: 10px;}
.indicator-warnings .layui-table-cell .layui-form-checkbox[lay-skin=primary]:last-child { margin-right: 0;}
.indicator-warnings .layui-table-cell .layui-form-checkbox[lay-skin=primary] div { padding-right: 0;}
.indicator-warnings th:nth-child(1) .layui-form-checkbox[lay-skin=primary] { padding: 0;}
.indicator-warnings td:nth-child(1) .layui-form-checkbox[lay-skin=primary] { padding: 0;}

.mouseup-size {
    position: absolute;
    width: 6px;
    top: 50px;
    bottom: 0;
    left: 260px;
    cursor: e-resize;
    z-index: 12;
}
.only-one .mouseup-size { left: 0;}
.hide-header .mouseup-size,.hide-header .mouseup-mark { top: 0;}
.mouseup-mark {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 260px;
    z-index: 11;
    display: none;

}
.only-one .mouseup-mark { left: 220px;}

.resource-file-list {
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
}
.resource-file-list::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}
.resource-file-list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
}
.resource-file-list::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 10px;
}

.resource-file-list ul li { position: relative; padding-left: 15px;}
.resource-file-list ul li i { 
    /* color: var(--theme-color);  */
    margin-right: 5px;}
.resource-file-list ul li label {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 11px;
    left: 0;
}
.resource-file-list ul li.folder span {
	position: absolute;
	display: block;
	content: "";
	left: 3px;
	top: 0;
	width: 0;
    height: 0;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    /* border-color: transparent transparent transparent #888; */
    transition: all .2s;
}
.resource-file-list ul li.select-folder > label > span {
	top: 1px;
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
.resource-file-list ul li div {
	position: relative;
	display: inline;
	height: 30px;
    line-height: 30px;
    padding-left: 18px;
    /* color: #333; */
    cursor: default;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.resource-file-list ul li.folder > div { padding-left: 0;}
.resource-file-list ul li.file div:before {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
    border: 1px #ccc solid;
    border-radius: 10px;
	left: 0;
	top: 50%;
	margin-top: -5px;
	content: "";
}
.resource-file-list ul li.file div:after {
    display: none;
	position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    /* border: 1px var(--theme-color) solid; */
    border-radius: 4px;
    content: '';
    /* background-color: var(--theme-color); */
}
.resource-file-list ul li.file.select-value > div:after {
	display: block !important;
}

.resource-file-box .top {
    padding-left: 20px;
    margin-top: 15px;
    font-size: 14px;
    /* color: #333; */
}
.resource-file-box input[name='fileName'] {
    box-sizing: border-box;
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
    margin-left: 20px;
}
.resource-file-box .reset-select {
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
}
.resource-file-box .list-box {
    padding: 0 20px;
}
.resource-file-box .layui-upload-list {
    width: 606px;
}
.resource-file-box .resource-button-box {
    width: 92px;
}
.resource-file-box .resource-button-box button {
    margin-left: 0;
    margin-top: 10px;
    /* background-color: var(--theme-color); */
    height: 30px;
    line-height: 30px;
}

.resource-src {
    margin: 20px 20px 0;
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    height: 375px;
    overflow: auto;
}
.resource-src ul li { position: relative; padding-left: 10px;}
/* .resource-src ul li i { color: var(--theme-color); margin-right: 5px;} */
.resource-src ul li label {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 11px;
    left: 0;
}
.resource-src ul li.folder span {
	position: absolute;
	display: block;
	content: "";
	left: 3px;
	top: 0;
	width: 0;
    height: 0;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    /* border-color: transparent transparent transparent #888; */
    transition: all .2s;
}
.resource-src ul li.select-folder > label > span {
	top: 1px;
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
.resource-src ul li div {
	position: relative;
	display: inline-block;
	height: 30px;
    line-height: 33px;
    padding: 0 10px;
    /* color: #333; */
    cursor: default;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.resource-src ul li.select-value > div {
    /* background-color: rgba(0,0,0,.12); */
}
.show-sql-text {
    padding: 20px;
    font-size: 12px;
    line-height: 24px;
    white-space: pre-line;
}

.layui-form-label .lebel-left {
    width: 90px;
    padding: 0 10px;
    line-height: 30px;
}

/* 选择业务包 */
.package-list{
    padding: 20px;
    height: 415px;
    overflow-y: auto;
}
.package-list dl {
    float: left;
    width: 100px;
    margin: 10px 10px;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s;
}
/* .package-list dl.select-dl,.package-list dl:hover {
    background-color: #f3f3f3;
} */
.package-list dl dd {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
}


/*********************************发布******************************************/
.publisher-form { padding: 10px 20px;}
.stop-publish {
    position: absolute;
    right: 6px;
    top: 6px;
}
.stop-publish .layui-form-checkbox[lay-skin=primary] { margin-top: 2px;}
.publisher-form .layui-form-label {
    padding: 0;
    width: 60px;
}
.publisher-form .bottom-item .layui-form-label { width: 85px; text-align: left;}
.publisher-form .layui-input-block {
    margin-left: 70px;
}
.publisher-form .auto-subscrbed .layui-form-checkbox[lay-skin=primary] {
    margin-top: 5px ;
}
.layui-form .bottom-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.layui-form .bottom-item > .layui-inline {
    flex-grow: 1;
    margin-right: 0;
    margin-bottom: 0;
    width: 48%;
    min-width: 250px;
}
.layui-form .bottom-item > .layui-inline .layui-input-block { width: auto;}
.bottom-item .layui-input-block {
    width: 250px;
    line-height: 30px;
    margin-left: 100px;
}
.bottom-item { margin-bottom: 0;}
.publisher-organization-list {
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 10px;
    border: 1px #ddd solid;
    border-radius: 5px;
}
.publisher-organization-list > ul {
    height: 290px;
    overflow: auto;
}
.publisher-organization-list > ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
.publisher-organization-list > ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
}
.publisher-organization-list > ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 5px;
}
.publisher-organization-list > ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    /* -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
    background: #c5c4c4; */
}
.publisher-organization-list > ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    /* -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
    background: #e7e5e5; */
}
.publisher-organization-list ul li { position: relative; padding-left: 18px;}
/* .publisher-organization-list ul li i { color: var(--theme-color); margin-right: 2px;} */
.publisher-organization-list ul li label {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 10px;
    left: 0;
}
.publisher-organization-list ul li.folder span {
	position: absolute;
	display: block;
	content: "";
	left: 3px;
	top: 0;
	width: 0;
    height: 0;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    /* border-color: transparent transparent transparent #888; */
    transition: all .2s;
}
.publisher-organization-list ul li.select-folder > label > span {
	top: 1px;
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
.publisher-organization-list ul li div {
	position: relative;
	display: inline;
	height: 30px;
    line-height: 30px;
    padding-left: 18px;
    cursor: default;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.publisher-organization-list ul li div:before {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	border: 1px #ccc solid;
	left: 0;
	top: 50%;
	margin-top: -6px;
	content: "";
}
.publisher-organization-list ul li div:after { display: none;}
.publisher-organization-list ul li.select-value > div:after {
	display: block;
	position: absolute;
    left: 1px;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    content: '\2713';
    /* color: var(--theme-color); */
}
.publisher-disabled { opacity: .5;}
.subscription-list .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}

/* .subscriptionType { color: var(--theme-color);} */
.subscription-box { padding: 10px 20px;}
/* .subscription-list .layui-checkbox-disbaled i,.subscription-list .layui-btn-disabled i { background-color: #888 !important; border-color: #888 !important;} */


.date-default-window .layui-form-item:first-child { margin-bottom: 0;}
.date-default-window .layui-form-checkbox span { font-size: 12px;}
.date-default-window .layui-form-label {
    padding-left: 0;
    width: 61px;
    padding-right: 0;
}
.date-default-window .layui-input-block { margin-left: 65px;}
/* .layui-btn-border {
    border: 1px #e6e6e6 solid;
    background-color: transparent !important;
    color: #333;
} */
.layui-btn-border:hover {
    /* border-color: var(--theme-color) !important;
    background-color: var(--theme-color) !important;
    color: #fff !important; */
    opacity: 1;
}
.date-default-window .layui-form-select dl { top: auto; bottom: 32px;}
.date-default-window .data-format-item .fl .layui-input-inline { width: 150px;}
.date-default-window .data-format-item .fr .layui-input-inline:last-child { width: 100px; margin-right: 0;}

.group-function-button { display: none;}

.category-tree {
    width: 180px;
    top: 0;
    left: 220px;
    /* background-color: #fafafa; */
    overflow-y: auto;
}
.category-list-right {
    left: 400px;
}
.chart-type-attribute-list { margin: 20px 20px 0;}
.report-list .layui-table-edit { top: 0 !important; bottom: 0 !important; height: 45px !important; padding: 0 5px !important;}
.layui-table-view .layui-table td[data-edit=text] { position: relative; box-sizing: border-box;}
.layui-table-view .layui-table td[data-edit=text] .layui-table-edit { padding: 0 5px; }
/* .layui-table-edit:focus { border-color: var(--theme-color) !important;} */

.demo-tree-more .layui-tree-txt { font-size: 12px;}
.show-checkbox .layui-table th .layui-form-checkbox[lay-skin=primary] { display: inline-block;}

.table-data-list { height: calc(100% - 42px); margin: 20px;}

/* .data-model-window .layui-textarea { min-height: 50px;} */
.data-model-window .layui-form-label { width: auto;}
.data-model-window .source-list { width: calc(100% - 182px); margin-left: 28px;}
/* .data-model-window .layui-form-item .layui-input-inline { width: calc(100% - 202px);} */
.data-object-list-data {
    height: calc(100% - 60px);
    margin: 10px 20px;
    border: 1px #f2f2f2 solid;
    overflow: auto;
}
.data-object-list-data li {
    line-height: 26px;
    padding:  0 5px;
    font-size: 12px;
    cursor: pointer;
}
.data-object-list-data li:hover {
    background-color: #e9f4ff;
}
.data-object-list-data li.select-value {
    background-color: #cbe8f6;
}

.source-data-sources .restrictions-box { height: calc(100% - 70px);}
.source-data-sources .count {
    line-height: 30px;
    margin-top: 10px;
    color: #333;
}
.source-data-sources .data-source-class {
    width: 100px;
    height: 100%;
    background-color: #fafafa;
    padding-top: 10px;
    box-sizing: border-box;
}
.source-data-sources .data-source-class li {
    padding: 0 15px;
    line-height: 40px;
}
.source-data-sources .data-source-class li.select-li { background-color: #d4d4d4;}
/* .source-data-sources .data-source-list { width: calc(100% - 110px);} */

.report-folders-box { margin: 20px; height: calc(100% - 80px); }
.report-folders-box h1 { line-height: 30px; font-size: 14px;}
.report-folders-box .folders-content {
    box-sizing: border-box;
    height: calc(100% - 40px);
    margin-top: 10px;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    padding: 10px;
    overflow: auto      ;
}
.folders-content-tree { min-width: max-content;}
.folders-content-tree ul { display: none;}
.folders-content-tree li div {
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    line-height: 30px;
	font-size: 12px;
	cursor: pointer;
	color: #333;
    white-space: nowrap;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.folders-content-tree li div { line-height: 25px;}
.folders-content-tree li.restricted-object.hide { display: none;}
.folders-content-tree li.restricted-object div i,.folders-content-tree li.restricted-object div span { color: red;}
.folders-content-tree li.folder > div .triangle {
    position: absolute;
    top: 12px;
    margin-left: -13px;
    display: block;
    opacity: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 8px solid #222;
    border-left: 8px solid transparent;
    transition: all .3s;
    transform: rotate(-45deg);
}
.folders-content-tree li.folder > div .triangle { top: 9px;}
.folders-content-tree li.hasChildren > div .triangle { opacity: 1;} 
.folders-content-tree li.hasChildren > div::after {
    position: absolute;
    top: 13px;
    margin-left: -8px;
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 3px solid #fff;
    border-bottom: 3px solid transparent;
    transition: all .3s;
    opacity: 1;
}
.folders-content-tree li.open-folder > div .triangle {
    transform: rotate(0);
}
.folders-content-tree li.open-folder > div::after { opacity: 0;}
.folders-content-tree li div span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}
.folders-content-tree li div i { 
    font-size: 16px; 
    color: var(--theme-color); 
    vertical-align: middle;
}
.selected-li > div > i { opacity: 1 !important;}
.folders-content-tree li div:hover i.iconfont { opacity: 1;}
.folders-content-tree .selected-li > div,.folders-content-tree li.selected-li > div:hover,.block-chart-list li.selected-li > div:hover { background-color: #cbe8f6;}
.folders-content-tree li > div:hover,.block-chart-list  li > div:hover { background-color: #e9f4ff;}
.open-folder > ul { display: block;}
.folders-content-tree > li > ul > li > div { padding-left: 30px;}
.folders-content-tree > li > ul > li > ul > li > div { padding-left: 40px;}
.folders-content-tree > li > ul > li > ul > li > ul > li > div { padding-left: 50px;}
.folders-content-tree > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 60px;}
.folders-content-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 70px;}
.folders-content-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 80px;}
.folders-content-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 90px;}
.folders-content-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 100px;}
.folders-content-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 110px;}


.header-button-box .not-authority {
    background-color: #888 !important;
    cursor: no-drop;
    opacity: 1 !important;
}
.header-button-box .not-authority span, .header-button-box .not-authority i { cursor: no-drop;}
.list-box.not-authority a[lay-event="empower"],
.list-box.not-download-authority a[lay-event="downloadExcel"],
.list-box.not-download-authority a[lay-event="download"],
.list-content-box.not-status-authority a[lay-event="resetStatus"],
.list-content-box.not-execution-authority a[lay-event="execution"],
.list-content-box.not-value-authority a[lay-event="checkTableValue"],
.list-content-box.not-user-authority a[lay-event="addUser"],
.list-content-box.not-group-authority a[lay-event="addGroup"],
.list-content-box.not-password-authority a[lay-event="editPassword"] {
    background-color: #888 !important;
    cursor: no-drop;
    opacity: 1 !important;
}
.list-content-box.not-forbidden-authority .layui-form-onswitch {
    background-color: #888 !important;
    border-color: #888;
    cursor: no-drop;
    opacity: 1 !important;
}

.ztree li span.button.ico_docu { background-position: left center !important;}
.ztree li a.curSelectedNode {
    padding-top: 1px !important;
    background-color: transparent !important;
    color: black;
    height: 17px !important ;
    border-width: 0 !important;
    opacity: 1;
}
.ztree li a:hover { text-decoration: none !important;}
.ztree li span.button.chk {
    position: relative;
    width: 11px !important;
    height: 11px !important;
    background-image: none;
    border: 1px #999 solid;
}
.ztree li span.button.chk::after {
    display: none;
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--theme-color);
    top: 2px;
    left: 2px;
}
.ztree li span.button.chk::before {
    display: none;
    position: absolute;
    content: "\2713";
    top: 5px;
    left: 0;
    font-size: 15px;
    font-weight: bold;
    color: var(--theme-color);
}
.ztree li span.button.chk.checkbox_true_part::after,
.ztree li span.button.chk.checkbox_false_part::after,
.ztree li span.button.chk.checkbox_true_part_focus::after,
.ztree li span.button.chk.checkbox_false_part_focus::after { display: block;}
.ztree li span.button.chk.checkbox_true_full::before,
.ztree li span.button.chk.checkbox_true_full_focus::before,
.ztree li span.button.chk.checkbox_true_disable::before { display: block;}
.ztree li span.button.chk.checkbox_true_disable {
    background-color: #ddd;
    cursor: no-drop;
}
.ztree li span.button.chk.checkbox_true_disable::before { color: #808080;}

.business-object-description { padding: 20px; height: calc(100% - 80px); }
.business-object-description .tabControl-box { height: 100%; }
.business-object-description .title-text-content { border: 1px #d2d2d2 solid; border-radius: 2px; height: calc(100% - 30px); }
.business-object-description .title-text-content > div { height: 100%; }

.linkReport-iframe .layui-layer-max { margin-left: 17px; }

.web-app-window { height: 100%;}
.web-app-content { height: calc(100% - 80px); padding: 20px; }
.web-app-content .top-tab-commponent { margin: 0; height: 100%; }
.web-app-content .top-tab-commponent > .layui-tab-title { height: 30px; }
.web-app-content .top-tab-commponent > .layui-tab-title li { line-height: 30px; padding: 0 10px; font-size: 12px; }
.web-app-content .top-tab-commponent > .layui-tab-title .layui-this:after { height: 31px; border-bottom-color: var(--theme-color); }
.web-app-content .top-tab-commponent > .layui-tab-title .layui-this { color: var(--theme-color); }
.web-app-content .top-tab-commponent > .layui-tab-content {
    position: relative;
    height: calc(100% - 41px);
    margin-top: 10px;
    padding: 0;
}
.web-app-content .top-tab-commponent > .layui-tab-content > .layui-tab-item {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background-color: #fff;
}
.web-app-content .top-tab-commponent > .layui-tab-content > .layui-tab-item > .tab-item-box { height: 100%;}
.web-app-content .top-tab-commponent > .layui-tab-content > .layui-tab-item.layui-show { z-index: 2; opacity: 1;}
.web-app-content .bottom-item .layui-inline { margin: 0; width: 48%; }
.web-app-content .top-tab-commponent .layui-input-block { margin-left: 105px; width: auto; }
.web-app-content .top-tab-commponent .layui-form-item > .fl { width: 48%; }
.web-app-content .top-tab-commponent .layui-form-item > .fr { width: 48%; }
.web-app-content .top-tab-commponent .tab-item-box .layui-tab-title {
    height: 100%;
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
    width: 95px;
    overflow: hidden;
}
.web-app-content .top-tab-commponent .tab-item-box .layui-tab-title .layui-this {background: #cbe8f6; color: #333; }/* 增加背景 */
.web-app-content .top-tab-commponent .tab-item-box .layui-tab-title .layui-this:after { border: none; }/* 重置 -this无边框 */
.web-app-content .top-tab-commponent .tab-item-box .layui-tab-title li { display: list-item; font-size: 12px; }/* 重置 -纵向显示 */
.web-app-content .top-tab-commponent .tab-item-box .layui-tab-content {
    position: relative;
    width: calc(100% - 130px);
    height: calc(100% - 20px);
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
}
.web-app-content .top-tab-commponent > .layui-tab-content > .layui-tab-item .layui-tab { margin: 0; height: 100%;}
.web-app-content .top-tab-commponent > .layui-tab-content > .layui-tab-item .layui-tab-item {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    background-color: #fff;
    opacity: 0;
}
.web-app-content .top-tab-commponent > .layui-tab-content > .layui-tab-item .layui-show { z-index: 2; opacity: 1; }
.web-app-content .top-tab-commponent .table-list { width: calc(100% - 75px); height: 100%;}
.web-app-content .top-tab-commponent .template-content {
    width: calc(100% - 96px);
    height: 100%;
    border: 1px #d2d2d2 solid;
    border-radius: 2px;
}
.web-app-content .top-tab-commponent .template-content .CodeMirror,.web-app-content .top-tab-commponent .java-code-content .CodeMirror { height: 100%;}
.web-app-content .top-tab-commponent .java-code-content { border: 1px #d2d2d2 solid; border-radius: 2px; height: 100%;}
.web-app-content .top-tab-commponent .fr.web-app-button-box button { margin-left: 0; margin-bottom: 10px;}
.app-parameter .layui-input-block { margin-left: 80px;}
.app-parameter .layui-form-select dl { top: auto; bottom: 32px;}
.web-app-content .info .layui-form-item .layui-form-label { min-width: auto; padding-right: 0; }
.web-app-content .info .layui-form-item .layui-input-inline { margin-right: 0; }
.web-app-content .info .layui-form-item .layui-input-inline:last-child .layui-input-block { margin-left: 50px; }


.add-api-model-window .model-business-object-list .bottom-box .fr button { margin-bottom: 10px;}
.api-model { font-size: 12px;}
.api-model .layui-form-item > .fl,.api-model .layui-form-item > .fr { width: calc(50% - 5px);}
.api-model .layui-form-label { padding-right: 0; }
.api-model .layui-input-block { margin-left: 70px; }
.api-model .layui-form-select dl dd { line-height: 30px; }
.add-api-model-window .item .bottom-box > .fr button {
    width: 62px;
    padding: 0;
    margin-bottom: 10px;
}
.add-api-model-window .button-box { padding-right: 20px; }
.api-model-object .layui-form-select dl { max-height: 220px;}
.api-model-object .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 8px; padding-left: 22px; }
.api-model-object .layui-form-item .layui-form-checkbox[lay-skin=primary] div { padding-right: 0;}
.default-value-object {
    margin: 20px 20px 0;
    border: 1px #d2d2d2 solid;
    border-radius: 2px;
    height: calc(100% - 20px);
    box-sizing: border-box;
    overflow: auto;
}
.default-value-object li {
    padding: 0 10px;
    line-height: 26px;
    white-space: nowrap;
    font-size: 12px;
    cursor: default;
}
.default-value-object li i { font-size: 16px; }
.default-value-object li:hover { background-color: #e9f4ff;}
.default-value-object li.select-li { background-color: #cbe8f6;}
.page-list .query-by-page { line-height: 30px;}
.page-list .query-by-page .layui-input-inline { margin-right: 0;}
.page-list .query-by-page .layui-input-inline .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0;
    padding-left: 22px;
}
.page-list .query-by-page .layui-input-inline .layui-form-checkbox span { padding-right: 0;}
.page-list .query-by-page .layui-input-inline { width: auto;}
.page-list .query-by-page .layui-input-inline.page-input { margin: 0 10px; width: auto;}
.page-list .query-by-page .layui-input-inline.page-input input { width: 80px;}
.request-body-box {
    height: calc(100% - 5px);
    border: 1px #d2d2d2 solid;
    border-radius: 3px;
}
.request-body-box .CodeMirror { height: 100%;}
.edit-api-model .business-object .fr button,.edit-api-model .filter-object .fr button,.edit-api-model .sort-object .fr button{
    width: 62px;
    padding: 0;
    margin-bottom: 10px;
}
.edit-api-model .layui-tab-content textarea[name="requestBodyJson"] {
    min-height: auto;
    height: 400px;
    resize: none;
}
.edit-api-model .layui-table-click { background-color: #f2f2f2 !important; }
.custom-filter-window { height: 100%; }
.custom-filter-window .option-box {
    box-sizing: border-box;
    height: calc(100% - 40px);
}
.custom-filter-window .filter-sql-content {
    height: calc(100% - 280px);
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
}
.custom-filter-window .filter-list {
    height: 230px;
    margin-top: 10px;
}
.custom-filter-window .CodeMirror { height: 100%; }
.edit-api-model-window { height: 100%;}
.edit-api-model-window .edit-api-model { height: calc(100% - 40px); padding: 20px; margin: 0; box-sizing: border-box;}
.edit-api-model-window .edit-api-model .layui-tab-content { height: calc(100% - 40px); padding: 20px 0 0; box-sizing: border-box; }
.edit-api-model-window .edit-api-model .layui-tab-content .layui-tab-item { right: 0; left: 0; visibility: inherit; z-index: 1;}
.edit-api-model-window .edit-api-model .layui-tab-content .layui-tab-item.layui-show { z-index: 2;}
.edit-api-model-window .edit-model-submit { right: 20px;}
.edit-api-model-window .edit-api-model .layui-tab-content .layui-tab-item > .table-list { height: 100%;}
.body-json-textarea {
    border: 1px #d2d2d2 solid;
    border-radius: 3px;
    height: calc(100% - 55px);
    margin-bottom: 10px;
}
.body-json-textarea .CodeMirror { height: 100%; }
.edit-api-model-window .edit-api-model .bottom-item .layui-inline {
    width: 49%;
    margin-right: 0;
    margin-bottom: 0;
}

/**********************************即席查询******************************************/
.adhoc-content {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.adhoc-top-button {
    /* padding-right: 10px; */
    height: 45px;
    text-align: center;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
.content-title {
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.adhoc-top-button .other-button span {
    font-size: 12px;
    cursor: pointer;
    color: var(--theme-color);
}
.adhoc-top-button span:hover { color: var(--theme-color);}
.adhoc-top-button .other-button span i { margin-left: 20px; vertical-align: bottom; font-size: 30px;}
.adhoc-top-button span:hover i { color: var(--theme-color);}

.adhoc-bottom-content { height: 100%;}
.adhoc-model-box {
    width: 240px;
    height: 100%;
    box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.15);
}
.adhoc-model-box h2 {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
}
.adhoc-model-box h2 > i {
    display: inline-block;
    margin-right: 5px;
    transform: scale(0.8);
    font-size: 12px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    transition: all .3s;
}
.adhoc-model-box h2.hide > i { transform: rotate(180deg); }
.adhoc-model-box h2 > span > i { font-size: 17px; }
.adhoc-model-box h2 .fr { font-size: 12px; cursor: pointer;}
.adhoc-model-box h2 .fr i {margin-right: 5px;}
.select-data-box { padding: 0 10px; font-size: 12px;}
.select-data-box .layui-inline { width: calc(100% - 52px); }
.select-data-box .layui-inline input { font-size: 12px;}
.select-data-box button {
    height: 30px;
    line-height: 30px;
    /* border-color: var(--theme-color); */
    /* background-color: var(--theme-color); */
    font-size: 12px;
    /* color: #fff; */
}
.model-tree {
    margin: 0 10px;
    margin-top: 10px;
    height: calc(100% - 80px);
    overflow: auto;
    border: 1px #d2d2d2 solid;
    border-radius: 3px;
}
.model-tree::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.model-tree::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.model-tree::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
    background: #c0c0c0;
}
.model-tree::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
    background: #f1f1f1;
}
.tree-model-box .tree { min-width: max-content;}
.tree-model-box .tree ul { display: none;}
.tree-model-box .tree li div {
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    line-height: 30px;
	font-size: 12px;
	cursor: pointer;
	/* color: #333; */
    white-space: nowrap;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.tree-model-box .business-object-tree li div { line-height: 25px;}
.tree-model-box .tree li.folder > div .triangle {
    position: absolute;
    top: 12px;
    margin-left: -13px;
    display: block;
    opacity: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 8px solid #222;
    border-left: 8px solid transparent;
    transition: all .3s;
    transform: rotate(-45deg);
}
.tree-model-box .business-object-tree li.folder > div .triangle { top: 9px;}
.tree-model-box .tree li.hasChildren > div .triangle { opacity: 1;} 
.tree-model-box .tree li.hasChildren > div::after {
    position: absolute;
    top: 13px;
    margin-left: -8px;
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 3px solid #fff;
    border-bottom: 3px solid transparent;
    transition: all .3s;
    opacity: 1;
}
.tree-model-box .tree li.open-folder > div .triangle {
    transform: rotate(0);
}
.tree-model-box .tree li.open-folder > div::after { opacity: 0;}
.tree-model-box .tree li div span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* color: #000; */
}
.tree-model-box .tree li div i { 
    font-size: 16px; 
    /* color: var(--theme-color);  */
    vertical-align: middle;
}
.adhoc-model-box .tree-model-box .tree li div i { color: #1e88e5;}
.tree-model-box .selected-li > div > i { opacity: 1 !important;}
.tree-model-box .tree li div:hover i.iconfont { opacity: 1;}
.tree-model-box .open-folder > ul { display: block;}
.tree-model-box .tree > li > ul > li > div { padding-left: 30px;}
.tree-model-box .tree > li > ul > li > ul > li > div { padding-left: 40px;}
.tree-model-box .tree > li > ul > li > ul > li > ul > li > div { padding-left: 50px;}
.tree-model-box .tree > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 60px;}
.tree-model-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 70px;}
.tree-model-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 80px;}
.tree-model-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 90px;}
.tree-model-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 100px;}
.tree-model-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 110px;}

.variable-box {
    margin: 0 10px;
    margin-top: 5px;
    height: 211px;
    overflow: auto;
    border: 1px #d2d2d2 solid;
    border-radius: 3px;
}
.variable-box.hide {
    height: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
}

.adhoc-form { height: 100%;}
.adhoc-container { display: flex; height: 100%; }
.adhoc-container .adhoc-left-panel { position: relative; display: flex; z-index: 3; }
.adhoc-container .adhoc-left-panel .adhoc-list-container {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    flex-grow: 0;
    width: 260px;
    background-color: #f9fbff;
    box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.15);
}
.adhoc-container .adhoc-left-panel .adhoc-list-container h3 {
    display: flex;
    flex-shrink: 0;
    justify-content: left;
    align-items: center;
    font-size: 22px;
    color: var(--theme-color);
    text-align: center;
    padding: 20px;
    white-space: nowrap;
    overflow: hidden;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container h3 i {
    margin-right: 10px;
    font-size: 26px;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container .new-panel-container {
    padding: 10px 20px;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container .new-panel {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    height: 33px;
    line-height: 33px;
    background-color: rgb(219, 234, 254);
    border-radius: 12px;
    color: var(--theme-color);
    cursor: pointer;
    transition: all .3s;
    z-index: 999;
    white-space: nowrap;
    overflow: hidden;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container .new-panel:hover { background-color: #c3daf8; }
.adhoc-container .adhoc-left-panel .adhoc-list-container .new-panel i { vertical-align: bottom; }
.adhoc-container .adhoc-left-panel .adhoc-list-container .menu-status-button { background-color: rgba(0, 0, 0, .2);}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul {
    flex: 1;
    overflow: auto;
    padding: 0 10px;
    margin-bottom: 10px;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li {
    height: 38px;
    color: #262626;
    background-color: #f9fbff;
    cursor: pointer;
    --ds-focus-ring-border-radius: 14px;
    border-radius: 12px;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    display: flex;
    position: relative;
    user-select: none;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li div.session-title {
    white-space: nowrap;
    flex: 1;
    align-items: center;
    min-width: 0;
    line-height: 18px;
    display: flex;
    overflow: hidden;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li div.session-title {
    white-space: nowrap;
    flex: 1;
    align-items: center;
    min-width: 0;
    line-height: 18px;
    display: flex;
    overflow: hidden;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li div.title-mark1 {
    content: "";
    pointer-events: none;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg,rgba(249, 251, 255,0) 0%,#f9fbff 50%,#f9fbff 100%);
    width: 24px;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li div.title-mark2 {
    content: "";
    pointer-events: none;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 84px;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li:hover { background-color: rgb(239, 246, 255); }
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li.select { background-color: rgb(219, 234, 254); }
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li:hover div.title-mark2 {
    background: linear-gradient(90deg,rgba(239, 246, 255, 0)0%,rgb(239, 246, 255) 60%,rgb(239, 246, 255) 100%);
    opacity: 1;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li .select-more {
    opacity: 0;
    z-index: 1;
    --ds-focus-ring-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li .select-more span {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 0;
    display: inline-flex;
}
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li .select-more:hover { background-color: #f9fbff; }
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li:hover .select-more { opacity: 1; }
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li.select .title-mark2 { background-image: linear-gradient(to right,rgba(219, 234, 254, 0),rgb(219, 234, 254)50%) !important; opacity: 1; }
.adhoc-container .adhoc-left-panel .adhoc-list-container ul li.select .select-more { opacity: 1; }

.adhoc-container .adhoc-right-panel {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button {
    position: relative;
    box-sizing: border-box;
    display: flex;
    padding: 0 10px;
    justify-content: space-between;
    z-index: 2;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .other-button {
    display: flex;
    justify-items: center;
    align-items: center;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type {
    display: flex;
    margin-right: 10px;
    column-gap: 40px;
    color: var(--theme-color);
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl {
    position: relative;
    font-size: 12px;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl i { font-size: 30px; flex: 1; }
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl dt {
    display: flex;
    justify-items: center;
    align-items: center;
    height: 45px;
    cursor: pointer;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl dt span {
    display: inline-flex;
    width: 36px;
    height: 36px;
    justify-items: center;
    align-items: center;
    border-radius: 5px;
    transition: all .3s;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl dt:hover span,.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl dt.select span {
    background-color: var(--select-background-color);
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl dd {
    display: none;
    position: absolute;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl:hover dd {
    display: none;
    flex-direction: column;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
    column-gap: 10px;
    transition: all .3s;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl dd h5 {
    margin-bottom: 10px;
    line-height: 26px;
    border-bottom: 1px #ddd solid;
    color: #333;
    text-align: left;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl:hover dd ul {
    display: flex;
    flex-direction: row;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl:hover dd li {
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s;
}
.adhoc-container .adhoc-right-panel .adhoc-top-button .chart-type dl:hover dd li:hover { background-color: var(--select-background-color); }
.adhoc-container .adhoc-right-panel .adhoc-bottom-container {
    /* display: flex; */
    position: relative;
    flex: 1;
    background-color: #fff;
}
.adhoc-container .adhoc-right-panel .adhoc-bottom-container > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 0;
    background-color: #fff;
}
.adhoc-container .adhoc-right-panel .adhoc-bottom-container > div.show-adhoc-bottom-container { z-index: 1;}
.adhoc-container .adhoc-right-panel .adhoc-view-content { flex: 1; }
.adhoc-data-object-box {
    box-sizing: border-box;
    width: 240px;
    height: 100%;
    box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.15);
}
.adhoc-data-object-box .adhoc-data-object-top {
    height: calc(100% - 50px);
    padding-bottom: 10px;
    overflow: auto;
}
.adhoc-data-object-box .adhoc-data-object-top .axias-box { background-color: transparent; box-shadow: none; margin-top: 10px; margin-bottom: 15px; }
.adhoc-data-object-box .adhoc-data-object-top .axias-box .data-object-drop-box { border-color: #d2d2d2; }
.adhoc-data-object-box .adhoc-data-object-top .axias-box .axias-label label { font-size: 14px; }
.adhoc-data-object-bottom { padding-top: 5px; padding-left: 10px;}
.adhoc-data-object-box .adhoc-data-object-top::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.adhoc-data-object-box .adhoc-data-object-top::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.adhoc-data-object-box .adhoc-data-object-top::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
    background: #c0c0c0;
}
.adhoc-data-object-box .adhoc-data-object-top::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
    background: #f1f1f1;
}
.adhoc-data-object-box h2 {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
}
.adhoc-data-object-box h2.hide i { transform: rotate(180deg);}
.adhoc-data-object-box h2 i {
    display: inline-block;
    margin-right: 5px;
    transform: scale(0.8);
    font-size: 12px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    transition: all .3s;
}
.adhoc-data-object-top .row-column-interchange { margin-top: 5px; text-align: center; cursor: pointer; color: var(--theme-color); }
.adhoc-data-object-top .row-column-interchange i { font-size: 24px; }
.adhoc-data-object-top .row-column-interchange i:hover { color: var(--theme-color);}
.adhoc-data-object-box h2 i.fr { margin-right: 10px; font-size: 16px; cursor: pointer;}
.adhoc-data-object-box .adhoc-data-object-content {
    margin: 0 10px;
    border: 1px #d2d2d2 solid;
    border-radius: 3px;
    max-height: 1000px;
    transition: max-height .3s;
}
.adhoc-data-object-box .adhoc-data-object-content.hide {
    height: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
}
.adhoc-data-object-box .adhoc-data-object-content ul { padding: 10px 10px; }
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-sort { position: relative; height: 6px; }
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-sort.active::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    width: 60%;
    height: 2px;
    margin: 0 auto;
    background-color: rgba(0,0,0,.24);
    border-radius: 10px;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 1px);
    height: 24px;
    line-height: 19px;
    border: 1px #add8e6 solid;
    border-radius: 5px;
    /* margin: 2px 0; */
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content div.data-object-name {
    width: calc(100% - 100px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content div.operation-type {
    position: relative;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 16px;
    font-size: 12px;
    color: #000;
    cursor: default;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content div.operation-type::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 9px;
    right: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content i { font-size: 16px; color: var(--theme-color); vertical-align: bottom; }
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content i.bda-guanbi { font-size: 16px; color: #03A9F4; }
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content i.bda-guanbi,.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content i.bda-sort { cursor: pointer; }
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content div.data-object-name span {
    /* display: inline-block; */
    vertical-align: text-top;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content:hover {
    /* border-color: #1e90ff; */
    /* background-image: linear-gradient(#ffffff, #add8e6); */
    background-color: #e2f6ff;
}
.adhoc-data-object-box .adhoc-data-object-content ul li.default-li div.li-content {
    line-height: 24px;
    border: 1px #d2d2d2 dashed;
    background-image: none;
    padding-left: 5px;
    font-size: 12px;
    color: #d2d2d2;
    cursor: no-drop;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span {
    display: inline-block;
    margin-left: 0;
    margin-right: 8px;
    font-size: 12px;
    color: #b2b2b2;
    cursor: pointer;
}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.cell-sort { margin-right: 3px;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.column-sum { margin-right: 3px;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.select-span { color: #03A9F4;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.cell-sort { margin-top: 2px;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.cell-sort .layui-edge { left: 0;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.layui-table-sort .layui-table-sort-desc:hover { border-top-color: #b2b2b2;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.layui-table-sort[lay-sort=desc] .layui-table-sort-desc { border-top-color: #03A9F4 !important;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.layui-table-sort .layui-table-sort-asc:hover { border-bottom-color: #b2b2b2;}
.adhoc-data-object-box .adhoc-data-object-content ul li div.li-content .fr span.layui-table-sort[lay-sort=asc] .layui-table-sort-asc { border-bottom-color: #03A9F4 !important;}
.adhoc-view-content {
    position: relative;
    margin: 10px;
    overflow: hidden;
}
.adhoc-view-filter-content h2 {
    height: 30px;
    line-height: 30px;
    padding-left: 0;
    font-size: 14px;
}
.adhoc-view-filter-box {
    /* border: 1px #d2d2d2 solid;
    border-radius: 5px;
    padding: 10px; */
}
.filter-left-content { width: calc(100% - 150px); font-size: 12px;  }
.filter-left-content dl dt {
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    font-size: 12px;
    color: #000;
}
.filter-left-content > dl > dd { width: 150px; margin-right: 5px;}
.filter-left-content dl dd.filter-operation-box { width: 100px;}
.filter-right-button .filter-reset:hover {
    border-color: var(--theme-color) !important;
    background-color: #fff !important;
    color: var(--theme-color) !important;
}
.filter-right-button .get-filter {
    height: 30px;
    line-height: 30px;
    background-color: var(--theme-color);
}
.adhoc-view-filter-content { margin-bottom: 10px;}
.adhoc-bottom-container .adhoc-view-table-img-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.adhoc-bottom-container .adhoc-view-table-img-content .no-data-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    opacity: .4;
}
.adhoc-bottom-container .adhoc-view-table-img-content .no-data-box .no-data-content {
    margin-top: 20px;
    font-size: 12px;
    white-space: nowrap;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #ffffff, 0 0 25px #ffffff, 0 0 30px #ffffff, 0 0 35px #ffffff;
}
.adhoc-bottom-container .adhoc-view-table-img-content .no-data-box .no-data-content i {
    margin-right: 10px;
    font-size: 24px;
    vertical-align: sub;
}

.adhoc-view-table-content td {
    padding: 0 5px;
    font-size: 12px;
    color: #000;
}
.adHoc-analysis {
    display: none;
    position: absolute;
    border-radius: 3px;
    font-size: 12px;
    z-index: 9;
}
.adHoc-analysis ul li {
    height: 18px;
    line-height: 18px;
    padding: 0 15px 0 5px;
    cursor: default;
}

/****************************即席分析过滤区域************************************/
.filter-left-content .layui-inline { margin-top: 5px; margin-bottom: 5px;}
.filter-left-content .layui-form-label {
    width: auto;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 12px;
}
.filter-left-content .layui-input {
    /* width: 90px; */
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #909399;
    background-color: transparent;
}
.filter-left-content .time-input {
    /* width: 130px; */
    padding-left: 5px;
}
.filter-left-content .layui-input-inline .top-date-calendar {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    z-index: 0;
    height: 16px;
}
.filter-left-content .layui-laydate { z-index: 99999999999 !important;}
.filter-left-content .xm-select-parent .xm-select {
    height: 32px !important;
    padding: 1px 10px 0 10px;
    min-height: 32px;
}
.filter-left-content .layui-form-select dl dd { line-height: 29px;}
.filter-left-content .xm-select-parent .xm-select-title div.xm-select-label>span i { margin-left: 4px;}
.filter-left-content .xm-select-parent .xm-select-title div.xm-select-label>span { padding-right: 20px;}

.filter-left-content .layui-form-select dl dd.layui-this { background-color: #3278b4;}
.filter-left-content .xm-select-parent .xm-select-title div.xm-select-label>span {
    background-color: #fff;
    border-color: #3278b4;
    font-size: 12px;
    color: #3278b4;
    box-sizing: content-box;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    min-width: 24px;
}
.filter-left-content .xm-form-selected .xm-select,.filter-left-content .xm-form-selected .xm-select:hover,.xm-form-checkbox > i { border-color: #3278b4 !important;}
.filter-left-content .xm-select-parent dl dd.xm-select-this div i,.filter-left-content .xm-select-parent dd .xm-cz:hover { color: var(--theme-color);}
.filter-left-content .filter-selects { width: 100%;}
.filter-left-content .layui-selects-title {
    width: 100%;
    height: 28px;
}
.filter-left-content .select-input {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
}
.filter-left-content .select-input__inner {
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 28px;
    line-height: 28px;
    outline: none;
    padding: 0 30px 0 10px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    cursor: pointer;
}
.filter-left-content .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #c2c2c2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.filter-left-content .layui-form-selected .layui-edge {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px\9;
}
.filter-left-content .select-tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    right: 30px;
    left: 0;
    overflow: hidden;
}
.filter-left-content .tags-box { display: contents;}
.filter-left-content .select-tag {
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    align-items: center;
    margin: 1px 0 0 6px;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
    height: 20px;
    padding: 0 8px;
    line-height: 20px;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
}
.filter-left-content .select-tag .tag-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: 1px;
    right: -2px;
    cursor: pointer;
    transform: scale(.8);
    background-color: #c0c4cc;
    color: #909399;
    flex-shrink: 0;
}
.filter-left-content .select-tag .tag-close:hover {
    color: #fff;
    background-color: #909399;
}
.filter-left-content .select__input {
    border: none;
    outline: none;
    padding: 0;
    margin-left: 6px;
    color: #666;
    font-size: 14px;
    appearance: none;
    width: auto;
    height: 22px;
    margin-top: 4px;
    background-color: transparent;
    flex-grow: 1;
    cursor: pointer;
}
.filter-left-content .filter-select .layui-anim {
    -webkit-animation-name: layui-custom-upbit;
    animation-name: layui-custom-upbit;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none;
    position: absolute;
    z-index: 99999;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
    /* overflow: auto; */
    top: 32px;
    left: 0;
    min-width: 100%;
    max-height: 310px;
    /* border: 1px solid #eee; */
}
.filter-left-content .layui-anim ul {
    /* padding: 5px 0; */
    text-align: center;
}
.filter-left-content .layui-anim ul li {
    position: relative;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-align: left;
}
.filter-left-content .layui-anim ul span { color: #ccc;}
.filter-left-content .layui-anim ul li:hover { background-color: #f5f7fa; }
.filter-left-content .layui-anim ul li.selected-li { background-color: var(--theme-color); color: #fff;}
.filter-left-content .filter-select .layui-anim ul {
    overflow: auto;
    max-height: 300px;
}
.filter-left-content .filter-selects .layui-anim ul {
    max-height: 275px;
    overflow: auto;
}
.filter-left-content .filter-selects .layui-anim ul li { padding: 0 10px 0 30px;}
.filter-left-content .filter-selects .layui-anim ul li::before {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px #ccc solid;
    left: 10px;
    top: 50%;
    margin-top: -6px;
    content: "";
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filter-left-content .filter-selects .layui-anim ul li.selected-li { background-color: transparent; color: #7d7d7d;}
.filter-left-content .filter-selects .layui-anim ul li.selected-li::after {
    display: block;
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 14px;
    font-weight: bold;
    content: '\2713';
    color: var(--theme-color);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filter-left-content .filter-selects .layui-anim h4 {
    height: 25px;
    line-height: 25px;
}
.filter-left-content .filter-selects .layui-anim h4 span {
    margin-left: 10px;
    font-size: 12px;
    cursor: pointer;
}
.filter-left-content .layui-form-selected .layui-anim { display: block;}
/********************************************************/

.adHoc-query .attribute-window { height: 100%; }
.adHoc-query .attribute-query-box { padding: 20px; height: calc(100% - 80px); font-size: 12px; }
.adHoc-query .attribute-query-box .layui-elem-field { height: 100%; margin-bottom: 0; }
.adHoc-query .query-checkbox { display: none; }
.adHoc-query .query-input { margin-right: 0 !important;}
.adHoc-query .attribute-query-box .layui-form-item:first-child { display: none; }
.adHoc-query .attribute-query-box .layui-form-item .layui-input-inline { margin-left: 20px; margin-right: 0; width: auto;}
.adHoc-query .attribute-query-box .layui-elem-field .layui-input-block .layui-form-radio { margin-right: 0;}
.adHoc-query .query-by-page .attribute-query-box .layui-form-item .layui-input-inline { margin-left: 0;}
.adHoc-query .query-by-page .attribute-query-box .layui-form-item .layui-input-inline.page-input { margin: 0 10px;}
.adHoc-query .attribute-query-box .layui-form-item .layui-input-inline .layui-form-checkbox span { padding-right: 0; }
.adHoc-query .attribute-query-box .layui-tab { margin: 0;}
.adHoc-query .attribute-query-box .layui-tab-title { height: 30px;}
.adHoc-query .attribute-query-box .layui-tab-title li { line-height: 30px;}
.adHoc-query .attribute-query-box .layui-tab-title .layui-this:after { height: 31px; }
.adHoc-query .attribute-query-box .attribute-businessModelName { width: 440px;}
.adHoc-query .layui-form-item .attribute-chart .layui-form-checkbox[lay-skin=primary] { margin-top: 6px;}
.adHoc-query .layui-form-item .attribute-chart .layui-form-checkbox[lay-skin=primary] div { font-size: 12px; }
.adHoc-query .attribute-query-box .layui-elem-field legend { font-size: 12px;}
.adHoc-query .attribute-query-box .layui-elem-field .layui-input-block {
    box-sizing: border-box;
    margin: 0 5px;
    padding-top: 4px;
}
.adHoc-query .layui-btn-border.layui-btn-disabled { border: 1px #e6e6e6 solid !important; color: #333 !important; }
.adHoc-query .layui-btn-border.layui-btn-disabled:hover { background-color: #fff !important; }
.adHoc-query .attribute-query-box .layui-elem-field .layui-input-block .layui-form-radio div { font-size: 12px !important;}
.adHoc-query .attribute-query-box .layui-table-view { margin: 0;}
.adHoc-query .attribute-query-box .model-list { padding: 5px; height: calc(100% - 44px);}
.adHoc-query .attribute-query-box .layui-input-block { margin-left: 60px;}
.adHoc-query .attribute-query-box .layui-checkbox-disbaled i { background-color: #e2e2e2; border-color: #e2e2e2 !important; }
.adHoc-query .attribute-query-box .folder-list {
    position: relative;
    width: 210px;
    height: 100% !important;
    background-color: #fafafa;
    top: 0;
    overflow: auto;
}
.adHoc-query .china-report-query .folder-list  { height: 350px !important;}
.adHoc-query .attribute-query-box .folder-list li { font-size: 12px !important;}
.adHoc-query .attribute-query-box .model-list-content { width: calc(100% - 220px); height: 100%; }
.adHoc-query .attribute-query-box .model-list-content .model-list-button { display: none;}
.adHoc-query .attribute-query-box .model-list-content .model-list-box { width: 100%; height: calc(100% - 40px); }
.adHoc-query .attribute-query-box .model-list-content .model-list-box-top {
    width: 100%;
    line-height: 30px;
    margin-bottom: 10px;
}

.watermark .layui-form-item .layui-form-label { width: 75px; }
.watermark .layui-form-item .layui-input-block { margin-left: 85px; }
.watermark .layui-form-item .layui-input-block .fl { width: calc(100% - 60px); }
.watermark .layui-form-item .layui-input-block textarea { margin-bottom: 10px;}
.watermark #slide { padding-top: 14px; }
.watermark #slide .layui-slider-input { top: 0; }
.watermark #slide .layui-slider-input-btn i:hover { color: var(--theme-color);}

.watermark .picker-box {
    float: left;
    display: inline-block;
    width: 50px;
    height: 28px;
    border: 1px #eee solid;
    text-align: center;
}
.watermark .picker {
    float: left;
    width: 26px;
    height: 28px;
    margin-left: 10px;
    border: 1px var(--theme-color) solid;
    background-color: var(--theme-color);
    text-align: center;
}
.watermark .picker i {
    vertical-align: -webkit-baseline-middle;
    color: #fff;
}
.watermark input[name=colorValue] {
    float: left;
    width: 120px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    border: 1px #e6e6e6 solid;
}
.watermark-font .tabControl-box { margin: 10px 20px;}
.watermark-font .layui-form-item .layui-input-block { margin-left: 0;}
.watermark-font .tabControl-box .layui-form-item { padding: 0; margin-bottom: 0;}
.watermark-font .layui-block { width: 200px;}
.watermark-font .font-list ul {
    position: relative;
    height: 100px;
    border: 1px #e6e6e6 solid;
    overflow: auto;
}
.watermark-font .font-list ul li {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    cursor: default;
}
.watermark-font .font-list ul li:hover {
    background-color: #e9f4ff;
}
.watermark-font .font-list ul li.select {
    background-color: #cbe8f6;
}
.watermark-font .tabControl-box .layui-elem-field legend { margin-bottom: 0;}
.watermark-font .font-style span {
    display: block;
    width: 27px;
    text-align: center;
    border: 1px #e6e6e6 solid;
    border-right: 0;
    cursor: pointer;
}
.watermark-font .font-style span i { font-size: 14px;}
.watermark-font .font-style span:hover { background-color: #ebebeb;}
.watermark-font .font-style span.select {
    background-color: var(--theme-color);
    color: #fff;
}
.font-style-bottom { margin-top: 10px;}
.watermark-font .font-style span.font-underline { border-right: 1px #e6e6e6 solid;}
.watermark-font .font-demo-style {
    height: 70px;
    width: 270px;
    margin: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.report-images-box.watermark-image { margin: 10px 20px;}
.watermark-image .report-images-left { width: 290px;}
.watermark-image .report-images-left .layui-table tbody tr:hover {
    background-color: #e9f4ff;
}
.watermark-image .report-images-left .layui-table-click { background-color: #cbe8f6 !important;}
.watermark-image .report-images-left-top {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 12px;
}
.watermark-image .report-images-left-top .layui-btn {
    height: 30px;
    line-height: 30px;
    background-color: var(--theme-color);
}
.watermark-image .report-images-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    width: 290px;
    height: 370px;
    border: 1px #6e8282 solid;
    background-color: #a0a0a0;
}
.watermark-image .report-images-right img {
    max-width: 100%;
    max-height: 100%;
}


/*******************************自定义变量*****************************************/
#editVariable-box
{
    height: calc(100% - 10px);
    margin: 0px 20px;
    margin-top: 10px;
    cursor:default; 
}
#editVariable-box .layui-form-item
{
    padding: 0 10px 0 30px;
}
.edit-variable-expression { height: calc(100% - 290px);}
#editVariable-box .layui-form-item.form-submit { padding-right: 0;}
#editVariable-box .layui-elem-field legend { font-family: "Microsoft Yahei"; font-weight: normal;}
#editVariable-box .layui-elem-field:first-child .layui-form-item { margin-top: 10px;}
#editVariable-box .layui-elem-field:first-child .layui-form-item .layui-input-block { margin-left: 80px;}
#editVariable-box .iconfont
{
    margin-right: 2px;
    /* color: var(--theme-color); */
}
#editVariable-box .dataType,#editVariable-box .formatString
{
    width: calc(100% - 60px);
}
#editVariable-box .icon
{
    width: 20px;
}
#editVariable-box .layui-form-checkbox
{
    padding-left: 20px;
}
#editVariable-box #format
{
    height: 30px;
    line-height: 30px;
    /* background-color: var(--theme-color); */
}
#editVariable-box #expression
{
    margin: 0px 10px;
    margin-top: 5px;
    width: calc(100% - 20px);
    height: calc(100% - 55px);
    font-size: 12px;
}
#editVariable-box #other
{
    margin: 10px;
    padding: 0px;
}
#editVariable-box #editExpression
{
    height: 30px;
    line-height: 30px;
    /* background-color: var(--theme-color); */

}
#editVariable-box #analysis
{
    height: 30px;
    line-height: 30px;
    /* background-color: var(--theme-color); */
    margin-left: 20px;
}
/* editExpression.html */
#editExpression-box
{
    height: calc(100% - 10px);
    cursor:default; 
}
#editExpression-box #editText
{
    position: relative;
    margin: 10px 20px;
    height: 80px;
}
#editExpression-box .CodeMirror
{
    border-width: 1px;
    border-style: solid;
    /* border-color: #C9C9C9; */
    width: calc(100% - 110px);
    height: 100%;
    font-size: 12px;
}
#editExpression-box #analysis
{
    width: 97px;
    position: absolute;
    height: 30px;
    line-height: 30px;
    right: 0;
    bottom: 0;
}
#editExpression-box #addImage {
    width: 97px;
    position: absolute;
    height: 30px;
    line-height: 30px;
    right: 0;
    bottom: 40px;
}
#editExpression-box #editSelect 
{
    height: calc(100% - 140px);
    margin: 10px 20px;
}
#editExpression-box #editFieldset1{
    height: 100%;
    padding: 0px 10px;
}
#editExpression-box #block1{
    width: 32%;
    height: calc(100% - 191px);
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
}
#editExpression-box #function{
    width: 100%;
    height: calc(100% - 20px);
    border-width: 1px;
    border-style: solid;
    /* border-color: #C9C9C9; */
    overflow: auto;
}
#editExpression-box #function .selected-li div{
    /* background-color:#cbe8f6; */
}
#editExpression-box #function div:hover{
    /* background-color:#e9f4ff; */
}
#editExpression-box #block2{
    width: 52%;
    height: calc(100% - 191px);
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
}
#editExpression-box #data{
    width: 100%;
    height: calc(100% - 20px);
    border-width: 1px;
    border-style: solid;
    border-color: #C9C9C9;
    overflow: auto;
    min-width: auto;
}
#editExpression-box .tree{
    min-width:unset;
}
/* #editExpression-box #data .selected-li div{
    background-color:#cbe8f6;
}
#editExpression-box #data div:hover{
    background-color:#e9f4ff;
} */
#editExpression-box #block3{
    width: 12%;
    height: calc(100% - 191px);
    float: left;
    margin-bottom: 10px;
}
#editExpression-box #operator{
    width: 100%;
    height: calc(100% - 20px);
    border-width: 1px;
    border-style: solid;
    border-color: #C9C9C9;
    overflow: auto;
}
#editExpression-box #operator div{
    padding-left: 30px;
    line-height: 26px;
}
/* #editExpression-box #operator .selected-li div{
    background-color:#cbe8f6;
}
#editExpression-box #operator div:hover{
    background-color:#e9f4ff;
} */
#editExpression-box #block4{
    width: 100%;
    float: left;
}
#editExpression-box #editFieldset2{
    padding-left: 10px;
    padding-right: 10px;
}
#editExpression-box #explain{
    min-height: 120px;
    line-height: 26px;
    float: left;
}
#editExpression-box #help{
    /* color: blue; */
    float: left;
    margin: 5px 0px;
}
#editExpression-box .model-tree { height: calc(100% - 20px); margin: 0;}
#editExpression-box .tree { min-width: max-content;}
#editExpression-box .tree ul { display: none;}
#editExpression-box .tree li div {
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    line-height: 25px;
	font-size: 12px;
	cursor: pointer;
	/* color: #333; */
    white-space: nowrap;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
#editExpression-box .open-folder > ul { display: block;}
#editExpression-box .tree > li > ul > li > div { padding-left: 30px;}
#editExpression-box .tree > li > ul > li > ul > li > div { padding-left: 40px;}
#editExpression-box .tree > li > ul > li > ul > li > ul > li > div { padding-left: 50px;}
#editExpression-box .tree > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 60px;}
#editExpression-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 70px;}
#editExpression-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 80px;}
#editExpression-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 90px;}
#editExpression-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 100px;}
#editExpression-box .tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 110px;}
#editExpression-box .tree li.folder > div .triangle {
    position: absolute;
    top: 12px;
    margin-left: -13px;
    display: block;
    opacity: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 8px solid #222;
    border-left: 8px solid transparent;
    transition: all .3s;
    transform: rotate(-45deg);
}
#editExpression-box .tree li.hasChildren > div .triangle { opacity: 1;} 
#editExpression-box .tree li.open-folder > div .triangle {
    transform: rotate(0);
}
/********************************end**************************************/


.global-variable { height: calc(100% - 40px); margin: 20px; }
.global-variable .list-button-box button {
    height: 30px;
    line-height: 30px;
    background-color: var(--theme-color);
}
.global-variable .list-table { height: calc(100% - 40px); }

.template-report-name {
    display: inline-block;
    width: calc(100% - 40px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.table-field-mappings { margin: 20px 20px 60px; height: calc(100% - 80px);}
.report-mappings-head { margin-bottom: 10px;}
.table-field-mappings tr td:nth-child(2) .layui-table-cell { overflow: visible; }
.table-field-mappings tr td:nth-child(3) .layui-table-cell { overflow: visible; }
.table-field-mappings tr .layui-form-select dl { top: 36px; }
.table-field-mappings  .layui-table-header tr th:nth-child(3) .layui-table-cell { text-align: center; }
.table-field-mappings  .layui-table-header tr th:nth-child(7) .layui-table-cell { text-align: center; }
.table-field-mappings tr td .layui-form-select {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
}
.table-field-mappings tr td .layui-form-select .layui-input { height: 46px; background-color: transparent; }
.table-field-mappings .layui-table-header .layui-table-cell {
    height: auto;
}
.setting-box .list-table .layui-table-edit {
    height: 35px;
    line-height: 35px;
    padding: 0 4px;
}
.fill-right-main p {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.fill-container {
    display: flex;
    width: 100%;
    height: 100%;
}
.fill-right-main .ifill-child-menu {
    position: relative;
    width: 220px;
    height: 100%;
    background-color: #fafafa;
    border-right: 1px #ddd solid;
    overflow: hidden;
    flex: 0 0 auto;
}
.fill-right-main .ifill-child-menu h4 {
    height: 44px;
    line-height: 44px;
    background-color: #fafafa;
    border-bottom: 1px #ddd solid;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.fill-right-main .ifill-child-menu .setting-info-status {
    position: absolute;
    right: 4px;
    top: 12px;
    cursor: pointer;
    z-index: 99;
    font-weight: normal;
}
.no-data-tips { line-height: 60px; text-align: center;}
.fill-right-main .ifill-child-menu.hide-status h4 { display: none;}
.fill-right-main .ifill-child-menu.hide-status > ul { display: none;}
.fill-right-main .ifill-child-menu > ul { height: calc(100% - 45px); overflow: auto;}
.fill-right-main .ifill-child-menu > ul li div { color: #000;}
.fill-right-main .ifill-child-menu > ul li div:hover {
    color: #000 !important;
    background-color: rgba(182, 229, 251, .4);
}
.fill-right-main .ifill-child-menu > ul li.select-menu > div { background-color: rgba(182, 229, 251, .8) !important;}
.fill-right-main .fill-right-main-container { position: relative; flex: 1 1 0%; }
.fill-right-main .fill-right-main-container .main-content { height: 100%;}
.fill-right-main .fill-right-main-container .main-content .fill-report-list {
    max-width: 100%;
    height: calc(100% - 120px);
    margin: 0 20px 20px;
    padding: 20px;
    background-color: #fff;
}
.close-fill-tree { right: 0;}
.close-fill-tree span {
    display: inline-block;
    transform: rotate(180deg);
}
.open-fill-tree {
    left: 0;
    border-radius: 0 5px 5px 0 !important;
    display: none;
}
.mark-right {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .15);
}

/* #add-table-dialog .schemaName-tableName-item .fl { width: 40%;} */
#add-table-dialog .schemaName-tableName-item .fl .layui-inline { width: 200px;}
/* #add-table-dialog .schemaName-tableName-item .fr { width: 59%;} */
#add-table-dialog .schemaName-tableName-item .fr .layui-input-inline { width: calc(100% - 230px);}
#add-table-dialog .layui-inline{
    width: 100px;
}
#add-table-dialog .table-list {   
    padding: 10px 20px;
}
.object-count-tip p {
    padding: 0 20px;
    /* color: #666666; */
    line-height: 20px;
    font-size: 12px;
    text-align: left;
}
#add-table-dialog .table-list .layui-table th .layui-form-checkbox[lay-skin=primary]{
    display: inline-block;
}
#add-table-dialog #refreshTables { margin-right: 15px;}
#add-table-dialog { height: 100%;}
.selectTables:disabled {
    cursor: no-drop;
    background-color: #efefef !important;
}
.selectTables:disabled:hover { background-color: #efefef !important; color: #333 !important; border-color: #e6e6e6 !important;}

.upload-data-main {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
}

.web-input-data-container {
    height: calc(100% - 60px);
    margin: 10px 20px;
}
.web-fill-template { height: 100%;}
.web-fill-template .report-form-list { height: calc(100% - 80px);}
.web-fill-template .layui-tab-title li { padding: 0 10px;}
.web-fill-template .layui-tab-brief { margin: 0; padding: 0; height: 100%;}
.web-fill-template .layui-tab-brief .layui-tab-content { padding: 20px 0 0; height: calc(100% - 61px);}
.web-fill-template .layui-tab-brief .layui-tab-content .layui-tab-item { left: 0; right: 0;}
.web-fill-template .audit-tab-item .layui-form-label { width: 120px; }
.web-fill-template .audit-tab-item .layui-input-block { margin-left: 130px; }
.web-fill-template .layui-form-label { width: 110px; }
.web-fill-template .layui-input-block { margin-left: 120px;}
.web-fill-template .layui-form-select dl { max-height: 200px; }
.web-fill-template .layui-form-select dl dd { line-height: 30px; }
.web-fill-template .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 7px;}
.web-fill-template .layui-form-item .layui-input-inline { margin-right: 0;}
.web-fill-template .popup-calculate .layui-input-inline { width: auto; }
.web-fill-template .code-content,.edit-excel-template .code-content {
    height: 100%;
    margin-bottom: 0;
}
.web-fill-template .code-editor,.edit-excel-template .code-editor {
    margin: 10px 0;
    border: 1px #ddd solid;
    height: calc(100% - 55px);
}
.web-fill-template .code-editor .CodeMirror,.edit-excel-template .code-editor .CodeMirror { height: 100%;}
.edit-excel-template .layui-form-select dl dd:hover { background-color: transparent;}
.excel-upload-data-window .bottom-box {
    box-sizing: border-box;
    position: inherit;
    margin: 20px;
    top: 20px;
}
.excel-upload-data-window .button-box { border: 0; }
.edit-excel-template { height: 100%;}
.edit-excel-template .layui-tab { margin: 0;}
.edit-excel-template .edit-model { height: calc(100% - 80px); padding: 20px;}
.edit-excel-template .edit-model .layui-tab-content { padding: 20px 10px 0; height: calc(100% - 61px);}
.edit-excel-template .edit-model .layui-tab-content textarea { min-height: 60px;}


.td-content-window { margin: 20px ;}
.td-content-window .custom-setting .layui-inline { font-size: 0;}

.pross-loading {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .4);
    box-sizing: border-box;
    display: flex;
    flex: auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}

.transformation-window .layui-form-label { width: auto;}
.transformation-window .layui-form-select dl dd:hover { background-color: transparent;}
.job-window .parameter-item td[data-field="empty"] { background-color: #f2f2f2;}
.job-window .parameter-item .fl { width: calc(100% - 75px);}
.job-window .parameter-item .fr button { margin-bottom: 10px;}
.import-generate-transformation .table-list .bottom-box,.import-generate-transformation .field-details-list .bottom-box { border: 0; top: 126px; bottom: 100px;}
.import-generate-transformation .filter input { font-size: 12px;}
.import-generate-transformation .field-details-list .bottom-box { bottom: 100px;}
.import-generate-transformation .layui-form-select dl dd:hover { background-color: transparent;}
.import-generate-transformation .filter { top: 86px; right: 20px; bottom: auto; left: auto;}
.import-generate-transformation .middle-bottom {
    position: absolute;
    right: 20px;
    bottom: 70px;
    left: 20px;
    font-size: 12px;
}
.global-form-box { height: calc(100% - 60px);}

.index-import-transform-guided .index-guided-item .bottom-box { top: 126px; bottom: 100px; }
.index-import-transform-guided .index-guided-item .filter {
    top: 86px;
    right: 20px;
    bottom: auto;
    left: auto;
}
.index-import-transform-guided .index-guided-item .middle-bottom {
    position: absolute;
    right: 20px;
    bottom: 60px;
    left: 20px;
    line-height: 30px;
    font-size: 12px;
}


.ifind-contextmenu {
    display: none;
    position: absolute;
    min-width: 80px;
    padding: 5px 0;
    border-radius: 5px;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.ifind-contextmenu li {
    position: relative;
    line-height: 25px;
    padding: 0 10px;
    transition: ease 0.3s;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}
.ifind-contextmenu li:hover {
    background-color: var(--theme-color);
    color: #fff;
}
.report-log-head-search .layui-inline { margin-left: 0; margin-right: 5px; font-size: 12px;}
.report-log-head-search .layui-inline .layui-form-mid { padding: 5px 0 !important; margin-left: 10px;}
.report-log-head-search .layui-inline .layui-input-inline.fl { width: 130px;}
.report-log-head-search .layui-form-label { padding-right: 5px;}
.report-log-head-search .search .date-range label {
    padding-right: 0;
    padding-left: 0;
    margin: 0 12px;
    min-width: auto;
    font-size: 12px;
    cursor: pointer;
    color: #333;
}
.report-log-head-search .search .date-range label:hover,.report-log-head-search .search .date-range label.select { color: var(--theme-color); font-weight: bold;}
.fixed-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    cursor: pointer;
}
.fixed-menu.disabled-button { opacity: .6;}

.menu-status-button {
    position: absolute;
    padding: 7px 0;
    top: 50%;
    margin-top: -20px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    z-index: 10;
}
.menu-status-button i {
    color: #fff;
    vertical-align: text-top;
}
.close-menu-tree { right: 0; }
.close-menu-tree span { display: inline-block; transform: rotate(180deg); }
.open-menu-tree {
    left: 0;
    border-radius: 0 5px 5px 0 !important;
    display: none;
    background-color: rgba(0, 0, 0, .2);
}

.hide-left-menu .left-menu-cnt { display: none;}
.hide-left-menu .right-main { left: 50px;}
.hide-menu {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    cursor: pointer;
}

.ifind-report-menu-list {
    position: relative;
    float: left;
    width: 220px;
    height: 100%;
    background-color: #fafafa;
    overflow: hidden;
    /* border-right: 1px #ddd solid; */
    box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.15)
}
.ifind-report-menu-list .setting-info-status {
    position: absolute;
    right: 4px;
    top: 12px;
    cursor: pointer;
    z-index: 99;
}
.ifind-report-menu-list.hide-status h4, .ifind-report-menu-list.hide-status > ul { display: none;} 
.ifind-report-menu-list .close-find-tree { right: 0;}
.ifind-report-menu-list .close-find-tree span { display: inline-block; transform: rotate(180deg);}
.find-report-main {
    position: relative;
    width: calc(100% - 221px);
    height: 100%;
}
.find-report-main .open-find-tree {
    left: 0;
    border-radius: 0 5px 5px 0;
    display: none;
}
.ifind-report-menu-list h4, .menu-name {
    height: 44px;
    line-height: 44px;
    background-color: #fafafa;
    border-bottom: 1px #ddd solid;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.ifind-report-menu-list > ul {
    height: calc(100% - 45px);
    overflow: auto;
}
.ifind-report-menu-list ul li div { color: #000 !important;}
.find-module-right .ifind-report-menu-list ul li > div:hover { color: #000 !important; background-color: rgba(182, 229, 251, .4);}
.find-module-right .ifind-report-menu-list ul li.select-menu > div 
{
    color: #000 !important;
    background-color: rgba(182, 229, 251, .8);
}

.job-transform-log-list { height: 270px; margin-top: 10px;}

.data-storage-list-box {
    position: absolute;
    top: 62px;
    right: 20px;
    bottom: 20px;
    left: 20px;
}
.data-storage-list-box .schema-names-list {
    width: 220px;
    height: 100%;
    background-color: #fafafa;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
}
.data-storage-list-box .schema-names-list h4 {
    line-height: 40px;
    padding-left: 15px;
    border-bottom: 1px #ddd solid;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.data-storage-list-box .schema-names-list ul { height: calc(100% - 41px); overflow: auto;}
.data-storage-list-box .schema-names-list ul li {
    line-height: 40px;
    padding: 0 15px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
}
.data-storage-list-box .schema-names-list ul li:hover { background-color: rgba(182, 229, 251, .4);}
.data-storage-list-box .schema-names-list ul li.select-li { background-color: rgba(182, 229, 251, .8);}
.data-storage-list-box .list-content {
    width: calc(100% - 232px);
    height: 100%;
}
.data-storage-list-box .storage-table-list-box { height: 100% ;}
.data-storage-list-box .storage-table-list-content { height: calc(100% - 55px); }
.data-storage-list-box .storage-table-icon-box { height: 100%; }
.data-storage-list-box .storage-table-icon-box-content {
    height: calc(100% - 40px);
    overflow-x: auto;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
}
.data-storage-list-box .storage-table-icon-box-count {
    margin-top: 10px;
    line-height: 30px;
    font-size: 12px;
    color: #000;
}
.storage-table-icon-box .column-item { float: left; height: 100%; }
.storage-table-icon-box .column-item li {
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
}
.storage-table-icon-box .column-item li:hover { background-color: #e9f4ff;}
.storage-table-icon-box .column-item li.select-li { background-color: #cbe8f6;}
.storage-table-icon-box .column-item li i { margin-right: 3px; font-size: 16px; color: var(--theme-color); }
.storage-tables-head { z-index: 99;}
.storage-tables .change-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.sql-queries-tree {
    position: relative;
    width: 220px;
    height: 100%;
    background-color: #fafafa;
    border: 1px #ccc solid;
    border-radius: 3px;
    flex: 0 0 auto;
    margin-right: 10px;
}
.sql-queries-tree .folder div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px;}
.sql-queries-tree li.open-folder > ul { display: block;}
.sql-queries-tree li.open-folder > div i.fr { transform: rotate(90deg);}
.sql-queries-tree li.sql-query .delete-query {
    position: absolute;
    margin-right: 0;
    right: 25px;
    font-size: 14px;
    opacity: 0;
}
.sql-queries-tree li.sql-query:hover .delete-query { opacity: 1;}
.sql-queries-tree li.sql-query div {
    padding-right: 40px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sql-queries-list {
    position: relative;
    /* width: calc(100% - 232px); */
    height: 100%;
    border: 1px #ccc solid;
    border-radius: 3px;
    flex: 1 1 0%;
}
.sql-queries-list .queries-top {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px #e6e6e6 solid;
    font-size: 0;
}
.sql-queries-list .queries-top .query-top-item {
    position: relative;
    display: inline-block;
    padding: 0 25px 0 15px;
    height: 30px;
    line-height: 30px;
    background-color: #eee;
    border-right: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
}
.sql-queries-list .queries-top .query-top-item.select-item {
    background-color: #fff;
    border-bottom-color: #fff;
}
.sql-queries-list .queries-top .query-top-item div {
    display: inline-block;
    min-width: 60px;
    max-width: 110px;
    height: 30px;
    line-height: 30px;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    color: #000;
    cursor: default;
}
.sql-queries-list .queries-top .query-top-item div i { font-size: 22px; margin-right: 5px;}
.sql-queries-list .queries-top .query-top-item > span {
    position: absolute;
    right: 5px;
    top: 13px;
    margin-top: -13px;
}
.sql-queries-list .queries-top .query-top-item > span i {
    border-radius: 50%;
    padding: 1px;
    font-size: 14px;
    cursor: pointer;
}
.sql-queries-list .queries-top .query-top-item > span i:hover { background-color: #ccc; }
.sql-queries-list .queries-bottom { position: relative; height: 100%; }
.sql-queries-list .queries-bottom .query-bottom-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}
.sql-queries-list .queries-bottom .query-bottom-item.select-item { z-index: 2; opacity: 1; }
.sql-queries-list .queries-bottom .query-bottom-item .query-content { width: 100%; height: 100%; }
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-top {
    padding: 10px 0;
    height: 30px;
    border-bottom: 1px #e6e6e6 solid;
    font-size: 12px;
    color: #000;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-top .layui-inline { margin-left: 10px;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-top .layui-form-label { min-width: auto; font-weight: normal;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-top .runing-query { height: 30px; line-height: 30px; background-color: var(--theme-color); color: #fff;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom {
    display: flex;
    flex: 1 1 0%;
    height: calc(100% - 11px);
    margin-top: 10px;
    border-top: 1px #e6e6e6 solid;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .schema-table-list {
    width: 220px;
    height: 100%;
    border-right: 1px #e6e6e6 solid;
    flex: 0 0 auto;
}
/* .schema-table-tree-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.schema-table-tree-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.schema-table-tree-list::-webkit-scrollbar-track {
    border-radius: 5px;
} */
.running-query-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.running-query-box .runing-query { height: 30px; line-height: 30px; background-color: var(--theme-color); color: #fff;}
.header-box .data-sources { font-size: 12px;}

.resizer {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    opacity: .2;
    z-index: 2;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}
.resizer:hover {
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}
.resizer-horizontal {
    height: 11px;
    margin: -5px 0;
    border-top: 5px solid rgba(255,255,255,0);
    border-bottom: 5px solid rgba(255,255,255,0);
    cursor: row-resize;
    width: 100%;
}
.resizer-horizontal:hover {
    border-top: 5px solid rgba(0,0,0,.5);
    border-bottom: 5px solid rgba(0,0,0,.5);
}
.resizer-vertical {
    width: 11px;
    height: 100%;
    margin: 0 -5px;
    border-left: 5px solid rgba(255,255,255,0);
    border-right: 5px solid rgba(255,255,255,0);
    cursor: col-resize;
}
.resizer-vertical:hover {
    border-left: 5px solid rgba(0,0,0,.5);
    border-right: 5px solid rgba(0,0,0,.5);
}
.sql-queries-main { display: flex; flex: 1 1 0%; }

.queries-status-button {
    position: absolute;
    padding: 7px 0;
    top: 50%;
    margin-top: -20px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    z-index: 10;
}
.queries-status-button:hover { background-color: rgba(0, 0, 0, .3);}
.queries-status-button i { color: #fff; vertical-align: text-top; }
.close-queries-tree { right: 0;}
.close-queries-tree span { display: inline-block; transform: rotate(180deg);}
.open-queries-tree { left: 0; border-radius: 0 5px 5px 0; display: none; }

.report-tempplate-list-container .storage-table-icon-box-content-list { overflow: auto; font-size: 0; }
.report-tempplate-list-container figure {
    display: inline-block;
    margin: 10px 19px;
    padding: 8px;
    border-radius: 10px;
    transition: all .5s;
}
.report-tempplate-list-container figure:hover { background-color: rgba(182, 229, 251, .4); }
.report-tempplate-list-container figure.select { background-color: rgba(182, 229, 251, .8) !important; }
.report-tempplate-list-container figure div {
    position: relative;
    width: 200px;
    background-color: #f1f3f4;
    border: 1px #d6d7d8 solid;
    border-radius: 7px;
    cursor: pointer;
}
.report-tempplate-list-container figure:hover div { background-color: rgba(182, 229, 251, .4); }
.report-tempplate-list-container figure.select div { background-color: rgba(182, 229, 251, .8); }
.report-tempplate-list-container figure div:hover span, .report-tempplate-list-container figure div:hover button { visibility: visible; opacity: 1; }
.report-tempplate-list-container figure div h3 {
    position: relative;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: normal;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.report-tempplate-list-container figure div span {
    visibility: hidden;
    position: absolute;
    display: block;
    top: 13px;
    right: 7px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    border: 1px #dbddde solid;
    border-radius: 3px;
    background-color: #fff;
    transition: all .3s;
    text-align: center;
    opacity: 0;
    z-index: 99;
}
.report-tempplate-list-container figure div span:hover { background-color: #f1f3f4; }
.report-tempplate-list-container figure div span i { font-size: 15px; font-weight: normal; }
.report-tempplate-list-container figure div img {
    width: 198px;
    height: 115px;
    border: 1px #eaeced solid;
}
.report-tempplate-list-container figure div button {
    visibility: hidden;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    background-color: #32230e;
    color: #fac67d;
    opacity: 0;
}
.report-tempplate-list-container figure div button:hover { color: #fac67d; }
.report-tempplate-list-container figure figcaption {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #222;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .schema-table-list .schema-table-tree-list { height: 100%; }
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .schema-table-list .schema-table-tree-list h4 {
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .schema-table-list .schema-table-tree-list h5 { padding: 5px; font-size: 12px;}
.change-schema-status {
    padding-right: 10px;
    font-weight: normal;
    cursor: pointer;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .schema-table-list .schema-table-tree-list > ul { border-top: 1px #ddd solid; height: calc(100% - 74px); overflow: auto; }
.schema-table-tree-list > ul ul { display: none; }
.schema-table-tree-list li {
    position: relative;
    padding-left: 10px;
    font-size: 12px;
    cursor: pointer;
    user-select: none;
}
.schema-table-tree-list li span {
    position: absolute;
    left: 10px;
    height: 27px;
    padding-top: 3px;
    color: #000;
}
.schema-table-tree-list li div {
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #000;
    white-space: nowrap;
    cursor: pointer;
}
.schema-table-tree-list li div i { margin-right: 5px;}
.schema-table-tree-list li > span:hover,.schema-table-tree-list li > div:hover { color: var(--theme-color);}
.schema-table-tree-list li.schema-name.select-li span { transform: rotate(90deg); }
.schema-table-tree-list li.schema-name.select-li > ul { display: block; }
.schema-table-tree-list li.table {
    line-height: 30px;
    padding-left: 10px;
    color: #000;
    cursor: pointer;
}
.schema-table-tree-list li.table i { margin-right: 5px; font-size: 14px; vertical-align: bottom; }
.schema-table-tree-list li.table:hover,.schema-table-tree-list li.table.select-li { color: var(--theme-color);}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result {
    /* width: calc(100% - 221px); */
    height: 100%;
    flex: 1 1 0%;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .ace-editor {
    height: 100%;
    color: #000;
    position: relative;
    z-index: 1;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-result-content { display: none; position: relative; z-index: 1;}

.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-head {
    position: relative;
    border-bottom: 1px #e6e6e6 solid;
    height: 24px;
    background: #f8f8fa;
    border-top: 1px #e6e6e6 solid;
    min-width: 100%;
    white-space: nowrap;
    font-size: 12px;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-head .result-head-item {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    line-height: 24px;
    border-right: 1px #e6e6e6 solid;
    background-color: #f1f1f1;
    cursor: pointer;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-head .result-head-item.select-current-item {
    background-color: #fff;
    border-bottom: 1px #fff solid;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body {
    position: relative;
    height: calc(100% - 36px);
    padding-top: 10px;
    font-size: 12px;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item {
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: 0;
    opacity: 0;
    color: #000;
    user-select: text;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item.info-item { overflow: auto; font-size: 12px;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item.info-item div { min-height: 18px; line-height: 18px;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item.select-current-item {
    z-index: 2;
    opacity: 1;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item h4 {
    position: relative;
    height: 25px;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item h4 div { position: relative;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item h4 span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border-right: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item ul {
    height: calc(100% - 21px);
    overflow: auto;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item ul li { font-size: 0; white-space: nowrap;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item ul li:hover span { background-color: #e6e6e6;}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item ul li span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border-right: 1px #f1f1f1 solid;
    border-bottom: 1px #f1f1f1 solid;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .data-exploration-count { line-height: 30px; color: #000;}
.sql-queries-list .queries-bottom .exploration-result-count {
    line-height: 30px;
    padding-left: 10px;
    border-top: 1px #e6e6e6 solid;
    font-size: 12px;
    color: #000;
}
/* .sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.sql-queries-list .queries-bottom .query-bottom-item .query-content .query-content-bottom .sql-editor-result .exploration-result-tab-body .result-body-item ul::-webkit-scrollbar-track {
    border-radius: 5px;
} */

.hide-status h4 .schema-title{ opacity: 0;}
.hide-status ul { opacity: 0;}

/******************************作业执行监控******************************/
.running-job-page {
    height: calc(100vh - 40px);
    padding: 20px;
    background-color: #eee;
    /* overflow: hidden; */
}
.running-job-page-top { height: 40px; line-height: 40px;}
.running-job-page-top .current-date {
    padding-left: 24px;
    font-size: 0.14rem;
    color: #000;
}
.running-job-page-top .job-name {
    font-size: 0.2rem;
    font-weight: bold;
    text-align: center;
}
.running-job-page .error-message {
    height: 20px;
    line-height: 20px;
    padding: 10px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.running-job-page-middle .tile-item {
    height: 118px;
    padding: 8px;
    background-color: #fff;
    border-radius: 6px;
}
.running-job-page-middle .tile-item .tile-item-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    position: relative;
}
.running-job-page-middle .tile-item h4 { padding: 16px;}
.running-job-page-middle .tile-item p {
    padding: 16px;
    font-size: 0.3rem;
}
.running-job-page-middle .tile-item p span.unit { font-size: 0.16rem;}
.running-job-page-middle .tile-item .tile-item-body .tile-item-body-icon {
    position: absolute;
    top: 0;
    right: 0.32rem;
}
.running-job-page-middle .tile-item .tile-item-body .tile-item-body-icon span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.56rem;
    height: 0.56rem;
    background-color: #f2f3ff;
    border-radius: 50%;
}
.running-job-page-middle .tile-item .tile-item-body .tile-item-body-icon span svg {
    fill: currentColor;
    width: 0.38rem;
    height: 0.38rem;
    font-size: 0.36rem;
    color: #0052d9;
}
.running-job-page-bottom { height: calc(100vh - 230px);}
.error-job-page .running-job-page-bottom { height: calc(100vh - 292px);}
.error-message-program { display: none; }
.error-message-program .error-message { background-color: red; color: #fff; }
.error-job-page .error-message-program { display: block;}
.running-job-page-bottom > div { height: 100%;}
.running-job-page-bottom .task-list, .running-job-page-bottom .running-content {
    height: calc(100% - 16px);
    padding: 8px;
    background-color: #fff;
    border-radius: 6px;
}
.running-job-page-bottom .task-list h4,.running-job-page-bottom .running-content h4 {
    padding: 16px;
    font-size: 0.2rem;
}
.running-job-page-bottom .task-list h5 {
    margin: 0 16px;
    padding: 5px 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 12px;
}
.running-job-page-bottom .task-list span[data-field="sequence"] {
    box-sizing: border-box;
    display: inline-block;
    width: 100px;
    padding-left: 20px;
    text-align: left;
}
.running-job-page-bottom .task-list span[data-field="name"] {
    box-sizing: border-box;
    display: inline-block;
    width: calc(100% - 80px);
    padding-left: 20px;
    text-align: left;
}
.running-job-page-bottom .task-list span[data-field="status"] {
    box-sizing: border-box;
    display: inline-block;
    width: 80px;
    text-align: center;
}
.running-job-page-bottom .task-list > ul {
    position: relative;
    margin: 0 16px;
    height: calc(100% - 108px);
    overflow: auto;
}
.running-job-page-bottom .task-list > ul ul { display: none;}
.running-job-page-bottom .task-list > ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}
.running-job-page-bottom .task-list > ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
}
.running-job-page-bottom .task-list > ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 10px;
}
.running-job-page-bottom .task-list > ul li { }
.running-job-page-bottom .task-list > ul li div {
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 0;
}
.running-job-page-bottom .task-list > ul li div > i {
    position: absolute;
    top: 0;
    cursor: pointer;
}
.running-job-page-bottom .task-list > ul li div span {
    height: 40px;
    font-size: 12px;
    vertical-align: bottom;
}
.running-job-page-bottom .task-list > ul li div span i { font-size: 0.16rem; color: var(--theme-color);}
.running-job-page-bottom .task-list > ul li div span.complete[data-field="status"] { color: green;}
.running-job-page-bottom .task-list > ul li div span.running[data-field="status"] { color: red;}
.running-job-page-bottom .task-list li.open-children > div i { transform: rotate(90deg);}
.running-job-page-bottom .task-list li.open-children > ul { display: block;}
.running-job-page-bottom .task-list > ul > li > div > span[data-field="name"] { padding-left: 20px;}
.running-job-page-bottom .task-list > ul > li > ul > li > div > span[data-field="name"] { padding-left: 38px;}
.running-job-page-bottom .task-list > ul > li > ul > li > ul > li > div > span[data-field="name"] { padding-left: 56px;}
.running-job-page-bottom .task-list > ul > li > ul > li > ul > li > ul > li > div > span[data-field="name"] { padding-left: 74px;}
.running-job-page-bottom .task-list > ul > li > ul > li > ul > li > ul > li > div > ul > li > div > span[data-field="name"] { padding-left: 92px;}
.running-job-page-bottom .task-list > ul > li > ul > li > ul > li > ul > li > div > ul > li > ul > li > div > span[data-field="name"] { padding-left: 110px;}

.running-job-page-bottom .running-content > div { height: 50%;}
.running-job-page-bottom .running-content .running-task-list-table,.running-job-page-bottom .running-content .running-step-list-table {
    height: calc(100% - 61px);
    padding: 0 16px;
}
.running-job-page-bottom .running-content .running-task-list-table .layui-table-view,.running-job-page-bottom .running-content .running-step-list-table .layui-table-view 
{ border-color: transparent;}
.running-job-page-bottom .running-content .running-task-list-table .layui-table-view .layui-table thead tr,.running-job-page-bottom .running-content .running-step-list-table .layui-table-view .layui-table thead tr
{ background-color: #fff;}
.running-job-page-bottom .running-content .running-task-list-table .layui-table-view .layui-table-header table,.running-job-page-bottom .running-content .running-step-list-table .layui-table-view  .layui-table-header table
{ border-right-color: transparent;}

.loading-icon-content,
.loading-icon-content > div {
    position: relative;
    box-sizing: border-box;
}
.loading-icon-content {
    width: 20px;
    height: 20px;
    display: block;
    font-size: 0;
    color: green;
}
.loading-icon-content.la-dark { color: green; }
.loading-icon-content > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.loading-icon-content > div {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    animation: ball-clip-rotate-multiple-rotate 2s ease-in-out infinite;
}
.loading-icon-content > div:first-child {
    position: absolute;
    width: 20px;
    height: 20px;
    border-right-color: transparent;
    border-left-color: transparent;
}
.loading-icon-content > div:last-child {
    width: 10px;
    height: 10px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation-duration: 1s;
    animation-direction: reverse;
}

@keyframes ball-clip-rotate-multiple-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.loading-icon {
    position: absolute;
    right: 24px;
    top: 14px;
}
.complete-icon, .error-icon {
    display: none;
    position: absolute;
    right: 24px;
    top: 5px;
}
.complete-icon i { font-size: 0.26rem; color: green;}
.error-icon i { font-size: 0.26rem; color: red;}
.running-job-page .layui-table-header { background-color: #fff;}
.running-job-page .layui-table-cell i.iconfont { font-size: 0.16rem; }
.running-job-page .layui-table-view .layui-table[lay-skin=line] { border: 0;}
.running-job-page .layui-table { color: #000;}

.system-option { height: 100%;}
.system-option .option-box { height: calc(100% - 80px); padding: 20px;}
.system-option .option-box .layui-tab { height: 100%; margin: 0; }
.system-option .option-box > .layui-tab > .layui-tab-content { height: calc(100% - 41px); padding: 0; position: relative;}
.system-option .option-box > .layui-tab > .layui-tab-content > .layui-tab-item {
    display: block;
    position: absolute;
    background-color: #fff;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}
.system-option .option-box .layui-tab-item.layui-show {
    z-index: 1 !important;
    opacity: 1 !important;
}
.system-option .include-fields-item .layui-form-checkbox[lay-skin=primary] { margin-top: 6px; }
.system-option .option-box .third-part-report .layui-form-item > .layui-form-label { width: auto; padding-right: 10px; }
.system-option .option-box .third-part-report .layui-form-item > .layui-input-block { margin-left: 110px; }
.system-option .option-box .third-part-report .layui-form-item:first-child .fl { margin-right: 100px; }
.system-option .option-box .third-part-report .layui-form-item:first-child .fl .layui-form-label { width: 110px;}
.system-option .option-box .third-part-report .layui-form-item:first-child .fl .layui-input-inline { width: auto; margin-right: 0; }
.system-option .option-box .third-part-report .layui-form-item:first-child .fl .layui-input-inline .layui-form-checkbox[lay-skin=primary] { margin-top: 7px; }
.system-option .option-box .third-part-report .json-setting > .layui-input-inline { width: auto; margin-right: 0; }
.system-option .option-box .third-part-report .json-setting .fr .layui-input-inline:nth-child(2) { width: 110px; margin-right: 5px; }
.system-option .option-box .third-part-report .json-setting .fr .layui-input-inline:nth-child(2) .layui-inline { width: 100%; margin-right: 0; margin-bottom: 0; }
.system-option .option-box .third-part-report .json-setting .fr .layui-input-inline:last-child { width: 70px; margin-right: 0; }
.system-option .option-box .third-part-report .json-setting .fr .layui-input-inline:last-child .layui-inline { margin-right: 0; margin-bottom: 0; }
.system-option .option-box .third-part-report .request-info { height: calc(100% - 180px); }
.system-option .option-box .third-part-report .request-info .layui-tab .layui-tab-title li { font-size: 12px; }
.system-option .option-box .third-part-report .request-info .layui-tab-content {
    position: relative;
    padding: 0;
    height: calc(100% - 41px);
}
.system-option .option-box .third-part-report .request-info .layui-tab-content .layui-tab-item {
    display: block;
    position: absolute;
    background-color: #fff;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}
.system-option .option-box .third-part-report .request-info .layui-tab-content .layui-tab-item .third-report-parameter {
    display: flex;
    height: 100%;
}
.system-option .option-box .third-part-report .request-info .layui-tab-content .layui-tab-item .third-report-parameter .request-header-button-box {
    display: flex;
    flex-direction: column;
}
.system-option .option-box .third-part-report .request-info .layui-tab-content .layui-tab-item .third-report-parameter .request-header-button-box button { flex: 1; margin-left: 10px; }
.system-option .option-box .third-part-report .request-info .table-list { width: calc(100% - 72px); height: 100%; }
.system-option .option-box .third-part-report .request-info .request-header-button-box button { margin-bottom: 10px; }
.system-option .option-box .third-part-report .request-info .reuqest-body { height: 100%; border: 1px #d2d2d2 solid; border-radius: 3px;}
.system-option .option-box .layui-form-item .layui-form-label { padding-right: 10px; }

.dabase-setting { height: calc(100% - 40px); padding: 20px; margin: 0;}
.dabase-setting .filter-button { font-size: 12px;}
.dabase-setting .filter-button button { height: 30px; line-height: 30px; background-color: var(--theme-color);}
.dabase-setting .filter-button .fr > .layui-inline { margin-right: 10px;}
.dabase-setting .filter-button .layui-inline .layui-inline { width: 110px;}
.dabase-setting .list { margin-top: 10px; height: calc(100% - 70px);}
.dabase-setting .count { line-height: 30px; font-size: 12px;}
.database-data-type-form .setting-box { margin: 0; padding: 20px;}
.database-data-type-form .layui-form-item .layui-form-label { padding-right: 0;}
.database-data-type-form .layui-form-item .fl,.database-data-type-form .layui-form-item .fr { width: calc(50% - 20px);}

.finance-class h4 {
    line-height: 40px;
    padding-left: 15px;
    border-bottom: 1px #ddd solid;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.finance-class ul {
    height: calc(100% - 41px);
    overflow: auto;
}

.finance-index-form .finance-index-warning .layui-btn { width: 72px; }
.finance-index-form .finance-index-warning .layui-form-item:last-child { margin-bottom: 0; }
.finance-index-form .finance-index-warning .layui-form-item:last-child .layui-input-block:last-child {
    height: 60px;
    /* margin-left: 0;
    margin-top: 10px; */
}
.finance-index-form .finance-index-warning .warning-conditions-item { height: calc(50% - 60px);}
.finance-index-form .finance-index-warning .warning-conditions-item .layui-input-block { height: 100%; }
.finance-index-form .finance-index-warning .warning-conditions-item .layui-input-block .fl { width: calc(100% - 85px); height: 100%; }
.finance-index-form .finance-index-warning .warning-conditions-item .layui-input-block .fr button { margin-bottom: 10px; }
.finance-index-form .finance-index-warning .layui-form-label { padding-right: 0;}
.finance-index-form .finance-index-warning .layui-input-block { margin-left: 110px;}
.finance-index-form .finance-index-warning textarea { min-height: 100%;}
.finance-index-form .finance-index-warning .warning-content { height: calc(50% - 165px);}
.finance-index-form .finance-index-warning .warning-content .layui-input-block { height: 100%;}


/********************指标表设置start**********************/
.index-table-setting-form .form-content { padding-top: 10px !important; height: calc(100% - 70px) !important; }
.index-table-setting-form .form-content > .layui-tab {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
}
.index-table-setting-form .form-content .layui-tab > .layui-tab-title .layui-this { color: var(--theme-color); }
.index-table-setting-form .form-content .layui-tab > .layui-tab-more li.layui-this:after,
.index-table-setting-form .form-content .layui-tab > .layui-tab-title .layui-this:after { border-color: var(--theme-color); }
.index-table-setting-form .form-content .layui-tab .layui-tab-content {
    flex: 1;
    position: relative;
    padding: 10px 0 0;
}
.index-table-setting-form .form-content .layui-tab .layui-tab-content .layui-tab-item {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}
.index-table-setting-form .form-content .layui-tab .layui-tab-content .layui-tab-item.layui-show { z-index: 1; opacity: 1; }
.index-table-setting-form .form-content .layui-tab .layui-tab-content .layui-tab-item.routine-tab-item .layui-elem-field legend { margin-left: 0; padding-left: 0; }
.index-table-setting-form .form-content .layui-form-item { margin-bottom: 10px; }
.index-table-setting-form .form-content .routine-tab-item .layui-form-item .layui-input-block {
    display: flex;
}
.index-table-setting-form .form-content .routine-tab-item .layui-form-item.bottom-item > .layui-inline { width: auto;}
.index-table-setting-form .form-content .routine-tab-item .layui-form-item .layui-input-block > button { margin-left: 10px; }
.index-table-setting-form .form-content .update-tab-item .layui-form-item { margin-bottom: 10px; }
.index-table-setting-form .form-content .child-tab-container .layui-tab {
    margin: 0;
    display: flex;
    height: calc(100% - 80px);
}
.index-table-setting-form .form-content .update-tab-item .layui-tab { height: 100%; }
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-title {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 95px;
    border: 1px #ddd solid;
    height: 100%;
    padding-top: 10px;
}
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-title li {
    position: relative;
    padding: 0;
    font-size: 12px;
    z-index: 1;
    /* border-bottom: 1px #ddd solid; */
}
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-title li.layui-this { background-color: var(--select-background-color); color: #000; }
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-title li.layui-this::after {
    border: none;
}
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-content {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    margin-left: 10px;
    border: 1px #ddd solid;
}
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-content .layui-tab-item {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-content .layui-tab-item .layui-field-title { margin: 0; }
.index-table-setting-form .form-content .child-tab-container .layui-tab .layui-tab-content .layui-tab-item .layui-field-title legend { padding-left: 0; margin-bottom: 10px; }
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title:first-child { height: calc(100% - 290px); }
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .full-tab-item .layui-field-title:first-child { height: 35%; }
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title .target-content { height: calc(100% - 10px); }
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title .target-content .sql-container {
    height: calc(100% - 80px);
    border: 1px #ddd solid;
    border-radius: 3px;
}
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title .sql-container > div { height: 100%; }
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title .source-content { padding-top: 10px; }
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .increment-tab-item .layui-field-title  .target-content .sql-container {
    height: calc(50% - 47px);
    border: 1px #ddd solid;
    border-radius: 3px;
}
.index-table-setting-form .form-content .update-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title .layui-form-item:last-child { margin-bottom: 0;}

.index-table-setting-form .form-content .source-tab-item > .layui-form-item > .layui-input-block { margin-left: 70px; }
.index-table-setting-form .form-content .source-tab-item .layui-tab .layui-tab-title { width: 120px; }
.index-table-setting-form .form-content .source-tab-item .layui-tab .layui-tab-title li { text-align: left; text-indent: 10px; }
.index-table-setting-form .form-content .source-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title {
    margin-top: 15px;
    margin-bottom: 0;
    border-width: 1px;
}
.index-table-setting-form .form-content .source-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-field-title .layui-form-item { padding: 0 10px; }
.index-table-setting-form .form-content .source-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-form-item .layui-input-block {
    display: flex;
    justify-content: space-between;
    margin-left: 90px;
}
.index-table-setting-form .form-content .source-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-form-item .layui-input-block button { margin-left: 10px; }
.index-table-setting-form .form-content .source-tab-item .layui-tab .layui-tab-content .layui-tab-item .layui-form-item .layui-input-block > * { flex-grow: 1; }

.extract-filter-form { height: 100%; }
.extract-filter-form .extract-filter-box { height: calc(100% - 80px); padding: 20px; }
.extract-filter-form .extract-filter-box .layui-input-block { margin-left: 70px; }
.extract-filter-form .extract-filter-box .sql-content-item { margin-bottom: 0; height: 100%; }
.extract-filter-form .extract-filter-box .sql-content-item .layui-input-block { margin-left: 0; }
.extract-filter-form .extract-filter-box .sql-content-item .layui-input-block:last-child {
    border: 1px #ddd solid;
    border-radius: 3px;
}
.extract-filter-form .extract-filter-box .sql-content-item .layui-input-block .value-box-content { height: 100%; }

.index-dimension-table-mapping-form .layui-form-item .layui-input-block { margin-left: 130px; }
.index-dimension-table-mapping-form .business-table-block-item { display: flex; justify-content: space-between; }
.index-dimension-table-mapping-form .business-table-block-item button { margin-left: 10px; }
.index-dimension-table-mapping-form .mapping-button { text-align: right; }
.index-dimension-table-mapping-form .table-field-mapping { height: calc(100% - 165px); }
.index-dimension-table-mapping-form .total-count { line-height: 30px; font-size: 12px; }
/********************指标表设置end**********************/

.system-option .ifim .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 3px;}
.system-option .ifim .layui-form-radio { margin-right: 0; margin-left: 12px;}
.system-option .ifim .layui-inline .layui-form-radio { margin-left: 0;}
.system-option .ifim .layui-form-item:last-child .layui-inline { max-width: 120px;}
.system-option .ifim .layui-form-item:last-child span { display: inline-block; margin-left: 20px;}

.business-index-form .web-app-content { padding: 10px 20px; height: calc(100% - 60px);}
.business-index-form .base-item .layui-form-item { margin-bottom: 15px; }
.business-index-form .base-item .layui-form-item .layui-input-block,.business-index-form .base-item .layui-form-item .layui-input-block > .fl { height: 100%;}
.business-index-form .base-item .expression-block .expression-content { height: 100%; border: 1px #e6e6e6 solid; border-radius: 3px;}
.business-index-form .base-item button:disabled,
.business-index-form .base-item button:disabled:hover {
        cursor: no-drop;
        background-color: #e6e6e6 !important;
        border-color: #e6e6e6 !important;
        color: #333 !important;
    }

.business-index-form .index-expression-tab-item .layui-form-item:last-child { margin-bottom: 0; }
.business-index-form .index-expression-tab-item .layui-form-item:first-child { height: calc(60% - 40px); }
.business-index-form .index-expression-tab-item .layui-form-item:nth-child(2) { height: calc(40% - 20px); }
.business-index-form .index-expression-tab-item .layui-form-item .layui-input-block,.business-index-form .index-expression-tab-item .layui-form-item .layui-input-block > div { height: 100%; }

.business-index-expression { height: 100%;}
.business-index-expression .expression-container {
    padding: 10px 20px;
    height: calc(100% - 60px);
}
.business-index-expression .expression-container .layui-tab { height: 100%; margin: 0; }
.business-index-expression .expression-container .layui-tab > .layui-tab-title { height: 30px; }
.business-index-expression .expression-container .layui-tab > .layui-tab-title li { line-height: 30px; padding: 0 10px; }
.business-index-expression .expression-container .layui-tab > .layui-tab-title .layui-this:after { height: 31px; border-bottom-color: var(--theme-color); }
.business-index-expression .expression-container .layui-tab > .layui-tab-title .layui-this { color: var(--theme-color); }
.business-index-expression .expression-container .layui-tab > .layui-tab-content {
    position: relative;
    height: calc(100% - 61px);
    margin-top: 20px;
    padding: 0;
}
.business-index-expression .expression-container .layui-tab > .layui-tab-content > .layui-tab-item {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.business-index-expression .expression-container .layui-tab > .layui-tab-content > .layui-tab-item > .tab-item-box { height: 100%;}
.business-index-expression .expression-container .layui-tab > .layui-tab-content > .layui-tab-item.layui-show { z-index: 2; opacity: 1;}
.business-index-expression .expression-container .business-index-item-content-item .layui-form-item:last-child { margin-bottom: 0; }
.business-index-expression .expression-container .business-index-item-content-item .layui-form-item > .layui-input-block { margin-left: 160px; }
.business-index-expression .expression-container .business-index-item-content-item .layui-form-item .layui-form-label { padding-right: 0; }
.business-index-expression .expression-container .business-index-item-content-item .layui-form-item.group-field-form-item { height: calc(100% - 180px); }
.business-index-expression .expression-container .business-index-item-content-item .layui-form-item.group-field-form-item .layui-input-block { height: 100%; }
.business-index-expression .expression-container .business-index-item-content-item .layui-form-item.group-field-form-item .fl { width: calc(100% - 80px); height: 100%; }
.business-index-expression .expression-container .business-index-item-content-item .layui-form-item.group-field-form-item .fr button { margin-bottom: 10px; }
.business-index-expression .expression-container .business-index-item-content-item button { width: 72px; }
.business-index-expression .expression-container .table-joins-item .join-bottom { height: calc(100% - 45px); }
.business-index-expression .expression-container .table-joins-item .fl { width: calc(100% - 72px); height: 100%; }
.business-index-expression .expression-container .table-joins-item .fr button { margin-bottom: 10px; }
.business-index-expression .expression-container button:disabled,
.business-index-expression .expression-container button:disabled:hover {
    cursor: no-drop;
    background-color: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
    color: #333 !important;
}

.edit-expression .expression-container {
    height: calc(100% - 40px);
    margin-top: 10px;
    border: 1px #ddd solid;
    border-radius: 3px;
}
.edit-expression .expression-container > div { height: 100%; }

.add-field-form-window { height: 100%;}
.add-field-window { height: calc(100% - 80px); padding: 20px; margin: 0; box-sizing: content-box;}
.add-field-window .restrictions-box { margin-top: 0; height: calc(100% - 70px); margin-bottom: 10px;}

.table-join-item-form { height: 100%;}
.table-join-item-form .table-join-item {
    position: relative;
    height: calc(100% - 80px);
    padding: 20px;
}
.table-join-item-form .table-join-item .ordinary-join-item {
    height: calc(100% - 40px);
    display: flex;
    justify-content: space-between;
}
.table-join-item-form .table-join-item .merge-join-item {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.table-join-item-form .table-join-item .table1-fields,.table-join-item-form .table-join-item .table2-fields {
    width: calc(50% - 55px);
    height: 100%;
}
.table-join-item-form .table-join-item h2 {
    line-height: 30px;
    font-size: 12px;
}
.table-join-item-form .table-join-item ul {
    height: calc(100% - 70px);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
    overflow: auto;
}
.table-join-item-form .table-join-item ul li {
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
}
.table-join-item-form .table-join-item ul li:hover,.table-join-item-form .table-join-item ul li.select-li {
    background-color: var(--theme-color);
    color: #fff;
}
.table-join-item-form .table-join-item .filter-item { margin-top: 10px;}
.table-join-item-form .table-join-item .filter-item input { width: calc(100% - 70px); font-size: 12px; }
.table-join-item-form .table-join-item .table-join-item-operator {
    position: absolute;
    width: 90px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.table-join-item-form .table-join-item .table1-fields .layui-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-query-jion-item .table1-fields .layui-inline { display: block; margin-top: 10px; text-align: right;}
.table-query-jion-item .table1-fields .layui-inline .layui-form-checkbox[lay-skin=primary] { padding-left: 18px;}
.table-query-jion-item .table2-fields .layui-inline {
    display: block;
    line-height: 30px;
    margin-top: 10px;
    text-align: left;
}
.table-query-jion-item .table2-fields .layui-inline .layui-form-checkbox[lay-skin=primary] { padding-left: 18px;}
.table-query-jion-item .table-join-item .table1-fields,.table-query-jion-item .table-join-item .table2-fields { width: calc(50% - 10px); }

.sso-login-form .layui-inline { margin-bottom: 0; }
.sso-login-form .setting-box { margin: 0; padding: 20px; height: calc(100% - 80px);}
.sso-login-form .setting-box .layui-tab-brief { margin: 0; height: calc(100% - 20px);}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-title li { font-size: 12px;}
.sso-login-form .setting-box .layui-tab-brief > .layui-tab-title .layui-this { color: var(--theme-color);}
.sso-login-form .setting-box .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: var(--theme-color);}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content { padding: 0; padding-top: 10px; height: calc(100% - 51px);}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .layui-tab-item { height: 100%;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-label { width: auto; margin-right: 0; padding-right: 10px; }
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-input-block { margin-left: 80px; height: 100%;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-input-block .sso-button-box { margin-bottom: 10px; text-align: right;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 0;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item .layui-input-inline { width: 200px; }
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item.model-option:nth-child(2) { height: 95px;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item .layui-textarea[name="rsaPublicKey"] { height: 100%; min-height: auto;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item .fl { width: calc(100% - 90px); height: 100%;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item .fr button { margin-bottom: 10px; width: 80px; padding: 0;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item.model-option:nth-child(3) { height: calc(100% - 265px);}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item.model-option:nth-child(3) .layui-input-block { height: 100%;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .rsa-sso .layui-form-item.model-option:nth-child(3) .layui-input-block .layui-textarea { min-height: auto; height: 100%;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .cas-sso .layui-form-item .layui-form-label { width: auto; margin-right: 0; padding-right: 10px;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .cas-sso .layui-form-item .layui-input-block { margin-left: 110px;}
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .oauth2 .layui-form-item .layui-form-label { width: auto; margin-right: 0; padding-right: 10px; }
.sso-login-form .setting-box .layui-tab-brief .layui-tab-content .oauth2 .layui-form-item .fr button { margin-bottom: 10px; width: 80px; padding: 0; }
.sso-login-form .oauth2 .layui-tab-title {
    height: 100%;
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
    width: 95px;
    overflow: hidden;
}
.sso-login-form .oauth2 .layui-tab-title li { display: list-item; font-size: 12px; }
.sso-login-form .oauth2 .layui-tab-title .layui-this { background: #cbe8f6; color: #333; }
.sso-login-form .oauth2 .layui-tab-title .layui-this:after { border: none; }
.sso-login-form .oauth2 .layui-tab-content {
    width: calc(100% - 130px);
    height: calc(100% - 20px) !important;
    padding: 10px !important;
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
}
.sso-login-form .oauth2 .layui-tab-content .layui-tab-item .layui-form-item > .layui-input-block { margin-left: 150px; }
.sso-login-form .oauth2 .layui-tab-content .java-code .layui-form-item { height: 100%; margin-bottom: 0; }
.sso-login-form .oauth2 .layui-tab-content .java-code .layui-form-item .fl { width: calc(100% - 96px); height: 100%; }
.sso-login-form .oauth2 .layui-tab-content .java-code .layui-form-item .fl #oAuth2JavaCode {
    height: 100%;
    border: 1px #d2d2d2 solid;
}

.sso-user-add-group-window { height: calc(100% - 40px); padding: 20px; }
.sso-user-add-group-window .content-list { height: calc(100% - 120px); padding: 0; margin-top: 10px; }
.sso-user-add-group-window .operation { padding: 0; }

/*************************************************步骤公共css***************************************************************/
.step-window { height: 100%;}
.step-window .layui-tab { margin: 0; height: 100%;}
.step-window .layui-tab .layui-tab-title { margin-bottom: 15px;}
.step-window .layui-tab-brief > .layui-tab-title .layui-this { color: var(--theme-color);}
.step-window .layui-tab-brief>.layui-tab-title .layui-this:after { border-color: var(--theme-color);}
.step-window .layui-tab .layui-tab-content { position: relative; height: calc(100% - 56px); padding: 0;}
.step-window .layui-tab .layui-tab-content .layui-tab-item {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}
.step-window .layui-tab .layui-tab-content .layui-show { z-index: 1; opacity: 1;}
.step-window-box { padding: 20px; height: calc(100% - 80px); box-sizing: content-box; }
.step-window .step-window-box .layui-form-item .layui-form-label { padding-right: 0; }
.step-window .step-window-box .layui-form-item .layui-input-block { margin-left: 110px; }
.table-output-window .step-window-box .layui-form-item .layui-input-block { margin-left: 90px; }
.date-window .step-window-box .layui-form-item .layui-input-block { margin-left: 130px; }
.step-window .step-window-box .table-input-form-sql-item .layui-input-block { height: 100%; margin-bottom: 10px;}
.step-window .step-window-box .table-input-form-sql-item .layui-input-block #stepSql { height: 100%; border: 1px #e6e6e6 solid; border-radius: 3px; }
.step-window .step-window-box .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 6px; }
.select-table-and-field-window { height: 100%; }
.select-table-and-field-window .table-field-tree {
    height: calc(100% - 2px);
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
    overflow-y: auto;
}
.select-table-and-field-window .layui-tab-brief { height: calc(100% - 45px) !important;}
.select-table-and-field-window .layui-tab-brief .layui-tab-title { margin-bottom: 10px; height: 30px;}
.select-table-and-field-window .layui-tab-brief .layui-tab-title li { line-height: 30px; font-size: 12px;}
.select-table-and-field-window .layui-tab-brief .layui-tab-title .layui-this:after { height: 31px;}
.select-table-and-field-window .layui-tab-brief .layui-tab-content { height: calc(100% - 41px) !important;}
.select-table-and-field-window .layui-tab-brief .joins-list { width: calc(100% - 72px); height: 100%;}
.select-table-and-field-window .layui-tab-brief .table-joins-count { line-height: 30px; font-size: 12px; }
.select-table-and-field-window .layui-tab-brief .joins-button button { margin-bottom: 10px;}

.table-output-mapping-container { height: calc(100% - 80px); margin: 20px;}
.table-output-mapping-container .table-output-mapping-box { height: 100%;}
.table-output-mapping-container .table-output-mapping-box .mapping-top { height: calc(100% - 45px); margin-bottom: 15px;}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-table-fields,
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-flow-fields { width: 20%; height: 100%;}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content { width: calc(60% - 20px); height: 100%; margin-left: 10px;}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-top-button {
    position: relative;
    margin: 30px 10px 0;
    width: 60px;
    height: calc(100% - 30px);
}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-top-button button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-table-fields h3,
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content h3,
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-flow-fields h3 {
    line-height: 30px;
    font-size: 14px;
    color: #333;
}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-table-fields ul,
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content ul,
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-flow-fields ul {
    border: 1px #d2d2d2 solid;
    border-radius: 3px;
    height: calc(100% - 32px);
    overflow: auto;
}
.table-output-mapping-container .table-output-mapping-box .mapping-top ul li {
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content ul li { padding: 0;}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content ul li span {
    display: inline-block;
    box-sizing: border-box;
    width: calc(49% - 18px);
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content ul li span.mapping-column-name { text-align: right;}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content ul li span.mapping-flow-to { width: 36px; font-size: 14px;}
.table-output-mapping-container .table-output-mapping-box .mapping-top .mapping-content ul li span b {font-family: initial; font-weight: normal; vertical-align: middle;}
.table-output-mapping-container .table-output-mapping-box .mapping-top ul li:hover { background-color: #e9f4ff; }
.table-output-mapping-container .table-output-mapping-box .mapping-top ul li.select { background-color: #cbe8f6;}
.table-output-mapping-container .table-output-mapping-box .mapping-bottom { padding-left: calc(20% + 10px);}
.table-output-mapping-container .table-output-mapping-box .mapping-bottom button:first-child { margin-left: 0;}

.table-join-form { height: 100%;}
.table-join-form .database-list { padding: 20px; height: calc(100% - 80px);}
.table-join-form .database-list .layui-form-item .layui-input-block { margin-left: 50px;}
.table-join-form .database-list .layui-form-item > .fl,.table-join-form .database-list .layui-form-item > .fr { width: calc(50% - 20px); line-height: 30px;}
.table-join-form .database-list .layui-form-item:last-child { margin-bottom: 0; height: calc(100% - 90px);}
.table-join-form .database-list .layui-form-item .layui-form-checkbox[lay-skin=primary] { padding-left: 0; margin-top: -1px;}
.table-join-form .database-list .layui-form-item:nth-child(2) > .fl { text-align: right;}
.table-join-form .database-list .layui-form-item:last-child .layui-input-block {
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    height: 100%;
}
.table-join-form .database-list .layui-form-item:last-child .layui-input-block #expression { width: 100%; height: 100%;}

.join-row-set-window .layui-tab { height: calc(100% - 90px);}
.join-row-set-window .joins-content { height: 100%; }
.join-row-set-window .joins-content .join-list { width: calc(100% - 72px); height: 100%; }
.join-row-set-window .joins-content .join-button { width: 62px;}
.join-row-set-window .joins-content .join-button button { width: 100%; margin-bottom: 10px; }
.join-row-set-form-window { height: 100%; }
.join-row-set-form-window .queryJoinItems {
    padding: 20px;
    height: calc(100% - 80px);
}
.join-row-set-form-window .queryJoinItems .query-join-items-top { height: calc(50% - 10px); margin-bottom: 10px;}
.join-row-set-form-window .queryJoinItems .query-join-items-top .query1-list,.join-row-set-form-window .queryJoinItems .query-join-items-top .query2-list {
    width: 48%;
    height: 100%;
    font-size: 12px;
}
.join-row-set-form-window .queryJoinItems .query-join-items-top h2 {
    line-height: 30px;
    font-size: 14px;
}
.join-row-set-form-window .queryJoinItems .query-join-items-top ul {
    height: calc(100% - 60px);
    margin-bottom: 5px;
    padding: 5px 0;
    border: 1px #d2d2d2 solid;
    border-radius: 2px;
    overflow: auto;
}
.join-row-set-form-window .queryJoinItems .query-join-items-top ul li {
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
}
.join-row-set-form-window .queryJoinItems .query-join-items-top ul li:hover,.join-row-set-form-window .queryJoinItems .query-join-items-top ul li.select-li {
    background-color: var(--theme-color);
    color: #fff;
}
.join-row-set-form-window .queryJoinItems .query-join-items-top .layui-inline { display: block; }
.join-row-set-form-window .queryJoinItems .query-join-items-top .query1-list .layui-inline { text-align: right; }
.join-row-set-form-window .queryJoinItems .query-join-items-top .layui-inline .layui-form-checkbox[lay-skin=primary] { min-width: 16px; min-height: 16px; padding-left: 0; }
.join-row-set-form-window .queryJoinItems .query-join-items-bottom { height: 50%;}
.join-row-set-form-window .queryJoinItems .query-join-items-bottom .join-items-bottom-table { height: calc(100% - 40px);}
.join-row-set-form-window .queryJoinItems .query-join-items-bottom .join-items-bottom-title { margin-bottom: 10px; }
.join-row-set-form-window .queryJoinItems .query-join-items-bottom .join-items-bottom-button { margin-bottom: 10px; line-height: 30px; text-align: right; }
.join-row-set-form-window .queryJoinItems .query-join-items-bottom .join-items-bottom-button .fixed-width { width: 62px; padding: 0;}

.join-row-set-item-form-window { height: 100%; }
.join-row-set-item-form-window .query-join-item { padding: 20px; height: calc(100% - 40px); box-sizing: border-box;}
.join-row-set-item-form-window .query-join-item .query-join-item-top { height: 100%; position: relative;}
.join-row-set-item-form-window .query-join-item .query1-objects,.join-row-set-item-form-window .query-join-item .query2-objects { width: 40%; height: 100%; }
.join-row-set-item-form-window .query-join-item .query1-objects,.join-row-set-item-form-window .query-join-item .query-join-item-top h2 {
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    text-overflow: ellipsis;
}
.join-row-set-item-form-window .query-join-item .query1-objects ul,.join-row-set-item-form-window .query-join-item .query2-objects ul {
    height: calc(100% - 32px);
    border: 1px #d2d2d2 solid;
    border-radius: 2px;
    overflow: auto;
}
.join-row-set-item-form-window .query-join-item ul li {
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
}
.join-row-set-item-form-window .query-join-item ul li:hover,.join-row-set-item-form-window .query-join-item ul li.select-li { background-color: var(--theme-color); color: #fff; }
.join-row-set-item-form-window .query-join-item .query-join-item-operator {
    position: absolute;
    width: 16%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}
.join-row-set-item-form-window .query-join-item .query-join-item-operator input::placeholder{ font-size: 12px; } 
.join-row-set-select-field .option-box { height: calc(100% - 80px);}
.join-row-set-select-field .option-box .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 0;}
.join-row-set-select-field .option-box .layui-form-item:first-child .layui-form-checkbox[lay-skin=primary] { margin-top: 7px;}
.join-row-set-select-field .option-box .table-list { height: calc(100% - 65px); margin-bottom: 15px;}
.join-row-set-select-field .option-box .total-item { margin-bottom: 0;}
.date-format-window .step-window-box .layui-form-item .layui-input-block { margin-left: 50px; }


.report-log-list .report-log-list-box .layui-table-header tr:first-child th:nth-child(10) div {
    position: relative;
    line-height: 17px;
    padding-right: 15px;
    overflow: inherit;
}
.report-log-list .report-log-list-box .layui-table-header tr:first-child th:nth-child(10) div span.layui-table-sort {
    position: absolute;
    top: 3px;
    right: 5px;
}

.search-tree {
    height: calc(100% - 80px);
    margin: 20px;
}
.tree-box {
    height: calc(100% - 40px);
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    overflow: auto;
}

.load-report-time-list .layui-table-header .layui-table-cell { height: 25px; line-height: 25px; text-align: center;}

.system-option .dabase-setting .filter-button button { user-select: unset;}
.system-option .dabase-setting .list .layui-table-header th { text-align: center;}
.system-option .dabase-setting .list .layui-table-header th .layui-table-cell { height: 20px; line-height: 20px; }
.system-option .dabase-setting .list .layui-table-main tr td:nth-child(2) { background-color: #f2f2f2; }
.system-option .dabase-setting .list .layui-table-main tr.layui-table-click td:nth-child(2) { background-color: rgba(182, 229, 251, .8);}
.system-option .dabase-setting .list .layui-table-main tr td:nth-child(2) div { text-align: left; color: transparent; }
.system-option .dabase-setting .list .layui-table-main tr td:nth-child(7) .layui-table-cell { overflow: visible; }
.system-option .dabase-setting .list .layui-table-main tr td .layui-form-select {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
}
.system-option .dabase-setting .list .layui-table-main tr td .layui-form-select .layui-input { height: 46px; background-color: transparent; }
.system-option .dabase-setting .list .layui-table-main tr td .layui-table-edit {
    height: 36px;
    line-height: 34px;
    padding: 0 4px;
}
.system-option .dabase-setting .list .layui-table-main td .td-content { display: flex; height: 100%; white-space: nowrap;}
.system-option .dabase-setting .list .layui-table-main td .td-content:hover .more { display: block;}
.system-option .dabase-setting .list .layui-table-main td .td-content .td-name-content { flex: 1 1 0%; height: 100%; overflow: hidden; text-overflow: ellipsis;}
.system-option .dabase-setting .list .layui-table-main td .td-content .more {
    display: none;
    padding: 0 3px;
    border: 1px #ccc solid;
    border-radius: 3px;
    background-color: transparent;
}
.system-option .dabase-setting .list .layui-table-main td .td-content .more:hover { background-color: var(--theme-color); color: #fff; cursor: pointer;}
.database-data-types-container { padding: 20px; height: calc(100% - 80px); font-size: 12px;}
.database-data-types-container .filter-search { margin-bottom: 10px;}
.database-data-types-container .data-types-content {
    height: calc(100% - 42px);
    border: 1px #ddd solid;
    border-radius: 3px;
    overflow: auto;
}
.database-data-types-container .data-types-content li {
    padding: 0 10px;
    line-height: 26px;
    font-size: 12px;
    cursor: pointer;
}
.database-data-types-container .data-types-content li:hover { background-color: #e9f4ff; }
.database-data-types-container .data-types-content li.select-li { background-color: #cbe8f6; }


.report-folder-tree ul li i.bda-wenjianjia,
.ifind-report-menu-list ul li i.bda-wenjianjia,
.ifind-report-menu-list ul li i.bda-shilitubiao,
.ifill-child-menu ul li i.bda-wenjianjia,
.ifill-child-menu ul li i.bda-shilitubiao
{ color: #1e88e5;}

.api-window { height: 100%; }
.api-window .api-window-container { height: calc(100% - 80px); padding: 20px; }
.api-window .api-window-container .access-address input { float: left; width: 50%;}
.list-queries-layer .layui-layer-btn { box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .15);}
.rowDiv{
    display: flex;
    flex-direction: row;
}
.left-conditon2 { padding-left: 110px; }
.postDetails-token-details {
    box-sizing: border-box;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    height: 100%;
    overflow-y: auto;
}
.postApiPage .layui-textarea { min-height: 75px; }
.inputW { width: 250px; }
.left-conditon3{ padding-left: 200px; }
.getTokenPage .select-values {
    background-color: #ffffff;
    color: #888888;
    text-align: center;
    font-size: 14px;
    border: 1px #e6e6e6 solid;
    background-color: transparent !important;
    /* color: #333; */
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    width: 70px;
    margin-right: 10px;
}
.getTokenPage .layui-table-cell,.postApiPage .layui-table-cell { height: 24px !important;}
.apiTest .lable-table {
    height: calc(50% - 85px);
}
.columnDiv {
    display: flex;
    flex-direction: column;
    height: calc(50% - 110px);
}
.result-head { font-size: 12px;}
.result-head .icon-btn:hover { color: var(--theme-color); cursor: pointer;}
.result-head .icon-btn i { vertical-align: text-top;}
.postDetails-token-result {
    border: 1px #e6e6e6 solid;
    padding: 10px;
    height: 450px;
    overflow-y: scroll;
}
.btnForm{
    display: flex;
    flex-direction: row;
}
.btnForm .select{
    width: 170px;
   margin-right: 30px;
}
.btnForm .input{
    width: 170px;
    /* margin-right: 30px; */
}
.btnForm button{
    margin-left: 20px;
}
.api-test-window { height: 100%;}
.apiTest { margin: 0; padding: 20px; height: calc(100% - 80px);}
.apiTest .rowList { padding: 0;}
.apiTest .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 7px;}
.apiTest .database-list .layui-input-block {
    min-height: 30px;
    margin-left: 70px;
    overflow: hidden;
}
.inputX { width: 200px; }
.left-conditon4 { padding-left: 55px; }
.columList{
    float: left;
    width: calc(60% - 41px);
    height: 100%;
    border-right: 1px #e6e6e6 solid;
    padding-right: 40px;
}
.step-result {
    float: right;
    padding-left: 40px;
    width: calc(40% - 50px);
    height: 100%;
}
.postDetails-result {
    box-sizing: border-box;
    border: 1px #e6e6e6 solid;
    padding: 20px;
    height: calc(100% - 30px);
    overflow-y: auto;
}
.result-table {
    display: none;
    height: calc(100% - 30px);
}
.postDetails-details {
    box-sizing: border-box;
    border: 1px #e6e6e6 solid;
    padding: 20px;
    height: calc(100% - 30px);
    overflow-y: scroll;
}
.post-btn {
    background-color: var(--theme-color);
    height: 30px;
    font-size: 14px;
    line-height: 30px;
}
.paddingDiv { padding-left: 10px; line-height: 30px; }
.app-api-auth-form {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    z-index: 0;
}
.app-api-auth-form.getTokenPage .getToken,.app-api-auth-form.postApiPage .postApi,.app-api-auth-form.resultPage .apiResult { height: calc(100% - 156px);}
.app-api-auth-form.getTokenPage .getToken .token-result { height: calc(100% - 375px);}
.app-api-auth-form.getTokenPage .getToken .token-result .layui-input-block { height: 100%;}
.app-api-auth-form.postApiPage .request-header,.app-api-auth-form.postApiPage .request-body { height: calc(50% - 140px);}
.app-api-auth-form.postApiPage .request-header .layui-input-block {
    float: right;
    width: calc(100% - 110px);
    height: 100%;
    margin-left: 0;
}
.app-api-auth-form.postApiPage .request-body .layui-input-block { height: 100%;}
.api-test-result-container {
    padding: 20px;
    height: calc(100% - 40px);
}

.execute-task-form { height: 100%; }
.execute-task-form .execute-task-container { height: calc(100% - 40px); padding: 20px; box-sizing: border-box;}
.execute-task-form .execute-task-container .layui-form-item .layui-input-block { margin-left: 70px;}
.execute-task-form .name-parameter { height: calc(100% - 45px); margin-bottom: 0;}
.execute-task-form .name-parameter .name-parameter-button { margin-bottom: 10px; }
.execute-task-form .name-parameter .name-parameter-table { height: calc(100% - 40px);}



.fill-checkbox-combox {
    height: calc(100% - 80px);
    padding: 20px;
    display: flex;
}
.fill-checkbox-combox .middle-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100px;
}
.fill-checkbox-combox .middle-button-container button {
    margin-left: 0;
    border-color: var(--theme-color) !important;
    background-color: var(--theme-color) !important;
    color: #fff !important;
}
.fill-checkbox-combox .middle-button-container button:hover { border-color: var(--theme-color);}
.fill-checkbox-combox .middle-button-container button:first-child { margin-bottom: 15px; }
.fill-checkbox-combox .side-container { width: calc(50% - 50px); flex-grow: 1; }
.fill-checkbox-combox .side-container h4 { line-height: 30px; margin-bottom: 10px; background-color: rgba(182, 229, 251, .4); padding-left: 10px;}
.fill-checkbox-combox .left-show-container h4 { color: green;}
.fill-checkbox-combox .right-hide-container h4 { color: red;}
.fill-checkbox-combox .side-container .header-container {
    display: flex;
    justify-content: space-between;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;
}
.fill-checkbox-combox .side-container .function-container { height: 30px; margin-bottom: 10px; padding-left: 10px;}
.fill-checkbox-combox .side-container .fields-container { height: calc(100% - 80px); padding-left: 10px;}
.fill-checkbox-combox .side-container .left-page-box {margin-top: 10px;}


.ai-content-container {
    display: flex;
    flex: 1;
    align-items: stretch;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-x: hidden;
}
.ai-main-wrapper {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    min-width: 0    ;
    height: 100%;
    justify-content: center;
    position: relative;
    transition: transform 0.3s ease;
    box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
}
.ai-main-container-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}
.adhoc-content .ai-main-container {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.adhoc-content .ai-main-container .ai-main-content { width: 100%; height: 100%; }
.ai-main-content-area {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    padding-bottom: 0;
    position: relative;
    width: 100%;
}
.ai-main-content-body-container {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
.ai-body-content-area {
    flex: 1;
    height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-y: overlay;
    will-change: scroll-position;
    scrollbar-gutter: stable;
}
.ai-body-content-scroll {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    width: calc(90% - 38px);
    padding-bottom: 15px;
}
.ai-rank-container .ai-question { position: relative; width: 100%; }
.ai-rank-container .ai-question .top-query-margin {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}
.ai-rank-container .ai-question .top-query-question-bubble {
    position: relative;
    animation: chatBubbleFadeOut .24s ease-in-out 0ms forwards;
    background-color: var(--theme-color);
    border-radius: 18px 3px 18px 18px;
    color: #fff;
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 10px 0 3px auto;
    opacity: 0;
    padding: 9px 13px;
    text-align: left;
    transform: scale(.8);
    transform-origin: top right;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-all;
    max-width: 85.4%;
    right: 0;
    margin-bottom: 0;
    margin-top: 6px;
}
@keyframes chatBubbleFadeOut {
    0% {
        opacity: 0;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.question-title {
    position: relative;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-all;
    max-width: 85.4%;
    margin: 10px 0 3px auto;
}
.question-title span {
    display: inline-block;
    line-height: 30px;
    margin-left: 5px;
    color: #333;
    vertical-align: middle;
}
.question-title .user-face {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--theme-color);
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.question-title .question-date { font-size: 12px; color: #c1c1c1; }
.ai-rank-container .ai-question .top-query-question-bubble .question-block-swiper {
    display: block;
    opacity: 1;
}
.ai-rank-container .ai-question .top-query-question-bubble .question-block-swiper .cs-question-pure-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.answer-container {
    position: relative;
    width: 100%;
    margin-top: 10px;
}
.answer-container .answer-ai-title {
    position: relative;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-all;
    max-width: 85.4%;
    margin: 10px auto 3px 0;
}
.answer-container .answer-ai-title span {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.answer-container .answer-ai-title .user-face {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #d5e4ff;
}
.answer-container .answer-ai-title .user-face img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.answer-container .answer-ai-title .user-name { font-size: 14px; color: #333; }
.answer-container .answer-ai-title .question-date { font-size: 12px; color: #c1c1c1; }
.answer-ai-content {
    position: relative;
    animation: chatBubbleFadeOut .24s ease-in-out 0ms forwards;
    background-color: transparent;
    border-radius: 3px 18px 18px 18px;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 10px 0 3px 0;
    opacity: 0;
    padding: 9px 0;
    text-align: left;
    transform: scale(.8);
    transform-origin: top right;
    width: -moz-fit-content;
    width: 100%;
    word-break: break-all;
    max-width: 100%;
    right: 0;
    margin-bottom: 0;
    margin-top: 6px;
    color: #222;
    overflow-y: hidden;
    overflow-x: auto;
}
.answer-ai-content svg.answer-loading {
    will-change: transform;
    width: 1em;
    height: 1em;
    color: #000;
    animation: .6s linear infinite ds-loading;
}
@keyframes ds-loading{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.ai-answer-tips-container {
    border: solid 1px #e4773d;
    background-color: rgba(228, 119, 61, 0.05);
    width: -moz-fit-content;
    border-radius: 12px;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    padding: 6px 12px;
    display: flex;
    font-size: 14px;
    color: rgb(64, 64, 64);
}
.ai-answer-tips-container .ai-answer-tips-icon {
    flex-shrink: 0;
    align-self: flex-start;
    margin-right: 10px;
    position: relative;
    top: 6px;
    line-height: 0;
    display: inline-flex;
}
.ai-answer-tips-container .ai-answer-tips-text {
    color: #e4773d;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

.ai-send {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
}
.ai-send-container {
    margin: auto;
    position: relative;
    width: 90%;
}
.ai-send-container-box {
    background-color: transparent;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    position: relative;
    width: 100%;
    z-index: 100;
}
.ai-send-container-box-input {
    background: #fff;
    width: 100%;
}
.model-select {
    position: relative;
    display: flex;
    width: 100%;
}
.model-select .new-panel {
    position: relative;
    display: flex;
    align-items: center;
    /* position: absolute;
    right: 0;
    z-index: 999;
    top: -40px; */
    padding: 0 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
    height: 33px;
    background-color: rgb(219, 234, 254);
    border-radius: 12px;
    color: var(--theme-color);
    cursor: pointer;
    transition: all .3s;
    z-index: 999;
}
.model-select .new-panel:hover { background-color: #c3daf8; }
.model-select .new-panel i { margin-right: 10px; }

.mobile-container .export-word { display: none !important; }
.mobile-container .model-select .new-panel { margin-left: auto; }
.model-select .export-word {
    position: relative;
    display: flex;
    align-items: center;
    /* position: absolute;
    right: 140px;
    top: -40px; */
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 14px;
    height: 33px;
    background-color: rgb(219, 234, 254);
    border-radius: 12px;
    color: var(--theme-color);
    cursor: pointer;
    transition: all .3s;
    margin-left: auto;
    z-index: 999;
}
.model-select .export-word:hover { background-color: #c3daf8; }
.model-select .export-word i { margin-right: 10px; }
.mobile-container .ai-export-word-container { display: none; }
.ai-export-word-container {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 158px;
    border: 1px #eee solid;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 101;
    box-shadow: 0 0 0 1px #f1f5f9, 0 2px 4px rgba(0, 0, 0, .15), 0 12px 24px rgba(0, 0, 0, .15);
    display: none;
}
.ai-export-word-container .close-panel {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #000;
    cursor: pointer;
}
.ai-export-word-container .close-panel:hover { color: var(--theme-color); }
.ai-export-word-container .export-action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
    font-size: 12px;
}
.ai-export-word-container .export-action-item span:first-child {
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 2px 8px #00000026;
    border: 1px #00000026 solid;
    border-radius: 50%;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s;
}
.ai-export-word-container .export-action-item span:first-child:hover {
    background-color: #efefef;
    color: var(--theme-color);
}
.quest-container-choice { display: none; }
.multipleChoice .ai-rank-container { position: relative; }
.multipleChoice .ai-rank-container .quest-container-choice {
    display: flex;
    position: absolute;
    top: 20px;
    left: -30px;
    width: 20px;
    height: 20px;
    border: 1px #ddd solid;
    border-radius: 50%;
    box-shadow: 0 2px 8px #00000026;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
}
.multipleChoice .ai-rank-container .quest-container-choice i { display: none; font-size: 14px; }
.multipleChoice .ai-rank-container .quest-container-choice.select-question { background-color: #1aad19; border-color: #1aad19; }
.multipleChoice .ai-rank-container .quest-container-choice.select-question i { display: block; color: #fff; }

.model-select .input-panel-btn-list {
    background: #fff;
    bottom: 0;
    display: flex;
    flex-direction: row;
    left: 0;
    padding: 8px 0;
    position: absolute;
    width: 100%;
}
.model-select .input-panel-btn {
    align-items: center;
    background-color: #f5f6fa;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 33px;
    justify-content: center;
    margin-right: 8px;
    padding: 8.5px 12px;
}
.model-select .input-panel-btn:first-child { cursor: pointer; }
.model-select .input-panel-btn:hover { background-color: #e8e9ec; }
.model-select .input-panel-btn i {
    color: var(--theme-color);
}
.model-select .input-panel-btn .input-panel-btn-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 8px;
}
.dialogue-textarea {
    align-items: flex-start;
    background: #fff;
    border: 1.5px solid var(--theme-color);
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 18px;
    padding: 8px 11px 5px 13px;
}
.dialogue-input-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1px;
    justify-content: space-between;
    width: 100%;
}
.dialogue-input-container .input-box {
    word-wrap: break-word;
    color: #333;
    cursor: text;
    font-size: 16px;
    line-height: 30px;
    max-height: 236px;
    /* min-width: 500px; */
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-y: overlay;
    position: relative;
    resize: none;
    text-align: left;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    margin: 0 3px 0 0;
    width: 100%;
}
.mobile-container .dialogue-input-container .input-box { margin-right: 30px; z-index: 1; }
.dialogue-input-container .input-box::after {
    color: #9195a3;
    content: attr(placeholder);
}
.dialogue-input-container .input-bottom {
    align-items: center;
    display: flex;
    justify-content: center;
    /* margin-top: 7px; */
    width: 100%;
}
.mobile-container .dialogue-input-container .input-bottom {
    position: absolute;
    bottom: 4px;
    right: 10px;
    z-index: 0;
}
.dialogue-input-container .input-bottom .cs-input-function-btn {
    align-items: center;
    display: inline-block;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    margin-left: auto;
}
.dialogue-input-container .input-bottom .cs-input-function-btn i {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: var(--theme-color);
    cursor: pointer;
    font-size: 28px;
    line-height: 28px;
    transition: all .3s;
}
.dialogue-input-container .input-bottom .cs-input-function-btn i.bda-aiStop { display: inline-block; }
.dialogue-input-container .input-bottom .cs-input-function-btn i.bda-send { display: none; }
.dialogue-input-container .input-bottom .cs-input-function-btn.not-request i.bda-aiStop { display: none; }
.dialogue-input-container .input-bottom .cs-input-function-btn.not-request i.bda-send { display: inline-block; }
.dialogue-input-container .input-bottom .cs-input-function-btn i:hover { opacity: .8;}
.dialogue-input-container .input-bottom .cs-input-function-btn.no-allowed i {
    color: rgb(214, 222, 232);
    cursor: not-allowed;
}
.ai-send-container-box-input .dialogue-tip {
    color: hsla(228,7%,74%,.5);
    font-size: 12px;
    line-height: 12px;
    margin: 10px 0;
    text-align: center;
}
.input-skin .layui-layer-content {
    border-radius: 10px;
    background-color: #222;
}
.input-skin i.layui-layer-TipsT { border-right-color: #222;}
.answer-ai-comment { text-align: right; transition: all .3s; }
/* .answer-container:hover .answer-ai-comment { opacity: 1 !important; } */
.answer-ai-comment span { font-size: 14px; color: var(--theme-color); cursor: pointer; opacity: .8; }
.answer-ai-comment span em { margin-left: 5px; font-style: normal; }
.answer-ai-comment span:hover { opacity: 1; }
.answer-ai-comment i {
    margin-left: 5px;
    cursor: pointer;
    transition: all .3s;
    color: var(--theme-color);
}
.answer-ai-comment i:hover { color: var(--theme-color);}
.answer-ai-content>:first-child { margin-top: 0; }
.answer-ai-content h1 { margin: 18px 0; }
.answer-ai-content h2 { font-size: 18px; margin: 14px 0; }
.answer-ai-content ol { margin: 10px 0; }
.answer-ai-content p { margin: 10px 0; }

.answer-ai-content table {
    border-spacing: 2px;
    border-color: gray;
    border-collapse: collapse;
    width: max-content;
    max-width: max-content;
}
.answer-ai-content table th, .answer-ai-content table td {
    padding: 10px;
    font-size: 15px;
    line-height: 1.72;
}
.answer-ai-content table th {
    border-bottom: 1px solid rgb(163, 163, 163);
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-align: center;
}
.answer-ai-content table td {
    border-bottom: 1px solid rgb(163, 163, 163);
    min-width: 100px;
    max-width: max(30vw,320px);
}

.mobile-container .ai-send-container { width: 100%;}
.mobile-container .ai-send .new-panel i { margin-right: 0; }
.mobile-container .ai-send .new-panel span { display: none; }
.mobile-container .ai-title-content { width: calc(100% - 24px); }
.mobile-container .ai-body-content-scroll { width: calc(100% - 38px); }
.mobile-container .answer-ai-comment span em { display: none; }
.mobile-container .answer-ai-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px ;
}
.mobile-container .answer-ai-comment span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mobile-container .answer-ai-comment span em { display: inline-block; }
.mobile-container .answer-ai-comment i { margin-left: 0; font-size: 20px; }
.mobile-container .ai-session-list {
    position: fixed;
    top: 0;
    left: -250px; /* 初始隐藏 */
    width: 250px;
    height: calc(100vh - 20px);
    padding: 10px 0;
    transition: transform 0.3s ease;
    z-index: 100;
}
.mobile-container .ai-session-list h3 { display: none; }
.sidebar-open .ai-session-list,.modelSidebar-open .mobile-businessModels { transform: translateX(250px); }
.modelSidebar-open .mobile-businessModels { opacity: 1; z-index: 100; }
.sidebar-open .ai-main-wrapper,.modelSidebar-open .ai-main-wrapper { transform: translateX(250px); }
.sidebar-open .sidebar-overlay { opacity: 1; visibility: visible;}
.mobile-businessModels {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100vh !important;
    background-color: #fff;
    transition: transform 0.3s ease;
    z-index: -1;
    overflow: auto;
    opacity: 0;
}
.mobilePhoneAnalysis .mobile-attribution-analysis { transform: translateX(-250px); opacity: 1; z-index: 100; }
.mobilePhoneAnalysis .ai-main-wrapper,.mobilePhoneObjectsTree .ai-main-wrapper { transform: translateX(-250px); }
.modelSidebar-open .sidebar-overlay,.mobilePhoneAnalysis .sidebar-overlay,.mobilePhoneObjectsTree .sidebar-overlay { opacity: 1; visibility: visible;}
.mobile-container .map-tree { right: auto; bottom: auto; }
.mobile-container .map-tree > ul li div span { max-width: fit-content; font-size: 17px; }

.business-model-objects-tree {
    position: relative;
    width: 26px;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    transition: all .3s;
}
.business-model-objects-tree.show-tree { width: 250px; }
.business-model-objects-tree h4 {
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    border-bottom: 1px #ddd solid;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.business-model-objects-tree h4 .model-name-title {
    width: 0;
    opacity: 0;
    visibility: hidden;
    flex: 1;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    justify-content: space-between;
}
.business-model-objects-tree h4 i { cursor: pointer; }
.business-model-objects-tree > ul {
    height: calc(100% - 41px);
    padding: 0 5px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
}
.business-model-objects-tree.show-tree h4 .model-name-title { width: auto; opacity: 1; visibility: visible; padding-right: 10px; }
.business-model-objects-tree.show-tree > ul { opacity: 1; visibility: visible; }
.value-list-container {
    position: absolute;
    width: 250px;
    top: 0;
    right: -250px;
    bottom: 0;
    background-color: #fff;
    transition: all .3s;
    font-size: 12px;
}
.value-list-container.show-value-list { right: 0;}
.value-list-container .value-list-title {
    display: flex;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    border-bottom: 1px #ddd solid;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    overflow: hidden;
}
.value-list-container .value-list-title .value-title-content span {
    position: relative;
    padding-right: 20px;
}
.value-list-container .value-list-title .value-title-content.desc span::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 5px;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    border-bottom: 0;
}
.value-list-container .value-list-title .value-title-content.asc span::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 5px;
    right: 0;
    border-top: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
}
.value-list-container .value-list-title .cancel-value-button,
.value-list-container .value-list-title .confirm-value-button {
    color: var(--theme-color);
    cursor: pointer;
}
.value-list-container .value-list-title .value-title-content { cursor: pointer; }
.value-list-container .value-list-title .value-title-content {
    flex: 1;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.value-list-container .value-search { margin: 10px;}
.value-list-container .value-search .layui-input-prefix { display: flex; align-items: center; padding: 0 5px; }
.value-list-container .value-search .layui-input-wrap .layui-input-prefix+.layui-input { padding-left: 25px; }
.value-list-container .value-list-content { height: calc(100% - 91px); overflow: hidden; }
.value-list-container .value-list-content ul {
    height: 100%;
    overflow: auto;
}
.value-list-container .value-list-content li {
    padding: 0 10px;
    line-height: 24px;
    font-size: 12px;
    color: #222;
}
.value-list-container .value-list-content li.select { background-color: var(--select-background-color) !important;}
.value-list-container .value-list-content li:hover { background-color: var(--hover-background-color); cursor: pointer;}
.mobile-container .business-model-objects-tree { display: none; }
.mobile-container .value-list-container {
    display: flex;
    flex-direction: column;
}
.mobile-container .value-list-title {
    height: 45px;
    line-height: 45px;
    background-color: var(--theme-color);
}
.mobile-container .value-list-title > div { color: #fff !important; font-size: 18px; }
.mobile-container .value-list-container .value-list-content { flex: 1; }
.mobile-container .value-list-container .value-list-content ul { border-top: 1px #ddd solid;}
.mobile-container .value-list-container .value-list-content li {
    height: 44px;
    line-height: 44px;
    font-size: 17px;
    border-bottom: 1px #ddd solid;
}
.mobile-container .value-list-container .value-list-content li.select { background-color: transparent !important; }
.mobile-container .value-list-container .value-list-title .value-title-content.desc span::after {
    top: 50%;
    transform: translateY(-50%);
}
.mobile-container .value-list-container .value-list-title .value-title-content.desc span::after { border-top-color: #fff; }
.mobile-container .value-list-container .value-list-title .value-title-content.asc span::after { border-bottom-color: #fff; }
.mobile-container .value-list-container .value-search input { font-size: 17px; }

.mobilePhoneAnalysis .mobile-attribution-analysis { transform: translateX(-250px); opacity: 1; z-index: 100; }
.mobile-attribution-analysis {
    position: fixed;
    top: 0;
    right: -250px; /* 初始隐藏 */
    left: auto;
    width: 250px;
    height: 100vh !important;
    background-color: #fff;
    transition: transform 0.3s ease;
    z-index: -1;
    overflow: auto;
    opacity: 0;
    overflow: hidden;
    font-size: 14px;
    color: #000;
}
.mobile-attribution-analysis .mobile-attribution-analysis-warrper {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: #fff;
    transition: all .3s;
}
.mobile-attribution-analysis .mobile-attribution-analysis-warrper .analysis-top-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: var(--theme-color);
    font-size: 14px;
    color: #fff;
}
.mobile-attribution-analysis .analysis-warrper1 > div { padding: 0 10px; margin: 10px 0;}
.mobile-attribution-analysis .analysis-warrper1 > div.mobile-attribution-analysis-title-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobile-attribution-analysis .analysis-warrper1 > div.mobile-attribution-analysis-title-select span { display: inline-block; }
.mobile-attribution-analysis .analysis-warrper1 > div.mobile-attribution-analysis-title-select span:last-child {
    display: flex;
    align-items: center;
}
.mobile-attribution-analysis .analysis-warrper1 > div.mobile-attribution-analysis-content-input {
    padding: 5px;
    margin: 0 10px;
    border: 1px #ddd solid;
    border-radius: 3px;
    max-height: 200px;
}
.mobile-attribution-analysis .analysis-warrper1 > div.mobile-attribution-analysis-content-input div {
    line-height: 26px;
    /* max-height: 120px; */
    overflow-x: hidden;
    /* overflow-y: overlay; */
    position: relative;
    resize: none;
}
.mobile-attribution-analysis .analysis-warrper1 > div.mobile-attribution-analysis-content-input div::after {
    color: #9195a3;
    content: attr(placeholder);
}
.mobile-attribution-analysis .analysis-warrper1 .fixed-height {
    flex: 0 0 auto; /* 禁止伸缩 */
}
.mobile-attribution-analysis .analysis-warrper1 .auto-height {
    flex: 1 1 auto;  /* 允许伸缩 */
    min-height: 20px;    /* 关键：覆盖默认min-height:auto */
    overflow-y: auto; /* 超出显示滚动条 */
    flex-grow: 0;
}
.mobile-attribution-analysis .analysis-warrper1 > div:first-child { margin: 0; }
.mobile-attribution-analysis .analysis-warrper1 textarea { font-size: 14px; }
.mobile-attribution-analysis .analysis-warrper1 .analysis-objects-content {
    padding: 0 10px;
    margin: 0;
}
.mobile-attribution-analysis .analysis-warrper1 .analysis-objects-content ul { border-top: 1px solid #ddd; }
.mobile-attribution-analysis .analysis-warrper1 .analysis-objects-content li {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
}
.mobile-attribution-analysis .analysis-warrper1 p {
    margin: 10px 10px 0;
    color: #8f8f94;
    font-size: 14px;
    text-align: left;
}
.mobile-attribution-analysis .analysis-warrper2 { left: 100%; overflow-y: auto; }
.mobile-attribution-analysis .analysis-warrper2 .analysis-top-button .back { display: flex; align-items: center; line-height: 17px; }
.mobile-attribution-analysis .analysis-warrper2 .analysis-top-button i { display: inline-block; transform: rotate(-180deg); }
.mobile-objects-tree > ul {
    height: calc(100% - 40px);
    overflow: auto;
}
.mobile-objects-tree ul li {
    position: relative;
    font-size: 17px;
	cursor: pointer;
	color: #000;
}
.analysis-warrper2  ul li { font-size: 14px; }
.mobile-objects-tree ul li .iconfont { margin-right: 5px; font-size: 18px; vertical-align: bottom; }
.mobile-objects-tree ul li .iconfont.bda-xiangxia { font-size: 12px;}
.mobile-objects-tree ul li div {
	padding: 0 15px;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	border-bottom: 1px #dddddd solid;
}
.mobile-objects-tree ul li div span.value-list {
    float: right;
    font-size: 14px;
    color: var(--theme-color);
}
.mobile-objects-tree > ul > li > div > p {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.mobile-objects-tree > ul > li ul li { line-height: 40px; }
.mobile-objects-tree > ul > li ul li div {border-bottom: 1px #dddddd solid;}
.mobile-objects-tree > ul > li > ul > li > div { padding-left: 35px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > div { padding-left: 45px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > div { padding-left: 55px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 65px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 75px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 85px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 95px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 105px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 115px;}
.mobile-objects-tree > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 125px;}
.mobile-objects-tree ul li.select:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 24px;
    content: '\2713';
    color: var(--theme-color);
}
.mobile-objects-tree ul li.object > div .value-list { color: var(--theme-color); }

.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 99;
 }

.ai-session-list {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    flex-grow: 0;
    width: 260px;
    background-color: #f9fbff;
    box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.15);
}
.ai-session-list .menu-status-button {
    background-color: rgba(0, 0, 0, .2);
}
.ai-session-list h3 {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    font-size: 22px;
    color: var(--theme-color);
    text-align: center;
}
.ai-session-list h3 > i { margin-right: 10px; font-size: 26px; }
.ai-session-list h3 > div { flex: 1; text-align: left; }
.ai-session-list h3 > span i { font-weight: normal; cursor: pointer; }
.ai-session-list ul {
    flex: 1;
    padding: 0 10px;
    overflow: auto;
    padding: 0 10px;
}
.ai-session-list ul li {
    height: 38px;
    color: #262626;
    background-color: #f9fbff;
    cursor: pointer;
    --ds-focus-ring-border-radius: 14px;
    border-radius: 12px;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    display: flex;
    position: relative;
    user-select: none;
}
.mobile-container .ai-session-list ul li { font-size: 17px; }
.ai-session-list ul li div.session-title {
    white-space: nowrap;
    flex: 1;
    align-items: center;
    min-width: 0;
    line-height: 18px;
    display: flex;
    overflow: hidden;
}
.ai-session-list ul li div.title-mark1 {
    content: "";
    pointer-events: none;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg,rgba(249, 251, 255,0) 0%,#f9fbff 50%,#f9fbff 100%);
    width: 24px;
}
.ai-session-list ul li div.title-mark2 {
    content: "";
    pointer-events: none;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 84px;
}
.ai-session-list ul li:hover { background-color: rgb(239, 246, 255); }
.ai-session-list ul li.select { background-color: rgb(219, 234, 254); }
.ai-session-list ul li:hover div.title-mark2 {
    background: linear-gradient(90deg,rgba(239, 246, 255, 0)0%,rgb(239, 246, 255) 60%,rgb(239, 246, 255) 100%);
    opacity: 1;
}
.ai-session-list ul li .select-more {
    opacity: 0;
    z-index: 1;
    --ds-focus-ring-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.ai-session-list ul li .select-more span {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 0;
    display: inline-flex;
}
.ai-session-list ul li .select-more:hover { background-color: #f9fbff; }
.ai-session-list ul li:hover .select-more { opacity: 1; }
.ai-session-list ul li.select .title-mark2 { background-image: linear-gradient(to right,rgba(219, 234, 254, 0),rgb(219, 234, 254)50%) !important; opacity: 1; }
.ai-session-list ul li.select .select-more { opacity: 1; }
.ai-session-title {
    display: none;
    box-sizing: border-box;
    background-color: #fff;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    height: 56px;
    /* display: flex; */
    position: relative;
    max-width: 100%;
}
.show-ai-session-list {
    display: none;
    position: absolute;
    left: 20px;
    top: 26px;
    z-index: 999;
    cursor: pointer;
}
.show-ai-session-list i { font-size: 19px; color: var(--theme-color); }
.mobile-container .ai-session-title { display: flex; }
.ai-title-content {
    display: flex;
    width: 90%;
    height: 100%;
    padding: 0 12px;
    align-items: center;
    overflow: hidden;
}
.ai-title-content .ai-title-content-box {
    display: flex;
    width: 100%;
    z-index: 12;
    align-items: center;
}
.ai-title-content .ai-title-box {
    display: flex;
    flex: 1;
    min-width: 0;
    justify-content: center; /* 内容整体水平居中 */
    overflow: hidden;
    padding: 0 10px;
}
.ai-title-content .ai-title-box div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #262626;
}
.ai-content-container .session-list-floating-window {
    visibility: hidden;
    color: var(--theme-color);
    flex: 0 0 18px;
}
.ai-content-container .session-objects-tree {
    visibility: hidden;
    color: var(--theme-color);
    flex: 0 0 18px;
    font-weight: bold;
}
.mobile-container .session-list-floating-window,.mobile-container .session-objects-tree { visibility: visible; }
#feedbackText {
    width: 100%;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 8px;
    box-sizing: border-box;
    resize: none;
    font-size: 14px;
}

.attribution-analysis-window { height: 100%; }
.attribution-analysis-window .container-form { padding: 20px; height: calc(100% - 80px); }
.attribution-analysis-window .container-form .question-top-content { height: 30%; }
.attribution-analysis-window .container-form .question-top-content .layui-form-item:last-child { height: calc(100% - 35px); }
.attribution-analysis-window .container-form .question-top-content .layui-form-item:last-child textarea { height: 100%; min-height: auto; }
.attribution-analysis-window .container-form fieldset { height: calc(70% - 35px); margin-top: 10px; }
.attribution-analysis-window .container-form fieldset legend { font-size: 12px;}
.attribution-analysis-window .container-form fieldset .objects-list {
    height: calc(100% - 60px);
    margin: 10px;
    border: 1px #ddd solid;
    border-radius: 3px;
    overflow: auto;
}
.attribution-analysis-window .container-form fieldset .button-content { margin-bottom: 10px; text-align: right; padding-right: 10px; }
.attribution-analysis-window .container-form fieldset .objects-list dl {
    display: inline-block;
    padding: 2px 10px;
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #808080;
    border-radius: 5px;
    cursor: default;
    color: #333;
    transition: all .3s;
    user-select: none;
}
.attribution-analysis-window .container-form fieldset .objects-list dl:hover { background-color: var(--theme-color); color: #fff; }
.attribution-analysis-window .container-form fieldset .objects-list dl dt {
    display: inline-block;
    font-size: 12px;
    color: #000;
}
.attribution-analysis-window .container-form fieldset .objects-list dl:hover dt { color: #fff; }
.attribution-analysis-window .container-form fieldset .objects-list dl dt i {
    margin-right: 3px;
    color: var(--theme-color);
    vertical-align: sub;
}
.attribution-analysis-window .container-form fieldset .objects-list dl:hover dt i { color: #fff; }
.attribution-analysis-window .container-form fieldset .objects-list dl dd {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    transition: all .3s;
}
.attribution-analysis-window .container-form fieldset .objects-list dl:hover dd { cursor: pointer; color: rgba(255, 255, 255, .6); }
.attribution-analysis-window .container-form fieldset .objects-list dl dd i { vertical-align: unset; color: #fff; }
.ai-analysis-objects-container { height: calc(100% - 80px); padding: 20px; }
.ai-analysis-objects-container .ai-analysis-objects-tree { border: 1px #ddd solid; border-radius: 3px; height: 100%; overflow: auto; }

.position-wrapper {
    position: absolute;
    top: 0;
    left: 216px;
    z-index: -1;
    border-radius: 10px;
    padding: 6px;
    background-color: #fff;
    box-shadow: 0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);
}
.position-wrapper div {
    line-height: 30px;
    padding: 5px 10px;
    border-radius: 10px;
    transition: all .3s;
    color: #222;
    cursor: pointer;
}
.position-wrapper div.delete-session, .position-wrapper div.delete-session i { color: #ef4444;}
.position-wrapper div:hover { background-color: rgba(0, 0, 0, .08);}
.position-wrapper div.delete-session:hover { background-color: rgba(239, 68, 68, .08);}
.position-wrapper div i { margin-right: 10px; color: #999; }
.mobile-container .position-wrapper { display: none; }
.mobile-container .menu-status-button { display: none; }
.session-input-title {
    display: none;
    position: absolute;
    top: -0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px #4186f6 solid;
    border-radius: 14px;
    z-index: 999;
    background-color: #fff;
    padding: 0 10px;
}

.database-types-form .list .layui-table-main tr td:nth-child(4) .layui-table-cell { overflow: visible;}
.database-types-form .layui-input-item .layui-input-item-content {
    display: flex;
    align-items: center;
    justify-items: center;
}
.database-types-form .layui-input-item input {
    float: left;
    width: calc(100% - 20px);
    margin-right: 6px;
    height: 35px;
    line-height: 35px;
    border-color: transparent;
    background-color: transparent;
}
.database-types-form td button {
    height: 35px;
    line-height: 35px;
}

.dw-database-data-type-list .search { font-size: 12px; }
.dw-database-data-type-list .search .layui-form > .layui-inline { margin-right: 25px; }
.dw-database-data-type-list .search .layui-form .layui-inline .layui-inline { width: 110px; }
.dw-database-data-type-main .layui-table-header tr:first-child th:nth-child(3), .dw-database-data-type-main .layui-table-header tr:first-child th:nth-child(4) { text-align: center; }
.dw-database-data-type-main .layui-table-main tr td:nth-child(4) .layui-table-cell { overflow: visible;}
.dw-database-data-type-main .layui-input-item .layui-input-item-content {
    display: flex;
    align-items: center;
    justify-items: center;
}
.dw-database-data-type-main .layui-input-item input {
    float: left;
    width: calc(100% - 20px);
    margin-right: 6px;
    height: 35px;
    line-height: 35px;
    border-color: transparent;
    background-color: transparent;
}
.dw-database-data-type-main td button {
    height: 35px;
    line-height: 35px;
}
.dw-database-data-type-main .count { line-height: 30px; font-size: 12px; }
.dw-database-data-type-main .layui-form-select .layui-input { height: 35px; line-height: 35px; }

.dw-database-data-type-main .layui-input-item input {
    float: left;
    width: calc(100% - 20px);
    margin-right: 6px;
    height: 35px;
    line-height: 35px;
    border-color: transparent;
    background-color: transparent;
}
.dw-database-data-type-main .layui-input-item input:focus { background-color: #fff; }
.dw-database-data-type-main .layui-table-main td .td-content { display: flex; height: 100%; white-space: nowrap;}
.dw-database-data-type-main .layui-table-main td .td-content .td-name-content { flex: 1 1 0%; height: 100%; overflow: hidden; text-overflow: ellipsis;}
.dw-database-data-type-main .layui-table-main td button { opacity: 0; padding: 0 10px; }
.dw-database-data-type-main .layui-table-main td:hover button { opacity: 1; border-color: #d2d2d2; }


.tree-container .ztree li { line-height: 24px; }
.tree-container .ztree li span.button.ico_close { vertical-align: middle; }
.tree-container .ztree li span.button.ico_open { vertical-align: middle; }
.tree-container .ztree li span.button.ico_docu { vertical-align: middle; }

.folder-container .layui-table-cell i.iconfont {
    color: #1e88e5;
    opacity: .9;
}

.file-server-form .setting-box { margin: 0; padding: 20px; height: calc(100% - 80px); }
.file-server-form .setting-box .layui-form-item { margin-bottom: 10px; }
.file-server-form .setting-box .layui-form-item .layui-input-block { margin-left: 120px; }
.file-server-form .setting-box .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] { margin-top: 7px; }

.login-settings-form .setting-box .layui-form-item .layui-form-label { padding-right: 0; }
.login-settings-form .setting-box .layui-form-item .layui-input-block { margin-left: 160px; }
.login-settings-form .setting-box .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] { margin-top: 7px;}

.form-container { height: 100%; }
.form-container .form-content { height: calc(100% - 80px); padding: 20px; }


.business-object-tree { min-width: max-content;}
.business-object-tree ul { display: none;}
.business-object-tree li div {
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    line-height: 30px;
	font-size: 12px;
	cursor: pointer;
	/* color: #333; */
    white-space: nowrap;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.business-object-tree li div { line-height: 25px;}
.business-object-tree li.folder > div .triangle {
    position: absolute;
    top: 12px;
    margin-left: -13px;
    display: block;
    opacity: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 8px solid #222;
    border-left: 8px solid transparent;
    transition: all .3s;
    transform: rotate(-45deg);
}
.business-object-tree li.folder > div .triangle { top: 9px;}
.business-object-tree li.hasChildren > div .triangle { opacity: 1;} 
.business-object-tree li.hasChildren > div::after {
    position: absolute;
    top: 13px;
    margin-left: -8px;
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 3px solid #fff;
    border-bottom: 3px solid transparent;
    transition: all .3s;
    opacity: 1;
}
.business-object-tree li.open-folder > div .triangle {
    transform: rotate(0);
}
.business-object-tree li.open-folder > div::after { opacity: 0;}
.business-object-tree li div span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.business-object-tree li div span.value-list {
    float: right;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    color: var(--theme-color);
}
.business-object-tree li div span.value-list:hover { text-decoration: underline; }
.business-object-tree li div i { font-size: 16px; 
    /* color: var(--theme-color); */
}
.selected-li > div > i { opacity: 1 !important;}
.business-object-tree li div:hover i.iconfont { opacity: 1;}
.business-object-tree li div:hover span.value-list { visibility: visible; opacity: 1; }
.open-folder > ul { display: block;}
.business-object-tree > li > ul > li > div { padding-left: 30px;}
.business-object-tree > li > ul > li > ul > li > div { padding-left: 40px;}
.business-object-tree > li > ul > li > ul > li > ul > li > div { padding-left: 50px;}
.business-object-tree > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 60px;}
.business-object-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 70px;}   

.mobile-model-objects-tree {
    position: fixed;
    top: 0;
    right: -250px;
    left: auto;
    width: 250px;
    height: 100vh !important;
    background-color: #fff;
    transition: transform 0.3s ease;
    z-index: -1;
    overflow: auto;
    opacity: 0;
    overflow: hidden;
    font-size: 14px;
    color: #000;
}
.mobilePhoneObjectsTree .mobile-model-objects-tree {
    transform: translateX(-250px);
    opacity: 1;
    z-index: 100;
}
.mobile-model-objects-tree .analysis-top-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: var(--theme-color);
    font-size: 18px;
    color: #fff;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
}
.mobile-model-objects-tree .analysis-top-button .analysis-title {
    flex: 1;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}


.data-object-show-names-container .button-box-top { text-align: right; }
.data-object-show-names-container .names-list { margin-top: 10px; height: calc(100% - 40px); }

.export-data-model-guided .data-model-list-item .filter,.import-data-model-guided .data-model-list-item .filter {
    top: 86px;
    right: 20px;
    bottom: auto;
    left: auto;
}
.export-data-model-guided .data-model-list-item .bottom-box,.import-data-model-guided .data-model-list-item .bottom-box { top: 126px; bottom: 110px; }
.export-data-model-guided .data-model-list-item .count,.import-data-model-guided .data-model-list-item .count {
    position: absolute;
    left: 20px;
    bottom: 62px;
    line-height: 30px;
    font-size: 12px;
}


/*******************************************start 报表数据绑定区域的样式********************************************************/
.axias-box .axias-inline { margin-top: 15px;}
.axias-box .axias-inline:first-child { margin-top: 0; }
.axias-box .row-column-interchange { margin-top: 15px; text-align: center; cursor: pointer;}
.axias-box .row-column-interchange i { font-size: 24px;}
.axias-box .row-column-interchange i:hover { color: var(--theme-color);}
.axias-box .axias-label {
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
    font-size: 12px;
}
.axias-box .axias-label label {
    display: inline-block;
    height: 24px;
}
.axias-box .axias-label .total span {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
    cursor: pointer;
}
.axias-box .axias-label .total span::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px #aaa solid;
    top: 6px;
    left: 0;
}
.axias-box .axias-label .total span::after {
    display: none;
    position: absolute;
    content: '\2713';
    top: 1px;
    left: 2px;
    font-weight: bold;
    color: var(--theme-color);
}
.axias-box .axias-label .total span.selected::after { display: block;}
.axias-box .data-object-drop-box {
    position: relative;
    min-height: 30px;
    /* max-height: 400px; */
    margin: 0 10px;
    padding: 10px;
    border-radius: 3px;
    border: 1px #d2d2d2 solid;
    background-color: #fff;
    overflow-y: auto;
}
/* .axias-box .data-object-drop-box.all { max-height: 300px;} */
.axias-box .disabled .data-object-drop-box {
    /* border-color: #eee;
    background-color: #f7f7f7; */
}
/* .axias-box .disabled .axias-label { color: #eee;} */
.axias-box .axias-inline .data-object-drop-box dl {
    display: inline-block;
    padding: 0 5px;
    margin: 4px 0;
    margin-right: 10px;
    /* border: 1px solid #8a8a8a; */
    border-radius: 5px;
    cursor: default;
    /* color: #333; */
    transition: all .3s;
    user-select: none;
    /* color: #000; */
}
.axias-box .axias-inline .data-object-drop-box dl dt {
    display: inline-block;
    font-size: 12px;
}
.axias-box .axias-inline .data-object-drop-box dl dt i {
    margin-right: 3px;
    font-size: 14px;
    vertical-align: top;
}
.axias-box .axias-inline .data-object-drop-box dl dd {
    display: inline-block;
    vertical-align: top;
}
.axias-box .axias-inline .data-object-drop-box dl dd i {
    font-size: 14px;
    vertical-align: top;
}
/* .axias-box .axias-inline .data-object-drop-box dl:hover {
    background-color: var(--theme-color);
    color: #fff;
} */
.axias-box .axias-inline .data-object-drop-box dl dd:hover { cursor: pointer;}

.axias-box .axias-inline .data-object-drop-box li div.li-sort { position: relative; height: 6px; }
.axias-box .axias-inline .data-object-drop-box li div.li-sort.active::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    width: 60%;
    height: 2px;
    margin: 0 auto;
    background-color: rgba(0,0,0,.24);
    border-radius: 10px;
}
.axias-box .axias-inline .data-object-drop-box li div.li-content {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 1px);
    height: 24px;
    line-height: 23px;
    border: 1px #add8e6 solid;
    border-radius: 5px;
    /* margin: 2px 0; */
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.axias-box .axias-inline .data-object-drop-box li div.li-content div.data-object-name {
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.axias-box .axias-inline .data-object-drop-box li div.li-content span.sanjiao {
    position: absolute;
    top: 8px;
    right: 24px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #808080;
    z-index: 999;
}
.axias-box .axias-inline .data-object-drop-box li div.li-content i { font-size: 16px; color: var(--old-theme-color); }
.axias-box .axias-inline .data-object-drop-box li div.li-content i.bda-guanbi { font-size: 16px; color: #03A9F4; }
.axias-box .axias-inline .data-object-drop-box li div.li-content i.bda-guanbi { cursor: pointer; }
.axias-box .axias-inline .data-object-drop-box li div.li-content div.data-object-name span {
    /* display: inline-block; */
    vertical-align: text-top;
}
.axias-box .axias-inline .data-object-drop-box li div.li-content:hover {
    /* border-color: #1e90ff; */
    /* background-image: linear-gradient(#ffffff, #add8e6); */
    background-color: #e2f6ff;
}
.axias-box .axias-inline .data-object-drop-box li.default-li div.li-content {
    line-height: 24px;
    border: 1px #d2d2d2 dashed;
    background-image: none;
    padding-left: 5px;
    font-size: 12px;
    color: #d2d2d2;
    cursor: no-drop;
}
.axias-box .axias-inline .data-object-drop-box li div.li-content .fr span {
    display: inline-block;
    margin-left: 0;
    margin-right: 8px;
    font-size: 12px;
    color: #b2b2b2;
    cursor: pointer;
}

.axias-box .sparklines-box .axias-label i { cursor: pointer;}
.axias-box .sparklines-box .axias-label i:hover { color: var(--theme-color);}
.axias-box .sparkline-list {
    position: relative;
    min-height: 30px;
    /* max-height: 400px; */
    margin: 0 10px;
    padding: 10px;
    border-radius: 3px;
    border: 1px #d2d2d2 solid;
    background-color: #fff;
    overflow-y: auto;
    font-size: 12px;
}
.axias-box .sparkline-list dl {
    position: relative;
    margin-top: 6px;
    padding: 5px;
    border: 1px #ddd solid;
    border-radius: 3px;
    font-size: 12px;
}
.axias-box .sparkline-list dl:hover { border-color: var(--theme-color);}
.axias-box .sparkline-list dl dt {
    position: absolute;
    top: 0;
    right: 0;
}
.axias-box .sparkline-list dl dt i {
    margin-left: 5px;
    font-size: 14px;
    cursor: pointer;
}
.axias-box .sparkline-list dl dt i:hover { color: var(--theme-color);}
.axias-box .sparkline-list dl dd {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    margin-top: 5px;
}
.axias-box .sparkline-list dl dd label { float: left;}
.axias-box .sparkline-list dl dd div {
    height: 22px;
    line-height: 22px;
    margin-left: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.axias-box .sparkline-list dl dd div i { color: var(--theme-color);}
/**************************************************end************************************************************/