.main{align-items:stretch;background-color:#fafbff;overflow-y:hidden;overflow-x:auto;height:100vh}.main .mask{background-color:rgba(0,0,0,.6);left:0;right:0;bottom:0;top:0;opacity:0;position:fixed;pointer-events:none;transition:all .4s ease;z-index:2}.main .sidebar{background-color:#fff;border-right:1px solid #e6e9f0;flex-shrink:0;position:relative;width:200px;z-index:3;box-sizing:border-box}.main .sidebar .nav-wrap{top:70px;left:0;right:0;bottom:0;overflow:scroll;position:absolute;box-shadow:1px 10px 10px 0 rgba(50,77,91,.12)}.main .content{flex:1;position:relative}.main .header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:333;height:70px;background-image:url(/static/layout/bg.png);background-size:100% 100%;background-repeat:no-repeat}.main .header>.left .user{position:relative;width:200px}.main .header>.left .user:before{content:"";position:absolute;width:1px;height:100%;background:#e6e9f0;right:0;top:0}.main .header>.right{display:flex;flex:1;overflow-x:auto;height:100%}.main .header>.right>.start{flex:1}.main .header>.end{flex:0 0 188px;text-align:center}.main .header>.end .el-tag{background:#f2f7f7;color:#333;border:none}.main .header .icon-refer,.main .header .icon-side-toggle{color:#3d3f47;display:block;font-size:20px;height:24px;line-height:24px;margin:0 5px;text-align:center;width:24px}.main .header .icon-side-toggle{cursor:pointer;display:none}.main .header .icon-refer{color:#ba62ef}.main .header .title{font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .header .breadcrumb-wrap{padding:0 20px}.main .header .breadcrumb-wrap .el-breadcrumb{font-size:12px}.main .header .options{align-items:center;display:flex;position:relative}.main .header .options .handle{cursor:pointer;padding:5px;margin-right:20px}.main .header .options .handle i{display:block;font-size:1.2rem;height:24px;line-height:24px;text-align:center;transition:all .3s ease;width:24px}.main .header .options .handle:hover i{color:#9f8774}.main .body{height:100%;overflow:auto;position:relative}.main .body>*,.main .body>*>*{height:100%}.main .body>* .left-box,.main .body>* .right-box{overflow-y:scroll}.main-section{display:flex;position:relative}.main-section>.content,.main-section>.sidebar{height:calc(100vh - 64px);position:relative}.main-section>.sidebar{background-color:#fff;border-right:1px solid #e6e9f0;overflow:auto;width:200px}.main-section>.sidebar>.nav{margin:0 0 40px}.main-section>.content{display:flex;flex-direction:column;flex:1;overflow:hidden}.main-section>.content .tag-nav{background-color:#fff}.main-section>.content>.body{flex:1;padding:20px;overflow:auto}@media screen and (max-width:1024px){.breadcrumb-wrap{display:none}}@media screen and (max-width:860px){.user-base .info{display:none}}@media screen and (max-width:720px){.sidebar{box-shadow:-16px 0 32px rgba(0,0,0,.3);left:0;top:0;bottom:0;position:absolute!important;transform:translateX(-290px);transition:all .4s ease;z-index:99}.icon-side-toggle{display:block!important}.side-toggled .mask{opacity:1;pointer-events:all}.side-toggled .sidebar{transform:translateX(0)}}.main-section .content .resetPadding[data-v-82eb660a]{padding:0}[data-v-77068702] .right-box{display:flex;flex-direction:column}[data-v-77068702] .right-box .body-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}[data-v-77068702] .right-box .body-content .data-body{height:100%;display:flex;flex-direction:column;box-sizing:border-box}[data-v-77068702] .right-box .body-content .data-body .flex_1{height:calc(100% - 64px);overflow-y:auto}[data-v-cd24db5c] .right-box{display:flex;flex-direction:column}[data-v-cd24db5c] .right-box .body-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}[data-v-cd24db5c] .right-box .body-content .data-body{height:100%;display:flex;flex-direction:column;box-sizing:border-box}[data-v-cd24db5c] .right-box .body-content .data-body .flex_1{height:calc(100% - 64px);overflow-y:auto}[data-v-0fe5fc62] .right-box{display:flex;flex-direction:column}[data-v-0fe5fc62] .right-box .body-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}[data-v-0fe5fc62] .right-box .body-content .data-body{height:100%;display:flex;flex-direction:column;box-sizing:border-box}[data-v-0fe5fc62] .right-box .body-content .data-body .flex_1{height:calc(100% - 64px);overflow-y:auto}[data-v-0fe5fc62] .right-box .body-content .data-body .cell .w_100{width:100px}[data-v-164a2b26] .right-box{display:flex;flex-direction:column}[data-v-164a2b26] .right-box .body-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}[data-v-164a2b26] .right-box .body-content .data-body{height:100%;display:flex;flex-direction:column;box-sizing:border-box}[data-v-164a2b26] .right-box .body-content .data-body .flex_1{height:calc(100% - 64px);overflow-y:auto}