@import "http://at.alicdn.com/t/font_711848_hdp0d8rcucv.css";
/* @font-face {
    font-family: 'PingFangRegular';
    src: url('./fonts/PingFangRegular.otf');
} */

* {
    box-sizing: border-box;
    font-family: 'PingFangRegular';
    line-height: 1.2;
}
*:focus{
    outline: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

p {
    padding: 0;
    margin: 0;
}
ul{
    padding: 0;
    margin: 0;
}

[v-cloak] {
    display: none!important;
}

.pointer {
    cursor: pointer;
}
/*单选、多选、开关*/
.aui-radio,
.aui-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    -webkit-border-radius: 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
            -moz-user-select: none;
             -ms-user-select: none;
         user-select: none;
    -webkit-transition: background-color ease 0.1s;
            transition: background-color ease 0.1s;
}
.aui-checkbox {
    border-radius: 0.1rem;
}
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
    background-color: #03a9f4;
    border: solid 1px #03a9f4;
    text-align: center;
    background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
    background-color: #dddddd;
    border: solid 1px #dddddd;
}
.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.lazy-img-box {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    background-color: #fff;
}

.lazy-img-box img[lazy=loaded] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.lazy-img-box img[lazy=loading] {
    width: 1.5rem!important;
    height: 1.5rem!important;
    opacity: 0.8;
}

.lazy-img-box img[lazy=error] {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}

.ellipsis-1 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.bg-white{
    background-color: #fff;
}

.font-weight {
    font-weight: 600;
}

.text-white {
    color: #fff!important;
}

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

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

.text-right {
    text-align: right;
}

.padded-t-5 {
    padding-top: .25rem;
}

.padded-t-10 {
    padding-top: .5rem;
}

.padded-t-15 {
    padding-top: .75rem;
}

.padded-b-5 {
    padding-bottom: .25rem;
}

.padded-b-10 {
    padding-bottom: .5rem;
}

.padded-b-15 {
    padding-bottom: .75rem;
}

.padded-l-5 {
    padding-left: .25rem;
}

.padded-l-10 {
    padding-left: .5rem;
}

.padded-l-15 {
    padding-left: .75rem;
}

.padded-r-5 {
    padding-right: .25rem;
}

.padded-r-10 {
    padding-right: .5rem;
}

.padded-r-15 {
    padding-right: .75rem;
}

.padded-5 {
    padding: .25rem;
}

.padded-10 {
    padding: .5rem;
}

.padded-15 {
    padding: .75rem;
}

.margin-t-5 {
    margin-top: .25rem;
}

.margin-t-10 {
    margin-top: .5rem;
}

.margin-t-15 {
    margin-top: .75rem;
}

.margin-b-5 {
    margin-bottom: .25rem;
}

.margin-b-10 {
    margin-bottom: .5rem;
}

.margin-b-15 {
    margin-bottom: .75rem;
}

.margin-l-5 {
    margin-left: .25rem;
}

.margin-l-10 {
    margin-left: .5rem;
}

.margin-l-15 {
    margin-left: .75rem;
}

.margin-r-5 {
    margin-right: .25rem;
}

.margin-r-10 {
    margin-right: .5rem;
}

.margin-r-15 {
    margin-right: .75rem;
}

.margin-5 {
    margin: .25rem;
}

.margin-10 {
    margin: .5rem;
}

.margin-15 {
    margin: .75rem;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.flex {
    display: -ms-flexbox;
    display: flex;
}

.flex-1 {
    -ms-flex: 1;
    flex: 1;
}
.flex-wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.flex-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-middle {
    -ms-flex-align: center;
    align-items: center;
}

.flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex-baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
}

.flex-align-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-align-start {
    -ms-flex-align: start;
    align-items: flex-start;
}

.font-size-12 {
    font-size: .6rem!important;
}

.font-size-14 {
    font-size: .7rem!important;
}

.font-size-16 {
    font-size: .8rem!important;
}

.font-size-18 {
    font-size: .9rem!important;
}

.font-size-20 {
    font-size: 1rem!important;
}

.font-size-22 {
    font-size: 1.1rem!important;
}

.font-size-24 {
    font-size: 1.2rem!important;
}

.font-size-26 {
    font-size: 1.3rem!important;
}

.font-size-28 {
    font-size: 1.4rem!important;
}

.font-size-30 {
    font-size: 1.5rem!important;
}

.line {
    width: 100%;
    border-top: 1px solid #ddd;
    height: 0;
}


/*
断电隐藏
*/

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

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

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

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

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

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

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

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

@media only screen and (min-width:1200px) and (max-width:1919px) {
    .hidden-lg-only {
        display: none!important
    }
}

@media only screen and (max-width:1919px) {
    .hidden-lg-and-down {
        display: none!important
    }
}

@media only screen and (min-width:1920px) {
    .hidden-xl-only {
        display: none!important
    }
}


/*
*主题颜色
*/

.theme-bg-color {
    background-color: #392D76;
}

.theme-bg-color-active:active {
    opacity: 0.8;
}

.theme-bg-color:hover {
    background-color: #392D76;
}

.theme-bg-color:focus {
    background-color: #392D76;
}

.theme-border-color {
    border-color: #392D76;
}

.theme-font-color {
    color: #392D76;
}
.aui-radio:checked, .aui-radio.aui-checked, .aui-checkbox:checked, .aui-checkbox.aui-checked, .aui-switch:checked {
    background-color: #392D76;
    border: solid 1px #392D76;
}

.aui-radio, .aui-checkbox {
    width: 1rem;
    height: 1rem;
}

.el-switch.is-checked .el-switch__core {
    border-color: #392D76;
    background-color: #392D76;
}