#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.yu-ui-fade-enter-active, .yu-ui-fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.yu-ui-fade-enter, .yu-ui-fade-leave-to {
    opacity: 0
}

.yu-ui-slide-from-left-enter-active, .yu-ui-slide-from-left-leave-active {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.yu-ui-slide-from-left-enter, .yu-ui-slide-from-left-leave-to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.yu-ui-slide-from-right-enter-active, .yu-ui-slide-from-right-leave-active {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.yu-ui-slide-from-right-enter, .yu-ui-slide-from-right-leave-to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.yu-ui-slide-from-top-enter-active, .yu-ui-slide-from-top-leave-active {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.yu-ui-slide-from-top-enter, .yu-ui-slide-from-top-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.yu-ui-slide-from-bottom-enter-active, .yu-ui-slide-from-bottom-leave-active {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.yu-ui-slide-from-bottom-enter, .yu-ui-slide-from-bottom-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.yu-ui-rise-enter-active, .yu-ui-rise-leave-active {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.yu-ui-rise-enter, .yu-ui-rise-leave-to {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important
}

@-webkit-keyframes yu-ui-loading {
    0% {
        background-position: 0 0;
        width: 47px;
        height: 47px
    }

    25% {
        background-position: -51px 0;
        width: 47px;
        height: 47px
    }

    50% {
        background-position: 0 -51px;
        width: 47px;
        height: 47px
    }

    75% {
        background-position: -51px -51px;
        width: 47px;
        height: 47px
    }
}

@keyframes yu-ui-loading {
    0% {
        background-position: 0 0;
        width: 47px;
        height: 47px
    }

    25% {
        background-position: -51px 0;
        width: 47px;
        height: 47px
    }

    50% {
        background-position: 0 -51px;
        width: 47px;
        height: 47px
    }

    75% {
        background-position: -51px -51px;
        width: 47px;
        height: 47px
    }
}

@-webkit-keyframes yu-ui-clockwish-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

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

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes yu-ui-clockwish-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

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

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes yu-ui-anticlockwise-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

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

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

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes yu-ui-anticlockwise-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

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

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

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.yu-nav-text {
    font-size: 1.2rem;
    color: #333
}

.yu-important-text {
    font-size: 1.0666666667rem;
    color: #333
}

.yu-tab-text {
    font-size: 1rem;
    color: #333
}

.yu-title-text {
    font-size: .9333333333rem;
    color: #333
}

.yu-sub-title-text {
    font-size: .8666666667rem;
    color: #333
}

.yu-main-important-text {
    font-size: .8rem;
    color: #333
}

.yu-main-text {
    font-size: .8rem;
    color: #666
}

.yu-desc-text {
    font-size: .8rem;
    color: #999
}

.yu-tips-text {
    font-size: .7333333333rem;
    color: #666
}

.yu-detail-price-text {
    font-size: .9333333333rem;
    color: #f74747
}

.yu-list-price-text {
    font-size: .8666666667rem;
    color: #f74747
}

.yu-main-price-text {
    font-size: .8rem;
    color: #f74747
}

.yu-del-price-text {
    font-size: .8rem;
    color: #999;
    text-decoration: line-through
}

.yu-text-indent {
    text-indent: 2em
}

.yu-background-color {
    background-color: #f9f9f9
}

.yu-input-placeholder {
    color: #999
}

.yu-divider-line-thick-border {
    border-width: 0;
    border-color: #f9f9f9;
    border-bottom-width: .3333333333rem;
    border-style: solid
}

.yu-divider-line-thick-block {
    background-color: #f9f9f9;
    height: .3333333333rem
}

.yu-divider-line-hair-border {
    border-width: 0;
    border-color: #f2f2f2;
    border-bottom-width: 1px;
    border-style: solid
}

.yu-divider-line-hair-block {
    background-color: #f2f2f2;
    height: 1px
}

.yu-main-widest-button {
    color: #fff;
    background-color: #f74747;
    border: 1px solid #f74747;
    width: 100%;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem;
    display: block
}

.yu-main-widest-button:active:not(.yu-button-not-ready) {
    background-color: #d42e2e;
    border: 1px solid #d42e2e
}

.yu-secondary-widest-button {
    color: #666;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem;
    display: block
}

.yu-secondary-widest-button:active:not(.yu-button-not-ready) {
    border: 1px solid #ccc;
    background-color: #ccc
}

.yu-disabled-widest-button {
    color: #ccc;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    width: 100%
}

.yu-disabled-widest-button, .yu-main-large-button {
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem;
    display: block
}

.yu-main-large-button {
    color: #fff;
    background-color: #f74747;
    border: 1px solid #f74747;
    width: 22.3333333333rem;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-main-large-button:active:not(.yu-button-not-ready) {
    background-color: #d42e2e;
    border: 1px solid #d42e2e
}

.yu-main-hollow-large-button {
    color: #f74747;
    border: 1px solid;
    background-color: #fff;
    display: block;
    width: 22.3333333333rem;
    font-size: 1.0666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-main-hollow-large-button:active:not(.yu-button-not-ready) {
    background-color: #fff4f5
}

.yu-secondary-large-button {
    color: #666;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    display: block;
    width: 22.3333333333rem;
    font-size: 1.0666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-secondary-large-button:active:not(.yu-button-not-ready) {
    border: 1px solid #ccc;
    background-color: #ccc
}

.yu-secondary-hollow-large-button {
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: .1666666667rem
}

.yu-disabled-large-button, .yu-secondary-hollow-large-button {
    display: block;
    width: 22.3333333333rem;
    font-size: 1.0666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.yu-disabled-large-button {
    color: #ccc;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    border-radius: .1666666667rem
}

.yu-disabled-hollow-large-button {
    color: #ccc;
    border: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    width: 22.3333333333rem;
    font-size: 1.0666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    border-radius: .1666666667rem
}

.yu-disabled-hollow-large-button, .yu-main-middle-button {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.yu-main-middle-button {
    color: #fff;
    background-color: #f74747;
    border: 1px solid #f74747;
    width: 18rem;
    font-size: .9333333333rem;
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: .1666666667rem
}

.yu-main-middle-button:active:not(.yu-button-not-ready) {
    background-color: #d42e2e;
    border: 1px solid #d42e2e
}

.yu-main-hollow-middle-button {
    color: #f74747;
    border: 1px solid;
    background-color: #fff;
    display: block;
    width: 18rem;
    font-size: .9333333333rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-main-hollow-middle-button:active:not(.yu-button-not-ready) {
    background-color: #fff4f5
}

.yu-secondary-middle-button {
    color: #666;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    display: block;
    width: 18rem;
    font-size: .9333333333rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-secondary-middle-button:active:not(.yu-button-not-ready) {
    border: 1px solid #ccc;
    background-color: #ccc
}

.yu-secondary-hollow-middle-button {
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: .1666666667rem
}

.yu-disabled-middle-button, .yu-secondary-hollow-middle-button {
    display: block;
    width: 18rem;
    font-size: .9333333333rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.yu-disabled-middle-button {
    color: #ccc;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    border-radius: .1666666667rem
}

.yu-disabled-hollow-middle-button {
    color: #ccc;
    border: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    display: block;
    width: 18rem;
    font-size: .9333333333rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-main-rect-button {
    color: #fff;
    background-color: #f74747;
    border: 1px solid #f74747;
    width: 6.6666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem
}

.yu-main-rect-button:active:not(.yu-button-not-ready) {
    background-color: #d42e2e;
    border: 1px solid #d42e2e
}

.yu-main-hollow-rect-button {
    color: #f74747;
    border: 1px solid;
    background-color: #fff;
    width: 6.6666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem
}

.yu-main-hollow-rect-button:active:not(.yu-button-not-ready) {
    background-color: #fff4f5
}

.yu-secondary-rect-button {
    color: #666;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    width: 6.6666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem
}

.yu-secondary-rect-button:active:not(.yu-button-not-ready) {
    border: 1px solid #ccc;
    background-color: #ccc
}

.yu-secondary-hollow-rect-button {
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff
}

.yu-disabled-rect-button, .yu-secondary-hollow-rect-button {
    width: 6.6666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem
}

.yu-disabled-rect-button {
    color: #ccc;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2
}

.yu-disabled-hollow-rect-button {
    color: #ccc;
    border: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    width: 6.6666666667rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.0666666667rem
}

.yu-main-small-button {
    color: #fff;
    background-color: #f74747;
    border: 1px solid #f74747;
    width: auto;
    padding-left: .8rem;
    padding-right: .8rem;
    min-width: 3.7333333333rem;
    display: inline-block;
    height: 2.0666666667rem;
    line-height: 2.0666666667rem;
    text-align: center;
    font-size: .8rem;
    border-radius: .1666666667rem
}

.yu-main-small-button:active:not(.yu-button-not-ready) {
    background-color: #d42e2e;
    border: 1px solid #d42e2e
}

.yu-main-hollow-small-button {
    color: #f74747;
    border: 1px solid;
    background-color: #fff;
    width: auto;
    padding-left: .8rem;
    padding-right: .8rem;
    min-width: 3.7333333333rem;
    display: inline-block;
    height: 2.0666666667rem;
    line-height: 2.0666666667rem;
    text-align: center;
    font-size: .8rem;
    border-radius: .1666666667rem
}

.yu-main-hollow-small-button:active:not(.yu-button-not-ready) {
    background-color: #fff4f5
}

.yu-secondary-small-button {
    color: #666;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    width: auto;
    padding-left: .8rem;
    padding-right: .8rem;
    min-width: 3.7333333333rem;
    display: inline-block;
    height: 2.0666666667rem;
    line-height: 2.0666666667rem;
    text-align: center;
    font-size: .8rem;
    border-radius: .1666666667rem
}

.yu-secondary-small-button:active:not(.yu-button-not-ready) {
    border: 1px solid #ccc;
    background-color: #ccc
}

.yu-secondary-hollow-small-button {
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: .1666666667rem
}

.yu-disabled-small-button, .yu-secondary-hollow-small-button {
    width: auto;
    padding-left: .8rem;
    padding-right: .8rem;
    min-width: 3.7333333333rem;
    display: inline-block;
    height: 2.0666666667rem;
    line-height: 2.0666666667rem;
    text-align: center;
    font-size: .8rem
}

.yu-disabled-small-button {
    color: #ccc;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    border-radius: .1666666667rem
}

.yu-disabled-hollow-small-button {
    color: #ccc;
    border: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    width: auto;
    padding-left: .8rem;
    padding-right: .8rem;
    min-width: 3.7333333333rem;
    display: inline-block;
    height: 2.0666666667rem;
    line-height: 2.0666666667rem;
    text-align: center;
    font-size: .8rem;
    border-radius: .1666666667rem
}

.yu-button-not-ready {
    opacity: .3
}

.yu-main-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid #f74747
}

.yu-main-large-badge, .yu-main-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #f74747;
    color: #fff
}

.yu-main-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid #f74747
}

.yu-main-hollow-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-main-hollow-large-badge, .yu-main-hollow-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #fff;
    color: #f74747
}

.yu-main-hollow-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid
}

.yu-secondary-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid #f2f2f2
}

.yu-secondary-large-badge, .yu-secondary-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #f2f2f2;
    color: #666
}

.yu-secondary-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid #f2f2f2
}

.yu-secondary-hollow-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid;
    border-color: #ccc
}

.yu-secondary-hollow-large-badge, .yu-secondary-hollow-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #fff;
    color: #666
}

.yu-secondary-hollow-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid;
    border-color: #ccc
}

.yu-thirdly-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid #ff8d50
}

.yu-thirdly-large-badge, .yu-thirdly-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #ff8d50;
    color: #fff
}

.yu-thirdly-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid #ff8d50
}

.yu-thirdly-hollow-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-thirdly-hollow-large-badge, .yu-thirdly-hollow-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #fff;
    color: #ff8d50
}

.yu-thirdly-hollow-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid
}

.yu-fourthly-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid #d42e2e
}

.yu-fourthly-large-badge, .yu-fourthly-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #d42e2e;
    color: #fff
}

.yu-fourthly-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid #d42e2e
}

.yu-fourthly-hollow-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-fourthly-hollow-large-badge, .yu-fourthly-hollow-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #fff;
    color: #d42e2e
}

.yu-fourthly-hollow-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid
}

.yu-fifthly-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid #369
}

.yu-fifthly-large-badge, .yu-fifthly-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #369;
    color: #fff
}

.yu-fifthly-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid #369
}

.yu-fifthly-hollow-large-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-fifthly-hollow-large-badge, .yu-fifthly-hollow-large-tag {
    text-align: center;
    font-size: .8rem;
    display: inline-block;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    padding: 0 .4rem;
    min-width: 1.1333333333rem;
    background-color: #fff;
    color: #369
}

.yu-fifthly-hollow-large-badge {
    border-radius: .9066666667rem;
    border: 1px solid
}

.yu-main-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid #f74747
}

.yu-main-middle-badge, .yu-main-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #f74747;
    color: #fff
}

.yu-main-middle-badge {
    border-radius: .8rem;
    border: 1px solid #f74747
}

.yu-main-hollow-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-main-hollow-middle-badge, .yu-main-hollow-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #fff;
    color: #f74747
}

.yu-main-hollow-middle-badge {
    border-radius: .8rem;
    border: 1px solid
}

.yu-secondary-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid #f2f2f2
}

.yu-secondary-middle-badge, .yu-secondary-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #f2f2f2;
    color: #666
}

.yu-secondary-middle-badge {
    border-radius: .8rem;
    border: 1px solid #f2f2f2
}

.yu-secondary-hollow-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid;
    border-color: #ccc
}

.yu-secondary-hollow-middle-badge, .yu-secondary-hollow-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #fff;
    color: #666
}

.yu-secondary-hollow-middle-badge {
    border-radius: .8rem;
    border: 1px solid;
    border-color: #ccc
}

.yu-thirdly-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid #ff8d50
}

.yu-thirdly-middle-badge, .yu-thirdly-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #ff8d50;
    color: #fff
}

.yu-thirdly-middle-badge {
    border-radius: .8rem;
    border: 1px solid #ff8d50
}

.yu-thirdly-hollow-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-thirdly-hollow-middle-badge, .yu-thirdly-hollow-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #fff;
    color: #ff8d50
}

.yu-thirdly-hollow-middle-badge {
    border-radius: .8rem;
    border: 1px solid
}

.yu-fourthly-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid #d42e2e
}

.yu-fourthly-middle-badge, .yu-fourthly-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #d42e2e;
    color: #fff
}

.yu-fourthly-middle-badge {
    border-radius: .8rem;
    border: 1px solid #d42e2e
}

.yu-fourthly-hollow-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-fourthly-hollow-middle-badge, .yu-fourthly-hollow-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #fff;
    color: #d42e2e
}

.yu-fourthly-hollow-middle-badge {
    border-radius: .8rem;
    border: 1px solid
}

.yu-fifthly-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid #369
}

.yu-fifthly-middle-badge, .yu-fifthly-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #369;
    color: #fff
}

.yu-fifthly-middle-badge {
    border-radius: .8rem;
    border: 1px solid #369
}

.yu-fifthly-hollow-middle-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-fifthly-hollow-middle-badge, .yu-fifthly-hollow-middle-tag {
    text-align: center;
    font-size: .7333333333rem;
    display: inline-block;
    height: .9333333333rem;
    line-height: .9333333333rem;
    padding: 0 .4rem;
    min-width: 1rem;
    background-color: #fff;
    color: #369
}

.yu-fifthly-hollow-middle-badge {
    border-radius: .8rem;
    border: 1px solid
}

.yu-main-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid #f74747
}

.yu-main-small-badge, .yu-main-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #f74747;
    color: #fff
}

.yu-main-small-badge {
    border-radius: .64rem;
    border: 1px solid #f74747
}

.yu-main-hollow-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-main-hollow-small-badge, .yu-main-hollow-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #fff;
    color: #f74747
}

.yu-main-hollow-small-badge {
    border-radius: .64rem;
    border: 1px solid
}

.yu-secondary-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid #f2f2f2
}

.yu-secondary-small-badge, .yu-secondary-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #f2f2f2;
    color: #666
}

.yu-secondary-small-badge {
    border-radius: .64rem;
    border: 1px solid #f2f2f2
}

.yu-secondary-hollow-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid;
    border-color: #ccc
}

.yu-secondary-hollow-small-badge, .yu-secondary-hollow-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #fff;
    color: #666
}

.yu-secondary-hollow-small-badge {
    border-radius: .64rem;
    border: 1px solid;
    border-color: #ccc
}

.yu-thirdly-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid #ff8d50
}

.yu-thirdly-small-badge, .yu-thirdly-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #ff8d50;
    color: #fff
}

.yu-thirdly-small-badge {
    border-radius: .64rem;
    border: 1px solid #ff8d50
}

.yu-thirdly-hollow-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-thirdly-hollow-small-badge, .yu-thirdly-hollow-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #fff;
    color: #ff8d50
}

.yu-thirdly-hollow-small-badge {
    border-radius: .64rem;
    border: 1px solid
}

.yu-fourthly-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid #d42e2e
}

.yu-fourthly-small-badge, .yu-fourthly-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #d42e2e;
    color: #fff
}

.yu-fourthly-small-badge {
    border-radius: .64rem;
    border: 1px solid #d42e2e
}

.yu-fourthly-hollow-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-fourthly-hollow-small-badge, .yu-fourthly-hollow-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #fff;
    color: #d42e2e
}

.yu-fourthly-hollow-small-badge {
    border-radius: .64rem;
    border: 1px solid
}

.yu-fifthly-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid #369
}

.yu-fifthly-small-badge, .yu-fifthly-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #369;
    color: #fff
}

.yu-fifthly-small-badge {
    border-radius: .64rem;
    border: 1px solid #369
}

.yu-fifthly-hollow-small-tag {
    border-radius: .1666666667rem;
    border: 1px solid
}

.yu-fifthly-hollow-small-badge, .yu-fifthly-hollow-small-tag {
    text-align: center;
    font-size: .6rem;
    display: inline-block;
    height: .7333333333rem;
    line-height: .7333333333rem;
    padding: 0 .4rem;
    min-width: .8rem;
    background-color: #fff;
    color: #369
}

.yu-fifthly-hollow-small-badge {
    border-radius: .64rem;
    border: 1px solid
}

.yu-single-badge {
    padding-left: 0;
    padding-right: 0
}

.yu-position-corner {
    position: absolute
}

.yu-position-corner.left-top-corner {
    left: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.yu-position-corner.right-top-corner {
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.yu-position-corner.left-bottom-corner {
    left: 0;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.yu-position-corner.right-bottom-corner {
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.yu-dot-badge {
    display: block;
    width: .3333333333rem;
    height: .3333333333rem;
    border-radius: .2333333333rem;
    background-color: #f74747
}

.yu-thick-block-divider {
    background-color: #f9f9f9;
    height: .3333333333rem
}

.yu-hair-block-divider {
    background-color: #f2f2f2;
    height: 1px
}

.yu-ui-cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999
}

.yu-ui-translucent-bg {
    opacity: .5;
    background-color: #000
}

input.yu-ui-input-base {
    border: 0;
    outline: none
}

.yu-ui-margin-side {
    margin-left: .8rem;
    margin-right: .8rem
}

@font-face {
    font-family: yu-ui-iconfont;
    src: url(/fonts/font_2473026_za5npj7h2j.woff2?t=1642043575175) format("woff2"), url(/fonts/font_2473026_za5npj7h2j.woff?t=1642043575175) format("woff"), url(/fonts/font_2473026_za5npj7h2j.ttf?t=1642043575175) format("truetype")
}

.yu-ui-iconfont {
    font-family: yu-ui-iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-display: swap
}

.yu-ui-icon-zanwushuju2:before {
    content: ""
}

.yu-ui-icon-biaoqian:before {
    content: ""
}

.yu-ui-icon-huoche:before {
    content: ""
}

.yu-ui-icon-chilun2:before {
    content: ""
}

.yu-ui-icon-liwu:before {
    content: ""
}

.yu-ui-icon-xingxing1:before {
    content: ""
}

.yu-ui-icon-xingxing:before {
    content: ""
}

.yu-ui-icon-youcezhankai:before {
    content: ""
}

.yu-ui-icon-zuocezhankai:before {
    content: ""
}

.yu-ui-icon-qudingbu:before {
    content: ""
}

.yu-ui-icon-tishi1:before {
    content: ""
}

.yu-ui-icon-sanjiaoyou:before {
    content: ""
}

.yu-ui-icon-sanjiaozuo:before {
    content: ""
}

.yu-ui-icon-chilun:before {
    content: ""
}

.yu-ui-icon-qipao:before {
    content: ""
}

.yu-ui-icon-qingchu:before {
    content: ""
}

.yu-ui-icon-quanbuleimu:before {
    content: ""
}

.yu-ui-icon-fuzhi:before {
    content: ""
}

.yu-ui-icon-xuanze1:before {
    content: ""
}

.yu-ui-icon-xuanze:before {
    content: ""
}

.yu-ui-icon-xuanze3:before {
    content: ""
}

.yu-ui-icon-gerenzhongxin:before {
    content: ""
}

.yu-ui-icon-dui:before {
    content: ""
}

.yu-ui-icon-shouye:before {
    content: ""
}

.yu-ui-icon-xuanxing:before {
    content: ""
}

.yu-ui-icon-qingdan:before {
    content: ""
}

.yu-ui-icon-gouwuche:before {
    content: ""
}

.yu-ui-icon-xiangji:before {
    content: ""
}

.yu-ui-icon-yuyin1:before {
    content: ""
}

.yu-ui-icon-yuyin:before {
    content: ""
}

.yu-ui-icon-sanjiaoshang:before {
    content: ""
}

.yu-ui-icon-sanjiaoxia:before {
    content: ""
}

.yu-ui-icon-laba1:before {
    content: ""
}

.yu-ui-icon-laba:before {
    content: ""
}

.yu-ui-icon-xiaoxi1:before {
    content: ""
}

.yu-ui-icon-xiaoxi:before {
    content: ""
}

.yu-ui-icon-shaixuan:before {
    content: ""
}

.yu-ui-icon-biaoqing:before {
    content: ""
}

.yu-ui-icon-bianji:before {
    content: ""
}

.yu-ui-icon-shezhi:before {
    content: ""
}

.yu-ui-icon-qiehuan:before {
    content: ""
}

.yu-ui-icon-fenxiang:before {
    content: ""
}

.yu-ui-icon-zhankai:before {
    content: ""
}

.yu-ui-icon-shouqi:before {
    content: ""
}

.yu-ui-icon-fangdajing:before {
    content: ""
}

.yu-ui-icon-kefu:before {
    content: ""
}

.yu-ui-icon-dingwei1:before {
    content: ""
}

.yu-ui-icon-dingwei:before {
    content: ""
}

.yu-ui-icon-lajitong:before {
    content: ""
}

.yu-ui-icon-guanbi:before {
    content: ""
}

.yu-ui-icon-jian:before {
    content: ""
}

.yu-ui-icon-jia:before {
    content: ""
}

.yu-ui-icon-xiangxia:before {
    content: ""
}

.yu-ui-icon-xiangshang:before {
    content: ""
}

.yu-ui-icon-xiangyou:before {
    content: ""
}

.yu-ui-icon-xiangzuo:before {
    content: ""
}

.yu-ui-icon-shoucang1:before {
    content: ""
}

.yu-ui-icon-shoucang:before {
    content: ""
}

.yu-ui-mask-layer-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6666666666666666)
}

.yu-ui-mask-layer-wrap.yu-ui-mask-layer-click-through {
    pointer-events: none
}

.yu-ui-mask-layer-wrap.yu-ui-mask-layer-click-through>* {
    pointer-events: auto
}

body.yu-ui-mask-layer-bg-scroll-lock {
    position: fixed
}

.yu-ui-popup-wrap .yu-ui-popup-content {
    background-color: #fff;
    position: absolute;
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2)
}

.yu-ui-popup-wrap .yu-ui-popup-content.yu-ui-popup-left {
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 80%
}

.yu-ui-popup-wrap .yu-ui-popup-content.yu-ui-popup-right {
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 80%
}

.yu-ui-popup-wrap .yu-ui-popup-content.yu-ui-popup-top {
    left: 0;
    right: 0;
    top: 0;
    max-height: 80%;
    border-radius: 0 0 .6666666667rem .6666666667rem
}

.yu-ui-popup-wrap .yu-ui-popup-content.yu-ui-popup-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 80%;
    border-radius: .6666666667rem .6666666667rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.yu-ui-popup-wrap .yu-ui-popup-content>.yu-ui-popup-header {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: .9333333333rem;
    color: #333;
    padding: 1.3333333333rem .8rem 0;
    margin-bottom: .8rem
}

.yu-ui-popup-wrap .yu-ui-popup-content>.yu-ui-popup-header .del-wrap i {
    font-size: .8rem
}

.yu-ui-popup-wrap .yu-ui-popup-content>.yu-ui-popup-body-bottom {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    overflow-y: auto
}

.yu-ui-dialog-wrap .yu-ui-dialog-body {
    background-color: #fff;
    width: 18rem;
    position: absolute;
    border-radius: .1666666667rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 1.8666666667rem 1.3333333333rem 0;
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2)
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-title {
    margin-bottom: 1.0666666667rem;
    text-align: center;
    font-size: .9333333333rem;
    color: #333
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-content {
    max-height: 50vh;
    overflow-x: auto;
    font-size: .8rem;
    color: #666;
    line-height: 1.8
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap {
    margin-top: 1.6rem;
    margin-bottom: 1.3333333333rem
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap.yu-ui-dialog-two-button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-single-button {
    margin: auto
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-single-button.yu-ui-dialog-cancen-button {
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff;
    display: block;
    width: 14.6666666667rem;
    font-size: .9333333333rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-single-button.yu-ui-dialog-ok-button {
    color: #fff;
    background-color: #f74747;
    border: 1px solid #f74747;
    display: block;
    width: 14.6666666667rem;
    font-size: .9333333333rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    border-radius: .1666666667rem;
    margin-left: auto;
    margin-right: auto
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-single-button.yu-ui-dialog-ok-button:active:not(.yu-button-not-ready) {
    background-color: #d42e2e;
    border: 1px solid #d42e2e
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-two-button {
    white-space: nowrap;
    overflow: hidden
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-two-button.yu-ui-dialog-cancen-button {
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 7rem;
    display: inline-block;
    height: 2.0666666667rem;
    line-height: 2.0666666667rem;
    text-align: center;
    font-size: .8rem;
    border-radius: .1666666667rem
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-two-button.yu-ui-dialog-ok-button {
    color: #fff;
    background-color: #f74747;
    border: 1px solid #f74747;
    width: 7rem;
    display: inline-block;
    height: 2.0666666667rem;
    line-height: 2.0666666667rem;
    text-align: center;
    font-size: .8rem;
    border-radius: .1666666667rem
}

.yu-ui-dialog-wrap .yu-ui-dialog-body .yu-ui-dialog-button-wrap .yu-ui-dialog-two-button.yu-ui-dialog-ok-button:active:not(.yu-button-not-ready) {
    background-color: #d42e2e;
    border: 1px solid #d42e2e
}

.yu-ui-toast-wrap {
    text-align: center
}

.yu-ui-toast-wrap .yu-ui-toast-body {
    background-color: rgba(0, 0, 0, .7);
    font-size: 1.0666666667rem;
    color: #fff;
    line-height: 1.8;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
    max-width: 80vw;
    max-height: 60vh;
    min-width: 20vw;
    min-height: 5vw;
    overflow: hidden;
    border-radius: .1666666667rem;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 1.3333333333rem 1.3333333333rem;
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2)
}

.yu-ui-toast-wrap .yu-ui-toast-icon-wrap {
    font-size: 10vmin;
    line-height: 1;
    margin-bottom: .8rem
}

.yu-ui-loading-wrap {
    position: relative;
    line-height: 1;
    display: inline-block;
    vertical-align: middle
}

.yu-ui-loading-wrap .yu-ui-loading-large {
    position: absolute;
    display: inline-block;
    top: 10%;
    left: 10%;
    width: 57%;
    height: 57%;
    font-size: .57em;
    -webkit-animation: yu-ui-clockwish-rotation 2s linear infinite;
    animation: yu-ui-clockwish-rotation 2s linear infinite
}

.yu-ui-loading-wrap .yu-ui-loading-small {
    position: absolute;
    display: block;
    bottom: 10%;
    right: 10%;
    width: 35%;
    height: 35%;
    font-size: .35em;
    -webkit-animation: yu-ui-anticlockwise-rotation 2s linear infinite;
    animation: yu-ui-anticlockwise-rotation 2s linear infinite
}

.yu-ui-loading-global-wrap {
    text-align: center
}

@-webkit-keyframes yu-ui-dot {
    0% {
        content: " "
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

@keyframes yu-ui-dot {
    0% {
        content: " "
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

.yu-ui-loading-global-wrap .yu-ui-loading-global-body {
    text-align: center;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: .7333333333rem;
    color: #999
}

.yu-ui-loading-global-wrap .yu-ui-loading-global-body .yu-ui-loading-global-tips {
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: sub;
    width: 6em
}

.yu-ui-loading-global-wrap .yu-ui-loading-global-body .yu-ui-loading-global-tips:after {
    content: " ";
    -webkit-animation: yu-ui-dot 1s step-start infinite both;
    animation: yu-ui-dot 1s step-start infinite both
}

.yu-ui-loading-global-wrap .yu-ui-loading-global-body-block {
    text-align: center;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    background: rgba(34, 34, 34, .5254901960784314);
    width: 4rem;
    height: 4rem;
    border-radius: .3333333333rem;
    padding-top: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2)
}

.yu-ui-badge-wrap, .yu-ui-tag-wrap {
    font-style: normal
}

.yu-ui-nav-bar-wrap .yu-ui-nav-bar-base-wrap {
    left: 0;
    right: 0;
    height: 2.9333333333rem;
    line-height: 2.9333333333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-nav-bar-wrap .yu-ui-nav-bar-base-wrap .yu-ui-nav-bar-left-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    height: 100%;
    padding-left: .8rem;
    white-space: nowrap;
    overflow: hidden
}

.yu-ui-nav-bar-wrap .yu-ui-nav-bar-base-wrap .yu-ui-nav-bar-left-content .yu-ui-nav-bar-back {
    margin-right: .5333333333rem;
    font-size: 1rem;
    color: #666
}

.yu-ui-nav-bar-wrap .yu-ui-nav-bar-base-wrap .yu-ui-nav-bar-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin: 0 auto;
    font-size: 1.2rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.yu-ui-nav-bar-wrap .yu-ui-nav-bar-base-wrap .yu-ui-nav-bar-right-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .8rem;
    text-align: right
}

.yu-ui-nav-bar-wrap .yu-ui-nav-bar-placeholder {
    height: 2.9333333333rem
}

.yu-ui-tab-bar-wrap .yu-ui-tab-bar-base-wrap {
    left: 0;
    right: 0;
    height: 3.2666666667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-tab-bar-wrap .yu-ui-tab-bar-placeholder {
    height: 3.2666666667rem
}

.yu-ui-tab-bar-item-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1;
    text-align: center
}

.yu-ui-tab-bar-item-wrap .yu-ui-tab-bar-item-icon-wrap {
    width: 2rem;
    margin: .4666666667rem auto .2666666667rem;
    position: relative;
    font-size: 1.4666666667rem
}

.yu-ui-tab-bar-item-wrap .yu-ui-tab-bar-item-icon-wrap.yu-ui-tab-bar-item-icon-no-content-wrap {
    font-size: 2rem
}

.yu-ui-tab-bar-item-wrap .yu-ui-tab-bar-item-icon-wrap.yu-ui-tab-bar-item-icon-no-content-wrap .yu-ui-tab-bar-item-icon-img-placeholder {
    height: 2rem
}

.yu-ui-tab-bar-item-wrap .yu-ui-tab-bar-item-icon-wrap.yu-ui-tab-bar-item-icon-no-content-wrap .yu-ui-tab-bar-item-icon-img {
    height: auto
}

.yu-ui-tab-bar-item-wrap .yu-ui-tab-bar-item-icon-wrap .yu-ui-tab-bar-item-icon-img-placeholder {
    display: block;
    margin: auto;
    width: .5rem;
    height: 1.4666666667rem
}

.yu-ui-tab-bar-item-wrap .yu-ui-tab-bar-item-icon-wrap .yu-ui-tab-bar-item-icon-img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    height: 1.4666666667rem;
    max-width: 100%
}

.yu-ui-tab-bar-item-wrap .yu-ui-tab-bar-item-icon-content {
    width: 100%;
    font-size: .8rem;
    white-space: nowrap
}

.yu-ui-side-tab-bar-wrap {
    height: 4rem;
    display: inline-block
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2)
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap.yu-ui-side-tab-bar-body-wrap-transition {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap.yu-ui-side-tab-bar-body-wrap-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn {
    width: 4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    height: 4rem;
    font-weight: 100;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .9333333333rem
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn.yu-ui-side-tab-bar-btn-right {
    border-top-left-radius: .1666666667rem;
    border-bottom-left-radius: .1666666667rem
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn.yu-ui-side-tab-bar-btn-left {
    border-top-right-radius: .1666666667rem;
    border-bottom-right-radius: .1666666667rem
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn i {
    display: block;
    font-size: 1rem;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn i.yu-ui-side-tab-bar-btn-right-arrow {
    margin-right: .1666666667rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
    background-image: linear-gradient(90deg, #fff, transparent)
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn i.yu-ui-side-tab-bar-btn-left-arrow {
    margin-left: .1666666667rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background-image: linear-gradient(270deg, #fff, transparent)
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn .yu-ui-side-tab-bar-btn-name {
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 2.2em
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn .yu-ui-side-tab-bar-btn-name:after, .yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-btn .yu-ui-side-tab-bar-btn-name:before {
    content: " ";
    width: 100%;
    height: 0;
    display: inline-block;
    visibility: hidden
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-body {
    background-color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: .2666666667rem;
    padding-right: .2666666667rem;
    width: auto
}

.yu-ui-side-tab-bar-wrap .yu-ui-side-tab-bar-body-wrap .yu-ui-side-tab-bar-body .yu-ui-tab-bar-item-wrap {
    margin: 0 .8rem
}

.yu-ui-svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap {
    left: 0;
    right: 0;
    height: 2.9333333333rem;
    line-height: 2.9333333333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap .yu-ui-search-box-left-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    height: 100%;
    padding-left: .5333333333rem
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap .yu-ui-search-box-left-content .yu-ui-search-box-back {
    display: block;
    margin-right: .5333333333rem;
    font-size: 1rem;
    color: #333
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap .yu-ui-search-box-input-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 auto;
    position: relative
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap .yu-ui-search-box-input-wrap .yu-ui-search-box-input-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    padding-right: .5333333333rem;
    margin-top: .5333333333rem;
    height: 1.9333333333rem;
    line-height: 1.9333333333rem;
    border-radius: .1666666667rem;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap .yu-ui-search-box-input-wrap .yu-ui-search-box-input-bg .yu-ui-search-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .8rem;
    flex: 0 0 .8rem;
    font-size: .8rem;
    color: #999;
    margin: 0 .5333333333rem;
    vertical-align: middle
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap .yu-ui-search-box-input-wrap .yu-ui-search-box-input-bg .yu-ui-search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8rem;
    color: #333;
    background: none
}

.yu-ui-search-box-wrap .yu-ui-search-box-base-wrap .yu-ui-search-box-right-content {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .8rem;
    text-align: right
}

.yu-ui-search-box-wrap .yu-ui-search-box-placeholder {
    height: 2.9333333333rem
}

.yu-ui-skeleton-wrap {
    position: relative
}

@-webkit-keyframes yu-ui-skeleton-blink {
    0% {
        background-position-x: -100vw
    }

    to {
        background-position-x: 0
    }
}

@keyframes yu-ui-skeleton-blink {
    0% {
        background-position-x: -100vw
    }

    to {
        background-position-x: 0
    }
}

.yu-ui-skeleton-wrap .yu-ui-skeleton-blink-cover {
    position: absolute;
    z-index: auto;
    width: 100%;
    height: 100%;
    background-size: 30% 100%;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(50%, hsla(0, 0%, 100%, .5)), color-stop(80%, hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 80%);
    -webkit-animation: yu-ui-skeleton-blink 1s linear 0s infinite;
    animation: yu-ui-skeleton-blink 1s linear 0s infinite
}

.yu-ui-skeleton-wrap .yu-ui-skeleton-row-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.yu-ui-skeleton-wrap .yu-ui-skeleton-column-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.yu-ui-skeleton-wrap .yu-ui-skeleton-square-wrap {
    background-color: #f2f2f2
}

.yu-ui-skeleton-wrap .yu-ui-skeleton-circle-wrap {
    background-color: #f2f2f2;
    border-radius: 50%
}

.yu-ui-price-wrap {
    display: inline;
    font-size: .8rem;
    color: #f74747
}

.yu-ui-price-wrap.yu-ui-price-del {
    font-size: .8rem;
    color: #999;
    text-decoration: line-through
}

.yu-ui-price-wrap .yu-ui-price-body {
    font-style: normal
}

@-webkit-keyframes yu-ui-progress-forward {
    0% {
        background: hsla(0, 0%, 100%, .1);
        width: 0
    }

    20% {
        background: hsla(0, 0%, 100%, .5);
        width: 0
    }

    to {
        background: hsla(0, 0%, 100%, 0);
        width: 100%
    }
}

@keyframes yu-ui-progress-forward {
    0% {
        background: hsla(0, 0%, 100%, .1);
        width: 0
    }

    20% {
        background: hsla(0, 0%, 100%, .5);
        width: 0
    }

    to {
        background: hsla(0, 0%, 100%, 0);
        width: 100%
    }
}

.yu-ui-progress-wrap {
    display: block;
    height: .6666666667rem;
    border-radius: 3.3333333333rem;
    position: relative;
    background-color: #e5e5e5;
    overflow: hidden
}

.yu-ui-progress-wrap .yu-ui-progress-inner {
    height: 100%;
    background: #f74747;
    border-radius: 3.3333333333rem;
    margin-left: 0;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    position: relative
}

.yu-ui-progress-wrap .yu-ui-progress-inner.yu-ui-progress-inner-forward:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    -webkit-animation: yu-ui-progress-forward 2s ease-in-out infinite;
    animation: yu-ui-progress-forward 2s ease-in-out infinite
}

.yu-ui-circular-progress-wrap {
    display: block;
    position: relative
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-left-wrap, .yu-ui-circular-progress-wrap .yu-ui-circular-progress-right-wrap {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 50%;
    height: 100%
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-left-wrap .yu-ui-circular-progress, .yu-ui-circular-progress-wrap .yu-ui-circular-progress-right-wrap .yu-ui-circular-progress {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-radius: 50%;
    position: absolute;
    top: 0
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-left-wrap .yu-ui-circular-progress.yu-ui-circular-progress-left, .yu-ui-circular-progress-wrap .yu-ui-circular-progress-right-wrap .yu-ui-circular-progress.yu-ui-circular-progress-left {
    left: 0
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-left-wrap .yu-ui-circular-progress.yu-ui-circular-progress-right, .yu-ui-circular-progress-wrap .yu-ui-circular-progress-right-wrap .yu-ui-circular-progress.yu-ui-circular-progress-right {
    right: 0
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-left-wrap {
    left: 0
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-right-wrap {
    right: 0
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-content {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.yu-ui-circular-progress-wrap .yu-ui-circular-progress-content .yu-ui-circular-progress-content-default {
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .9333333333rem;
    color: #333
}

.yu-ui-drag-wrap {
    position: fixed;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.yu-ui-form-item-wrap {
    background-color: #fff
}

.yu-ui-form-item-wrap:last-child .yu-ui-form-item-border-wrap {
    border-bottom: none
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap {
    margin: 0 .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    min-height: 1.6rem;
    padding: .5333333333rem 0;
    border-width: 0;
    border-color: #f2f2f2;
    border-bottom-width: 1px;
    border-style: solid
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-required {
    color: #f74747;
    font-size: 1.2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .6666666667rem;
    flex: 0 0 .6666666667rem;
    line-height: 1;
    position: relative;
    top: .3em
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-label {
    font-size: .8rem;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 1.5em
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-label .yu-ui-form-item-label-content {
    height: 1.2rem;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    vertical-align: middle;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-label .yu-ui-form-item-label-content:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 0;
    visibility: hidden
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-label .yu-ui-form-item-label-colon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .8rem;
    flex: 0 0 .8rem
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8rem;
    color: #666;
    overflow: hidden
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-content.yu-ui-form-item-content-border-block {
    padding: .2666666667rem .5333333333rem;
    border: 1px solid #e5e5e5
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-content.yu-ui-form-item-interaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-content.yu-ui-form-item-interaction .yu-ui-form-item-interaction-btn {
    font-size: .7333333333rem;
    color: #666;
    font-size: .6666666667rem;
    text-align: right;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    position: relative;
    top: .25em
}

.yu-ui-form-item-wrap .yu-ui-form-item-border-wrap .yu-ui-form-item-content.yu-ui-form-item-interaction .yu-ui-form-item-content-sub-wrap.yu-ui-form-item-content-sub-limit-row-base {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.yu-ui-input-wrap {
    background-color: #fff;
    min-height: 1.6rem;
    font-size: .8rem;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    line-height: 2
}

.yu-ui-input-wrap.yu-ui-input-textarea-wrap {
    min-height: 3.2rem
}

.yu-ui-input-wrap .yu-ui-input, .yu-ui-input-wrap .yu-ui-input-textarea {
    background-color: transparent;
    height: 100%;
    line-height: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    font-size: .8rem;
    color: #666;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-appearance: none;
    appearance: none;
    resize: none
}

.yu-ui-input-wrap .yu-ui-input-textarea::-webkit-input-placeholder, .yu-ui-input-wrap .yu-ui-input::-webkit-input-placeholder {
    color: #999
}

.yu-ui-input-wrap .yu-ui-input-textarea::-moz-placeholder, .yu-ui-input-wrap .yu-ui-input::-moz-placeholder {
    color: #999
}

.yu-ui-input-wrap .yu-ui-input-textarea:-ms-input-placeholder, .yu-ui-input-wrap .yu-ui-input:-ms-input-placeholder {
    color: #999
}

.yu-ui-input-wrap .yu-ui-input-textarea::-ms-input-placeholder, .yu-ui-input-wrap .yu-ui-input::-ms-input-placeholder {
    color: #999
}

.yu-ui-input-wrap .yu-ui-input-textarea::placeholder, .yu-ui-input-wrap .yu-ui-input::placeholder {
    color: #999
}

.yu-ui-input-wrap .yu-ui-input-textarea:disabled, .yu-ui-input-wrap .yu-ui-input:disabled {
    background-color: transparent;
    color: #ccc
}

.yu-ui-input-wrap .yu-ui-input {
    height: 1.6rem
}

.yu-ui-input-wrap .yu-ui-input-textarea {
    min-height: 3.2rem;
    padding-bottom: .4rem
}

.yu-ui-input-wrap .yu-ui-input-right-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .8rem;
    flex: 0 0 .8rem;
    width: .8rem;
    line-height: 1;
    font-size: .8rem;
    color: #999;
    margin: 0 0 0 .5333333333rem;
    padding: 0;
    text-align: right;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.yu-ui-input-wrap .yu-ui-input-right-content .yu-ui-input-clear {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    width: .8rem;
    height: .8rem
}

.yu-ui-input-wrap .yu-ui-input-right-content .yu-ui-input-maxlength-tips {
    bottom: .5333333333rem
}

.yu-ui-input-number-wrap {
    background-color: #fff;
    height: 1.6rem;
    width: 5.8666666667rem;
    border: 1px solid #ccc;
    font-size: .8rem;
    color: #666;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    line-height: 2
}

.yu-ui-input-number-wrap .yu-ui-input-number-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.6rem;
    flex: 0 0 1.6rem;
    text-align: center;
    width: 1.6rem;
    height: 1.6rem
}

.yu-ui-input-number-wrap .yu-ui-input-number-btn.yu-ui-input-number-sub-btn {
    border-right: 1px solid #ccc
}

.yu-ui-input-number-wrap .yu-ui-input-number-btn.yu-ui-input-number-add-btn {
    border-left: 1px solid #ccc
}

.yu-ui-input-number-wrap .yu-ui-input-number-btn.yu-ui-input-number-btn-disabled {
    color: #ccc
}

.yu-ui-input-number-wrap .yu-ui-input-number {
    height: 100%;
    line-height: 2;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    font-size: .8rem;
    color: #666;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-appearance: none;
    appearance: none
}

.yu-ui-input-number-wrap .yu-ui-input-number:disabled {
    background-color: transparent;
    color: #ccc
}

.yu-ui-input-number-wrap .yu-ui-input {
    height: 1.6rem
}

.yu-ui-switch-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 3.2rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    position: relative
}

.yu-ui-switch-wrap.yu-ui-switch-disabled {
    opacity: .5
}

.yu-ui-switch-wrap.yu-ui-switch-on {
    background: #6adb87
}

.yu-ui-switch-wrap.yu-ui-switch-on .yu-ui-switch-slider-block {
    margin-left: 1.6rem
}

.yu-ui-switch-wrap.yu-ui-switch-off {
    background: #e5e5e5
}

.yu-ui-switch-wrap.yu-ui-switch-off .yu-ui-switch-slider-block {
    margin-left: 0
}

.yu-ui-switch-wrap .yu-ui-switch-slider-block {
    width: 1.6rem;
    height: 1.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid;
    background: #fff;
    border-radius: 50%;
    margin-left: 0;
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}

.yu-ui-checkbox-wrap {
    display: inline-block;
    white-space: nowrap
}

.yu-ui-checkbox-wrap.yu-ui-checkbox-disabled {
    opacity: .5
}

.yu-ui-checkbox-wrap .yu-ui-checkbox-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.yu-ui-checkbox-wrap .yu-ui-checkbox-label {
    display: inline-block;
    line-height: 1
}

.yu-ui-checkbox-wrap .yu-ui-checkbox-label.yu-ui-checkbox-right {
    margin-left: .5em
}

.yu-ui-checkbox-wrap .yu-ui-checkbox-label.yu-ui-checkbox-left {
    margin-right: .5em
}

.yu-ui-checkbox-group-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-checkbox-group-wrap.yu-ui-checkbox-group-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.4
}

.yu-ui-checkbox-group-wrap.yu-ui-checkbox-group-row>.yu-ui-checkbox-wrap {
    margin-right: .8rem
}

.yu-ui-checkbox-group-wrap.yu-ui-checkbox-group-row>.yu-ui-checkbox-wrap:last-child {
    margin-right: 0
}

.yu-ui-checkbox-group-wrap.yu-ui-checkbox-group-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.yu-ui-checkbox-group-wrap.yu-ui-checkbox-group-column>.yu-ui-checkbox-wrap {
    vertical-align: baseline;
    margin-top: .2666666667rem;
    margin-bottom: .2666666667rem
}

.yu-ui-checkbox-group-wrap.yu-ui-checkbox-group-column>.yu-ui-checkbox-wrap:last-child {
    margin-bottom: 0
}

.yu-ui-action-sheet-wrap {
    text-align: center
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-title {
    line-height: 1.5;
    font-size: .9333333333rem;
    color: #333;
    margin: .8rem
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-description {
    margin-top: .8rem;
    line-height: 1.5;
    padding: 0 1.6rem;
    font-size: .8rem;
    color: #999
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-list {
    padding: 0 .8rem .8rem
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-list>.yu-ui-action-sheet-item {
    min-height: 1.5em;
    padding: 1em 0;
    line-height: 1.5;
    border-width: 0;
    border-color: #f2f2f2;
    border-bottom-width: 1px;
    border-style: solid;
    font-size: .8rem;
    color: #666
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-list>.yu-ui-action-sheet-item:last-child {
    border-bottom: none
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-list>.yu-ui-action-sheet-item.yu-ui-action-sheet-item-disabled>div {
    opacity: .5
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-list>.yu-ui-action-sheet-item.yu-ui-action-sheet-item-recommend {
    color: #ff8d50
}

.yu-ui-action-sheet-wrap .yu-ui-action-sheet-list>.yu-ui-action-sheet-item.yu-ui-action-sheet-item-main, .yu-ui-action-sheet-wrap .yu-ui-action-sheet-list>.yu-ui-action-sheet-item.yu-ui-action-sheet-item-select {
    color: #f74747
}

.yu-ui-pagination-wrap .yu-ui-pagination-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.yu-ui-pagination-wrap .yu-ui-pagination-list .yu-ui-pagination-item {
    vertical-align: middle
}

.yu-ui-pagination-wrap .yu-ui-pagination-list .yu-ui-pagination-item.yu-ui-pagination-item-current {
    display: inline-block;
    border-radius: 60%;
    border: 1px solid #f74747;
    background-color: #f74747
}

.yu-ui-pagination-wrap .yu-ui-pagination-list .yu-ui-pagination-item.yu-ui-pagination-item-non-current {
    display: inline-block;
    border-radius: 60%;
    border: 1px solid #fff;
    background-color: transparent
}

.yu-ui-list-wrap {
    position: relative;
    overflow-y: auto
}

.yu-ui-list-wrap.yu-ui-list-scroll-lock-wrap {
    overflow: hidden
}

.yu-ui-list-wrap.yu-ui-long-list-wrap .yu-ui-long-list-bottom-placeholder, .yu-ui-list-wrap.yu-ui-long-list-wrap .yu-ui-long-list-top-placeholder {
    margin: 0;
    padding: 0;
    border-top: none
}

.yu-ui-list-wrap .yu-ui-water-fall-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-list-wrap .yu-ui-water-fall-wrap .yu-ui-water-fall-column-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.yu-ui-list-wrap .yu-ui-list-load-wrap {
    background-color: #f2f2f2;
    text-align: center;
    color: #999;
    font-size: .7333333333rem
}

.yu-ui-list-wrap .yu-ui-list-load-wrap .yu-ui-list-load-content {
    margin-left: .5333333333rem;
    vertical-align: middle
}

.yu-ui-list-wrap .yu-ui-list-load-wrap.yu-ui-list-loading, .yu-ui-list-wrap .yu-ui-list-load-wrap.yu-ui-list-nomore {
    height: 3.2666666667rem;
    line-height: 3.2666666667rem
}

.yu-ui-list-wrap .yu-ui-list-load-wrap.yu-ui-list-nomore .yu-ui-list-nomore-image {
    width: 2.1333333333rem;
    vertical-align: middle
}

.yu-ui-list-wrap .yu-ui-list-item-wrap {
    background-color: #fff;
    padding: 0 .8rem
}

.yu-ui-list-wrap .yu-ui-list-item-wrap:first-child .yu-ui-list-item-border-wrap {
    border-top: none
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height: 2;
    min-height: 1.6rem;
    padding: .5333333333rem 0;
    border-width: 0;
    border-color: #f2f2f2;
    border-top-width: 1px;
    border-style: solid
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap .yu-ui-list-item-label {
    font-size: .8rem;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 1.5em
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap .yu-ui-list-item-label .yu-ui-list-item-label-content {
    height: 1.2rem;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    vertical-align: middle;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap .yu-ui-list-item-label .yu-ui-list-item-label-colon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .8rem;
    flex: 0 0 .8rem
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap .yu-ui-list-item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8rem;
    color: #666;
    overflow: hidden
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap .yu-ui-list-item-content.yu-ui-list-item-interaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap .yu-ui-list-item-content.yu-ui-list-item-interaction .yu-ui-list-item-interaction-btn {
    font-size: .7333333333rem;
    color: #666;
    font-size: .6666666667rem;
    text-align: right;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    position: relative;
    top: .25em
}

.yu-ui-list-wrap .yu-ui-list-item-wrap .yu-ui-list-item-border-wrap .yu-ui-list-item-content.yu-ui-list-item-interaction .yu-ui-list-item-content-sub-wrap.yu-ui-list-item-content-sub-limit-row-base {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.yu-ui-table-wrap {
    text-align: left
}

.yu-ui-table-wrap .yu-ui-table-columns-wrap {
    display: none
}

.yu-ui-table-wrap.yu-ui-table-border .yu-ui-table-cell {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.yu-ui-table-wrap.yu-ui-table-border .yu-ui-table-cell:first-child {
    border-left: 1px solid #e5e5e5
}

.yu-ui-table-wrap.yu-ui-table-border .yu-ui-table-header .yu-ui-table-cell:first-child {
    border-top-left-radius: .3333333333rem
}

.yu-ui-table-wrap.yu-ui-table-border .yu-ui-table-header .yu-ui-table-cell:last-child {
    border-top-right-radius: .3333333333rem
}

.yu-ui-table-wrap .yu-ui-table-header .yu-ui-table-cell {
    border-top: 1px solid #e5e5e5;
    background-color: #f9f9f9
}

.yu-ui-table-wrap .yu-ui-table-row:first-child .yu-ui-table-cell {
    border-top: 1px solid #e5e5e5
}

.yu-ui-table-wrap .yu-ui-table-header, .yu-ui-table-wrap .yu-ui-table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-table-wrap .yu-ui-table-header.yu-ui-table-row-border .yu-ui-table-cell, .yu-ui-table-wrap .yu-ui-table-row.yu-ui-table-row-border .yu-ui-table-cell {
    border-bottom: 1px solid #e5e5e5
}

.yu-ui-table-wrap .yu-ui-table-header .yu-ui-table-cell, .yu-ui-table-wrap .yu-ui-table-row .yu-ui-table-cell {
    overflow: hidden;
    line-height: 1.5;
    padding: .5333333333rem .2666666667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .8rem;
    color: #333
}

.yu-ui-totop-container {
    position: relative;
    overflow: hidden
}

.yu-ui-totop-container>img {
    position: fixed
}

.yu-ui-elevator-wrap {
    position: fixed;
    right: .8rem
}

.yu-ui-elevator-wrap .yu-ui-elevator-floor-list {
    text-align: right
}

.yu-ui-elevator-wrap .yu-ui-elevator-floor-list .yu-ui-elevator-floor-item {
    position: relative;
    line-height: 1;
    padding: .2666666667rem 0
}

.yu-ui-elevator-wrap .yu-ui-elevator-floor-list .yu-ui-elevator-floor-item .yu-ui-elevator-floor-item-qipao {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    margin: auto .8rem;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    line-height: 2rem;
    color: #e5e5e5
}

.yu-ui-elevator-wrap .yu-ui-elevator-floor-list .yu-ui-elevator-floor-item .yu-ui-elevator-floor-item-qipao .yu-ui-elevator-floor-item-qipao-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-70%, -50%);
    transform: translate(-70%, -50%);
    font-size: 1.2rem;
    color: #fff
}

.yu-ui-swiper-wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

.yu-ui-swiper-wrap .yu-ui-swiper-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-swiper-wrap .yu-ui-swiper-body .yu-ui-swiper-item {
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yu-ui-swiper-wrap .yu-ui-swiper-slot-wrap {
    display: none
}

.yu-ui-swiper-wrap .yu-ui-swiper-page {
    display: inline-block;
    position: absolute;
    bottom: .5333333333rem;
    left: 0;
    right: 0
}

.yu-ui-image-container {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.yu-ui-progress-colddown {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .2)
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-left, .yu-ui-progress-colddown>.yu-ui-progress-colddown-right {
    overflow: hidden;
    position: absolute;
    width: 71%;
    height: 142%;
    top: -21%;
    bottom: -21%
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-left>.yu-ui-progress-colddown-sector, .yu-ui-progress-colddown>.yu-ui-progress-colddown-right>.yu-ui-progress-colddown-sector {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-left {
    right: 50%
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-left>.yu-ui-progress-colddown-sector {
    -webkit-transform-origin: right;
    transform-origin: right
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-right {
    left: 50%
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-right>.yu-ui-progress-colddown-sector {
    -webkit-transform-origin: left;
    transform-origin: left
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40%;
    height: 40%;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

.yu-ui-progress-colddown>.yu-ui-progress-colddown-loading, .yu-ui-progress-colddown>.yu-ui-progress-colddown-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}