@charset "utf-8";
/* 网站元素 */
body{font-size:14px;}
/* 美化滚动条 */
body>*::-webkit-scrollbar{height:8px;width:8px;}
body>*::-webkit-scrollbar-corner{background-color:transparent;}
body>*::-webkit-scrollbar-thumb{background-color:#aeaeae;}
body>*::-webkit-scrollbar-track{background-color:transparent;}
/* 头部元素 */
.adminXL-header{width:100%;margin-top:0;padding:0;position:relative;}
.adminXL-logo{width:240px;height:45px;line-height:45px;z-index:9989;float:left;position:fixed;top:0;left:0;background:#38404e;}
.adminXL-logo-web{width:180px;height:45px;line-height:45px;margin-left:8px;float:left;color:#e2e2e2;font-size:15px;font-weight:bold;}
.adminXL-logo-web img{margin-left:8px;vertical-align:middle;height:25px;margin-right:10px;}
.adminXL-logo-wap{height:45px;line-height:45px;display:none;}
.adminXL-logo-wap img{height:26px;vertical-align:middle;display:inline-block;margin-left:15px;}
.adminXL-logo-wap span{color:#fff;font-size:16px;}
.adminXL-menu{display:flex;justify-content:space-between;padding:0 15px;flex-wrap: wrap;border-bottom: 1px solid #eee;color: #747474;}
.adminXL-menu .icon{margin-right:8px;font-size:20px;display:inline-block;vertical-align:bottom;}
.adminXL-menu a{color:#747474;display:inline-block;height:45px;line-height:45px;font-size:14px;}
.adminXL-menu a:hover{color:#8783e1;}
.adminXL-menu .dropdown-toggle{display:block;height:45px;line-height:45px;margin-right: 10px;}
.adminXL-menu .dropdown-toggle .icon{font-size:20px;}
.adminXL-menu .dropdown-toggle .ice-arrow-line-b{color:#737373;margin-left:10px;font-size:9px;display:inline-block;vertical-align:bottom;transition:all ease .2s;}
.adminXL-menu .dropdown{display:inline-block;}
.adminXL-menu .dropdown.open .dropdown-toggle{color:#8783e1;}
.adminXL-menu-left>a{margin-right:20px;}
.adminXL-menu-right>a{margin-left:20px;}
.adminXL-title{font-size:20px;margin-bottom:15px;position:relative;font-weight:300;display:flex;align-items:center;justify-content:space-between;padding-left:30px;padding-bottom:15px;border-bottom:1px solid #eee;}
.adminXL-title:before{content:'';width:19px;height:4px;display:inline-block;background:var(--tpl);margin-right:10px;vertical-align:middle;position:absolute;left:0;}
.adminXL-title .btn{margin-right:0;margin-left:10px;}
/*菜单按钮*/
.adminXL-toggle{width:48px;height:48px;line-height:48px;display:inline-block;text-align:center;cursor:pointer;}
.adminXL-toggle:hover>span,.adminXL-toggle:hover>span:after,.adminXL-toggle:hover>span:before{background:#fff}
.adminXL-toggle>span,.adminXL-toggle>span:after,.adminXL-toggle>span:before{display:inline-block;width:19px;height:1px;background:#b1b8c4;position:relative;top:-6px;transition:all ease .3s;}
.adminXL-toggle>span:after,.adminXL-toggle>span:before{position:absolute;left:0;content:''}
.adminXL-toggle>span:before{top:6px}
.adminXL-toggle>span:after{top:-6px}
.adminXL-toggle.open>span{background-color:transparent!important}
.adminXL-toggle.open>span:after{transform:translateY(6px) rotateZ(45deg);top:-10px;width:14px;height:1px;/* left:2px;*/
}
.adminXL-toggle.open>span:before{transform:translateY(-6px) rotateZ(-45deg);top:11px;width:14px;height:1px;/* left:2px;*/
}
.adminXL-toggle-right{width:48px;height:48px;line-height:48px;display:inline-block;text-align:center;cursor:pointer;float:right;}
.adminXL-toggle-right:hover>span,.adminXL-toggle-right:hover>span:after,.adminXL-toggle-right:hover>span:before{background:#8a8a8a;}
.adminXL-toggle-right>span,.adminXL-toggle-right>span:after,.adminXL-toggle-right>span:before{display:inline-block;width:3px;height:3px;background:#858585;position:relative;top:-5px;transition:all ease .1s;}
.adminXL-toggle-right>span:after,.adminXL-toggle-right>span:before{position:absolute;left:0;content:''}
.adminXL-toggle-right>span:before{top:6px}
.adminXL-toggle-right>span:after{top:-6px}
.adminXL-toggle-right.open>span{background-color:transparent!important}
.adminXL-toggle-right.open>span:after{transform:translateY(6px) rotateZ(45deg)}
.adminXL-toggle-right.open>span:before{transform:translateY(-6px) rotateZ(-45deg)}
/* 主体元素 */
.adminXL-content{flex:1;overflow:auto;background:#f5f5f5;height:calc(100vh - 45px);padding:15px;}
.adminXL-box{background:#fff;border-radius:7px;padding:15px;}
.adminXL-loadings{position:absolute;width:100%;height:100%;top:0;left:0;}
.adminXL-load{position:absolute;}
.adminXL-top{margin-top:15px;border-bottom:1px solid #eee;}
.adminXL-middle{clear:both;position:relative;}
.box-content>.adminXL-middle{padding-top:25px;}
.box-content>.adminXL-middle:before{content:'';width:calc(100% + 40px);height:7px;background:#f5f5f5;position:absolute;left:-20px;top:0;}
.adminXL-title+.adminXL-middle:before{display:none;}
.adminXL-title+.adminXL-middle{padding-top:0;}
.adminXL-bottom{margin-top:40px;}
/* 侧栏元素 */
.adminXL-sidebar{background:#38404e;z-index:10;position:fixed;width:240px;height:100%;overflow:hidden;}
#nav{display:block;width:14px;height:14px;border:2px solid #D64635;box-shadow:0 0 9px 2px #D64635;border-radius:50%;margin-top:18px;margin-left:10px;float:left;animation-name:nav_1;animation-duration:5s;animation-iteration-count:infinite;}
.adminXL-sidebar-menu .icon{width:27px;color:#757f92;margin-right:10px;font-size:20px;vertical-align:middle;display:inline-block;text-align:center;}
.adminXL-sidebar-menu a{height:40px;line-height:40px;color:#b1b8c4;display:flex;padding:0 20px;font-size:14px;}
.adminXL-sidebar-menu li{position:relative;list-style:none;}
.adminXL-sidebar-menu li.tree-open>a,.adminXL-sidebar-menu a.active{background:#475164;}
.adminXL-sidebar-menu li.tree-open a .arrow i{transform:rotate(90deg);color:#828c99!important;}
.adminXL-sidebar-menu a:hover{background:#475164;color:#b1b8c4 !important;}
.adminXL-sidebar-menu a::after{content:'';display:none;float:right;position:absolute;left:212px;top:8px;background:0 0;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:8px solid #eaeaec;}
.adminXL-sidebar-menu li.active-dropdown>a::after{display:block;}
.adminXL-sidebar-menu .sign{width:5px;height:1px;background:#929092;display:inline-block;vertical-align:middle;margin-right:10px;}
.adminXL-menu-dropdown{display:none;background: #475164;width:100%;}
.adminXL-menu-dropdown a{color:#b1b8c4;padding-left: 55px;position:relative;overflow:hidden;font-size:13px;}
.adminXL-menu-dropdown a .triangle{display:none;}
.adminXL-menu-dropdown a::before{content:'';width:14px;height:14px;margin-right:8px;border-radius:50%;border: 2px solid #83909d;float:left;vertical-align:middle;margin-top:13px;left:39px;}
.adminXL-sidebar-menu .adminXL-menu-dropdown a.active{background:#3e4655;}
.adminXL-menu-dropdown a.active .sign{background:#999cb9;}
.adminXL-menu-dropdown .sign:hover{background:#999cb9;}
.adminXL-sidebar-menu span .icon{color:#828c99!important;font-size:19px!important;position:absolute;left:10px;transition:all ease .2s;}
.adminXL-sidebar-menu span.arrow i{color:#828c99!important;font-size:12px!important;position:absolute;left:200px;transition:all ease .2s;}
.adminXL-sidebar-menu .active-dropdown{background:#4a4a4a;}
.adminXL-sidebar-menu h3{margin:0;color:#7e7e7e;font-size:16px;padding:20px 15px 10px;}
.adminXL-sidebar-menu{width:260px;overflow-x:hidden;padding-top:20px;padding-bottom:80px;overflow-y:auto;height:calc(100% - 45px);margin-top:45px;}
.adminXL-sidebar-close .adminXL-logo{width:48px;}
.adminXL-sidebar-menu .adminXL-menu-dropdown a:hover{background:#3e4655;/* color:#ef6258;*/
transition:all .3s;}
.adminXL-sidebar-menu span i.small{font-style:initial;font-size:12px;margin-left:5px;color:#7c8493;}
.adminXL-menu-move{position:absolute;width:4px;height:40px;background:#ef6258;transition:all .3s;top:0;left:0;pointer-events:none;touch-action:none;}
/*.adminXL-menu-move:hover{display:none;}
*/
/* 内容元素 */
.adminXL-main{flex:1;padding:0;position:relative;margin-left:240px;}
/* 表单项目 */
.adminXL-form{margin-top:25px;}
.adminXL-form-item{display:inline-flex;margin:0 30px 15px 0;align-items:center;}
.adminXL-form-item label{margin-right:10px;display:inline-block;line-height:35px;text-align:right;}
.adminXL-form .adminXL-form-item:last-child,.adminXL-top .adminXL-form-item:last-child{margin-right:0;}
.adminXL-item-auto label{min-width:auto;}
.adminXL-form-item input+select+div.select{margin-left:-1px;}
.adminXL-form-item select+div.select+input{margin-left:-1px;}
/* 底部元素 */
.adminXL-footer{font-size:13px;font-weight:100;text-align:center;overflow:auto;padding:10px;}
.adminXL-footer-left{height:22px;line-height:22px;padding:0 10px;color:#ffffff;background:#a2a2a2;display:inline-block;margin-right:-3px;}
.adminXL-footer-left a{color:#fff;display:inline-block;padding:0 5px;background:#a2a2a2;}
.adminXL-footer-left a:hover{color:#fff;background:#676767;}
.adminXL-footer-right{height:22px;line-height:22px;color:#ffffff;background:#949494;display:inline-block;margin-left:-3px;}
.adminXL-footer-right a{color:#ffffff;display:inline-block;background:#676767;padding:0 10px;}
.adminXL-footer-right a:hover{color:#ffffff;background:#3a3a3a;}
/* 自适应手机 */
@media (max-width:768px){.adminXL-header{width:100%;height:45px;overflow:inherit;position:fixed;z-index:999;top:0;left:0;margin-top:0;}
.adminXL-logo{width:100%!important;float:none;}
.adminXL-logo-web{display:none;}
.adminXL-logo-wap{display:inline-block;}
.adminXL-toggle{float:right;margin-right:10px;}
.adminXL-main{margin-left:0;padding:10px 0;width:100%;margin-top:45px;}
.adminXL-footer{margin-left:0;font-weight:normal;}
.adminXL-sidebar{width:240px;padding-top:0;position:fixed;z-index:9999;top:0;height:100%;left:-240px;}
.adminXL-sidebar-menu .triangle{display:none!important;}
.adminXL-sidebar.open{left:0;animation:adminXL-sidebar-move-right 0.5s ease;}
.adminXL-sidebar.close{left:-240px;animation:adminXL-sidebar-move-left 0.5s ease;}
.adminXL-sidebar-menu li{background:none;}
.adminXL-sidebar-menu li.active a{background:#292929;}
.adminXL-menu{width:240px;height:100%;position:fixed;background:#38404e;right:-240px;animation:all 0.5s ease;top:45px;z-index:99;}
.adminXL-menu .dropdown-toggle{padding:0 20px;height:40px;line-height:40px;color:#b1b8c4 !important;background:#475164;}
.adminXL-menu a{color:#b1b8c4;padding:0 20px;height:40px;line-height:40px;margin-left:0;}
.adminXL-menu-left,.adminXL-menu-right{padding:0;float:none;}
.adminXL-menu .dropdown{display:block;width:100%;}
.adminXL-menu .ice-arrow-line-b{float:right;transform:rotate(-90deg);}
.adminXL-menu .open .ice-arrow-line-b{float:right;transform:rotate(0deg);}
.adminXL-menu .dropdown-menu{color:#C7C7C7;position:relative;top:100%;left:0;z-index:1000;display:none;float:none;min-width:160px;padding:5px 0;font-size:14px;text-align:left;list-style:none;background:#3e4655;box-shadow:0 0 15px rgba(48,48,48,0.22);transition:all ease .5s;}
.adminXL-menu .dropdown-menu a{color:#b1b8c4;padding:0 46px;}
.adminXL-menu .dropdown-menu .dropdown-header{padding:0 46px;display:none;}
.adminXL-menu .dropdown-menu .divider{background-color:#3e3e3e;display:none;}
.adminXL-menu.open{right:0;animation:adminXL-menu-move-left 0.5s ease;}
.adminXL-menu.close{right:-240px;animation:adminXL-menu-move-right 0.5s ease;}
.adminXL-toggle-right.open>span,.adminXL-toggle-right.open>span:after,.adminXL-toggle-right.open>span:before{width:19px;height:1px;}
.adminXL-footer-left{color:#676767;background:none;margin-right:0;}
.adminXL-footer-left a{color:#03A9F4;background:none;}
.adminXL-footer-right{color:#676767;background:none;margin-left:0;}
.adminXL-footer-right a{color:#676767;background:none;}
.adminXL-sidebar-menu{height:100%;width:240px;overflow-y:auto;left:0;position:absolute;}
}
/* 多标签 */
.adminXL-tab{display:flex;border-bottom:1px solid #eee;height: 40px;overflow:hidden;user-select:none;margin-top: -1px;}
.adminXL-tab-iframe {height:calc(100vh - 85px);padding:0;}
.adminXL-tab-body {background: #f5f5f5;}
.adminXL-tab-body .adminXL-content {height: 100%;}
.adminXL-tab-item,.adminXL-tab-left,.adminXL-tab-right{height: 39px;padding:0 15px;border-right:1px solid #eee;cursor:pointer;display:flex;align-items:center;position:relative;white-space:nowrap;}
.adminXL-tab-item:hover,.adminXL-tab-item.active{background:#f7f9fe;}
.adminXL-tab-item:hover::before{content:"";display:block;height:1px;background:#eee;width:100%;position:absolute;top: 0;left:0;}
.adminXL-tab-item.active::before{content:"";display:block;height:2px;background:#768fe7;width: calc(100% + 2px);position:absolute;top: 0;left: -1px;}
.adminXL-tab-item span.adminXL-tab-close{margin-left:10px;color:#c4c4c4;}
.adminXL-tab-item span.adminXL-tab-close:hover{color:#353535;}
.adminXL-tab-box{flex:1;display:flex;overflow-x:auto;height:80px;}
.adminXL-tab-menu{position:fixed;z-index:999;width:100%;height:100%;top:0;left:0;display:none;}
.adminXL-tab-menu-box{position:fixed;z-index:999;background:#fff;width:145px;top:0;left:0;padding:10px 0;box-shadow:1px 1px 8px rgb(0 0 0 / 15%);}
.adminXL-tab-menu-item{padding:6px 20px;color:#3b3b3b;cursor:pointer;}
.adminXL-tab-menu-item:first-child{border-top:none;}
.adminXL-tab-menu-item:hover{background:#f5f5f5;}
.adminXL-tab-right{border-right:none;border-left:1px solid #eee;}
.adminXL-iframe{width:100%;height:100%;display:none;}
.adminXL-iframe.active{display:block;}
/* 自适应电脑 */
@media (min-width:768px){/* 隐藏侧栏 */
 .adminXL-sidebar-close .adminXL-logo-web{display:none}
.adminXL-sidebar-close .adminXL-main{transition:all ease .1s;width:calc(100% - 48px);padding-bottom:42px;margin-left:48px;}
.adminXL-sidebar-close .adminXL-footer{margin-left:48px;transition:all ease .1s;bottom:0;margin-top:-42px;}
.adminXL-sidebar-close .adminXL-sidebar{width:48px;transition:all ease .1s;overflow:initial;overflow-x:initial;position:absolute;z-index:10001;}
.adminXL-sidebar-close .adminXL-sidebar::before{content:'';width:48px;height:100%;position:fixed;background:#38404e;}
.adminXL-sidebar-close .adminXL-sidebar .adminXL-sidebar-menu{width:48px;overflow:initial;overflow-y:initial;}
.adminXL-sidebar-close .adminXL-sidebar .scroll-y{display:none;}
.adminXL-sidebar-close .adminXL-sidebar-menu>li>a{padding:0;display:block;position:relative;}
.adminXL-sidebar-close .adminXL-sidebar-menu>li>a>.tag-dot{position:absolute;right:0;top:0;}
.adminXL-sidebar-close .adminXL-sidebar-menu .icon{width:48px;margin-right:0;}
.adminXL-sidebar-close .adminXL-sidebar-menu .title{display:none}
.adminXL-sidebar-close .adminXL-sidebar-menu .arrow{display:none}
.adminXL-sidebar-close .adminXL-sidebar-menu .arrow{display:none}
.adminXL-sidebar-close .adminXL-sidebar-menu .triangle{top:12px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #e2e4e8;}
.adminXL-sidebar-close .adminXL-menu-dropdown{display:none!important;}
.adminXL-sidebar-close .adminXL-sidebar-menu h3{visibility:hidden;padding:0;height:20px;}
.adminXL-sidebar-close .adminXL-sidebar-menu li:hover .adminXL-menu-dropdown{display:block!important;left:49px;top:40px;width:199px;position:absolute;z-index:99999;box-shadow:5px 5px rgba(48,48,48,.2);background:#38404e;}
.adminXL-sidebar-close .adminXL-sidebar-menu li:hover .title{display:inline-block;}
.adminXL-sidebar-close .adminXL-sidebar-menu>li:hover>a>.title{position:absolute;top:0;left:48px;width:200px;height:40px;line-height:40px;padding:0 15px;background:#38404e;box-shadow:5px 5px rgba(48,48,48,.2);z-index:10;}
.adminXL-sidebar-close .adminXL-sidebar-menu li.active-dropdown:hover>a>.title{background:#d64635;}
.adminXL-sidebar-close .adminXL-sidebar-menu>li:hover>a{background:#38404e;}
.adminXL-sidebar-close .adminXL-sidebar-menu li:hover ul a{white-space:nowrap;width:199px;padding:0 15px;}
.adminXL-sidebar-close .adminXL-sidebar-menu li:hover>a>.triangle{display:none;}
.adminXL-sidebar{display:block!important;}
.adminXL-toggle-right{display:none;}
}
.box-content .title-s:first-child{margin:0 0 20px;}
@keyframes adminXL-menu-move-left{from{right:-240px;}
to{right:0}
}
@keyframes adminXL-menu-move-right{from{right:0;}
to{right:-240px;}
}
@keyframes adminXL-sidebar-move-left{from{left:0;}
to{left:-240px;}
}
@keyframes adminXL-sidebar-move-right{from{left:-240px;}
to{left:0;}
}
.adminXL-login{border-radius:17px;}
.adminXL-login-body{font-size:14px;}
.adminXL-login-body input::-webkit-input-placeholder{color:#9baac9;}
.adminXL-login-body path{fill:#e7e7e7}
.adminXL-login-body input,.adminXL-login-body button{outline:none;}
.adminXL-login{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:419px;height:383px;overflow:hidden;background:#fff;box-shadow:1px 2px 30px rgb(12 48 110 / 15%);}
.adminXL-login-title{font-size:32px;color:#424242;margin-bottom:20px;letter-spacing:2px;}
.adminXL-login-logo{width:60px;height:60px;position:relative;margin:25px auto;}
.adminXL-login-logo svg{width:300px;height:300px;position:absolute;top:-100px;left:30px}
.adminXL-login-form{padding:20px 60px;text-align:center;}
.adminXL-login-row{padding-bottom:22px;text-align:left;display: flex;align-items: center;}
.adminXL-login-row .checkbox{margin-left:0;}
.adminXL-login-code{width:150px;height:40px;border:1px solid #cacaca;}
.adminXL-login-codeimg{display:inline-block;vertical-align:middle;height:40px;width:100px;}
.adminXL-login-other i{font-size:20px;}
.adminXL-login-other a{display:inline-block;width:25px;height:25px;line-height:25px;border-radius:50%;text-align:center;color:#979797;}
.adminXL-login-icon{margin-right:15px;font-size:26px;color:#707070;margin-top:5px;display:inline-block;}
.adminXL-login-input{width:100%;padding:0;font-size:15px;background:#fff;color:#787878;border:none;border-bottom:1px solid #e9f0fd;border-radius:0;}
.adminXL-login-submit{position:relative;width:100%;height:38px;margin:10px 0 0px 0;color:#ffffff;background:var(--black);font-size:15px;cursor:pointer;overflow:hidden;}
.adminXL-login-submit:hover{background:var(--black-hover);}
.adminXL-login-submit:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:35px;height:35px;border:1px solid #383838;border-radius:50%;border-left:none;border-bottom:none;-webkit-transition:opacity 0.1s 0.4s;transition:opacity 0.1s 0.4s;opacity:0;}
.adminXL-login-submit{position:relative;width:100%;height:38px;margin:10px 0 0px 0;color:#ffffff;background:var(--blue)!important;font-size:15px;cursor:pointer;overflow:hidden;border-radius:30px;border:0;margin-bottom:17px;}
.adminXL-login-submit:hover{background:var(--blue-hover)!important;}
.adminXL-login-submit.processing{font-size:0;background:none;}
.adminXL-login-submit.processing:after{opacity:1;-webkit-animation:rotate 0.5s 0.4s infinite linear;animation:rotate 0.5s 0.4s infinite linear;}
.adminXL-login-signup{color:#ABA8AE;}
.adminXL-login-signup a{color:#888;cursor:pointer;text-decoration:none}
@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes animatePath{to{stroke-dashoffset:0}
}
@keyframes animatePath{to{stroke-dashoffset:0}
}
@media (max-width:768px){.adminXL-login-box{width:80%;height:80%;min-height:540px}
}
/*404错误页*/
.error404{padding:100px 40px;margin:auto;text-align:center;}
.error404-main{display:flex;justify-content:center;align-items:center;}
.error404-num{color:#878787;font-size:80px;font-family:cursive;letter-spacing:5px;font-weight:100;}
.error404-intro{color:#888;font-size:18px;font-weight:100;margin-top:20px;}
.error404-img{text-align:center;margin-left:30px;}
.error404-img img{width:270px;}
.error404-btn{text-align:center;margin-top:30px;}