* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.all {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #eaf0f5;
    min-width: 1366px;
    min-height: 650px;
}

.el-message {
    top: 40px !important;
}

body {
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

#app {
    font-family: "Microsoft YaHei", Avenir, Helvetica, Arial, sans-serif;
}

.el-select-dropdown__item.selected {
    color: #3c4393
}

li {
    list-style: none;
}

.el-table .cell.el-tooltip {
    white-space: nowrap !important;
}

.el-table__fixed-right {
    height: 100% !important;
}


/* 导航 */

.submenu-nav {
    padding-top: 11px;
}


/* 参数设置二级菜单宽度 居中 */

.width-canshushezhi {
    width: 106px;
    margin-left: -8px;
}


/* 数据中心二级菜单宽度 居中 */

.width-shujuzhongxin {
    /* width: 850px; */
    margin-left: 0px;
    /* padding-left: 64px; */
}


/* 运营管理二级菜单宽度 居中 */

.width-yunyingguanli {
    width: 118px;
    margin-left: -14px;
}


/* 用户管理二级菜单宽度 居中 */

.width-yonghuguanli {
    width: 106px;
    margin-left: -12px;
}


/* 后台管理二级菜单宽度 居中 */

.width-houtaiguanli {
    width: 116px;
    margin-left: -10px;
}


/* 二级菜单顶部三角 */

.submenu-nav::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px;
    border-color: #fff #fff transparent transparent;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    top: 4px;
    left: 50%;
    z-index: 100;
    margin-left: -7px;
    transform: rotate(-45deg);
}

.submenu-nav::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px;
    border-color: #fff #fff transparent transparent;
    top: 4px;
    left: 50%;
    z-index: 100;
    margin-left: -7px;
    transform: rotate(-45deg);
}

.width-shujuzhongxin.submenu-nav::after,
.width-shujuzhongxin.submenu-nav::before {
    left: 48px;
}

.el-menu--horizontal>.el-submenu {
    width: 102px
}

.el-menu--horizontal>.el-menu-item {
    height: 40px;
    line-height: inherit;
    width: 86px;
}

.nav-h.el-menu--horizontal>.el-menu-item {
    line-height: 40px;
}

.el-menu--horizontal>.el-submenu {
    width: 90px
}

@media screen and (min-width:1900px) {
    .el-menu--horizontal>.el-submenu {
        width: 102px
    }
}

.el-menu--horizontal>.el-menu-item>div {
    text-align: center
}

.el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 40px;
    line-height: inherit;
    overflow: hidden;
    line-height: 40px;
}

.el-menu--popup-bottom-start {
    margin-top: 0px;
    background: #fff !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.el-menu--popup-bottom-start .el-menu-item {
    text-align: left;
    font-size: 13px
}

.el-menu--popup-bottom-start .el-menu-item.is-active {
    background: #f5f7f9 !important;
    color: #00a4ff !important;
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    background: #f5f7f9 !important;
    color: #3c4393 !important;
}

.nav-h.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.nav-h.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    background: #2f3873 !important;
    color: #fff !important;
}

.submenu-nav .el-menu .el-menu-item-group .el-menu-item-group__title {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px !important;
    text-align: left;
    color: #333;
    padding: 0px 20px;
    margin-bottom: 10px;
}

.submenu-nav.width-shujuzhongxin .el-menu .el-menu-item-group .el-menu-item-group__title {
    color: #3c4393;
    font-size: 14px;
    font-weight: bold;
    padding-left: 0px !important;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 6px;
    margin: 5px 0px;
    margin-bottom: 0px;
}

.submenu-nav.width-shujuzhongxin .el-menu .el-menu-item-group .el-menu-item {
    padding: 0px;
    text-align: left;
}

.el-menu--collapse .el-menu .el-submenu,
.el-menu--popup {
    min-width: 102px;
    border-radius: 0px;
    padding-top: 15px
}

.nav .el-icon-arrow-down:before {
    display: none
}

.nav .el-menu-item [class^=el-icon-],
.nav .el-submenu [class^=el-icon-] {
    margin-right: 0px;
    margin-bottom: 5px;
}

.el-menu-item [class^=el-icon-],
.el-submenu [class^=el-icon-] {
    height: 20px;
    height: 20px;
}

.nav-h .el-submenu.is-active .el-submenu__title i {
    color: #fff
}

.nav-h .el-menu-item:hover,
.nav-h .el-submenu:hover>.el-submenu__title {
    background: #2f3873 !important
}

.el-menu--horizontal>.el-menu-item.is-active,
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border: none;
    color: #fff
}

.nav-h .el-menu-item.is-active,
.nav-h .el-submenu.is-active .el-submenu__title {
    background: #494f8c !important;
    color: #fff !important;
    position: relative;
    line-height: 40px;
}

.nav-h .el-menu-item.is-active::after,
.nav-h .el-submenu.is-active .el-submenu__title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0px;
    left: 0px;
    background: #a5a9de
}

.nav-h .width-shujuzhongxin .el-menu-item.is-active::after,
.nav-h .width-shujuzhongxin .el-submenu.is-active .el-submenu__title::after {
    display: none;
}

.navBarWrap>div {
    text-align: center
}

.nav-h {
    float: left;
    margin-left: 90px
}

.logo {
    float: left;
    color: #fff;
    line-height: 40px;
    font-size: 16px
}

.logo span {
    display: inline-block;
    vertical-align: top;
    min-width: 160px;
}

.logo img {
    vertical-align: middle;
    max-height: 35px;
    margin-right: 14px;
}

.nav {
    height: 40px;
    background: #565ea7;
    padding: 0px 15px
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
    color: #838282 !important;
    background: #fff !important;
}

.submenu__title {
    color: #409eff !important;
    background: #f9f6f6 !important;
}

.user-info {
    float: right;
    color: #fff;
    line-height: 40px;
}

.user-info .el-badge__content.is-dot {
    top: 8px
}

.user-info>span {
    display: block;
    float: left;
}

.user-list {
    float: left;
    margin-left: 17px;
    text-align: center;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    border-radius: 15px;
    background-color: #505aba
}

.user-list i.icon-index-top {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: top;
    margin-top: 6px
}

.user-list.user-name {
    cursor: pointer;
    background: none;
    width: auto;
    line-height: 30px;
}

.user-list.user-name i.icon-index-top {
    background: url(../images/nav/user.png) no-repeat center;
    background-color: #fff !important;
    margin-right: 10px;
}

.icon-arrow-user {
    display: inline-block;
    width: 12px;
    height: 9px;
    margin-left: 5px;
    background: url(../images/nav/nav-arrow.svg) no-repeat center;
    background-size: contain;
}

.icon-tixing {
    position: relative;
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
    padding: 0 20px;
}

.icon-tixing.active::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #F00;
    top: 20px;
    right: 0px;
}

.icon-tixing i {
    background: url(../images/nav/ring.svg) center no-repeat
}

.icon-shezhi i {
    background: url(../images/nav/shezhi.svg) center no-repeat
}

.icon-tuichu i {
    background: url(../images/nav/exit.svg) center no-repeat
}

.icon-gongdan i {
    background: url(../images/nav/kefu.svg) center no-repeat
}

.icon-msg i {
    background: url(../images/nav/msg.svg) center no-repeat
}

.icon-shengyin i {
    background: url(../images/nav/nav-voice.svg) no-repeat center;
    background-size: contain;
}

.icon-no-shengyin i {
    background: url(../images/nav/nav-no-voice.svg) no-repeat center;
    background-size: contain;
}

.icon-xiaoxi i {
    background: url(../images/nav/nav-xiaoxi.svg) no-repeat center;
    background-size: contain;
}

.icon-baojing i {
    background: url(../images/nav/nav-baojing.svg) no-repeat center;
    background-size: contain;
}

.icon-kefu i {
    background: url(../images/nav/nav-kefu.svg) no-repeat center;
    background-size: contain;
}

.icon-duijie i {
    background: url(../images/nav/nav-duijie.svg) no-repeat center;
    background-size: contain;
}


/* 主体 */

.body {
    position: absolute;
    top: 40px;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

.page {
    position: absolute;
    top: 35px;
    width: 100%;
    bottom: 0px;
    ;
    left: 0px;
}

.tree-panel {
    position: relative;
    height: 100%;
    width: 306px;
    background: #fff;
    border-right: 1px solid #ced7de;
    overflow: hidden;
}

.panel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.panel-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    background: #fff;
}

.panel-padding {
    padding-top: 10px;
}

.panel-body {
    position: absolute;
    top: 10px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    overflow: auto;
    padding-top: 10px;
}


/* 标签页 */

.panel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.el-tabs--border-card {
    box-shadow: none;
    background: none;
    border: none;
}

.el-tabs--border-card>.el-tabs__header {
    background: #fff;
    border-color: #ced7de;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background: #eaf0f5;
    color: #636ff7;
}

.el-tabs--border-card>.el-tabs__content {
    display: none;
}

.el-tabs__nav.is-top>.el-tabs__item:first-child .el-icon-close {
    display: none;
}

.el-tabs__item .el-icon-close {
    background-color: #c9d0d7;
    color: #FFF;
}

.el-tabs__item {
    height: 36px;
    line-height: 36px;
}


/* 表单 */

.form-c .el-input__inner {
    height: 30px !important;
    line-height: 30px;
}

.table-search-wrap .el-select__tags-text {
    display: inline-block;
    max-width: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-search-wrap .el-select .el-tag__close.el-icon-close {
    top: -6px
}

.form-c .el-form-item__content,
.form-c .el-form-item__label {
    line-height: 30px;
}

.table-search {
    text-align: left;
    padding: 0px 20px;
    margin-bottom: 10px
}

.table-search-btn {
    float: right
}

.search-btn-icon {
    width: 20px;
    height: 20px;
    background: url(../images/icon-export.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.table-search-popover .el-dropdown-menu__item {
    padding: 0px
}

.table-search-popover .el-dropdown-menu__item .el-button {
    padding: 0px 10px;
    width: 100%;
    border: none;
    color: #333;
    background: none;
}

.tab-table,
.tab-chart {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.tab-chart {
    background: url(../images/icon-chart-black.svg) no-repeat center;
    background-size: contain;
}

.tab-chart.active {
    background: url(../images/icon-chart-blue.svg) no-repeat center;
    background-size: contain;
}

.tab-table {
    background: url(../images/icon-table-black.svg) no-repeat center;
    background-size: contain;
}

.tab-table.active {
    background: url(../images/icon-table-blue.svg) no-repeat center;
    background-size: contain;
}

.tab-table-chart>div+div {
    margin-left: 8px
}

.table-search-popover .el-dropdown-menu__item:focus,
.table-search-popover .el-dropdown-menu__item:not(.is-disabled):hover {
    background: none !important;
}

.el-button--primary,
.el-button--primary:focus,
.el-button--primary:hover {
    background-color: #3c4393;
    border-color: #3c4393;
    vertical-align: top;
}

.el-button:focus,
.el-button:hover {
    color: #3c4393;
    border-color: #a4a9da;
    background-color: #eff0fb;
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #3c4393;
    border-color: #a4a9da;
    color: #FFF
}

.form-block-title {
    margin-bottom: 20px;
    position: relative;
}

.form-block-title::after {
    content: '';
    height: 1px;
    width: 100%;
    left: 0px;
    position: absolute;
    background: #e4e6fd;
    top: 50%;
    margin-top: -0.5px
}

.form-block-title span {
    color: #0100fe;
    display: inline-block;
    position: relative;
    z-index: 10;
    background: #fff;
    padding-right: 10px;
    transform: skewX(-10deg);
}

.input-word {
    font-size: 12px;
    color: #aaaaaa;
    display: inline-block;
    line-height: 30px;
}

.unit-input .el-form-item__content {
    position: relative;
}

.form-c .unit-input .el-input__inner {
    padding-right: 44px
}

.unit-input .unit-span {
    position: absolute;
    right: 10px;
    color: #a1a1a1
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #3c4393;
    border-color: #3c4393;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #3c4393
}

.el-checkbox__inner:hover {
    border-color: #3c4393;
}


/* 表格 */

.table-list {
    margin: 0px 10px;
}

.el-table th {
    background: #ebf0f6;
    color: #333436;
}

.el-table td,
.el-table th.is-leaf {
    font-size: 12px;
}

.el-table td,
.el-table th {
    padding: 5px 0px;
}

.table-list .el-pagination {
    text-align: right;
    margin-top: 30px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #fff;
    color: #4553fc;
    border: 1px solid #5f6cf9
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #4553fc;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: #fff;
    border: 1px solid #d9d9d9
}

.option-cell .el-button--small,
.option-cell .el-button--small.is-round {
    padding: 0px;
}

.option-cell .el-button:focus,
.option-cell .el-button:hover {
    color: #4253f9;
    border-color: transparent;
    background-color: none;
}

.option-cell .el-button--text {
    color: #4253f9
}

.option-cell .el-button+.el-button {
    margin-left: 5px;
}

.dialog-footer .el-button+.el-button {
    margin-left: 10px;
}

.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-color: #dbe4e7;
}

.table-search-wrap .el-form-item {
    margin-bottom: 10px
}

.form-c .el-input__icon {
    line-height: 30px;
}


/* 登录 */

.all.login {
    background: url(../images/login-bg.jpg) no-repeat center;
    background-size: 100% 100%;
}

.login-bottom {
    height: 172px;
    background: rgba(0, 0, 0, 0.52);
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    text-align: center;
    display: none;
}

.login-bottom-phone {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translate(0, -50%);
}

.login-bottom-phone p {
    color: #fff;
    font-size: 16px
}

.login-bottom-phone p+p {
    margin-top: 20px;
}

.phone-code {
    position: fixed;
    bottom: 12px;
    right: 10px;
}

.phone-code dl {
    display: inline-block
}

.phone-code dl+dl {
    margin-left: 30px
}

.phone-code dl dd {
    color: #fff
}

.phone-code dl dt {
    width: 80px;
    height: 80px;
    background: #fff;
    margin: 0px auto;
    margin-bottom: 14px;
}

.phone-code dl dt img {
    width: 100%;
    height: 100%;
}

.platform-title {
    color: #fff;
    text-align: left;
    margin-left: 35px;
    margin-top: 40px;
    position: relative;
    z-index: 10;
    display: none;
}

.platform-title span {
    font-size: 20px;
    margin-left: 15px;
}

.platform-title span,
.platform-title img {
    display: inline-block;
    vertical-align: middle;
}

.login-form-block {
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    width: 100%
}

.login-form-wrap {
    width: 370px;
    position: fixed;
    bottom: 170px;
    right: 128px;
}

.form-login,
.form-bg {
    width: 50%;
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: top;
}

.form-login {
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
}

.form-bg {
    background: url(../images/loginFormBg.png) no-repeat center;
    background-size: 100% 100%;
    display: none;
}

.login-tab-label span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 50%;
    font-size: 14px;
    cursor: pointer;
}

.login-tab-label span:nth-of-type(1) {
    text-align: right;
    padding-right: 60px;
}

.login-tab-label span:nth-of-type(2) {
    text-align: left;
    padding-left: 60px;
}

.login-tab-label span.active {
    background: rgba(6, 71, 182, 0.67);
    border: none;
    color: #fff;
}

.login-form-c {
    padding-top: 17px;
    padding-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px;
}

.login-form-c .el-input__inner {
    height: 34px;
    line-height: 34px;
}

.login-form-c .el-input__icon {
    line-height: 34px;
    font-size: 16px;
}

.login-form-c .el-input--prefix .el-input__inner {
    padding-left: 36px;
    font-size: 12px;
}

.login-form-btn .el-button {
    width: 100%;
    font-size: 13px;
    background: #517ec8;
    border: none;
    height: 34px;
}

.login-form-check {
    text-align: left;
    margin-bottom: 20px;
}

.login-form-check .el-checkbox__label,
.login-form-check .el-link--inner {
    font-size: 12px
}

.login-form-check .el-link.el-link--primary {
    vertical-align: top;
    float: left;
}

.login-form-check .el-checkbox {
    float: right;
}

.login-form-check .el-link.el-link--primary,
.login-form-check .el-link.el-link--primary:hover {
    color: #527ec8;
    text-decoration: none;
}

.login-form-check .el-link.el-link--primary.is-underline:hover:after,
.login-form-check .el-link.el-link--primary:after {
    display: none;
}

.copyright {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
}


/* 弹窗 */

.el-dialog {
    border-radius: 4px;
    overflow: hidden;
}

.dialog-c .el-dialog {
    overflow: initial;
}

.el-dialog__header {
    background: #3c4393;
    padding: 0px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: left;
}

.el-dialog__title {
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
}

.el-dialog__headerbtn {
    top: 12px;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #fff;
}

.el-dialog__body {
    text-align: left;
    padding-bottom: 0px;
    padding-top: 20px;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #3c4393;
    background: #3c4393;
}

.el-radio__input.is-checked+.el-radio__label {
    color: #3c4393
}

.el-dialog .el-radio {
    margin-right: 10px
}

.dialog-footer .el-button {
    padding: 7px 15px;
}

.el-dialog__footer {
    text-align: center;
}

.dialog-footer button+button {
    margin-left: 10px
}

.el-dialog__headerbtn:hover .el-dialog__close {
    color: #fff
}

.carDialogTitle {
    color: #fff;
    padding-left: 10px;
}

.carDialogTitle .el-button {
    padding: 5px 10px;
    margin-left: 10px;
    background: #ebedff;
}

.table-search-btn-c .el-checkbox-group .el-checkbox {
    margin-right: 12px;
}

.table-search-btn-c .el-checkbox-group .el-checkbox__label {
    padding-left: 5px;
    font-size: 12px;
}

.table-search-btn-c .table-search-btn {
    float: none
}

.table-search-btn_left,
.table-search-btn_right {
    display: inline-block;
}

.table-search-btn_left {
    width: 60%;
    text-align: left;
}

.table-search-btn_right {
    width: 40%;
    text-align: right;
}

.table-search-btn-c .el-form-item__label {
    font-size: 12px;
}


/* 监控 */

.jk-tree-wrap {
    width: 265px;
    position: relative;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.jk-map-btn {
    position: absolute;
    left: 251px;
    background: url(../images/jiankong/jk-tree-n.svg) no-repeat center;
    z-index: 10;
    width: 14px;
    height: 30px;
    cursor: pointer;
    background-size: cover;
}

.guiji .jk-map-btn {
    left: 316px
}

.guiji .guiji-tree .el-icon-circle-close {
    top: 10px !important
}

.el-form-item.check-no-label {
    padding-left: 30px
}

.map-area {
    position: absolute !important;
    left: 265px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #fff
}

.mapy .jk-map-btn {
    left: -2px;
    background: url(../images/jiankong/jk-tree-y.svg) no-repeat center;
    width: 14px;
    height: 30px;
    background-size: cover;
}

.mapy .jk-tree-wrap,
.guiji .mapy .jk-tree-wrap {
    width: 0px;
    overflow: hidden;
}

.mapy .map-area,
.guiji .mapy .map-area {
    left: 0px
}

.mapy .map-tool,
.mapy .map-time {
    left: 20px
}

.client-title {
    text-align: left;
    margin: 10px
}

.client-title span {
    display: inline-block;
    vertical-align: middle;
}

.client-icon,
.client-add {
    width: 16px;
    height: 16px
}

.client-icon {
    background: url(../images/jiankong/jk-client.svg) no-repeat center;
    background-size: contain;
}

.client-add {
    background: url(../images/jiankong/jk-client-add.svg) no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.client-name {
    margin: 0px 5px;
    max-width: 182px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jk-search {
    margin: 0px 10px;
}

.jk-search .el-input--suffix .el-input__inner {
    height: 30px;
    line-height: 30px;
    border-color: #ced7e0
}

.jk-search .el-input--suffix .el-input__icon {
    line-height: 30px;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner {
    border-color: #c4c8f5;
}

.tree-node-wrap {
    position: absolute !important;
    width: 100%;
    top: 74px;
    bottom: 0px;
    left: 0px;
    overflow: auto;
}

.map-tool {
    position: absolute;
    top: 10px;
    left: 10px;
}

.tree-fresh-btn {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-fresh.svg) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.map-tool-style {
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
}

.map-tool-style .el-dropdown {
    line-height: 36px;
    padding: 0px 8px;
    margin: 0px 5px
}

.map-tool-style .el-dropdown-link {
    cursor: pointer;
    font-size: 12px;
}

.map-tool-style .el-divider--vertical {
    width: 0px;
    height: 1em;
    margin: 0;
    border-left: 1px dashed #dce0e3
}

.map-tool-close-btn-1,
.map-tool-close-btn-2 {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(../images/jiankong/jk-tool-close-btn-1.svg) no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin-top: -2px;
    cursor: pointer;
}

.map-tool-close-btn-2 {
    background: url(../images/jiankong/jk-tool-close-btn-2.svg) no-repeat center;
    background-size: contain;
}

.map-tool-2 {
    margin-left: 10px
}

.map-tool-weather {
    padding: 0px 10px;
    height: 36px;
    font-size: 12px;
    display: inline-block;
}

.map-tool-place {
    display: inline-block;
    color: #585b6a;
    font-size: 14px;
    vertical-align: top;
    line-height: 36px;
    margin-left: 5px;
}

.search-place {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    margin-left: 15px;
    margin-top: 3px;
    padding-right: 10px;
}

.search-place .el-input--suffix .el-input__inner {
    height: 30px;
    border: none;
    border-bottom: 1px solid #e3e1e2;
    border-radius: 0px;
    padding: 0px;
}

.search-place .el-input__suffix {
    right: 0px
}

.search-place .el-input__icon {
    line-height: 30px;
}

.el-popper-map-tool {
    width: 100px
}

.checkbox-group-c .el-checkbox {
    display: block;
    padding: 7px 10px
}

.map-tool.map-tool-right {
    right: 10px;
    left: auto
}

.el-popper-map-tool .el-dropdown-menu__item {
    font-size: 13px
}

.el-popper-map-tool .el-dropdown-menu__item:focus,
.el-popper-map-tool .el-dropdown-menu__item:not(.is-disabled):hover {
    background: none !important;
    /* color: #007ffc; */
}

.el-popper-map-tool.el-popper-map-tool-c {
    width: 130px
}

.drop-tool-item-label {
    display: inline-block;
    width: 75px
}

.el-popper-map-tool-c .el-icon-plus {
    color: #5463fa
}

.right-key {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    position: absolute;
    padding: 5px 0px;
    background: #fff;
    text-align: left
}

.right-key-item {
    cursor: pointer;
    padding: 8px 20px;
}

.right-key-item:hover {
    background: #f3f3f3
}

.right-key-item span {
    display: inline-block;
    vertical-align: middle;
}

.right-key-item-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.right-key-item-fangda {
    background: url(../images/jiankong/jk-right-key-fangda.svg) no-repeat center;
    background-size: contain;
}

.right-key-item-fangxiao {
    background: url(../images/jiankong/jk-right-key-fangxiao.svg) no-repeat center;
    background-size: contain;
}

.right-key-item-ceju {
    background: url(../images/jiankong/jk-right-key-ceju.svg) no-repeat center;
    background-size: contain;
}

.right-key-item-lakuang {
    background: url(../images/jiankong/jk-right-key-lakuang.svg) no-repeat center;
    background-size: contain;
}

.right-key-item-biaozhuD {
    background: url(../images/jiankong/jk-right-key-cejuD.svg) no-repeat center;
    background-size: contain;
}

.right-key-item-biaozhuQ {
    background: url(../images/jiankong/jk-right-key-cejuQ.svg) no-repeat center;
    background-size: contain;
}

.jk-qipao-info {
    border-radius: 4px;
    position: relative;
}

.jk-qipao-info.guiji-qipao dl dt {
    width: 45px
}

.jk-qipao-info.guiji-d-qipao dl dt {
    width: 96px;
}

.jk-qipao-info.guiji-d-qipao .qipao-body dl dd {
    margin-left: 96px
}

.jk-qipao-export {
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 55px;
    width: 20px;
    height: 20px;
    z-index: 10;
    background: url(../images/jiankong/jk-export.svg) no-repeat center;
}

.qipao-title {
    background: #3c4393;
    height: 34px;
    line-height: 34px;
    color: #fff;
    text-align: left;
    padding: 0px 10px;
}

.qipao-title-c .qipao-title {
    background: #fff;
    color: #000;
    text-align: left;
    padding: 0px 10px;
}

.qipao-title-c+.amap-info-close {
    color: #666
}

.qipao-title span {
    display: inline-block;
    vertical-align: middle;
}

.qipao-weather {
    margin-left: 30px;
}

.qipao-title .el-button {
    padding: 0px;
    background: transparent;
    border-color: transparent;
    color: #fff;
    float: right;
    margin-top: 9px;
}

.qipao-body {
    padding: 10px;
    background: #fff;
    position: relative;
    z-index: 2
}

.qipao-body {
    text-align: left;
}

.qipao-body dl dt {
    width: 70px;
    float: left
}

.qipao-body dl dd {
    margin-left: 70px;
}

dl.qipao-text-spacing dt {
    letter-spacing: 0.35px;
}

.el-row dl {
    float: left;
}

.qipao-body dl {
    overflow: hidden;
    color: #3c3c3c;
}

.qipao-body-row {
    text-align: left;
}

.qipao-body-row.el-row dl dt {
    margin-top: 0px;
    width: auto
}

.qipao-body-row.el-row dl dd {
    float: left;
    margin-left: auto
}

.qipao-body-row.el-row {
    margin: 8px 0px
}

.qipao-body-row.el-row dl+dl {
    margin-left: 20px;
    margin-top: 0px;
}

.map-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.map-window {
    height: 240px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    border-top: 1px solid #eaedf2;
    background: #fff;
    z-index: 1000;
}

.jk-map-container {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    bottom: 240px;
}

.map-window .el-tabs__active-bar,
.el-tabs__nav-wrap::after {
    display: none
}

.map-window .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.map-window .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.map-window .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.map-window .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding: 0px 20px;
}

.map-window .el-tabs__header {
    margin: 0px;
    background: #fff;
}

.map-window-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -2px;
}

.icon-car-green {
    background: url(../images/jiankong/jk-window-car-green.svg) no-repeat center;
    background-size: contain;
}

.icon-car-blue {
    background: url(../images/jiankong/jk-window-car-blue.svg) no-repeat center;
    background-size: contain;
}

.icon-car-red {
    background: url(../images/jiankong/jk-window-car-red.svg) no-repeat center;
    background-size: contain;
}

.icon-car-gray {
    background: url(../images/jiankong/jk-window-car-gray.svg) no-repeat center;
    background-size: contain;
}

.icon-car-pink {
    background: url(../images/jiankong/jk-window-car-pink.svg) no-repeat center;
    background-size: contain;
}

.map-window .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.map-window .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.map-window .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.map-window .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding: 0px 10px;
}

.map-window .el-tabs__item {
    padding: 0px 10px;
}

.map-window .el-tabs__item.is-active {
    background: #e9ecf1;
    color: #333;
}

.el-tabs__item:hover {
    color: #333;
}

.map-window-option i {
    display: inline-block;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.map-window-option i[class^=map-window-icon-] {
    margin-left: 10px;
}

.map-window-option .el-dropdown:first-child i {
    margin-left: 0px
}

.map-window-option {
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 2;
    margin-top: 10.5px
}

.map-window-icon-large {
    background: url(../images/jiankong/jk-window-large.svg) no-repeat center;
    background-size: contain
}

.map-window-icon-little {
    background: url(../images/jiankong/jk-window-little.svg) no-repeat center;
    background-size: contain
}

.map-window-icon-small {
    background: url(../images/jiankong/jk-window-small.svg) no-repeat center;
    background-size: contain
}

.map-window-icon-setting {
    background: url(../images/jiankong/jk-window-setting.svg) no-repeat center;
    background-size: contain
}

.map-window-icon-export {
    background: url(../images/jiankong/jk-window-export.svg) no-repeat center;
    background-size: contain
}

.map-window-icon-del {
    background: url(../images/jiankong/jk-window-del.svg) no-repeat center;
    background-size: contain
}

.map-window-icon-add {
    background: url(../images/jiankong/jk-window-add.svg) no-repeat center;
    background-size: contain
}

.dropdown-wrap {
    width: 90px;
    text-align: center;
}

.dropdown-wrap .el-row {
    padding: 0px 5px
}

.qipao-option {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 5px 10px;
    text-align: left;
    padding-bottom: 10px;
}

.qipao-option-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #3f4694;
    border-radius: 15px;
    cursor: pointer;
}

.qipao-option .qipao-option-icon+.qipao-option-icon {
    margin-left: 20px
}

.qipao-option-icon {
    line-height: 30px;
    text-align: center;
}

.qipao-option-icon i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -5px;
}

.option-icon-carInfo {
    background: url(../images/jiankong/jk-qipao-carInfo.svg) no-repeat center;
    background-size: contain;
}

.option-icon-zhuizong {
    background: url(../images/jiankong/jk-qipao-zhuizong.svg) no-repeat center;
    background-size: contain;
}

.option-icon-wendu {
    background: url(../images/jiankong/jk-qipao-wendu.svg) no-repeat center;
    background-size: contain;
}

.option-icon-guiji {
    background: url(../images/jiankong/jk-qipao-guiji.svg) no-repeat center;
    background-size: contain;
}

.option-icon-quyu {
    background: url(../images/jiankong/jk-qipao-quyu.svg) no-repeat center;
    background-size: contain;
}

.option-icon-biaoji {
    background: url(../images/jiankong/jk-qipao-biaoji.svg) no-repeat center;
    background-size: contain;
}

.table-label-wrap {
    background: #f4f4f4;
    padding: 10px;
    padding-right: 0px;
}

.set-wrap-title {
    overflow: hidden;
    font-weight: bold;
}

.set-wrap-move-btn {
    float: right;
    margin-right: 10px;
}

.set-wrap-block-label {
    display: inline-block;
    margin-top: 5px;
}

.up-move .el-icon-top {
    color: #73a836
}

.down-move .el-icon-bottom {
    color: #f6ad44
}

.table-label-wrap+.table-label-wrap {
    margin-top: 20px
}

.table-tag-label-block {
    display: inline-block;
    margin-top: 8px;
}

.table-tag-label-block ul li {
    display: inline-block;
    width: 76px;
    font-size: 12px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    margin-right: 20px;
    margin-top: 15px
}

.table-tag-label-block ul li .el-button {
    position: absolute;
    padding: 0px;
    top: -10px;
    right: -10px;
}

.table-tag-label-block ul li .el-button i {
    font-size: 12px;
    color: #fff !important;
}

.move-btn-del.el-button {
    width: 18px;
    height: 18px;
    background: #c2c2c2;
    border-color: #c2c2c2
}

.table-tag-label-block ul li.active {
    border-color: #3b4493;
}

.add-btn-del.el-button {
    width: 18px;
    height: 18px;
    background: #3c4495;
    border-color: #3c4495;
}

.map-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.map-areas {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    background: #fff;
    left: 0px
}

.map-div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.bubble {
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 100;
    background: #fff;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 0 5px #333;
}

.map-wrap.windowTableLarge .jk-map-container {
    bottom: 0px
}

.car-item dl,
.car-item dl dt,
.car-item dl dd {
    display: inline-block;
    font-size: 14px;
}

.car-item dl+dl {
    margin-left: 10px
}

.card-msg {
    position: absolute;
    bottom: 10px;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map-wrap.windowTableLarge .map-window {
    height: 100% !important;
    top: 0px
}

.map-wrap.windowTableLarge .el-table__body-wrapper {
    height: calc(100% - 30px) !important;
}

.map-wrap .el-tabs {
    position: relative;
    height: 100%
}

.map-wrap.active .jk-map-container {
    bottom: 0px
}

.map-wrap.active .map-window {
    display: none
}

.map-wrap.active .little-window {
    display: block;
}

.little-window {
    position: absolute;
    display: none;
    cursor: pointer;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    border: 1px solid #ced7de;
    padding: 0px 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.little-window-title {
    display: inline-block;
    float: left;
    line-height: 35px;
    margin-right: 5px;
    font-weight: bold;
    color: #3c4393;
}

.input-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-width: 0;
    border-radius: 0.4rem;
    box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
    position: absolute;
    top: 236px;
    right: 10px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: 1000;
}

.input-card h4 {
    font-family: inherit;
    line-height: 1.8;
    font-weight: 300;
    color: inherit;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: .5rem;
    background: #3c4393;
    color: #fff;
    text-align: left;
    padding: 0px 10px;
    height: 34px;
    line-height: 34px;
}

.input-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
}

.input-item-prepend {
    margin-right: -1px;
}

.input-item-text {
    width: 60px;
    text-align: justify;
    padding: 0px 7px;
    display: inline-block;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-item-text,
input[type=text],
input[type=date],
select {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
}

.date-class.has-sidebar {
    width: 111px;
    border: none
}

.date-class .el-picker-panel__sidebar {
    height: 240px;
    border: 1px solid #e4e4e4;
}

.el-range-editor.el-input__inner {
    padding-right: 0px;
}

.date-left.el-date-range-picker {
    margin-left: -366px;
}

.date-left .el-picker-panel__body {
    margin-left: 120px;
}

.date-left .el-picker-panel__sidebar {
    width: 120px;
}

.date-class .el-picker-panel__footer,
.date-class .el-picker-panel__body {
    display: none;
}

.input-item select.select-quyu {
    width: 116px;
    border: 1px solid #ced4da;
}

.quyu-btn {
    text-align: center;
    margin-top: 10px
}

.quyu-btn button {
    height: 30px;
    line-height: 30px;
}

input.select-quyu {
    width: 116px;
    border: 1px solid #ced4da;
}

.quyu-close {
    display: block;
    width: 20px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    float: right;
    font-size: 22px;
    text-decoration: none;
}

.xingzhengquyu-bangding.input-card {
    width: 300px;
    top: 50px;
    right: 10px;
    padding-bottom: 15px;
}

.xingzhengquyu-bangding.input-card input.select-quyu,
.xingzhengquyu-bangding.input-card .input-item select.select-quyu {
    width: 192px;
    padding: 0px 15px
}

.xingzhengquyu-bangding.input-card .el-row {
    margin-bottom: 0px;
    padding: 0px 20px
}

.xingzhengquyu-bangding.input-card .dialog-btn {
    text-align: center
}

.xingzhengquyu-bangding.input-card .dialog-btn .el-button {
    padding: 8px 9px;
    margin-top: 10px
}

.window-option-btn {
    float: right;
}

.window-option-btn i {
    display: inline-block;
    width: 20px;
    height: 20px;
    ;
    margin-top: 7px;
    margin-left: 5px;
    background: url(../images/jiankong/jk-window-icon.svg) no-repeat center;
    background-size: 100% 100%;
}

.map-wrap.active .little-window {
    display: block
}

.qipao-li {
    display: block;
    width: 50%;
    margin-bottom: 8px;
    float: left
}

.qipao-li span {
    display: inline-block;
}

.qipao-li span {
    width: 30px;
}

.guiji .map-window .el-tabs__item {
    padding: 0px 20px
}

.guiji .map-area {
    left: 330px;
    background: none;
}

.guiji .jk-tree-wrap {
    width: 330px;
    border-right: 1px solid #ced7de;
    overflow: auto;
}

.guiji .jk-tree-wrap .el-form-item {
    margin-bottom: 15px;
    text-align: left;
    margin-bottom: 8px;
}

.form-item-b.el-form-item {
    margin-bottom: 10px;
}


/* 气泡框 */

.amap-info-content {
    border-radius: 5px;
    /* width: 430px; */
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 0px;
    color: #333;
}

.amap-info-contentContainer:hover .amap-info-outer {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.amap-info-content .info-title {
    width: 100%;
    border-bottom: #cccccc dashed 0.5px;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-weight: 700;
    margin-bottom: 5px;
}

.amap-info-content .info-title .info-title-name {
    width: 100px;
    height: 25px;
    font-size: 14px;
    color: #0080e5;
}

.amap-info-content .info-title .info-title-speed {
    width: 50px;
    height: 25px;
    margin-left: 10px;
    font-weight: 100;
    color: #0080e5;
}

.amap-info-content .info-title .info-title-dirStr {
    width: 50px;
    height: 25px;
    margin-left: 10px;
    font-weight: 100;
    color: #0080e5;
}

.amap-info-content .info-position {
    width: 100%;
    overflow: hidden;
}

.amap-info-content .info-button {
    width: 100%;
    line-height: 30px;
    padding: 0px 10px;
    border-top: 0.5px #cccccc dashed;
    margin-top: 10px;
}

.amap-info-content .info-button span {
    display: inline-block;
    color: #0080e5;
}

.amap-info-content .info-guiji {
    cursor: pointer;
    display: inline-block;
}

.amap-info-content .info-guiji+.info-guiji {
    margin-left: 15px
}

.amap-info-content .info-guiji:hover {
    color: #409eff;
}

.amap-info-content .info-icon {
    width: 100%;
    height: 25px;
    border-top: 0.5px dashed #cccccc;
    line-height: 25px;
}

.amap-info-content .info-icon span {
    margin-left: 10px;
}

.el-tree-node__label {
    font-size: 13px;
}

.qipaoContent {
    padding: 5px 10px;
    overflow: hidden;
}

.amap-marker-label {
    position: absolute;
    z-index: 2;
    background-color: #ecf5ff;
    color: #333;
    white-space: nowrap;
    cursor: default;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 3px;
    border: 0.5px #409eff solid;
}

.check-no-label .el-form-item__content {
    margin-left: 0px !important
}

.check-no-label .el-checkbox {
    margin-right: 15px;
}

.check-no-label .el-checkbox__label {
    font-size: 13px
}

.happy-scroll-container {
    height: 100% !important;
    width: 100% !important
}

.happy-scroll-content {
    border: none !important;
    padding: 10px
}

.happy-scroll-container .happy-scroll-content,
.happy-scroll-container {
    border: none !important;
    width: 100% !important;
    height: 100% !important;
}

.mingling-wrap .happy-scroll-content {
    padding: 0px
}

.guiji-qipao-option {
    position: relative;
    z-index: 2;
    background: #fff;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 10px;
    text-align: center;
}

.guiji-qipao-option button {
    background: #eaedf2;
    border: 1px solid #dcdcdc;
    padding: 4px 20px;
}

.guiji-qipao-option button+button {
    margin-left: 25px
}

.window-table-div {
    height: 204px;
}

.panel.panel-c .panel-body {
    padding-top: 0px
}

.tabs-panel-custom {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.tabs-panel-custom .el-tabs__nav-wrap {
    position: absolute;
    width: 220px;
}

.amap-info-content {
    padding: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.amap-info-close {
    right: 10px !important;
    top: 10px;
    color: #fff
}

.amap-icon img {
    width: 100%;
    height: 100%
}

.cp-d {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.tabs-panel-custom .el-tabs__item.is-left {
    text-align: left;
    border-bottom: 1px solid #e8f1fa;
    height: 40px;
    line-height: 40px;
}

.tabs-panel-custom .el-tabs__nav-scroll {
    border: 1px solid #dce3eb;
    border-bottom: none;
    border-left: none;
    background: #fff;
}

.tabs-panel-custom .el-tabs__item.is-active {
    color: #4351f8;
}

.tabs-panel-custom .el-tabs__active-bar {
    display: none !important
}

.tabs-panel-custom .el-tabs__item.is-active::after {
    content: '';
    position: absolute;
    height: 40px;
    width: 3px;
    background: #3c4393;
    left: 0px
}

.tabs-panel-custom .el-tabs__content {
    position: absolute;
    height: 100%;
    left: 230px;
    right: 0px;
    top: 0px;
    background: #fff;
    border: 1px solid #dce3eb;
    border-right: none;
    border-bottom: none;
}

.panel.panel-c .panel-wrap {
    background: none;
}

.panel.panel-c .el-tab-pane {
    position: relative;
    width: 100%;
    height: 100%;
}

.setting-space {
    display: inline-block;
    margin-left: 10px;
}

.el-dropdown-menu__item.active {
    background: none;
    color: #007ffc !important;
}

.amap-sug-result {
    width: 250px !important;
    margin-left: -46px;
}

.amap-sug-result .auto-item {
    overflow: hidden;
    text-overflow: ellipsis;
}

.map-time {
    position: absolute;
    line-height: 30px;
    padding: 0px 10px;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    top: 52px;
    left: 10px;
    color: #585858;
}

.place-find-wrap {
    position: absolute;
    right: 10px;
    top: 52px;
    padding-right: 30px;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    overflow: hidden;
}

.place-find-wrap input {
    height: 34px;
    line-height: 34px;
    border: 1px solid #ced7e0;
    width: 250px;
    padding: 0px 10px;
    border: none;
    outline: none;
}

.road-plan {
    position: absolute;
    width: 343px;
    z-index: 100;
    background: #fff;
    right: 10px;
    top: 50px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    padding-bottom: 15px
}

.place-find-close {
    position: absolute;
    right: 0px;
    border: none;
    padding: 0px;
    margin: 0px;
    line-height: 34px;
    width: 34px;
    text-align: center;
    cursor: pointer;
    background: none;
    color: #fff;
}

.place-find-close:hover {
    background: none;
    padding: 0px;
    margin: 0px;
    color: #fff;
}

.road-plan-title-text {
    line-height: 34px;
    text-align: left;
}

.road-plan-title .el-button:focus,
.road-plan-title .el-button:hover {
    background: #3c4393;
    color: #fff;
}

.road-plan-title {
    text-align: left;
    padding-left: 10px;
    background: #3c4393;
    color: #fff;
}

.exchange-place-btn,
.place-input-wrap,
.place-add-btn {
    display: inline-block;
}

.exchange-place-btn,
.place-add-btn {
    position: absolute;
    top: 20px;
    bottom: 0px;
    width: 30px;
}

.place-input-wrap .el-form-item__label {
    text-align: center;
    padding-right: 0px;
}

.place-input-wrap .el-form-item {
    margin-bottom: 10px;
}

.place-input-item {
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    position: relative;
    text-align: left;
}

.place-input-item input {
    border: none;
    vertical-align: top;
    border-radius: 2px;
    width: 200px;
    height: 30px;
    line-height: 30px;
    outline: none;
}

.place-input-item+.place-input-item {
    margin-top: 10px
}

.place-input-item>span:first-child {
    display: inline-block;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    width: 46px;
    text-align: left;
}

.road-plan-body {
    padding-top: 20px;
    position: relative;
}

.road-plan-footer {
    margin-top: 15px
}

.exchange-place-btn {
    left: 15px
}

.place-add-del-btn {
    right: 15px
}

.exchange-place-btn .road-plan-icon,
.place-add-btn .road-plan-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.exchange-place-btn .road-plan-icon {
    width: 18px;
    height: 28px;
    background: url(../images/jiankong/jk-exchange.svg) no-repeat center;
    background-size: contain;
}

.place-add-btn .road-plan-icon {
    width: 20px;
    height: 20px;
    background: url(../images/jiankong/jk-add.svg) no-repeat center;
    background-size: contain;
}

.place-add-btn .road-plan-icon.add-btn-position {
    transform: translate(-50%, 0);
    top: auto;
    bottom: 5px;
}

.place-del-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -33px;
    margin-top: 5px;
    background: url(../images/jiankong/jk-del.svg) no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.place-find-wrap.place-find-c .place-find-close,
.place-find-wrap.place-find-c .place-find-close:hover {
    color: #333
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #f0f1f9;
    color: #3c4393;
}

.road-plan-panel {
    position: absolute;
    right: 10px;
    top: 240px;
    bottom: 0px;
    width: 343px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 1001;
}

.road-plan.area-option {
    width: 500px
}

.road-plan.area-option .el-color-picker__trigger {
    height: 30px;
    width: 30px;
}

.road-plan.area-option .el-color-picker {
    height: 30px;
    vertical-align: inherit;
}

.road-plan.area-option .road-plan-body {
    padding: 0px 10px;
    padding-top: 10px;
}

.road-plan.area-option .el-input-group__append {
    padding: 0px 5px;
}

.road-plan.area-option .el-col {
    text-align: left;
}

.road-plan.area-option .el-form-item {
    margin-bottom: 20px;
}

.area-pic {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.area-pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.area-pic-list ul li {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}

.area-pic-list ul li img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.popover-area.el-popover {
    float: left;
    padding-right: 2px;
}

.jk-slider .el-slider__input {
    width: 80px
}

.jk-slider .el-input__inner {
    height: 28px;
    line-height: 28px;
}

.jk-slider .el-input-number--mini .el-input-number__decrease,
.jk-slider .el-input-number--mini .el-input-number__increase {
    width: 20px;
}

.jk-slider .el-input-number--mini .el-input__inner {
    padding-left: 22px;
    padding-right: 22px;
}

.jk-slider .el-slider__runway.show-input {
    margin-right: 90px;
    width: 66px;
}

.jk-slider .el-slider__button-wrapper {
    height: 28px;
}

.jk-slider .el-slider__input.el-input-number--mini {
    margin-top: 1px
}

.jk-slider .el-slider__runway {
    margin: 13px 0;
}

.jk-slider .el-slider__button-wrapper {
    top: -11px
}

.jk-slider .el-form-item__content {
    width: 155px
}

.area-form-item .el-form-item__content {
    height: 30px
}

.tool-dropdown-link {
    text-decoration: none;
    color: #666;
}

.map-wrap.map-set .map-area {
    left: 0px
}

.map-wrap.map-set .el-tabs__item {
    width: 90px;
    padding-left: 0px;
}

.map-set-search {
    float: left;
    margin-top: -9px;
}

.guijiPlayTool {
    position: absolute;
    bottom: 10px;
    background: #eaedf2;
    height: 40px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 0px 22px;
    border-radius: 8px;
    width: 618px;
    left: 50%;
    margin-left: -309px;
    z-index: 51
}

.play-tool-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 8px;
    cursor: pointer;
    vertical-align: top;
}

.play-tool-btn+.play-tool-btn {
    margin-left: 20px;
}

.icon-guiji-prev,
.icon-guiji-next {
    width: 18px;
    height: 18px;
    margin-top: 11px;
}

.play-tool-btn.guiji-times {
    width: auto;
    height: auto;
    line-height: 40px;
    margin-top: 0px;
    font-size: 15px;
}

.icon-guiji-prev {
    background: url(../images/guiji/guiji-tool-prev.svg) no-repeat center;
    background-size: contain;
}

.icon-guiji-next {
    background: url(../images/guiji/guiji-tool-next.svg) no-repeat center;
    background-size: contain;
}

.icon-guiji-play {
    background: url(../images/guiji/guiji-tool-play.svg) no-repeat center;
    background-size: contain;
}

.icon-guiji-replay {
    background: url(../images/guiji/guiji-tool-replay.svg) no-repeat center;
    background-size: contain;
}

.icon-guiji-pause {
    background: url(../images/guiji/guiji-tool-pause.svg) no-repeat center;
    background-size: contain;
}

.icon-guiji-fresh {
    background: url(../images/guiji/guiji-tool-fresh.svg) no-repeat center;
    background-size: contain;
}

.icon-guiji-del {
    background: url(../images/guiji/guiji-tool-del.svg) no-repeat center;
}

.icon-guiji-save {
    background: url(../images/guiji/guiji-tool-save.svg) no-repeat center;
}

.icon-guiji-export {
    background: url(../images/guiji/guiji-tool-export.svg) no-repeat center;
}

.play-tool-progress {
    display: inline-block;
    margin-top: 0px;
    margin-left: 10px;
    width: 150px;
    margin-right: 66px;
    position: relative;
}

.play-tool-progress .progressValue,
.play-tool-progress .el-slider {
    display: inline-block;
    vertical-align: middle;
}

.play-tool-progress .el-slider {
    width: 170px;
    margin-right: 15px;
}

.play-tool-progress .progressValue {
    font-size: 14px;
    position: absolute;
    top: 11px;
    right: -60px;
}

.play-tool-progress .el-slider__bar {
    background-color: #3b4493;
}

.play-tool-progress .el-slider__button {
    border-color: #3b4493;
    background-color: #3b4493;
}

.timepicker-content .el-form-item__content {
    margin-left: 0px !important;
}

.timepicker-content .el-range-separator {
    line-height: 22px;
    width: 18px
}

.map-tool-block {
    display: inline-block;
}

.play-tool-progress .tooltip-inner {
    display: none
}

.play-tool-progress .slider.slider-horizontal {
    margin-right: 10px;
    width: 100%
}

.play-tool-progress .slider-track {
    background: #dcdcde;
    box-shadow: none;
}

.play-tool-progress .slider-handle {
    background: #3c4393;
}

.play-tool-progress .slider-selection {
    background: #3b4493;
}

.guiji-tree .form-c .el-input__inner,
.guiji-tree .form-c .el-range-editor .el-range-input {
    font-size: 12px
}


/* .treeBtn{position:absolute;width:16px;height:16px;right:10px;z-index:1000;background: url(../images/jiankong/jk-treebtn.svg) no-repeat center;cursor: pointer;background-color:#fff;border-radius:8px;} */

.treeBtn {
    width: 16px;
    height: 16px;
    background: url(../images/jiankong/jk-treebtn.svg) no-repeat center;
    cursor: pointer;
    background-color: #fff;
    border-radius: 8px;
    display: block;
    float: right;
    margin-right: -57px
}


/* .treeRightKeyBtn{padding:5px 0px;position:fixed;width:84px;left:174px;z-index:5000;background-color:#fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);} */


/* .treeRightKeyBtn{padding:5px 0px;position:fixed;width:84px;left:174px;z-index:5000;background-color:#fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);} */

.treeRightKeyBtn {
    position: absolute;
    /* left: 15px; */
    left: -24px;
    top: 30px;
    width: 84px;
    /* width: 118px; */
    z-index: 5000;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.treeBtnListArrow {
    width: 16px;
    height: 16px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    margin-top: -8px;
    position: absolute;
    left: 50%;
    margin-left: 22px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /*IE 9*/
    -webkit-transform: rotate(45deg);
    /*Safari and Chrome*/
}

.treeBtnListArrow1 {
    width: 50px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 0px
}

.treeMenu {
    position: relative;
    z-index: 1000;
    width: 100%;
    overflow: auto;
    padding: 5px 0px;
}

.treeMenu ul li {
    padding: 5px 5px;
    cursor: pointer;
    text-align: center;
}

.treeRightKeyBtn .treeMenu ul {
    padding-left: 0px;
}


/* .treeMenu>ul {
    padding-left: 10px !important
} */


/* .map-window .el-table__body-wrapper {
    height: 170px !important
} */

.loading-cunstom .el-loading-spinner {
    width: auto;
    padding: 20px 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mapDialog .jk-qipao-info.guiji-qipao dl dt {
    width: 75px;
}

.mapDialog .qipao-body dl dd {
    margin-left: 75px;
}

.carInfo-dialog .el-col .el-form-item {
    margin-bottom: 0px;
}

.carInfo-dialog .el-col .form-block-title {
    margin-top: 10px;
    margin-bottom: 0px;
}

.carInfo-dialog .el-row .el-col:first-child .form-block-title {
    margin-top: 0px;
}

.carInfo-dialog .el-col .el-form-item {
    display: block;
}

.carInfo-dialog .el-col .el-form-item__label {
    display: block;
    float: left;
    margin-right: 0px;
    padding: 0px
}

.carInfo-dialog .el-col .el-form-item__content {
    display: block;
    margin-left: 130px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333
}

.type-list>span {
    margin-right: 10px;
}

.carInfo-dialog .el-dialog__body {
    padding-bottom: 20px;
}

.lot-export .el-date-editor .el-range-input {
    width: 55%;
}


/* 分组管理 */

.fenzu-panel-title {
    text-align: left;
    padding-left: 8px;
    position: relative;
}

.fenzu-panel-title::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 14px;
    background: #3b4493;
    left: 0px;
    top: 2px
}

.fenzu-form-wrap {
    text-align: left;
    margin-top: 10px
}

.fenzu-form-wrap .el-button+.el-button {
    margin-left: 7px
}

.fenzu-form-wrap .el-button {
    vertical-align: top;
    border: 1px solid #3c4393;
    color: #3c4296;
}

.fenzu-form-wrap .el-button.active {
    background: #3c4393;
    color: #fff;
    border-color: #3f73fa;
}

.tree-node-list {
    border: 1px solid #ced7de;
    margin-top: 10px;
    height: 400px;
    overflow: auto
}

.tree-node-list ul li {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fenzu-panel {
    display: inline-block;
    vertical-align: top;
}

.fenzu-panel+.fenzu-panel {
    margin-left: 40px;
}

.tree-node-list ul li:nth-of-type(even) {
    background-color: #f7f8fa;
}

.tree-node-list ul li.active {
    background: #3c4393;
    color: #fff;
}


/* 子用户管理 */

.tree-move-btn {
    display: inline-block;
    margin: 0px 10px;
}

.tree-move-btn .el-button {
    padding: 10px
}

.checkbox__label {
    position: absolute;
    right: 15px;
    top: 0px;
    font-size: 12px;
}

.vehicleRole .el-checkbox__label {
    padding-left: 5px;
    font-size: 13px !important
}

.vehicleRole .el-transfer-panel {
    width: 228px;
    position: relative;
    height: calc(100% - 30px);
}

.vehicleRole .el-transfer-panel__body .el-input input {
    height: 30px;
    line-height: 30px;
}

.vehicleRole .el-transfer-panel__body .el-input .el-input__icon {
    line-height: 30px;
}

.vehicleRole .el-transfer-panel__body {
    height: 360px;
    height: 100%;
}

.vehicleRole .el-transfer-panel__list.is-filterable {
    height: 315px;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    background-color: #d5d5d6;
    border-color: #d5d5d6;
}

.vehicleRole .el-transfer-panel .el-transfer-panel__list {
    height: 100%;
}

.bind-custom-tree {
    position: absolute;
    top: 81px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 10px;
    overflow: auto;
}

.bind-custom-tree label.el-checkbox {
    width: 100%;
    margin-right: 0px
}

.submenu-nav .el-menu .el-menu-item-group {
    display: inline-block;
    vertical-align: top;
}

.submenu-nav.width-shujuzhongxin .el-menu .el-menu-item-group {
    width: 130px;
}

.submenu-nav.width-shujuzhongxin .el-menu--popup {
    padding: 0px 20px;
    padding-bottom: 15px;
    padding-top: 10px;
}

.menu-baobiao-wrap {
    width: 154px;
    vertical-align: top;
    padding-right: 20px;
    float: left;
}

.el-submenu .width-shujuzhongxin .el-menu-item {
    min-width: auto !important;
}

.shuju-class {
    position: relative;
}


/* 子用户改版 */

.treeform {
    position: absolute;
    width: 250px;
    left: 0px;
    top: 10px;
    bottom: 0px;
    background: #fff;
    border: 1px solid #dce3eb;
}

.panel-other {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.treeform-search {
    padding: 10px
}

.treeform-search .el-input__inner {
    line-height: 30px;
    height: 30px;
}

.treeform-search .el-input__icon {
    line-height: 30px;
}

.treeform-list {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 40px;
    bottom: 0px;
    overflow: auto;
}

.main-body {
    position: absolute;
    left: 260px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    top: 10px;
    border: 1px solid #dce3eb;
}

.table-search.table-search-c {
    padding-top: 10px
}

.tab-li {
    width: 200px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #dce3eb;
    position: absolute;
}

.tab-li ul li {
    height: 40px;
    line-height: 40px;
    text-align: left;
    cursor: pointer;
    padding: 0px 15px
}

.tab-li ul li i,
.tab-li ul li span {
    display: inline-block;
}

.tab-li ul li i {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px;
}

.tab-li ul li.active {
    background: #3c4393;
    color: #fff
}

.tab-panel-wrap {
    position: absolute;
    left: 200px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: auto;
}

.tab-panel-body {
    text-align: left;
    padding: 15px
}

.role-quick-label {
    display: inline-block
}

.role-quick-list {
    margin-top: 10px
}

.role-quick-list .el-checkbox {
    margin-right: 20px;
}

.role-quick-setting {
    margin-top: 15px
}

.role-quick-btn {
    color: #00a0e9;
    /* margin-left: 15px */
}

.role-quick-list .el-radio-group .el-radio {
    margin-bottom: 8px;
}

.el-divider--horizontal {
    margin: 18px 0px
}

.child-role {
    margin-left: 7px;
    position: relative;
    /* border-left: 1px dashed #d0d0d0; */
    float: left;
    width: 100%;
    padding-left: 17px;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e7e7e7;
}

.role-list-item .child-role.abc {
    display: inline-block;
    width: auto;
}

.role-list-item .abc:nth-of-type(1) {
    background: #F00;
}

.child-role.child-role-no-title .child-child-role {
    padding-left: 0px;
    margin-top: 0px;
}

.child-role::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 22px;
    width: 22px;
    height: 0px;
    border-bottom: 1px dashed #d0d0d0;
}


/* .child-role::after {
    content: '';
    position: absolute;
    left: 0px;
    width: 15px;
    top: 21px;
    height: 1px;
    border-bottom: 1px dashed #d0d0d0
} */

.role-list-item {
    position: relative;
    padding-top: 15px;
    /* padding-bottom: 15px; */
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
}

.role-list-item.no-sub {
    padding-bottom: 15px;
}

.no-three .child-role {
    display: inline-block;
    width: auto;
    border: none
}


/* .no-three .child-role:nth-of-type(1),
.no-three .child-role:nth-of-type(2),
.no-three .child-role:nth-of-type(3),
.no-three .child-role:nth-of-type(4) {
    padding-bottom: 0px
} */

.child-role-four {
    padding-left: 25px
}

.no-three .child-role::after {
    display: none;
}

.role-list-item.no-sub::after {
    display: none;
}

.role-list-item .child-role:last-of-type {
    border: none
}

.role-list-item.role-list-first {
    margin-bottom: 15px;
}

.child-child-role {
    padding-left: 26px;
    margin-top: 10px;
}

.role-list-item .el-checkbox {
    width: 150px;
    margin-bottom: 10px;
}

.role-list-item.role-list-first .el-checkbox {
    margin-bottom: 0px;
}

.role-list-item::after {
    content: '';
    position: absolute;
    left: 6px;
    width: 0px;
    top: 32px;
    bottom: 0px;
    border-left: 1px dashed #d0d0d0;
}


/* .child-child-role::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 8px;
    bottom: 0px;
    height: 1px;
    background: #ececec;
} */


/* .child-role:last-of-type {
    display: none;
} */

.role-list-title .el-checkbox,
.child-role-label .el-checkbox {
    margin-bottom: 0px;
}

.vehicleRole {
    text-align: left;
    position: absolute;
    height: 100%
}

.vehicleRole-wrap {
    /* display: inline-block; */
    margin: 30px;
    position: relative;
    height: calc(100% - 80px);
}

.vehicleRole-wrap .el-transfer-panel__header {
    
}

.zhanghao-moudle {
    text-align: left;
    padding: 30px
}

.zhanghao-moudle-wrap {
    display: inline-block;
    width: 760px;
}

.zhanghao-moudle-wrap .el-col {
    height: 50px;
}

.dialog-footer {
    text-align: center;
}

.footer-btn {
    margin-top: 15px
}

.footer-btn-c {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 10px;
}

.role-panel-item {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    bottom: 50px;
    overflow: auto;
    padding: 10px 15px
}

.vehicleRole .vehicleRole-wrap .el-transfer-panel,
.transfer-search {
    width: 270px;
    display: inline-block;
}

.el-transfer {
    position: relative;
    height: calc(100% - 80px);
}

.vehicleRole .vehicleRole-wrap .el-input__inner,
.el-input__icon {
    height: 30px;
    line-height: 30px;
}

.transfer-search {
    margin-bottom: 10px
}

.transfer-search .el-input__suffix-inner {
    line-height: 30px;
}

.zi-icon-yonghu {
    background: url(../images/ziyonghu/user.svg) no-repeat center;
    background-size: contain;
}

.zi-icon-quanxian {
    background: url(../images/ziyonghu/role.svg) no-repeat center;
    background-size: contain;
}

.zi-icon-gexing {
    background: url(../images/ziyonghu/set.svg) no-repeat center;
    background-size: contain;
}

.zi-icon-fenpei {
    background: url(../images/ziyonghu/fenpei.svg) no-repeat center;
    background-size: contain;
}

.zi-icon-shouquan {
    background: url(../images/ziyonghu/shouquan.svg) no-repeat center;
    background-size: contain;
}

.zi-icon-mingxi {
    background: url(../images/ziyonghu/detail.svg) no-repeat center;
    background-size: contain;
}

.tab-li ul li.active .zi-icon-yonghu {
    background: url(../images/ziyonghu/user-s.svg) no-repeat center;
    background-size: contain;
}

.tab-li ul li.active .zi-icon-quanxian {
    background: url(../images/ziyonghu/role-s.svg) no-repeat center;
    background-size: contain;
}

.tab-li ul li.active .zi-icon-gexing {
    background: url(../images/ziyonghu/set-s.svg) no-repeat center;
    background-size: contain;
}

.tab-li ul li.active .zi-icon-fenpei {
    background: url(../images/ziyonghu/fenpei-s.svg) no-repeat center;
    background-size: contain;
}

.tab-li ul li.active .zi-icon-shouquan {
    background: url(../images/ziyonghu/shouquan-s.svg) no-repeat center;
    background-size: contain;
}

.tab-li ul li.active .zi-icon-mingxi {
    background: url(../images/ziyonghu/detail-s.svg) no-repeat center;
    background-size: contain;
}

.divideline {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #ececec
}

.popover-cunston-class {
    padding: 0px
}

.gexingshezhi {
    text-align: left;
    padding: 30px;
    padding-right: 0px;
}

.gexing-list {
    border: 1px solid #ebeff8;
    padding: 10px;
    width: 200px;
    text-align: left;
    display: inline-block;
    width: 396px;
    margin-right: 32px;
    margin-bottom: 32px;
    vertical-align: top;
    height: 230px;
}

.gexing-row+.gexing-row {
    margin-top: 32px
}

.gexing-row.gexing-tag .gexing-row-title,
.gexing-row.gexing-tag .el-button {
    vertical-align: middle;
}

.gexing-row.gexing-tag .el-button {
    padding: 7px 15px;
}

.opinionDialog .el-dialog__body {
    padding-bottom: 20px;
}

.opinionDialog .el-tag {
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: top;
}

.opinionDialog .el-button {
    vertical-align: top;
}

.opinionDialog .el-input--small {
    width: 90px;
    margin-right: 10px;
}

.gexing-title {
    margin-bottom: 30px;
    color: #666;
}

.gexing-row-title {
    font-size: 15px;
    color: #333;
    width: 130px;
    display: inline-block;
}

.gexing-row-content {
    background: #fff;
    font-size: 15px;
    vertical-align: middle;
    width: 130px;
    display: inline-block;
    text-align: left;
    margin-left: 34px;
    margin-right: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gexing-text-title,
.gexing-text {
    text-align: center
}

.gexing-text-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.gexing-text {
    color: #aab7bf;
    margin-bottom: 10px;
}

.gexing-btn {
    text-align: center;
    margin-top: 24px;
}

.gexing-img {
    width: 36px;
    height: 36px;
    display: inline-block
}

.gexing-img-wrap {
    text-align: center;
    margin-bottom: 15px
}

.gexing-img img {
    max-width: 100%;
    max-height: 100%;
}

.el-button.wendu-btn {
    padding: 7px 7px;
}

.el-button.search-wendu-btn {
    padding: 5px;
    border-color: #23508b;
    color: #23508b
}

.notice-dialog .alarmDialogBody dl dt {
    width: 46px;
}

.notice-dialog .alarmDialogBody dl dd {
    margin-left: 46px;
}

.notice-dialog .dialog-footer {
    padding: 0px
}


/* 参数设置 */

.dialogform.baojingtuisong .el-input-number {
    line-height: 27px;
}

.dialogform.baojingtuisong .baojing-set .el-form-item {
    margin-bottom: 10px;
}

.form-c-inline [class*=el-col-] {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.dialogform.baojingtuisong .el-input-number.is-controls-right .el-input-number__increase,
.dialogform.baojingtuisong .el-input-number.is-controls-right .el-input-number__decrease {
    line-height: 14px;
}

.label-font .el-checkbox__label,
.label-font .wendu-form-btn,
.label-font .el-radio-button__inner {
    font-size: 14px;
}

.label-font .el-radio-button__inner {
    padding: 10px 10px;
}

.form-num-input .el-input-number.is-without-controls .el-input__inner {
    padding-left: 5px;
    padding-right: 5px;
}

.dialogform.baojingtuisong .el-input-number.is-controls-right .el-input__inner {
    padding-left: 5px;
    padding-right: 45px;
}

.setting-title {
    margin-top: 10px
}

.form-item-row {
    margin-top: 10px
}

.dialogform.el-padding .el-col-24 {
    padding: 0px 15px
}

.dialogform.el-padding .form-title-row.el-col-24 {
    padding: 0px
}

.dialogform.normal-setting .bind-custom-tree {
    top: 39px
}

.setting-option-wrap {
    display: inline-block;
    width: 814px;
    vertical-align: top;
    margin-left: 220px;
}

.setting-option-block {
    border: 1px solid #ced7de;
    position: relative;
    overflow: hidden;
}

.dialogform.normal-setting .el-dialog__body {
    position: relative;
}

.dialogform.normal-setting .el-transfer-panel {
    border-color: #ced7de;
    vertical-align: top;
}

.setting-option-item-title,
.setting-option-list {
    display: inline-block;
    vertical-align: top;
}

.setting-option-item-title {
    line-height: 30px;
    margin-right: 20px;
}

.setting-option-list .el-form-item {
    margin-bottom: 10px
}

.setting-option-item {
    float: left;
    width: 50%;
    position: relative;
    height: 50%;
    border: 1px solid #d0d0d0;
    border-bottom: none;
    border-right: none;
    padding: 13px 10px;
}

.setting-option-item:nth-of-type(1),
.setting-option-item:nth-of-type(3) {
    border-left: none
}

.setting-option-item:nth-of-type(1),
.setting-option-item:nth-of-type(2) {
    border-top: none
}

.wai-she_label {
    display: block;
    width: 124px;
    padding-right: 10px;
    text-align: right;
    line-height: 30px;
    color: #4252fd;
    font-weight: bold;
    float: left;
}

.wai-she_form-item {
    margin-left: 126px;
}

.wai-she_form-item .el-form-item {
    margin-bottom: 10px
}

.wai-she_form-item .el-form-item__label {
    width: 100px
}

.setting-unit-label {
    font-size: 13px;
    margin-left: 5px;
}

.dialogform.normal-setting .el-transfer-panel__body {
    height: auto;
    padding: 10px
}

.other-item {
    padding: 0px 10px;
    border: 1px solid #d0d0d0;
    padding-top: 10px;
    overflow: hidden;
    margin-top: -1px
}

.setting-check-form {
    margin-top: 8px
}

.check-form-content {
    padding-left: 67px
}

.check-form-input {
    margin-top: 15px
}

.check-form-input .el-form-item__label {
    width: 106px
}

.check-form-input {
    display: inline-block;
    width: 400px;
    vertical-align: top;
}

.check-form-check {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}

.check-check-msg {
    margin-left: 20px
}

.check-form-list {
    margin-bottom: 20px
}

.check-form-check .el-form-item {
    margin-bottom: 10px
}

.info-export-btn .el-form-item .el-button {
    padding: 8px 15px;
}

.edit-row {
    display: inline-block;
}

.edit-row.edit-btn {
    cursor: pointer;
}

.edit-row.edit-btn>span {
    margin-right: 5px;
}

.edit-row.edit-btn:first-child {
    margin-right: 64px;
}

.edit-row.edit-btn:first-child>i {
    margin-right: 5px;
}

.edit-row.edit-btn .el-icon-edit-outline {
    color: #5259a1
}

.check-form-check .el-form-item .el-checkbox {
    width: 94px
}

.quyu-setting_info {
    display: inline-block;
    vertical-align: top;
}

.quyu-setting_info+.quyu-setting_info {
    margin-left: 15px;
}

.form-c .el-input-number {
    line-height: 30px;
}

.quyu-setting_tree {
    width: 250px;
    height: 310px;
    border: 1px solid #DCDFE6;
    margin-top: 12px;
    border-radius: 4px;
}

.quyu-dialog .el-dialog__body {
    padding-bottom: 20px
}

.quyu-setting—title {
    font-size: 14px;
    line-height: 30px;
}

.row-cell {
    display: inline-block;
    width: 62px;
    text-align: center;
}

.like-cell-row .row-cell:first-child {
    text-align: left;
}

.like-cell-row+.like-cell-row {
    margin-top: 10px
}

.like-cell-row .el-checkbox-group {
    display: inline-block;
}

.like-cell-row .el-checkbox-group .el-checkbox {
    width: 62px;
    text-align: center;
    margin-right: 0px;
}

.like-table .like-cell-row:nth-of-type(1) .row-cell:first-child {
    width: 71px;
}

.like-table .like-cell-row:nth-of-type(2) .row-cell,
.like-table .like-cell-row:nth-of-type(3) .row-cell {
    width: 95px;
}

.like-table .like-cell-row .el-checkbox {
    margin-right: 49px;
}

.quyu-setting-form .el-form-item {
    margin-bottom: 0px
}

.quyu-setting-form .el-row+.el-row {
    margin-top: 12px
}

.quyu-setting-form .el-form-item__label {
    text-align: left;
}

.canshu-set-wrap,
.canshu-set-cheji {
    position: relative;
}

.setting-option-wrap.chaowen-setting .setting-option-item {
    width: 100%;
    border: none
}

.setting-option-wrap.chaowen-setting .setting-option-item+.setting-option-item {
    border-top: 1px solid #ced7de
}

.setting-option-wrap.chaowen-setting .el-date-editor .el-range-separator,
.el-dialog .el-date-editor .el-range-separator {
    line-height: 22px;
}

.setting-option-wrap.chaowen-setting .el-icon-close {
    margin-left: 10px;
    color: #4652fc;
    cursor: pointer;
    font-weight: bold;
}

.add-setting-item-btn {
    color: #4652fc;
    right: 30px;
    bottom: 28px;
    position: absolute;
    font-weight: bold;
    cursor: pointer;
}

.add-setting-item-btn .el-icon-plus {
    font-weight: bold;
}

.setting-option-wrap.chaowen-setting .setting-option-item .wai-she_form-item .el-form-item {
    display: inline-block;
}

.switch-form .el-form-item {
    margin-bottom: 15px;
}

.canshu-set-cheji .setting-option-wrap {
    width: 320px;
}

.canshu-set-cheji .el-form-item {
    margin-bottom: 10px;
}

.canshu-set-cheji .cheji-set-label .el-form-item__label {
    width: 96px;
}

.bianxieTree {
    width: 100%;
    height: 246px;
    border: 1px solid #DCDFE6;
    margin-top: 10px
}

.remind-check {
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

.remind-checks {
    display: inline-block;
    vertical-align: top;
}

.remind-checks .el-checkbox {
    vertical-align: top;
}

.remind-check .el-checkbox {
    margin-bottom: 10px;
    vertical-align: top;
}

.remind-check-text {
    display: inline-block;
    width: 570px;
    font-size: 12px;
    color: #F00;
}


/* 客服管理 */

.kefu-form {
    margin: 0px auto;
    width: 800px
}


/* 续费管理 */

.xufei-code {
    border: 1px solid #DCDFE6;
    width: 200px;
    height: 200px;
    margin: 0px auto
}

.xufei-code img {
    width: 100%;
    height: 100%
}

.table-search-wrap .el-date-editor .el-range-separator {
    line-height: 22px;
    width: 6%;
}

.table-option-btn {
    padding: 0px !important;
    width: 16px;
    height: 16px;
    font-size: 12px;
    margin-left: 5px;
}

.table-option-btn,
.table-option-btn:hover,
.table-option-btn:active,
.table-option-btn:focus {
    border-color: #fb3644;
    color: #fb3644;
}

.dialogform.xufeiDialog .el-form-item {
    margin-bottom: 12px;
}

.radio-cost .el-radio__label {
    vertical-align: middle;
    background: url(../images/zfb-icon.svg) no-repeat center;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-left: 10px;
}

.table-search-wrap .el-icon-circle-close {
    top: 10px !important
}


/* 报表 */

.wendu-form-btn.el-button {
    padding: 0px;
    border: none
}

.wendu-form-btn.el-button .el-icon-s-tools {
    color: #3f4291;
}

.wendu-form-tab .el-radio-button__inner {
    padding-top: 6px;
    padding-bottom: 6px;
}

.wendu-chart {
    width: 100%;
    position: relative;
}

.wendu-chart-head {
    overflow: hidden;
    position: absolute;
    right: 41px;
    z-index: 10;
    top: 15px;
}

.wendu-chart-head .el-checkbox,
.legend-chart {
    display: inline-block;
}

.wendu-chart-head .el-checkbox .el-checkbox__label {
    font-size: 12px;
}

.legend-chart {
    margin-right: 10px;
}

.legend-chart>i,
.legend-chart>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.legend-chart>i {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    margin-right: 7px;
}

.wendu-chart-area {
    height: 380px;
    width: 100%;
    position: relative;
}

.wendu-chart-draw .wendu-chart-area {
    height: auto;
    position: absolute;
    /* bottom: 70px; */
    bottom: 10px;
    top: 0px;
}

.wendu-chart-plot {
    width: 400px;
    position: relative;
    height: 100%;
    border-right: 1px solid #d0d0d0;
    padding-top: 25px
}

.wendu-chart-sum-list {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.wendu-chart-title {
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    padding: 0px 5px;
}

.wendu-chart-sum-num {
    text-align: left;
    color: #e6a23c;
    font-size: 30px;
    padding: 0px 5px;
}

.wendu-chart.wendu-chart-draw {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 92px;
}

.total-sum-block,
.total-place {
    padding: 0px 15px
}

.total-sum-block {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 20px;
}

.total-sign {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #F00;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 8px;
}

.total-place-here {
    display: inline-block;
    width: 50%;
    padding: 0px 5px;
    margin-bottom: 20px;
}

.total-place-here>p:nth-of-type(2) {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px
}

.total-area .total-place:first-child {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
}

.total-place {
    text-align: left;
}

.wendu-chart-map {
    position: absolute;
    left: 400px;
    right: 0px;
    top: 0px;
    bottom: 0px
}

.wendu-chart.zonghe {
    position: absolute;
    height: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px
}

.wendu-chart-chart {
    position: relative;
    height: 100%;
}

.wendu-info dl {
    width: 50%;
    margin-bottom: 8px;
}

.wendu-info dl,
.wendu-info dl dt,
.wendu-info dl dd {
    display: inline-block
}

.wendu-info dl dt {
    margin-right: 10px
}

.wendu-info dl dd span+span {
    margin-left: 8px;
    color: #666
}

.wendu-info dl dd span.wendu-color {
    color: #409eff
}

.wendu-info {
    width: 900px;
    margin: 0px auto;
    text-align: left;
    margin-top: 10px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -450px;
}

.wendu-form-tab .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #3c4393;
    border-color: #3c4393;
    box-shadow: -1px 0 0 0 #3c4393;
}

.wendu-form-tab .el-radio-button__inner:hover {
    color: #3c4393
}

.wendu-form-tab .is-active .el-radio-button__inner:hover {
    color: #fff
}

.timeset {
    position: relative;
}

.timeset .add-setting-item-btn {
    right: 0px;
    bottom: 16px;
    cursor: pointer;
}

.timeset .el-icon-close {
    font-weight: bold;
    color: #4652fc;
    margin-left: 6px;
    cursor: pointer;
}

.option-cell .el-link.el-link--primary {
    font-size: 12px;
    color: #4253f9
}

.option-cell .el-link.el-link--primary:hover::after {
    display: none;
}

.dialogform.mapDialog .el-dialog__body {
    padding: 0px
}

.map-dialog_map {
    width: 100%;
    height: 450px;
}

.amap-toolbar {
    z-index: 1;
}

.panel-charts-list {
    display: inline-block;
    height: 290px;
    width: 33.33%;
    padding: 0px 5px;
    vertical-align: top;
}

.panel-charts-2 {
    position: absolute;
    top: 300px;
    bottom: 10px;
    left: 10px;
    right: 10px
}

.panel-charts-1 {
    padding: 0px 5px
}

.chart-content {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

.radio-tab .el-radio-button__inner {
    padding: 7px 20px;
}

.chart-content-title {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    border-bottom: 1px solid #eeeeee;
}

.chart-content-title span {
    display: block;
    float: right;
    font-size: 12px
}

.chart-content-title span:first-child {
    float: left;
    font-size: 14px
}

.chart-content-chart {
    position: absolute;
    top: 40px;
    width: 100%;
    left: 0px;
    bottom: 0px
}

.panel-chart-wrap {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    bottom: 0px
}

.baobiao-total {
    text-align: center;
    margin-bottom: 10px;
}

.baobiao-total-content {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 10px;
    white-space: inherit;
}

.detail-map {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

.detail-map-map {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 100%;
}

.detail-map-detail {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 300px;
    border-left: 1px solid #ecebeb;
}

.detail-map-body {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    top: 38px;
    background: #fff;
    overflow: auto;
}

.detail-list-block {
    padding: 10px
}

.detail-list-block .rank-num {
    display: inline-block;
    color: #ff3f3c;
    width: 48px;
    text-align: right;
    float: left;
    font-size: 14px
}

.detail-list-block .rank-content {
    margin-left: 58px;
    text-align: left;
}

.rank-content .el-row {
    line-height: 24px;
}

.rank-content .el-row>span:first-child {
    color: #9a9a9a
}

.rank-content .el-row+.el-row {
    margin-top: 6px
}

.detail-list-block:nth-of-type(2n) {
    background: #f5f3f4;
}

.amap-ui-district-cluster-marker span {
    padding: 0px 5px;
}

.amap-ui-district-cluster-marker span {
    height: 22px;
    line-height: 22px;
}

.fresh-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    z-index: 1000;
    border-radius: 4px;
    text-align: center;
    line-height: 64px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}


/* ztree */

.ztree li a.curSelectedNode {
    background-color: rgba(255, 230, 176, 0.8);
    opacity: 1;
}

.ztree li span.button.ico_close,
.ztree li span.button.ico_open,
.ztree li span.button.ico_docu {
    background-size: contain !important;
}


/* 报警处理 */

.baojing-down-left,
.baojing-down-right {
    display: inline-block;
    font-size: 12px;
}

.baojing-down {
    max-height: 60%;
    overflow: auto;
}

.baojing-down-left {
    text-align: left;
    width: 60%;
}

.baojing-down-right {
    text-align: right;
    width: 40%;
}

.baojing-row-1 .baojing-down-left {
    color: #494949;
    font-size: 14px;
}

.baojing-row-1 .baojing-down-right,
.baojing-row- .baojing-down-left {
    color: #999999;
}

.baojing-row-1 {
    margin-bottom: 8px
}

.baojing-row-2 .baojing-down-right {
    color: #5364fa
}

.baojing-row-2 .baojing-down-right>span {
    cursor: pointer;
}

.baojing-down {
    width: 306px
}

.baojing-down-list {
    border-bottom: 1px solid #e7e7e7;
    padding: 12px
}

.el-popover.baojing-popper {
    padding: 0px;
    max-height: calc(100% - 100px);
    overflow: auto;
}

.alarmDialogTitle {
    height: 38px;
    background: #ececec;
    padding: 0px 10px;
    overflow: hidden;
}

.alarmDialogBody {
    padding: 15px 10px
}

.alarmDialogBody .opinionDialog .el-button {
    vertical-align: middle;
}

.alarmDialogBody dl {
    width: 100%;
    overflow: hidden;
}

.alarmDialogBody .opinionDialog .el-input--small {
    vertical-align: middle;
}

.chepaiEdit span {
    display: inline-block;
}

.chepaiEdit {
    margin-bottom: 10px
}

.chepaiEdit span:first-child {
    width: 100px;
    padding-right: 12px;
    text-align: right;
}

.alarmDialogBody dl dt {
    float: left;
    color: #a1a1a1;
    width: 78px;
}

.alarmDialogBody dl dd {
    color: #323232;
    margin-left: 78px;
}

.alarmDialogBody dl dd,
.alarmDialogBody dl dt {
    line-height: initial;
}

.alarmDialogBody dl+dl {
    margin-top: 15px;
}

.alarmDialogform .el-dialog__body {
    padding: 0px
}

.alarmDialogform .el-button.is-round {
    padding: 5px 8px;
    font-size: 12px;
    margin-top: 7px;
}

.alarmDialogform .dialog-footer .el-button {
    vertical-align: top;
}

.alarmDialogTitleList>i,
.alarmDialogTitleList>span {
    display: inline-block;
    vertical-align: middle;
}

.alarmDialogTitleList>span {
    color: #3b4393
}

.alarmDialogTitleList>i {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.alarmDialogTitleList {
    line-height: 38px;
    display: inline-block;
    vertical-align: top;
}

.alarmDialogTitleBtn.alarmDialogTitleList {
    display: block;
    float: right;
}

.alarmDialogTitleList+.alarmDialogTitleList {
    margin-left: 15px;
}

.alarmDialogHandle {
    display: inline-block;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 12px;
    margin-right: 8px;
}

.alarmDialogHandle.alarmDialogHandleOther {
    border: none;
    background: #3b4493;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

.alarmDialogHandle.alarmDialogOpinion {
    border: none;
    cursor: pointer;
}

.alarmDialogHandle.alarmDialogOpinion i,
.alarmDialogHandle.alarmDialogOpinion span {
    display: inline-block;
    vertical-align: middle;
}

.alarmDialogHandle.alarmDialogOpinion i {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.icon-jk-alarm {
    background: url(../images/jiankong/icon-jk-alarm.svg) no-repeat center;
    background-size: contain;
}

.icon-alarm-edit {
    background: url(../images/jiankong/icon-alarm-edit.svg) no-repeat center;
    background-size: contain;
}

.baojing-set {
    line-height: 30px;
}


/* 命令 */

.mingling-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    height: 400px;
}

.dialogform.dialogMingling .el-dialog__body {
    padding: 0px;
}

.mingling-left {
    position: relative;
    height: 100%;
    width: 170px;
    border-right: 1px solid #e5e5e5;
}

.mingling-title {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    top: 30px;
    overflow: auto;
}

.mingling-search .el-input__inner {
    border-radius: 0px;
    border-right: none;
    font-size: 12px;
}

.mingling-right {
    position: absolute;
    height: 100%;
    left: 170px;
    right: 0px;
    top: 0px;
}

.mingling-left ul li {
    padding-left: 18px;
    font-size: 12px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.mingling-left ul li.active,
.mingling-left ul li:hover {
    color: #1482e1;
    background: #ebf0f6;
}

.dialogform.dialogMingling .dialog-footer .el-button {
    height: 30px;
    line-height: 30px;
}

.dialogform.dialogMingling .dialog-footer {
    margin-top: 25px
}

.mingling-content dl {
    display: flex;
    padding-left: 10px;
    padding-right: 50px;
    margin-bottom: 15px;
}

.mingling-content dl dt {
    width: 130px;
    text-align: right;
}

.mingling-content dl.labelforinput dt {
    line-height: 30px;
}

.mingling-content dl dd {
    flex: 1;
}

.mingling-content dl dd input,
.mingling-content dl dd select {
    border: 1px solid #ced7de;
    width: 172px;
    border-radius: 2px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
}

.mingling-content {
    padding-top: 30px;
    font-size: 12px;
}

.dialogform.dialogMingling .el-input__inner {
    height: 30px;
    line-height: 30px;
}

.mingling-content dl.form-dl dt {
    line-height: 30px;
    height: 30px;
}

.mingling-right .dialog-footer .el-button {
    padding: 0px 15px
}


/* 屏幕分辨率 */

@media screen and (min-width: 1600px) {
    .wendu-chart.wendu-chart-draw {
        position: absolute;
        bottom: 0px;
        left: 0px;
        top: 54px;
    }
    .login-form-wrap {
        bottom: 188px
    }
    .phone-code {
        right: 64px;
    }
}

@media screen and (min-width: 1900px) {
    /* 登录 */
    .login-form-wrap {
        width: 545px;
        bottom: 280px;
        right: 204px
    }
    .phone-code {
        right: 50px;
        bottom: 40px;
    }
    .phone-code dl dd {
        font-size: 16px;
    }
    .phone-code dl dt {
        width: 100px;
        height: 100px;
    }
    .phone-code dl+dl {
        margin-left: 40px;
    }
    .login-tab-label span {
        display: inline-block;
        height: 57px;
        line-height: 57px;
        text-align: center;
        width: 50%;
        font-size: 18px;
        cursor: pointer;
    }
    .login-form-c {
        padding-top: 27px;
        padding-bottom: 47px;
        padding-left: 98px;
        padding-right: 98px;
    }
    .login-form-c .el-input__inner {
        height: 47px;
        line-height: 47px;
    }
    .login-form-c .el-input__icon {
        line-height: 47px;
        font-size: 22px;
    }
    .login-form-c .el-input--prefix .el-input__inner {
        padding-left: 36px;
        font-size: 18px;
    }
    .login-form-btn .el-button {
        width: 100%;
        font-size: 20px;
        padding: 17px 20px;
        height: 52px;
    }
    .login-form-check {
        text-align: left;
        margin-bottom: 35px;
    }
    .login-form-check .el-checkbox__label,
    .login-form-check .el-link--inner {
        font-size: 16px
    }
}

.chk {
    display: inline-block !important;
}