/* 自添加样式*/
.layui-icon {
    font-size: 14px !important;
}

.mag0 {
    margin: 0 !important;
}

::selection {
    background: #009688;
    color: #fff;
}

.layui-red {
    color: #f00 !important;
    font-weight: bold;
}

.layui-blue {
    color: #01AAED !important;
}

/*公共样式*/
.header .layui-nav-child {
    z-index: 99999;
    top: 60px;
    left: auto;
    right: 0;
}

.seraph {
    font-size: 16px !important;
}

.main_body {
    min-width: 320px;
    overflow: hidden;
}

.layui-nav .layui-nav-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

    .layui-nav .layui-nav-item a {
        cursor: pointer;
        height: 30px;
        line-height: 30px;
    }
    /*左侧菜单的高度*/
    .layui-nav .layui-nav-item > a {
        padding: 0 10px;
        color: #000;
    }

.layui-layer-tab .layui-layer-title span {
    padding: 0 !important;
}

iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
}

/*模拟加载层图标样式*/
.layui-layer-dialog .layui-layer-content .layui-layer-ico16 {
    background-size: 100% 100% !important;
}
/*样式改变的过渡*/
.layui-body, .layui-footer, .layui-layout-admin .layui-side, .logo, .topLevelMenus li.layui-nav-item, .topLevelMenus li.layui-nav-item:hover {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
/*隐藏*/
*[mobile], .component .layui-select-title i.layui-edge {
    display: none;
}
/*菜单显隐按钮*/
.hideMenu_show {
    font-size: 16px;
}

    .hideMenu_show .layui-icon {
        font-size: 16px !important;
    }

    .hideMenu_show .hide-menu-hide:before {
        content: "\e66b";
    }
/*顶部导航菜单*/
.top_mid_menu {
    float: left;
    top: 0;
}

/*打开页面动画*/
.layui-tab-item.layui-show {
    animation: moveTop 1s;
    -webkit-animation: moveTop 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    position: relative;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

@keyframes moveTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes moveTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes moveTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes moveTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/*顶部*/
.header {
    z-index: 2000;
}

.logo {
    color: #fff;
    float: left;
    line-height: 60px;
    font-size: 20px;
    padding: 0 25px;
    text-align: center;
    width: 150px;
}

.hideMenu {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 15px;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    padding: 5px 5px;
    color: #777;
    background-color: #fff;
}

    .hideMenu:hover {
        color: #777;
    }

/*.layui-nav cite{ margin-left: 5px;}*/


.header-level-a {
    color: #fff !important;
    padding: 0 5px !important;
}
/*针对查看页面头样式*/
.topLevelMenus-top {
    width: 100%;
    top: 85px;
    height: 40px;
    background-color: #f8f8f8 !important;
    padding: 0px !important;
    border-bottom: 1px solid #009688;
    border-top: 1px solid #009688;
}

.layui-nav-item-top {
    max-height: 38px !important;
    line-height: 38px !important;
    border-radius: 0px !important;
    top: -23px !important;
    padding-left: 15px;
    padding-right: 15px;
}

    .layui-nav-item-top .header-level-Top-a {
        color: #019587 !important;
        line-height: 38px !important;
        max-height: 38px !important;
        height: 38px !important;
        padding: 0px !important;
    }

    .layui-nav-item-top:not(.layui-this) .header-level-Top-a {
        color: #000 !important;
        line-height: 38px !important;
        max-height: 38px !important;
        height: 38px !important;
        padding: 0px !important;
    }
/*顶部右侧*/
.topLevelMenus {
    float: left;
    padding: 0 10px !important;
}

    .topLevelMenus li.layui-nav-item:hover {
        background-color: rgba(221,221,221,0.2);
    }

.layui-nav .layui-this:after {
    bottom: -5px !important;
}

.header .layui-nav-bar {
    top: 60px !important;
}

.topLevelMenus .layui-nav-item.layui-this {
    background-color: rgba(0,0,0,0.5);
}

.top_menu.layui-nav .layui-this:after {
    width: 0px;
}

.top_menu .layui-nav-bar, .mobileTopLevelMenus .layui-nav-bar {
    background-color: rgba(0,0,0,0.7);
}

.userName {
    color: #fff !important;
}
/*详情下拉菜单样式*/
.layui-nav-child-top dd.layui-this {
    background-color: #099185 !important;
    color: #fff !important;
}

    .layui-nav-child-top dd.layui-this a {
        background-color: #099185 !important;
        color: #fff !important;
    }

/*左侧导航*/
.layui-nav {
    background-color: inherit !important;
}

.showMenu.layui-layout-admin .layui-side {
    left: -170px;
}

.showMenu .layui-body, .showMenu .layui-footer {
    left: 0 !important;
}
/*左侧用户头像*/
.top_menu {
    background-color: inherit !important;
    position: absolute;
    right: 0;
    top: 0;
}

.user-photo {
    width: 200px;
    height: 120px;
    padding: 15px 0 5px;
}

    .user-photo a.img {
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 auto 10px;
    }

        .user-photo a.img img {
            display: block;
            border: none;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border: 4px solid #44576b;
            box-sizing: border-box;
        }

    .user-photo p {
        display: block;
        width: 100%;
        height: 25px;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
        line-height: 25px;
        overflow: hidden;
    }
/*左侧导航重定义*/ /*涉及颜色调整*/
.layui-nav-item.layui-nav-itemed {
    background-color: #f7f7f7 !important;
}

    .layui-nav-item.layui-nav-itemed i:not(.layui-icon) {
        color: #1AA094 !important;
    }

    .layui-nav-item.layui-nav-itemed > a > cite {
        color: #1AA094 !important;
        font-weight: bold;
    }
    /**/
    .layui-nav-item.layui-nav-itemed span {
        color: #1AA094 !important;
    }


.layui-nav-itemed:before {
    width: 0px;
    height: 100%;
    background-color: #009688;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
}

.layui-nav-itemed .layui-nav-child a {
    padding-left: 15px !important;
}

.top_menu.layui-nav .layui-nav-child dd.layui-this a, .closeBox.layui-nav .layui-nav-child dd.layui-this a, .closeBox .layui-nav-child dd.layui-this, .top_menu .layui-nav-child dd.layui-this {
    background: none;
    color: #333;
}

.layui-nav .layui-nav-child a:hover, .layui-nav .layui-nav-child dd.layui-this a:hover {
    background-color: #009688;
    color: #fff;
}
/*涉及颜色调整*/

.layui-side .layui-nav-child dd {
    background-color: #fff;
    color: #fff;
}
/*左侧菜单鼠标滑过样式*/
.layui-nav-tree .layui-nav-item:not(.layui-firstpage) a:hover {
    background-color: #f7f7f7 !important;
    color: #325169;
    padding-left: 3px !important;
}

    .layui-nav-tree .layui-nav-item:not(.layui-firstpage) a:hover i {
        color: #1AA094 !important;
    }

    .layui-nav-tree .layui-nav-item:not(.layui-firstpage) a:hover cite {
        color: #1AA094 !important;
        font-weight: bold;
    }

.layui-nav-tree .layui-nav-item:not(.layui-nav-itemed) a:hover span {
    border-color: #1AA094 transparent transparent !important;
}

.layui-nav-tree .layui-nav-item a:hover span {
    border-color: transparent transparent #1AA094 !important;
}

.layui-side .layui-nav-item > a .layui-nav-more {
    border-color: #000 transparent transparent !important;
}

.layui-side .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent #1AA094 !important;
}

/*修改左侧菜单样式*/
.layui-layout-admin .layui-side {
    width: 170px;
    top: 52px !important;
    left: 0;
    overflow: hidden;
}

.layui-layout-admin .layui-side-TopNoLevel {
    width: 170px;
    top: 88px !important;
    left: 0;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 999;
}

.layui-side-scroll {
    width: 170px;
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
    overflow-x: hidden;
    overflow-y: auto;
}

    .layui-side-scroll::-webkit-scrollbar {
        display: none;
    }

.layui-nav-tree .layui-this {
    background-color: #ff5722;
    color: #fff;
}

.layui-bg-black {
    background: #ffffff !important;
    border-top: 1px solid #1AA094;
}

.layui-nav-tree .layui-this > a {
    background-color: #076390;
}

    .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-nav-tree .layui-nav-child dd.layui-this a,
    .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a,
    .layui-nav-tree .layui-this > a:hover {
        background-color: #fff;
        margin-left: 0px;
        color: #ff5722 !important;
    }

.layui-nav-tree {
    width: 170px;
}

    .layui-nav-tree .layui-nav-item cite {
        font-size: 12px;
    }

    .layui-nav-tree .layui-nav-item .layui-this cite {
        font-weight: bold !important;
    }

.platform {
    background-color: #1AA094 !important;
}

    .platform:hover {
        background-color: #1AA094 !important;
        padding-left: 3px !important;
    }

    .platform i {
        font-size: 13px !important;
        font-weight: bold;
        color: #fff !important;
    }

    .platform cite {
        font-size: 13px !important;
        font-weight: bold;
        color: #fff !important;
    }



/*左侧搜索框*/
.component {
    width: 180px;
    height: 30px;
    margin: 0 auto 5px;
    position: relative;
}

    .component .layui-input {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        border: none;
        transition: all 0.3s;
        background: rgba(255,255,255,0.05);
    }

        .component .layui-input:focus {
            background: #fff;
            color: #000;
        }

    .component .layui-form-select dl {
        top: 33px;
        background: #fff;
    }

    .component .layui-icon {
        position: absolute;
        right: 8px;
        top: 8px;
        color: #000;
    }

    .component dl dd {
        color: #000 !important;
    }

        .component dl dd.layui-this {
            color: #fff !important;
        }

        .component dl dd.layui-select-tips {
            color: #999 !important;
        }

/*layui-body*/
.layui-body {
    overflow: hidden;
    border-top: 1px solid #1AA094;
    border-left: 1px solid #1AA094;
    background: #fff;
    left: 170px;
    top: 52px !important;
}

.layui-body-ViewTop {
    left: 0px !important;
    border-left: 0px !important;
}
/*top:124px !important;*/
.layui-body-ViewTop-Nolevel {
    top: 88px !important;
}

#top_tabs_box {
    padding-right: 138px;
    height: 30px;
    border-bottom: 1px solid #e2e2e2;
}

#top_tabs {
    position: absolute;
    border-bottom: none;
    height: 30px !important;
}

    #top_tabs li {
        font-size: 13px !important;
        padding: 0 5px !important;
        line-height: 30px !important;
    }

.layui-tab-title .layui-this:after {
    height: 31px !important;
}

/*标签样式*/
.layui-tab-title .layui-this {
    background-color: #1AA094;
    color: #ffffff;
}

    .layui-tab-title .layui-this cite {
        font-weight: bold;
    }

    .layui-tab-title .layui-this:after {
        border: none;
    }

.layui-tab-title li cite {
    font-style: normal;
    padding-left: 5px;
}

.clildFrame.layui-tab-content {
    top: 31px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
}

.layui-tab-content-ViewTop {
    top: 0px !important;
}
/*多窗口页面操作下拉*/
.closeBox {
    position: absolute;
    right: 0;
    background-color: #fff !important;
    color: #000;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.closeBox-layui-nav-item {
    height: 30px;
    line-height: 30px;
}
    .closeBox-layui-nav-item a {
        height: 30px !important;
        line-height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
    }

.closeBox .layui-nav-item {
    line-height: 30px;
}
.closeBox .layui-nav-item>a,.closeBox .layui-nav-item>a:hover{ color:#000; }
.closeBox .layui-nav-child{ top:32px; left:-10px; }
.closeBox .layui-nav-bar{ display:none; }
.closeBox a i.caozuo{ font-size: 20px; position:absolute; top:3px; left:0; }
.closeBox a span.span_caozuo{line-height:36px !important;}
.closeBox a span.layui-nav-more {
    border-color: #333 transparent transparent;
    margin-top: 0px;
}
    .closeBox a span.layui-nav-more.layui-nav-mored {
        border-color: transparent transparent #333;
        margin-top: -6px;
    }
/*功能设定*/
.functionSrtting_box {
    padding-top: 15px;
}

    .functionSrtting_box .layui-form-label {
        width: 81px;
    }

    .functionSrtting_box .layui-word-aux {
        position: absolute;
        left: 60px;
        top: 9px;
        font-size: 12px;
    }
/*换肤*/
.skins_box {
    padding: 10px 34px 0;
}

.skinBtn {
    text-align: center;
}
/*橙色*/
.orange .layui-layout-admin .layui-header {
    background-color: orange !important;
}

.orange .layui-bg-black {
    background-color: orange !important;
}
/*蓝色*/ /*涉及颜色调整*/
.blue .layui-layout-admin .layui-header {
    background-color: blue !important;
}

.blue .layui-bg-black, .blue .hideMenu {
    background-color: blue !important;
}
/*自定义*/
.skinCustom {
    visibility: hidden;
}

    .skinCustom input {
        width: 48%;
        margin: 5px 2% 5px 0;
        float: left;
    }

.orange .layui-nav-tree .layui-nav-child a, .blue .layui-nav-tree .layui-nav-child a {
    color: #fff;
}

.orange .top_menu.layui-nav .layui-nav-more, .blue .top_menu.layui-nav .layui-nav-more {
    border-color: #fff transparent transparent !important;
}

.orange .top_menu.layui-nav-itemed .layui-nav-more, .orange .top_menu.layui-nav .layui-nav-mored, .blue .top_menu.layui-nav-itemed .layui-nav-more, .blue .top_menu.layui-nav .layui-nav-mored {
    border-color: transparent transparent #fff !important;
}
/*底部*/
.layui-layout-admin .layui-body {
    bottom: 30px;
}

.layui-layout-admin .layui-footer {
    height: 30px;
    line-height: 30px;
    left: 0px;
}

.layui-footer-ViewTop {
    left: 0px !important;
    border-left: 0px !important;
}

.footer {
    text-align: center;
    line-height: 30px;
    z-index: 999;
    border-top: 1px solid #1AA094;
}

    .footer div {
        line-height: 30px;
    }

    .footer .span-show {
        font-weight: bold;
        color: #ff5722;
    }

/*响应式样式*/
@media screen and (max-width:1080px) {
    .mobileTopLevelMenus[mobile] {
        display: inline-block;
    }

    .site-mobile .site-tree-mobile, .topLevelMenus[pc] {
        display: none !important;
    }
}

@media screen and (max-width: 720px) {
    .hideMenu {
        display: none !important;
    }

    .mobileTopLevelMenus[mobile] {
        padding: 0;
    }

    .top_menu > li[pc] {
        display: none !important;
    }
    /*左侧导航*/
    .layui-layout-admin .layui-side {
        left: -260px;
    }

    .site-mobile .layui-side {
        left: 0;
        z-index: 1100;
    }

    .site-tree-mobile {
        display: block !important;
        position: fixed;
        z-index: 100000;
        bottom: 15px;
        left: 15px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 2px;
        text-align: center;
        background-color: rgba(0,0,0,.7);
        color: #fff;
    }

    .site-mobile .site-mobile-shade {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.8);
        z-index: 999;
    }

    .layui-body, .layui-layout-admin .layui-footer {
        left: -2px;
    }
}

@media screen and (max-width:480px) {
    .logo {
        width: 120px;
        font-size: 18px;
    }

    #userInfo > a {
        padding: 0 10px;
    }

    .mobileTopLevelMenus[mobile] li > a {
        padding: 0 17px 0 15px;
    }

    .logo, .layui-nav.top_menu {
        padding: 0 5px;
    }

    .adminName, .top_menu dd[pc] {
        display: none !important;
    }

    *[mobile], .top_menu .layui-nav-item.showNotice[pc] {
        display: inline-block !important;
    }
}

/*修改顶部高度*/
.layui-header {
    z-index: 1000;
    height: 110px;
}

.layui-layout-admin .layui-header {
    background: -moz-linear-gradient(left,#1AA094,#00b4aa);
    background: -ms-linear-gradient(left,#1AA094,#00b4aa);
    background: -o-linear-gradient(left,#1AA094,#00b4aa);
    background: -webkit-linear-gradient(left,#1AA094,#00b4aa);
}

.header {
    line-height: 50px !important;
    max-height: 50px !important;
}

.header-top {
    line-height: 85px !important;
    max-height: 85px !important;
}

.mobileTopLevelMenus {
    float: left;
}

.hideMenu {
    margin-top: 10px;
}

.header-top-Nolevel {
    line-height: 85px !important;
    max-height: 85px !important;
}

.layui-nav-Nolevel {
    line-height: 85px !important;
    max-height: 85px !important;
}
/*修改头部按钮*/
.topLevelMenus .layui-nav-item:not(.layui-nav-item-top) {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    z-index: 10;
}

.topLevelMenus .layui-nav-item:not(.layui-nav-item-top) {
    line-height: 50px !important;
    max-height: 50px !important;
}
/*background-color:#099185;*/
.topLevelMenus li.layui-nav-item:not(.layui-nav-item-top):hover {
    background-color: #099185;
    border-bottom: 2px solid #ff5722;
}

.topLevelMenus li.layui-nav-item-top:hover {
    background-color: #fff !important;
}

    .topLevelMenus li.layui-nav-item-top:hover cite {
        color: #009688 !important;
    }

.topLevelMenus .layui-nav-item > a:not(.header-level-Top-a) {
    line-height: 50px !important;
    max-height: 50px !important;
    height: 50px !important;
}

.topLevelMenus .layui-nav-item.layui-this:not(.layui-nav-item-top) {
    background-color: #099185;
    border-bottom: 2px solid #ff5722;
}
/*background-color:#ff5722;*/
.topLevelMenus .layui-nav-item-top.layui-this {
    background-color: #fff;
    border-left: 1px solid #009688;
    border-right: 1px solid #009688;
    border-top: 3px solid #009688;
    height: 36px !important;
    border-bottom: 1px solid #fff !important;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    height: 0px;
    background-color: red;
}

.layui-nav .layui-nav-item a {
    padding: 0 10px;
    color: #000;
}


/*头部下拉框鼠标滑动样式*/
.layui-nav-item-a {
    color: #000 !important;
    height: 40px !important;
    min-height: 40px !important;
}

.layui-nav-child-dd {
    background-color: #fff !important;
}

.layui-nav-child-dd-xm {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*固定宽度，超过宽度后不显示*/
.layui-nav-child-dd-a {
    color: #000 !important;
}

    .layui-nav-child-dd-a:hover {
        background-color: #1AA094 !important;
        color: #fff !important;
    }
/*#2f9bac  #0e887c*/
/*项目状态样式*/
.layui-nav-child-dd .span-zj {
    color: green !important;
    font-weight: bold;
}

.layui-nav-child-dd .span-tg {
    color: goldenrod !important;
    font-weight: bold;
}

.layui-nav-child-dd .span-wkg {
    color: grey !important;
    font-weight: bold;
}

.layui-nav-child-dd .span-jg {
    color: red !important;
    font-weight: bold;
}


/*头部标签根据屏幕大小自动适应*/
@media screen and (min-width: 1920px) and (max-width:3072px) {
    .layui-nav-item-top-auto {
        width: auto;
    }

    .cite-1 {
        font-family: font-my-menu;
        font-size: 14px;
    }

    .cite-mobile {
        font-size: 12px;
    }

    .header-title {
        font-family: font-my;
        color: #fff;
        font-size: 32px;
        line-height: 50px !important;
        max-height: 50px;
        float: left;
    }

    .header-title-ver {
        font-family: font-my-menu;
        font-weight: bold;
        font-size: 14px;
        color: #fff !important;
        position: relative !important;
        margin-top: 10px !important;
        float: left;
        background-color: #ff5722;
    }
}

@media screen and (min-width: 1280px) and (max-width:1920px) {
    .layui-nav-item-top-auto {
        width: auto;
    }

    .cite-1 {
        font-family: font-my-menu;
        font-size: 13px;
    }

    .cite-mobile {
        font-size: 10px;
    }

    .header-title {
        font-family: font-my;
        color: #fff;
        font-size: 24px;
        line-height: 50px !important;
        max-height: 50px;
        float: left;
    }

    .header-title-ver {
        font-family: font-my-menu;
        font-weight: bold;
        font-size: 12px;
        color: #fff !important;
        position: relative !important;
        margin-top: 10px !important;
        float: left;
        background-color: #ff5722;
    }
}

@media screen and (max-width:1280px) {
    .layui-nav-item-top-auto {
        width: auto;
    }
    /* overflow:hidden;*/
    .cite-1 {
        font-family: font-my-menu;
        font-size: smaller;
    }

    .cite-mobile {
        font-size: 8px;
    }

    .header-title {
        font-family: font-my;
        color: #fff;
        font-size: 18px;
        line-height: 50px !important;
        max-height: 50px;
        float: left;
    }

    .header-title-ver {
        font-family: font-my-menu;
        font-weight: bold;
        font-size: 10px;
        color: #fff !important;
        position: relative !important;
        margin-top: 10px !important;
        float: left;
        background-color: #ff5722;
    }
}

/*头部字体样式信息*/
@font-face {
    font-family: "font-my";
    font-weight: 900;
    src: url("../font/myfont.woff2?r=7") format("woff2"), url("../font/myfont.woff?r=7") format("woff");
    font-display: swap;
}
/*头部菜单字体样式信息*/
@font-face {
    font-family: "font-my-menu";
    font-weight: 900;
    src: url("../font/myfont-65.woff2?r=7") format("woff2"), url("../font/myfont-65.woff?r=7") format("woff");
    font-display: swap;
}


/*切换用户角色样式*/
.changeUser-layui-nav{
    float:left;
    padding:0 0;
}
.changeUser-layui-nav-item {
    margin-top: -30px;
    margin-left: -15px;
    height: 13px;
    line-height: 13px;
}

.changeUser-layui-nav-item-a img {
    width: 13px;
    margin-left: 3px;
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAEJRJREFUeF7tnQesZUUdxr9/RFABBQ2hikiLUkQFaYoUQUUFRNqKiBRFqkDoZWF3WUDEANJduo0mIAsBMaxgQepCMKAgvUNiixQBwc/738xbl7fvvnfvmTlz55z3TbJ5y3L+ZX7zvszMOVMM46yQ/BSAwwHsaWaPj7Pqq7p9ErA+n2/04yT3DuJYHMCdZrZmoyuk5GsnMC4EQnLZIIxdhxGdamYTa6esAI0l0HqBkPxKEMfqXVppIzO7qbEtqMRrJdBagZB8RxDGkQBGq+dzAD5iZn+tlbScN5JAKwVCcu0gjs16bJULzWznHp/VY+OIQOsEQnL3II7399mOu5nZOX3a6PGWE2iNQEi6IPz1rQukalnHzG6raiy79hFohUBI+lDKxeFDq5gyA8AWZvZyjBPZtodAowVC8m1BGEcD8L+nKCeY2aEpHMlH8wk0ViAk/bWt9xr+Gjd1+bqZ/SS1U/lrHoFGCoSkf/A7CsDSNSH/C4BtzezemvzLbUMINEogJH2JiPcavmSk7nJFEMl/6w4k/+USaIxASG4KwD/6rZsR52Qzm5QxnkIVRqARAiF5GIApAObJxO/Z0HvckimewhRKoGiBkFwNwBEAtsnI76LOMvidMsZTqIIJFCsQkt/ocPPhzTIZ+entVUbYTQhVnEBILhIm4vtlBPjbMKR6IWNMhWoAgaIEQnKT8PrWd/3lKhPNbGquYIrTLALFCITkQZ1JuP+izpsJ4RMAJmjtVSbaDQ0zcIGQXCn0GttlZHi+mQ3fXZgxvEI1hcBABUJy+84aqmMA+JbYHIUAtjezS3IEU4zmExiIQEguFD76HZARoa/U9SGVdg5mhN70UNkFQnKD8NFvvYzwDjez4zPGU6iWEMgqEJL7dybhxwHw/eI5ykNhSHVXjmCK0T4CWQRCcsUOOv/o99WMCKeZ2bczxlOoFhKoXSAktw29xnKZ+L0GwL+IX54pnsK0mEBtAiG5AADf6XdgRn7XhyHVPzPGVKgWE6hFIOH8W//ot35Gdgeb2YkZ4ynUOCCQXCAk9wXgb4zemYnf/WFIdU+meAozjggkE0g4/9Y/+vnHv1zldDPbJ1cwxRl/BJIIhOTWYSK+QiaELwLYycyuzBRPYcYpgSiBhPNvJwM4OCO/q8OQykWiIgK1EqgskHD+rc81/Mt4rrKfmf0gVzDFEYFKAiH5nTCkmj8TQp+A+5Dqj5niKYwIzCLQl0DC+be+VGSHjPxOMrOcixozVk2hSifQs0DCRTQ+pPJlIznK30KvcW2OYIohAiMRGFMg4fzbYwEckhGhLxPxIdUrGWMqlAjMRWBUgZBcK8w1NsrIzm+fPStjPIUSga4Eugok3Ajr840FM/G7PfQaD2SKpzAiMCaBuQRCcsnQa+w4prUeEIHqBF4F4Adn+J8n5/j7rH/rXInnPwde3iIQklsGcXxo4JkpAREArgHgL2lmmNkjgwAyWyAk/XjPywaRhGKKQA8EZgK4AcBv/I+Z+b6f2sssgZDcHIAv4VARgSYQeB7AVQBONbNa56xDArkRwGeaQEY5isAcBHxj3KlBKP7dLHkxkt8EoOuPk6OVw4wEHg4iOS11TBfIeZ23CLukdix/IjAAArcGoSQ7GNAF4kfi+IWYKiLQFgI+PznAzB6LrZALxI/jVBGBthHwM9EONLPpMRVzgfyh8/psnRgnshWBggkcYWa+IqRScYGcAWDPStYyEoFmELjYzCqdleAC8a/n2tvdjIZWltUJ3Gdmq/ZrPvQdxG9zzXm9cr956nkRSELAOvd69+NoSCBaZtIPNT3bZAK+rmvjXiugtVi9ktJzbSLQ88R9+GpeX5PlBzJo2Umbfh1Ul5EIbN2Zk1wxFpoRx2Nh+clHASwBYOGxnOj/i0AFAvMBWDz8juW6uHV4mmubmW/U61r6mrBUgCATERiTAMn3BaH4gSBfArAZAP+3ust9ADY1s6e7BZJA6m4C+a9EgOSm/ssLwF8gLVbJSW9G15qZC3LEIoH0BlFPDYgAyaXDh+y9APidM3WUfczs9JEcSyB14JbP5ARIrjSHUFL7901Xa5nZv4Y7lkBSo5a/WgmQ9OHQtBqGXSO++pVAam1OOa+DQDgC1w90WC2h/+dCL/LUnD4lkISE5SovAZIXA5iQMOoJZnaoBJKQqFwNlgDJUwD4tX8pysuhF/Fr/WYV9SApsMrHQAmQ9E1RXV/V9pnc2Wa2hwTSJzU9Xi6BcOX4bQBWTpCln46y7NAbLfUgCYjKxeAJkPTtGn58VYrblSeY2aUaYg2+XZVBQgIkJwKYksDlBWY266Qf9SAJaMpFGQRIvrezPMUXHy4fmdEzZraUBBJJUeblESC5P4CTEmS2iZndqB4kAUm5KIcASV86f0eCj4h+7u++Ekg5batMEhFI1Is8ambLSSCJGkVuyiFA0s958/PeYsuqEkgsQtkXSYCkr6maNdGOKFtJIBH0ZFougc7yeL8MyjdbxZS9JJAYfLItlkCnB9m104OcG5ngFAkkkqDMyyTQWZ/18c76LL+2LaZMk0Bi8Mm2WAIkFwXgV7XFlOkSSAw+2RZNgOQbAN4WkeQdEkgEPZmWTYCk37Xuhz5ULU9KIFXRya54AgnuvnldAim+mZVgVQIkbwKwQVV7t5NAYujJtmgCEkjRzaPkBk1AAhl0Cyh+0QQkkKKbR8kNmoAEMugWUPyiCUggRTePkhs0AQlk0C2g+EUTSCIQkoys5c1mtmGkD5mLQHICEkhypHLYJgISSJtaU3VJTkACSY5UDttEQAJpU2uqLskJSCDJkcphmwhIIG1qTdUlOQEJJDlSOWwTAQmkTa2puiQnIIEkRyqHbSIggbSpNVWX5AQkkORI5bBNBCSQNrWm6pKcgASSHKkctomABNKm1lRdkhOQQJIjlcM2EZBA2tSaqktyAkEgUX5NG6ai+Mm45QQkkJY3sKoXR0ACieMn65YTkEBa3sCqXhwBCSSOn6xbTkACaXkDq3pxBCSQOH6ybjkBCaTlDazqxRFwgbwIYIEINzPNbI0Ie5mKQLEEXCAPA1guIsNnzWzJCHuZikCxBFwgtwBYNyZDM9NNVTEAZVssARfIlQC2jMxwCTN7LtKHzEWgOAIukLM6F67vHpnZGmY2M9KHzEWgOAIukEkAjo7MbGczuzDSh8xFoDgCLhDvPbwXiSkXmtnOMQ5kKwIlEnCB+PzD5yEx5XEz+2CMA9mKQIkEXCArAbg/QXKrm9ndCfzIhQgUQ2DW61mS9wFYOTKr/c3slEgfMheBoggMCSTFRP3PAD5pZv8oqoZKRgQiCAwJxJeK3BnhZ8j0ODM7IoEfuRCBIgjM/gKeaJj1euhF7iqidkpCBCIJzCmQ4wAcFunPzS81swkJ/MiFCAycwJwC8aucf50oo4PM7PuJfMmNCAyMwFsWGZJ8EMCKibLZ2syuSORLbkRgIASGC+QoAJMTZfJvAO/pTNr/k8if3IhAdgLDBbJIeJv1gUSZPGpmMXtNEqUhNyJQjcBc+zhIHgLgu9XcjWh1p5mtmdCfXIlANgIjCeTdoRdJNRfxyjwC4PNm5rsXVUSgMQRG3AlIcr/O/OHkxLX4O4AdzOz6xH7lTgRqI9BNIPOFXmTVGiKfAeBMM/tTDb7lUgSSEui6l5zkHv6LnDTa/529BGBIKE/WFENuRSCawKiHLZC8DsCm0VG6O3gewFUAZuibSY2U5boygbEE4pugfgVg+coRejf0VcA3dpbdXw7gCQB+Xpf3NP7zRTN7s3dXelIE0hAY87gekimXoKTJWl5EIB0B3yzoK9lvMbNzh7sdUyBuQHIXAOely0meRKBIAjMAnGpm04ey60kgQSRTAEwsslpKSgTSEtjbzPwlEnoWSBDJj/1bRtpc5E0EiiQwuXNg6KS+BBJE8ksAnyuySkpKBNIRuN/MVulbIEEkftCc72NXEYE2E9i2kkCCSL4cvmG0GZDqNr4JTKsskCASPxXe11b5AkcVEWgbgZlRAgkiWQGAvz/+dNvoqD4iEC2QIJKFgki2ElIRaBGB+B5kThgkfV7iixw/2yJIqsr4JRA3B+nGjeR2QSjrj1+2qnkLCFR/i9VL5UnuGISydi/P6xkRKIhA9e8g/VaC5LfCNW91Lp3vNy09LwKjEZjUuXtzcpJJeq+cSS4DYLOwx0Ri6RWcnstNoNparJRZkvQ3Xz6p3yL8TOlevkSgCoEHABxuZr6Jb1bJ2oOMlnHnMtFFO1fB+Z/Fws+h/x76OW+VGsum0QQ2yJi9L8R1cTw9Z8xiBJIRhEIVTIDkTgAuyJjiy35ou5mdNlJMCSRjSyhUdwIk/XfRb0r2N5+5ys2h17i1W0AJJFdTKE5XAmFbt4tj6YyYTgzieGO0mBJIxhZRqLkJkMy9U9VP+fQhlR8OMmaRQMZEpAfqIEDSDzX3ucZ6dfjv4vOSII7He40pgfRKSs8lI0By17C4NZnPMRy94ucpmNlJ/QaUQPolpucrEyA5T5iIf62yk/4Nbwm9xu/6Ny3oO0iV5GXTHAIkNwbg3xr8O1euckoQx6tVA6oHqUpOdj0TIHmsvzHq2SD+wccAHGlmP4t1JYHEEpR9VwIk/Y6ZH3W2Za+VEZPfi+lvqR5KEVMCSUFRPuYiQHI3AD/MiMaHUb4C94SUMSWQlDTly4+p9btlLgLgm+ZyFf8S7kOqVNeYz85bAsnVhOMgDkk/UPBiAAtnrK4fEepDKr8FIHmRQJIjHZ8OSfrQ5uCMtfePfT6k8t6qtiKB1IZ2fDgm+WEAPwXwsYw1/gWAI3Jc4yeBZGzVtoWq+Zq+kXC9BmCqmU3NxVICyUW6RXFIviv0Gr4jNFe5vXNVzdFmdkOugB5HAslJuwWxSH4RwKUA5s9YnbPDkMqvEs9aJJCsuJsdjOTJAPbLWAu/AfmYka5Gy5WDBJKLdIPjkFwFgC8VXzljNa4OQ6p7M8acK5QEMkj6DYhN0nsM7zlyldcBHO+3O+UKOFocCaSEVigwB5ILhl7jCxnTuyMMqa7NGHPUUBJIKS1RUB7hEPLLALw9Y1rTABxlZi9kjDlmKAlkTETj6wGSZ4bzlHNV/CkAx5mZv6kqrkggxTXJYBIi6V/CvddYPmMG1wCYYmZ3ZYzZVygJpC9c7XyYpK+hSrpMfAxSftSO9xp+GWzRRQIpunnqT47kLgDOqz/S7AjeW7g4Zp9/mzF236EkkL6Rtc8g47zjnDCkesv5tyUTlUBKbp1MuZFcKlzpvUZNIZ8JvYa/AGhUkUAa1Vz1JUtymzBJTx3Ev2n4kKrr+bepA6b0J4GkpNlwX4k3Pb3pX8Q7C2Inm9mo59+WjE0CKbl1BpAbSd/XvWFk6Jmh17gy0s/AzSWQgTdBWQmQ/ETnvNwZAHypSZXib8R8U1PP599WCZLLRgLJRbpBcUgeBOB7fab8bOg1/BCF1hQJpDVNmbYinS/rvtx88x69XhfE4efgtqpIIK1qznSVIbkAgAcBLDGKV7owwpCq8vm36bJO70kCSc+0NR5J+pXd07tU6J7Qa/y8NRUeoSISSJtbN0HdSPqdGvsPc3V+2NT0cIIQRbuQQIpunjKSI3l3OPfquSCMEW+ELSPbtFlIIGl5ttIbSV8Cf2oYUv2+lZXsUikJZDy1dkRdfdJuZi9FuGikqQTSyGZT0rkISCC5SCtOIwn8D5rKevqi3cAuAAAAAElFTkSuQmCC");
}

.changeUser-layui-nav-item-a span {
    color: white;
    font-size: 12px;
    font-family: font-my;
}

.changeUser-layui-nav-item-a .layui-nav-more {
    display: none;
}

.changeUser-layui-nav-child {
    top: 20px !important;
    left: 50px !important;
    width: 170px;
}

    .changeUser-layui-nav-child img {
        width: 20px;
        content: url("data:image/png;base64,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");
    }

    .changeUser-layui-nav-child span {
        margin-left: 10px;
    }
