@charset "UTF-8";
:root {
    --border-radius: 8px;
    --theme-portal-color: #1d63ef;
}

/** 所有标签默认都隐藏 */
portal-buttons, portal-button, portal-select, portal-option, portal-tabs, portal-tab, portal-menu {
    display: none;
}

/*
portal-wrapper 外框
portal-main 内容
portal-top 四方位-上
portal-right 四方位-右
portal-bottom 四方位-下
portal-left 四方位-左
*/
/*清除谷歌浏览器*/
#trans-tooltip, #tip-arrow-bottom, #tip-arrow-top {
    display: none !important;
}

/*chrome下滚动条样式*/
/*::-webkit-scrollbar-track-piece{width:8px;background-color:#f5f5f5;border-radius:6px;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{height:50px;background:#bec7d5;border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background:#91a0b5;}*/
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: ehrNumberFont, Arial, "Ping Fang SC", "Microsoft YaHei", Helvetica, sans-serif, "SimSun";
}

html {
    background-image: url("../images/11-0-1920x1080.jpg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    will-change: margin-top, top;
}

html, body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #222222;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

textarea {
    overflow-y: auto;
}

input, textarea, select, button {
    font-family: Arial, "Ping Fang SC", "Microsoft YaHei", Helvetica, sans-serif, "SimSun";
    outline: none;
}

button {
    position: relative;
    cursor: pointer;
}

i {
    font-style: normal;
}

.operation-item-icon.ehrFont-assistant4Personal {
    background: url("../images/aiLogo.png?version=1.0.0") no-repeat center !important;
    background-size: auto 100% !important;
    width: 90px;
    height: 32px;
    margin-bottom: 6px;
}

/*地图导航*/
.portal-mapMenu {
    padding: 7px 6px;
    display: block;
    font-size: 0;
    margin-right: 10px;
    position: relative;
}

.portal-mapMenu:after {
    content: "";
    background: linear-gradient(transparent, #ebebeb 50%, transparent);
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 3px;
    width: 1px;
}

.portal-mapMenu .portal-mapMenu-item {
    padding: 0 6px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
}

.portal-mapMenu .portal-mapMenu-item .portal-mapMenu-item-area {
    padding: 6px 14px;
    position: relative;
    z-index: 5;
    cursor: pointer;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 4px;
    transition: background-color .2s ease;
}

/*.portal-mapMenu .portal-mapMenu-item .portal-mapMenu-item-area:after{
    background-color: rgba(235,235,235,.5);
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: width .2s ease-in-out;
}*/
.portal-mapMenu .portal-mapMenu-item .portal-mapMenu-item-area:hover:after {
    width: 100%;
}

.portal-mapMenu .portal-mapMenu-item .portal-mapMenu-item-area.selected {
    background-color: var(--theme-portal-color);
}

.portal-mapMenu .portal-mapMenu-item .portal-mapMenu-item-area.selected .portal-mapMenu-item-icon,
.portal-mapMenu .portal-mapMenu-item .portal-mapMenu-item-area.selected .portal-mapMenu-item-text {
    color: #ffffff;
}

.portal-mapMenu-item-icon,
.portal-mapMenu-item-text,
.portal-mapMenu-item-arrow {
    display: inline-block;
    vertical-align: middle;
}

.portal-mapMenu-item-icon {
    width: 20px;
    height: 20px;
    line-height: 19px;
    color: var(--theme-portal-color);
    text-align: center;
    margin-right: 5px;
}

.portal-mapMenu-item-text {
    line-height: 20px;
    font-size: 14px;
}

.portal-mapMenu-item-arrow {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    margin-left: 5px;
    transition: all .3s ease;
}

.portal-mapMenu .portal-mapMenu-item .portal-mapMenu-item-area:hover .portal-mapMenu-item-arrow {
    transform: rotateX(180deg);
}

.portal-mapMenu-content {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.portal-mapMenu-mask {
    background-color: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
}

.portal-mapMenu-content-box {
    background-color: #ffffff;
    width: 1080px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transform: translateX(-100%);
    background-image: linear-gradient(-90deg, rgba(245, 245, 245, 0.85) 60%, rgba(255, 255, 255, 0.95) 100%);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .24), 0 10px 30px 0 rgba(0, 0, 0, .1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.mapMenuHover .portal-mapMenu-content {
    z-index: 999;
    visibility: visible;
    opacity: 1;
}

.mapMenuHover .portal-mapMenu-content-box {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.portal-mapMenu-content-left {
    width: 180px;
    height: 100%;
    float: left;
    position: relative;
    color: #ffffff;
}

.portal-mapMenu-content-right {
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.portal-mapMenu-content-tit {
    padding: 15px 12px;
    font-size: 15px;
    line-height: 1;
}

.portal-mapMenu-content-tit-nodata {
    display: block;
    font-size: 12px;
    line-height: 22px;
    color: rgba(255, 255, 255, .8);
    padding: 0 12px 12px;
}

.portal-mapMenu-content-collectMenu {
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 46px;
    bottom: 52px;
    overflow: hidden;
}

.portal-mapMenu-content-left .portal-selectMenu-btn {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
}

.portal-mapMenu-content-left .portal-selectMenu-btn .selectMenuBtn {
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
}

.portal-selectMenu-btn .selectMenuBtn {
    display: block;
    width: 100%;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    text-align: right;
    cursor: pointer;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-mapMenu-content-collectMenu dl {
    padding: 10px;
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
}

.portal-mapMenu-content-collectMenu dl dd {
    display: block;
    padding: 10px;
    line-height: 20px;
    font-size: 13px;
    border-radius: 4px;
    position: relative;
    transition: background-color .2s ease;
}

.portal-mapMenu-content-collectMenu dl dd:hover {
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

.portal-mapMenu-left-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block !important;
    vertical-align: middle;
    float: left;
}

.portal-mapMenu-left-icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.portal-mapMenu-left-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 12px;
}

.ui-li-holdplace {
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    height: 36px;
    border: 1px dashed #d8e1e6;
}

.portal-mapMenu-content-collectMenu-op {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease;
}

.portal-mapMenu-content-collectMenu-op i {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-weight: normal !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    opacity: .75;
    cursor: pointer;
}

.portal-mapMenu-content-collectMenu-op i:hover {
    opacity: 1;
}

.portal-mapMenu-content-collectMenu-op i.collectMenu-op-sort {
    cursor: move;
}

.portal-mapMenu-content-collectMenu dl dd:hover .portal-mapMenu-content-collectMenu-op {
    opacity: 1;
    visibility: visible;
}

.portal-mapMenu-content-menuSearch {
    padding: 10px 15px 0 15px;
    position: relative;
}

.portal-mapMenu-content-menuSearch .ehr-input {
    width: 100%;
    min-height: 32px;
    line-height: 24px;
    padding: 0 35px 0 5px;
    border: 0;
}

.portal-mapMenu-content-menuSearch input::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(81, 81, 81, .4);
}

.portal-mapMenu-content-menuSearch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(81, 81, 81, .4);
}

.portal-mapMenu-content-menuSearch input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(81, 81, 81, .4);
}

.portal-mapMenu-content-menuSearch input:-ms-input-placeholder {
    color: rgba(81, 81, 81, .4);
}

.menuSearch-btn {
    appearance: none;
    background: none;
    border: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 10px;
    outline: none;
    opacity: .6;
}

.menuSearch-btn:hover {
    opacity: 1;
}

.menuSearch-btn .menuSearch-searchIcon {
    width: 100%;
    height: 100%;
    line-height: inherit;
    text-align: inherit;
    display: inline-block;
    vertical-align: top;
}

.portal-mapMenu-content-searchResult {
    background: #ffffff;
    padding: 12px 20px;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 46px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease;
    overflow: hidden;
    overflow-y: auto;
}

.portal-mapMenu-content-searchResult.searchResultShow {
    visibility: visible;
    opacity: 1;
}

.portal-mapMenu-content-searchResult-item {
    display: block;
    padding: 12px 30px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px dashed #ebebeb;
    transition: background-color .2s ease;
}

.portal-mapMenu-content-searchResult-item:hover {
    background-color: #f1f3f4;
}

.portal-mapMenu-content-searchResult-item .mapMenu-content-groupMenu-item-icon {
    position: absolute;
    left: 3px;
    top: 7px;
}

.searchResult-item-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
}

.searchResult-item-tit {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 8px;
}

.searchResult-item-text {
    font-size: 12px;
    line-height: 1;
    color: #999999;
}

.portal-mapMenu-content-groupMenu {
    padding: 0 10px;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 46px;
    overflow: hidden;
    /*overflow-y: auto;*/
}

.mapMenu-content-groupMenu-area {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 15px 0;
    font-size: 0;
}

.mapMenu-content-groupMenu-area li {
    padding: 0 5px;
    display: block;
    margin-bottom: 10px;
}

.mapMenu-content-groupMenu-item {
    padding-top: 5px;
    padding-bottom: 10px;
    display: block;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.mapMenu-content-groupMenu-tit {
    padding: 8px 12px;
    font-size: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.mapMenu-content-groupMenu-item-icon {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 8px;
    line-height: 23px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
}

.mapMenu-content-groupMenu-item-icon img {
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: top;
    border: 0;
}

.groupMenu-tit-icon {
    background-image: url("../images/mapMenuIcon.png?version=1.0.1");
    background-repeat: no-repeat;
    background-size: 240px 72px;
}

.groupMenu-tit-icon-1 {
    background-position: 0 0; /*组织管理*/
}

.groupMenu-tit-icon-2 {
    background-position: -24px 0; /*员工管理*/
}

.groupMenu-tit-icon-3 {
    background-position: -48px 0; /*干部管理*/
}

.groupMenu-tit-icon-4 {
    background-position: -72px 0; /*考勤管理*/
}

.groupMenu-tit-icon-5 {
    background-position: -96px 0; /*医疗考勤*/
}

.groupMenu-tit-icon-6 {
    background-position: -120px 0; /*社保公积金*/
}

.groupMenu-tit-icon-7 {
    background-position: -144px 0; /*薪酬管理*/
}

.groupMenu-tit-icon-8 {
    background-position: -168px 0; /*智能报税*/
}

.groupMenu-tit-icon-9 {
    background-position: -192px 0; /*成本中心*/
}

.groupMenu-tit-icon-10 {
    background-position: -216px 0; /*招聘管理*/
}

.groupMenu-tit-icon-11 {
    background-position: 0 -24px; /*绩效管理*/
}

.groupMenu-tit-icon-12 {
    background-position: -24px -24px; /*人才盘点*/
}

.groupMenu-tit-icon-13 {
    background-position: -48px -24px; /*电子合同*/
}

.groupMenu-tit-icon-14 {
    background-position: -72px -24px; /*文化建设*/
}

.groupMenu-tit-icon-15 {
    background-position: -96px -24px; /*培训管理*/
}

.groupMenu-tit-icon-16 {
    background-position: -120px -24px; /*福利*/
}

.groupMenu-tit-icon-17 {
    background-position: -144px -24px; /*开放平台*/
}

.groupMenu-tit-icon-18 {
    background-position: -168px -24px; /*系统设置*/
}

.groupMenu-tit-icon-19 {
    background-position: -192px -24px; /*默认*/
}

.groupMenu-tit-icon-20 {
    background-position: -216px -24px; /*制造业考勤*/
}

.groupMenu-tit-icon-21 {
    background-position: 0 -48px; /*目标管理*/
}

/*.groupMenu-tit-bg-1{
    background-color: #f3faff;!*蓝*!
}
.groupMenu-tit-bg-2{
    background-color: #f1fffe;!*绿*!
}
.groupMenu-tit-bg-3{
    background-color: #fff9f2;!*橘*!
}
.groupMenu-tit-bg-4{
    background-color: #fff6f9;!*红*!
}*/
.mapMenu-content-groupMenu-item-text {
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}

.mapMenu-content-groupMenu-tit .mapMenu-content-groupMenu-item-text {
    font-size: 14px;
    color: #222222;
    padding: 3px 0;
    line-height: 18px;
    font-weight: 600;
    word-break: break-word;
    white-space: normal;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mapMenu-content-groupMenu-item dd .mapMenu-content-groupMenu-item-text {
    font-size: 13px;
    margin-left: 8px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mapMenu-content-groupMenu-item dd {
    padding: 10px 10px 10px 37px;
    font-size: 0;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
}

.mapMenu-content-groupMenu-item dd.searchMenu-result {
    background-color: #FFE9A7 !important;
}

.mapMenu-content-groupMenu-item dd:hover .mapMenu-content-groupMenu-item-text {
    opacity: 1;
}

.mapMenu-content-groupMenu-item dd .mapMenu-content-groupMenu-item-icon {
    position: absolute;
    left: 12px;
    top: 5px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out;
}

.mapMenu-content-groupMenu-item dd:hover .mapMenu-content-groupMenu-item-icon,
.mapMenu-content-groupMenu-item dd .mapMenu-content-groupMenu-item-icon.selected {
    opacity: 1;
    visibility: visible;
}

.mapMenu-content-groupMenu-item dd .mapMenu-content-groupMenu-item-icon.selected {
    color: #ffba00 !important;
}

.mapMenu-content-groupMenu-item-icon.menuCollect-icon {
    background-image: url("../images/menuCollect-icon.png?version=1.0.0");
    background-size: 48px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.mapMenu-content-groupMenu-item-icon.menuCollect-icon.selected {
    background-position: -24px 0;
}

/*dialog*/
.oursDialog {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    text-align: center;
}

.oursDialog:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.oursDialog .oursDialog-box {
    width: 96%;
    height: 94%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.oursDialog-head {
    background: #ffffff;
    display: block;
    line-height: 50px;
    height: 50px;
    padding: 0 36px 0 20px;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.oursDialog-head .head-text {
    font-size: 16px;
    font-weight: normal;
    padding-right: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222222;
}

.oursDialog-head .close-btn {
    background: url("../images/close-black.png") center no-repeat;
    background-size: 12px 12px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -12px;
    border-radius: 3px;
    display: inline-block;
    opacity: .5;
    transition: background-color .2s ease-in-out;
}

.oursDialog-head .close-btn:hover {
    background-color: #efefef;
    cursor: pointer;
    opacity: .9;
}

.oursDialog-body {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 63px;
}

.oursDialog-foot {
    background-color: #ffffff;
    text-align: right;
    padding: 16px 24px;
    border-top: 1px solid #ebebeb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
}

.oursDialog-box iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    vertical-align: top;
}

.oursButton {
    background: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 24px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #ffffff;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin-left: 12px;
}

/*背景图*/
.layoutBackground {
    background-size: cover;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    left: 0 \9;
    z-index: -1;
}

/*选择主题-s*/
.theme-dialog {
    background: rgba(41, 41, 41, .7);
    width: 100%;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    _display: inline;
    text-align: center;
    z-index: 305;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.theme-dialog.show-theme-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.theme-dialog .theme-bd {
    width: 98%;
    position: absolute;
    left: 1%;
    top: 2%;
    bottom: 2%;
    display: block;
    margin: 0 auto;
    text-align: left;
}

/*选择主题--e*/
/*Loading--s--*/
.oursui-loading {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.oursui-loading-box {
    position: absolute;
    z-index: 3;
    width: 7.6em;
    min-height: 7.6em;
    top: 50%;
    left: 50%;
    margin-left: -3.8em;
    margin-top: -3.8em;
    background: rgba(40, 40, 40, 0.75);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.oursui_icon-loading {
    margin: 22px 0 0;
    display: block;
}

.oursui_icon-loading:before {

    color: #FFFFFF;
    font-size: 55px;
}

.oursui-loading_content {
    margin: 0 0 15px;
}

.oursui-loading_content {
    margin-top: 64%;
    font-size: 14px;
}

.oursui-loading-area {
    position: absolute;
    width: 0px;
    z-index: 2000000000;
    left: 50%;
    top: 38%;
}

.oursui_loading_leaf {
    position: absolute;
    top: -1px;
    opacity: 0.25;
}

.oursui_loading_leaf:before {
    content: " ";
    position: absolute;
    width: 8.14px;
    height: 3.08px;
    background: #d1d1d5;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
    border-radius: 1px;
    -webkit-transform-origin: left 50% 0px;
    transform-origin: left 50% 0px;
}

.oursui_loading_leaf_0 {
    -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
    animation: opacity-60-25-0-12 1.25s linear infinite;
}

.oursui_loading_leaf_0:before {
    -webkit-transform: rotate(0deg) translate(7.92px, 0px);
    transform: rotate(0deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_1 {
    -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
    animation: opacity-60-25-1-12 1.25s linear infinite;
}

.oursui_loading_leaf_1:before {
    -webkit-transform: rotate(30deg) translate(7.92px, 0px);
    transform: rotate(30deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_2 {
    -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
    animation: opacity-60-25-2-12 1.25s linear infinite;
}

.oursui_loading_leaf_2:before {
    -webkit-transform: rotate(60deg) translate(7.92px, 0px);
    transform: rotate(60deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_3 {
    -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
    animation: opacity-60-25-3-12 1.25s linear infinite;
}

.oursui_loading_leaf_3:before {
    -webkit-transform: rotate(90deg) translate(7.92px, 0px);
    transform: rotate(90deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_4 {
    -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
    animation: opacity-60-25-4-12 1.25s linear infinite;
}

.oursui_loading_leaf_4:before {
    -webkit-transform: rotate(120deg) translate(7.92px, 0px);
    transform: rotate(120deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_5 {
    -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
    animation: opacity-60-25-5-12 1.25s linear infinite;
}

.oursui_loading_leaf_5:before {
    -webkit-transform: rotate(150deg) translate(7.92px, 0px);
    transform: rotate(150deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_6 {
    -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
    animation: opacity-60-25-6-12 1.25s linear infinite;
}

.oursui_loading_leaf_6:before {
    -webkit-transform: rotate(180deg) translate(7.92px, 0px);
    transform: rotate(180deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_7 {
    -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
    animation: opacity-60-25-7-12 1.25s linear infinite;
}

.oursui_loading_leaf_7:before {
    -webkit-transform: rotate(210deg) translate(7.92px, 0px);
    transform: rotate(210deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_8 {
    -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
    animation: opacity-60-25-8-12 1.25s linear infinite;
}

.oursui_loading_leaf_8:before {
    -webkit-transform: rotate(240deg) translate(7.92px, 0px);
    transform: rotate(240deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_9 {
    -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
    animation: opacity-60-25-9-12 1.25s linear infinite;
}

.oursui_loading_leaf_9:before {
    -webkit-transform: rotate(270deg) translate(7.92px, 0px);
    transform: rotate(270deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_10 {
    -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
    animation: opacity-60-25-10-12 1.25s linear infinite;
}

.oursui_loading_leaf_10:before {
    -webkit-transform: rotate(300deg) translate(7.92px, 0px);
    transform: rotate(300deg) translate(7.92px, 0px);
}

.oursui_loading_leaf_11 {
    -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
    animation: opacity-60-25-11-12 1.25s linear infinite;
}

.oursui_loading_leaf_11:before {
    -webkit-transform: rotate(330deg) translate(7.92px, 0px);
    transform: rotate(330deg) translate(7.92px, 0px);
}

@-webkit-keyframes opacity-60-25-0-12 {
    0% {
        opacity: 0.25;
    }
    0.01% {
        opacity: 0.25;
    }
    0.02% {
        opacity: 1;
    }
    60.01% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}

@-webkit-keyframes opacity-60-25-1-12 {
    0% {
        opacity: 0.25;
    }
    8.34333% {
        opacity: 0.25;
    }
    8.35333% {
        opacity: 1;
    }
    68.3433% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}

@-webkit-keyframes opacity-60-25-2-12 {
    0% {
        opacity: 0.25;
    }
    16.6767% {
        opacity: 0.25;
    }
    16.6867% {
    }
    76.6767% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}

@-webkit-keyframes opacity-60-25-3-12 {
    0% {
        opacity: 0.25;
    }
    25.01% {
        opacity: 0.25;
    }
    25.02% {
        opacity: 1;
    }
    85.01% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}

@-webkit-keyframes opacity-60-25-4-12 {
    0% {
        opacity: 0.25;
    }
    33.3433% {
        opacity: 0.25;
    }
    33.3533% {
        opacity: 1;
    }
    93.3433% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}

@-webkit-keyframes opacity-60-25-5-12 {
    0% {
        opacity: 0.270958333333333;
    }
    41.6767% {
        opacity: 0.25;
    }
    41.6867% {
        opacity: 1;
    }
    1.67667% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.270958333333333;
    }
}

@-webkit-keyframes opacity-60-25-6-12 {
    0% {
        opacity: 0.375125;
    }
    50.01% {
        opacity: 0.25;
    }
    50.02% {
        opacity: 1;
    }
    10.01% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.375125;
    }
}

@-webkit-keyframes opacity-60-25-7-12 {
    0% {
        opacity: 0.479291666666667;
    }
    58.3433% {
        opacity: 0.25;
    }
    58.3533% {
        opacity: 1;
    }
    18.3433% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.479291666666667;
    }
}

@-webkit-keyframes opacity-60-25-8-12 {
    0% {
        opacity: 0.583458333333333;
    }
    66.6767% {
        opacity: 0.25;
    }
    66.6867% {
        opacity: 1;
    }
    26.6767% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.583458333333333;
    }
}

@-webkit-keyframes opacity-60-25-9-12 {
    0% {
        opacity: 0.687625;
    }
    75.01% {
        opacity: 0.25;
    }
    75.02% {
        opacity: 1;
    }
    35.01% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.687625;
    }
}

@-webkit-keyframes opacity-60-25-10-12 {
    0% {
        opacity: 0.791791666666667;
    }
    83.3433% {
        opacity: 0.25;
    }
    83.3533% {
        opacity: 1;
    }
    43.3433% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.791791666666667;
    }
}

@-webkit-keyframes opacity-60-25-11-12 {
    0% {
        opacity: 0.895958333333333;
    }
    91.6767% {
        opacity: 0.25;
    }
    91.6867% {
        opacity: 1;
    }
    51.6767% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.895958333333333;
    }
}

/*Loading--e--*/
.clear:after {
    content: " ";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.middle:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.portal-show {
    display: block !important;
}

/*.portal-main,.portal-top,.portal-right,.portal-bottom,.portal-left{
    display: none;
}*/
.portal-main {
    overflow: hidden;
}
.portal-main.reduce{
    background-color: #f1f3f4;
}

.portal-main .portal-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    vertical-align: top;
    z-index: 1; /* HR-43969 */
}

.portal-wrapper {
    min-height: 100%;
    font-size: 12px;
}

.portal-main .portal-main-iframe {
    width: 100%;
    border: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    bottom: 0;
    vertical-align: top;
    z-index: 1; /*HR-43969*/
}

/*.portal-main.hasIframe {
    background-color: #f2f3f5;
}*/

.portal-main.hasIframe .portal-main-iframe {
    padding-left: 12px;
}

.portal-main .portal-main-iframe iframe {
    background: #ffffff;
    min-width: 1080px;
    width: 100%;
    height: 100%;
    border: 0;
    overflow-x: auto;
}

/*portal存在面包屑--s--*/
.portal-main.hasBreadcrumb {
    padding-top: 30px;
}

.portal-main.hasBreadcrumb .portal-layout,
.portal-main.hasBreadcrumb .portal-main-iframe {
    top: 12px;
}

.portal-main.hasBreadcrumb .portal-layout {
    padding-top: 0;
}

/*portal存在面包屑--e--*/
/*工作台存在多空间--s--*/
.portal-main.hasChangeLayout .portal-layout {
    top: 40px;
}

.changeLayout-content {
    padding: 8px 20px 0 20px;
    position: relative;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.changeLayout-title {
    padding-right: 24px;
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
}

.changeLayout-title:before {
    content: "\e77e";
    font-family: ehrIconFont;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}

.changeLayout-content-box {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.changeLayout-content-right{
    width: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 11px;
    text-align: left;
    font-size: 0;
}
.changeLayout-content-right-screen{
    background-color: rgba(29,99,239,.1);
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    font-size: 12px !important;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
    margin: 5px 0 0 8px;
}
.changeLayout-content-right-screen:hover{
    background-color: rgba(255,255,255,.1);
    color: #1d63ef;
}
.changeLayout-content-right-screen:before{
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
}
.inScreen:before{
    content: "\e610";
}
.outScreen:before{
    content: "\e60e";
}
.reduce .inScreen,
.outScreen{
    display: none;
}
.reduce .outScreen{
    display: inline-block;
}
.changeLayout-area {
    background: linear-gradient(180deg, #f5f6f8 0%, #ffffff 97%);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
    border-radius: var(--border-radius);
    padding: 8px;
    position: absolute;
    left: -8px;
    top: auto;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s;
}

.changeLayout-content-box:hover .changeLayout-area {
    opacity: 1;
    visibility: visible;
}

.changeLayout-item {
    padding: 8px 12px;
    font-size: 14px;
    border-radius: var(--border-radius);
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}

.changeLayout-item:hover {
    background-color: rgba(0, 0, 0, .05)
}

/*工作台存在多空间--e--*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.wrapper {
    min-height: 100%;
    display: block;
}

.portal-wrapper .portal-top {
    z-index: 202;
}

.portal-top {
    border-bottom: 1px solid transparent;
    box-shadow: none !important;
}

.portal-head {
    width: 100%;
    height: 46px;
}

.portal-head .portal-head-left,
.portal-head .portal-head-right {
    height: 100%;
}

.portal-head .portal-head-left,
.portal-head .portal-head-right,
.portal-head .portal-head-left > div,
.portal-head .portal-head-right > div {
    display: inline-block;
    vertical-align: middle;
}

.portal-head .portal-head-left:after,
.portal-head .portal-head-right:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

/*portalButton--s*/
.portal-button {
    height: 100%;
    display: table;
    text-align: center;
    float: left;
    /*display: inline-block;
    vertical-align: middle;*/
    cursor: pointer;
}

.portal-button.disabled {
    cursor: not-allowed;
}

.portal-button .portal-button-item {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.portal-button .portal-button-item .operation-item-text {
    font-size: 12px;
}

.portal-button .portal-button-area {
    display: block;
}

.portalLogo, img.portalLogo {
    margin-left: 10px;
    margin-right: 20px;
}

.portalLogo img.portalLogo {
    margin-left: 0;
    margin-right: 0;
}

.portalLogo img, img.portalLogo {
    max-width: 100%;
    max-height: 40px;
    vertical-align: top;
}

.portal-buttons {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.portal-buttons:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.portal-buttons .portal-button {
    margin-left: 10px;
    margin-right: 10px;
}

.portal-buttons #button_userIcon.portal-button {
    margin-left: 0;
    margin-right: 0;
}

.portal-buttons #button_userIcon.portal-button .portal-button-item {
    padding-right: 10px;
    padding-left: 10px;
}

.portal-buttons .portal-button .portal-button-item {
    text-align: center;
}

.portal-buttons .portal-button .portal-button-item > div {
    display: inline-block;
    vertical-align: middle;
}

/*只显示图标*/
.portal-buttons.portal-buttons-0 > .portal-button .portal-button-item .operation-item-text {
    display: none;
}

/*只显示文字*/
.portal-buttons.portal-buttons-1 > .portal-button .portal-button-item .operation-item-icon {
    display: none;
}

/*图标和文字都显示*/
.portal-buttons.portal-buttons-2 > .portal-button .portal-button-item > div {
    display: inline-block;
    vertical-align: middle;
}

/*portalButton--e*/
/*LOGO*/
.ours-portal-logo {
    width: 100px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: center center;
}

.portalLogo-area {
    height: 46px;
}

.portal-logo {
    height: 46px;
    display: table;
    text-align: center;
    float: left;
    padding-left: 30px;
    cursor: pointer;
}

.portal-logo .logo-area {
    min-width: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.portal-logo .logo-area img {
    max-height: 32px;
    vertical-align: top;
}

/*portal-select*/
.portal-select {
    width: auto;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding-left: 14px;
    padding-right: 20px;
    margin-left: 20px;
    position: relative;
    cursor: default;
}

.portal-select:hover {
    overflow: inherit;
}

.portal-select:hover:before {
    content: "";
    background-color: #f1f3f4;
    width: 100%;
    height: 30px;
    display: inline-block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    margin-top: -14px;
    border-radius: 4px;
    /*box-shadow: 0 0 3px rgba(0,0,0,.1);*/
}

.portal-select:hover .selected-info,
.portal-select:hover .selectArrow-icon {
    color: #222222;
}

.portal-select:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.portal-select .selected-info {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 440px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-select .selectArrow-icon {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: right;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -7px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.portal-select:hover .selectArrow-icon {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
}

.portal-button-item .portal-select-area,
.portal-select .portal-select-area {
    width: 300px;
    margin-left: -150px;
}

.portal-select .portal-select-area {
    margin-left: 0;
    left: 0;
}

/*模拟下拉*/
.portal-select-area {
    background: #ffffff;
    height: auto;
    padding: 8px;
    border-radius: var(--border-radius);
    text-align: center;
    position: absolute;
    top: 60px;
    left: 50%;
    font-size: 14px;
    line-height: 30px;
    color: #6C6C6C;
    border: 1px solid #EDF0F3;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: -20;
    -webkit-transition: top .2s linear;
    transition: top .2s linear;
}

.portal-select-area-show,
.portal-select:hover .portal-select-area {
    z-index: 99;
    top: 40px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.portal-select-area-show {
    left: auto;
    top: 29px;
    z-index: 203;
}

/*.portal-select-triangle{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    z-index: 3;
    top: -8px;
    left: 50%;
    margin-left: -6px;
}*/
.portal-select dl,
.portal-select-list dl {
    width: 100%;
    margin: 0;
    padding: 0;
    max-height: 360px;
    overflow: hidden;
    overflow-y: auto;
}

.portal-select dl dd,
.portal-select-list dl dd {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 14px;
    color: #222222;
    border-radius: var(--border-radius);
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: background-color .5s ease;
}

.portal-select dl dd:hover,
.portal-select-list dl dd:hover {
    background: #ebebeb;
    cursor: pointer;
}

.portal-select dl dd.selected,
.portal-select-list dl dd.selected {
    background: #e9e9e9;
    color: #111111;
}

.portal-select-list.portal-select-list-op dl dd {
    text-align: left;
    position: relative;
    cursor: default;
}

.portal-select-list.portal-select-list-op dl dd i {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-select-list-btn {
    background: #f0f8fd;
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    padding: 4px 4px 4px 0;
    line-height: normal;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.portal-select-list.portal-select-list-op dl dd:hover .portal-select-list-btn {
    opacity: 1;
    visibility: visible;
}

.portal-select-list-btn .ehr-btn {
    min-width: auto;
    max-width: 100px;
    padding: 2px 6px;
    line-height: 20px;
    margin-left: 8px;
    vertical-align: top;
}

.portal-select-list-btn .ehr-btn > span {
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

/*右上角系统下拉*/
.portal-button-more {
    background: #ffffff;
    width: 140px;
    margin-left: -110px;
    height: auto;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 74px;
    right: 0;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    line-height: 30px;
    border-radius: 4px;
    color: #222222;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .2);
}

.portal-button-more-triangle {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    z-index: 3;
    top: -8px;
    right: 13px;
    left: auto;
    display: none;
}

.portal-button-more .portal-buttons {
    width: 100%;
    margin: 0;
    padding: 0;
}

.portal-button-more .portal-buttons .portal-button {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
    margin-left: 0;
    text-align: center;
    color: #222222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.portal-button-more .portal-buttons .portal-button .portal-button-item .operation-item-text {
    color: #222222;
}

.portal-button-more .portal-buttons .portal-button .portal-button-item .operation-item-text {
    font-size: 14px;
}

.portal-button-more .portal-buttons .portal-button:hover {
    background: #f5f6f8;
    cursor: pointer;
}

.portal-button-more .portal-buttons .portal-button#button_logOut {
    border-top: 1px solid RGBA(216, 225, 230, .2);
}

.portal-button-more .portal-buttons #button_logOut.portal-button:hover {
    background: rgba(246, 92, 120, 0.1);
}

.portal-button-more .portal-buttons #button_logOut.portal-button .operation-item-text {
    color: #e4393c;
}

.portal-button-more.show-portal-button-more {
    top: 44px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=0);
}

.portal-button-more .portal-buttons.portal-buttons-1:after {
    display: none;
}

.portal-button-more .portal-buttons .portal-button.portal-button-list-area {
    position: relative;
    overflow: initial;
}

.portal-button-more .portal-buttons .portal-button.portal-button-list-area .hasList:after {
    content: "\e655";
    font-family: "ehrIconFont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    color: #666666;
}

.portal-button-list {
    background-color: #ffffff;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    display: none;
}

.portal-button-list-item {
    display: block;
    padding: 0 24px 0 12px;
    line-height: 32px;
    font-size: 12px;
    border-radius: 4px;
    text-align: left;
    white-space: nowrap;
    position: relative;
}

.portal-button-list-item:hover {
    background-color: #f5f6f8;
}

.portal-button-list-item.selected:after {
    content: "\e60f";
    font-family: "ehrIconFont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -6px;
}

.portal-button-list-area:hover .portal-button-list {
    display: block;
}

/*操作区域*/
.portal-operation {
    height: 46px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 0 10px;
}

.portal-operation-item {
    display: inline-block;
    height: 100%;
    font-size: 14px;
    margin-left: 20px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

/*红色圆点*/
.portal-red-alert {
    background: #e2706d;
    width: 10px;
    height: 10px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
}

.operation-item-icon {
    background: none !important;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 13px;
    position: relative;
}

.operation-item-icon + .portal-red-alert {
    top: 15px;
}

.operation-appCenter {
    background-position: -160px -24px;
}

.operation-message {
    background-position: -184px 0;
}

.operation-set {
    background-position: -203px -107px;
}

.operation-user {
    background: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.operation-user img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.operation-taskList {
    background-position: -228px -47px;
}

.operation-help {
    background-position: -228px -80px;
}

.portal-operation-item .portal-select {
    padding: 5px;
    width: 140px;
    margin-left: -110px;
}

.portal-operation-item .portal-select .portal-select-triangle {
    right: 21px;
    left: auto;
}

/*面包屑导航--s--*/
/*.hasBreadcrumb .portal-breadcrumb{
    display: block;
}*/
.portal-breadcrumb {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
    color: rgba(34, 34, 34, .5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
}

.portal-breadcrumb .portal-breadcrumb-area {
    height: 22px;
    line-height: 22px;
    padding-bottom: 8px;
    margin: 0 15px;
}

.portal-breadcrumb-area a {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    color: rgba(34, 34, 34, .5) !important;
}

.portal-breadcrumb-area .breadcrumb-item {
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.portal-breadcrumb-area .breadcrumb-item a .menu-icon {
    display: none;
}

.portal-breadcrumb-area .breadcrumb-item:first-child a .menu-icon {
    display: inline-block;
    opacity: .85;
}

/*.portal-breadcrumb-area .breadcrumb-item a:hover,
.portal-breadcrumb-area .breadcrumb-item:first-child:last-child a:hover {
    opacity: 1;
    color: var(--theme-portal-color);
    cursor: pointer;
}*/

.portal-breadcrumb-area .breadcrumb-item:last-child a {
    color: #222222 !important;
    cursor: default;
}

.portal-breadcrumb-area .breadcrumb-item:first-child:last-child a {
    color: rgba(34, 34, 34, 1);
}

.portal-breadcrumb-area .portal-breadcrumb-text {
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

.portal-breadcrumb-area .portal-breadcrumb-home {
    background-position: 0 -80px;
    margin-right: 3px;
    display: inline-block;
}

.portal-breadcrumb-area .portal-breadcrumb-arrow {
    background-position: -140px -80px;
    display: inline-block;
}

/*面包屑导航--e--*/
/*portal-tabs*/
.portal-tabs {
    height: 50px;
    font-size: 0;
    position: relative;
}

/*.portal-tabs:after{
    content: " ";
    background: rgba(255,255,255,.5);
    width: 1px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}*/
.portal-tabs-item {
    vertical-align: middle;
    position: relative;
    margin: 0 10px;
    display: inline-block;
}

.portal-tabs-item .select-line {
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 5px;
}

.portal-tabs-item .multi-menu-icon {
    background-position: -160px -80px;
    right: -17px;
    left: auto;
    display: none;
}

.portal-tabs-item a {
    padding: 0 3px;
    text-align: center;
    border-left: 0;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.portal-tabs-item a .navText {
    height: 48px;
    line-height: 48px;
}

/*更多*/
.portal-tabs-more {
    width: 240px;
    position: absolute;
    top: 62px;
    left: 50%;
    margin-left: -120px;
    background: #ffffff;
    height: auto;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    z-index: 200;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    line-height: 30px;
    color: #6C6C6C;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .2);
}

.tabs-more-triangle {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    z-index: 3;
    top: -8px;
    left: 50%;
    margin-left: -6px;
}

.tabs-more-list {
    width: 100%;
    margin: 0;
    padding: 0;
}

.tabs-more-list .tabs-more-item {
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
    font-size: 14px;
    color: #222222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tabs-more-list .tabs-more-item:hover {
    background: #f0f8fd;
    cursor: pointer;
}

.tabs-more-list .tabs-more-item.selected {
    background: #e9e9e9;
    color: #111111;
}

.portal-tabs-item:hover .portal-tabs-more {
    top: 46px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

/*portal-menu*/
.menu {
    height: 45px;
    font-size: 0;
}

.menu .activeSubMenu {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 301;
    display: none;
}

.menu-classify {
    display: block;
    height: 34px;
    line-height: 45px;
    padding-left: 15px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}

.menu .menu-item {
    vertical-align: middle;
    position: relative;
    margin: 0 15px;
}

.menu-item a {
    height: 45px;
    line-height: 45px;
    font-size: 0;
    padding: 0 5px;
    text-align: center;
    border-left: 0;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.menu-item a .navText {
    max-width: 120px;
    height: inherit;
    line-height: inherit;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu-item .select-line {
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
}

.menu-item.selected .select-line {
    background: #ffffff;
}

.menu-item .multi-menu-icon {
    margin-left: -8px;
}

.menu-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.menu-icon.icon-size-20 {
    font-size: 16px;
}

.menu-icon .menu-icon-img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 2px;
}

.menu-0 .menu-icon {
    display: inline-block;
}

.portal-tabs-item .menu-icon {
    margin-left: -7px;
    opacity: .7;
}

.level2-menu-item .menu-icon,
.level3-menu-item .menu-icon {
    float: left;
    margin-top: 13px;
    margin-right: 5px;
}

.navIcon, .hrForms-icon {
    /*background-image: url("../images/portal-infoicon.png?version=1.0.0");*/
    background: none !important;
    background-repeat: no-repeat;
}

.menu-0 .menu-item:hover .navIcon-home,
.navIcon-home {
    background-position: 0 -20px;
}

.menu-0 .menu-item:hover .navIcon-app,
.navIcon-app {
    background-position: -20px -60px;
}

.menu-0 .menu-item:hover .navIcon-workflow,
.navIcon-workflow {
    background-position: -20px -20px;
}

.menu-0 .menu-item:hover .navIcon-chart,
.navIcon-chart {
    background-position: -60px -20px;
}

.menu-0 .menu-item:hover .navIcon-template,
.navIcon-template {
    background-position: -80px -20px;
}

.menu-0 .menu-item:hover .navIcon-backstage,
.navIcon-backstage {
    background-position: -100px -20px;
}

.menu-0 .menu-item:hover .navIcon-business,
.navIcon-business {
    background-position: -40px -60px;
}

.menu-0 .menu-item:hover .navIcon-archives,
.navIcon-archives {
    background-position: 0 -60px;
}

.menu-0 .menu-item:hover .navIcon-investigation,
.navIcon-investigation {
    background-position: -40px 0;
}

.menu-0 .menu-item:hover .navIcon-enum,
.navIcon-enum {
    background-position: -80px -60px;
}

.menu-0 .menu-item:hover .navIcon-pubinfo,
.navIcon-pubinfo {
    background-position: -100px -60px;
}

.navIcon-flex {
    background-position: -160px -60px;
}

.menu-0 .navIcon-home {
    background-position: 0 -120px;
}

.menu-0 .navIcon-app {
    background-position: -20px -140px;
}

.menu-0 .navIcon-workflow {
    background-position: -20px -120px;
}

.menu-0 .navIcon-chart {
    background-position: -60px -120px;
}

.menu-0 .navIcon-template {
    background-position: -80px -120px;
}

.menu-0 .navIcon-backstage {
    background-position: -100px -120px;
}

.menu-0 .navIcon-business {
    background-position: -40px -140px;
}

.menu-0 .navIcon-archives {
    background-position: 0 -140px;
}

.menu-0 .navIcon-investigation {
    background-position: -40px 0;
}

.menu-0 .navIcon-enum {
    background-position: -80px -140px;
}

.menu-0 .navIcon-pubinfo {
    background-position: -100px -140px;
}

.menu-0 .navIcon-default {
    background-position: -60px -140px;
}

.menu-0 .menu-item dl.level2-menu-item dd:hover > .navIcon-default {
    background-position: -60px -60px;
}

.multi-menu-icon {
    background-position: -208px -20px;
}

.menu-0 .multi-menu-icon {
    background-position: -140px -20px;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -10px;
}

.menu-1 .multi-menu-icon {
    display: inline-block;
}

.menu.menu-1 .menu-item.selected .select-line {
    width: 80%;
    left: 10%;
}

/*导航显示*/
/*菜单显示menu-0（左侧），menu-1(横向)，menu-2（弹窗），menu-3（抽屉）*/
.menu-0,
.menu-2,
.menu-3 {
    height: auto;
    text-align: left;
}

.menu-0,
.menu-3 {
    width: 100%;
    position: relative;
}

.menu-1 {
    padding-left: 10px;
    padding-right: 50px;
    position: relative;
}

.menu-1 .menu-container {
    white-space: nowrap;
}

.menu-2 {
    width: 100%;
    position: relative;
}

.menu-1 .menu-item,
.menu-2 .menu-item {
    display: inline-block;
}

.menu-1 .menu-item {
    vertical-align: top;
    margin: 0 5px;
}

.menu-1 .menu-item a {
    padding: 0 15px;
}

.menu-0 .menu-item,
.menu-3 .menu-item {
    display: block;
    margin: 0;
}

.menu-0 .menu-item .select-line {
    width: 4px;
    height: auto;
    top: 10px;
    bottom: 10px;
    left: 0;
    border-radius: 0;
}

.menu-0 .menu-item a,
.menu-3 .menu-item a {
    padding-left: 15px;
    text-align: left;
}

.menu-0 .menu-item a .navText,
.menu-3 .menu-item a .navText {
    max-width: 110px;
    display: inline-block;
    vertical-align: middle;
}

.menu-3 .menu-item a {
    padding-left: 20px;
    padding-right: 20px;
    height: 44px;
    line-height: 44px;
    transition: all .2s;
}

.menu-3 .menu-item a .navText {
    max-width: initial;
    display: block;
}

.menu-3 .menu-item .multi-menu-icon {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 3px;
    margin-top: 0;
    margin-right: 0;
}

.menu-3:after {
    height: 0;
}

.menu-3 .level2-container,
.menu-3 .level2-container .level3-container {
    position: static;
    width: auto;
    height: 0;
    overflow: hidden;
    box-shadow: none;
    top: auto;
    left: auto;
    display: block;
    transition: all .3s;
}

.menu-3 dl.level2-menu-item dd,
.menu-3 dl.level3-menu-item dd {
    line-height: 44px;
    padding: 0;
}

.menu-3 dl.level2-menu-item dd .menu-text {
    padding-left: 57px;
}

.menu-3 dl.level3-menu-item dd .menu-text {
    padding-left: 72px;
}

/*.menu-3 dl.level2-menu-item>dd>.menu-text,
.menu-3 dl.level3-menu-item>dd>.menu-text{
    border-left: 4px solid transparent;
}
.menu-3 .menu-item a{
    border-left: 4px solid transparent;
}*/
.menu-3 .menu-icon {
    display: inline-block;
    float: left;
    margin: 10px 16px 10px 0;
}

.menu-3 .level2-menu-item .menu-icon,
.menu-3 .level3-menu-item .menu-icon {
    display: none;
}

.flexContainer .menu-3 .menu-item a {
    padding-left: 20px;
}

/*空间导航--s*/
.portal-spaceMenu {
    background: #ffffff;
    width: 960px;
    height: auto;
    padding: 5px;
    border-top: 4px solid var(--theme-portal-color);
    border-radius: 5px;
    text-align: center;
    position: absolute;
    top: 46px;
    right: 130px;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 12px;
    line-height: 30px;
    color: rgba(34, 34, 34, .9);
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .2);
}

.spaceMenu-cnt {
    padding: 0 30px 10px 30px;
}

.spaceMenu-cnt .menu-2 {
    white-space: nowrap;
}

.menu-2 .menu-item {
    width: 130px;
    padding: 10px 0;
    margin: 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.menu-2 .menu-item a {
    padding: 0 10px;
    color: #333333;
    font-weight: bold;
    cursor: default;
}

.menu-2 .menu-item a .navText {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

.menu-2 dl.level2-menu-item {
    position: relative;
    width: auto;
    box-shadow: none;
    left: auto;
    top: auto;
    display: block;
}

.menu-2 dl.level2-menu-item dd {
    line-height: 34px;
    font-size: 12px;
}

.level-icon {
    background: url("../images/level-container-icon.png") #f2f2f2 center no-repeat;
    width: 100%;
    height: 20px;
    display: none;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.level-up {
    background-position: 0 -20px;
}

.level-up.disabled {
    background-position: 0 0;
}

.level-down {
    background-position: 0 -40px;
}

.level-down.disabled {
    background-position: 0 -60px;
}

.level2-container,
.level2-container .level3-container {
    background: #ffffff;
    width: 160px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    top: 43px;
    z-index: 300;
    display: none;
}

.level2-container .level3-container {
    left: 160px;
    top: 0;
}

.level3-container {
    background: #ffffff;
    width: 160px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    position: relative;
}

dl.level2-menu-item,
dl.level3-menu-item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.menu-item:hover .level2-container {
    display: block;
}

dl.level2-menu-item dd,
dl.level3-menu-item dd {
    width: 100%;
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 45px;
    margin: 0;
    padding: 0 10px;
    position: relative;
}

dl dd .menu-text {
    font-size: inherit;
    font-style: normal;
    max-width: 100%;
    display: block;
    line-height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

dl.level2-menu-item dd:hover,
dl.level3-menu-item dd:hover {
    cursor: pointer;
}

dl.level2-menu-item dd:hover > .form-iconfont,
dl.level3-menu-item dd:hover > .form-iconfont,
dl.level2-menu-item dd:hover > .menu-text,
dl.level3-menu-item dd:hover > .menu-text {
    color: #ffffff;
}

.level2-container dl.level2-menu-item dd:hover .level3-container {
    display: block;
}

.portal-spaceMenu.show-portal-spaceMenu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.menu-0 .level2-container {
    left: 170px;
    top: 0;
}

.level2-menu-item dd .multi-menu-icon {
    width: 20px;
    height: 20px;
    background-position: -138px -79px;
    margin-left: 0;
    float: right;
    margin-right: -10px;
    margin-top: 10px;
}

.level2-menu-item dd:hover .multi-menu-icon {
    background-position: -138px -19px;
}

.menu-0 .level2-menu-item dd .multi-menu-icon {
    position: static;
    top: 0;
    margin-left: 0;
    float: right;
    margin-right: -10px;
    margin-top: 13px;
}

.needScroll {
    overflow: hidden;
}

.needScroll .level-icon {
    position: absolute;
    left: 0;
    display: block;
}

.needScroll .level-up {
    top: 0;
}

.needScroll .level-down {
    bottom: 0;
}

.needScroll > .level2-menu-item,
.needScroll > .level3-menu-item {
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
}

/*菜单切换*/
.menu-switch {
    display: block;
    font-size: 0;
    text-align: center;
}

.menu-switch-icon {
    background: url("../images/menu-switch-icon.png") no-repeat;
    background-size: 48px 72px;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.menu-switch .menu-switch-prev {
    background-position: 0 0;
    margin-right: 8px;
}

.menu-switch .menu-switch-next {
    background-position: -24px 0;
    margin-left: 8px;
}

.menu-switch .menu-switch-prev.disabled,
.menu-switch .menu-switch-next.disabled {
    opacity: .5 !important;
    cursor: not-allowed;
}

.menu-switch .menu-switch-prev:hover {
    background-position: 0 -24px;
}

.menu-switch .menu-switch-next:hover {
    background-position: -24px -24px;
}

.menu-switch .menu-switch-num {
    background-color: #ddd;
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.menu-switch .menu-switch-num.switched {
    background-color: var(--theme-portal-color);
}

.menu-0 .menu-switch {
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.menu-1 .menu-switch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.menu-0 .menu-switch-icon,
.menu-1 .menu-switch-icon {
    background-size: 36px 54px;
    width: 18px;
    height: 18px;
}

.menu-0 .menu-switch .menu-switch-prev {
    background-position: 0 0;
    margin-right: 25px;
}

.menu-0 .menu-switch .menu-switch-next {
    background-position: -18px 0;
    margin-left: 25px;
}

.menu-0 .menu-switch .menu-switch-prev:hover {
    background-position: 0 -36px;
}

.menu-0 .menu-switch .menu-switch-next:hover {
    background-position: -18px -36px;
}

.menu-0 .menu-switch-num,
.menu-1 .menu-switch-num {
    display: none;
}

.menu-1 .menu-switch .menu-switch-prev {
    background-position: 0 -36px;
    margin-right: 6px;
    opacity: .8;
}

.menu-1 .menu-switch .menu-switch-next {
    background-position: -18px -36px;
    margin-left: 6px;
    opacity: .8;
}

.menu-1 .menu-switch .menu-switch-prev:hover,
.menu-1 .menu-switch .menu-switch-next:hover {
    opacity: 1;
}

/*空间导航--e*/
/*用户大头像信息--s*/
.userWrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.userContainer {
    margin: 5px 15px 10px 15px;
    height: 50px;
    overflow: hidden;
}

.userWrapper:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.9);
    display: block;
    left: 10px;
    right: 10px;
    height: 1px;
    position: absolute;
    bottom: 0;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.userLeft {
    width: 45px;
    height: 45px;
    margin-top: 3px;
    float: left;
    position: relative;
}

.userLeft .portal-button {
    width: 45px;
    height: 45px;
}

.userLeft .portal-button .portal-button-item img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}

.userRight {
    width: 85px;
    height: 50px;
    float: right;
    overflow: hidden;
}

.userRight p {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.9);
}

.userRight .userName {
    font-size: 16px;
    margin-bottom: 5px;
}

/*用户大头像信息--e*/
/*框架展开收起--s*/
.portal-wrapper.flexContainer .portal-left {
    width: 50px;
}

.portal-wrapper.flexContainer .portal-left:hover {
    z-index: 203;
}

.portal-wrapper.flexContainer .portal-main {
    left: 50px;
}

.portal-wrapper.flexContainer .portal-left .menu-classify {
    display: none;
}

.portal-wrapper.flexContainer .portal-left .userContainer {
    margin-left: 5px;
    margin-right: 5px;
}

.portal-wrapper.flexContainer .portal-left .userLeft {
    width: 40px;
    height: 40px;
}

.portal-wrapper.flexContainer .portal-left .userRight {
    display: none;
}

.portal-wrapper.flexContainer .portal-left .userLeft .portal-button {
    width: 40px;
    height: 40px;
}

.portal-wrapper.flexContainer .portal-left .menu-item a .navText {
    display: none;
}

.portal-wrapper.flexContainer .portal-left .menu-0 .menu-item > .multi-menu-icon {
    display: none;
}

.portal-wrapper.flexContainer .portal-left .menu-0 .level2-container {
    left: 50px;
}

.portal-wrapper.flexContainer .portal-left .portalFlex {
    top: 2px;
    right: 2px;
}

.portal-wrapper.flexContainer .portal-left .menu-0 .menu-switch .menu-switch-prev {
    margin-right: 3px;
}

.portal-wrapper.flexContainer .portal-left .menu-0 .menu-switch .menu-switch-next {
    margin-left: 3px;
}

.portal-wrapper.flexContainer .portal-left .navIcon-flex {
    background-position: -120px -60px;
}

/*框架展开收起图标*/
.portalFlex {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 10;
    cursor: pointer;
    opacity: .6;
}

.portalFlex .portal-button {
    width: 20px;
    height: 20px;
    margin: 0;
}

.portalFlex .portal-button .menu-icon {
    display: inline-block;
}

.portalFlex:hover {
    opacity: 1;
}

.portalFlex .portal-buttons .portal-button .portal-button-item > div {
    vertical-align: top;
}

/*框架展开收起--e*/
/*栏目*/
.portal-layout {
    position: relative;
    margin: 0 auto;
    padding: 15px 15px 0 15px;
}

.portal-layout .portalLayout {
    padding: 15px 15px 0 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    vertical-align: top;
    z-index: 1;
}

.portal-wrapper-qs .portal-layout .portalLayout,
.portal-wrapper-qs .changeLayout-content + .portal-layout .portalLayout {
    padding-top: 0;
}

.portal-layout-row {
    font-size: 0;
}

.portal-layout-row:after, .portal-layout-row:before {
    content: '';
    display: block;
    clear: both;
}

.portal-layout-col-space15 {
    margin: 0 -8px;
}

.portal-layout-col-space15 > * {
    padding: 0 8px;
    margin-bottom: 15px;
}

.portal-layout-col-1, .portal-layout-col-2, .portal-layout-col-3, .portal-layout-col-4, .portal-layout-col-5, .portal-layout-col-6, .portal-layout-col-7, .portal-layout-col-8, .portal-layout-col-9, .portal-layout-col-10, .portal-layout-col-11, .portal-layout-col-12 {
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
}

.portal-layout-col-1 {
    width: 8.33333333%;
}

.portal-layout-col-2 {
    width: 16.66666667%;
}

.portal-layout-col-3 {
    width: 25%;
}

.portal-layout-col-4 {
    width: 33.33333333%;
}

.portal-layout-col-5 {
    width: 41.66666667%;
}

.portal-layout-col-6 {
    width: 50%;
}

.portal-layout-col-7 {
    width: 58.33333333%;
}

.portal-layout-col-8 {
    width: 66.66666667%;
}

.portal-layout-col-9 {
    width: 75%;
}

.portal-layout-col-10 {
    width: 83.33333333%;
}

.portal-layout-col-11 {
    width: 91.66666667%;
}

.portal-layout-col-12 {
    width: 100%;
}

.only-one-column,
.only-one-column .portal-layout-col-12,
.only-one-column .portal-layout-col-12 .portal-section {
    height: 100%;
}

.only-one-column .portal-layout-col-12 {
    margin-bottom: 0;
}

.only-one-column .portal-layout-col-12 .portal-section {
    position: relative;
    overflow: hidden;
}

.only-one-column .portal-layout-col-12 .portal-section .portal-section-header {
    display: none;
}

.only-one-column .portal-layout-col-12 .portal-section .portal-section-body {
    padding: 0 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: top .25s ease;
}

/*.only-one-column .portal-layout-col-12 .portal-section:hover .portal-section-body{
    top: 36px;
}*/
.only-one-column .portal-layout-col-12 .portal-section .portal-section-body .include {
    height: 100% !important;
}

/*栏目卡片*/
.portal-section {
    margin-bottom: 16px;
    border-radius: var(--border-radius);
    background-color: #fff;
    position: relative;
}

.portal-section.section-noBg {
    background-color: transparent;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
    border-color: transparent;
}
/*.portal-section.section-noPadding{
    margin-bottom: 4px;
}*/

.portal-section.section-noPadding .portal-section-header{
    padding-top: 0;
}

.portal-section.section-noBg .portal-section-body,
.portal-section.section-noPadding .portal-section-body,
.portal-section.section-noPadding .portal-section-body .indicator,
.portal-section.section-noPadding .portal-section-body .sectionLimit{
    padding: 0;
}

.portal-section.section-noPadding .portal-section-body .tile{
    padding: 0 6px;
}

.portal-section:last-child {
    margin-bottom: 0;
}

.portal-section-header {
    padding: 8px 8px 0 8px;
    /*border-bottom: 1px solid RGBA(216, 225, 230, .2);*/
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    font-size: 14px;
    position: relative;
    white-space: nowrap;
}

.portal-section-header .header-title {
    width: 100%;
    display: block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.portal-section-body {
    /*height: 280px;*/
    padding: 4px 16px;
    line-height: 24px;
    font-size: 12px;
}

.portal-section-body .common-noData-area {
    height: 100%;
}

.portal-section-body .common-noData-area .noData-text {
    margin-top: 8px;
}

/*暂无数据*/
.portal-section-noData {
    width: 100%;
    height: 100%;
    display: table;
}

.portal-section-noData-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.noData-box-icon {
    background: url("../images/noData-icon.png") no-repeat;
    background-size: 128px 64px;
    background-position: 0 0;
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
}

.noData-box-text {
    display: block;
    font-size: 14px;
    color: #888;
    text-align: center;
}

/*选项卡*/
.portal-tab {
    margin: 10px 0;
    text-align: left !important;
}

.portal-tab-title {
    position: relative;
    left: 0;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.portal-tab-title li {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding: 0 3px;
    margin: 0 8px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    line-height: 40px;
    min-width: 30px;
    text-align: center;
    cursor: pointer;
}

.portal-tab-title li.selected {
    font-weight: bold;
}

.portal-tab-title li.selected:after {
    position: absolute;
    left: 10%;
    top: 0;
    content: '';
    width: 80%;
    height: 40px;
    box-sizing: border-box;
    pointer-events: none;
    border-radius: 0;
    border-bottom: 2px solid;
}

.portal-section .portal-tab .portal-tab-content {
    /*padding: 12px 15px 11px 15px;*/
}

.portal-tab-item {
    display: none;
}

.portal-section .portal-tab {
    margin: 0;
}

.portal-section .portal-tab .portal-tab-title {
    height: 46px;
    border-bottom-color: #e7eaec;
}

.portal-section .portal-tab .portal-tab-title li {
    margin: 0 15px;
    padding: 0;
    line-height: 46px;
}

.tabMore {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    border: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1;
}

.tabMore:hover {
    cursor: pointer;
}

.tabMore .tabMore-icon {
    background: url("../images/downArrow.png") center no-repeat;
    background-size: 10px auto;
    width: 100%;
    height: 100%;
    display: block;
}

.tabMore-list {
    background: #ffffff;
    width: 80px;
    padding: 3px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 18px;
    overflow: hidden;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    display: none;
}

.tabMore-list dl {
    display: block;
}

.tabMore-list dl dd {
    white-space: nowrap;
    line-height: 24px;
    padding: 0 5px;
    font-size: 12px;
    color: #222222;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabMore-list dl dd:hover,
.tabMore-list dl dd.selected {
    background: var(--theme-portal-color);
    color: #ffffff;
}

.tabMore:hover .tabMore-list {
    display: block;
}

/*栏目设置*/
.portal-section-config {
    background-color: #ffffff;
    display: block;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.portal-section-config-body {
    width: 100%;
    height: 251px;
    position: relative;
}

.portal-section-config-body iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.portal-section-config-foot {
    display: block;
    padding: 10px 0;
    text-align: center;
}

.portal-section-config-foot-btn {
    background: none;
    width: auto;
    padding: 0 18px;
    margin: 0 5px;
    height: 28px;
    font-size: 12px;
    color: #ffffff;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}

.blue-btn {
    background: var(--theme-portal-color);
}

.blue-btn:hover {
    background-color: #49A6FA;
}

.grey-btn {
    border: 1px solid #ebebeb;
    color: #999999;
}

.grey-btn:hover {
    background-color: #F3F6F8;
}

/*编辑&更多*/
.section-header-operation {
    /*padding: 0 4px;*/
    height: 28px;
    text-align: right;
    overflow: hidden;
    position: absolute;
    top: 14px;
    right: 10px;
    font-size: 0;
    z-index: 20;
    white-space: nowrap;
    direction: rtl;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}

.portal-section:hover .section-header-operation {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.section-header-operation i {
    display: inline-block;
    vertical-align: top;
    margin: 4px;
}

.moreInfo,
.editColumn {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    border: 1px solid;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: .6;
}

.moreInfo, .editColumn {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.moreInfo:hover,
.editColumn:hover {
    opacity: 1;
    cursor: pointer;
}

.moreInfo:before {
    content: "\e699";
}

.editColumn:before {
    content: "\e6d0";
}

.section-header-operation:hover {
    max-width: inherit;
}

/*.section-header-operation:hover .editColumn{
    display: inline-block;
    cursor: pointer;
}*/
/*中间内容区域鼠标移上效果*/
.portal-section-body .hover {
    cursor: pointer;
}

/*portal表格*/
table.portalTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.portalTable tr:hover {
    background-color: rgba(31,31,31,.05);
}

table.portalTable tr td {
    font-size: 12px;
    color: #999999;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.portalTable tr td a {
    font-size: 12px;
    height: inherit;
    line-height: inherit;
}

table.portalTable tr td a:hover {
    cursor: pointer;
}

table.portalTable tr td.td-first {
    width: 100%;
    padding-left: 5px;
    font-size: 14px;
    color: #111111;
    min-width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.portalTable tr td.td-first a {
    display: block;
    font-size: 14px;
}

table.portalTable tr td.td-first a:hover {
    cursor: pointer;
}

table.portalTable tr td:last-child {
    padding-right: 5px;
}

table.portalTable tr td a .portalTable-link {
    max-width: 100%;
    height: 30px;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

table.portalTable tr td a .portalTable-link:after {
    content: "";
    width: 0;
    display: table;
    visibility: hidden;
    clear: both;
}

table.portalTable tr td a .portalTable-link .flow-w-text {
    line-height: 30px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.portalTable tr td a .portalTable-link .flow-w-icon {
    display: block;
    font-size: 0;
    line-height: 30px;
}

.flow-w-icon-l {
    float: left;
}

.flow-w-icon-r {
    float: right;
}

.flow-w-icon-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    font-size: 12px !important;
    font-weight: normal !important;
}

.flow-w-icon-item.ehrFont-fenxiangzhuanfa {
    color: #ff5500;
    font-weight: bold !important;
}

.flow-w-icon-item.ehrFont-fujian1 {
    color: #f4935c !important;
}

.flow-w-icon-item.ehrFont-workflowbiaodan {
    color: #8ed04b !important;
}

.flow-w-icon.flow-w-icon-r .flow-w-icon-item {
    margin-right: 0;
    margin-left: 5px;
}

.tdColumnRow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.unread {
    font-weight: bold !important;
}

/*汇总*/
.sectionSummary {
    display: block;
}

.sectionSummary-leftLayout {
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.sectionSummary .indicator {
    width: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 9;
}

.sectionSummary .indicator .indicator-item:hover {
    box-shadow: none;
}

/*.sectionSummary-area {
    padding: 12px 16px;
}*/

.sectionSummary .indicator .indicator-item-num {
    color: #222222;
    line-height: 1;
}

/*.sectionSummary .indicator-item {
    padding-top: 4px;
    padding-bottom: 4px;
}*/

.sectionSummary .sectionSummary-header {
    font-size: 12px;
    font-weight: bold;
    padding: 0 12px;
    text-align: left;
}

.sectionSummary .sectionSummary-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*指标*/
.indicator {
    margin-right: -12px;
    padding: 3px 0;
    text-align: left;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* 间距替代margin */
}

.indicator-item {
    min-width: 60px;
    text-align: center;
    padding: 12px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.indicator-item:after,
.sectionLimit-item:after {
    content: "";
    background-color: rgba(0, 0, 0, .05);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s;
}

.indicator-item:hover:after,
.sectionLimit-item:hover:after {
    opacity: 1;
    visibility: visible;
}

.indicator-item-area {
    position: relative;
    z-index: 5;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#riskData .indicator-item {
    padding: 12px 10px;
}

.indicator-item-num {
    display: block;
    vertical-align: top;
    color: var(--theme-portal-color);
    white-space: nowrap;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
}

.indicator-item-text {
    display: block;
    width: 100%;
    color: #222222;
    font-size: 14px;
    line-height: 20px;

}

.indicator-item-num + .indicator-item-text,
.indicator-item-text + .indicator-item-num {
    margin-top: 6px;
}

/*.indicator-0{
    background-image: url("../images/indicatorBg.png?version=1.0.0");
    background-position: top right;
    background-repeat: no-repeat;
}*/

.personCountData .indicator-item {
    background-color: #f5f5f5;
    padding: 12px;
    position: relative;
    overflow: hidden;
}

/*.personCountData .indicator-item:after {
    font-family: "ehrIconFont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 40px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgba(34, 34, 34, .04);
    font-size: 48px;
    line-height: 60px;
    display: none;
}

.personCountData .indicator-item:nth-child(1):after {
    content: "\e64f";
}

.personCountData .indicator-item:nth-child(2):after {
    content: "\e796";
}

.personCountData .indicator-item:nth-child(3):after {
    content: "\e678";
}

.personCountData .indicator-item:nth-child(4):after {
    content: "\e61d";
}

.personCountData .indicator-item:nth-child(5):after {
    content: "\e66f";
}*/

.personCountData .indicator-item:hover {
    background-color: #ebebeb;
}

/*.personCountData .indicator-item-num {
    font-size: 26px;
}*/

.personCountData .indicator-item-num + .indicator-item-text,
.personCountData .indicator-item-text + .indicator-item-num {
    margin-top: 6px;
}

/*对齐方式*/
.textAlign-1 .sectionSummary-area,
.textAlign-1 .sectionLimit-item,
.textAlign-1 .indicator-item {
    text-align: left;
}

.textAlign-2 .sectionSummary-area,
.textAlign-2 .sectionLimit-item,
.textAlign-2 .indicator-item {
    text-align: center;
}

.textAlign-3 .sectionSummary-area,
.textAlign-3 .sectionLimit-item,
.textAlign-3 .indicator-item {
    text-align: right;
}

.textAlign-3.personCountData .indicator-item:after {
    right: auto;
    left: -10px;
}

/*指标一行显示个数item-size-*/
.item-size-2 .indicator .indicator-item,
.indicator.item-size-2 .indicator-item,
.item-size-2 .sectionLimit-item {
    flex: 0 0 calc(50% - 12px);
}

.item-size-2 .sectionLimit-item:last-child {
    flex: 0 0 calc(100% - 12px);
}

.item-size-3 .indicator .indicator-item,
.indicator.item-size-3 .indicator-item,
.item-size-3 .sectionLimit-item {
    flex: 0 0 calc(33.333333% - 12px);
}

.item-size-4 .indicator .indicator-item,
.indicator.item-size-4 .indicator-item,
.item-size-4 .sectionLimit-item {
    flex: 0 0 calc(25% - 12px);
}

.item-size-5 .indicator .indicator-item,
.indicator.item-size-5 .indicator-item,
.item-size-5 .sectionLimit-item {
    flex: 0 0 calc(20% - 12px);
}

.item-size-6 .indicator .indicator-item,
.indicator.item-size-6 .indicator-item,
.item-size-6 .sectionLimit-item {
    flex: 0 0 calc(16.666666% - 12px);
}

.numColor-1 .indicator .indicator-item-num,
.indicator.numColor-1 .indicator-item-num,
.sectionLimit.numColor-1 .sectionLimit-item-info-text-large {
    color: #222222;
}

.numColor-2 .indicator .indicator-item-num,
.indicator.numColor-2 .indicator-item-num,
.sectionLimit.numColor-1 .sectionLimit-item-info-icon,
.sectionLimit.numColor-2 .sectionLimit-item-info-icon,
.sectionLimit.numColor-2 .sectionLimit-item-info-text-large {
    color: var(--theme-portal-color);
}

.numColor-3 .indicator .indicator-item-num,
.indicator.numColor-3 .indicator-item-num,
.sectionLimit.numColor-3 .sectionLimit-item-info-icon,
.sectionLimit.numColor-3 .sectionLimit-item-info-text-large {
    color: #ff5500;
}

.numColor-4 .indicator .indicator-item-num,
.indicator.numColor-4 .indicator-item-num,
.sectionLimit.numColor-4 .sectionLimit-item-info-icon,
.sectionLimit.numColor-4 .sectionLimit-item-info-text-large {
    color: #F65C78;
}

.numColor-5 .indicator .indicator-item-num,
.indicator.numColor-5 .indicator-item-num,
.sectionLimit.numColor-5 .sectionLimit-item-info-icon,
.sectionLimit.numColor-5 .sectionLimit-item-info-text-large {
    color: #078f53;
}

.numColor-6 .indicator .indicator-item-num,
.indicator.numColor-6 .indicator-item-num,
.sectionLimit.numColor-6 .sectionLimit-item-info-icon,
.sectionLimit.numColor-6 .sectionLimit-item-info-text-large {
    color: #C295FF;
}

.numColor-7 .indicator .indicator-item-num,
.indicator.numColor-7 .indicator-item-num,
.sectionLimit.numColor-7 .sectionLimit-item-info-icon,
.sectionLimit.numColor-7 .sectionLimit-item-info-text-large {
    color: #FFFFFF;
}

.numColor-8 .indicator .indicator-item-num,
.indicator.numColor-8 .indicator-item-num,
.sectionLimit.numColor-8 .sectionLimit-item-info-icon,
.sectionLimit.numColor-8 .sectionLimit-item-info-text-large {
    color: #C09965;
}

.numColor-9 .indicator .indicator-item-num,
.indicator.numColor-9 .indicator-item-num,
.indicator.numColor-9 .indicator-item-text,
.numColor-9 .sectionLimit-item,
.numColor-9 .sectionLimit-item .sectionLimit-item-info-text,
.numColor-9 .sectionLimit-item .sectionLimit-item-info-text-large{
    color: #ffffff;
}

.personCountData.numColor-2 .indicator-item,
.sectionLimit.numColor-2 .sectionLimit-item {
    background-color: rgba(29, 99, 239, .05);
}

.personCountData.numColor-2 .indicator-item:hover,
.sectionLimit.numColor-2 .sectionLimit-item:hover {
    background-color: rgba(29, 99, 239, .1);
}

.personCountData.numColor-3 .indicator-item,
.sectionLimit.numColor-3 .sectionLimit-item {
    background-color: rgba(255, 80, 0, .05);
}

.personCountData.numColor-3 .indicator-item:hover,
.sectionLimit.numColor-3 .sectionLimit-item:hover {
    background-color: rgba(255, 80, 0, .1);
}

.personCountData.numColor-4 .indicator-item,
.sectionLimit.numColor-4 .sectionLimit-item {
    background-color: rgba(246, 92, 120, .05);
}

.personCountData.numColor-4 .indicator-item:hover,
.sectionLimit.numColor-4 .sectionLimit-item:hover {
    background-color: rgba(246, 92, 120, .1);
}

.personCountData.numColor-5 .indicator-item,
.sectionLimit.numColor-5 .sectionLimit-item {
    background-color: rgba(0, 182, 172, .05);
}

.personCountData.numColor-5 .indicator-item:hover,
.sectionLimit.numColor-5 .sectionLimit-item:hover {
    background-color: rgba(0, 185, 172, .1);
}

.personCountData.numColor-6 .indicator-item,
.sectionLimit.numColor-6 .sectionLimit-item {
    background-color: rgba(194, 149, 255, .08);
}

.personCountData.numColor-6 .indicator-item:hover,
.sectionLimit.numColor-6 .sectionLimit-item:hover {
    background-color: rgba(194, 149, 255, .18);
}

.personCountData.numColor-7 .indicator-item,
.sectionLimit.numColor-7 .sectionLimit-item {
    background-color: rgba(255, 255, 255, .05);
}

.personCountData.numColor-7 .indicator-item:hover,
.sectionLimit.numColor-7 .sectionLimit-item:hover {
    background-color: rgba(255, 255, 255, .1);
}

.personCountData.numColor-8 .indicator-item,
.sectionLimit.numColor-8 .sectionLimit-item {
    background-color: rgba(192, 153, 101, .08);
}

.personCountData.numColor-8 .indicator-item:hover,
.sectionLimit.numColor-8 .sectionLimit-item:hover {
    background-color: rgba(192, 153, 101, .18);
}

/*棋盘式*/
.checkerBoardList {
    display: block;
}

.checkerBoard-cnt {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.checkerBoard-cnt .checkerBoard-item {
    width: 50%;
    line-height: 31px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 14px;
    padding-right: 10px;
}

/*.checkerBoard-item:hover{
    color: #2490f8;
    cursor: pointer;
}*/
/*磁贴*/
.tile {
    display: block;
    font-size: 0;
    text-align: left;
}

.tile .tile-item {
    position: relative;
    min-width: 70px;
    /*height: 86px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 5px 10px 5px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.tile .tile-item:hover {
    /*background: #fafafa;*/
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(6px);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    transition: background .3s, box-shadow .3s;
    cursor: pointer;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.tile-icon {
    width: 36px;
    height: 36px;
    display: block;
    margin: 10px auto 0 auto;
    border-radius: 100%;
    overflow: hidden;
}

.tile-text {
    width: 100%;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-top: 8px;
    font-size: 14px;
    color: #222222;
    text-align: center;
}

.tile-font {
    width: 100%;
    height: 100%;
    line-height: 36px;
    display: block;
}

.tile-font:before {
    color: #ffffff !important;
}

.tile-icon img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
}

/*.tile.item-size-1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.tile.item-size-1 .tile-item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}*/
.tile.item-size-1 .tile-item {
    min-width: 90px;
}

.tile.item-size-2 .tile-item {
    width: 50%;
}

.tile.item-size-3 .tile-item {
    width: 33.333333%;
}

.tile.item-size-4 .tile-item {
    width: 25%;
}

.tile.item-size-5 .tile-item {
    width: 20%;
}

.tile.item-size-6 .tile-item {
    width: 16.666666%;
}

.tile.iconRadius-1 .tile-icon {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tile.iconRadius-2 .tile-icon {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/*快捷方式图标*/
.quick-operation-icon {
    background-image: url("../images/qucikIcon.png?version=1.1.2");
    background-repeat: no-repeat;
    background-size: 576px 72px;
    background-position: -540px -36px;
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
}

.quick-operation-icon-01 {
    background-position: 0 0; /*导入花名册*/
}

.quick-operation-icon-02 {
    background-position: -36px 0; /*新增员工*/
}

.quick-operation-icon-03 {
    background-position: -72px 0;
}

.quick-operation-icon-04 {
    background-position: -108px 0;
}

.quick-operation-icon-05 {
    background-position: -144px 0; /*新增管理员*/
}

.quick-operation-icon-06 {
    background-position: -180px 0; /*新建审批*/
}

.quick-operation-icon-07 {
    background-position: -216px 0; /*消息设置*/
}

.quick-operation-icon-08 {
    background-position: -36px -36px; /*消息中心*/
}

.quick-operation-icon-09 {
    background-position: -72px -36px; /*大任务列表*/
}

.quick-operation-icon-10 {
    background-position: -108px -36px; /*门户设置*/
}

.quick-operation-icon-11 {
    background-position: -144px -36px; /*开具证明*/
}

.quick-operation-icon-12 {
    background-position: -180px -36px; /*导入待入职*/
}

.quick-operation-icon-13 {
    background-position: -216px -36px; /*新增待入职*/
}

/*卡片式*/
.cardStyle {
    display: block;
    font-size: 0;
}

.cardStyle-cnt {
    display: block;
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 5px 0 -10px -15px;
}

.cardStyle-cnt .cardStyle-item {
    width: 33.33333333%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 15px;
    font-size: 24px;
    margin-bottom: 15px;
}

.cardStyle-area {
    background: #fafafa;
    display: block;
    min-width: 160px;
    padding: 15px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    /* box-shadow: 1px 1px 6px rgba(0,0,0,.1); */
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.cardStyle-img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    float: left;
}

.cardStyle-info {
    display: block;
    overflow: hidden;
}

.cardStyle-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.cardStyle-anther {
    height: 18px;
    line-height: 18px;
    display: block;
    position: relative;
    margin-top: 5px;
    font-size: 0;
    color: #aaaaaa;
    white-space: nowrap;
    overflow: hidden;
}

.cardStyle-name {
    font-size: 12px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.cardStyle-time {
    font-size: 12px;
    line-height: inherit;
}

.cardStyle-state {
    padding: 0 7px;
    line-height: 16px;
    border: 1px solid #d2d6d6;
    color: #d2d6d6;
    font-size: 12px;
    font-style: normal;
    margin-left: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.noRead {
    border-color: var(--theme-portal-color);
    color: var(--theme-portal-color);
}

/*上传自定义背景*/
.layoutBackground {
    display: block;
}

/*表格内容过多出现横向滚动--s--*/
.list,
.indicator,
.tile {
    overflow: hidden;
    padding: 0;
}

.indicator {
    padding: 12px 0;
}

.tile {
    padding: 12px 6px;
}

.list:hover,
.indicator:hover,
.tile:hover {
    overflow: auto;
}

/*表格内容过多出现横向滚动--e--*/
/*弹窗左右结构--s--*/
.dialog-lr-layout {
    padding: 24px 20px 0 20px;
}

.dialog-lr-layout-ul {
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dialog-lr-layout-ul .dialog-lr-layout-ul-li {
    display: block;
    position: relative;
    margin-bottom: 24px;
}

.dialog-lr-layout-ul .dialog-lr-layout-ul-li:after {
    content: "";
    width: 0;
    display: table;
    visibility: hidden;
    clear: both;
}

.dialog-lr-layout-title {
    width: 100px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #9cb0bb;
    float: left;
    line-height: 36px;
    margin-right: 40px;
    text-align: right;
}

.dialog-lr-layout-content {
    display: table-cell;
    width: 9999px;
    min-height: 36px;
    line-height: 36px;
    font-size: 14px
}

.dialog-lr-layout-content .ours-edit textarea {
    height: auto !important;
    min-height: 100px;
}

/*弹窗左右结构--e--*/
.portal-slider-layout {
    width: 420px;
    position: fixed;
    top: 0;
    right: -430px;
    bottom: 0;
    z-index: 9999;
    -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.08);
    -webkit-transition: right .3s ease-in-out;
    -moz-transition: right .3s ease-in-out;
    -ms-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
}

.portal-slider-layout-mask {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    display: none;
}

.portal-slider-layout-header {
    background-color: #ffffff;
    width: 100%;
    padding: 13px 20px 13px 20px;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    z-index: 3;
}

.portal-slider-layout-body {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    bottom: 0;
    padding: 0;
    overflow: hidden;
    z-index: 2;
}

.portal-slider-layout-body iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.portal-slider-title {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 16px;
    padding-left: 13px;
}

.portal-slider-title:before {
    content: "";
    background-color: var(--theme-portal-color);
    width: 3px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.portal-slider-close {
    background: url("../images/portalSlide-close.png?version=1.0.0") center no-repeat;
    background-size: 12px auto;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 10;
    transition: background-color .2s ease-in-out;
}

.portal-slider-close:hover {
    background-color: #efefef;
}

.show-portal-slide {
    right: 0;
}

.show-portal-slide .portal-slider-layout-mask {
    display: block;
}

/*内嵌页面*/
.include {
    display: block;
}

.include iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/*情感栏目*/
.sectionEmotions {
    background-image: url("../images/sectionEmotionsBG.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 90px;
    background-color: var(--theme-portal-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 90px;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.sectionEmotions-left {
    width: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 16px;
    overflow: hidden;
}

.sectionEmotions-left-table {
    width: 100%;
    height: 100%;
    display: table;
}

.sectionEmotions-left-box {
    display: table-cell;
    vertical-align: middle;
}

.sectionEmotions-right {
    padding-right: 16px;
    font-size: 0;
    margin-left: 16px;
    white-space: nowrap;
}

.sectionEmotions-inlineBox {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.sectionEmotions-date {
    display: table;
    height: 100%;
    padding-right: 4px;
    color: #ffffff;
}

.sectionEmotions-date-box {
    display: table-cell;
    vertical-align: middle;
}

.sectionEmotions-date-year {
    display: block;
    font-size: 16px;
}

.sectionEmotions-date-day {
    font-size: 12px;
    display: block;
    margin-top: 6px;
}

.sectionEmotions-aiImg {
    background: url("../images/sectionEmotionsAiImg.png") right bottom no-repeat;
    background-size: auto 90px;
    display: inline-block;
    vertical-align: top;
    width: 132px;
    height: 100%;
}

.sectionEmotions-welcome-info,
.sectionEmotions-welcome-text,
.sectionEmotions-welcome-other {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sectionEmotions-welcome-other {
    font-size: 0;
    padding-top: 6px;
    margin-bottom: 4px;
}

.sectionEmotions-welcome-other-item {
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
    font-size: 12px;
    margin-right: 6px;
    background: rgba(255, 255, 255, .15);
    padding: 3px 6px;
    border-radius: 2px;
}

.sectionEmotions-welcome-other-item:last-child {
    margin-right: 0;
}

.sectionEmotions-welcome-other-tips {
    border: 1px dashed #ffffff;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    overflow: hidden;
    border-radius: 4px;
}

.sectionEmotions-welcome-other-tips-right {
    background-color: rgba(255, 255, 255, .75);
    float: right;
    font-size: 12px;
    color: #222222;
    padding: 7px 8px;
    line-height: 14px;
    margin-left: 12px;
}

.sectionEmotions-welcome-other-tips-left {
    padding: 4px 0 4px 8px;
    display: block;
    overflow: hidden;
}

.sectionEmotions-welcome-info {
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
}

.sectionEmotions-welcome-info-icon {
    background: url("../images/sectionEmotionsIcon.png") no-repeat;
    background-size: 90px auto;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    float: left;
}

.sectionEmotions-welcome-info-icon-1 {
    background-position: 0 0;
}

.sectionEmotions-welcome-info-icon-2 {
    background-position: -30px 0;
}

.sectionEmotions-welcome-info-icon-3 {
    background-position: -60px 0;
}

.sectionEmotions-welcome-info-text {
    line-height: 22px;
    font-size: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 4px;
}

.sectionEmotions-welcome-text {
    font-size: 12px;
    margin-top: 8px;
}

.sectionEmotions-welcome-info-text,
.sectionEmotions-welcome-text,
.sectionEmotions-welcome-other {
    color: #ffffff;
}

/*清爽门户*/
.portal-qs-menu-flex {
    padding: 8px;
    overflow: hidden;
}

.portal-qs-menu-flex-area {
    background: rgba(255, 255, 255, .5);
    padding: 12px;
    height: 44px;
    border-radius: 4px;
    overflow: hidden;
}

.portal-qs-menu-flex-menu {
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: left;
}

.portal-qs-menu-flex-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    font-size: 12px;
    color: #222222;
    text-align: right;
    cursor: pointer;
}

.portalModuleTitle {
    font-size: 14px;
    padding-left: 12px;
    text-align: left;
}

.qsMenu {
    padding: 0 8px 8px;
}

.qsMenu-item-area {
    display: block;
    padding-bottom: 1px;
    position: relative;
}

/*.qsMenu-item-area:hover .qsMenu-item-multiMenu-area{
    visibility: visible;
    opacity: 1;
    transform: translateX(96%);
}*/
.qsMenu-item-multiMenu-area {
    position: absolute;
    width: 220px;
    padding-left: 20px;
    top: 0;
    /*top: 0;
    bottom: 0;
    right: 0;
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;*/
    z-index: 199;
    display: none;
}

.multiMenu-4-item {
    border-radius: 4px;
    position: relative;
}

.multiMenu-4-item-menu {
    padding: 12px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    /*margin-bottom: 4px;*/
    position: relative;
}

.multiMenu-4-item.active > .multiMenu-4-item-menu,
.multiMenu-4-item-menu:hover {
    background-color: rgba(0, 0, 0, .05);
}

.active .multiMenu-4-item-menu .multiMenu-4-item-menu-icon {
    transform: rotate(90deg);
}

.multiMenu-4-item-menu-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multiMenu-4-item-menu-icon {
    width: 20px;
    line-height: 20px;
    text-align: center;
}

.multiMenu-4-item-body-cnt {
    width: 220px;
    padding-left: 20px;
    position: absolute;
    top: 0;
    left: 182px;
    display: none;
}

.multiMenu-4-item-body {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 97%);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
    width: 200px;
    padding: 8px;
    border-radius: var(--border-radius);

}

.active .multiMenu-4-item-body {
    display: block;
}

.multiMenu-4-item-body .multiMenu-4-item-menu {
    padding-left: 30px;
}

.qsMenu-item-multiMenu-cnt {
    background: linear-gradient(180deg, #f5f6f8 0%, #ffffff 97%);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
    width: 200px;
    height: 100%;
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;*/
    border-radius: var(--border-radius);
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.qsMenu-item-multiMenu-cnt .qsMenu-switch {
    border-color: #f1f1f1;
}

.qsMenu-item-multiMenu-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1%;
}

.qsMenu-item-multiMenu-title {
    padding: 8px 0 16px 16px;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;
    display: none;
}

.qsMenu-item-multiMenu-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    margin-right: 8px;
    float: left;
    display: block;
}

.qsMenu-item-multiMenu-text {
    font-size: 16px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.qsMenu-item {
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    cursor: pointer;
}

.qsMenu-item:hover {
    background: var(--theme-portal-color);
    color: #ffffff;
}

.qsMenu-item-icon,
.qsMenu-item-multi-menu-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
}

.qsMenu-item-icon + .qsMenu-item-text {
    padding-left: 12px;
}

.qsMenu-item-icon img {
    width: 100%;
    display: block;
    border-radius: 2px;
}

.qsMenu-item-multi-menu-icon {
    margin-left: 12px;
    text-align: right;
}

.qsMenu-item .qsMenu-item-multi-menu-icon:before,
.multiMenu-4-item-menu-icon:before {
    content: "\e655";
}

.qsMenu-item-text {
    width: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 20px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qsMenu-switch {
    height: 45px;
    overflow: hidden;
    padding: 12px;
    text-align: center;
    font-size: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    white-space: nowrap;
}

.qsMenu-switch-item {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    border-radius: 8px;
    margin: 0 16px;
    cursor: pointer;
    transition: margin-right .3s, margin-left .3s;
}

.qsMenu-switch-item.disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: .5;
}

.qsMenu-switch-item:hover {
    background-color: #f5f5f5;
}

.qsMenu-switch-prev:before {
    content: "\e652";
}

.qsMenu-switch-next:before {
    content: "\e655";
}

.list4card {
    padding: 8px 0;
}

.list4card,
.list4card-item {
    display: block;
}

.list4card-item {
    padding: 12px 16px;
    border-radius: 8px;
}

.list4card-item:hover {
    background-color: rgba(244, 244, 244, 1);
}

.list4card-item-title {
    font-size: 14px;
    line-height: 20px;
}

.list4card-item-info {
    font-size: 0;
    margin-top: 4px;
}

.list4card-item-info-text {
    background: linear-gradient(to right, rgba(255, 255, 255, .05), rgba(0, 0, 0, .06));
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    margin-right: 12px;
    border-radius: 4px;
    line-height: 16px;
    padding: 2px 6px 2px 0;
    font-size: 12px;
    color: #666666;
}

/*搜索栏目*/
.portal-section-search {
    background: none;
}

.portal-section-search .portal-section-header,
.portal-section-search .section-header-operation {
    display: none;
}

.portal-section-search .portal-section-body {
    padding: 0;
}

.portal-layout-col-12 .portal-section-search .portal-section-body {
    margin-bottom: 24px;
}

.portal-section-search .search .searchContent {
    display: block;
    margin: 0 auto;
    position: relative;
}

.show-align-left {
    text-align: left;
}

.show-align-center {
    text-align: center;
}

.show-align-right {
    text-align: right;
}

.width-type-fix .searchContent-cnt {
    width: 72%;
    max-width: 760px;
    min-width: 460px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.searchContent-area {
    display: block;
    overflow: hidden;
    position: relative;
}

.searchContent-emulationLayers4search {
    width: 100%;
    height: 48px;
    padding: 0 16px 0 44px;
    font-size: 14px;
    text-align: left;
    border: 2px solid #ffffff;
    border-radius: 8px;
    position: relative;
    cursor: text;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .02);
}

.searchContent-emulationLayers4search:hover {
    border-color: var(--theme-portal-color);
}

.searchContent-emulationLayers4search-placeholder {
    line-height: 24px;
    font-size: 0;
    color: #909399;
    position: absolute;
    left: 44px;
    top: 50%;
    right: 0;
    margin-top: -16px;
}
.searchContent-emulationLayers4search-placeholder .swiper-container{
    height: 32px;
    overflow: hidden;
}

.searchContent-emulationLayers4search-placeholder .swiper-slide{
    display: block;
    text-align: left;
    padding: 4px 0;
}
.searchContent-emulationLayers4search-placeholder .swiper-slide span{
    /*background-color: rgba(244, 244, 245, 1);*/
    padding: 0 8px;
    line-height: 24px;
    border-radius: 5px 5px 5px 0;
    font-size: 12px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

.searchContent-emulationLayers4search:before,
.searchContent-area:before {
    content: "\e66a";
    font-family: ehrIconFont;
    width: 24px;
    height: 24px;
    font-size: 22px;
    text-align: center;
    line-height: 24px;
    color: rgba(81, 81, 81, .8);
    position: absolute;
    top: 50%;
    margin-top: -12px;
}

.searchContent-emulationLayers4search:before {
    left: 12px;
}

.searchContent-area:before {
    left: 12px;
}

.searchContent-input-tips {
    border-right: 1px solid rgba(81, 81, 81, .1);
    height: 14px;
    line-height: 14px;
    padding: 0 8px;
    font-size: 12px;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -7px;
    color: #999999;
    display: inline-block;
}

.searchContent-setTab {
    background-color: rgba(29, 99, 239, .08);
    line-height: 28px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 12px;
    border: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -14px;
    z-index: 2;
    outline: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease, background-color .3s ease;
}

.searchContent-setTab:hover {
    background-color: rgba(29, 99, 239, .16);
}

/*.searchContent-input:focus + .searchContent-setTab,*/
.searchContent-emulationLayers4search:hover .searchContent-setTab {
    visibility: visible;
    opacity: 1;
}

.searchContent-input {
    background: #ffffff;
    width: 100%;
    padding: 9px 16px 9px 44px;
    line-height: 24px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #ebebeb;
    outline: none;
    vertical-align: top;
}

/*.searchContent-input:hover,
.searchContent-input:focus{
    border-color: #d9d9d9;
}*/
.searchContent-input-icon {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -12px;
    cursor: pointer;
}

.searchContent-btn {
    background: var(--theme-portal-color);
    min-width: 120px;
    float: right;
    padding: 12px 16px;
    line-height: 24px;
    font-size: 16px;
    color: #ffffff;
    border: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    outline: none;
}

.searchContent-input4search {
    background-color: #ffffff;
    padding-bottom: 12px;
    text-align: left;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    border: 2px solid var(--theme-portal-color);
    border-radius: 8px;
    overflow: hidden;
    display: none;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
}

.openSearchContent .searchContent-input4search {
    display: block;
}

.searchTabsContent {
    position: relative;
    z-index: 10;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .06);
}

.searchTabs-arrow {
    width: 18px;
    height: 48px;
    position: relative;
    z-index: 5;
}

.searchTabs-arrow-leftArea {
    float: left;
}

.searchTabs-arrow-rightArea {
    float: right;
}

.searchTabs-arrow-left,
.searchTabs-arrow-right {
    background-color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    bottom: 4px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
}

.searchTabs-arrow-left {
    left: 6px;
}

.searchTabs-arrow-right {
    right: 6px;
}

.searchTabs {
    padding: 8px 0 0 0;
    display: block;
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
}

.searchTabs-items {
    min-width: 100%;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}

.searchTab-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
}

.searchTab-item:first-child {
    margin-left: 0;
}

.searchTab-item.selected {
    font-weight: bold;
}

.searchTab-item.selected:before {
    content: "";
    background-color: var(--theme-portal-color);
    width: 28px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -14px;
    border-radius: 4px;
}

.searchResult {
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
}

.searchResult.searchResult-isAll .searchResult-cnt {
    padding-top: 0;
}

.searchResult-cnt {
    display: block;
    padding: 8px 12px 0 12px;
}

.searchResult-cnt-title {
    background-color: #ffffff;
    font-size: 12px;
    color: #999999;
    margin: 0 -12px;
    padding: 8px 0 0 12px;
    display: none;
    position: sticky;
    top: 0;
}

.searchResult-isAll .searchResult-cnt-title {
    display: block;
}

.searchResult-cnt-item {
    padding: 8px 12px;
    display: block;
    border-radius: 8px;
    cursor: pointer;
}

.searchResult-cnt-item:hover {
    background-color: rgba(29, 99, 239, .1);
}

.searchResult-listInfo-item,
.searchResult-listInfo-area {
    display: block;
    overflow: hidden;
}

.searchResult-listInfo-img {
    background-color: var(--theme-portal-color);
    width: 36px;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    float: left;
    margin-top: 6px;
    margin-right: 12px;
    border-radius: 30px;
    color: #ffffff;
}

.searchResult-listInfo-title {
    font-size: 14px;
    margin-bottom: 2px;
}

.searchResult-listInfo-other {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    line-height: normal;
}

.searchResult-listInfo-other-item {
    background-color: rgba(255, 255, 255, .5);
    padding: 4px 6px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    color: #666666;
    font-size: 12px;
    line-height: 1;
    margin-right: 8px;
    border: 1px solid #ebebeb;
}

.no-data {
    display: block;
    text-align: center;
}

.no-data .common-noData-area.small .noData-text {
    margin-top: 0;
    font-weight: normal;
    font-size: 12px;
}

/*菜单背景模糊*/
.menuBgVague {
    backdrop-filter: blur(0) !important;
}

/*编制栏目*/
.sectionLimit {
    /*padding: 12px 0 0 0;*/
    margin-right: -12px;
    padding: 12px 0;
    text-align: left;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.sectionLimit-item,
.sectionSummary-area {
    background-color: #f5f5f5;
    padding: 16px 12px;
    display: inline-block;
    vertical-align: top;
    border-radius: var(--border-radius);
    position: relative;
    overflow: hidden;
}
.sectionLimit-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.sectionLimit-item-box{
    width: 1%;
    zoom: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.sectionSummary-area {
    background: none;
    width: 100%;
    height: auto;
    padding: 12px;
}

.sectionLimit-item-title,
.sectionLimit-item-info,
.sectionSummary-area-title,
.sectionSummary-area-info {
    font-size: 0;
    line-height: normal;
    position: relative;
    z-index: 10;
}
.sectionLimit-item-info + .sectionLimit-item-title,
.sectionLimit-item-title + .sectionLimit-item-info{
    margin-top: 5px;
}
.sectionLimit-item-title-text,
.sectionLimit-item-info-text,
.sectionSummary-area-title-text,
.sectionSummary-area-info-text {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    margin-left: 5px;
}

.sectionLimit-item-title-text,
.sectionSummary-area-title-text {
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
}

.sectionLimit-item-info-text,
.sectionSummary-area-info-text {
    vertical-align: bottom;
    color: #666666;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
}

.sectionLimit-item-title-text:before,
.sectionLimit-item-info-text:before,
.sectionSummary-area-title-text:before,
.sectionSummary-area-info-text:before {
    content: "/";
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.sectionLimit-item-title-text:before,
.sectionSummary-area-title-text:before {
    height: 20px;
    line-height: 20px;
}

.sectionLimit-item-info-text:before,
.sectionSummary-area-info-text:before {
    height: 14px;
    line-height: 14px;
}

.sectionLimit-item-title-text:first-child,
.sectionLimit-item-info-text:first-child,
.sectionSummary-area-title-text:first-child,
.sectionSummary-area-info-text:first-child {
    padding-left: 0;
    margin-left: 0;
}

.sectionLimit-item-info-icon + .sectionLimit-item-title-text:nth-child(2):before,
.sectionLimit-item-title-text:first-child:before,
.sectionLimit-item-info-text:first-child:before,
.sectionSummary-area-info-icon + .sectionSummary-area-title-text:nth-child(2):before,
.sectionSummary-area-title-text:first-child:before,
.sectionSummary-area-info-text:first-child:before {
    display: none;
}

.sectionLimit-item-info-icon + .sectionLimit-item-title-text:nth-child(2),
.sectionSummary-area-info-icon + .sectionSummary-area-title-text:nth-child(2) {
    margin-left: 8px;
    padding-left: 0;
}

.sectionSummary-area-title + .sectionSummary-area-info,
.sectionSummary-area-info + .sectionSummary-area-title {
    margin-top: 6px;
}

.sectionLimit-item-info-text-large,
.sectionSummary-area-info-text-large {
    color: #222222;
    font-size: 24px !important;
    line-height: 24px;
    font-weight: bold !important;
}

.sectionLimit-item-info-text-large:first-child:last-child/*,
.sectionSummary-area-info-text-large:first-child:last-child*/ {
    font-weight: normal;
    font-size: 18px !important;
}

.sectionLimit-item-info-icon {
    width: 40px;
    height: 40px;
    border-radius: 30px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    font-size: 18px !important;
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    margin-left: 4px;
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.sectionLimit-item-info-icon:before{
    position: relative;
    z-index: 5;
}
.sectionLimit-item-info-icon:after{
    content: "";
    background-color: var(--theme-portal-color);
    width: 100%;
    height: 100%;
    opacity: .1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.sectionLimit.numColor-2 .sectionLimit-item-info-icon:after {
    background-color: var(--theme-portal-color);
}

.sectionLimit.numColor-3 .sectionLimit-item-info-icon:after {
    background-color: #ff5500;
}

.sectionLimit.numColor-4 .sectionLimit-item-info-icon:after {
    background-color: #F65C78;
}

.sectionLimit.numColor-5 .sectionLimit-item-info-icon:after {
    background-color: #078f53;
}

.sectionLimit.numColor-6 .sectionLimit-item-info-icon:after {
    background-color: #C295FF;
}

.sectionLimit.numColor-7 .sectionLimit-item-info-icon:after {
    background-color: #FFFFFF;
}

.sectionLimit.numColor-8 .sectionLimit-item-info-icon:after {
    background-color: #C09965;
}