@media (min-width: 650px) {
.el-dialog {
    width: 500px;
}
.attr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
}
}
@media (max-width: 650px) {
.el-dialog {
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
    z-index: 3;
}
}
.tablescope {
  font-size: 12px !important;
  text-align: left;
}
.tablescope .el-switch__label--left {
    position: relative;
    left: 56px;
    color: #fff;
    z-index: -1111;
}
.tablescope .el-switch__core {
    width: 55px !important;
}
.tablescope .el-switch__label--right {
    position: relative;
    right: 56px;
    color: #fff;
    z-index: -1111;
}
.tablescope .el-switch__label--right.is-active {
    z-index: 1;
    color: #fff !important;
}
.tablescope .el-switch__label--left.is-active {
    z-index: 1;
    color: #606266 !important;
}
.tablescope .el-switch__label * {
    font-size: 12px !important;
    font-weight: 200;
}