#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-button--primary{background-color:#01506c!important;border-color:#01506c!important}.s-canvas[data-v-334a7494]{height:38px}.s-canvas canvas[data-v-334a7494]{margin-top:1px;margin-left:8px}.login-page{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:url(../img/bg.eb63c3b0.a41ae9ce.png);background-size:cover}.login-page,.login-page .container{display:flex;justify-content:center;align-items:center}.login-page .container{border-radius:10px}.login-page .container .el-carousel{width:510px;height:420px}.login-page .container .el-carousel img{border-radius:10px}.login-page .container .login-from{width:380px;height:400px;background-color:#fff;border-radius:39px}.login-page .container .login-from .title{height:100px;display:flex;justify-content:center;align-items:center;font-size:23px}.login-page .container .login-from .title img{width:50px;height:50px}.login-page .container .login-from .el-form{width:80%;text-align:center;margin-left:10%}.login-page .container .login-from .el-form .el-form-item__content{display:flex}.login-page .container .login-from .el-form .el-button{width:100%}.login-page .container .login-from .el-form .yan{width:200px!important}.layout{width:100%;height:100vh;background-color:#f1f1f1;position:relative;overflow:hidden}.layout .main-container{height:100%}.header-container{padding:0 20px;background-color:#01506c;height:60px!important;line-height:60px}.header-container .header-content{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}.header-container .header-content .logo-section{display:flex;align-items:center}.header-container .header-content .logo-section .logo-text{font-weight:700;font-size:20px;color:#fff}.header-container .header-content .logo-section .mobile-menu-btn{display:none;background:transparent;border:none;color:#fff;font-size:20px;margin-left:15px;padding:8px}.header-container .header-content .pc-menu{flex:1;margin:0 20px;border-bottom:none}.header-container .header-content .pc-menu .el-menu-item{padding:0 15px;font-size:14px;height:60px;line-height:60px}.header-container .header-content .pc-menu .el-menu-item.is-active{background-color:hsla(0,0%,100%,.1)!important}.header-container .header-content .pc-menu::-webkit-scrollbar{width:4px;height:5px}.header-container .header-content .pc-menu::-webkit-scrollbar-thumb{border-radius:5px;background:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.header-container .header-content .pc-menu::-webkit-scrollbar-corner{border-radius:0;background:#000;box-shadow:inset 0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.header-container .header-content .user-section{position:relative;height:100%;display:flex;align-items:center}.header-container .header-content .user-section .user-info-wrapper{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:20px;background:hsla(0,0%,100%,.1);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:160px}.header-container .header-content .user-section .user-info-wrapper:hover{background:hsla(0,0%,100%,.15);box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-container .header-content .user-section .user-info-wrapper .user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-right:10px}.header-container .header-content .user-section .user-info-wrapper .user-avatar i{color:#fff;font-size:18px}.header-container .header-content .user-section .user-info-wrapper .user-details{flex:1;min-width:0}.header-container .header-content .user-section .user-info-wrapper .user-details .user-name{font-size:14px;color:#fff;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-container .header-content .user-section .user-info-wrapper .user-details .user-phone{font-size:12px;color:hsla(0,0%,100%,.8);line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-container .header-content .user-section .user-info-wrapper .dropdown-icon{color:hsla(0,0%,100%,.7);margin-left:8px;font-size:12px;transition:transform .3s ease}.header-container .header-content .user-section .user-info-wrapper .dropdown-icon.rotate{transform:rotate(180deg)}.header-container .header-content .user-section .user-menu-dropdown{position:absolute;top:55px;right:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:2000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-container .header-content .user-section .user-menu-dropdown .menu-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;color:#333;font-size:14px}.header-container .header-content .user-section .user-menu-dropdown .menu-item i{margin-right:10px;color:#666;font-size:16px;width:20px}.header-container .header-content .user-section .user-menu-dropdown .menu-item:hover{background-color:#f5f7fa;color:#01506c}.header-container .header-content .user-section .user-menu-dropdown .menu-item:hover i{color:#01506c}.header-container .header-content .user-section .user-menu-dropdown .menu-divider{height:1px;background-color:#ebeef5;margin:4px 0}.header-container .header-content .user-section .user-menu-dropdown .quit-item,.header-container .header-content .user-section .user-menu-dropdown .quit-item i{color:#f56c6c}.header-container .header-content .user-section .user-menu-dropdown .quit-item:hover{background-color:#fef0f0;color:#f56c6c}.header-container .header-content .user-section .user-menu-dropdown .quit-item:hover i{color:#f56c6c}.header-container .header-content .user-section .user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1999;background:transparent}.mobile-drawer .mobile-menu{border-right:none;padding-top:20px}.mobile-drawer .mobile-menu .el-menu-item{height:50px;line-height:50px;font-size:16px}.content-container{flex:1;overflow:hidden;padding:10px}.content-container .main-content{background-color:#fff;border-radius:12px;padding:20px;height:100%;overflow:auto;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.quit-confirm-dialog .el-message-box__header{background:linear-gradient(135deg,#01506c,#01789c)}.quit-confirm-dialog .el-message-box__header .el-message-box__headerbtn .el-message-box__close,.quit-confirm-dialog .el-message-box__header .el-message-box__title{color:#fff}.quit-confirm-dialog .el-message-box__header .el-message-box__headerbtn .el-message-box__close:hover{color:hsla(0,0%,100%,.8)}.quit-confirm-dialog .el-message-box__content{padding:20px}@media screen and (max-width:1024px){.header-container{padding:0 15px}.header-container .header-content .pc-menu{margin:0 10px}.header-container .header-content .pc-menu .el-menu-item{padding:0 10px;font-size:13px}.content-container{padding:8px}.content-container .main-content{padding:16px;border-radius:10px}}@media screen and (max-width:768px){.header-container{padding:0 10px;height:50px!important;line-height:50px}.header-container .header-content .logo-section .logo-text{font-size:18px}.header-container .header-content .logo-section .mobile-menu-btn{display:block}.header-container .header-content .pc-menu{display:none}.header-container .header-content .user-section .user-info-wrapper{min-width:auto;padding:0 8px;height:36px}.header-container .header-content .user-section .user-info-wrapper .user-avatar{width:28px;height:28px;margin-right:6px}.header-container .header-content .user-section .user-info-wrapper .user-avatar i{font-size:16px}.header-container .header-content .user-section .user-info-wrapper .user-details .user-name{font-size:12px}.header-container .header-content .user-section .user-info-wrapper .user-details .user-phone{display:none}.header-container .header-content .user-section .user-info-wrapper .dropdown-icon{margin-left:4px}.header-container .header-content .user-section .user-menu-dropdown{width:160px;right:-5px}.header-container .header-content .user-section .user-menu-dropdown .menu-item{padding:10px 12px;font-size:13px}.header-container .header-content .user-section .user-menu-dropdown .menu-item i{font-size:14px;margin-right:8px}.content-container{padding:5px}.content-container .main-content{padding:12px;border-radius:8px;margin:0}.mobile-drawer .el-drawer__body{padding:0}}@media screen and (max-width:480px){.header-container .header-content .logo-section .logo-text{font-size:16px}.header-container .header-content .user-section .user-info-wrapper{padding:0 6px}.header-container .header-content .user-section .user-info-wrapper .user-details .user-name{max-width:60px;overflow:hidden;text-overflow:ellipsis}.content-container .main-content{padding:10px;border-radius:6px}}@media screen and (orientation:landscape) and (max-height:500px){.header-container{height:45px!important;line-height:45px}.header-container .header-content .logo-text{font-size:16px}.header-container .header-content .pc-menu .el-menu-item{height:45px;line-height:45px}.content-container{padding:5px}.content-container .main-content{padding:10px}}