@charset "UTF-8";.el-menu .is-active{background:linear-gradient(90deg,rgba(139,92,246,.25),rgba(99,102,241,.15))!important;border-left:3px solid #8b5cf6;color:#fff!important}.el-menu .el-menu-item:hover,.el-menu .el-sub-menu__title:hover{background:rgba(255,255,255,.06)!important}.menu_hidden{display:none}.menu{float:left;color:#fff;width:180px;text-align:center;height:100vh;background:linear-gradient(180deg,#1e1b4b 0%,#312e81 100%);box-shadow:2px 0 12px #0003;position:relative;z-index:10}.menu .title{padding:24px 0 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.menu .title img{width:56px;height:56px;border-radius:16px;box-shadow:0 6px 16px #8b5cf659}.main{float:right;height:100vh;width:calc(100vw - 181px);background:#f1f5f9}.main .head{height:60px;line-height:60px;background:#fff;box-shadow:0 1px 4px #0000000a;display:flex;align-items:center;padding:0 16px}.main .head .icon_btn{width:36px;height:36px;cursor:pointer;text-align:center;line-height:36px;border-radius:8px;color:#64748b;transition:all .2s ease}.main .head .icon_btn svg{top:3px;width:18px;height:18px;position:relative}.main .head .icon_btn:hover{background:rgba(139,92,246,.1);color:#6366f1}.main .head .icon_btn_180{transform:rotate(180deg)}.main .head .hello{flex:1;color:#475569;margin-left:14px;font-size:14px}.main .head .hello .welcome-tag{display:inline-block;padding:2px 10px;margin-right:8px;font-size:12px;color:#6366f1;background:rgba(99,102,241,.1);border-radius:10px;line-height:20px}.main .head .hello .welcome-name{font-weight:600;color:#1e293b}.main .head .btn{display:flex;align-items:center}.main .head .btn li{margin:0 4px;cursor:pointer;padding:6px 14px;font-size:13px;list-style-type:none;border-radius:8px;line-height:22px;color:#475569;transition:all .2s ease}.main .head .btn li:hover{background:rgba(139,92,246,.1);color:#6366f1}.main .view{overflow:hidden;background:transparent;height:calc(100vh - 110px);padding:16px}.main .view .scroll{overflow-y:auto;height:calc(100vh - 142px);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:4px 0}.main .foot{height:50px;color:#94a3b8;font-size:12px;line-height:50px;text-align:center}.main_hidden{transition:width .3s;width:100vw}.el-menu{border-right:0!important;padding:0 8px}.el-menu-item-group__title{display:none!important}.layoutHeadTitle{font-size:15px;font-weight:600;padding:16px 20px 12px;color:#1e293b;border-bottom:1px solid #f1f5f9;margin-bottom:8px;display:flex;align-items:center}.layoutHeadTitle span{display:inline-block}.layoutHeadTitle:before{width:4px;content:"";height:16px;display:inline-block;margin-right:12px;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:2px}.el-menu-item,.el-sub-menu__title{height:42px!important;line-height:42px!important;border-radius:8px!important;margin:2px 0!important;font-size:14px!important}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px}.scroll::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}.scroll::-webkit-scrollbar-track{background:transparent}*{margin:0;padding:0}ul,li{list-style-type:none}.padding10{padding:10px}.padding20{padding:20px}.padding30{padding:30px}.el-pagination{padding:15px;margin-top:10px;border-radius:5px}.el-table--border th.el-table__cell{background:#f8fafc!important}.table_head{overflow:hidden;margin-bottom:20px;background:#f8fafc;padding:20px 20px 0}::-webkit-scrollbar{width:1px;height:1px;background-color:#f5f5f5}::-webkit-scrollbar-track{border-radius:1px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:1px;background-color:#0068d6}.el-image-viewer__wrapper .el-image-viewer__canvas .el-image-viewer__img{width:400px!important}.el-upload--text .avatar-uploader-icon{padding:50px;border-radius:5px;border:dashed 1px #ccc}.ylkf_input_tip{color:#ccc;margin-left:20px}.ylkf_input_tip p{margin:0;padding:0;line-height:16px}.ylkf_input_tip p span{margin:0 10px}.ylkfUpImg{max-width:200px}.el-drawer__body{overflow:scroll}.el-sub-menu__title,.el-sub-menu .el-menu-item{height:40px!important;line-height:40px!important}.el-drawer__header{margin-bottom:0!important}@media screen and (max-width: 768px){.padding20{padding:10px!important}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{caret-color:#fff;-webkit-text-fill-color:#fff;-webkit-transition-delay:111111s;-webkit-transition:color 11111s ease-out,background-color 111111s ease-out}.changeBg{background:yellow!important}
