/*!
 * =====================================================
 * Aui
 * versions 1.0.0
 * cl15095344637@163.com
 * =====================================================
 */
@import url('demo/static/css/reset.css');
@import url('demo/static/css/aui.iconfont.css');


:root {
    --aui-w: 100%;
    --aui-h: 100%;
    --aui-bg: #197de0;
    --aui-color: #197de0;
    --aui-border-bg: #fff;
    --aui-blue: #197de0;
    --aui-black: #000;
    --aui-white: #fff;
    --aui-red: red;
    --aui-red-f5: #f55;
    --aui-btn-color: #197de0;
    --aui-btn-bg: #FFF;
    --aui-btn-border-bg: #197de0;
    --aui-jianbian: linear-gradient(to right,#197de0,#73b9ec)
}

* {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}



   

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

.aui-col-xs-1 {
    width: 100%
}

.aui-col-xs-2 {
    width: 50%
}

.aui-col-xs-3 {
    width: 33.33%
}

.aui-col-xs-4 {
    width: 25%
}

.aui-col-xs-5 {
    width: 20%
}

.aui-col-xs-6 {
    width: 16.67%
}

.aui-col-xs-7 {
    width: 14.29%
}

.aui-col-xs-8 {
    width: 12.5%
}

.aui-col-xs-9 {
    width: 11.11%
}

.aui-col-xs-10 {
    width: 10%
}

.aui-col-xs-11 {
    width: 9.09%
}

.aui-col-xs-12 {
    width: 8.33%
}

.aui-header {
    width: 100%;
    height: 50px;
    background: var(--aui-jianbian);
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    z-index: 997
}

    .aui-header:before {
        content: '';
        width: 100px;
        height: 50px;
        background: linear-gradient(to right,#f55,#f77);
        opacity: .9;
        transform: skewX(45deg);
        position: absolute;
        left: -25px;
        top: 0
    }

.aui-header-left {
    width: 44px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0
}

    .aui-header-left i {
        font-size: 25px;
        color: #FFF
    }

.aui-header-title {
    height: 50px;
    line-height: 50px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 44px;
    right: 44px;
    bottom: 0
}

.aui-header-right {
    width: 44px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0
}

    .aui-header-right i {
        font-size: 30px;
        padding: 1px 0 0 0;
        box-sizing: border-box;
        display: inline-block;
        color: #FFF;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.aui-content, .content {
    width: 100%;
   
    overflow-y: scroll;
    padding: 0;
    box-sizing: border-box
}

.aui-footer {
    width: 100vw;
    height: 55px;
    background: #FFF;
    display: flex;
    justify-content: space-around;
    white-space: nowrap;
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 997
}

.aui-footer-list {
    padding: 5px 20px 3px 20px;
    max-width: 25%;
    text-align: center;
    flex: 1;
    box-sizing: border-box;
    display: inline-block
}

    .aui-footer-list i {
        width: 100%;
        display: inline-block;
        font-size: 30px;
        background: #aaa;
        -webkit-background-clip: text;
        color: transparent
    }

    .aui-footer-list p {
        width: 100%;
        height: 20px;
        line-height: 12px;
        font-size: 12px;
        background: #aaa;
        -webkit-background-clip: text;
        color: transparent
    }

    .aui-footer-list.active i, .aui-footer-list.active p {
        background: #197de0;
        -webkit-background-clip: text;
        color: transparent
    }

.row-before {
    position: relative
}

    .row-before:before {
        content: '';
        width: 100%;
        height: 1px !important;
        background: rgba(100,100,100,.3);
        -ms-transform: scaleY(.3);
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3);
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        z-index: 1
    }

.row-after {
    position: relative
}

    .row-after:after {
        content: '';
        width: 100%;
        height: 1px !important;
        background: rgba(100,100,100,.3);
        -ms-transform: scaleY(.3);
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3);
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        z-index: 1
    }

.col-before {
    position: relative
}

    .col-before:before {
        content: '';
        width: 1px !important;
        height: 100%;
        background: rgba(100,100,100,.3);
        -ms-transform: scaleX(.3);
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

.col-after {
    position: relative
}

    .col-after:after {
        content: '';
        width: 1px !important;
        height: 100%;
        background: rgba(100,100,100,.3);
        -ms-transform: scaleX(.3);
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1
    }

.border {
    position: relative
}

    .border:after {
        content: '';
        width: -webkit-calc(200% - 2px);
        width: calc(200% - 2px);
        height: -webkit-calc(200% - 2px);
        height: calc(200% - 2px);
        border-radius: 3px;
        border: 1px solid rgba(100,100,100,.3);
        position: absolute;
        left: -50%;
        top: -50%;
        -ms-transform: scale(.5,.5);
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
        z-index: 1
    }

.aui-text-gray {
    color: #aaa
}

.aui-lists {
    width: 100%
}

.aui-list {
    width: 100%;
    min-height: 55px;
    font-size: 0;
    padding: 10px 15px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

    .aui-list.aui-list-disabled {
        pointer-events: none;
        cursor: default
    }

        .aui-list.aui-list-disabled * {
            opacity: .6
        }

    .aui-list:after {
        content: '';
        width: 100%;
        height: 1px;
        background: rgba(100,100,100,.3);
        -ms-transform: scaleY(.3);
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3);
        position: absolute;
        bottom: 0;
        left: 0
    }

    .aui-list:last-child:after {
        display: none
    }

.aui-list-title {
    width: 100%;
    height: 40px;
    line-height: 50px;
    font-size: 13px;
    padding: 0 15px;
    box-sizing: border-box;
    color: #646464;
    display: inline-block
}

.aui-list-left {
    line-height: 35px;
    font-size: 15px;
    color: #333;
    display: inline-block;
    vertical-align: top
}

    .aui-list-left i {
        width: 30px;
        height: 100%;
        line-height: 35px;
        text-align: left;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    .aui-list-left img {
        height: 18px;
        margin: -0 10px 0 0;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -1px
    }

.aui-list-left-desc {
    line-height: 20px;
    font-size: 12px;
    color: #aaa
}

.aui-list-right {
    line-height: 35px;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    float: right
}

    .aui-list-right span {
        height: 35px;
        line-height: 36px;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: 1px
    }

    .aui-list-right .aui-btn-right {
        text-align: center;
        font-size: 15px;
        display: inline-block;
        color: #aaa;
        vertical-align: middle;
        position: relative;
        top: 1px
    }

.aui-grids {
    width: 100%;
    font-size: 0
}

.aui-grid {
    display: inline-block;
    background: #FFF;
    padding: 15px 10px;
    box-sizing: border-box;
    vertical-align: top;
    position: relative
}

    .aui-grid::before {
        content: '';
        width: 1px;
        height: 100%;
        background: rgba(100,100,100,.3);
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1
    }

    .aui-grid::after {
        content: '';
        width: 100%;
        height: 1px;
        background: rgba(100,100,100,.3);
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .aui-grid.aui-col-xs-1:nth-child(n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-2:nth-child(2n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-3:nth-child(3n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-4:nth-child(4n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-5:nth-child(5n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-6:nth-child(6n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-7:nth-child(7n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-8:nth-child(8n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-9:nth-child(9n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-10:nth-child(10n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-11:nth-child(11n)::before {
        display: none
    }

    .aui-grid.aui-col-xs-12:nth-child(12n)::before {
        display: none
    }

.aui-grid-icon {
    width: 100%;
    height: 30px;
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

    .aui-grid-icon .iconfont {
        font-size: 30px
    }

.aui-grid-text {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888
}

.aui-btn {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 0;
    color: #FFF;
    font-size: 15px;
    background: #2979ff;
    border-radius: 5px;
    margin: 0 15px 15px 15px;
    padding: 0 10px;
    transition: background-color .2s;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.aui-btn-blue {
    background: var(--aui-blue);
    color: #FFF
}

.aui-btn-load {
    background: #2b85e4;
    pointer-events: none;
    cursor: default
}

.aui-btn-disabled {
    background: #a0cfff;
    pointer-events: none;
    cursor: default
}

.aui-btn-round {
    border-radius: 50px
}

.aui-btn-success {
    background: #19be6b
}

    .aui-btn-success.aui-btn-disabled {
        background: #71d5a1
    }

.aui-btn-error {
    background: #fa3534
}

    .aui-btn-error.aui-btn-disabled {
        background: #fab6b6
    }

.aui-btn-waring {
    background: #f90
}

    .aui-btn-waring.aui-btn-disabled {
        background: #fcbd71
    }

.aui-btn-linear {
    background: 0;
    color: #0062cc;
    border: 1px solid #0062cc
}

    .aui-btn-linear.aui-btn-disabled {
        background: 0;
        color: #aaa;
        border: 1px solid #aaa
    }

.aui-btn-medium {
    width: 50%
}

.aui-btn-small {
    width: auto;
    height: auto;
    line-height: initial;
    padding: 3px 10px
}

.aui-card {
    width: 100%;
    background-color: #FFF;
    overflow: hidden
}

    .aui-card.aui-card-shandow {
        box-shadow: 0 0 1px rgba(100,100,100,.5)
    }

    .aui-card.aui-card-disabled {
        pointer-events: none;
        cursor: default
    }

        .aui-card.aui-card-disabled * {
            opacity: .6
        }

    .aui-card.aui-card-round {
        border-radius: 10px
    }

        .aui-card.aui-card-round .aui-card-title {
            border-radius: 10px 10px 0 0
        }

        .aui-card.aui-card-round .aui-card-main, .aui-card.aui-card-round .aui-card-down {
            border-radius: 0 0 10px 10px
        }

.aui-card-image .aui-card-main {
    padding: 0
}

.aui-card-title {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    padding: 0 10px 0 15px;
    box-sizing: border-box;
    background: #efeff4
}

.aui-card-title-line {
    width: 3px;
    height: 14px;
    background: #197de0;
    margin: 15px 10px 15px 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top
}

.aui-card-title-right {
    line-height: 43px;
    float: right;
    font-size: 14px;
    color: #333
}

    .aui-card-title-right i {
        position: relative;
        top: 1px;
        right: -2px
    }

.aui-card-main {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box
}

.aui-card-down {
    width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    box-sizing: border-box;
    position: relative
}

.aui-card-main .aui-card-down-tip {
    width: 80%;
    line-height: 30px;
    font-size: 14px;
    color: #aaa
}

.aui-card-image .img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative
}

    .aui-card-image .img img {
        width: 100%;
        position: absolute;
        top: 50%;
        margin-top: -50%
    }

.aui-card-image .img-mask {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 15px;
    background: rgba(0,0,0,.4);
    color: #FFF;
    position: absolute;
    bottom: 0
}

.aui-card-image .desc {
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 25px
}

.aui-card-image .aui-card-down {
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-around
}

    .aui-card-image .aui-card-down .aui-btn {
        width: auto;
        height: auto;
        line-height: 30px;
        margin: 0;
        display: inline-block;
        font-size: 14px;
        color: #888;
        background: 0
    }

        .aui-card-image .aui-card-down .aui-btn:first-child {
            position: relative;
            left: -20px
        }

        .aui-card-image .aui-card-down .aui-btn:last-child {
            position: relative;
            right: -20px
        }

        .aui-card-image .aui-card-down .aui-btn i {
            font-size: 20px;
            margin: 0 5px 0 0;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -1px
        }

.aui-tag {
    width: auto;
    height: auto;
    background: #fa3534;
    color: #FFF;
    font-size: 14px;
    padding: 7px 15px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 3px;
    margin: 5px
}

    .aui-tag.aui-tag-gray {
        color: #333;
        background: #f3f4f2
    }

    .aui-tag.aui-tag-blue {
        color: #fff;
        background: #2979ff
    }

    .aui-tag.aui-tag-success {
        color: #fff;
        background: #19be6b
    }

    .aui-tag.aui-tag-waring {
        color: #fff;
        background: #f90
    }

    .aui-tag.aui-tag-error {
        color: #fff;
        background: #fa3534
    }

    .aui-tag.aui-tag-linear {
        background: 0;
        padding: 6px 14px;
        border: 1px solid #197de0
    }

.aui-tag-linear.aui-tag-gray {
    color: #333;
    border: 1px solid #f3f4f2
}

.aui-tag-linear.aui-tag-blue {
    color: #2979ff;
    border: 1px solid #2979ff
}

.aui-tag-linear.aui-tag-success {
    color: #19be6b;
    border: 1px solid #19be6b
}

.aui-tag-linear.aui-tag-waring {
    color: #f90;
    border: 1px solid #f90
}

.aui-tag-linear.aui-tag-error {
    color: #fa3534;
    border: 1px solid #fa3534
}

.aui-tag.aui-tag-round {
    border-radius: 40px
}

.aui-tag.aui-tag-small {
    height: auto;
    display: inline;
    padding: 3px 7px;
    font-size: 12px
}

.aui-badge {
    width: auto;
    height: auto;
    min-width: 22px;
    height: 22px;
    line-height: 23px;
    text-align: center;
    background: #fa3534;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    border-radius: 22px;
    padding: 0 6px;
    box-sizing: border-box;
    margin: 0 5px;
    vertical-align: middle
}

    .aui-badge.aui-badge-gray {
        color: #333;
        background: #f3f4f2
    }

    .aui-badge.aui-badge-blue {
        color: #fff;
        background: #2979ff
    }

    .aui-badge.aui-badge-success {
        color: #fff;
        background: #19be6b
    }

    .aui-badge.aui-badge-waring {
        color: #fff;
        background: #f90
    }

    .aui-badge.aui-badge-error {
        color: #fff;
        background: #fa3534
    }

    .aui-badge.aui-badge-nobg {
        background: 0;
        border: 1px solid #197de0
    }

.aui-badge-nobg.aui-badge-gray {
    color: #333;
    border: 1px solid #f3f4f2
}

.aui-badge-nobg.aui-badge-blue {
    color: #2979ff;
    border: 1px solid #2979ff
}

.aui-badge-nobg.aui-badge-success {
    color: #19be6b;
    border: 1px solid #19be6b
}

.aui-badge-nobg.aui-badge-waring {
    color: #f90;
    border: 1px solid #f90
}

.aui-badge-nobg.aui-badge-error {
    color: #fa3534;
    border: 1px solid #fa3534
}

.aui-badge.aui-badge-small {
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    padding: 0 5px
}

.aui-steps {
    width: auto;
    display: inline-block;
    text-align: center
}

    .aui-steps.aui-steps-row {
        width: 100%
    }

        .aui-steps.aui-steps-row .aui-steps-item {
            display: inline-block;
            vertical-align: top;
            position: relative
        }

            .aui-steps.aui-steps-row .aui-steps-item::before {
                content: '';
                width: 100%;
                height: 1px;
                background: #cdcdcd;
                position: absolute;
                top: -webkit-calc((8px - 1px) / 2);
                top: calc((8px - 1px) / 2);
                left: -webkit-calc((-100% - 8px) / 2)
            }

        .aui-steps.aui-steps-row.aui-steps-number .aui-steps-item::before {
            top: -webkit-calc((20px - 1px) / 2)
        }

        .aui-steps.aui-steps-row .aui-steps-item:first-child::before {
            display: none
        }

    .aui-steps .aui-steps-item .aui-steps-item-dot {
        width: 8px;
        height: 8px;
        display: inline-block;
        background: #cdcdcd;
        border-radius: 10px;
        margin: 0 0 10px;
        position: relative;
        z-index: 1
    }

    .aui-steps .aui-steps-item .aui-steps-item-number, .aui-steps .aui-steps-item .aui-steps-item-icon {
        width: 18px;
        height: 18px;
        line-height: 20px;
        font-size: 14px;
        color: #FFF;
        background: #cdcdcd;
        text-align: center;
        border: 1px solid #cdcdcd;
        display: inline-block;
        border-radius: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        z-index: 1
    }

    .aui-steps .aui-steps-item .aui-steps-item-icon {
        width: 22px;
        height: 22px;
        line-height: 22px;
        position: relative;
        top: -1px;
        left: -1px
    }

        .aui-steps .aui-steps-item .aui-steps-item-icon i {
            font-size: 16px;
            position: relative;
            top: 0
        }

    .aui-steps.aui-steps-row .aui-steps-item .aui-steps-item-title {
        width: 100%;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #aaa;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .aui-steps.aui-steps-col {
        width: auto;
        display: inline-block;
        text-align: left;
        vertical-align: top
    }

        .aui-steps.aui-steps-col .aui-steps-item {
            width: 100%;
            font-size: 0;
            padding: 0 0 20px;
            box-sizing: border-box;
            position: relative
        }

            .aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-left {
                width: 30px;
                display: inline-block;
                vertical-align: top
            }

            .aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-dot {
                top: -webkit-calc((20px - 8px+1px) / 2);
                left: -webkit-calc((20px - 8px+1px) / 2)
            }

            .aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-right {
                width: -webkit-calc(100% - 30px);
                width: calc(100% - 30px);
                display: inline-block;
                vertical-align: top
            }

            .aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-title {
                width: 100%;
                height: 20px;
                line-height: 22px;
                margin-bottom: 5px;
                font-size: 16px;
                color: #aaa;
                display: inline-block;
                vertical-align: top
            }

            .aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-desc {
                width: 100%;
                line-height: 25px;
                font-size: 13px;
                color: #aaa;
                display: inline-block;
                vertical-align: top
            }

            .aui-steps.aui-steps-col .aui-steps-item::before {
                content: '';
                width: 1px;
                height: 100%;
                background: #cdcdcd;
                position: absolute;
                top: 0;
                left: -webkit-calc((20px - 1px) / 2);
                left: calc((20px - 1px) / 2)
            }

        .aui-steps.aui-steps-col.aui-steps-dot .aui-steps-item::before {
            top: 8px
        }

        .aui-steps.aui-steps-col .aui-steps-item:last-child::before {
            display: none
        }

    .aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-dot, .aui-steps.aui-steps-row .aui-steps-item.aui-steps-item-active::before {
        background: #197de0
    }

    .aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-title, .aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-desc {
        color: #197de0
    }

    .aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-number, .aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-icon {
        color: #FFF;
        background: #197de0;
        border: 1px solid #197de0
    }

.aui-noticebar {
    width: 100%
}

.aui-noticebar-main {
    width: 100%;
    line-height: 22px;
    padding: 10px 15px 8px 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    box-sizing: border-box;
    font-size: 14px;
    background: #ecf5ff;
    color: #007aff
}

.aui-noticebar-left {
    display: flex;
    flex: 1
}

    .aui-noticebar-left i {
        font-size: 20px
    }

.aui-noticebar-center {
    display: flex;
    overflow: hidden;
    flex: 12
}

.aui-noticebar-row .aui-noticebar-texts {
    width: auto;
    white-space: nowrap;
    transform: translateX(100vw);
    animation: aui-noticebar-row 10s infinite forwards linear
}

.aui-noticebar-row .aui-noticebar-text {
    width: auto;
    display: inline-block
}

.aui-noticebar-col .aui-noticebar-center {
    height: 22px;
    overflow: hidden
}

.aui-noticebar-col .aui-noticebar-texts .swiper-container, .aui-noticebar-col .aui-noticebar-texts .swiper-wrapper, .aui-noticebar-col .aui-noticebar-texts .swiper-slide {
    height: 100%
}

.aui-noticebar-col .aui-noticebar-texts {
    width: 100%;
    height: auto
}

.aui-noticebar-col .aui-noticebar-text {
    width: 100%;
    height: 22px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.aui-mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    -ms-animation: aui-fade-in .2s ease-out forwards;
    -webkit-animation: aui-fade-in .2s ease-out forwards;
    animation: aui-fade-in .2s ease-out forwards;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998
}

.aui-loading.aui-loading-ring {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

    .aui-loading.aui-loading-ring .aui-loading-main {
        width: auto;
        height: auto;
        min-width: 55px;
        min-height: 55px;
        background: rgba(0,0,0,.8);
        border-radius: 10px;
        box-shadow: 0 0 1px rgba(100,100,100,.5);
        padding: 15px;
        box-sizing: border-box;
        -ms-animation: aui-fade-in .1s ease-out forwards;
        -webkit-animation: aui-fade-in .1s ease-out forwards;
        animation: aui-fade-in .1s ease-out forwards;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 999;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .aui-loading.aui-loading-ring .aui-loading-animate {
        width: 25px;
        height: 25px;
        margin: 0 auto;
        border-radius: 50%;
        position: relative;
        z-index: 999
    }

    .aui-loading.aui-loading-ring .aui-loading-msg {
        width: 100%;
        height: 17px;
        max-width: -webkit-calc(100vw - 40px);
        max-width: calc(100vw - 40px);
        line-height: 17px;
        margin: 7px auto 0 auto;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #FFF;
        text-align: center;
        opacity: .9
    }

    .aui-loading.aui-loading-ring .aui-loading-animate span {
        width: -webkit-calc(100% - 6px);
        width: calc(100% - 6px);
        height: 2px;
        display: inline-block;
        border-radius: 2px;
        position: absolute;
        box-sizing: initial !important;
        top: -webkit-calc(50% - 1px);
        top: calc(50% - 1px);
        left: 0;
        opacity: .3;
        -ms-animation: load-button .6s ease infinite;
        -webkit-animation: load-button .6s ease infinite;
        animation: load-button .6s ease infinite
    }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(1) {
            border-left: 6px solid #FFF;
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -ms-animation-delay: .05s;
            -webkit-animation-delay: .05s;
            animation-delay: .05s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(2) {
            border-left: 6px solid #FFF;
            -ms-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
            -ms-animation-delay: .1s;
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(3) {
            border-left: 6px solid #FFF;
            -ms-transform: rotate(60deg);
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -ms-animation-delay: .15s;
            -webkit-animation-delay: .15s;
            animation-delay: .15s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(4) {
            border-left: 6px solid #FFF;
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -ms-animation-delay: .2s;
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(5) {
            border-left: 6px solid #FFF;
            -ms-transform: rotate(120deg);
            -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
            -ms-animation-delay: .25s;
            -webkit-animation-delay: .25s;
            animation-delay: .25s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(6) {
            border-left: 6px solid #FFF;
            -ms-transform: rotate(150deg);
            -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
            -ms-animation-delay: .3s;
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(7) {
            border-right: 6px solid #FFF;
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -ms-animation-delay: .35s;
            -webkit-animation-delay: .35s;
            animation-delay: .35s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(8) {
            border-right: 6px solid #FFF;
            -ms-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
            -ms-animation-delay: .4s;
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(9) {
            border-right: 6px solid #FFF;
            -ms-transform: rotate(60deg);
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -ms-animation-delay: .45s;
            -webkit-animation-delay: .45s;
            animation-delay: .45s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(10) {
            border-right: 6px solid #FFF;
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -ms-animation-delay: .5s;
            -webkit-animation-delay: .5s;
            animation-delay: .5s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(11) {
            border-right: 6px solid #FFF;
            -ms-transform: rotate(120deg);
            -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
            -ms-animation-delay: .55s;
            -webkit-animation-delay: .55s;
            animation-delay: .55s
        }

        .aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(12) {
            border-right: 6px solid #FFF;
            -ms-transform: rotate(150deg);
            -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
            -ms-animation-delay: .6s;
            -webkit-animation-delay: .6s;
            animation-delay: .6s
        }

.aui-loading.aui-loading-button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

    .aui-loading.aui-loading-button .aui-loading-main {
        width: 100%;
        height: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 996;
        background: #FFF;
        white-space: nowrap;
        -ms-animation: aui-fade-in .2s ease-out forwards;
        -webkit-animation: aui-fade-in .2s ease-out forwards;
        animation: aui-fade-in .2s ease-out forwards
    }

    .aui-loading.aui-loading-button .aui-loading-animate {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    .aui-loading.aui-loading-button .aui-loading-msg {
        height: 20px;
        line-height: 21px;
        font-size: 13px;
        margin-left: 5px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 1px
    }

    .aui-loading.aui-loading-button .aui-loading-animate span {
        width: -webkit-calc(100% - 6px);
        width: calc(100% - 6px);
        height: 2px;
        display: inline-block;
        border-radius: 2px;
        box-sizing: initial !important;
        position: absolute;
        top: -webkit-calc(50% - 1px);
        top: calc(50% - 1px);
        left: 0;
        opacity: .3;
        -ms-animation: load-button .6s ease infinite;
        -webkit-animation: load-button .6s ease infinite;
        animation: load-button .6s ease infinite
    }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(1) {
            border-left: 5px solid #909090;
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -ms-animation-delay: .05s;
            -webkit-animation-delay: .05s;
            animation-delay: .05s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(2) {
            border-left: 5px solid #909090;
            -ms-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
            -ms-animation-delay: .1s;
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(3) {
            border-left: 5px solid #909090;
            -ms-transform: rotate(60deg);
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -ms-animation-delay: .15s;
            -webkit-animation-delay: .15s;
            animation-delay: .15s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(4) {
            border-left: 5px solid #909090;
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -ms-animation-delay: .2s;
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(5) {
            border-left: 5px solid #909090;
            -ms-transform: rotate(120deg);
            -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
            -ms-animation-delay: .25s;
            -webkit-animation-delay: .25s;
            animation-delay: .25s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(6) {
            border-left: 5px solid #909090;
            -ms-transform: rotate(150deg);
            -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
            -ms-animation-delay: .3s;
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(7) {
            border-right: 5px solid #909090;
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -ms-animation-delay: .35s;
            -webkit-animation-delay: .35s;
            animation-delay: .35s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(8) {
            border-right: 5px solid #909090;
            -ms-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
            -ms-animation-delay: .4s;
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(9) {
            border-right: 5px solid #909090;
            -ms-transform: rotate(60deg);
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -ms-animation-delay: .45s;
            -webkit-animation-delay: .45s;
            animation-delay: .45s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(10) {
            border-right: 5px solid #909090;
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -ms-animation-delay: .5s;
            -webkit-animation-delay: .5s;
            animation-delay: .5s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(11) {
            border-right: 5px solid #909090;
            -ms-transform: rotate(120deg);
            -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
            -ms-animation-delay: .55s;
            -webkit-animation-delay: .55s;
            animation-delay: .55s
        }

        .aui-loading.aui-loading-button .aui-loading-animate span:nth-child(12) {
            border-right: 5px solid #909090;
            -ms-transform: rotate(150deg);
            -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
            -ms-animation-delay: .6s;
            -webkit-animation-delay: .6s;
            animation-delay: .6s
        }

.aui-loading.aui-loading-squarefour {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

    .aui-loading.aui-loading-squarefour .aui-loading-main {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        background: #FFF;
        -ms-animation: aui-fade-in .2s ease-out forwards;
        -webkit-animation: aui-fade-in .2s ease-out forwards;
        animation: aui-fade-in .2s ease-out forwards
    }

    .aui-loading.aui-loading-squarefour .aui-loading-animate {
        width: 30px;
        height: 30px;
        display: block;
        margin: auto;
        position: absolute;
        top: -webkit-calc(50% - 30px);
        top: calc(50% - 30px);
        left: -webkit-calc(50% - 15px);
        left: calc(50% - 15px);
        -ms-animation: aui-loading-squarefour-animate 1s infinite;
        -webkit-animation: aui-loading-squarefour-animate 1s infinite;
        animation: aui-loading-squarefour-animate 1s infinite
    }

        .aui-loading.aui-loading-squarefour .aui-loading-animate span {
            width: 12px;
            height: 12px;
            display: block;
            border-radius: 2px;
            background: #2cb0b2;
            position: absolute
        }

        .aui-loading.aui-loading-squarefour .aui-loading-animate .span1 {
            background: #8bc34a;
            left: 0;
            -ms-animation: aui-loading-square-span1-animate 2s linear 0s infinite normal;
            -webkit-animation: aui-loading-square-span1-animate 2s linear 0s infinite normal;
            animation: aui-loading-square-span1-animate 2s linear 0s infinite normal
        }

        .aui-loading.aui-loading-squarefour .aui-loading-animate .span2 {
            background: #f44336;
            right: 0;
            -ms-animation: aui-loading-square-span2-animate 2s linear 0s infinite normal;
            -webkit-animation: aui-loading-square-span2-animate 2s linear 0s infinite normal;
            animation: aui-loading-square-span2-animate 2s linear 0s infinite normal
        }

        .aui-loading.aui-loading-squarefour .aui-loading-animate .span3 {
            background: #ffb74d;
            bottom: 0;
            -ms-animation: aui-loading-square-span3-animate 2s linear 0s infinite normal;
            -webkit-animation: aui-loading-square-span3-animate 2s linear 0s infinite normal;
            animation: aui-loading-square-span3-animate 2s linear 0s infinite normal
        }

        .aui-loading.aui-loading-squarefour .aui-loading-animate .span4 {
            background: #82bcf9;
            right: 0;
            bottom: 0;
            -ms-animation: aui-loading-square-span4-animate 2s linear 0s infinite normal;
            -webkit-animation: aui-loading-square-span4-animate 2s linear 0s infinite normal;
            animation: aui-loading-square-span4-animate 2s linear 0s infinite normal
        }

    .aui-loading.aui-loading-squarefour .aui-loading-msg {
        width: 100%;
        height: 35px;
        line-height: 40px;
        font-size: 13px;
        color: #909090;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0
    }

    .aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 {
        z-index: 999
    }

        .aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 .aui-loading-main {
            width: auto;
            height: auto;
            min-width: 60px;
            min-height: 60px;
            background: rgba(0,0,0,.8);
            border-radius: 10px;
            box-shadow: 0 0 1px rgba(100,100,100,.3) inset;
            padding: 20px;
            box-sizing: border-box;
            top: 50%;
            left: 50%;
            z-index: 999;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

            .aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 .aui-loading-main .aui-loading-animate {
                position: relative;
                top: 0;
                left: 0
            }

            .aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 .aui-loading-main .aui-loading-msg {
                height: 15px;
                line-height: 20px;
                font-size: 14px;
                color: #FFF;
                opacity: .9;
                margin: 10px 0 0 0;
                position: relative;
                top: 0;
                left: 0
            }

.aui-loading .aui-loading-msg .dotting {
    display: inline-block;
    width: 10px;
    min-height: 2px;
    padding-right: 2px;
    border-left: 2px solid currentColor;
    border-right: 2px solid currentColor;
    background-color: currentColor;
    background-clip: content-box;
    box-sizing: border-box;
    animation: aui-loading-msg-doting 1s infinite step-start both;
    *zoom: expression(this.innerHTML = '...')
}

    .aui-loading .aui-loading-msg .dotting:before {
        content: '...'
    }

    .aui-loading .aui-loading-msg .dotting::before {
        content: ''
    }

:root .aui-loading .aui-loading-msg .dotting {
    margin-left: 2px;
    padding-left: 2px
}

.aui-loading.aui-loading-dots {
    background-color: #FFF;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    margin-top: 0;
    top: 0
}

    .aui-loading.aui-loading-dots .aui-loading-main {
        width: 100%;
        height: 100%;
        position: relative
    }

    .aui-loading.aui-loading-dots .aui-loading-dot-items {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 120px;
        width: 120px;
        text-align: center;
        margin-top: -60px;
        margin-left: -60px
    }

    .aui-loading.aui-loading-dots .aui-loading-dot-item {
        width: 10px;
        height: 10px;
        background-color: #ec2b45;
        display: inline-block;
        margin-right: 6px;
        margin-top: 20px;
        border-radius: 2px;
        transform: scale(1) skewX(-30deg)
    }

    .aui-loading.aui-loading-dots #dot_one {
        -webkit-animation: dot_one 1.5s infinite;
        animation: dot_one 1.5s infinite
    }

    .aui-loading.aui-loading-dots #dot_two {
        -webkit-animation: dot_two 1.5s infinite;
        animation: dot_two 1.5s infinite;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .aui-loading.aui-loading-dots #dot_three {
        margin-right: 0;
        -webkit-animation: dot_three 1.5s infinite;
        animation: dot_three 1.5s infinite;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

@-webkit-keyframes dot_one {
    75% {
        -webkit-transform: scale(0) skewX(-30deg)
    }
}

@keyframes dot_one {
    75% {
        transform: scale(0) skewX(-30deg);
        -webkit-transform: scale(0) skewX(-30deg)
    }
}

@-webkit-keyframes dot_two {
    75% {
        -webkit-transform: scale(0) skewX(-30deg)
    }
}

@keyframes dot_two {
    75% {
        transform: scale(0) skewX(-30deg);
        -webkit-transform: scale(0) skewX(-30deg)
    }
}

@-webkit-keyframes dot_three {
    75% {
        -webkit-transform: scale(0) skewX(-30deg)
    }
}

@keyframes dot_three {
    75% {
        transform: scale(0) skewX(-30deg);
        -webkit-transform: scale(0) skewX(-30deg)
    }
}

.aui-loading.aui-loading-dots-opacity {
    background-color: #FFF;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    margin-top: 0;
    top: 0
}

    .aui-loading.aui-loading-dots-opacity .aui-loading-main {
        width: 100%;
        height: 100%;
        position: relative
    }

    .aui-loading.aui-loading-dots-opacity .aui-loading-dot-items {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 80px;
        width: 80px;
        text-align: center;
        margin-top: -40px;
        margin-left: -40px
    }

    .aui-loading.aui-loading-dots-opacity .aui-loading-dot-item {
        width: 10px;
        height: 10px;
        opacity: 1;
        background-color: #ec2b45;
        display: inline-block;
        margin-right: 10px;
        margin-top: 30px;
        -moz-border-radius: 50% 50% 50% 50%;
        -webkit-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%
    }

    .aui-loading.aui-loading-dots-opacity #dot_one {
        -webkit-animation: dot-opacity 1.5s infinite;
        animation: dot-opacity 1.5s infinite
    }

    .aui-loading.aui-loading-dots-opacity #dot_two {
        -webkit-animation: dot-opacity 1.5s infinite;
        animation: dot-opacity 1.5s infinite;
        -webkit-animation-delay: .25s;
        animation-delay: .25s
    }

    .aui-loading.aui-loading-dots-opacity #dot_three {
        margin-right: 0;
        -webkit-animation: dot-opacity 1.5s infinite;
        animation: dot-opacity 1.5s infinite;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

@-webkit-keyframes dot-opacity {
    50% {
        opacity: .1
    }
}

@keyframes dot-opacity {
    50% {
        opacity: .1
    }
}

.aui-toast {
    max-width: 80%;
    max-height: -webkit-calc(100% - 140px);
    line-height: 20px;
    display: inline-block;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-size: 14px;
    overflow-y: scroll;
    position: fixed;
    left: 10%;
    z-index: 999
}

    .aui-toast::-webkit-scrollbar {
        width: 1px
    }

.aui-toast-bottom {
    bottom: -60px;
    -ms-animation: aui-toast-from-bottom .55s cubic-bezier(0.68,-0.55,0.27,1.55) forwards;
    -webkit-animation: aui-toast-from-bottom .55s cubic-bezier(0.68,-0.55,0.27,1.55) forwards;
    animation: aui-toast-from-bottom .55s cubic-bezier(0.68,-0.55,0.27,1.55) forwards
}

.aui-toast-middle {
    text-align: center;
    top: 50%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -ms-animation: aui-fade-in .3s ease-out forwards;
    -webkit-animation: aui-fade-in .3s ease-out forwards;
    animation: aui-fade-in .3s ease-out forwards
}

    .aui-toast-middle .aui-toast-main {
        width: 100%;
        white-space: nowrap
    }

        .aui-toast-middle .aui-toast-main .aui-toast-icon {
            vertical-align: middle
        }

        .aui-toast-middle .aui-toast-main .aui-toast-msg {
            font-size: 14px;
            vertical-align: middle
        }

        .aui-toast-middle .aui-toast-main .aui-toast-icon img {
            width: 30px;
            height: 30px
        }

.aui-dialog {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.aui-dialog-main {
    min-width: 300px;
    background: #fff;
    border-radius: 13px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1.185);
    transform: translate3d(-50%,-50%,0) scale(1.185);
    opacity: 0;
    z-index: 999
}

.aui-dialog.aui-dialog-in {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 1
}

.aui-dialog.aui-dialog-out {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 0
}

.aui-dialog.aui-dialog-in .aui-mask {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 1
}

.aui-dialog.aui-dialog-out .aui-mask {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 0
}

.aui-dialog.aui-dialog-out .aui-dialog-main {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(-50%,-50%,0) scale(0.8);
    transform: translate3d(-50%,-50%,0) scale(0.8);
    opacity: 0
}

.aui-dialog.aui-dialog-in .aui-dialog-main {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1);
    opacity: 1
}

.aui-dialog-title {
    width: 100%;
    height: 40px;
    line-height: 55px;
    position: relative;
    font-size: 18px;
    display: inline-block;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    text-align: center;
    color: #333;
    box-sizing: border-box
}

.aui-dialog-content {
    width: 100%;
    max-height: 70vh;
    line-height: 27px;
    font-size: 16px;
    color: #555;
    display: inline-block;
    overflow-y: scroll;
    padding: 30px 20px 25px 20px;
    box-sizing: border-box
}

    .aui-dialog-content::-webkit-scrollbar {
        width: 0
    }

.aui-dialog-down {
    width: 100%;
    height: 50px;
    text-align: right;
    position: relative;
    overflow: hidden
}

.aui-dialog-down-btn {
    width: auto;
    height: 100%;
    display: inline-block;
    font-size: 17px;
    color: var(--aui-color);
    text-align: center;
    position: relative
}

.aui-dialog-down-cancel-btn {
    color: #646464
}

.aui-dialog-down-delete-btn {
    color: red
}

.aui-dialog-main-style-1 .aui-dialog-down {
    height: 50px
}

.aui-dialog-main-style-1 .aui-dialog-down-btn {
    line-height: 50px
}

.aui-dialog-main-style-1 .aui-dialog-down:before {
    content: '';
    width: 100%;
    height: 1px;
    -ms-transform: scaleY(.3);
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
    background: rgba(100,100,100,.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:first-child {
    border-bottom-left-radius: 13px
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:last-child {
    border-bottom-right-radius: 13px
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:after {
    content: '';
    width: 1px;
    height: 100%;
    -ms-transform: scaleX(.3);
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    background: rgba(100,100,100,.3);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:last-child:after {
    display: none
}

.aui-dialog-main-style-2 {
    border-radius: 6px
}

    .aui-dialog-main-style-2 .aui-dialog-down {
        height: 40px;
        padding: 0 10px 10px 10px;
        box-sizing: border-box
    }

    .aui-dialog-main-style-2 .aui-dialog-down-btn {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 0 0 10px
    }

.aui-dialog-main-style-3 .aui-dialog-down {
    height: auto
}

.aui-dialog-main-style-3 .aui-dialog-down-btn:before {
    content: '';
    width: 100%;
    height: 1px;
    -ms-transform: scaleY(.3);
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
    background: rgba(100,100,100,.4);
    position: absolute;
    bottom: 0;
    left: 0
}

.aui-dialog-main-style-3 .aui-dialog-down-btn:last-child {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px
}

    .aui-dialog-main-style-3 .aui-dialog-down-btn:last-child:before {
        display: none
    }

.aui-dialog-main-style-3 .aui-dialog-down-btn:first-child:after {
    display: none
}

.aui-dialog-main-style-4 .aui-dialog-down {
    height: 60px;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.aui-dialog-main-style-4 .aui-dialog-down-btn {
    height: 40px;
    line-height: 40px;
    justify-content: center;
    margin: 0 10px;
    display: flex;
    flex: 1;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 30px;
    background: var(--aui-bg);
    color: #FFF
}

    .aui-dialog-main-style-4 .aui-dialog-down-btn.aui-dialog-down-cancel-btn {
        background: #f4f4f4;
        color: #646464
    }

    .aui-dialog-main-style-4 .aui-dialog-down-btn.aui-dialog-down-delete-btn {
        background: #f55;
        color: #fff
    }

.aui-dialog-input-list {
    width: 100%;
    position: relative
}

    .aui-dialog-input-list label {
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        font-size: 16px;
        color: #646464
    }

.aui-dialog-input-list-input {
    width: 100%;
    background: #fff;
    border-radius: 3px;
    border: 0;
    box-sizing: border-box;
    padding: 2px;
    margin: 0 0 10px 0;
    color: #515151;
    position: relative
}

.aui-dialog-input-list input {
    width: 100%;
    height: 40px;
    line-height: 20px;
    border-radius: 3px;
    border: 0;
    margin: 0;
    padding: 1px 25px 0 10px;
    box-sizing: border-box;
    font-size: 15px;
    color: #515151;
    position: relative;
    z-index: 1
}

.aui-dialog-input-list-input:after {
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid rgba(100,100,100,.3);
    -ms-transform: scale(.5,.5);
    -webkit-transform: scale(.5,.5);
    transform: scale(.5,.5);
    position: absolute;
    top: -50%;
    left: -50%;
    border-radius: 10px;
    z-index: 0
}

.aui-input-clear {
    width: 18px;
    height: 38px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 5px;
    z-index: 1
}

    .aui-input-clear i {
        width: 18px;
        height: 18px;
        background: rgba(0,0,0,.3);
        border-radius: 50%;
        display: inline-block;
        margin: 8.5px 0;
        position: relative;
        opacity: 0
    }

        .aui-input-clear i:before, .aui-input-clear i:after {
            content: '';
            width: 10px;
            height: 1px;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #fff;
            position: absolute;
            top: -webkit-calc(50% - .5px);
            top: calc(50% - .5px);
            left: 4px
        }

        .aui-input-clear i:after {
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.aui-actionsheet {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    -ms-animation: aui-fade-in .1s ease-out forwards;
    -webkit-animation: aui-fade-in .1s ease-out forwards;
    animation: aui-fade-in .1s ease-out forwards;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

    .aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-main {
        width: -webkit-calc(100vw - 20px);
        width: calc(100vw - 20px);
        overflow: hidden;
        border-radius: 10px;
        position: absolute;
        left: 10px;
        z-index: 999
    }

    .aui-actionsheet.aui-actionsheet-style-2 .aui-actionsheet-main {
        width: 100%;
        max-height: 60vh;
        overflow: hidden;
        position: absolute;
        left: 0;
        z-index: 999
    }

    .aui-actionsheet .aui-actionsheet-title {
        width: 100%;
        min-height: 50px;
        line-height: 25px;
        padding: 12px 10px;
        text-align: center;
        color: #909090;
        box-sizing: border-box;
        font-size: 15px;
        background: #FFF;
        position: relative
    }

        .aui-actionsheet .aui-actionsheet-title:after {
            content: '';
            width: 100%;
            height: 1px;
            -ms-transform: scaleY(.3);
            -webkit-transform: scaleY(.3);
            transform: scaleY(.3);
            background: rgba(100,100,100,.3);
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1
        }

    .aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-bottom .aui-actionsheet-main {
        bottom: 0px;
        -ms-animation: aui-slide-up .2s ease-out forwards;
        -webkit-animation: aui-slide-up .2s ease-out forwards;
        animation: aui-slide-up .2s ease-out forwards
    }

    .aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-middle .aui-actionsheet-main {
        width: 80%;
        background: #FFF;
        -ms-animation: aui-scale-in-tosmall .2s ease-out forwards;
        -webkit-animation: aui-scale-in-tosmall .2s ease-out forwards;
        animation: aui-scale-in-tosmall .2s ease-out forwards
    }

    .aui-actionsheet.aui-actionsheet-style-2.aui-actionsheet-middle .aui-actionsheet-main {
        width: 80%;
        border-radius: 10px;
        background: #FFF;
        -ms-animation: aui-scale-in-tosmall .2s ease-out forwards;
        -webkit-animation: aui-scale-in-tosmall .2s ease-out forwards;
        animation: aui-scale-in-tosmall .2s ease-out forwards
    }

    .aui-actionsheet.aui-actionsheet-style-2.aui-actionsheet-bottom .aui-actionsheet-main {
        bottom: -30vh;
        background: #FFF;
        border-radius: 10px 10px 0 0;
        -ms-animation: aui-slide-up-screen .2s ease-out forwards;
        -webkit-animation: aui-slide-up-screen .2s ease-out forwards;
        animation: aui-slide-up-screen .2s ease-out forwards
    }

    .aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-items {
        width: 100%;
        font-size: 0;
        background: #FFF;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px
    }

    .aui-actionsheet.aui-actionsheet-style-2 .aui-actionsheet-items {
        width: 100%;
        background: #FFF;
        font-size: 0
    }

    .aui-actionsheet .aui-actionsheet-item {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 17px;
        padding: 0 20px;
        box-sizing: border-box;
        color: #333;
        background: #FFF;
        text-align: center;
        position: relative;
        vertical-align: top
    }

    .aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-item:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-item:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .aui-actionsheet .aui-actionsheet-item:after {
        content: '';
        width: 100%;
        height: 1px;
        -ms-transform: scaleY(.3);
        -webkit-transform: scaleY(.3);
        transform: scaleY(.3);
        background: rgba(100,100,100,.3);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-bottom .aui-actionsheet-item:last-child:after {
        display: none
    }

    .aui-actionsheet .aui-actionsheet-cancle {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #646464;
        text-align: center;
        background: #FFF
    }

    .aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-bottom .aui-actionsheet-cancle {
        border-radius: 10px;
        margin-top: 10px
    }

    .aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-middle .aui-actionsheet-cancle {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

@-ms-keyframes aui-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes aui-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes aui-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes aui-fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes aui-fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes aui-fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes aui-scale-in {
    0% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes aui-scale-in {
    0% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes aui-scale-in {
    0% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes aui-scale-out {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-webkit-keyframes aui-scale-out {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes aui-scale-out {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-ms-keyframes aui-scale-in-tosmall {
    0% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes aui-scale-in-tosmall {
    0% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes aui-scale-in-tosmall {
    0% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes aui-scale-in-tosmall-dialog {
    0% {
        -ms-transform: translate3d(-50%,-50%,0) scale(1.16);
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.16);
        transform: translate3d(-50%,-50%,0) scale(1.16);
        opacity: 0
    }

    100% {
        -ms-transform: translate3d(-50%,-50%,0) scale(1);
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3(-50%,-50%,0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes aui-scale-in-tosmall-dialog {
    0% {
        -ms-transform: translate3d(-50%,-50%,0) scale(1.16);
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.16);
        transform: translate3d(-50%,-50%,0) scale(1.16);
        opacity: 0
    }

    100% {
        -ms-transform: translate3d(-50%,-50%,0) scale(1);
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3(-50%,-50%,0) scale(1);
        opacity: 1
    }
}

@keyframes aui-scale-in-tosmall-dialog {
    0% {
        -ms-transform: translate3d(-50%,-50%,0) scale(1.16);
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.16);
        transform: translate3d(-50%,-50%,0) scale(1.16);
        opacity: 0
    }

    100% {
        -ms-transform: translate3d(-50%,-50%,0) scale(1);
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3(-50%,-50%,0) scale(1);
        opacity: 1
    }
}

@-ms-keyframes aui-slide-up {
    0% {
        bottom: -40vh
    }

    100% {
        bottom: 10px
    }
}

@-webkit-keyframes aui-slide-up {
    0% {
        bottom: -40vh
    }

    100% {
        bottom: 10px
    }
}

@keyframes aui-slide-up {
    0% {
        bottom: -40vh
    }

    100% {
        bottom: 10px
    }
}

@-ms-keyframes aui-slide-down {
    0% {
        bottom: 10px
    }

    100% {
        bottom: -40vh
    }
}

@-webkit-keyframes aui-slide-down {
    0% {
        bottom: 10px
    }

    100% {
        bottom: -40vh
    }
}

@keyframes aui-slide-down {
    0% {
        bottom: 10px
    }

    100% {
        bottom: -40vh
    }
}

@-ms-keyframes aui-slide-up-screen {
    0% {
        bottom: -60vh
    }

    100% {
        bottom: 0
    }
}

@-webkit-keyframes aui-slide-up-screen {
    0% {
        bottom: -60vh
    }

    100% {
        bottom: 0
    }
}

@keyframes aui-slide-up-screen {
    0% {
        bottom: -60vh
    }

    100% {
        bottom: 0
    }
}

@-ms-keyframes aui-slide-down-screen {
    0% {
        bottom: 0
    }

    100% {
        bottom: -60vh
    }
}

@-webkit-keyframes aui-slide-down-screen {
    0% {
        bottom: 0
    }

    100% {
        bottom: -60vh
    }
}

@keyframes aui-slide-down-screen {
    0% {
        bottom: 0
    }

    100% {
        bottom: -60vh
    }
}

@-ms-keyframes load-ring {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg)
    }

    25% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)-ms-transform:rotate(180deg)
    }

    75% {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-webkit-keyframes load-ring {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg)
    }

    25% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg)
    }

    75% {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@keyframes load-ring {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg)
    }

    25% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg)
    }

    75% {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-ms-keyframes aui-loading-square-span1-translate {
    0% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        left: 100%;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes aui-loading-square-span1-translate {
    0% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        left: 100%;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes aui-loading-square-span1-translate {
    0% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        left: 100%;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-ms-keyframes aui-loading-square-span1-zindex {
    0% {
        z-index: 0
    }

    50% {
        z-index: 1
    }

    100% {
        z-index: 0
    }
}

@-webkit-keyframes aui-loading-square-span1-zindex {
    0% {
        z-index: 0
    }

    50% {
        z-index: 1
    }

    100% {
        z-index: 0
    }
}

@keyframes aui-loading-square-span1-zindex {
    0% {
        z-index: 0
    }

    50% {
        z-index: 1
    }

    100% {
        z-index: 0
    }
}

@-ms-keyframes aui-loading-square-span2-translate {
    0% {
        left: 100% -ms-transform:scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        left: 100%;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes aui-loading-square-span2-translate {
    0% {
        left: 100%;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        left: 100%;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes aui-loading-square-span2-translate {
    0% {
        left: 100%;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        left: -14px;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        left: 100%;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-ms-keyframes aui-loading-square-span2-zindex {
    0% {
        z-index: 1
    }

    50% {
        z-index: 0
    }

    100% {
        z-index: 1
    }
}

@-webkit-keyframes aui-loading-square-span2-zindex {
    0% {
        z-index: 1
    }

    50% {
        z-index: 0
    }

    100% {
        z-index: 1
    }
}

@keyframes aui-loading-square-span2-zindex {
    0% {
        z-index: 1
    }

    50% {
        z-index: 0
    }

    100% {
        z-index: 1
    }
}

@-ms-keyframes load-button {
    0% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@-webkit-keyframes load-button {
    0% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@keyframes load-button {
    0% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@-ms-keyframes aui-loading-squarefour-animate {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes aui-loading-squarefour-animate {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes aui-loading-squarefour-animate {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes aui-loading-square-span1-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(0,18px);
        -webkit-transform: translate(0,18px);
        transform: translate(0,18px)
    }

    50% {
        -ms-transform: translate(18px,18px);
        -webkit-transform: translate(18px,18px);
        transform: translate(18px,18px)
    }

    75% {
        -ms-transform: translate(18px,0);
        -webkit-transform: translate(18px,0);
        transform: translate(18px,0)
    }
}

@-webkit-keyframes aui-loading-square-span1-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(0,18px);
        -webkit-transform: translate(0,18px);
        transform: translate(0,18px)
    }

    50% {
        -ms-transform: translate(18px,18px);
        -webkit-transform: translate(18px,18px);
        transform: translate(18px,18px)
    }

    75% {
        -ms-transform: translate(18px,0);
        -webkit-transform: translate(18px,0);
        transform: translate(18px,0)
    }
}

@keyframes aui-loading-square-span1-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(0,18px);
        -webkit-transform: translate(0,18px);
        transform: translate(0,18px)
    }

    50% {
        -ms-transform: translate(18px,18px);
        -webkit-transform: translate(18px,18px);
        transform: translate(18px,18px)
    }

    75% {
        -ms-transform: translate(18px,0);
        -webkit-transform: translate(18px,0);
        transform: translate(18px,0)
    }
}

@-ms-keyframes aui-loading-square-span2-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(-18px,0);
        -webkit-transform: translate(-18px,0);
        transform: translate(-18px,0)
    }

    50% {
        -ms-transform: translate(-18px,18px);
        -webkit-transform: translate(-18px,18px);
        transform: translate(-18px,18px)
    }

    75% {
        -ms-transform: translate(0,18px);
        -webkit-transform: translate(0,18px);
        transform: translate(0,18px)
    }
}

@-webkit-keyframes aui-loading-square-span2-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(-18px,0);
        -webkit-transform: translate(-18px,0);
        transform: translate(-18px,0)
    }

    50% {
        -ms-transform: translate(-18px,18px);
        -webkit-transform: translate(-18px,18px);
        transform: translate(-18px,18px)
    }

    75% {
        -ms-transform: translate(0,18px);
        -webkit-transform: translate(0,18px);
        transform: translate(0,18px)
    }
}

@keyframes aui-loading-square-span2-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(-18px,0);
        -webkit-transform: translate(-18px,0);
        transform: translate(-18px,0)
    }

    50% {
        -ms-transform: translate(-18px,18px);
        -webkit-transform: translate(-18px,18px);
        transform: translate(-18px,18px)
    }

    75% {
        -ms-transform: translate(0,18px);
        -webkit-transform: translate(0,18px);
        transform: translate(0,18px)
    }
}

@-ms-keyframes aui-loading-square-span3-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(18px,0);
        -webkit-transform: translate(18px,0);
        transform: translate(18px,0)
    }

    50% {
        -ms-transform: translate(18px,-18px);
        -webkit-transform: translate(18px,-18px);
        transform: translate(18px,-18px)
    }

    75% {
        -ms-transform: translate(0,-18px);
        -webkit-transform: translate(0,-18px);
        transform: translate(0,-18px)
    }
}

@-webkit-keyframes aui-loading-square-span3-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(18px,0);
        -webkit-transform: translate(18px,0);
        transform: translate(18px,0)
    }

    50% {
        -ms-transform: translate(18px,-18px);
        -webkit-transform: translate(18px,-18px);
        transform: translate(18px,-18px)
    }

    75% {
        -ms-transform: translate(0,-18px);
        -webkit-transform: translate(0,-18px);
        transform: translate(0,-18px)
    }
}

@keyframes aui-loading-square-span3-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(18px,0);
        -webkit-transform: translate(18px,0);
        transform: translate(18px,0)
    }

    50% {
        -ms-transform: translate(18px,-18px);
        -webkit-transform: translate(18px,-18px);
        transform: translate(18px,-18px)
    }

    75% {
        -ms-transform: translate(0,-18px);
        -webkit-transform: translate(0,-18px);
        transform: translate(0,-18px)
    }
}

@-ms-keyframes aui-loading-square-span4-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(0,-18px);
        -webkit-transform: translate(0,-18px);
        transform: translate(0,-18px)
    }

    50% {
        -ms-transform: translate(-18px,-18px);
        -webkit-transform: translate(-18px,-18px);
        transform: translate(-18px,-18px)
    }

    75%-ms-transform:translate(-18px,0);-webkit-transform:translate(-18px,0);transform:translate(-18px,0)
}

}

@-webkit-keyframes aui-loading-square-span4-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(0,-18px);
        -webkit-transform: translate(0,-18px);
        transform: translate(0,-18px)
    }

    50% {
        -ms-transform: translate(-18px,-18px);
        -webkit-transform: translate(-18px,-18px);
        transform: translate(-18px,-18px)
    }

    75% {
        -ms-transform: translate(-18px,0);
        -webkit-transform: translate(-18px,0);
        transform: translate(-18px,0)
    }
}

@keyframes aui-loading-square-span4-animate {
    0% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25% {
        -ms-transform: translate(0,-18px);
        -webkit-transform: translate(0,-18px);
        transform: translate(0,-18px)
    }

    50% {
        -ms-transform: translate(-18px,-18px);
        -webkit-transform: translate(-18px,-18px);
        transform: translate(-18px,-18px)
    }

    75% {
        -ms-transform: translate(-18px,0);
        -webkit-transform: translate(-18px,0);
        transform: translate(-18px,0)
    }
}

@-ms-keyframes aui-loading-msg-doting {
    25% {
        border-color: transparent;
        background-color: transparent
    }

    50% {
        border-right-color: transparent;
        background-color: transparent
    }

    75% {
        border-right-color: transparent
    }
}

@-webkit-keyframes aui-loading-msg-doting {
    25% {
        border-color: transparent;
        background-color: transparent
    }

    50% {
        border-right-color: transparent;
        background-color: transparent
    }

    75% {
        border-right-color: transparent
    }
}

@keyframes aui-loading-msg-doting {
    25% {
        border-color: transparent;
        background-color: transparent
    }

    50% {
        border-right-color: transparent;
        background-color: transparent
    }

    75% {
        border-right-color: transparent
    }
}

@-ms-keyframes aui-toast-from-bottom {
    0% {
        bottom: 30px;
        opacity: 0
    }

    100% {
        bottom: 70px;
        opacity: 1
    }
}

@-webkit-keyframes aui-toast-from-bottom {
    0% {
        bottom: 30px;
        opacity: 0
    }

    100% {
        bottom: 70px;
        opacity: 1
    }
}

@keyframes aui-toast-from-bottom {
    0% {
        bottom: 30px;
        opacity: 0
    }

    100% {
        bottom: 70px;
        opacity: 1
    }
}

@-webkit-keyframes aui-slide-up_to_middle {
    0% {
        opacity: 0;
        top: -50vh;
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        opacity: 1;
        top: 45%;
        -ms-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }
}

@keyframes aui-slide-up_to_middle {
    0% {
        opacity: 0;
        top: -50vh;
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        opacity: 1;
        top: 45%;
        -ms-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }
}

@-webkit-keyframes aui-noticebar-row {
    0% {
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes aui-noticebar-row {
    0% {
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes aui-noticebar-col {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes aui-noticebar-col {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}