@media screen and (min-width:768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.clear:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.clear {
    zoom: 1
}

::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background-color: #aaa
}

::-webkit-scrollbar-track {
    background-color: #fff
}

::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #ddd;
    box-shadow: inset 0 0 5px #aaa
}

body {
    scrollbar-base-color: #ccc;
    scrollbar-3dlight-color: #aaa;
    scrollbar-highlight-color: silver;
    scrollbar-track-color: #ebebeb;
    scrollbar-arrow-color: #aaa;
    scrollbar-shadow-color: silver;
    scrollbar-dark-shadow-color: silver
}

.icon {
    background: url(../../static/img/icon.529070c.png);
    display: inline-block;
    vertical-align: middle
}

.icon-add {
    width: 14px;
    height: 14px;
    background-position: -120px -529px
}

.icon-reduce {
    width: 14px;
    height: 14px;
    background-position: -120px -573px
}

.icon-title {
    width: 13px;
    height: 14px;
    background-position: -70px -167px
}

.icon-edit {
    width: 18px;
    height: 18px;
    background-position: -118px -249px
}

.icon-edit:hover {
    background-position: -118px -297px
}

.icon-end {
    width: 16px;
    height: 17px;
    background-position: -21px -470px;
    margin-top: -2px
}

.icon-mes {
    width: 14px;
    height: 18px;
    background-position: -22px -431px
}

.icon-server {
    width: 24px;
    height: 32px;
    background-position: -274px -475px
}

.icon-header {
    background: url(../../static/img/icon-header.78d6b8f.png);
    display: inline-block;
    vertical-align: middle
}

.icon-user {
    width: 14px;
    height: 16px;
    background-position: -119px -417px
}

.icon-cloud {
    width: 22px;
    height: 17px;
    background-position: -335px -417px
}

.main-box {
    padding: 15px
}

.right-bg {
    background: #fff;
    padding: 0 20px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    margin: 15px 15px 5px
}

.left-box {
    position: absolute;
    width: 270px;
    left: 0;
    top: 60px;
    bottom: 0;
    padding: 20px
}

.right-box {
    padding: 20px 20px 20px 310px
}

.content-box {
    padding: 0 0 0 224px
}

.main-content {
    padding-left: 234px;
    padding-right: 10px;
    overflow-y: auto
}

.header-h4 {
    font-size: 16px;
    padding: 16px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    position: relative
}

.header-h4:before {
    position: absolute;
    bottom: 0;
    left: -20px;
    right: -20px;
    height: 1px;
    background: #ddd;
    content: ""
}

.header-h4 .title-btn {
    float: right;
    margin-top: -5px
}

.reg-box-btn {
    position: fixed;
    box-shadow: 0 0 5px #aaa;
    border-radius: 8px;
    bottom: 15px;
    z-index: 10;
    left: 239px;
    right: 15px;
    background: #fff;
    padding: 10px 20px
}

.reg-box-btn button {
    float: right
}

.nav-tree {
    position: fixed;
    left: 224px;
    top: 60px;
    background: #f6f7fb;
    bottom: 0;
    width: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.nav-tree .el-tree-node__label {
    width: 100%;
    white-space: normal
}

.nav-tree .el-tree {
    background: #f6f7fb
}

.nav-tree-bg {
    background: #fff;
    padding: 0 20px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    margin: 15px 5px 5px;
    position: relative
}

.nav-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content:before {
    display: none
}

#UserinfoDropDownList {
    height: auto;
    background: #f3fbff none;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index: 1001;
    right: 4px;
    top: 50px
}

div#user:hover #UserinfoDropDownList {
    display: block
}

#UserinfoDropDownList li {
    float: none;
    text-align: left;
    width: 136px;
    padding-left: 10px;
    padding-right: 10px;
    height: 36px;
    line-height: 36px
}

#UserinfoDropDownList .content {
    margin-left: 6px
}

#UserinfoDropDownList li:hover {
    background: #a7dcff
}

.usericon {
    display: inline-block;
    height: 20px
}

.el-message {
    top: 65px !important
}

.data-dialog .el-dialog__body {
    height: 600px;
    position: relative
}

.v-modal {
    z-index: 1999 !important;
    opacity: 1;
    background: rgba(0, 0, 0, .5) !important
}

.el-dialog__body {
    padding-top: 8px;
    padding-bottom: 12px
}

.el-dialog__body h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #333
}

.el-dialog__footer {
    text-align: center
}

.el-button--default:hover {
    opacity: .6
}

.el-dialog__body .el-tree-node__content {
    position: relative
}

.tree-box {
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0;
    width: 224px;
    background: #fff
}

.layout-menu .el-menu-item.is-active,
.layout.out .layout-menu .el-submenu.is-active .el-submenu__title {
    background-color: #2f7af0 !important
}

.layout .layout-menu,
.layout.out .content-box {
    animation: .1s ease-in forwards
}

.layout.out .layout-menu {
    animation-name: fadeout
}

@keyframes fadeout {
    0% {
        width: 224px
    }

    to {
        width: 64px
    }
}

.layout.in .layout-menu {
    animation-name: fadein
}

@keyframes fadein {
    0% {
        width: 64px
    }

    to {
        width: 224px
    }
}

.layout.out .content-box {
    animation-name: contentfadeout
}

@keyframes contentfadeout {
    0% {
        padding-left: 224px
    }

    to {
        padding-left: 64px
    }
}

.layout-menu {
    position: fixed;
    top: 70px;
    left: 0;
    bottom: 0;
    width: 224px;
    background: #2d466e
}

.main-left-menu {
    border-right: none
}

.layout .main-left-menu {
    width: 224px
}

.layout.out .main-left-menu {
    width: 64px
}

.tree-box .el-tree {
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.tree-box-title {
    color: #666;
    background: #fff;
    font-size: 16px;
    line-height: 45px;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    z-index: 11;
    position: relative;
    overflow: hidden;
    height: 45px
}

.tree-box-title .icon-title {
    margin-right: 10px;
    margin-top: -1px
}

.tree-box .el-submenu .el-menu-item {
    min-width: auto;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    padding-left: 30px !important;
    padding-right: 5px !important
}

.tree-box .el-submenu .el-menu-item.is-active {
    background: #f6f7fb !important;
    color: #409eff !important
}

.el-submenu__title:hover,
.tree-box .el-submenu .el-menu-item:hover {
    color: #409eff;
    background: none
}

.tree-box .el-submenu__title:hover i {
    color: #409eff
}

.tree-box .el-menu-item {
    padding: 0 12px 0 20px !important;
    color: #666;
    height: 45px;
    line-height: 45px
}

.tree-box .el-submenu.is-active .el-submenu__title,
.tree-box .el-submenu.is-active .el-submenu__title i {
    color: #409eff
}

.tree-box .el-submenu.is-active .el-submenu__title:before {
    content: "";
    height: 100%;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background: #409eff
}

.tree-box .el-submenu.is-opened {
    background: #fff;
    color: #409eff
}

.tree-box .el-submenu.is-opened .el-menu-item {
    background: #fff
}

.tree-box .tree-box-main .el-menu {
    border: none;
    background: #fff
}

.tree-box .tree-box-main .el-submenu .el-menu {
    padding: 5px 0;
    background: #fff
}

.tree-box .el-submenu [class^=el-icon-] {
    margin-right: 0;
    width: 20px
}

.el-tree-node .el-tree-node__content {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 46px
}

.el-tree--highlight-current .el-tree-node .el-tree-node__content:hover {
    color: #409eff;
    background: none
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    position: relative;
    background: #e8ecf0
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: #409eff;
    content: ""
}

.el-tree-node__expand-icon {
    font-size: 20px
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .el-tree-node__expand-icon,
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content span {
    color: #409eff
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default
}

.el-table th div {
    line-height: normal
}

.el-table {
    font-size: 12px;
    color: #333
}

.el-table__header-wrapper tr {
    background: #f6f7fb
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #ddd
}

.el-table--border td,
.el-table--border th {
    border-right: 1px solid #ddd
}

.el-table--border,
.el-table--group {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.el-table__body-wrapper .el-table__expanded-cell {
    border-bottom: 1px solid #ddd !important
}

.el-table--border:after,
.el-table--group:after,
.el-table:before {
    background-color: #ddd
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #e4f9ff
}

.el-table thead {
    color: #1a2f44;
    font-size: 14px
}

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

.smt-table .img {
    float: left;
    margin-right: -140px;
    width: 140px;
    height: 90px;
    margin-top: 25px
}

.smt-table .img img {
    width: 100%;
    height: 100%
}

.smt-table .el-form-item__label {
    width: 150px;
    line-height: 30px;
    color: gray;
    font-size: 12px
}

.smt-table .el-form-item__content {
    line-height: 30px
}

.smt-table .el-form-item__content a {
    color: #65c0ef;
    text-decoration: underline
}

.smt-table .el-table__expanded-cell[class*=cell] {
    padding: 10px 48px
}

.smt-table .el-input--mini .el-input__inner {
    height: 20px;
    width: 100px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    display: none
}

.audit-table .el-table__expanded-cell[class*=cell] {
    padding: 0
}

.audit-table .el-form-item__content,
.audit-table .el-form-item__label {
    line-height: 30px
}

.no-scroll-table .el-table {
    max-height: none !important;
    overflow-y: visible
}

.no-scroll-table .el-table__body-wrapper .el-table__body-wrapper {
    max-height: none !important
}

.el-input__inner,
.el-pagination,
.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination__jump,
.el-pagination__total,
.el-select .el-input .el-select__caret {
    color: #333
}

.el-pager li {
    width: 28px;
    height: 28px;
    padding: 0;
    min-width: 28px
}

.el-pager li.active {
    color: #fff;
    background: #409eff;
    border-radius: 50%
}

.el-select-dropdown__item.selected {
    color: #409eff
}

.el-pagination button.disabled {
    background-color: transparent
}

.btn-box {
    padding: 20px 0 0;
    overflow: hidden;
    text-align: right
}

.btn-box form {
    text-align: left;
    float: left
}

.btn-box .el-form-item {
    display: inline-block
}

.btn-box .el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 10px
}

.btn-box .search-form .time .el-form-item__label {
    width: 80px !important
}

.btn-box .search-form .time .el-form-item__content {
    margin-left: 80px !important;
    width: 370px
}

.btn-box .search-form .time .el-form-item__content .el-form-item__content {
    margin-left: 0 !important;
    width: 160px
}

.btn-box .search-form .time .el-form-item__content .el-form-item__content .el-input--suffix .el-input__inner {
    padding-right: 10px
}

.btn-box .search-form .time .line {
    margin: 0 10px
}

.btn-box .search-form .btn .el-form-item__content {
    margin-left: 10px !important
}

.registration .el-input__inner {
    border-color: #c5ced8;
    width: 370px;
    border-radius: 0;
    font-size: 14px;
    color: #333
}

.registration .el-textarea__inner {
    border-color: #c5ced8
}

.registration .el-form-item__label {
    color: #333;
    line-height: normal;
    padding: 6px 12px 6px 0
}

.el-form-item.is-required .el-form-item__label:before {
    color: #ff5b37
}

.el-scrollbar__wrap {
    overflow: auto
}

.el-table__body-wrapper {
    overflow-x: hidden
}

.tableOx .el-table__body-wrapper {
    overflow-x: auto
}

.footer-page {
    float: right;
    background: #fff;
    padding-right: 20px
}

.topiclist {
    border: 1px solid #e6ebf5;
    border-radius: 8px;
    position: absolute;
    top: 62px;
    bottom: 20px;
    right: 20px;
    left: 20px;
    overflow: hidden
}

.el-table__body-wrapper .el-table__header-wrapper {
    display: none
}

.el-table__expanded-cell[class*=cell] {
    padding: 0 0 0 20px
}

.el-table__body-wrapper .el-table__expanded-cell {
    border-bottom: none
}

.mini-table .el-table__header-wrapper {
    display: block
}

.el-table td:first-child .cell,
.el-table th:first-child .cell {
    padding-left: 10px
}

.el-tree-node {
    position: relative
}

.tree-content .el-icon-delete {
    right: 10px
}

.tree-content .el-icon-delete,
.tree-content .el-icon-edit {
    position: absolute;
    top: 17px;
    background: #f6f7fb;
    width: 20px;
    text-align: center
}

.tree-content .el-icon-edit {
    right: 30px
}

.tree-content {
    padding-right: 60px
}

.tree-content i {
    display: none
}

.el-tree-node__content:hover i {
    display: inline-block
}

.sevice-management .left-menu .el-tree-node__content {
    border-bottom: 1px solid #ddd
}

.star input {
    color: #65c0ef
}

.end input {
    color: #ff6a47
}

.fl {
    float: left
}

.fr {
    float: right
}

.service-dialog .el-submenu__title {
    height: 40px;
    line-height: 40px
}

.el-menu-item-group__title {
    padding: 0
}

.four-input input {
    width: 100% !important
}

.role-table .el-input__inner {
    width: 100%
}

.config-dialog .el-form {
    margin: 0 auto;
    width: 600px
}

.config2-dialog .el-form {
    margin: 0 auto;
    width: 300px
}

.config2-dialog .el-input__inner {
    width: 180px
}

.min-table .el-input__inner {
    width: 100% !important
}

.el-icon-search {
    cursor: pointer
}

.btn-box-search .el-input__inner {
    padding-right: 50px
}

.table-btn {
    background: none;
    border: 0;
    color: #409eff;
    outline: none
}

.table-btn.no-click {
    color: #ccc !important;
    text-decoration: none !important;
    cursor: auto !important
}

.table-btn:hover {
    color: #f56c6c;
    text-decoration: underline
}

.dialog-title {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 16px
}

.cr_67c23a {
    color: #67c23a
}

.cr_878d99 {
    color: #878d99
}

.cr_fa5555 {
    color: #fa5555
}

.cr_2f7af0 {
    color: #2f7af0
}

.cr_f01076 {
    color: #f01076
}

.card-list .el-progress-bar__outer {
    border-radius: 0
}

.card-list .el-card__body {
    padding: 20px 10px 0
}

.card-list .el-progress-bar__inner {
    background-color: #67c23a;
    border-radius: 0
}

.card-list .danger .el-progress-bar__inner {
    background-color: #fa5555
}

.menu-box .el-submenu__title {
    border-bottom: 1px solid #e6e6e6
}

.el-upload img {
    width: 178px;
    height: 178px
}

.progress .el-progress__text {
    font-size: 12px !important
}

.database-chart {
    padding: 50px;
    width: 1000px;
    height: 500px;
    margin: 50px auto 0
}

.database-table {
    margin-top: 50px
}

.el-dialog__wrapper {
    background: rgba(0, 0, 0, .2)
}

.login .el-badge__content.is-fixed {
    top: 20px;
    border-color: #192c3d;
    color: #192c3d;
    right: 6px
}

.home-content ul li .el-progress-bar__inner {
    background-color: #85fb98
}

.header-nav .el-menu--horizontal .el-submenu .el-submenu__icon-arrow {
    display: none
}

.header-nav .el-menu--horizontal>.el-menu-item.is-active,
.header-nav .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: none;
    background-color: #5995f3 !important
}

.header-nav .el-menu-item:hover,
.header-nav .el-submenu:hover .el-submenu__title {
    background-color: #5995f3 !important
}

.header-nav .el-menu-item.is-active {
    background-color: #017abf !important
}

.header-nav .el-menu--horizontal .el-submenu .el-menu-item {
    background-color: #fff !important;
    color: #333 !important;
    line-height: 46px;
    height: 46px
}

.header-nav .el-menu--horizontal .el-submenu .el-menu-item:hover {
    color: #5995f3 !important
}

.header-nav .el-menu--horizontal .el-submenu .el-menu-item.is-active {
    color: #2f7af0 !important
}

.header-nav .el-menu--horizontal .el-submenu .el-menu {
    background-color: #fff !important
}

.header-nav .el-menu--horizontal .el-submenu .el-submenu__title,
.service .arrow {
    border-bottom: none !important
}

.service .arrow {
    background: #fff !important
}

.service .arrow .cell {
    padding: 0;
    line-height: 23px;
    height: 23px
}

.service .current-row .arrow .cell .icon-left {
    display: inline-block
}

.service .arrow .cell .icon-left {
    height: 23px;
    width: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAATZJREFUSMfdla2uwjAUx3u6OtjHK8yhJpBLCMGRvQECEp6DCRATewoSQsgeALPgMXMEgaudgZCzStZzxQ25auF7JPen2/7+Pac5Zey/kqd5mqeNRu1iHOMYx6MR9rGP/ST5uPB0PB1PR9sukiIpktUKERGRqGgX7aK9Xt/az58VK095yuv1RCxiEe/3FFBAwWDw6Dni3oWkSZMWAgEBIQx1pjOdhSFrsRZrGcazF7kZ4Dw5T84T11VcccWXS0BAQN//FT+r/aOyBdfHZEhDGnK3IyQk9P3XlXcGqIvKANbcmlvzxaJ0S7d0PQ8ssMDabmuvgBM5kRNJ2dRN3dTdLplkkjmbsQM7sENZfjzAFeDAgV8uNthgw3TKNmzDNp0ODGEIQynfXZm7eXUQvZ3aR3EVX/uMHuUHWqSnU9IJIDwAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDEtMDRUMTc6MDU6MTcrMDg6MDAKBY+FAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAxLTA0VDE3OjA1OjE3KzA4OjAwe1g3OQAAAGx0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fMGpyMnNlNHp3MGpyd3dtaS8lRTQlQjglODklRTglQTclOTIlRTUlQkQlQTIlRTUlQjclQTYuc3ZnrkU7fwAAAABJRU5ErkJggg==) no-repeat;
    background-position: 100%;
    background-size: 23px 23px;
    margin-right: -7px
}

.user-table td,
.user-table th {
    background: #f2f2f2 !important
}

.el-step__title.is-process {
    color: #409eff
}

.el-step__head.is-process {
    color: #409eff;
    border-color: #409eff
}

.main-steps .el-step {
    display: inline-block;
    flex-basis: auto !important
}

.main-steps .el-step__head {
    width: 16px !important;
    display: inline-block
}

.main-steps .el-step__main {
    display: inline-block !important
}

.main-steps .el-step__title {
    max-width: none !important;
    display: inline-block
}

.main-steps .el-step__arrow {
    display: inline-block !important;
    width: 65px;
    text-align: center;
    padding-top: 10px
}

.el-step.is-simple .el-step__arrow:before,
.main-steps .el-step.is-simple .el-step__arrow:after {
    display: none
}

.main-steps .el-step.is-simple .el-step__arrow:after {
    content: "";
    height: 1px;
    width: 10px;
    background: #f2f2f2;
    position: absolute;
    right: 0;
    top: 0
}

.main-steps .el-step__arrow {
    background: url(data:image/png;base64,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) no-repeat;
    width: 80px;
    height: 20px;
    background-size: 20px 20px;
    padding-top: 0;
    vertical-align: middle;
    margin-top: -4px;
    background-position: 50%
}

.main-steps.type .el-step__arrow {
    width: 80px
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none !important
}

.home-state .state-box .state-ul .state-list .text .content1 .el-progress__text {
    font-size: 12px !important
}

.tab-nav .el-tabs__nav-scroll {
    text-align: center
}

.tab-nav .el-tabs__nav {
    display: inline-block;
    float: none
}

.hide-id {
    display: none
}

.tree-space .el-tree-node__content {
    height: auto
}

.tree-space .el-tree-node__label {
    width: 100%;
    white-space: normal
}

.tableW100 .el-table__body,
.tableW100 .el-table__header {
    width: 100% !important
}

.el-icon-location:before {
    display: none
}

.el-icon-location {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIwMjQwNzgxOTE1IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQxOTQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgzNy4yNTI3NDAyNjY2NjY3IDgzNy4yNTI3NDAyNjY2NjY3YzAgMjkuMTI3MTExNDY2NjY2NjY2LTI0LjI3MjU5MzA2NjY2NjY2NiA1My4zOTk3MDM0NjY2NjY2NjUtNTMuMzk5NzAzNDY2NjY2NjY1IDUzLjM5OTcwNDUzMzMzMzMzNUgxMTMuOTI5NDgxNjAwMDAwMDNMMjA4LjU5MjU5MzA2NjY2NjcyIDQ0OC44OTEyNTk3MzMzMzMzYzAtMjkuMTI3MTExNDY2NjY2NjY2IDI0LjI3MjU5MzA2NjY2NjY2Ni01My4zOTk3MDM0NjY2NjY2NjUgNTMuMzk5NzAzNDY2NjY2NjY1LTUzLjM5OTcwNDUzMzMzMzMzNWg2MTQuMDk2NTkyYzI5LjEyNzExMTQ2NjY2NjY2NiAwIDUzLjM5OTcwMzQ2NjY2NjY2NSAyNC4yNzI1OTMwNjY2NjY2NjYgNTMuMzk5NzA0NTMzMzMzMzM1IDUzLjM5OTcwNDUzMzMzMzMzNWwtOTIuMjM1ODUyOCAzODguMzYxNDgwNTMzMzMzMzV6TTIyMC43Mjg4ODg1MzMzMzMzNiAzNTYuNjU1NDA2OTMzMzMzM2g2MDEuOTYwMjk2NTMzMzMzMnYtNTMuMzk5NzAzNDY2NjY2NjY1YzAtMjkuMTI3MTExNDY2NjY2NjY2LTI0LjI3MjU5MzA2NjY2NjY2Ni01My4zOTk3MDM0NjY2NjY2NjUtNTMuMzk5NzAzNDY2NjY2NjY1LTUzLjM5OTcwMzQ2NjY2NjY2NUg0NDguODkxMjU5NzMzMzMzM3YtNDguNTQ1MTg1MDY2NjY2NjdjMC0yOS4xMjcxMTE0NjY2NjY2NjYtMjQuMjcyNTkzMDY2NjY2NjY2LTUzLjM5OTcwMzQ2NjY2NjY2NS01My4zOTk3MDQ1MzMzMzMzMzUtNTMuMzk5NzAzNDY2NjY2NjY1aC0yNjYuOTk4NTE4NGMtMjkuMTI3MTExNDY2NjY2NjY2IDAtNTMuMzk5NzAzNDY2NjY2NjY1IDI0LjI3MjU5MzA2NjY2NjY2Ni01My4zOTk3MDM0NjY2NjY2NjUgNTMuMzk5NzAzNDY2NjY2NjY1djYzNS45NDE5MjUzMzMzMzMzbDk0LjY2MzExMTQ2NjY2NjY2LTQyNy4xOTc2Mjg3OTk5OTk5NmMtMi40MjcyNTk3MzMzMzMzMzMtMzEuNTU0MzcwMTMzMzMzMzM2IDIxLjg0NTMzMzMzMzMzMzMzMy01My4zOTk3MDM0NjY2NjY2NjUgNTAuOTcyNDQzNzMzMzMzMzMtNTMuMzk5NzA0NTMzMzMzMzM1eiBtMCAwIiBmaWxsPSIjODc4ZDk5IiBwLWlkPSI0MTk1Ij48L3BhdGg+PC9zdmc+) no-repeat 50%;
    display: inline-block;
    width: 16px;
    height: 20px;
    background-size: 16px 16px
}

.monitor-box .monitor-main ul li .progress-box {
    padding: 0 10px;
    margin-top: 12px
}

.monitor-box .monitor-main ul li .el-progress {
    display: inline-block;
    width: 140px
}

.monitor-box .monitor-main ul li .el-progress .el-progress__text {
    font-size: 12px !important;
    color: #989898
}

.monitor-box .monitor-main ul li .el-progress-bar__inner,
.monitor-box .monitor-main ul li .el-progress-bar__outer {
    border-radius: 0
}

.system-editor .CodeMirror {
    font-family: monospace;
    height: 100%;
    color: #000;
    direction: ltr
}

.dialog-form-one-col {
    width: 400px;
    margin: 0 auto
}

.empty-table .el-table__empty-block {
    background: #f2f2f2
}

.form-margin-0.el-form--inline .el-form-item {
    margin-right: 0
}

@media screen and (max-width:1460px) {
    .home-header li .txt h4 {
        font-size: 22px !important
    }
}

@media screen and (max-width:1366px) {
    .home-header li .txt h4 {
        font-size: 20px !important
    }
}

.show-table-header .el-table__body-wrapper .el-table__header-wrapper {
    display: block
}

.table-tab {
    padding: 20px 0
}

.treeDialog .el-dialog__body {
    max-height: 396px;
    overflow: auto
}

.table-no-arrow .el-table__expand-icon {
    display: none
}

.upload-right-input {
    width: 278px
}

.upload-right-input .el-input__inner {
    width: 100%
}

.header-nav .el-submenu__title,
.header-nav li {
    font-size: 16px
}

.header-nav li .el-menu .el-menu-item {
    font-size: 14px
}

.header-nav .is-active .el-submenu__title,
.header-nav li.is-active {
    font-size: 18px
}

.login {
    position: absolute;
    right: 20px;
    top: 0;
    height: 60px;
    line-height: 60px;
    text-align: right
}

.header-main .icon-end {
    background-position: -11px -565px
}

.login .user {
    color: #fff
}

.header-main .login .user {
    color: #333
}

.login .login-btn {
    color: #fff;
    cursor: pointer
}

.login .login-btn:hover {
    color: #ff9000
}

.login .register-btn {
    height: 28px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 0 20px;
    border-radius: 3px;
    line-height: 28px;
    color: #fff;
    margin-left: 20px;
    cursor: pointer
}

.login .register-btn:hover {
    background: #fff;
    color: #176dd7
}

.login ul li .icon-user {
    background: url(../../static/img/icon.acf96c0.png);
    margin-right: 5px;
    width: 14px;
    height: 16px;
    background-position: -119px -417px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.login ul li .icon-user1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAZCAYAAABD2GxlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTI1NzIxNjg2MEM3MTFFODlEMERCMTg5RDBGMTlGQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTI1NzIxNjk2MEM3MTFFODlEMERCMTg5RDBGMTlGQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjU3MjE2NjYwQzcxMUU4OUQwREIxODlEMEYxOUZBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MjU3MjE2NzYwQzcxMUU4OUQwREIxODlEMEYxOUZBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmowWkEAAAJaSURBVHja7NY7aBRBHMfxycVcggn4CD6IlyDEVIoWgsEjCIKBwyYgKKiFAREVU9gE01ikttMiVlpZ2WihXuMLxKCpThHxQRCDRTxjwEggKq7f0Z+wXnZ2Z9eAFjfwgWNe/Gfnv/89EwSBiZDHKYzjs4yrL+9YE6UB+3ALVXzBJMbQ7bNHVOcKPMQcLmC/nFefDbTdY3N7kKv4gBFswXoUFaDd63CWAMt4g56IsR6NlT0CPIdXKDjGS5jHrjQB9gW/Wn/Mon7N6YuZ06HrLCYcYhSP0wR4BjPKnbi8mtFc15yjeObxlDt1WNdTNjnzZ2vFPALjboHmtMbM6cRrk9ymsICCa0JtgBVswKaYTbs1pxIz5yPWeQS4Es345H4ci988WwZuoinikTdpbDKh3GzDN2xMuOJjmEYuzVu8A7NKXvumtUlJfXas1yO/7EHuoNkx3qXgRtKWGXua4/geLG6270TciUPW4DkmdKCG0C0dwHuVq8a4fX4uCrVejGEryriLtxrrwm6U8AQn8Sghx/bgBvKYQxUdaMFL7FS+Gp8cHMQCrjuKdLhYX9PcI445LbioWngFA/q0rVV+nlYZsp+/vT5XbPPrK4ZTfGeHtaZU078ct/EUm2PW5/SSFHX9B10B2hfgnaq6SWlUa9tCfZfxQjmYZq/AFeAQKknJ6tCotUOhCmCvdXuGvZwB3lP+mYwGVU7s70v6B+O79mwQ3VaHA6wqebMGWNAe9vcUDmXcJ/IJLtN3ddr8Xftdih7gvlnCVlsH/2Vbhdn/OUCvfzP1AOsB1gOsaT8EGADc2xIIfufr2wAAAABJRU5ErkJggg==)
}

.login ul li .icon-login,
.login ul li .icon-user1 {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.login ul li .icon-login {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAZCAYAAABD2GxlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTI1NzIxNjg2MEM3MTFFODlEMERCMTg5RDBGMTlGQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTI1NzIxNjk2MEM3MTFFODlEMERCMTg5RDBGMTlGQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjU3MjE2NjYwQzcxMUU4OUQwREIxODlEMEYxOUZBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MjU3MjE2NzYwQzcxMUU4OUQwREIxODlEMEYxOUZBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmowWkEAAAJaSURBVHja7NY7aBRBHMfxycVcggn4CD6IlyDEVIoWgsEjCIKBwyYgKKiFAREVU9gE01ikttMiVlpZ2WihXuMLxKCpThHxQRCDRTxjwEggKq7f0Z+wXnZ2Z9eAFjfwgWNe/Gfnv/89EwSBiZDHKYzjs4yrL+9YE6UB+3ALVXzBJMbQ7bNHVOcKPMQcLmC/nFefDbTdY3N7kKv4gBFswXoUFaDd63CWAMt4g56IsR6NlT0CPIdXKDjGS5jHrjQB9gW/Wn/Mon7N6YuZ06HrLCYcYhSP0wR4BjPKnbi8mtFc15yjeObxlDt1WNdTNjnzZ2vFPALjboHmtMbM6cRrk9ymsICCa0JtgBVswKaYTbs1pxIz5yPWeQS4Es345H4ci988WwZuoinikTdpbDKh3GzDN2xMuOJjmEYuzVu8A7NKXvumtUlJfXas1yO/7EHuoNkx3qXgRtKWGXua4/geLG6270TciUPW4DkmdKCG0C0dwHuVq8a4fX4uCrVejGEryriLtxrrwm6U8AQn8Sghx/bgBvKYQxUdaMFL7FS+Gp8cHMQCrjuKdLhYX9PcI445LbioWngFA/q0rVV+nlYZsp+/vT5XbPPrK4ZTfGeHtaZU078ct/EUm2PW5/SSFHX9B10B2hfgnaq6SWlUa9tCfZfxQjmYZq/AFeAQKknJ6tCotUOhCmCvdXuGvZwB3lP+mYwGVU7s70v6B+O79mwQ3VaHA6wqebMGWNAe9vcUDmXcJ/IJLtN3ddr8Xftdih7gvlnCVlsH/2Vbhdn/OUCvfzP1AOsB1gOsaT8EGADc2xIIfufr2wAAAABJRU5ErkJggg==);
    background-position: -19px 0
}

.login ul li.line-none:before {
    display: none
}

.el-menu {
    background: #fff
}

.el-menu--horizontal {
    float: left;
    border-bottom: none !important
}

.layout-assistant {
    margin-left: 100px;
    height: inherit
}

.layout-logo {
    width: 200px;
    height: 62px;
    border-radius: 3px;
    float: left;
    position: absolute;
    top: -2px;
    left: -6px
}

.nav-box {
    margin: 0 auto;
    background-color: rgba(51, 51, 51, .95);
    padding-bottom: 50px
}

.nav-box .content-box {
    overflow: hidden;
    padding: 0 30px;
    position: relative
}

.nav-box .nav-list {
    float: left;
    padding-top: 20px
}

.nav-box .nav-list .nav-list-ul {
    border-left: 1px solid #ccc;
    overflow: hidden;
    padding-left: 30px;
    margin-top: 20px
}

.nav-box .nav-list:first-child .nav-list-ul {
    border-left: none
}

.nav-box .nav-list:last-child {
    width: auto
}

.nav-box .nav-list ul {
    float: left
}

.nav-box .nav-list li {
    float: none;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    width: auto;
    padding: 8px 30px 8px 0
}

.nav-box .nav-list .nav-list-ul-title {
    font-size: 16px
}

.nav-box .nav-list .nav-list-ul-title a {
    color: #fff
}

.nav-box .nav-list li:hover {
    background: none;
    color: #2fbcf0
}

.nav-box .nav-list li a {
    width: auto;
    color: #aaa;
    line-height: 20px;
    display: inline-block
}

.nav-box .nav-list li:hover a {
    color: #2fbcf0
}

.nav-box .nav-list h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
    position: relative;
    padding-left: 30px
}

.nav-box .nav-list h3:before {
    content: "";
    width: 3px;
    height: 11px;
    border: 1px solid #fff;
    position: absolute;
    top: 5px;
    left: 15px;
    border-radius: 1px
}

.header-main .login .login-btn {
    color: #333
}

.header-main .login .login-btn:hover {
    color: #176dd7
}

.header-main .login .register-btn {
    color: #333;
    border-color: #333
}

.header-main .login .register-btn:hover {
    color: #fff;
    background: #176dd7;
    border-color: #176dd7
}

.header-main .icon-search {
    background-position: -69px -411px
}

.header-main .icon-search:hover {
    background-position: -69px -75px
}

.header-main .logo {
    background-position: -302px -11px
}

.header-main .nav-box .nav-list li {
    color: #fff
}

.nav-list .router-link-exact-active.router-link-active {
    color: #2fbcf0
}

.nav-list h3 .router-link-exact-active.router-link-active,
.nav-list h3 a:hover {
    color: #2fbcf0;
    background: none
}

.nav-list a[href="#/"].router-link-exact-active.router-link-active {
    color: #fff;
    background: none
}

.el-menu {
    background: none
}

.login-ul {
    overflow: hidden
}

.login-ul li {
    float: right;
    margin-left: 30px;
    cursor: pointer;
    color: #fff;
    height: 60px;
    line-height: 60px
}