/*---------------------Login-------------------*/
.login_warp{z-index: 2;width: 80%;height:100%;padding: 0 10%;display: flex;align-items: center;position: relative;overflow: hidden;}
.login_warp .login_bg_img{width: 100%;height: 100%;position: absolute;right: 0;top: 0;}
.login_warp .company-logo{position: absolute;left: 30px;top: 30px;}
.login_warp .company-logo img{width: 60px;height: auto;}
.login_warp .panel{width: 400px;height: 460px;background: var(--login_boxBg);box-shadow: var(--login_boxShow);padding:24px 0 10px;position: absolute;right:16.5%;border:solid 4px var(--border_color);backdrop-filter: blur(60px);box-sizing: border-box;}
.login_warp .panel #formLogin{width: 240px;margin: 0 auto;}
.login_warp .panel .column {position: relative;margin-top: 20px;}
.login_warp .panel .layui-input-block{width: 100%;margin-bottom: 0;}
.login_warp .panel .column .layui-icon{position: absolute;top: 8px;left: 8px;color: var(--font-iconColor);font-size: 20px;}
.login_warp .panel .title{height: auto;line-height: 40px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.login_warp .panel .title img{height: 40px;width: auto;margin-bottom: 8px;}
.login_warp .panel .title span{color: var(--font-color);font-size: 18px;letter-spacing: 2px;vertical-align: middle;}
.login_warp .panel .login{margin-top: 60px;}
.login_warp .panel .forget_password span{color: var(--font-btn);float: right;cursor: pointer;}
.login_warp .panel input{height:40px;line-height:40px;padding-left: 40px;color: var(--font-colorStep1);caret-color: var(--font-colorStep1);font-size: 16px;}
.login_warp .panel .layui-input::placeholder{color: var(--input_placeholder);font-size: 14px;}
textarea:-webkit-autofill, select:-webkit-autofill {color: var(--font-color) !important;-webkit-text-fill-color: var(--font-color) !important;box-shadow: 0 0 0 1000px transparent  inset !important;background-color:transparent;background-image: none;transition: background-color 50000s ease-in-out 0s;}
.login_warp .panel .layui-input:is(:-webkit-autofill,:autofill,:-internal-autofill-previewed,:-internal-autofill-selected) {
    background-color: transparent !important;
    background-image: none !important;
    color: var(--font-color) !important;
    text-fill-color: var(--font-color) !important;
    -webkit-text-fill-color: var(--font-color) !important;
    font-size: 14px;
}
.login_warp .panel input[type=checkbox]{width:16px;height:16px;}
.login_warp .panel .verify-code-item{display: flex;justify-content: space-between;}
.login_warp .panel .verify-code-item .verify-code-item-input{padding: 0 4px;width: 132px;}
.login_warp #btnLogin{width:100%;height:40px;line-height:40px;border-radius: 0px;border: none;background-color: var(--main_link);color: var(--font-btn);letter-spacing: 5px;font-size: 16px;}
.login_warp .company{text-align: center;height: 30px;line-height: 30px;margin-top: 10px;color: var(--font-color);}
.login_warp .company .companyName{padding-right: 5px;border-right: 1px solid var(--font-color);}
.login_warp .company a{color: var(--main_link);text-decoration:underline;}
.license_warp{width: 100%;height:100%;}
/*--------------------home-------------------------*/
.header{width: 100%;height: 70px;background-color: var(--background);position: unset;display: flex;justify-content: space-between;align-items: flex-start;z-index: 10;}
.header .header-bg{width:100%;height:70px;position: absolute;left:0;right:0;z-index:1;overflow: hidden;border-radius: 0 0 20px 20px;}
.header .header-left{min-width:480px;height: 70px;position: relative;z-index:200;border-radius:0 0 15px 0;overflow: hidden;padding: 0 8px;}
.header .header-left .logo{width: 100%;height: 100%;padding: 0 20px;line-height: 70px;color: var(--font-btn);font-size: 20px;font-weight: normal;z-index: 200;text-align: center;text-shadow: 1px 1px 1px #333;overflow: hidden;box-sizing: border-box;}
.header .header-left .logo .layui-nav-img{height: 28px;width: auto;border-radius: inherit;margin-right: 16px;}
.header .header-left .rt-bg{position: absolute;right:6px;top:0;height: 100%;width:105%;background-color: var(--header-wave-bg);border-radius: 0 0 9%/90% 20px;opacity: 0.15;}
.header .header-left .rt-bg2{position: absolute;right:3px;top:0;height: 100%;width:105%;background-color: var(--header-wave-bg-2);border-radius: 0 0 16%/90% 20px;opacity: 0.1;}
.header .layui-nav{border:none;}
.header .layui-nav-bar{display: none;}
.header .layui-nav-right .layui-nav-more{display: none;}
.header .layui-nav .layui-nav-item a{color: var(--font_dropdrow);display: inherit;height: 40px;line-height: 40px;}
.header .layui-nav .layui-nav-item a img{width: 20px;height: 20px;filter: var(--img-iconThis)}
.header .layui-nav .main dd a{color:#333;}
.header .layui-nav .main dd.layui-this a{background-color: #d7d7d7;}
.header .layui-nav .layui-nav-child {top:40px;background:var(--bg_dropdrow);border-color:var(--bg_dropdrow);border-radius: 15px;padding-left:10px;padding-right:10px;}
.header .nav .layui-this a{font-weight: normal;}
.header .layui-nav .layui-this::after{display: none;}
.header .header-center {width:calc(100% - 730px);position: relative;z-index: 999;display: flex;justify-content: flex-start;align-items: center;}
.header .header-center .scroll-icon{padding:0 7px;color: var(--font-btn);cursor: pointer;position: absolute;}
.header .header-center .scroll-icon-left{left: -30px;}
.header .header-center .scroll-icon-right{right: -30px;}
.header .subsystem_menu{margin:0;border: none;overflow: hidden;height: 48px;}
.header .subsystem_menu .layui-tab-title{height: 40px;border: none;font-size: 16px;}
.header .subsystem_menu .layui-tab-title .layui-tab-bar{display: none;}
.header .subsystem_menu .layui-tab-title .actionurl{font-size: 18px;}
.header .subsystem_menu .layui-tab-content{padding: 0;}
.header .subsystem_menu .layui-tab-content .layui-tab-item{position: fixed;top:40px;z-index: 999999999;overflow: hidden;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree{width: 100%;overflow: auto;padding: 25px 0;background: transparent;position: unset;background: var(--bg-header_dropdrow);box-shadow: 0 4px 10px 0 rgba(8, 42, 77, 0.3);border: 1px solid var(--border_color);}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item{width: auto;min-height: 40px;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item .layui-this{background: var(--bg_menuChecked);box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3);border-radius: 20px;color: var(--font-selected) !important;font-weight: normal;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item a{height: 16px;line-height: 16px;margin: 10px 0 10px 10px;padding: 5px 10px;transition: color .3s;text-align: left;display: inline-block;border-bottom: 2px solid transparent;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item a:hover {color: var(--font-selected);border-bottom: 2px solid var(--bg_btn);}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item .level2{padding: 5px 20px;margin: 12px 5px 12px 5px;max-width: 70px;text-align: center;display: inline-block;float:left;color: var(--font-home-header);font-weight: normal;transition: color .3s;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item .level2:hover {color: var(--font-selected);border-bottom: 2px solid transparent;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item .bar{display: inline-block;width: 2px;height: 16px;background-color: var(--main_link);float: left;margin: 17px 0;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item.layui-this{background-color: var(--font-color);}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item.layui-this a{background-color: var(--font-color);}
.header .subsystem_menu .layui-tab-title .system_item{height: 30px;line-height: 30px;margin-top: 8px;}
.header .subsystem_menu .layui-tab-title .system_item.layui-this{background: var(--background);box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3);border-radius: 20px;}
.header .subsystem_menu .layui-tab-title .system_item.layui-this a{font-weight: normal;background-color: rgba(255, 255, 255, 0.25);border-radius: 15px;color: var(--font-selected);}
.header .subsystem_menu .layui-tab-title .system_item .actionurl{font-size: 18px;color: var(--font-home-header);letter-spacing: 1px;}
.header .subsystem_menu .layui-nav-tree .layui-nav-child dd.layui-this a{color: #333;background-color: rgba(255, 255, 255, 1);}
.header .subsystem_menu .layui-tab-title .system_item.layui-this a:hover{color: rgba(255, 255, 255, 1);}
.header .subsystem_menu .layui-tab-title li a {padding: 0 30px}
.header .subsystem_menu .layui-tab-title .layui-this:after{border: none!important;}
.header .subsystem_menu .layui-nav-child{display: block;top: 0;padding: 0;min-width: unset;float: left;width: calc(100% - 122px);}
.header .subsystem_menu .layui-nav-child dd{float: left;width: 145px;height: 40px;line-height: 40px;}
.header .subsystem_menu .layui-nav-child a{line-height: 40px;}
.header .subsystem_menu .layui-nav-child img{margin-right: 5px;}
.header .subsystem_menu .layui-nav-child .layui-this img{filter: var(--img-icon)}
.header .header-right{width:230px;display: flex;justify-content: flex-end;position: relative;z-index:200;}
.header .header-right .rightBg{position: absolute;z-index: 1;width: 162px;height: 70px;}
.header .header-right .rightBg{-webkit-mask-image: url('../images/console/header/rightBg.png');mask-image: url('../images/console/header/rightBg.png');background: transparent;mask-repeat: round;-webkit-mask-repeat: round;}
.header .header-right .rightBg{background: var(--bg-headerImg);}
.header .layui-nav-right{height: 40px;background: transparent;z-index: 3;padding-right: 6px;}
.header .layui-nav-right .layui-nav-item{line-height: 40px;}
.header .layui-nav-right .layui-nav-item a{padding: 0 8px;}
.header .layui-nav-right .layui-nav-item a img{filter: var(--img-icon)}
.header .layui-nav-right .skin dd a{display: flex;justify-content: space-between;align-items: center;}
.header .layui-nav-right .layui-nav-item.user .layui-nav-child a{padding: 0;text-align: center;}
.header .layui-nav-right .layui-nav-item.user img{margin-right: 6px;}
.header .layui-nav-right .layui-nav-item.user .name{color: var(--font-btn)}
.header .layui-nav-right .pendingTask a{padding: 0 15px;}
.header .layui-nav-right .pendingTask .layui-nav-child a{display: flex;justify-content: center;align-items: center;}
.header .layui-nav-right .pendingTask .layui-badge-dot{padding: 3px;line-height: 8px;font-size: 12px;position: inherit;}
.header .layui-nav-right .pendingTask .total{position: absolute;left: 20px;top: 10px;display: none;}
.header .skin span{display: inline-block;width: 10px;height: 10px;border-radius: 5px;margin-right:5px; }
.header .skin .light{background-color: rgba(0, 121, 242, 1);}
.header .skin .dark{background-color: rgba(15, 59, 102, 1);}
.header .skin .shuiwu{background-color: rgba(0, 179, 179, 1);}
.header .mark{position: fixed;top: 30px;border-bottom: 10px solid var(--bg_dropdrow);border-left: 10px solid transparent;border-right: 10px solid transparent;z-index: 999999999;}
/*自定义主题*/
.colorPalette .palette{float: left;}
.colorPalette .palette .layui-colorpicker{width: 20px;height: 20px;}
/*子系统入口*/
.header .menus{width:600px;}
.header .subsystem {height: 40px;display: flex;}
.header .subsystem .subsystem_item{width: 100px;}
.header .subsystem .subsystem_item a{display: block;width:100px;text-align: center;line-height: 40px;background-color: rgba(255, 255, 255, 1);}

/*-----------页面展示区域--------------*/
.system_content{height: calc(100% - 68px);background-color: var(--bg_templateBottomLevel);position: relative;z-index: 10;padding-top: 8px;}
.system_content .menu-headline {width: 100%;height: 24px !important;padding-top: 6px;overflow: hidden;background-color: transparent;border: none;}
.system_content .menu-headline .layui-icon{position: absolute;right: 5px;top: 6px;border-radius: 50%;color: var(--font-color);opacity: 0.8}
.system_content .menu-headline li .layui-tab-close:hover {background-color: #FF6672;border-radius: 18px;}
.system_content .menu-headline .layui-this .layui-icon{color:var(--font-form-label)}
.system_content .menu-headline .menu-path{display: inline-block;color: #0070cc;padding: 13px 0;cursor: pointer;}
.system_content .menu-headline .menu-path:last-child{color:#999;}
.system_content .layui-tab-card{width: 100%;height:calc(100% - 8px);margin: 0;border: none;box-shadow: none;position: relative;}
.system_content .layui-tab-card .layui-menuMore{height: 24px;margin-top: 6px;position: absolute;top: -40px;left: auto;right: 0;z-index: 10;background: transparent;display: none;}
.system_content .layui-tab-card .layui-menuMore .menuMoreBg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.system_content .layui-tab-card .layui-menuMore .menuMoreBg{-webkit-mask-image: url('../images/console/header/menuBg.png');mask-image: url('../images/console/header/menuBg.png');background: transparent;mask-repeat: round;-webkit-mask-repeat: round;}
.system_content .layui-tab-card .layui-menuMore .title img{display: none;margin-right: 5px;}
.system_content .layui-tab-card .layui-menuMore-show{display: block;}
.system_content .layui-tab-card .layui-menuMore-this .title{color: var(--font-colorChecked);font-weight: normal;display: flex;justify-content: space-between;align-items: center;padding: 0 20px 0 10px;}
.system_content .layui-tab-card .layui-menuMore-this .title img{display: block;filter: var(--img-iconThis);margin-right: 5px;}
.system_content .layui-tab-card .layui-menuMore-this .layui-nav-more{color: var(--font-colorChecked);font-weight: normal;right: 5px;}
.system_content .layui-tab-card .layui-menuMore-this .menuMoreBg{background: var(--bg_templateBottomLevel);}
.system_content .layui-menuMore .layui-nav-item{height: 24px;line-height: 24px;}
.system_content .layui-menuMore .layui-nav-item .layui-nav-child{top: 30px;left: auto;right: 0;background: var(--bg_dropdrow);border-color: var(--bg_dropdrow);border-radius: 15px;}
.system_content .layui-menuMore .layui-nav-item dd a{padding: 0 25px 0 10px;position: relative;color: var(--font-color);display: flex;justify-content: space-between;align-items: center;}
.system_content .layui-menuMore .layui-nav-item dd a img{filter: var(--img-icon)}
.system_content .layui-menuMore .layui-nav-item dd li{display: flex;}
.system_content .layui-menuMore .layui-nav-item dd .layui-icon{margin-left:5px;color: var(--font-color);border-radius: 50%;width: 18px;height: 18px;line-height: 18px;text-align: center;position: absolute;right: 3px;top: 10px;}
.system_content .layui-menuMore .layui-nav-item dd .layui-icon:hover{background-color: #FF5722;color: var(--font-selected)}
.system_content .layui-menuMore .layui-nav-item dd.layui-this .layui-icon{color: var(--font-selected)}
.system_content .layui-menuMore .layui-nav-item dd a{display: block;}
.system_content .layui-menuMore .layui-nav-item dd a img{filter: var(--img-iconThis);margin-right: 5px;}
.system_content .layui-menuMore .layui-nav-item dd a:hover{background-color: var(--bg_dropdrow_hover);border-radius: 15px;color: var(--font-selected);}
.system_content .layui-menuMore .layui-nav-item dd a:hover img{filter: var(--img-icon);}
.system_content .layui-menuMore .layui-nav-item dd a:hover .layui-tab-close{color: var(--font-selected);}
.system_content .layui-menuMore .layui-nav-item dd a img{filter: var(--img-iconThis);margin-right: 5px;}
.system_content .layui-menuMore .layui-nav-item dd.layui-this{background: transparent;}
.system_content .layui-menuMore .layui-nav-item dd.layui-this a{background: var(--background);box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3);border-radius: 20px;color: var(--font-selected)}
.system_content .layui-menuMore .layui-nav-item dd.layui-this a img{filter: var(--img-icon);}
.system_content .layui-menuMore .layui-nav-item.layui-this a img{filter: var(--img-icon);}
.system_content .layui-tab-card .menu-headline .layui-tab-bar{display: none;}
.system_content .layui-tab-card .menu-headline li{line-height: 24px;height: 24px; margin: 0;z-index: 300;background: transparent;font-size: 14px;}
.system_content .layui-tab-card .menu-headline li .menuBg {-webkit-mask-image: url('../images/console/header/menuBg.png');mask-image: url('../images/console/header/menuBg.png');background: transparent;mask-repeat: round;-webkit-mask-repeat: round;}
.system_content .layui-tab-card .menu-headline li.layui-this .menuBg{background: var(--bg_templateBottomLevel);}
.system_content .layui-tab-card>.menu-headline li .menuBg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;filter: none !important;display: none;z-index: -1;}
.system_content .layui-tab-card>.menu-headline li.layui-this .menuBg{display: block;}
.system_content .layui-tab-card .menu-headline .tab_first{pointer-events: none;}
.system_content .layui-tab-card .menu-headline .firstTab{width:330px;z-index: 0;padding: 0;pointer-events: none;-webkit-mask-image: none;mask-image: none;background: none;}
.system_content .layui-tab-card .menu-headline .tab_first a{border-bottom-right-radius: 12px;}
.system_content .layui-tab-card .menu-headline .tab_last{pointer-events: none;}
.system_content .layui-tab-card .menu-headline .tab_last .layui-tab-close{display: none;}
.system_content .layui-tab-card .menu-headline li:first-child .layui-tab-close{display: none;}
.system_content .layui-tab-card .menu-headline li:nth-child(2) .layui-tab-close{display: none;}
.system_content .layui-tab-card .menu-headline li:nth-child(1) a{border-bottom-left-radius: 12px;}
.system_content .layui-tab-card .menu-headline li a{height: 100%;left: 0;top: 0;z-index: 1;padding: 0 35px 0 20px;color: var(--font-btn);display: flex;justify-content: center;align-items: center;}
.system_content .layui-tab-card .menu-headline .layui-this a{color: var(--font-colorChecked);font-weight: normal;}
.system_content .layui-tab-card .menu-headline .layui-this:after{border: none;}
.system_content .layui-tab-card>.menu-headline .layui-this-prev a{border-bottom-right-radius:12px;}
.system_content .layui-tab-card>.menu-headline .layui-this-next a{border-bottom-left-radius: 12px;}
.system_content .layui-tab-card>.menu-headline a img{margin-right: 5px;width: 16px;height: auto;filter: var(--img-icon);}
.system_content .layui-tab-card>.menu-headline .layui-this img{filter: var(--img-iconThis);}
.system_content .layui-tab-card .layui-tab-item{width: 100%;height: 100%;}
.system_content .layui-tab-card .layui-tab-item .submenu-content-oindex{width: 100%;height: 100%;border: none;}
.system_content .layui-tab-card .layui-tab-item .submenu-content{width: 100%;height: 100%;overflow: hidden;}
.system_content .layui-tab-card .layui-tab-item .menu-headline li:first-child {border-radius: 12px 0 0 12px;}
.system_content .layui-tab-card .layui-tab-item .menu-headline li:last-child {border-radius: 0 12px 12px 0;}
.subsystem_menu .layui-tab-content .layui-nav-child{background-color: transparent;}
.subsystem_menu .layui-tab-item{max-width: 1000px;}

/*波浪动效*/
.waves {position: absolute;width: 130%;height: 150px;bottom: -80px;transform: rotate(5deg);left: -50px;min-width:500px;}
.parallax >use {animation: move-forever 25s cubic-bezier(.55,.5,.35,.5) infinite;}
.parallax >use:nth-child(1) {fill: var(--background);opacity: 0.2;animation-delay: -2s;animation-duration: 15s;}
.parallax >use:nth-child(2) {fill: var(--background);opacity: 0.4;animation-delay: -3s;animation-duration: 20s;}

/*导航蓝背景波浪*/
.header-bg-waves {position: absolute;width: 100%;height: 70px;top: 0;transform: rotate(180deg);}
.header-bg-waves .parallax >use {animation: move-forever 25s cubic-bezier(.55,.5,.35,.5) infinite;}
.header-bg-waves .parallax >use:nth-child(1) {fill: var(--header-wave-bg);opacity: 0.1;animation-delay: -3s;animation-duration: 20s;}
.header-bg-waves .parallax >use:nth-child(2) {fill: var(--header-wave-bg);opacity: 0.05;animation-delay: -3s;animation-duration: 20s;}
.header-bg-waves.logo-bg {position: absolute;height: 320px;top: -180px;z-index: 1;transform: rotate(182deg);}
.header .header-bg .header-bg-waves.logo-bg .parallax >use {animation: move-forever-min 50s cubic-bezier(.95,.35,.5,.35) infinite;}
.header .header-bg .header-bg-waves.logo-bg .parallax >use:nth-child(1) {fill: var(--header-wave-bg-2);opacity: 0.1;animation-delay: -5s;animation-duration: 20s;}
.header .header-bg .header-bg-waves.logo-bg .parallax >use:nth-child(2) {fill: var(--header-wave-bg-2);opacity: 0.05;animation-delay: -7s;animation-duration: 25s;}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }
    100% {
        transform: translate3d(85px,0,0);
    }
}
@keyframes move-forever-min {
    0% {
        transform: translate3d(-10px,0,0);
    }
    50% {
        transform: translate3d(5px,0,0);
    }
    100% {
        transform: translate3d(-10px,0,0);
    }
}

@media (max-width: 768px) {
    .waves {
        height:40px;
        min-height: 40px;
    }
    .content {
        height: 30vh;
    }
    h1 {
        font-size: 24px;
    }
}
/*菜单页iframe层*/
.subpageContainer{width: 100%;height: 100%;}
.subpageContainer .subpage{width: 100%;height: 100%;overflow: auto;}
/*-----------子页面展示区域--------------*/
.submenu-display-area{width: calc(100% - 20px);height: calc(100% - 38px);margin: 0 10px;padding: 8px 0 0 !important;}
.submenu-display-area .layui-this{font-weight: normal;}