.login-copyright {
    color: #ccc;
    text-align: center;
    position: relative;
    z-index: 1;
    bottom: 0;
    position: absolute;
    width: 100%;
    padding-bottom: 20px;
}
   
#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50
}
  
.home {
    background: url(/images/indexhome.jpg) no-repeat;
    background-size: 100%
}

.ground-floor {
    padding: 5.333vw 2.667vw;
    font-size: 3.733vw;
    color: #fff;
    content: "viewport-units-buggyfill; padding: 5.333vw 2.667vw; font-size: 3.733vw"
}

    .ground-floor .pitchTitle {
        font-size: 4.267vw;
        font-weight: 700;
        -webkit-transition: .1s;
        transition: .1s;
        content: "viewport-units-buggyfill; font-size: 4.267vw"
    }

.second-floor {
    width: 100vw;
    height: 25vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    content: "viewport-units-buggyfill; width: 100vw; height: 25vh"
}

.line {
    width: 100%;
    height: .533vw;
    background-color: #fff;
    position: relative;
    bottom: 0;
    content: "viewport-units-buggyfill; height: 0.533vw"
}

.hint {
    line-height: 8vw;
    font-weight: 100;
    font-size: 3.733vw;
    content: "viewport-units-buggyfill; line-height: 8vw; font-size: 3.733vw"
}

.recordInfo {
    height: 25vh;
    width: 40vw;
    content: "viewport-units-buggyfill; height: 25vh; width: 40vw"
}

.bicycleImg {
    height: 25vh;
    width: 45vw;
    content: "viewport-units-buggyfill; height: 25vh; width: 45vw"
}

    .bicycleImg img {
        width: 100%
    }

.noRecord {
    padding-top: 30%
}

.adv {
    padding: 0 2.667vw;
    content: "viewport-units-buggyfill; padding: 0px 2.667vw"
}

.btnText {
    font-size: 4.267vw;
    height: 8vw;
    content: "viewport-units-buggyfill; font-size: 4.267vw; height: 8vw"
}

.register {
    text-align: left
}

.welcome {
    font-size: 5.333vw;
    line-height: 10.667vw;
    font-weight: 700;
    content: "viewport-units-buggyfill; font-size: 5.333vw; line-height: 10.667vw"
}

.mint-tab-container {
    width: 100%
}

.popover-action {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 11.733vw;
    padding: 0 4.267vw;
    font-size: 3.733vw;
    line-height: 5.333vw;
    cursor: pointer;
    content: "viewport-units-buggyfill; height: 11.733vw; padding: 0 4.267vw; font-size: 3.733vw; line-height: 5.333vw"
}

.mint-tab-item {
    display: block;
    padding: 7px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-decoration: none
}

.mint-tab-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 auto 5px
}

    .mint-tab-item-icon:empty {
        display: none
    }

    .mint-tab-item-icon > * {
        display: block;
        width: 100%;
        height: 100%
    }

.mint-tab-item-label {
    color: inherit;
    font-size: 12px;
    line-height: 1
}

.mint-navbar {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

    .mint-navbar .mint-tab-item {
        padding: 17px 0;
        font-size: 15px
    }

        .mint-navbar .mint-tab-item:last-child {
            border-right: 0
        }

        .mint-navbar .mint-tab-item.is-selected {
            border-bottom: 3px solid #26a2ff;
            color: #26a2ff;
            margin-bottom: -3px
        }

    .mint-navbar.is-fixed {
        top: 0;
        right: 0;
        left: 0;
        position: fixed;
        z-index: 1
    }
     

.mint-header {
    font-size: 4.8vw;
    background: #1b91ff;
    content: "viewport-units-buggyfill; font-size: 4.8vw"
}

img {
    width: 100%;
    height: 100%
}

input, input:focus, textarea, textarea:focus {
    font-size: 3.733vw;
    -webkit-tap-highlight-color: transparent !important;
    content: "viewport-units-buggyfill; font-size: 3.733vw"
}

.el-row {
    margin-bottom: 5.333vw;
    content: "viewport-units-buggyfill; margin-bottom: 5.333vw"
}

    .el-row:last-child {
        margin-bottom: 0
    }

.menu {
    padding: 1.333vw;
    content: "viewport-units-buggyfill; padding: 1.333vw 1.333vw"
}

.menu span {
    font-size: 4vw;
    content: "viewport-units-buggyfill; font-size: 3.2vw";
    font-weight:bold;color:red;
}

.box-card {
    margin: 3vw;
    border-radius: 2.667vw;
    content: "viewport-units-buggyfill; margin: 3vw; border-radius: 2.667vw"
}

.title-info {
    float: left
}

.title-info .title-text {
    font-size: 4.267vw;
    font-weight: 700;
    content: "viewport-units-buggyfill; font-size: 4.267vw"
}

.bar, .title-info .title-text {
    display: inline-block;
    vertical-align: middle
}

.bar {
    width: 1.5vw;
    height: 7vw;
    background: #2c3e50;
    content: "viewport-units-buggyfill; width: 1.5vw; height: 7vw"
}

.block {
    border: .533vw solid #1cdf3d;
    margin: 3vw;
    content: "viewport-units-buggyfill; border: #1cdf3d 0.533vw solid; margin: 3vw"
}

.remark {
    font-size: 2.667vw;
    color: #cd172d;
    text-align: left;
    content: "viewport-units-buggyfill; font-size: 2.667vw"
}

img {
    width: 80%;
    height: 80%
}

.mint-header {
    font-size: 4.8vw;
    background: #1b91ff;
    content: "viewport-units-buggyfill; font-size: 4.8vw"
}

img {
    width: 100%;
    height: 100%
}

input, input:focus, textarea, textarea:focus {
    font-size: 3.733vw;
    -webkit-tap-highlight-color: transparent !important;
    content: "viewport-units-buggyfill; font-size: 3.733vw"
}
      

    .el-tabs--right .el-tabs__header.is-right {
        float: right;
        margin-bottom: 0;
        margin-left: 10px
    }

    .el-tabs--right .el-tabs__nav-wrap.is-right {
        margin-left: -1px
    }

        .el-tabs--right .el-tabs__nav-wrap.is-right:after {
            left: 0;
            right: auto
        }

    .el-tabs--right .el-tabs__active-bar.is-right {
        left: 0
    }

    .el-tabs--right.el-tabs--card .el-tabs__item.is-right {
        border-bottom: none;
        border-top: 1px solid #e4e7ed
    }

        .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
            border-left: 1px solid #e4e7ed;
            border-top: none
        }

        .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
            border: none;
            border-top: 1px solid #e4e7ed;
            border-left: 1px solid #fff
        }

            .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
                border-top: none
            }

            .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
                border-bottom: none
            }

    .el-tabs--right.el-tabs--card .el-tabs__nav {
        border-radius: 0 4px 4px 0;
        border-bottom: 1px solid #e4e7ed;
        border-left: none
    }

    .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
        border-left: 1px solid #dfe4ed
    }

    .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
        border: 1px solid transparent;
        margin: -1px -1px -1px 0
    }

        .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
            border-color: #d1dbe5 transparent
        }

.slideInLeft-transition, .slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    -webkit-animation: d .3s;
    animation: d .3s
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: e .3s;
    animation: e .3s
}

.slideInLeft-enter {
    -webkit-animation: f .3s;
    animation: f .3s
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: g .3s;
    animation: g .3s
}

.el-tree {
    position: relative;
    cursor: default;
    background: #fff;
    color: #606266
}

.el-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%
}

.el-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #909399;
    font-size: 14px
}

.el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #409eff
}

.el-tree-node {
    white-space: nowrap;
    outline: 0
}

    .el-tree-node:focus > .el-tree-node__content {
        background-color: #f5f7fa
    }

    .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
        background-color: #409eff;
        color: #fff
    }

.el-tree-node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    cursor: pointer
}

    .el-tree-node__content > .el-tree-node__expand-icon {
        padding: 6px
    }

    .el-tree-node__content > label.el-checkbox {
        margin-right: 8px
    }

    .el-tree-node__content:hover {
        background-color: #f5f7fa
    }

.el-tree.is-dragging .el-tree-node__content {
    cursor: move
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    cursor: pointer;
    color: #c0c4cc;
    font-size: 12px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

    .el-tree-node__expand-icon.expanded {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .el-tree-node__expand-icon.is-leaf {
        color: transparent;
        cursor: default
    }

.el-tree-node__label {
    font-size: 14px
}

.el-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 14px;
    color: #c0c4cc
}

.el-tree-node > .el-tree-node__children {
    overflow: hidden;
    background-color: transparent
}

.el-tree-node.is-expanded > .el-tree-node__children {
    display: block
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #f0f7ff
}

.el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

    .el-alert.is-light .el-alert__closebtn {
        color: #c0c4cc
    }

    .el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description {
        color: #fff
    }

    .el-alert.is-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.el-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67c23a
}

    .el-alert--success.is-light .el-alert__description {
        color: #67c23a
    }

.el-alert--success.is-dark {
    background-color: #67c23a;
    color: #fff
}

.el-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399
}

.el-alert--info.is-dark {
    background-color: #909399;
    color: #fff
}

.el-alert--info .el-alert__description {
    color: #909399
}

.el-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c
}

    .el-alert--warning.is-light .el-alert__description {
        color: #e6a23c
    }

.el-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff
}

.el-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c
}

    .el-alert--error.is-light .el-alert__description {
        color: #f56c6c
    }

.el-alert--error.is-dark {
    background-color: #f56c6c;
    color: #fff
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

    .el-alert__icon.is-big {
        font-size: 28px;
        width: 28px
    }

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

    .el-alert__title.is-bold {
        font-weight: 700
    }

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    font-size: 12px;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer
}

.el-alert-fade-enter, .el-alert-fade-leave-active, .el-loading-fade-enter, .el-loading-fade-leave-active, .el-notification-fade-leave-active {
    opacity: 0
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
}

.el-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    -webkit-transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
    transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
    overflow: hidden
}

    .el-notification.right {
        right: 16px
    }

    .el-notification.left {
        left: 16px
    }

.el-notification__group {
    margin-left: 13px;
    margin-right: 8px
}

.el-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0
}

.el-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: justify
}

    .el-notification__content p {
        margin: 0
    }

.el-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px
}

.el-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px
}

    .el-notification__closeBtn:hover {
        color: #606266
    }

.el-notification .el-icon-success {
    color: #67c23a
}

.el-notification .el-icon-error {
    color: #f56c6c
}

.el-notification .el-icon-info {
    color: #909399
}

.el-notification .el-icon-warning {
    color: #e6a23c
}

.el-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.el-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px
}

    .el-input-number .el-input {
        display: block
    }

    .el-input-number .el-input__inner {
        -webkit-appearance: none;
        padding-left: 50px;
        padding-right: 50px;
        text-align: center
    }

.el-input-number__decrease, .el-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px
}

    .el-input-number__decrease:hover, .el-input-number__increase:hover {
        color: #409eff
    }

        .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
            border-color: #409eff
        }

    .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled {
        color: #c0c4cc;
        cursor: not-allowed
    }

.el-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6
}

.el-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6
}

.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
}

    .el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover {
        color: #e4e7ed;
        cursor: not-allowed
    }

.el-input-number--medium {
    width: 200px;
    line-height: 34px
}

    .el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase {
        width: 36px;
        font-size: 14px
    }

    .el-input-number--medium .el-input__inner {
        padding-left: 43px;
        padding-right: 43px
    }

.el-input-number--small {
    width: 130px;
    line-height: 30px
}

    .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase {
        width: 32px;
        font-size: 13px
    }

        .el-input-number--small .el-input-number__decrease [class*=el-icon], .el-input-number--small .el-input-number__increase [class*=el-icon] {
            -webkit-transform: scale(.9);
            transform: scale(.9)
        }

    .el-input-number--small .el-input__inner {
        padding-left: 39px;
        padding-right: 39px
    }

.el-input-number--mini {
    width: 130px;
    line-height: 26px
}

    .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase {
        width: 28px;
        font-size: 12px
    }

        .el-input-number--mini .el-input-number__decrease [class*=el-icon], .el-input-number--mini .el-input-number__increase [class*=el-icon] {
            -webkit-transform: scale(.8);
            transform: scale(.8)
        }

    .el-input-number--mini .el-input__inner {
        padding-left: 35px;
        padding-right: 35px
    }

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

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
}

    .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

.el-input-number.is-controls-right .el-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6
}

.el-input-number.is-controls-right .el-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease], .el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease], .el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word
}

    .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .el-tooltip__popper .popper__arrow {
        border-width: 6px
    }

        .el-tooltip__popper .popper__arrow:after {
            content: " ";
            border-width: 5px
        }

.el-progress-bar__inner:after, .el-row:after, .el-row:before, .el-slider:after, .el-slider:before, .el-slider__button-wrapper:after, .el-upload-cover:after {
    content: ""
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

    .el-tooltip__popper[x-placement^=top] .popper__arrow {
        bottom: -6px;
        border-top-color: #303133;
        border-bottom-width: 0
    }

        .el-tooltip__popper[x-placement^=top] .popper__arrow:after {
            bottom: 1px;
            margin-left: -5px;
            border-top-color: #303133;
            border-bottom-width: 0
        }

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

    .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
        top: -6px;
        border-top-width: 0;
        border-bottom-color: #303133
    }

        .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
            top: 1px;
            margin-left: -5px;
            border-top-width: 0;
            border-bottom-color: #303133
        }

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

    .el-tooltip__popper[x-placement^=right] .popper__arrow {
        left: -6px;
        border-right-color: #303133;
        border-left-width: 0
    }

        .el-tooltip__popper[x-placement^=right] .popper__arrow:after {
            bottom: -5px;
            left: 1px;
            border-right-color: #303133;
            border-left-width: 0
        }

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

    .el-tooltip__popper[x-placement^=left] .popper__arrow {
        right: -6px;
        border-right-width: 0;
        border-left-color: #303133
    }

        .el-tooltip__popper[x-placement^=left] .popper__arrow:after {
            right: 1px;
            bottom: -5px;
            margin-left: -5px;
            border-right-width: 0;
            border-left-color: #303133
        }

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

    .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
        border-top-color: #303133
    }

        .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
            border-top-color: #fff
        }

    .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
        border-bottom-color: #303133
    }

        .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
            border-bottom-color: #fff
        }

    .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
        border-left-color: #303133
    }

        .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
            border-left-color: #fff
        }

    .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
        border-right-color: #303133
    }

        .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
            border-right-color: #fff
        }

.el-slider:after, .el-slider:before {
    display: table
}

.el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper:after {
    vertical-align: middle;
    display: inline-block
}

.el-slider:after {
    clear: both
}

.el-slider__runway {
    width: 100%;
    height: 6px;
    margin: 16px 0;
    background-color: #e4e7ed;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

    .el-slider__runway.show-input {
        margin-right: 160px;
        width: auto
    }

    .el-slider__runway.disabled {
        cursor: default
    }

        .el-slider__runway.disabled .el-slider__bar {
            background-color: #c0c4cc
        }

        .el-slider__runway.disabled .el-slider__button {
            border-color: #c0c4cc
        }

        .el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover {
            cursor: not-allowed
        }

        .el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover {
            -webkit-transform: scale(1);
            transform: scale(1);
            cursor: not-allowed
        }

.el-slider__button-wrapper, .el-slider__stop {
    -webkit-transform: translateX(-50%);
    position: absolute
}

.el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

    .el-slider__input.el-input-number--mini {
        margin-top: 5px
    }

    .el-slider__input.el-input-number--medium {
        margin-top: 0
    }

    .el-slider__input.el-input-number--large {
        margin-top: -2px
    }

.el-slider__bar {
    height: 6px;
    background-color: #409eff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute
}

.el-slider__button-wrapper {
    height: 36px;
    width: 36px;
    z-index: 1001;
    top: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal
}

    .el-slider__button-wrapper:after {
        height: 100%
    }

    .el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover {
        cursor: -webkit-grab;
        cursor: grab
    }

    .el-slider__button-wrapper.dragging {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

.el-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #409eff;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    user-select: none
}

.el-image-viewer__btn, .el-slider__button, .el-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    .el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .el-slider__button.hover, .el-slider__button:hover {
        cursor: -webkit-grab;
        cursor: grab
    }

    .el-slider__button.dragging {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

.el-slider__stop {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.el-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.el-slider__marks-text {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    color: #909399;
    margin-top: 15px
}

.el-slider.is-vertical {
    position: relative
}

    .el-slider.is-vertical .el-slider__runway {
        width: 6px;
        height: 100%;
        margin: 0 16px
    }

    .el-slider.is-vertical .el-slider__bar {
        width: 6px;
        height: auto;
        border-radius: 0 0 3px 3px
    }

    .el-slider.is-vertical .el-slider__button-wrapper {
        top: auto;
        left: -15px
    }

    .el-slider.is-vertical .el-slider__button-wrapper, .el-slider.is-vertical .el-slider__stop {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    .el-slider.is-vertical.el-slider--with-input {
        padding-bottom: 58px
    }

        .el-slider.is-vertical.el-slider--with-input .el-slider__input {
            overflow: visible;
            float: none;
            position: absolute;
            bottom: 22px;
            width: 36px;
            margin-top: 15px
        }

            .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
                text-align: center;
                padding-left: 5px;
                padding-right: 5px
            }

            .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
                top: 32px;
                margin-top: -1px;
                border: 1px solid #dcdfe6;
                line-height: 20px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
                transition: border-color .2s cubic-bezier(.645,.045,.355,1)
            }

            .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
                width: 18px;
                right: 18px;
                border-bottom-left-radius: 4px
            }

            .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
                width: 19px;
                border-bottom-right-radius: 4px
            }

                .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
                    border-bottom-left-radius: 0;
                    border-bottom-right-radius: 0
                }

            .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
                border-color: #c0c4cc
            }

            .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
                border-color: #409eff
            }

    .el-slider.is-vertical .el-slider__marks-text {
        margin-top: 0;
        left: 15px;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: hsla(0,0%,100%,.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

    .el-loading-mask.is-fullscreen {
        position: fixed
    }

        .el-loading-mask.is-fullscreen .el-loading-spinner {
            margin-top: -25px
        }

            .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
                height: 50px;
                width: 50px
            }

.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
}

.el-col-pull-0, .el-col-pull-1, .el-col-pull-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-row {
    position: relative
}

.el-loading-spinner .el-loading-text {
    color: #409eff;
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    -webkit-animation: i 2s linear infinite;
    animation: i 2s linear infinite
}

.el-loading-spinner .path {
    -webkit-animation: h 1.5s ease-in-out infinite;
    animation: h 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round
}

.el-loading-spinner i {
    color: #409eff
}

.el-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .el-row:after, .el-row:before {
        display: table
    }

    .el-row:after {
        clear: both
    }

.el-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .el-col-0, .el-row--flex:after, .el-row--flex:before {
        display: none
    }

    .el-row--flex.is-justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .el-row--flex.is-justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .el-row--flex.is-justify-space-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .el-row--flex.is-justify-space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .el-row--flex.is-align-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .el-row--flex.is-align-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

[class*=el-col-] {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-upload--picture-card, .el-upload-dragger {
    -webkit-box-sizing: border-box;
    cursor: pointer
}

.el-col-0 {
    width: 0
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    right: 0
}

.el-col-push-0 {
    left: 0
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    right: 4.16667%
}

.el-col-push-1 {
    left: 4.16667%
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    right: 8.33333%
}

.el-col-push-2 {
    left: 8.33333%
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    right: 12.5%
}

.el-col-push-3 {
    left: 12.5%
}

.el-col-4 {
    width: 16.66667%
}

.el-col-offset-4 {
    margin-left: 16.66667%
}

.el-col-pull-4 {
    right: 16.66667%
}

.el-col-push-4 {
    left: 16.66667%
}

.el-col-5 {
    width: 20.83333%
}

.el-col-offset-5 {
    margin-left: 20.83333%
}

.el-col-pull-5 {
    right: 20.83333%
}

.el-col-push-5 {
    left: 20.83333%
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    right: 25%
}

.el-col-push-6 {
    left: 25%
}

.el-col-7 {
    width: 29.16667%
}

.el-col-offset-7 {
    margin-left: 29.16667%
}

.el-col-pull-7 {
    right: 29.16667%
}

.el-col-push-7 {
    left: 29.16667%
}

.el-col-8 {
    width: 50%
}

.el-col-offset-8 {
    margin-left: 50%
}

.el-col-pull-8 {
    right:50%
}

.el-col-push-8 {
    left: 50%
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    right: 37.5%
}

.el-col-push-9 {
    left: 37.5%
}

.el-col-10 {
    width: 41.66667%
}

.el-col-offset-10 {
    margin-left: 41.66667%
}

.el-col-pull-10 {
    right: 41.66667%
}

.el-col-push-10 {
    left: 41.66667%
}

.el-col-11 {
    width: 45.83333%
}

.el-col-offset-11 {
    margin-left: 45.83333%
}

.el-col-pull-11 {
    right: 45.83333%
}

.el-col-push-11 {
    left: 45.83333%
}

.el-col-12 {
    width: 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    left: 50%
}

.el-col-13 {
    width: 54.16667%
}

.el-col-offset-13 {
    margin-left: 54.16667%
}

.el-col-pull-13 {
    right: 54.16667%
}

.el-col-push-13 {
    left: 54.16667%
}

.el-col-14 {
    width: 58.33333%
}

.el-col-offset-14 {
    margin-left: 58.33333%
}

.el-col-pull-14 {
    right: 58.33333%
}

.el-col-push-14 {
    left: 58.33333%
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    right: 62.5%
}

.el-col-push-15 {
    left: 62.5%
}

.el-col-16 {
    width: 66.66667%
}

.el-col-offset-16 {
    margin-left: 66.66667%
}

.el-col-pull-16 {
    right: 66.66667%
}

.el-col-push-16 {
    left: 66.66667%
}

.el-col-17 {
    width: 70.83333%
}

.el-col-offset-17 {
    margin-left: 70.83333%
}

.el-col-pull-17 {
    right: 70.83333%
}

.el-col-push-17 {
    left: 70.83333%
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    right: 75%
}

.el-col-push-18 {
    left: 75%
}

.el-col-19 {
    width: 79.16667%
}

.el-col-offset-19 {
    margin-left: 79.16667%
}

.el-col-pull-19 {
    right: 79.16667%
}

.el-col-push-19 {
    left: 79.16667%
}

.el-col-20 {
    width: 83.33333%
}

.el-col-offset-20 {
    margin-left: 83.33333%
}

.el-col-pull-20 {
    right: 83.33333%
}

.el-col-push-20 {
    left: 83.33333%
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    right: 87.5%
}

.el-col-push-21 {
    left: 87.5%
}

.el-col-22 {
    width: 91.66667%
}

.el-col-offset-22 {
    margin-left: 91.66667%
}

.el-col-pull-22 {
    right: 91.66667%
}

.el-col-push-22 {
    left: 91.66667%
}

.el-col-23 {
    width: 95.83333%
}

.el-col-offset-23 {
    margin-left: 95.83333%
}

.el-col-pull-23 {
    right: 95.83333%
}

.el-col-push-23 {
    left: 95.83333%
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    right: 100%
}

.el-col-push-24 {
    left: 100%
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        width: 0
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xs-4 {
        width: 16.66667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xs-5 {
        width: 20.83333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xs-7 {
        width: 29.16667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xs-8 {
        width: 33.33333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xs-10 {
        width: 41.66667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xs-11 {
        width: 45.83333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xs-13 {
        width: 54.16667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xs-14 {
        width: 58.33333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xs-16 {
        width: 66.66667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xs-17 {
        width: 70.83333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xs-19 {
        width: 79.16667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xs-20 {
        width: 83.33333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xs-22 {
        width: 91.66667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xs-23 {
        width: 95.83333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        width: 0
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-sm-4 {
        width: 16.66667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-sm-5 {
        width: 20.83333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-sm-7 {
        width: 29.16667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-sm-8 {
        width: 33.33333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-sm-10 {
        width: 41.66667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-sm-11 {
        width: 45.83333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-sm-13 {
        width: 54.16667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-sm-14 {
        width: 58.33333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-sm-16 {
        width: 66.66667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-sm-17 {
        width: 70.83333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-sm-19 {
        width: 79.16667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-sm-20 {
        width: 83.33333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-sm-22 {
        width: 91.66667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-sm-23 {
        width: 95.83333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        width: 0
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-md-4 {
        width: 16.66667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-md-5 {
        width: 20.83333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-md-7 {
        width: 29.16667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-md-8 {
        width: 33.33333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-md-10 {
        width: 41.66667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-md-11 {
        width: 45.83333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-md-13 {
        width: 54.16667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-md-14 {
        width: 58.33333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-md-16 {
        width: 66.66667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-md-17 {
        width: 70.83333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-md-19 {
        width: 79.16667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-md-20 {
        width: 83.33333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-md-22 {
        width: 91.66667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-md-23 {
        width: 95.83333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-lg-4 {
        width: 16.66667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-lg-5 {
        width: 20.83333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-lg-7 {
        width: 29.16667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-lg-8 {
        width: 33.33333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-lg-10 {
        width: 41.66667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-lg-11 {
        width: 45.83333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-lg-13 {
        width: 54.16667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-lg-14 {
        width: 58.33333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-lg-16 {
        width: 66.66667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-lg-17 {
        width: 70.83333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-lg-19 {
        width: 79.16667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-lg-20 {
        width: 83.33333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-lg-22 {
        width: 91.66667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-lg-23 {
        width: 95.83333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xl-4 {
        width: 16.66667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xl-5 {
        width: 20.83333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xl-7 {
        width: 29.16667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xl-8 {
        width: 33.33333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xl-10 {
        width: 41.66667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xl-11 {
        width: 45.83333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px
}

.el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    line-height: 146px;
    vertical-align: top
}

    .el-upload--picture-card i {
        font-size: 28px;
        color: #8c939d
    }

    .el-upload--picture-card:hover, .el-upload:focus {
        border-color: #409eff;
        color: #409eff
    }

        .el-upload:focus .el-upload-dragger {
            border-color: #409eff
        }

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    position: relative;
    overflow: hidden
}

    .el-upload-dragger .el-icon-upload {
        font-size: 67px;
        color: #c0c4cc;
        margin: 40px 0 16px;
        line-height: 50px
    }

    .el-upload-dragger + .el-upload__tip {
        text-align: center
    }

    .el-upload-dragger ~ .el-upload__files {
        border-top: 1px solid #dcdfe6;
        margin-top: 7px;
        padding-top: 5px
    }

    .el-upload-dragger .el-upload__text {
        color: #606266;
        font-size: 14px;
        text-align: center
    }

        .el-upload-dragger .el-upload__text em {
            color: #409eff;
            font-style: normal
        }

    .el-upload-dragger:hover {
        border-color: #409eff
    }

    .el-upload-dragger.is-dragover {
        background-color: rgba(32,159,255,.06);
        border: 2px dashed #409eff
    }

.el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.el-upload-list__item {
    -webkit-transition: all .5s cubic-bezier(.55,0,.1,1);
    transition: all .5s cubic-bezier(.55,0,.1,1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

    .el-upload-list__item .el-progress {
        position: absolute;
        top: 20px;
        width: 100%
    }

    .el-upload-list__item .el-progress__text {
        position: absolute;
        right: 0;
        top: -13px
    }

    .el-upload-list__item .el-progress-bar {
        margin-right: 0;
        padding-right: 0
    }

    .el-upload-list__item:first-child {
        margin-top: 10px
    }

    .el-upload-list__item .el-icon-upload-success {
        color: #67c23a
    }

    .el-upload-list__item .el-icon-close {
        display: none;
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
        opacity: .75;
        color: #606266
    }

        .el-upload-list__item .el-icon-close:hover {
            opacity: 1
        }

    .el-upload-list__item .el-icon-close-tip {
        display: none;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 12px;
        cursor: pointer;
        opacity: 1;
        color: #409eff
    }

    .el-upload-list__item:hover {
        background-color: #f5f7fa
    }

        .el-upload-list__item:hover .el-icon-close {
            display: inline-block
        }

        .el-upload-list__item:hover .el-progress__text {
            display: none
        }

    .el-upload-list__item.is-success .el-upload-list__item-status-label {
        display: block
    }

    .el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover {
        color: #409eff;
        cursor: pointer
    }

    .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
        display: inline-block
    }

    .el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
        display: none
    }

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

    .el-upload-list__item-name [class^=el-icon] {
        height: 100%;
        margin-right: 7px;
        color: #909399;
        line-height: inherit
    }

.el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none
}

.el-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #606266;
    display: none
}

    .el-upload-list__item-delete:hover {
        color: #409eff
    }

.el-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
}

    .el-upload-list--picture-card .el-upload-list__item {
        overflow: hidden;
        background-color: #fff;
        border: 1px solid #c0ccda;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 148px;
        height: 148px;
        margin: 0 8px 8px 0;
        display: inline-block
    }

        .el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
            color: #fff
        }

        .el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
            display: none
        }

        .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
            display: block
        }

    .el-upload-list--picture-card .el-upload-list__item-name {
        display: none
    }

    .el-upload-list--picture-card .el-upload-list__item-thumbnail {
        width: 100%;
        height: 100%
    }

    .el-upload-list--picture-card .el-upload-list__item-status-label {
        position: absolute;
        right: -15px;
        top: -6px;
        width: 40px;
        height: 24px;
        background: #13ce66;
        text-align: center;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
        box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
    }

        .el-upload-list--picture-card .el-upload-list__item-status-label i {
            font-size: 12px;
            margin-top: 11px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .el-upload-list--picture-card .el-upload-list__item-actions {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        cursor: default;
        text-align: center;
        color: #fff;
        opacity: 0;
        font-size: 20px;
        background-color: rgba(0,0,0,.5);
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

        .el-upload-list--picture-card .el-upload-list__item-actions:after {
            display: inline-block;
            content: "";
            height: 100%;
            vertical-align: middle
        }

        .el-upload-list--picture-card .el-upload-list__item-actions span {
            display: none;
            cursor: pointer
        }

            .el-upload-list--picture-card .el-upload-list__item-actions span + span {
                margin-left: 15px
            }

        .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
            position: static;
            font-size: inherit;
            color: inherit
        }

        .el-upload-list--picture-card .el-upload-list__item-actions:hover {
            opacity: 1
        }

            .el-upload-list--picture-card .el-upload-list__item-actions:hover span {
                display: inline-block
            }

    .el-upload-list--picture-card .el-progress {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        bottom: auto;
        width: 126px
    }

        .el-upload-list--picture-card .el-progress .el-progress__text {
            top: 50%
        }

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
}

    .el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
        color: #fff
    }

    .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        top: -2px;
        right: -12px
    }

    .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
        display: block
    }

    .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
        line-height: 70px;
        margin-top: 0
    }

        .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
            display: none
        }

.el-upload-list--picture .el-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px;
    background-color: #fff
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

    .el-upload-list--picture .el-upload-list__item-name i {
        font-size: 70px;
        line-height: 1;
        position: absolute;
        left: 9px;
        top: 10px
    }

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc
}

    .el-upload-list--picture .el-upload-list__item-status-label i {
        font-size: 12px;
        margin-top: 12px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
}

    .el-upload-cover:after {
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .el-upload-cover img {
        display: block;
        width: 100%;
        height: 100%
    }

.el-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
    box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}

    .el-upload-cover__label i {
        font-size: 12px;
        margin-top: 11px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        color: #fff
    }

.el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
}

    .el-upload-cover__progress + .el-upload__inner {
        opacity: 0
    }

.el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.72);
    text-align: center
}

    .el-upload-cover__interact .btn {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        vertical-align: middle;
        -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
        transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
        transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
        transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
        margin-top: 60px
    }

        .el-upload-cover__interact .btn span {
            opacity: 0;
            -webkit-transition: opacity .15s linear;
            transition: opacity .15s linear
        }

        .el-upload-cover__interact .btn:not(:first-child) {
            margin-left: 35px
        }

        .el-upload-cover__interact .btn:hover {
            -webkit-transform: translateY(-13px);
            transform: translateY(-13px)
        }

            .el-upload-cover__interact .btn:hover span {
                opacity: 1
            }

        .el-upload-cover__interact .btn i {
            color: #fff;
            display: block;
            font-size: 24px;
            line-height: inherit;
            margin: 0 auto 5px
        }

.el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: #303133
}

.el-upload-cover + .el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-progress {
    position: relative;
    line-height: 1
}

.el-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
}

    .el-progress__text i {
        vertical-align: middle;
        display: block
    }

.el-progress--circle, .el-progress--dashboard {
    display: inline-block
}

    .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        margin: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
            vertical-align: middle;
            display: inline-block
        }

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress-bar, .el-progress-bar__inner:after, .el-progress-bar__innerText, .el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
    color: #67c23a
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #e6a23c
}

.el-progress.is-warning .el-progress__text {
    color: #e6a23c
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
    color: #f56c6c
}

.el-progress-bar {
    padding-right: 50px;
    width: 100%;
    margin-right: -55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409eff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.el-card, .el-message {
    border-radius: 4px;
    overflow: hidden
}

.el-progress-bar__inner:after {
    height: 100%
}

.el-progress-bar__innerText {
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

.el-time-spinner {
    width: 100%;
    white-space: nowrap
}

.el-spinner-inner {
    -webkit-animation: i 2s linear infinite;
    animation: i 2s linear infinite;
    width: 50px;
    height: 50px
}

    .el-spinner-inner .path {
        stroke: #ececec;
        stroke-linecap: round;
        -webkit-animation: j 1.5s ease-in-out infinite;
        animation: j 1.5s ease-in-out infinite
    }

.el-message {
    min-width: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity .3s,top .4s,-webkit-transform .4s;
    transition: opacity .3s,top .4s,-webkit-transform .4s;
    transition: opacity .3s,transform .4s,top .4s;
    transition: opacity .3s,transform .4s,top .4s,-webkit-transform .4s;
    padding: 15px 15px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .el-message.is-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .el-message.is-closable .el-message__content {
        padding-right: 16px
    }

    .el-message p {
        margin: 0
    }

.el-message--info .el-message__content {
    color: #909399
}

.el-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

    .el-message--success .el-message__content {
        color: #67c23a
    }

.el-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8
}

    .el-message--warning .el-message__content {
        color: #e6a23c
    }

.el-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2
}

    .el-message--error .el-message__content {
        color: #f56c6c
    }

.el-message__icon {
    margin-right: 10px
}

.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1
}

.el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px
}

    .el-message__closeBtn:hover {
        color: #909399
    }

.el-message .el-icon-success {
    color: #67c23a
}

.el-message .el-icon-error {
    color: #f56c6c
}

.el-message .el-icon-info {
    color: #909399
}

.el-message .el-icon-warning {
    color: #e6a23c
}

.el-message-fade-enter, .el-message-fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.el-badge__content {
    background-color: #f56c6c;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff
}

    .el-badge__content.is-fixed {
        position: absolute;
        top: 0;
        right: 10px;
        -webkit-transform: translateY(-50%) translateX(100%);
        transform: translateY(-50%) translateX(100%)
    }

.el-rate__icon, .el-rate__item {
    position: relative;
    display: inline-block
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%
}

.el-badge__content--primary {
    background-color: #409eff
}

.el-badge__content--success {
    background-color: #67c23a
}

.el-badge__content--warning {
    background-color: #e6a23c
}

.el-badge__content--info {
    background-color: #909399
}

.el-badge__content--danger {
    background-color: #f56c6c
}

.el-card {
    border: 1px solid #ebeef5;
    background-color: #fff;
    color: #303133;
    -webkit-transition: .3s;
    transition: .3s
}

    .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
    }

.el-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-card__body {
    padding: 20px
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    -webkit-transition: .3s;
    transition: .3s
}

    .el-rate__decimal, .el-rate__icon .path2 {
        position: absolute;
        top: 0;
        left: 0
    }

    .el-rate__icon.hover {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-step.is-vertical, .el-steps {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: #f5f7fa
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}