*{box-sizing:border-box;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}:root{--theme-color:#409eff;--text-label-color:#999;--border-color:#ebedf1;--el-header-height:60px;--bg-color:#f5f5f5;--el-main-padding:20px}body,html{height:100vh;padding:0;margin:0;overflow:hidden}a{text-decoration:none}#app{height:100vh}.page{height:100%}.page .el-aside{height:100%;background-color:#304156}.page .el-aside .el-menu{border-right:0}.page .el-header{background-color:#fff}.navbar .container{box-sizing:border-box;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.navbar .container:after{content:"";height:1px;position:absolute;left:0;bottom:0;right:0;background:#ebedf1;display:block}.navbar .container .logo{height:60%}.navbar .logo img{height:100%}.navbar ul.nav{display:flex;flex-direction:row;align-items:center}.navbar ul.nav,.navbar ul.nav li{list-style:none;height:100%}.navbar .nav a{color:#4d5164;height:100%;text-decoration:none;display:flex;justify-content:center;align-items:center;padding:0 22px;position:relative}.navbar .nav li.active a{color:#409eff}.navbar .nav li.active a:after{content:"";display:inline-block;position:absolute;bottom:0;left:calc(50% - 15px);width:30px;height:2px;background:#409eff}.navbar .nav li .profile{display:flex;flex-direction:column;justify-content:center;height:100%}.navbar .nav .profile .el-dropdown-link{display:flex;flex-direction:row;align-items:center}.navbar .nav li .el-dropdown .el-avatar{margin-right:4px}.page-content{flex-direction:column;background-color:var(--bg-color)}.page-content .el-breadcrumb{padding:var(--el-main-padding)}.page-content .el-main{padding-top:0}.page-content .el-card.box{margin-top:20px;border:none;box-shadow:none}.page-content .el-card.box:first-child{margin-top:0}.page-content .el-card.box .el-form.no-margin-bottom .el-form-item{margin-bottom:0}.page-content .box.data,.page-content .box.data>.el-card__body{flex-grow:1;height:1px;display:flex;flex-direction:column}.page-content .box.data .el-card__body .el-table{flex-grow:1;height:1px}.page-content .box.data .el-table .el-table__inner-wrapper{height:100%;display:flex;flex-direction:column}.page-content .box.data .el-table .el-table__body-wrapper{flex-grow:1;height:1px}.el-pagination{padding-top:20px;text-align:right}.drawer-body{padding-left:var(--el-main-padding);padding-right:var(--el-main-padding);padding-bottom:var(--el-main-padding);flex-grow:1;height:100%;position:relative}.custom_drawer .el-drawer__body{display:flex;flex-direction:column}.el-drawer__body{overflow:auto}.btn-del{color:#f56c6c}.el-table__body-wrapper::-webkit-scrollbar{width:8px;height:8px}.el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:hsla(220,4%,58%,.3)}.text-danger{color:#f56c6c}.text-success{color:#67c23a}.text-warning{color:#e6a23c}.uploader-single{text-align:center;width:auto;display:inline-block}.uploader-single .image-uploader{border:1px dashed #d9d9d9;border-radius:6px;width:135px;height:135px;text-align:center}.uploader-single .image-uploader .el-upload{cursor:pointer;position:relative}.uploader-single .image-uploader .el-upload:hover{border-color:#409eff}.uploader-single .image-uploader-icon{font-size:28px;color:#8c939d;width:130px;height:130px;line-height:130px;text-align:center}.uploader-single .image-uploader .image{width:130px;height:130px;display:block}.uploader-single .help-title{font-size:12px;color:#999}.help-block{color:#c0c4cc;padding:0;line-height:18px;width:100%;display:flex;flex-direction:row;align-items:center}.table-box{flex:1;height:1px}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.item-center{align-items:center}.flex-between{justify-content:space-between}.flex-grow{flex-grow:1}.el-scrollbar__bar{border-radius:8px;z-index:5;--el-scrollbar-opacity:0.8;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:1;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary)}.el-scrollbar__bar.is-vertical{width:16px}.el-scrollbar__bar.is-horizontal{height:16px}.skin .el-aside .el-sub-menu .el-menu:before{display:block;content:"";border-left:1px dotted #9dbdd6;position:absolute;left:20px;top:0;bottom:0;z-index:1}.skin .el-aside .el-sub-menu .el-menu li:before{display:block;content:"";border-top:1px dotted #9dbdd6;position:absolute;left:20px;z-index:1;width:7px}.skin .el-aside li.el-menu-item.is-active:before{display:block;content:"";position:absolute;width:0;height:0;border:5px solid;border-color:transparent transparent transparent #c86139}.el-main[data-v-9f833a02]{display:flex;flex-direction:column}.upload-box[data-v-10bd7264]{width:120px;height:120px;position:relative;border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-10bd7264]{position:relative}.original-box[data-v-10bd7264]{position:absolute;left:0;top:0;width:100%;height:100%}.upload-box .avatar[data-v-10bd7264]{width:120px;height:120px}.upload-box .original-box .btn-delete[data-v-10bd7264]{position:absolute;right:0;top:0}.progress[data-v-10bd7264]{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.el-icon.avatar-uploader-icon{font-size:28px;color:#8c939d;width:120px;height:120px;text-align:center}.upload-box[data-v-6520af4d]{width:180px;height:120px;position:relative;border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-6520af4d]{position:relative;height:100%}[data-v-6520af4d] .el-upload{width:100%;height:100%}.original-box[data-v-6520af4d]{position:absolute;left:0;top:0;width:100%;height:100%}.upload-box .original-box .btn-delete[data-v-6520af4d]{position:absolute;right:0;top:0}.progress[data-v-6520af4d]{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.avatar-uploader .el-progress__text{color:#fff}.avatar-uploader .el-upload:hover{border-color:var(--el-color-primary)}.page_box[data-v-cfc04d68]{height:700px;background:var(--el-color-info-light-9);border:1px solid var(--el-color-info-light-9);display:flex;justify-content:space-between}.page_box .col[data-v-cfc04d68]{width:240px}.page_box .col .body[data-v-cfc04d68]{background:#fff;height:100%;width:100%}.body .title[data-v-cfc04d68]{padding:10px 20px;border-bottom:1px solid var(--el-color-info-light-9)}.modules[data-v-cfc04d68]{padding:10px 20px;display:grid;flex-wrap:wrap;grid-template-columns:repeat(2,1fr);row-gap:20px;-moz-column-gap:20px;column-gap:20px}.modules .item[data-v-cfc04d68]{padding:30px 0;display:flex;flex-direction:column;align-items:center;cursor:pointer}.modules .item[data-v-cfc04d68]:hover{background:var(--el-color-info-light-9)}.modules .item:hover>.img[data-v-cfc04d68]{background:var(--el-color-primary-light-3)}.modules .item .img[data-v-cfc04d68]{width:50px;height:50px;background:var(--el-color-info-light-3)}.modules .item .name[data-v-cfc04d68]{text-align:center;font-size:12px;line-height:12px;margin-top:10px}.modules .item .img.text[data-v-cfc04d68]{display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff}.col.right[data-v-cfc04d68]{display:flex;justify-content:flex-end;width:300px}.col.right .form[data-v-cfc04d68]{padding:10px;height:100%}.middle[data-v-cfc04d68]{flex-grow:1;width:1px;overflow-y:auto;padding:20px 0}.edit[data-v-cfc04d68]{width:375px;min-height:650px;background:#fff;box-shadow:var(--el-box-shadow-light);position:relative;margin:0 auto}.edit .element[data-v-cfc04d68]{position:relative}.edit .element.active[data-v-cfc04d68]{border:2px solid var(--el-color-primary-light-3)}.edit .element .empty[data-v-cfc04d68],.edit .element .image[data-v-cfc04d68]{display:flex;align-items:center;justify-content:center;background:var(--el-color-info-light-9)}.edit .element .empty[data-v-cfc04d68]{height:120px}.edit .element .text[data-v-cfc04d68]{width:100%;flex-grow:1;white-space:pre-wrap}.edit .element .video[data-v-cfc04d68]{display:flex;flex-direction:column}.edit .element .toolbar[data-v-cfc04d68]{position:absolute;right:-8px;top:-5px;background:#fff;box-shadow:var(--el-box-shadow-light);z-index:10;display:flex;width:50px;flex-direction:column;align-items:center;justify-content:center;padding:5px;padding:10px 0;transform:translateX(100%)}.edit .element .toolbar[data-v-cfc04d68]:before{width:10px;height:10px;content:"";position:absolute;left:-5px;top:8px;background:#fff;transform:rotate(45deg)}.el-form-item .el-form-item[data-v-cfc04d68]{padding-bottom:18px}