.header[data-v-4172df5a]{height:var(--header-height);position:relative}.header .divider .el-divider--vertical[data-v-4172df5a]{height:2rem}.header .middle[data-v-4172df5a]{margin-left:20%;line-height:var(--header-height);flex:1;position:relative}.header .right[data-v-4172df5a]{align-items:center;border-left:1px solid #ccc;padding-left:20px;position:absolute;right:0}.main-box[data-v-4172df5a]{height:calc(100% - var(--header-height))}.main-box .left[data-v-4172df5a]{width:200px;display:flex;flex-direction:column}.main-box .left .item[data-v-4172df5a]{text-align:center;height:50px;width:100%;border-radius:4px;background-color:transparent;margin-bottom:10px;cursor:pointer;padding-right:10px;transform:translateX(1px);border-left:6px solid #fff}.main-box .left .item .con[data-v-4172df5a]{border-radius:4px;background-color:#fff;width:98%;height:100%;line-height:50px}.main-box .left .item.active[data-v-4172df5a]{border-top:1px solid #3080e9;border-bottom:1px solid #3080e9;border-left:6px solid #3080e9;border-radius:10px 0 0 10px;background-color:#fff;height:52px}.main-box .right[data-v-4172df5a]{flex:1;border:1px solid #3080e9;border-radius:10px;overflow:hidden;background-color:#fff;height:calc(100vh - var(--header-height) - 40px)}.main-box .right.first[data-v-4172df5a]{border-radius:0 10px 10px 10px}