.red1 {
    color: #E0107A;
}

.red {
    color: #D0021B;
}

.blue {
    color: #406CFE;
}

.light-blue {
    color: #86A2FF;
}

.light-green {
    color: #25CC8E;
}

.green {
    color: #0FBB00 !important;
}

.border-left {
    border-left: 1px solid #E6E6E6;
}

.logo {
    padding-top: 5px;
}

.f15 {
    font-size: 15px !important;
}

body {
    color: #4A4A4A;
}

.icon-qy {
    background: url(../images/icon-qy.png) no-repeat;
    width: 16px;
    height: 18px;
    vertical-align: middle;
}

.icon-ck {
    background: url(../images/icon-ck.png) no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.icon-up {
    background: url(../images/icon-up.png) no-repeat;
    width: 12px;
    height: 14px;
    vertical-align: middle;
}

.icon-down {
    background: url(../images/icon-down.png) no-repeat;
    width: 12px;
    height: 14px;
    vertical-align: middle;
}

.icon-ec {
    background: url(../images/icon-ec.png) no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.icon-age {
    background: url(../images/icon-age.png) no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.icon-money {
    background: url(../images/icon-money.png) no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.icon-order-modal {
    background: url(../images/icon-order-modal.png) no-repeat;
    width: 18px;
    height: 20px;
    vertical-align: middle;
}

.icon-store {
    background: url(../images/icon-store.png) no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.icon-use {
    background: url(../images/icon-use.png) no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.indxe-select .el-input__icon {
    line-height: 30px;
}

.indxe-select {
    margin-top: -7px;
}

.modal-head .indxe-select {
    margin-top: 0px;
}

.indxe-select .el-input__inner {
    height: 33px;
    line-height: 33px;
    width: 100px;
    border-color: #406CFE;
}

.indxe-select:hover .el-input__inner {
    border-color: #406CFE;
}

.indxe-select .el-input__suffix {
    border-left: 1px solid #406CFE;
}

.modal-head {
    background: #F6F6F6;
    padding: 10px;
    border: 1px solid #E6E6E6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-head .title {
    /*border-left: 4px solid #406CFE;*/
    /*padding-left: 10px;*/
    /*display: inline-block;*/
    /*font-weight: bold;*/
    /*font-size: 15px;*/
}

.modal-head .pull-right {
    margin-top: -6px;
}

.modal-con {
    border: 1px solid #E6E6E6;
    border-top: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 15px;
}

.self-form label {
    display: block;
    text-align: left;
    float: none;
    font-weight: bold;
}

.self-form .el-form-item__content {
    margin-left: 0 !important;
    margin-right: 15px;

}

.flex2 {
    flex: 2;
}

.block {
    display: block;
}

.el-table th {
    background: #f2f5f7;
}

.upload-box {
    background: #F6F6F6;
    border-radius: 3px;
    padding-top: 10px;
    padding-left: 10px;
}

.upload-box .el-upload--picture-card {
    background-color: transparent;
    border: none;
}

.s-tab .el-tabs__header {
    margin-bottom: 0;
}

.s-tab .el-tab-pane {
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}

.img-w57 {
    width: 57px;
    height: 86px;
}

.img-xkz {
    width: 115px;
    height: 86px;
}

.img-gz {
    width: 93px;
    height: 86px;
}

img {
    vertical-align: middle;
}

.orange {
    color: #F59423 !important;
}

.data-box {
    border-top: 1px solid #C0D6EE;
    border-bottom: 1px solid #C0D6EE;
    padding: 10px 0;
}

.data-box .flex1 {
    border-right: 1px solid #C0D6EE;
}

.data-box .flex1:last-child {
    border: none;
}

.info-box .text-hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box .data-box {
    padding: 6px 0;
}

.save-info {
    position: absolute;
    top: 9px;
    right: 10px;
}

.row3 {
    width: 33.3%;
}

.s-table.no-border th {
    color: #4A4A4A;
    font-weight: 500;
    text-align: left;
    padding: 12px 8px;
}

.s-table.no-border th, .s-table.no-border td {
    border-right: none;
}

.s-table.no-border {
    border-right: 1px solid #E6E6E6;
}

.el-button--danger.is-plain {
    color: #D0021B;
    background: #fff;
    border-color: #D0021B;
}

.el-button--primary.is-plain {
    color: #406CFE;
    background: #fff;
    border-color: #406CFE;
}

.dot {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #406CFE;
    margin-right: 5px;
    vertical-align: middle;
}

.file-box div.p10 {
    margin-right: 25px;
}

.file-box .row3:last-child div.p10 {
    margin-right: 0;
}

.file-box span.blue {
    text-decoration: underline;
}

.data-summary {
    width: 226px;

    color: #fff;
}

.data-summary .data {
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 35px 15px 0 15px;
    height: 114px;
}

.data1 {
    background: #7695FF;
}

.data2 {
    background: #EE62AA;
}

.data3 {
    background: #F7B950;
}

.data4 {
    background: #64D4E6;
}

.data-summary .data2, .data-summary .data3, .data-summary .data4 {
    padding-top: 36px;
    height: 110px;
}

.data .bottom {
    background: rgba(255, 255, 255, 0.66);
    margin: 15px -15px 0;
    padding: 10px 0;

}

.data .bottom .flex1:last-child {
    border-left: 1px solid #84B0FA;
}

.num-span {
    background-image: linear-gradient(-180deg, #8ee0ff 0%, rgba(68, 230, 255, 0.04) 52%, #7ee9f9 100%);
    background-image: -moz-linear-gradient(-180deg, #8ee0ff 0%, rgba(68, 230, 255, 0.04) 52%, #7ee9f9 100%);
    background-image: -webkit-linear-gradient(to bottom, #8ee0ff 0%, rgba(68, 230, 255, 0.04) 52%, #7ee9f9 100%);
    border-radius: 5px;
    display: inline-block;
    font-size: 24px;
    padding: 3px 4px;
    width: 23px;
    text-align: center;
    margin-right: 3px;
}

.icon-map {
    background: url(../images/icon-map.png) no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.ss-data-box {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    color: #44E6FF;
    padding: 8px 15px;
}

/*login*/
.login-box {
    width: 1100px;
}

.login-box .el-form-item__label {
    padding-left: 0 !important;
    line-height: 30px;
}

.login-box .el-form-item__label:before {
    display: none;
}

.login-bg {
    background: #163694;
    background-size: cover;
}

.form-box {
    background: #fff url(../images/login-box-bg.png) no-repeat left top;
    padding-left: 670px;
    padding-right: 50px;
    height: 500px;
}

.form-box .el-form-item__label {
    display: block;
    font-weight: bold;
}

.form-box .el-input__inner {
    background: #fff;
    border: none;
    border-bottom: 1px solid #D3D3D3;
    border-radius: 0;
    padding-left: 0;
    line-height: 40px;
    height: 40px;
}

.form-box .el-input__inner:focus {
    border-bottom: 1px solid #406CFE;
}

.code-img {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 120px;
    height: 34px;
}

.form-box .el-input__inner.code {
    padding-right: 120px;
}

.link-box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    width: 1000px;
    padding-bottom: 7px;
    padding-top: 30px;
    margin: 0 auto;
}

.link-box a, .login-bg .copyright {
    color: rgba(255, 255, 255, 0.5);
}

.login-bg .copyright {
    position: static;
}

.link-box a {
    line-height: 1.6em;
    padding-left: 10px;
}

.form-box .welcome {
    padding: 15px 0;
}

.alert-msg {
    background: #FBF2E3;
    border: 1px solid #F5D1A7;
    border-radius: 3px;
    padding: 10px 15px;
    color: #F5A623;
    width: 50%;
}

.code-box {
    border: 1px solid #E6E6E6;
    border-radius: 3px;
}

.code-box img {
    width: 115px;
    height: 115px;
}

.ec-detail .dot {
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.icon-title {
    background: url(../images/icon-title.png) no-repeat;
    width: 14px;
    height: 15px;
}

.con-title {
    font-size: 19px;
    color: #5278F8;
}

.ec-wrap {
    margin: 0 -15px;
    border-bottom: 1px solid #E6E6E6;
    padding: 15px;
}

.ec-wrap:last-child {
    border: none;
    padding-bottom: 0;
}

.s-table th {
    white-space: nowrap;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .link-box {
        position: static;
        margin: 0 auto;
    }
}

@media screen and (min-width: 320px) and (max-width: 600px) {
    .web-name {
        font-size: 18px;
    }

    .login-box {
        width: auto;
    }

    .form-box {
        background: #fff !important;
        padding: 10px !important;
        margin: 10px !important;
        height: 340px !important;
    }

    .login-box p img {
        width: 300px;
    }

    .form-box .el-input__inner, .form-box .el-button--primary {
        height: 40px;
        line-height: 40px;
    }

    .form-box .icon {
        margin: 10px 0 0 6px;
    }

    .form-box .welcome {
        display: none;
    }

    .form-box .el-form-item:nth-child(4) .el-input {
        width: 100% !important;
    }

    .form-box .el-form-item__label {
        line-height: 20px;
    }
}

.el-breadcrumb {
    padding: 13px 10px;
    margin: -10px -10px 0px;
    background: rgb(255, 255, 255);
}

body, html, #app, .el-container.is-vertical {
    height: 100%;
    overflow: hidden;
}

.rz-box {
    font-size: 42px;
    color: #9B9B9B;
    margin: 20% auto;
}

.header2 {
    height: 67px;
}

.header2 img {
    width: 52px;
}

.header2 .f12 {
    font-size: 14px !important;
}

.header2 .logo {
    padding-top: 7px;
}

.header2 .cname {
    padding-top: 20px;
}

.header2 .nav-header {
    bottom: 15px;
}

.img-frame {
    /*display: block;*/
    /*max-width: 20%;*/
    border-radius: 5px;
    border: 1px solid #DDD;
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
    transition: all 0.4s;
}

/* override from el-ui */
.el-menu-item,
.el-submenu__title {
    height: 50px;
    line-height: 50px;
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none;
}

.el-menu--collapse > .el-menu-item span {
    top: 10px;
    background: rgb(57, 62, 78);
}

/*dashboard css start*/
.datainfo {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 20px;
}

.datainfo .bg {
    background: #E7EAF6;
    border-radius: 3px;
    margin-right: 20px;
    color: #627ECA;
}

.datainfo .bg:first-child {
    margin-left: 20px;
}

.datainfo .bg p {
    margin: 0;
}

.datainfo .bg img {
    vertical-align: middle;
    margin-right: 25px;
}

.datainfo .bg .bold {
    font-size: 28px;
}

.datachart {
    height: 22px;
    background: linear-gradient(270deg, rgba(252, 223, 175, 1) 0%, rgba(237, 167, 51, 1) 100%);
    border-radius: 0px 5px 5px 0px;
    margin-top: 5px;
}

.datachart-ul li {
    margin-top: 10px;
}

.datachart-ul .index {
    font-weight: bold;
}

.datachart-ul.oranges .index {
    color: #F5A623;
}

.datachart-ul.oranges li, .datachart-ul.greens li {
    padding-top: 26px;
}

.datachart-ul.blues .datachart {
    background: linear-gradient(270deg, rgba(190, 205, 255, 1) 0%, rgba(134, 162, 255, 1) 100%);
}

.datachart-ul.blues .index {
    color: #5278F8;
}

.datachart-ul.greens .datachart {
    background: linear-gradient(270deg, rgba(194, 237, 243, 1) 0%, rgba(53, 193, 215, 1) 100%);
}

.datachart-ul.greens .index {
    color: #35C2D8;
}

.modal-head {
    background: #F6F6F6;
    padding: 10px 10px 10px 25px;
    border: 1px solid #E6E6E6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}

.modal-head:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 15px;
    left: 15px;
    top: 50%;
    margin-top: -8px;
    background: #5278F8;
}
/*dashboard css end*/