/*---------------------Login-------------------*/
.login_warp{z-index: 2;width: 80%;height:100%;padding: 0 10%;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.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: 300px;border-radius: 30px;background: var(--login_boxBg);box-shadow: var(--login_boxShow);padding:20px 0 10px;position: absolute;backdrop-filter: blur(60px);overflow: hidden;}
.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: 40px;line-height: 40px;text-align: center;}
.login_warp .panel .title img{width: 42px;height: auto;padding-right:10px;}
.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;border-radius: 20px;color: var(--font-colorStep1);caret-color: var(--font-colorStep1);font-size: 16px;}
.login_warp .panel input::placeholder{color: var(--input_placeholder);font-size: 14px;}
.login_warp .panel input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-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 input[type=checkbox]{width:16px;height:16px;}
.login_warp #btnLogin{width:100%;height:40px;line-height:40px;border-radius: 20px;border: none;background-color: var(--main_link);color: var(--font-btn);letter-spacing: 5px;font-size: 16px;margin-left:0;}
.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%;}
.login-bg-waves{position:absolute;left:0;bottom: 0;height: 30%;width: 100%;}
.login-bg-waves .parallax >use:nth-child(1){fill: var(--login-wave-bg);}
.login_warp .login_bg_img{width: 105%;height: 105%;position: absolute;left: -5px;top: -5px;animation: loginBgAni 10s linear infinite;}
@keyframes loginBgAni {0% {filter: blur(1px);} 50% {filter: blur(5px);} 100% {filter: blur(1px)} }
/*--------------------home-------------------------*/
.header{width: 100%;height: 70px;background-color: transparent;position: unset;display: flex;justify-content: space-between;align-items: flex-start;z-index: 10;}
.header .header-bg{width:105%;height:100%;position: absolute;left:-10px;right:0;z-index:1;}
.header .header-left{min-width:240px;height: 70px;position: relative;z-index:200;border-radius:0 0 15px 0px;padding: 0 10px;}
.header .header-left .logo{width: 100%;height: 100%;padding: 0 10px;position: absolute;left: 0;top: 0;line-height: 70px;color: var(--font-btn);font-size: 18px;z-index: 200;text-align: left;text-shadow: 1px 1px 1px #333;overflow: hidden;box-sizing: border-box;}
.header .header-left .logo .layui-nav-img{height: 42px;width: auto;border-radius: inherit;filter: brightness(1.1);}
.header .header-left .rt-bg{position: absolute;right:-6px;top:0;height: 100%;width:100%;background: linear-gradient(to right,transparent,var(--header-wave-bg));border-radius: 0 0 50px 0;opacity: 0.15;}
.header .header-left .rt-bg2{position: absolute;right:-10px;top:0;height: 100%;width:103%;background: linear-gradient(to right,transparent,var(--header-wave-bg-2));border-radius: 0 0 50px 0;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: 32px;line-height: 32px;margin:8px 0;}
.header .layui-nav .layui-nav-item a img{width: 24px;height: 24px;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: 700;}
.header .layui-nav .layui-this::after{display: none;}
.header .header-center {width:calc(100% - 710px);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;margin-top: -5px;}
.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: 16px;}
.header .subsystem_menu .layui-tab-content{padding: 0;}
.header .subsystem_menu .layui-tab-content .layui-tab-item{position: fixed;top:40px;z-index: 999999999;background-color: var(--bg_dropdrow);box-shadow: 0px 4px 10px 0px rgba(8, 42, 77, 0.3);border-radius: 20px;overflow: hidden;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree{width: 100%;overflow: auto;padding:25px 10px 25px 0;background: transparent;position: unset;}
.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: 700;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item a{height: 24px;line-height: 24px;margin: 10px 0 10px 10px;padding: 5px 15px 3px 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(--bg_btn);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: 90px;text-align: center;display: inline-block;float:left;color: var(--font-color);font-weight: 600;transition: color .3s;}
.header .subsystem_menu .layui-tab-content .layui-tab-item .layui-nav-tree .layui-nav-item .level2:hover {color: var(--bg_btn);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: 21px 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: 6px;}
.header .subsystem_menu .layui-tab-title .system_item.layui-this{background: var(--background);box-shadow: 2px 2px 6px var(--background);border-radius: 20px;}
.header .subsystem_menu .layui-tab-title .system_item.layui-this a{font-weight: 700;background-color: rgba(255, 255, 255, 0.25);border-radius: 15px;}
.header .subsystem_menu .layui-tab-title .system_item .actionurl{font-size: 14px;color: var(--font-btn);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 .layui-this:after{border: none;}
.header .subsystem_menu .layui-nav-child{display: block;top: 0;padding: 0;min-width: unset;float: left;}
.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:320px;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 .header-right .layui-nav .layui-nav-item a img{width:18px;height:18px;}
.header .layui-nav-right{height: 40px;background: transparent;z-index: 3;}
.header .layui-nav-right .layui-nav-item{line-height: 40px;}
.header .layui-nav-right .layui-nav-item a{padding: 0 10px;}
.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-top: 0px;height:24px;}
.header .layui-nav-right .layui-nav-item.user img.normal{filter:none;}
.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: 4px;line-height: 8px;font-size: 9px;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 .black{background-color: rgba(3, 3, 3, 1);}
.header .skin .green{background-color: #008C8C;}
.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% - 85px);background-color: var(--bg_templateBottomLevel);position: relative;z-index: 10;padding-top: 10px;width:calc(100% - 10px);margin:auto;border-radius: 20px;}
.system_content .menu-headline {width: 100%;height: 24px !important;padding-top: 6px;overflow: hidden;position: fixed;top: 40px;left: 0;background-color: transparent;border: none;}
.system_content .menu-headline .layui-icon{position: absolute;right: 20px;top: 3px;border-radius: 50%;line-height:18px;}
.system_content .menu-headline li .layui-tab-close:hover {background-color: #FF6672;border-radius: 18px;}
.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:100%;margin: 0;border: none;box-shadow: none;position: relative;}
.system_content .layui-tab-card .layui-menuMore{height: 24px;margin-top: 6px;position: fixed;top: 40px;right: 30px;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: 700;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;width:24px;height:auto;}
.system_content .layui-tab-card .layui-menuMore-this .layui-nav-more{color: var(--font-colorChecked);font-weight: 700;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);height:24px;width:24px;}
.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;}
.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;mask-size: 100%;}
.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 45px 0 30px;color: var(--font-btn);display: flex;justify-content: center;align-items: center;font-size: 14px;}
.system_content .layui-tab-card .menu-headline .layui-this a{color: var(--font-color);}
.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: 24px;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;max-width: 880px;}
.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: 100%;top: 0;transform: rotate(180deg);display:none;}
.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: 100%;top: -180px;z-index: 1;transform: rotate(178deg);left: 0px;}
.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% - 10px);margin: 0 10px 10px;padding: 0;}
.submenu-display-area .layui-this{font-weight: bolder;}