body {
                          background-color: #fff;
                          font-size: 15px;
                          color: #333;
                          font-family: Helvetica Neue, Helvetica, sans-serif
                      }

uni-view,
uni-scroll-view,
uni-swiper,
uni-button,
uni-input,
uni-textarea,
uni-label,
uni-navigator,
uni-image {
    box-sizing: border-box
}

.round {
    border-radius: 2780px
}

.radius {
    border-radius: 3px
}

/* ==================
          图片
 ==================== */
uni-image {
    max-width: 100%;
    display: inline-block;
    position: relative;
    z-index: 0
}

uni-image.loading::before {
    content: "";
    background-color: #f5f5f5;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2
}

uni-image.loading::after {
    content: "\e7f1";
    font-family: cuIcon;
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    right: 0;
    bottom: 0;
    z-index: -1;
    font-size: 17px;
    margin: auto;
    color: #ccc;
    -webkit-animation: cuIcon-spin 2s infinite linear;
    animation: cuIcon-spin 2s infinite linear;
    display: block
}

.response {
    width: 100%
}

/* ==================
         开关
 ==================== */
/****************************************************/
/* ==================
          边框
 ==================== */
/* -- 实线 -- */
.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
    position: relative
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box
}

.solid::after {
    border: 1px solid rgba(0, 0, 0, .1)
}

.solid-top::after {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.solid-right::after {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.solid-bottom::after {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.solid-left::after {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.solids::after {
    border: 4px solid #eee
}

.solids-top::after {
    border-top: 4px solid #eee
}

.solids-right::after {
    border-right: 4px solid #eee
}

.solids-bottom::after {
    border-bottom: 4px solid #eee
}

.solids-left::after {
    border-left: 4px solid #eee
}

/* -- 虚线 -- */
.dashed::after {
    border: 1px dashed #ddd
}

.dashed-top::after {
    border-top: 1px dashed #ddd
}

.dashed-right::after {
    border-right: 1px dashed #ddd
}

.dashed-bottom::after {
    border-bottom: 1px dashed #ddd
}

.dashed-left::after {
    border-left: 1px dashed #ddd
}

/* -- 阴影 -- */
.shadow[class*="white"] {
    --ShadowSize: 0 1px 3px
}

.shadow-lg {
    --ShadowSize: 0px 22px 55px 0px
}

.shadow-warp {
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.shadow-warp:before,
.shadow-warp:after {
    position: absolute;
    content: "";
    top: 11px;
    bottom: 16px;
    left: 11px;
    width: 50%;
    box-shadow: 0 16px 11px rgba(0, 0, 0, .2);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: -1
}

.shadow-warp:after {
    right: 11px;
    left: auto;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
}

.shadow-blur {
    position: relative
}

.shadow-blur::before {
    content: "";
    display: block;
    background: inherit;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    z-index: -1;
    opacity: .4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: inherit;
    -webkit-transform: scale(1);
    transform: scale(1)
}

/* ==================
          按钮
 ==================== */
.cu-btn {
    position: relative;
    border: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 16px;
    font-size: 15px;
    height: 35px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    overflow: visible;
    margin-left: 0;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    margin-right: 0
}

.cu-btn::after {
    display: none
}

.cu-btn:not([class*="bg-"]) {
    background-color: #f0f0f0
}

.cu-btn[class*="line"] {
    background-color: initial
}

.cu-btn[class*="line"]::after {
    content: " ";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid currentColor;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 1;
    pointer-events: none
}

.cu-btn.round[class*="line"]::after {
    border-radius: 556px
}

.cu-btn[class*="lines"]::after {
    border: 3px solid currentColor
}

.cu-btn[class*="bg-"]::after {
    display: none
}

.cu-btn.sm {
    padding: 0 11px;
    font-size: 11px;
    height: 26px
}

.cu-btn.lg {
    padding: 0 22px;
    font-size: 17px;
    height: 44px
}

.cu-btn.cuIcon.sm {
    width: 26px;
    height: 26px
}

.cu-btn.cuIcon {
    width: 35px;
    height: 35px;
    border-radius: 278px;
    padding: 0
}

uni-button.cuIcon.lg {
    width: 44px;
    height: 44px
}

.cu-btn.shadow-blur::before {
    top: 2px;
    left: 2px;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: .6
}

.cu-btn.button-hover {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px)
}

.block {
    display: block
}

.cu-btn.block {
    display: flex
}

.cu-btn[disabled] {
    opacity: .6;
    color: #fff
}

/* ==================
          徽章
 ==================== */
.cu-tag {
    font-size: 13px;
    vertical-align: middle;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0px 8px;
    height: 26px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    white-space: nowrap
}

.cu-tag:not([class*="bg"]):not([class*="line"]) {
    background-color: #f1f1f1
}

.cu-tag[class*="line-"]::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid currentColor;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: inherit;
    z-index: 1;
    pointer-events: none
}

.cu-tag.radius[class*="line"]::after {
    border-radius: 6px
}

.cu-tag.round[class*="line"]::after {
    border-radius: 556px
}

.cu-tag[class*="line-"]::after {
    border-radius: 0
}

.cu-tag + .cu-tag {
    margin-left: 5px
}

.cu-tag.sm {
    font-size: 11px;
    padding: 0px 6px;
    height: 17px
}

.cu-capsule {
    display: inline-flex;
    vertical-align: middle
}

.cu-capsule + .cu-capsule {
    margin-left: 5px
}

.cu-capsule .cu-tag {
    margin: 0
}

.cu-capsule .cu-tag[class*="line-"]:last-child::after {
    border-left: 0px solid transparent
}

.cu-capsule .cu-tag[class*="line-"]:first-child::after {
    border-right: 0px solid transparent
}

.cu-capsule.radius .cu-tag:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.cu-capsule.radius .cu-tag:last-child::after,
.cu-capsule.radius .cu-tag[class*="line-"] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.cu-capsule.round .cu-tag:first-child {
    border-top-left-radius: 111px;
    border-bottom-left-radius: 111px;
    text-indent: 2px
}

.cu-capsule.round .cu-tag:last-child::after,
.cu-capsule.round .cu-tag:last-child {
    border-top-right-radius: 111px;
    border-bottom-right-radius: 111px;
    text-indent: -2px
}

.cu-tag.badge {
    border-radius: 111px;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 11px;
    padding: 0px 5px;
    height: 15px;
    color: #fff
}

.cu-tag.badge:not([class*="bg-"]) {
    background-color: #dd514c
}

.cu-tag:empty:not([class*="cuIcon-"]) {
    padding: 0px;
    width: 8px;
    height: 8px;
    top: -2px;
    right: -2px
}

.cu-tag[class*="cuIcon-"] {
    width: 17px;
    height: 17px;
    top: -2px;
    right: -2px
}

/* ==================
          头像
 ==================== */
.cu-avatar {
    font-variant: small-caps;
    margin: 0;
    padding: 0;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #ccc;
    color: #fff;
    white-space: nowrap;
    position: relative;
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: 50%;
    vertical-align: middle;
    font-size: 1.5em
}

.cu-avatar.sm {
    width: 26px;
    height: 26px;
    font-size: 1em
}

.cu-avatar.lg {
    width: 53px;
    height: 53px;
    font-size: 2em
}

.cu-avatar.xl {
    width: 71px;
    height: 71px;
    font-size: 2.5em
}

.cu-avatar .avatar-text {
    font-size: .4em
}

.cu-avatar-group {
    direction: rtl;
    unicode-bidi: bidi-override;
    padding: 0 5px 0 22px;
    display: inline-block
}

.cu-avatar-group .cu-avatar {
    margin-left: -16px;
    border: 2px solid #f1f1f1;
    vertical-align: middle
}

.cu-avatar-group .cu-avatar.sm {
    margin-left: -11px;
    border: 1px solid #f1f1f1
}

/* ==================
         进度条
 ==================== */
.cu-progress {
    overflow: hidden;
    height: 15px;
    background-color: #ebeef5;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.cu-progress + uni-view,
.cu-progress + uni-text {
    line-height: 1
}

.cu-progress.xs {
    height: 5px
}

.cu-progress.sm {
    height: 11px
}

.cu-progress uni-view {
    width: 0;
    height: 100%;
    align-items: center;
    display: flex;
    justify-items: flex-end;
    justify-content: space-around;
    font-size: 11px;
    color: #fff;
    transition: width .6s ease
}

.cu-progress uni-text {
    align-items: center;
    display: flex;
    font-size: 11px;
    color: #333;
    text-indent: 5px
}

.cu-progress.text-progress {
    padding-right: 33px
}

.cu-progress.striped uni-view {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px
}

.cu-progress.active uni-view {
    -webkit-animation: progress-stripes 2s linear infinite;
    animation: progress-stripes 2s linear infinite
}

@-webkit-keyframes progress-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

/* ==================
          加载
 ==================== */
.cu-load {
    display: block;
    line-height: 3em;
    text-align: center
}

.cu-load::before {
    font-family: cuIcon;
    display: inline-block;
    margin-right: 3px
}

.cu-loda.loadmore::before {
    content: "加载更多"
}

.cu-load.loading::before {
    content: "\e67a";
    -webkit-animation: cuIcon-spin 2s infinite linear;
    animation: cuIcon-spin 2s infinite linear
}

.cu-load.loading::after {
    content: "加载中..."
}

.cu-load.nomore::before {
    content: "\e64a"
}

.cu-load.nomore::after {
    content: "没有更多了"
}

.cu-load.erro::before {
    content: "\e658"
}

.cu-load.erro::after {
    content: "加载失败"
}

.cu-load.load-cuIcon::before {
    font-size: 17px
}

.cu-load.load-cuIcon::after {
    display: none
}

.cu-load.load-cuIcon.over {
    display: none
}

.cu-load.load-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 77px;
    left: 0;
    margin: auto;
    width: 144px;
    height: 144px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0px 1112px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 15px;
    z-index: 9999;
    line-height: 2.4em
}

.cu-load.load-modal [class*="cuIcon-"] {
    font-size: 33px
}

.cu-load.load-modal uni-image {
    width: 38px;
    height: 38px
}

.cu-load.load-modal::after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 111px;
    height: 111px;
    font-size: 10px;
    border-top: 3px solid rgba(0, 0, 0, .05);
    border-right: 3px solid rgba(0, 0, 0, .05);
    border-bottom: 3px solid rgba(0, 0, 0, .05);
    border-left: 3px solid #f37b1d;
    -webkit-animation: cuIcon-spin 1s infinite linear;
    animation: cuIcon-spin 1s infinite linear;
    z-index: -1
}

.load-progress {
    pointer-events: none;
    top: 0;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 2000
}

.load-progress.hide {
    display: none
}

.load-progress .load-progress-bar {
    position: relative;
    width: 100%;
    height: 2px;
    overflow: hidden;
    transition: all .2s ease 0s
}

.load-progress .load-progress-spinner {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2000;
    display: block
}

.load-progress .load-progress-spinner::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: inherit;
    border-left-color: inherit;
    border-radius: 50%;
    -webkit-animation: load-progress-spinner .4s linear infinite;
    animation: load-progress-spinner .4s linear infinite
}

@-webkit-keyframes load-progress-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load-progress-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/* ==================
          列表
 ==================== */
.grayscale {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.cu-list + .cu-list {
    margin-top: 16px
}

.cu-list > .cu-item {
    transition: all .6s ease-in-out 0s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}

.cu-list > .cu-item.move-cur {
    -webkit-transform: translateX(-144px);
    transform: translateX(-144px)
}

.cu-list > .cu-item .move {
    position: absolute;
    right: 0;
    display: flex;
    width: 144px;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cu-list > .cu-item .move uni-view {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center
}

.cu-list.menu-avatar {
    overflow: hidden
}

.cu-list.menu-avatar > .cu-item {
    position: relative;
    display: flex;
    padding-right: 5px;
    height: 77px;
    background-color: #fff;
    justify-content: flex-end;
    align-items: center
}

.cu-list.menu-avatar > .cu-item > .cu-avatar {
    position: absolute;
    left: 16px
}

.cu-list.menu-avatar > .cu-item .flex .text-cut {
    max-width: 283px
}

.cu-list.menu-avatar > .cu-item .content {
    position: absolute;
    left: 81px;
    width: calc(100% - 53px - 33px - 66px - 11px);
    line-height: 1.6em
}

.cu-list.menu-avatar > .cu-item .content.flex-sub {
    width: calc(100% - 53px - 33px - 11px)
}

.cu-list.menu-avatar > .cu-item .content > uni-view:first-child {
    font-size: 16px;
    display: flex;
    align-items: center
}

.cu-list.menu-avatar > .cu-item .content .cu-tag.sm {
    display: inline-block;
    margin-left: 5px;
    height: 15px;
    font-size: 8px;
    line-height: 17px
}

.cu-list.menu-avatar > .cu-item .action {
    width: 55px;
    text-align: center
}

.cu-list.menu-avatar > .cu-item .action uni-view + uni-view {
    margin-top: 5px
}

.cu-list.menu-avatar.comment > .cu-item .content {
    position: relative;
    left: 0;
    width: auto;
    flex: 1
}

.cu-list.menu-avatar.comment > .cu-item {
    padding: 16px 16px 16px 66px;
    height: auto
}

.cu-list.menu-avatar.comment .cu-avatar {
    align-self: flex-start
}

.cu-list.menu > .cu-item {
    position: relative;
    display: flex;
    padding: 0 16px;
    min-height: 55px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center
}

.cu-list.menu > .cu-item:last-child:after {
    border: none
}

.cu-list.menu-avatar > .cu-item:after,
.cu-list.menu > .cu-item:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    border-bottom: 1px solid #ddd;
    border-radius: inherit;
    content: " ";
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none
}

.cu-list.menu > .cu-item.grayscale {
    background-color: #f5f5f5
}

.cu-list.menu > .cu-item.cur {
    background-color: #fcf7e9
}

.cu-list.menu > .cu-item.arrow {
    padding-right: 50px
}

.cu-list.menu > .cu-item.arrow:before {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    display: block;
    margin: auto;
    width: 16px;
    height: 16px;
    color: #8799a3;
    content: "\e6a3";
    text-align: center;
    font-size: 18px;
    font-family: cuIcon;
    line-height: 16px
}

.cu-list.menu > .cu-item uni-button.content {
    padding: 0;
    background-color: initial;
    justify-content: flex-start
}

.cu-list.menu > .cu-item uni-button.content:after {
    display: none
}

.cu-list.menu > .cu-item .cu-avatar-group .cu-avatar {
    border-color: #fff
}

.cu-list.menu > .cu-item .content > uni-view:first-child {
    display: flex;
    align-items: center
}

.cu-list.menu > .cu-item .content > uni-text[class*=cuIcon] {
    display: inline-block;
    margin-right: 5px;
    width: 1.6em;
    text-align: center
}

.cu-list.menu > .cu-item .content > uni-image {
    display: inline-block;
    margin-right: 5px;
    width: 1.6em;
    height: 1.6em;
    vertical-align: middle
}

.cu-list.menu > .cu-item .content {
    font-size: 16px;
    line-height: 1.6em;
    flex: 1
}

.cu-list.menu > .cu-item .content .cu-tag.sm {
    display: inline-block;
    margin-left: 5px;
    height: 15px;
    font-size: 8px;
    line-height: 17px
}

.cu-list.menu > .cu-item .action .cu-tag:empty {
    right: 5px
}

.cu-list.menu {
    display: block;
    overflow: hidden
}

.cu-list.menu.sm-border > .cu-item:after {
    left: 16px;
    width: calc(200% - 66px)
}

.cu-list.grid > .cu-item {
    position: relative;
    display: flex;
    padding: 11px 0 16px;
    transition-duration: 0s;
    flex-direction: column
}

.cu-list.grid > .cu-item:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: inherit;
    content: " ";
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none
}

.cu-list.grid > .cu-item uni-text {
    display: block;
    margin-top: 5px;
    color: #888;
    font-size: 14px;
    line-height: 22px
}

.cu-list.grid > .cu-item [class*=cuIcon] {
    position: relative;
    display: block;
    margin-top: 11px;
    width: 100%;
    font-size: 26px
}

.cu-list.grid > .cu-item .cu-tag {
    right: auto;
    left: 50%;
    margin-left: 11px
}

.cu-list.grid {
    background-color: #fff;
    text-align: center
}

.cu-list.grid.no-border > .cu-item {
    padding-top: 5px;
    padding-bottom: 11px
}

.cu-list.grid.no-border > .cu-item:after {
    border: none
}

.cu-list.grid.no-border {
    padding: 11px 5px
}

.cu-list.grid.col-3 > .cu-item:nth-child(3n):after,
.cu-list.grid.col-4 > .cu-item:nth-child(4n):after,
.cu-list.grid.col-5 > .cu-item:nth-child(5n):after {
    border-right-width: 0
}

.cu-list.card-menu {
    overflow: hidden;
    margin-right: 16px;
    margin-left: 16px;
    border-radius: 11px
}

/* ==================
          操作条
 ==================== */
.cu-bar {
    display: flex;
    position: relative;
    align-items: center;
    min-height: 55px;
    justify-content: space-between
}

.cu-bar .action {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    max-width: 100%
}

.cu-bar .action.border-title {
    position: relative;
    top: -5px
}

.cu-bar .action.border-title uni-text[class*="bg-"]:last-child {
    position: absolute;
    bottom: -.5rem;
    min-width: 2rem;
    height: 3px;
    left: 0
}

.cu-bar .action.sub-title {
    position: relative;
    top: -.2rem
}

.cu-bar .action.sub-title uni-text {
    position: relative;
    z-index: 1
}

.cu-bar .action.sub-title uni-text[class*="bg-"]:last-child {
    position: absolute;
    display: inline-block;
    bottom: -.2rem;
    border-radius: 3px;
    width: 100%;
    height: .6rem;
    left: .6rem;
    opacity: .3;
    z-index: 0
}

.cu-bar .action.sub-title uni-text[class*="text-"]:last-child {
    position: absolute;
    display: inline-block;
    bottom: -.7rem;
    left: .5rem;
    opacity: .2;
    z-index: 0;
    text-align: right;
    font-weight: 900;
    font-size: 20px
}

.cu-bar.justify-center .action.border-title uni-text:last-child,
.cu-bar.justify-center .action.sub-title uni-text:last-child {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.cu-bar .action:first-child {
    margin-left: 16px;
    font-size: 16px
}

.cu-bar .action uni-text.text-cut {
    text-align: left;
    width: 100%
}

.cu-bar .cu-avatar:first-child {
    margin-left: 11px
}

.cu-bar .action:first-child > uni-text[class*="cuIcon-"] {
    margin-left: -.3em;
    margin-right: .3em
}

.cu-bar .action:last-child {
    margin-right: 16px
}

.cu-bar .action > uni-text[class*="cuIcon-"],
.cu-bar .action > uni-view[class*="cuIcon-"] {
    font-size: 20px
}

.cu-bar .action > uni-text[class*="cuIcon-"] + uni-text[class*="cuIcon-"] {
    margin-left: .5em
}

.cu-bar .content {
    position: absolute;
    text-align: center;
    width: calc(100% - 189px);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 33px;
    font-size: 17px;
    line-height: 33px;
    cursor: none;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.cu-bar.ios .content {
    bottom: 7px;
    height: 30px;
    font-size: 17px;
    line-height: 30px
}

.cu-bar.btn-group {
    justify-content: space-around
}

.cu-bar.btn-group uni-button {
    padding: 11px 17px
}

.cu-bar.btn-group uni-button {
    flex: 1;
    margin: 0 11px;
    max-width: 50%
}

.cu-bar .search-form {
    background-color: #f5f5f5;
    line-height: 35px;
    height: 35px;
    font-size: 13px;
    color: #333;
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 16px
}

.cu-bar .search-form + .action {
    margin-right: 16px
}

.cu-bar .search-form uni-input {
    flex: 1;
    padding-right: 16px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    background-color: initial
}

.cu-bar .search-form [class*="cuIcon-"] {
    margin: 0 .5em 0 .8em
}

.cu-bar .search-form [class*="cuIcon-"]::before {
    top: 0px
}

.cu-bar.fixed,
.nav.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1024;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.cu-bar.foot {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1024;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .1)
}

.cu-bar.tabbar {
    padding: 0;
    height: calc(55px + env(safe-area-inset-bottom) / 2);
    padding-bottom: calc(env(safe-area-inset-bottom) / 2)
}

.cu-tabbar-height {
    min-height: 55px;
    height: calc(55px + env(safe-area-inset-bottom) / 2)
}

.cu-bar.tabbar.shadow {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .1)
}

.cu-bar.tabbar .action {
    font-size: 12px;
    position: relative;
    flex: 1;
    text-align: center;
    padding: 0;
    display: block;
    height: auto;
    line-height: 1;
    margin: 0;
    background-color: inherit;
    overflow: initial
}

.cu-bar.tabbar.shop .action {
    width: 77px;
    flex: initial
}

.cu-bar.tabbar .action.add-action {
    position: relative;
    z-index: 2;
    padding-top: 27px
}

.cu-bar.tabbar .action.add-action [class*="cuIcon-"] {
    position: absolute;
    width: 38px;
    z-index: 2;
    height: 38px;
    border-radius: 50%;
    line-height: 38px;
    font-size: 27px;
    top: -19px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0
}

.cu-bar.tabbar .action.add-action::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: -27px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .08);
    border-radius: 27px;
    background-color: inherit;
    z-index: 0
}

.cu-bar.tabbar .action.add-action::before {
    content: "";
    position: absolute;
    width: 55px;
    height: 16px;
    bottom: 16px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: inherit;
    z-index: 1
}

.cu-bar.tabbar .btn-group {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 5px
}

.cu-bar.tabbar uni-button.action::after {
    border: 0
}

.cu-bar.tabbar .action [class*="cuIcon-"] {
    width: 55px;
    position: relative;
    display: block;
    height: auto;
    margin: 0 auto 5px;
    text-align: center;
    font-size: 22px
}

.cu-bar.tabbar .action .cuIcon-cu-image {
    margin: 0 auto
}

.cu-bar.tabbar .action .cuIcon-cu-image uni-image {
    width: 27px;
    height: 27px;
    display: inline-block
}

.cu-bar.tabbar .submit {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    flex: 2;
    align-self: stretch
}

.cu-bar.tabbar .submit:last-child {
    flex: 2.6
}

.cu-bar.tabbar .submit + .submit {
    flex: 2
}

.cu-bar.tabbar.border .action::before {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-right: 1px solid rgba(0, 0, 0, .1);
    z-index: 3
}

.cu-bar.tabbar.border .action:last-child:before {
    display: none
}

.cu-bar.input {
    padding-right: 11px;
    background-color: #fff
}

.cu-bar.input uni-input {
    overflow: initial;
    line-height: 35px;
    height: 35px;
    min-height: 35px;
    flex: 1;
    font-size: 16px;
    margin: 0 11px
}

.cu-bar.input .action {
    margin-left: 11px
}

.cu-bar.input .action [class*="cuIcon-"] {
    font-size: 26px
}

.cu-bar.input uni-input + .action {
    margin-right: 11px;
    margin-left: 0px
}

.cu-bar.input .action:first-child [class*="cuIcon-"] {
    margin-left: 0px
}

.cu-custom {
    display: block;
    position: relative
}

.cu-custom .cu-bar .content {
    width: calc(100% - 244px)
}

.cu-custom .cu-bar .content uni-image {
    height: 33px;
    width: 133px
}

.cu-custom .cu-bar {
    min-height: 0;


    box-shadow: 0px 0px 0px;
    z-index: 9999
}

.cu-custom .cu-bar .border-custom {
    position: relative;
    background: rgba(0, 0, 0, .15);
    border-radius: 556px;
    height: 30px
}

.cu-custom .cu-bar .border-custom::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
    border: 1px solid #fff;
    opacity: .5
}

.cu-custom .cu-bar .border-custom::before {
    content: " ";
    width: 1px;
    height: 110%;
    position: absolute;
    top: 22.5%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
    opacity: .6;
    background-color: #fff
}

.cu-custom .cu-bar .border-custom uni-text {
    display: block;
    flex: 1;
    margin: auto !important;
    text-align: center;
    font-size: 18px
}

/* ==================
         导航栏
 ==================== */
.nav {
    white-space: nowrap
}

::-webkit-scrollbar {
    display: none
}

.nav .cu-item {
    height: 50px;
    display: inline-block;
    line-height: 50px;
    margin: 0 5px;
    padding: 0 11px
}

.nav .cu-item.cur {
    border-bottom: 2px solid
}

/* ==================
         时间轴
 ==================== */
.cu-timeline {
    display: block;
    background-color: #fff
}

.cu-timeline .cu-time {
    width: 66px;
    text-align: center;
    padding: 11px 0;
    font-size: 14px;
    color: #888;
    display: block
}

.cu-timeline > .cu-item {
    padding: 16px 16px 16px 66px;
    position: relative;
    display: block;
    z-index: 0
}

.cu-timeline > .cu-item:not([class*="text-"]) {
    color: #ccc
}

.cu-timeline > .cu-item::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: #ddd;
    left: 33px;
    height: 100%;
    top: 0;
    z-index: 8
}

.cu-timeline > .cu-item::before {
    font-family: cuIcon;
    display: block;
    position: absolute;
    top: 20px;
    z-index: 9;
    background-color: #fff;
    width: 27px;
    height: 27px;
    text-align: center;
    border: none;
    line-height: 27px;
    left: 20px
}

.cu-timeline > .cu-item:not([class*="cuIcon-"])::before {
    content: "\e763"
}

.cu-timeline > .cu-item[class*="cuIcon-"]::before {
    background-color: #fff;
    width: 27px;
    height: 27px;
    text-align: center;
    border: none;
    line-height: 27px;
    left: 20px
}

.cu-timeline > .cu-item > .content {
    padding: 16px;
    border-radius: 3px;
    display: block;
    line-height: 1.6
}

.cu-timeline > .cu-item > .content:not([class*="bg-"]) {
    background-color: #f1f1f1;
    color: #333
}

.cu-timeline > .cu-item > .content + .content {
    margin-top: 11px
}

/* ==================
         聊天
 ==================== */
.cu-chat {
    display: flex;
    flex-direction: column
}

.cu-chat .cu-item {
    display: flex;
    padding: 16px 16px 38px;
    position: relative
}

.cu-chat .cu-item > .cu-avatar {
    width: 44px;
    height: 44px
}

.cu-chat .cu-item > .main {
    max-width: calc(100% - 144px);
    margin: 0 22px;
    display: flex;
    align-items: center
}

.cu-chat .cu-item > uni-image {
    height: 177px
}

.cu-chat .cu-item > .main .content {
    padding: 11px;
    border-radius: 3px;
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    font-size: 16px;
    position: relative;
    min-height: 44px;
    line-height: 22px;
    text-align: left
}

.cu-chat .cu-item > .main .content:not([class*="bg-"]) {
    background-color: #fff;
    color: #333
}

.cu-chat .cu-item .date {
    position: absolute;
    font-size: 13px;
    color: #8799a3;
    width: calc(100% - 177px);
    bottom: 11px;
    left: 88px
}

.cu-chat .cu-item .action {
    padding: 0 16px;
    display: flex;
    align-items: center
}

.cu-chat .cu-item > .main .content::after {
    content: "";
    top: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: 100;
    display: inline-block;
    overflow: hidden;
    width: 13px;
    height: 13px;
    left: -6px;
    right: auto;
    background-color: inherit
}

.cu-chat .cu-item.self > .main .content::after {
    left: auto;
    right: -6px
}

.cu-chat .cu-item > .main .content::before {
    content: "";
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: -1;
    display: inline-block;
    overflow: hidden;
    width: 13px;
    height: 13px;
    left: -6px;
    right: auto;
    background-color: inherit;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: .3
}

.cu-chat .cu-item > .main .content:not([class*="bg-"])::before {
    background-color: #333;
    opacity: .1
}

.cu-chat .cu-item.self > .main .content::before {
    left: auto;
    right: -6px
}

.cu-chat .cu-item.self {
    justify-content: flex-end;
    text-align: right
}

.cu-chat .cu-info {
    display: inline-block;
    margin: 11px auto;
    font-size: 13px;
    padding: 4px 6px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 3px;
    color: #fff;
    max-width: 222px;
    line-height: 1.4
}

/* ==================
         卡片
 ==================== */
.cu-card {
    display: block;
    overflow: hidden
}

.cu-card > .cu-item {
    display: block;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    margin: 16px
}

.cu-card > .cu-item.shadow-blur {
    overflow: initial
}

.cu-card.no-card > .cu-item {
    margin: 0px;
    border-radius: 0px
}

.cu-card .grid.grid-square {
    margin-bottom: -11px
}

.cu-card.case .image {
    position: relative
}

.cu-card.case .image uni-image {
    width: 100%
}

.cu-card.case .image .cu-tag {
    position: absolute;
    right: 0;
    top: 0
}

.cu-card.case .image .cu-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: initial;
    padding: 0px 16px
}

.cu-card.case.no-card .image {
    margin: 16px 16px 0;
    overflow: hidden;
    border-radius: 5px
}

.cu-card.dynamic {
    display: block
}

.cu-card.dynamic > .cu-item {
    display: block;
    background-color: #fff;
    overflow: hidden
}

.cu-card.dynamic > .cu-item > .text-content {
    padding: 0 16px 0;
    max-height: 6.4em;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 11px
}

.cu-card.dynamic > .cu-item .square-img {
    width: 100%;
    height: 111px;
    border-radius: 3px
}

.cu-card.dynamic > .cu-item .only-img {
    width: 100%;
    height: 177px;
    border-radius: 3px
}

/* card.dynamic>.cu-item .comment {
  padding: 20upx;
  background-color: #f1f1f1;
  margin: 0 30upx 30upx;
  border-radius: 6upx;
} */
.cu-card.article {
    display: block
}

.cu-card.article > .cu-item {
    padding-bottom: 16px
}

.cu-card.article > .cu-item .title {
    font-size: 16px;
    font-weight: 900;
    color: #333;
    line-height: 55px;
    padding: 0 16px
}

.cu-card.article > .cu-item .content {
    display: flex;
    padding: 0 16px
}

.cu-card.article > .cu-item .content > uni-image {
    width: 133px;
    height: 6.4em;
    margin-right: 11px;
    border-radius: 3px
}

.cu-card.article > .cu-item .content .desc {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cu-card.article > .cu-item .content .text-content {
    font-size: 15px;
    color: #888;
    height: 4.8em;
    overflow: hidden
}

/* ==================
         表单
 ==================== */
.cu-form-group {
    background-color: #fff;
    padding: 1px 16px;
    display: flex;
    align-items: center;
    min-height: 55px;
    justify-content: space-between
}

.cu-form-group + .cu-form-group {
    border-top: 1px solid #eee
}

.cu-form-group .title {
    text-align: justify;
    padding-right: 16px;
    font-size: 16px;
    position: relative;
    height: 33px;
    line-height: 33px
}

.cu-form-group uni-input {
    flex: 1;
    font-size: 16px;
    color: #555;
    padding-right: 11px
}

.cu-form-group > uni-text[class*="cuIcon-"] {
    font-size: 20px;
    padding: 0;
    box-sizing: border-box
}

.cu-form-group uni-textarea {
    margin: 17px 0 16px;
    height: 4.6em;
    width: 100%;
    line-height: 1.2em;
    flex: 1;
    font-size: 15px;
    padding: 0
}

.cu-form-group.align-start .title {
    height: 1em;
    margin-top: 17px;
    line-height: 1em
}

.cu-form-group uni-picker {
    flex: 1;
    padding-right: 22px;
    overflow: hidden;
    position: relative
}

.cu-form-group uni-picker .picker {
    line-height: 55px;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: right
}

.cu-form-group uni-picker::after {
    font-family: cuIcon;
    display: block;
    content: "\e6a3";
    position: absolute;
    font-size: 18px;
    color: #8799a3;
    line-height: 55px;
    width: 33px;
    text-align: center;
    top: 0;
    bottom: 0;
    right: -11px;
    margin: auto
}

.cu-form-group uni-textarea[disabled],
.cu-form-group uni-textarea[disabled] .placeholder {
    color: transparent
}

/* ==================
         模态窗口
 ==================== */
.cu-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
    opacity: 0;
    outline: 0;
    text-align: center;
    -ms-transform: scale(1.185);
    -webkit-transform: scale(1.185);
    transform: scale(1.185);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1112px;
    perspective: 1112px;
    background: rgba(0, 0, 0, .6);
    transition: all .3s ease-in-out 0s;
    pointer-events: none
}

.cu-modal::before {
    content: "\200B";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.cu-modal.show {
    opacity: 1;
    transition-duration: .3s;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto
}

.cu-dialog {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    width: 378px;
    max-width: 100%;
    background-color: #f8f8f8;
    border-radius: 5px;
    overflow: hidden
}

.cu-modal.bottom-modal::before {
    vertical-align: bottom
}

.cu-modal.bottom-modal .cu-dialog {
    width: 100%;
    border-radius: 0
}

.cu-modal.bottom-modal {
    margin-bottom: -556px
}

.cu-modal.bottom-modal.show {
    margin-bottom: 0
}

.cu-modal.drawer-modal {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: flex
}

.cu-modal.drawer-modal .cu-dialog {
    height: 100%;
    min-width: 111px;
    border-radius: 0;
    margin: initial;
    transition-duration: .3s
}

.cu-modal.drawer-modal.justify-start .cu-dialog {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.cu-modal.drawer-modal.justify-end .cu-dialog {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cu-modal.drawer-modal.show .cu-dialog {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cu-modal .cu-dialog > .cu-bar:first-child .action {
    min-width: 55px;
    margin-right: 0;
    min-height: 55px
}

/* ==================
         轮播
 ==================== */
uni-swiper .a-swiper-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, .3);
    border-radius: 50%;
    vertical-align: middle
}

uni-swiper[class*="-dot"] .wx-swiper-dots,
uni-swiper[class*="-dot"] .a-swiper-dots,
uni-swiper[class*="-dot"] .uni-swiper-dots {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
}

uni-swiper.square-dot .wx-swiper-dot,
uni-swiper.square-dot .a-swiper-dot,
uni-swiper.square-dot .uni-swiper-dot {
    background-color: #fff;
    opacity: .4;
    width: 5px;
    height: 5px;
    border-radius: 11px;
    margin: 0 4px !important
}

uni-swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active,
uni-swiper.square-dot .a-swiper-dot.a-swiper-dot-active,
uni-swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active {
    opacity: 1;
    width: 16px
}

uni-swiper.round-dot .wx-swiper-dot,
uni-swiper.round-dot .a-swiper-dot,
uni-swiper.round-dot .uni-swiper-dot {
    width: 5px;
    height: 5px;
    position: relative;
    margin: 2px 4px !important
}

uni-swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after,
uni-swiper.round-dot .a-swiper-dot.a-swiper-dot-active::after,
uni-swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 11px
}

uni-swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active,
uni-swiper.round-dot .a-swiper-dot.a-swiper-dot-active,
uni-swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
    width: 10px;
    height: 10px
}

.screen-swiper {
    min-height: 208px
}

.screen-swiper uni-image,
.screen-swiper uni-video,
.swiper-item uni-image,
.swiper-item uni-video {
    width: 100%;
    display: block;
    height: 100%;
    margin: 0;
    pointer-events: none
}

.card-swiper {
    height: 233px !important
}

.card-swiper uni-swiper-item {
    width: 339px !important;
    left: 38px;
    box-sizing: border-box;
    padding: 22px 0px 38px;
    overflow: initial
}

.card-swiper uni-swiper-item .swiper-item {
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 5px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transition: all .2s ease-in 0s;
    overflow: hidden
}

.card-swiper uni-swiper-item.cur .swiper-item {
    -webkit-transform: none;
    transform: none;
    transition: all .2s ease-in 0s
}

.tower-swiper {
    height: 233px;
    position: relative;
    max-width: 417px;
    overflow: hidden
}

.tower-swiper .tower-item {
    position: absolute;
    width: 166px;
    height: 211px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: auto;
    transition: all .2s ease-in 0s;
    opacity: 1
}

.tower-swiper .tower-item.none {
    opacity: 0
}

.tower-swiper .tower-item .swiper-item {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

/* ==================
          步骤条
 ==================== */
.cu-steps {
    display: flex
}

uni-scroll-view.cu-steps {
    display: block;
    white-space: nowrap
}

uni-scroll-view.cu-steps .cu-item {
    display: inline-block
}

.cu-steps .cu-item {
    flex: 1;
    text-align: center;
    position: relative;
    min-width: 55px
}

.cu-steps .cu-item:not([class*="text-"]) {
    color: #8799a3
}

.cu-steps .cu-item [class*="cuIcon-"],
.cu-steps .cu-item .num {
    display: block;
    font-size: 22px;
    line-height: 44px
}

.cu-steps .cu-item::before,
.cu-steps .cu-item::after,
.cu-steps.steps-arrow .cu-item::before,
.cu-steps.steps-arrow .cu-item::after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: calc(100% - 44px);
    border-bottom: 1px solid #ccc;
    left: calc(0px - (100% - 44px) / 2);
    top: 22px;
    z-index: 0
}

.cu-steps.steps-arrow .cu-item::before,
.cu-steps.steps-arrow .cu-item::after {
    content: "\e6a3";
    font-family: cuIcon;
    height: 16px;
    border-bottom-width: 0;
    line-height: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #ccc
}

.cu-steps.steps-bottom .cu-item::before,
.cu-steps.steps-bottom .cu-item::after {
    bottom: 22px;
    top: auto
}

.cu-steps .cu-item::after {
    border-bottom: 1px solid currentColor;
    width: 0;
    transition: all .3s ease-in-out 0s
}

.cu-steps .cu-item[class*="text-"]::after {
    width: calc(100% - 44px);
    color: currentColor
}

.cu-steps .cu-item:first-child::before,
.cu-steps .cu-item:first-child::after {
    display: none
}

.cu-steps .cu-item .num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: 22px;
    margin: 11px auto;
    font-size: 13px;
    border: 1px solid currentColor;
    position: relative;
    overflow: hidden
}

.cu-steps .cu-item[class*="text-"] .num {
    background-color: currentColor
}

.cu-steps .cu-item .num::before,
.cu-steps .cu-item .num::after {
    content: attr(data-index);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease-in-out 0s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.cu-steps .cu-item[class*="text-"] .num::before {
    -webkit-transform: translateY(-22px);
    transform: translateY(-22px);
    color: #fff
}

.cu-steps .cu-item .num::after {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
    color: #fff;
    transition: all .3s ease-in-out 0s
}

.cu-steps .cu-item[class*="text-"] .num::after {
    content: "\e645";
    font-family: cuIcon;
    color: #fff;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.cu-steps .cu-item[class*="text-"] .num.err::after {
    content: "\e646"
}

/* ==================
          布局
 ==================== */
/*  -- flex弹性布局 -- */
.flex {
    display: flex
}

.basis-xs {
    flex-basis: 20%
}

.basis-sm {
    flex-basis: 40%
}

.basis-df {
    flex-basis: 50%
}

.basis-lg {
    flex-basis: 60%
}

.basis-xl {
    flex-basis: 80%
}

.flex-sub {
    flex: 1
}

.flex-twice {
    flex: 2
}

.flex-treble {
    flex: 3
}

.flex-direction {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.align-center {
    align-items: center
}

.align-stretch {
    align-items: stretch
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: flex-center
}

.self-end {
    align-self: flex-end
}

.self-stretch {
    align-self: stretch
}

.align-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

/* grid布局 */
.grid {
    display: flex;
    flex-wrap: wrap
}

.grid.grid-square {
    overflow: hidden
}

.grid.grid-square .cu-tag {
    position: absolute;
    right: 0;
    top: 0;
    border-bottom-left-radius: 3px;
    padding: 3px 6px;
    height: auto;
    background-color: rgba(0, 0, 0, .5)
}

.grid.grid-square > uni-view > uni-text[class*="cuIcon-"] {
    font-size: 28px;
    position: absolute;
    color: #8799a3;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.grid.grid-square > uni-view {
    margin-right: 11px;
    margin-bottom: 11px;
    border-radius: 3px;
    position: relative;
    overflow: hidden
}

.grid.grid-square > uni-view.bg-img uni-image {
    width: 100%;
    height: 100%;
    position: absolute
}

.grid.col-1.grid-square > uni-view {
    padding-bottom: 100%;
    height: 0;
    margin-right: 0
}

.grid.col-2.grid-square > uni-view {
    padding-bottom: calc((100% - 11px) / 2);
    height: 0;
    width: calc((100% - 11px) / 2)
}

.grid.col-3.grid-square > uni-view {
    padding-bottom: calc((100% - 22px) / 3);
    height: 0;
    width: calc((100% - 22px) / 3)
}

.grid.col-4.grid-square > uni-view {
    padding-bottom: calc((100% - 33px) / 4);
    height: 0;
    width: calc((100% - 33px) / 4)
}

.grid.col-5.grid-square > uni-view {
    padding-bottom: calc((100% - 44px) / 5);
    height: 0;
    width: calc((100% - 44px) / 5)
}

.grid.col-2.grid-square > uni-view:nth-child(2n),
.grid.col-3.grid-square > uni-view:nth-child(3n),
.grid.col-4.grid-square > uni-view:nth-child(4n),
.grid.col-5.grid-square > uni-view:nth-child(5n) {
    margin-right: 0
}

.grid.col-1 > uni-view {
    width: 100%
}

.grid.col-2 > uni-view {
    width: 50%
}

.grid.col-3 > uni-view {
    width: 33.33%
}

.grid.col-4 > uni-view {
    width: 25%
}

.grid.col-5 > uni-view {
    width: 20%
}

/*  -- 内外边距 -- */
.margin-0 {
    margin: 0
}

.margin-xs {
    margin: 5px
}

.margin-sm {
    margin: 11px
}

.margin {
    margin: 16px
}

.margin-lg {
    margin: 22px
}

.margin-xl {
    margin: 27px
}

.margin-top-xs {
    margin-top: 5px
}

.margin-top-sm {
    margin-top: 11px
}

.margin-top {
    margin-top: 16px
}

.margin-top-lg {
    margin-top: 22px
}

.margin-top-xl {
    margin-top: 27px
}

.margin-right-xs {
    margin-right: 5px
}

.margin-right-sm {
    margin-right: 11px
}

.margin-right {
    margin-right: 16px
}

.margin-right-lg {
    margin-right: 22px
}

.margin-right-xl {
    margin-right: 27px
}

.margin-bottom-xs {
    margin-bottom: 5px
}

.margin-bottom-sm {
    margin-bottom: 11px
}

.margin-bottom {
    margin-bottom: 16px
}

.margin-bottom-lg {
    margin-bottom: 22px
}

.margin-bottom-xl {
    margin-bottom: 27px
}

.margin-left-xs {
    margin-left: 5px
}

.margin-left-sm {
    margin-left: 11px
}

.margin-left {
    margin-left: 16px
}

.margin-left-lg {
    margin-left: 22px
}

.margin-left-xl {
    margin-left: 27px
}

.margin-lr-xs {
    margin-left: 5px;
    margin-right: 5px
}

.margin-lr-sm {
    margin-left: 11px;
    margin-right: 11px
}

.margin-lr {
    margin-left: 16px;
    margin-right: 16px
}

.margin-lr-lg {
    margin-left: 22px;
    margin-right: 22px
}

.margin-lr-xl {
    margin-left: 27px;
    margin-right: 27px
}

.margin-tb-xs {
    margin-top: 5px;
    margin-bottom: 5px
}

.margin-tb-sm {
    margin-top: 11px;
    margin-bottom: 11px
}

.margin-tb {
    margin-top: 16px;
    margin-bottom: 16px
}

.margin-tb-lg {
    margin-top: 22px;
    margin-bottom: 22px
}

.margin-tb-xl {
    margin-top: 27px;
    margin-bottom: 27px
}

.padding-0 {
    padding: 0
}

.padding-xs {
    padding: 5px
}

.padding-sm {
    padding: 11px
}

.padding {
    padding: 16px
}

.padding-lg {
    padding: 22px
}

.padding-xl {
    padding: 27px
}

.padding-top-xs {
    padding-top: 5px
}

.padding-top-sm {
    padding-top: 11px
}

.padding-top {
    padding-top: 16px
}

.padding-top-lg {
    padding-top: 22px
}

.padding-top-xl {
    padding-top: 27px
}

.padding-right-xs {
    padding-right: 5px
}

.padding-right-sm {
    padding-right: 11px
}

.padding-right {
    padding-right: 16px
}

.padding-right-lg {
    padding-right: 22px
}

.padding-right-xl {
    padding-right: 27px
}

.padding-bottom-xs {
    padding-bottom: 5px
}

.padding-bottom-sm {
    padding-bottom: 11px
}

.padding-bottom {
    padding-bottom: 16px
}

.padding-bottom-lg {
    padding-bottom: 22px
}

.padding-bottom-xl {
    padding-bottom: 27px
}

.padding-left-xs {
    padding-left: 5px
}

.padding-left-sm {
    padding-left: 11px
}

.padding-left {
    padding-left: 16px
}

.padding-left-lg {
    padding-left: 22px
}

.padding-left-xl {
    padding-left: 27px
}

.padding-lr-xs {
    padding-left: 5px;
    padding-right: 5px
}

.padding-lr-sm {
    padding-left: 11px;
    padding-right: 11px
}

.padding-lr {
    padding-left: 16px;
    padding-right: 16px
}

.padding-lr-lg {
    padding-left: 22px;
    padding-right: 22px
}

.padding-lr-xl {
    padding-left: 27px;
    padding-right: 27px
}

.padding-tb-xs {
    padding-top: 5px;
    padding-bottom: 5px
}

.padding-tb-sm {
    padding-top: 11px;
    padding-bottom: 11px
}

.padding-tb {
    padding-top: 16px;
    padding-bottom: 16px
}

.padding-tb-lg {
    padding-top: 22px;
    padding-bottom: 22px
}

.padding-tb-xl {
    padding-top: 27px;
    padding-bottom: 27px
}

/* -- 浮动 --  */
.cf::after,
.cf::before {
    content: " ";
    display: table
}

.cf::after {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

/* ==================
          背景
 ==================== */
.line-red::after,
.lines-red::after {
    border-color: red
}

.line-orange::after,
.lines-orange::after {
    border-color: #f37b1d
}

.line-yellow::after,
.lines-yellow::after {
    border-color: #fbbd08
}

.line-olive::after,
.lines-olive::after {
    border-color: #8dc63f
}

.line-green::after,
.lines-green::after {
    border-color: #39b54a
}

.line-cyan::after,
.lines-cyan::after {
    border-color: #1cbbb4
}

.line-blue::after,
.lines-blue::after {
    border-color: #0081ff
}

.line-purple::after,
.lines-purple::after {
    border-color: #6739b6
}

.line-mauve::after,
.lines-mauve::after {
    border-color: #9c26b0
}

.line-pink::after,
.lines-pink::after {
    border-color: #e03997
}

.line-brown::after,
.lines-brown::after {
    border-color: #a5673f
}

.line-grey::after,
.lines-grey::after {
    border-color: #8799a3
}

.line-gray::after,
.lines-gray::after {
    border-color: #aaa
}

.line-black::after,
.lines-black::after {
    border-color: #333
}

.line-white::after,
.lines-white::after {
    border-color: #fff
}

.bg-red {
    background-color: red;
    color: #fff
}

.bg-orange {
    background-color: #f37b1d;
    color: #fff
}

.bg-yellow {
    background-color: #fbbd08;
    color: #333
}

.bg-olive {
    background-color: #8dc63f;
    color: #fff
}

.bg-green {
    background-color: #39b54a;
    color: #fff
}

.bg-cyan {
    background-color: #1cbbb4;
    color: #fff
}

.bg-blue {
    background-color: #0081ff;
    color: #fff
}

.bg-purple {
    background-color: #6739b6;
    color: #fff
}

.bg-mauve {
    background-color: #9c26b0;
    color: #fff
}

.bg-pink {
    background-color: #e03997;
    color: #fff
}

.bg-brown {
    background-color: #a5673f;
    color: #fff
}

.bg-grey {
    background-color: #8799a3;
    color: #fff
}

.bg-gray {
    background-color: #f0f0f0;
    color: #333
}

.bg-black {
    background-color: #333;
    color: #fff
}

.bg-white {
    background-color: #fff;
    color: #666
}

.bg-shadeTop {
    background-image: linear-gradient(#000, rgba(0, 0, 0, .01));
    color: #fff
}

.bg-shadeBottom {
    background-image: linear-gradient(rgba(0, 0, 0, .01), #000);
    color: #fff
}

.bg-red.light {
    color: red;
    background-color: #fadbd9
}

.bg-orange.light {
    color: #f37b1d;
    background-color: #fde6d2
}

.bg-yellow.light {
    color: #fbbd08;
    background-color: rgba(254, 242, 206, .8235294117647058)
}

.bg-olive.light {
    color: #8dc63f;
    background-color: #e8f4d9
}

.bg-green.light {
    color: #39b54a;
    background-color: #d7f0db
}

.bg-cyan.light {
    color: #1cbbb4;
    background-color: #d2f1f0
}

.bg-blue.light {
    color: #0081ff;
    background-color: #cce6ff
}

.bg-purple.light {
    color: #6739b6;
    background-color: #e1d7f0
}

.bg-mauve.light {
    color: #9c26b0;
    background-color: #ebd4ef
}

.bg-pink.light {
    color: #e03997;
    background-color: #f9d7ea
}

.bg-brown.light {
    color: #a5673f;
    background-color: #ede1d9
}

.bg-grey.light {
    color: #8799a3;
    background-color: #e7ebed
}

.bg-gradual-red {
    background-image: linear-gradient(45deg, #f43f3b, #ec008c);
    color: #fff
}

.bg-gradual-orange {
    background-image: linear-gradient(45deg, #ff9700, #ed1c24);
    color: #fff
}

.bg-gradual-green {
    background-image: linear-gradient(45deg, #39b54a, #8dc63f);
    color: #fff
}

.bg-gradual-purple {
    background-image: linear-gradient(45deg, #9000ff, #5e00ff);
    color: #fff
}

.bg-gradual-pink {
    background-image: linear-gradient(45deg, #ec008c, #6739b6);
    color: #fff
}

.bg-gradual-blue {
    background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
    color: #fff
}

.shadow[class*="-red"] {
    box-shadow: 3px 3px 4px rgba(204, 69, 59, .2)
}

.shadow[class*="-orange"] {
    box-shadow: 3px 3px 4px rgba(217, 109, 26, .2)
}

.shadow[class*="-yellow"] {
    box-shadow: 3px 3px 4px rgba(224, 170, 7, .2)
}

.shadow[class*="-olive"] {
    box-shadow: 3px 3px 4px rgba(124, 173, 55, .2)
}

.shadow[class*="-green"] {
    box-shadow: 3px 3px 4px rgba(48, 156, 63, .2)
}

.shadow[class*="-cyan"] {
    box-shadow: 3px 3px 4px rgba(28, 187, 180, .2)
}

.shadow[class*="-blue"] {
    box-shadow: 3px 3px 4px rgba(0, 102, 204, .2)
}

.shadow[class*="-purple"] {
    box-shadow: 3px 3px 4px rgba(88, 48, 156, .2)
}

.shadow[class*="-mauve"] {
    box-shadow: 3px 3px 4px rgba(133, 33, 150, .2)
}

.shadow[class*="-pink"] {
    box-shadow: 3px 3px 4px rgba(199, 50, 134, .2)
}

.shadow[class*="-brown"] {
    box-shadow: 3px 3px 4px rgba(140, 88, 53, .2)
}

.shadow[class*="-grey"] {
    box-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.shadow[class*="-gray"] {
    box-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.shadow[class*="-black"] {
    box-shadow: 3px 3px 4px rgba(26, 26, 26, .2)
}

.shadow[class*="-white"] {
    box-shadow: 3px 3px 4px rgba(26, 26, 26, .2)
}

.text-shadow[class*="-red"] {
    text-shadow: 3px 3px 4px rgba(204, 69, 59, .2)
}

.text-shadow[class*="-orange"] {
    text-shadow: 3px 3px 4px rgba(217, 109, 26, .2)
}

.text-shadow[class*="-yellow"] {
    text-shadow: 3px 3px 4px rgba(224, 170, 7, .2)
}

.text-shadow[class*="-olive"] {
    text-shadow: 3px 3px 4px rgba(124, 173, 55, .2)
}

.text-shadow[class*="-green"] {
    text-shadow: 3px 3px 4px rgba(48, 156, 63, .2)
}

.text-shadow[class*="-cyan"] {
    text-shadow: 3px 3px 4px rgba(28, 187, 180, .2)
}

.text-shadow[class*="-blue"] {
    text-shadow: 3px 3px 4px rgba(0, 102, 204, .2)
}

.text-shadow[class*="-purple"] {
    text-shadow: 3px 3px 4px rgba(88, 48, 156, .2)
}

.text-shadow[class*="-mauve"] {
    text-shadow: 3px 3px 4px rgba(133, 33, 150, .2)
}

.text-shadow[class*="-pink"] {
    text-shadow: 3px 3px 4px rgba(199, 50, 134, .2)
}

.text-shadow[class*="-brown"] {
    text-shadow: 3px 3px 4px rgba(140, 88, 53, .2)
}

.text-shadow[class*="-grey"] {
    text-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.text-shadow[class*="-gray"] {
    text-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.text-shadow[class*="-black"] {
    text-shadow: 3px 3px 4px rgba(26, 26, 26, .2)
}

.bg-img {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.bg-mask {
    background-color: #333;
    position: relative
}

.bg-mask::after {
    content: "";
    border-radius: inherit;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.bg-mask uni-view,
.bg-mask uni-cover-view {
    z-index: 5;
    position: relative
}

.bg-video {
    position: relative
}

.bg-video uni-video {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: 0;
    pointer-events: none
}

/* ==================
          文本
 ==================== */
.text-xs {
    font-size: 11px
}

.text-sm {
    font-size: 13px
}

.text-df {
    font-size: 15px
}

.text-lg {
    font-size: 17px
}

.text-xl {
    font-size: 20px
}

.text-xxl {
    font-size: 24px
}

.text-sl {
    font-size: 44px
}

.text-xsl {
    font-size: 66px
}

.text-Abc {
    text-transform: Capitalize
}

.text-ABC {
    text-transform: Uppercase
}

.text-abc {
    text-transform: Lowercase
}

.text-price::before {
    content: "¥";
    font-size: 80%;
    margin-right: 2px
}

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

.text-bold {
    font-weight: 700
}

.text-center {
    text-align: center
}

.text-content {
    line-height: 1.6
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-red,
.line-red,
.lines-red {
    color: red
}

.text-orange,
.line-orange,
.lines-orange {
    color: #f37b1d
}

.text-yellow,
.line-yellow,
.lines-yellow {
    color: #fbbd08
}

.text-olive,
.line-olive,
.lines-olive {
    color: #8dc63f
}

.text-green,
.line-green,
.lines-green {
    color: #39b54a
}

.text-cyan,
.line-cyan,
.lines-cyan {
    color: #1cbbb4
}

.text-blue,
.line-blue,
.lines-blue {
    color: #0081ff
}

.text-purple,
.line-purple,
.lines-purple {
    color: #6739b6
}

.text-mauve,
.line-mauve,
.lines-mauve {
    color: #9c26b0
}

.text-pink,
.line-pink,
.lines-pink {
    color: #e03997
}

.text-brown,
.line-brown,
.lines-brown {
    color: #a5673f
}

.text-grey,
.line-grey,
.lines-grey {
    color: #8799a3
}

.text-gray,
.line-gray,
.lines-gray {
    color: #aaa
}

.text-black,
.line-black,
.lines-black {
    color: #333
}

.text-white,
.line-white,
.lines-white {
    color: #fff
}

/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

/**
 * author: Di (微信小程序开发工程师)
 * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
 *         垂直微信小程序开发交流社区
 *
 * github地址: https://github.com/icindy/wxParse
 *
 * for: 微信小程序富文本解析
 * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
 */
/**
 * 请在全局下引入该文件，@import 'static/wxParse.css';
 */
.wxParse {
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    font-family: Helvetica, PingFangSC, Microsoft Yahei, 微软雅黑, Arial, sans-serif;
    color: #363636;
    line-height: 1;
    font-size: 1em;
    text-align: left /* //左对齐 */
}

.wxParse uni-view, .wxParse uni-view {
    word-break: break-word
}

.wxParse .p {
    padding-bottom: .2em;
    clear: both
    /* letter-spacing: 0;//字间距 */
}

.wxParse .inline {
    display: inline;
    margin: 0;
    padding: 0
}

.wxParse .div {
    margin: 0;
    padding: 0;
    display: block
}

.wxParse .h1 {
    font-size: 2em;
    line-height: 1.2em;
    margin: .67em 0
}

.wxParse .h2 {
    font-size: 1.5em;
    margin: .83em 0
}

.wxParse .h3 {
    font-size: 1.17em;
    margin: 1em 0
}

.wxParse .h4 {
    margin: 1.33em 0
}

.wxParse .h5 {
    font-size: .83em;
    margin: 1.67em 0
}

.wxParse .h6 {
    font-size: .83em;
    margin: 1.67em 0
}

.wxParse .h1,
.wxParse .h2,
.wxParse .h3,
.wxParse .h4,
.wxParse .h5,
.wxParse .h6,
.wxParse .b,
.wxParse .strong {
    font-weight: bolder
}

.wxParse .i,
.wxParse .cite,
.wxParse .em,
.wxParse .var,
.wxParse .address {
    font-style: italic
}

.wxParse .spaceshow {
    white-space: pre
}

.wxParse .pre,
.wxParse .tt,
.wxParse .code,
.wxParse .kbd,
.wxParse .samp {
    font-family: monospace
}

.wxParse .pre {
    overflow: auto;
    background: #f5f5f5;
    padding: 8px;
    white-space: pre;
    margin: 1em 0px;
    font-size: 13px
}

.wxParse .code {
    overflow: auto;
    padding: 8px;
    white-space: pre;
    margin: 1em 0px;
    background: #f5f5f5;
    font-size: 13px
}

.wxParse .big {
    font-size: 1.17em
}

.wxParse .small,
.wxParse .sub,
.wxParse .sup {
    font-size: .83em
}

.wxParse .sub {
    vertical-align: sub
}

.wxParse .sup {
    vertical-align: super
}

.wxParse .s,
.wxParse .strike,
.wxParse .del {
    text-decoration: line-through
}

.wxParse .strong,
.wxParse .text,
.wxParse .span,
.wxParse .s {
    display: inline
}

.wxParse .a {
    color: #00bfff
}

.wxParse .video {
    text-align: center;
    margin: 12px 0
}

.wxParse .video-video {
    width: 100%
}

.wxParse .uni-image {
    max-width: 100%
}

.wxParse .img {
    display: block;
    max-width: 100%;
    margin-bottom: 0; /* //与p标签底部padding同时修改 */
    overflow: hidden
}

.wxParse .blockquote {
    margin: 5px 0;
    padding: 12px 0 12px 12px;
    font-family: Courier, Calibri, 宋体;
    background: #f5f5f5;
    border-left: 3px solid #dbdbdb
}

.wxParse .blockquote .p {
    margin: 0
}

.wxParse .ul, .wxParse .ol {
    display: block;
    margin: 1em 0;
    padding-left: 2em
}

.wxParse .ol {
    list-style-type: disc
}

.wxParse .ol {
    list-style-type: decimal
}

.wxParse .ol > weixin-parse-template, .wxParse .ul > weixin-parse-template {
    display: list-item;
    align-items: baseline;
    text-align: match-parent
}

.wxParse .ol > .li, .wxParse .ul > .li {
    display: list-item;
    align-items: baseline;
    text-align: match-parent
}

.wxParse .ul .ul, .wxParse .ol .ul {
    list-style-type: circle
}

.wxParse .ol .ol .ul, .wxParse .ol .ul .ul, .wxParse .ul .ol .ul, .wxParse .ul .ul .ul {
    list-style-type: square
}

.wxParse .u {
    text-decoration: underline
}

.wxParse .hide {
    display: none
}

.wxParse .del {
    display: inline
}

.wxParse .figure {
    overflow: hidden
}

.wxParse .tablebox {
    overflow: auto;
    background-color: #f5f5f5;
    background: #f5f5f5;
    font-size: 13px;
    padding: 8px
}

.wxParse .table .table, .wxParse .table {
    border-collapse: collapse;
    box-sizing: border-box;
    /* 内边框 */
    /* width: 100%; */
    overflow: auto;
    white-space: pre
}

.wxParse .tbody {
    border-collapse: collapse;
    box-sizing: border-box;
    /* 内边框 */
    border: 1px solid #dadada
}

.wxParse .table .thead, .wxParse .table .tfoot, .wxParse .table .th {
    border-collapse: collapse;
    box-sizing: border-box;
    background: #ececec;
    font-weight: 40
}

.wxParse .table .tr {
    border-collapse: collapse;
    box-sizing: border-box;
    /* border: 2px solid #F0AD4E; */
    overflow: auto
}

.wxParse .table .th,
.wxParse .table .td {
    border-collapse: collapse;
    box-sizing: border-box;
    border: 1px solid #dadada;
    overflow: auto
}

.wxParse .audio, .wxParse .uni-audio-default {
    display: block
}

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

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

.u-line-3 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical !important
}

.u-line-4 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical !important
}

.u-line-5 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical !important
}

.u-border {
    border-width: .5px !important;
    border-color: #e4e7ed !important;
    border-style: solid
}

.u-border-top {
    border-top-width: .5px !important;
    border-color: #e4e7ed !important;
    border-top-style: solid
}

.u-border-left {
    border-left-width: .5px !important;
    border-color: #e4e7ed !important;
    border-left-style: solid
}

.u-border-right {
    border-right-width: .5px !important;
    border-color: #e4e7ed !important;
    border-right-style: solid
}

.u-border-bottom {
    border-bottom-width: .5px !important;
    border-color: #e4e7ed !important;
    border-bottom-style: solid
}

.u-border-top-bottom {
    border-top-width: .5px !important;
    border-bottom-width: .5px !important;
    border-color: #e4e7ed !important;
    border-top-style: solid;
    border-bottom-style: solid
}

.u-reset-button {
    padding: 0;
    background-color: initial;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.u-reset-button::after {
    border: none
}

.u-hover-class {
    opacity: .7
}

.u-primary-light {
    color: #ecf5ff
}

.u-warning-light {
    color: #fdf6ec
}

.u-success-light {
    color: #f5fff0
}

.u-error-light {
    color: #fef0f0
}

.u-info-light {
    color: #f4f4f5
}

.u-primary-light-bg {
    background-color: #ecf5ff
}

.u-warning-light-bg {
    background-color: #fdf6ec
}

.u-success-light-bg {
    background-color: #f5fff0
}

.u-error-light-bg {
    background-color: #fef0f0
}

.u-info-light-bg {
    background-color: #f4f4f5
}

.u-primary-dark {
    color: #398ade
}

.u-warning-dark {
    color: #f1a532
}

.u-success-dark {
    color: #53c21d
}

.u-error-dark {
    color: #e45656
}

.u-info-dark {
    color: #767a82
}

.u-primary-dark-bg {
    background-color: #398ade
}

.u-warning-dark-bg {
    background-color: #f1a532
}

.u-success-dark-bg {
    background-color: #53c21d
}

.u-error-dark-bg {
    background-color: #e45656
}

.u-info-dark-bg {
    background-color: #767a82
}

.u-primary-disabled {
    color: #9acafc
}

.u-warning-disabled {
    color: #f9d39b
}

.u-success-disabled {
    color: #a9e08f
}

.u-error-disabled {
    color: #f7b2b2
}

.u-info-disabled {
    color: #c4c6c9
}

.u-primary {
    color: #3c9cff
}

.u-warning {
    color: #f9ae3d
}

.u-success {
    color: #5ac725
}

.u-error {
    color: #f56c6c
}

.u-info {
    color: #909399
}

.u-primary-bg {
    background-color: #3c9cff
}

.u-warning-bg {
    background-color: #f9ae3d
}

.u-success-bg {
    background-color: #5ac725
}

.u-error-bg {
    background-color: #f56c6c
}

.u-info-bg {
    background-color: #909399
}

.u-main-color {
    color: #303133
}

.u-content-color {
    color: #606266
}

.u-tips-color {
    color: #909399
}

.u-light-color {
    color: #c0c4cc
}

.u-safe-area-inset-top {
    padding-top: 0;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top)
}

.u-safe-area-inset-right {
    padding-right: 0;
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right)
}

.u-safe-area-inset-bottom {
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.u-safe-area-inset-left {
    padding-left: 0;
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left)
}

uni-toast {
    z-index: 10090
}

uni-toast .uni-toast {
    z-index: 10090
}

::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent
}

/*每个页面公共css */
.u-flex {
    display: flex
}

uni-modal {
    z-index: 19999 !important
}

.u-row-between {
    justify-content: space-between;
    flex-direction: row;
    align-items: center
}

.status_bar_coums {
    height: 0;
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 998
}
body[data-v-28be9c5d] {
    background-color: #fff;
    font-size: 15px;
    color: #333;
    font-family: Helvetica Neue, Helvetica, sans-serif
}

uni-view[data-v-28be9c5d],
uni-scroll-view[data-v-28be9c5d],
uni-swiper[data-v-28be9c5d],
uni-button[data-v-28be9c5d],
uni-input[data-v-28be9c5d],
uni-textarea[data-v-28be9c5d],
uni-label[data-v-28be9c5d],
uni-navigator[data-v-28be9c5d],
uni-image[data-v-28be9c5d] {
    box-sizing: border-box
}

.round[data-v-28be9c5d] {
    border-radius: 2780px
}

.radius[data-v-28be9c5d] {
    border-radius: 3px
}

/* ==================
          图片
 ==================== */
uni-image[data-v-28be9c5d] {
    max-width: 100%;
    display: inline-block;
    position: relative;
    z-index: 0
}

uni-image.loading[data-v-28be9c5d]::before {
    content: "";
    background-color: #f5f5f5;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2
}

uni-image.loading[data-v-28be9c5d]::after {
    content: "\e7f1";
    font-family: cuIcon;
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    right: 0;
    bottom: 0;
    z-index: -1;
    font-size: 17px;
    margin: auto;
    color: #ccc;
    -webkit-animation: cuIcon-spin 2s infinite linear;
    animation: cuIcon-spin 2s infinite linear;
    display: block
}

.response[data-v-28be9c5d] {
    width: 100%
}

/* ==================
         开关
 ==================== */
/****************************************************/
/* ==================
          边框
 ==================== */
/* -- 实线 -- */
.solid[data-v-28be9c5d],
.solid-top[data-v-28be9c5d],
.solid-right[data-v-28be9c5d],
.solid-bottom[data-v-28be9c5d],
.solid-left[data-v-28be9c5d],
.solids[data-v-28be9c5d],
.solids-top[data-v-28be9c5d],
.solids-right[data-v-28be9c5d],
.solids-bottom[data-v-28be9c5d],
.solids-left[data-v-28be9c5d],
.dashed[data-v-28be9c5d],
.dashed-top[data-v-28be9c5d],
.dashed-right[data-v-28be9c5d],
.dashed-bottom[data-v-28be9c5d],
.dashed-left[data-v-28be9c5d] {
    position: relative
}

.solid[data-v-28be9c5d]::after,
.solid-top[data-v-28be9c5d]::after,
.solid-right[data-v-28be9c5d]::after,
.solid-bottom[data-v-28be9c5d]::after,
.solid-left[data-v-28be9c5d]::after,
.solids[data-v-28be9c5d]::after,
.solids-top[data-v-28be9c5d]::after,
.solids-right[data-v-28be9c5d]::after,
.solids-bottom[data-v-28be9c5d]::after,
.solids-left[data-v-28be9c5d]::after,
.dashed[data-v-28be9c5d]::after,
.dashed-top[data-v-28be9c5d]::after,
.dashed-right[data-v-28be9c5d]::after,
.dashed-bottom[data-v-28be9c5d]::after,
.dashed-left[data-v-28be9c5d]::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box
}

.solid[data-v-28be9c5d]::after {
    border: 1px solid rgba(0, 0, 0, .1)
}

.solid-top[data-v-28be9c5d]::after {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.solid-right[data-v-28be9c5d]::after {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.solid-bottom[data-v-28be9c5d]::after {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.solid-left[data-v-28be9c5d]::after {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.solids[data-v-28be9c5d]::after {
    border: 4px solid #eee
}

.solids-top[data-v-28be9c5d]::after {
    border-top: 4px solid #eee
}

.solids-right[data-v-28be9c5d]::after {
    border-right: 4px solid #eee
}

.solids-bottom[data-v-28be9c5d]::after {
    border-bottom: 4px solid #eee
}

.solids-left[data-v-28be9c5d]::after {
    border-left: 4px solid #eee
}

/* -- 虚线 -- */
.dashed[data-v-28be9c5d]::after {
    border: 1px dashed #ddd
}

.dashed-top[data-v-28be9c5d]::after {
    border-top: 1px dashed #ddd
}

.dashed-right[data-v-28be9c5d]::after {
    border-right: 1px dashed #ddd
}

.dashed-bottom[data-v-28be9c5d]::after {
    border-bottom: 1px dashed #ddd
}

.dashed-left[data-v-28be9c5d]::after {
    border-left: 1px dashed #ddd
}

/* -- 阴影 -- */
.shadow[class*="white"][data-v-28be9c5d] {
    --ShadowSize: 0 1px 3px
}

.shadow-lg[data-v-28be9c5d] {
    --ShadowSize: 0px 22px 55px 0px
}

.shadow-warp[data-v-28be9c5d] {
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.shadow-warp[data-v-28be9c5d]:before,
.shadow-warp[data-v-28be9c5d]:after {
    position: absolute;
    content: "";
    top: 11px;
    bottom: 16px;
    left: 11px;
    width: 50%;
    box-shadow: 0 16px 11px rgba(0, 0, 0, .2);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: -1
}

.shadow-warp[data-v-28be9c5d]:after {
    right: 11px;
    left: auto;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
}

.shadow-blur[data-v-28be9c5d] {
    position: relative
}

.shadow-blur[data-v-28be9c5d]::before {
    content: "";
    display: block;
    background: inherit;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    z-index: -1;
    opacity: .4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: inherit;
    -webkit-transform: scale(1);
    transform: scale(1)
}

/* ==================
          按钮
 ==================== */
.cu-btn[data-v-28be9c5d] {
    position: relative;
    border: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 16px;
    font-size: 15px;
    height: 35px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    overflow: visible;
    margin-left: 0;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    margin-right: 0
}

.cu-btn[data-v-28be9c5d]::after {
    display: none
}

.cu-btn[data-v-28be9c5d]:not([class*="bg-"]) {
    background-color: #f0f0f0
}

.cu-btn[class*="line"][data-v-28be9c5d] {
    background-color: initial
}

.cu-btn[class*="line"][data-v-28be9c5d]::after {
    content: " ";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid currentColor;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 1;
    pointer-events: none
}

.cu-btn.round[class*="line"][data-v-28be9c5d]::after {
    border-radius: 556px
}

.cu-btn[class*="lines"][data-v-28be9c5d]::after {
    border: 3px solid currentColor
}

.cu-btn[class*="bg-"][data-v-28be9c5d]::after {
    display: none
}

.cu-btn.sm[data-v-28be9c5d] {
    padding: 0 11px;
    font-size: 11px;
    height: 26px
}

.cu-btn.lg[data-v-28be9c5d] {
    padding: 0 22px;
    font-size: 17px;
    height: 44px
}

.cu-btn.cuIcon.sm[data-v-28be9c5d] {
    width: 26px;
    height: 26px
}

.cu-btn.cuIcon[data-v-28be9c5d] {
    width: 35px;
    height: 35px;
    border-radius: 278px;
    padding: 0
}

uni-button.cuIcon.lg[data-v-28be9c5d] {
    width: 44px;
    height: 44px
}

.cu-btn.shadow-blur[data-v-28be9c5d]::before {
    top: 2px;
    left: 2px;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: .6
}

.cu-btn.button-hover[data-v-28be9c5d] {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px)
}

.block[data-v-28be9c5d] {
    display: block
}

.cu-btn.block[data-v-28be9c5d] {
    display: flex
}

.cu-btn[disabled][data-v-28be9c5d] {
    opacity: .6;
    color: #fff
}

/* ==================
          徽章
 ==================== */
.cu-tag[data-v-28be9c5d] {
    font-size: 13px;
    vertical-align: middle;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0px 8px;
    height: 26px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    white-space: nowrap
}

.cu-tag[data-v-28be9c5d]:not([class*="bg"]):not([class*="line"]) {
    background-color: #f1f1f1
}

.cu-tag[class*="line-"][data-v-28be9c5d]::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid currentColor;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: inherit;
    z-index: 1;
    pointer-events: none
}

.cu-tag.radius[class*="line"][data-v-28be9c5d]::after {
    border-radius: 6px
}

.cu-tag.round[class*="line"][data-v-28be9c5d]::after {
    border-radius: 556px
}

.cu-tag[class*="line-"][data-v-28be9c5d]::after {
    border-radius: 0
}

.cu-tag + .cu-tag[data-v-28be9c5d] {
    margin-left: 5px
}

.cu-tag.sm[data-v-28be9c5d] {
    font-size: 11px;
    padding: 0px 6px;
    height: 17px
}

.cu-capsule[data-v-28be9c5d] {
    display: inline-flex;
    vertical-align: middle
}

.cu-capsule + .cu-capsule[data-v-28be9c5d] {
    margin-left: 5px
}

.cu-capsule .cu-tag[data-v-28be9c5d] {
    margin: 0
}

.cu-capsule .cu-tag[class*="line-"][data-v-28be9c5d]:last-child::after {
    border-left: 0px solid transparent
}

.cu-capsule .cu-tag[class*="line-"][data-v-28be9c5d]:first-child::after {
    border-right: 0px solid transparent
}

.cu-capsule.radius .cu-tag[data-v-28be9c5d]:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.cu-capsule.radius .cu-tag[data-v-28be9c5d]:last-child::after,
.cu-capsule.radius .cu-tag[class*="line-"][data-v-28be9c5d] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.cu-capsule.round .cu-tag[data-v-28be9c5d]:first-child {
    border-top-left-radius: 111px;
    border-bottom-left-radius: 111px;
    text-indent: 2px
}

.cu-capsule.round .cu-tag[data-v-28be9c5d]:last-child::after,
.cu-capsule.round .cu-tag[data-v-28be9c5d]:last-child {
    border-top-right-radius: 111px;
    border-bottom-right-radius: 111px;
    text-indent: -2px
}

.cu-tag.badge[data-v-28be9c5d] {
    border-radius: 111px;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 11px;
    padding: 0px 5px;
    height: 15px;
    color: #fff
}

.cu-tag.badge[data-v-28be9c5d]:not([class*="bg-"]) {
    background-color: #dd514c
}

.cu-tag[data-v-28be9c5d]:empty:not([class*="cuIcon-"]) {
    padding: 0px;
    width: 8px;
    height: 8px;
    top: -2px;
    right: -2px
}

.cu-tag[class*="cuIcon-"][data-v-28be9c5d] {
    width: 17px;
    height: 17px;
    top: -2px;
    right: -2px
}

/* ==================
          头像
 ==================== */
.cu-avatar[data-v-28be9c5d] {
    font-variant: small-caps;
    margin: 0;
    padding: 0;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #ccc;
    color: #fff;
    white-space: nowrap;
    position: relative;
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: 50%;
    vertical-align: middle;
    font-size: 1.5em
}

.cu-avatar.sm[data-v-28be9c5d] {
    width: 26px;
    height: 26px;
    font-size: 1em
}

.cu-avatar.lg[data-v-28be9c5d] {
    width: 53px;
    height: 53px;
    font-size: 2em
}

.cu-avatar.xl[data-v-28be9c5d] {
    width: 71px;
    height: 71px;
    font-size: 2.5em
}

.cu-avatar .avatar-text[data-v-28be9c5d] {
    font-size: .4em
}

.cu-avatar-group[data-v-28be9c5d] {
    direction: rtl;
    unicode-bidi: bidi-override;
    padding: 0 5px 0 22px;
    display: inline-block
}

.cu-avatar-group .cu-avatar[data-v-28be9c5d] {
    margin-left: -16px;
    border: 2px solid #f1f1f1;
    vertical-align: middle
}

.cu-avatar-group .cu-avatar.sm[data-v-28be9c5d] {
    margin-left: -11px;
    border: 1px solid #f1f1f1
}

/* ==================
         进度条
 ==================== */
.cu-progress[data-v-28be9c5d] {
    overflow: hidden;
    height: 15px;
    background-color: #ebeef5;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.cu-progress + uni-view[data-v-28be9c5d],
.cu-progress + uni-text[data-v-28be9c5d] {
    line-height: 1
}

.cu-progress.xs[data-v-28be9c5d] {
    height: 5px
}

.cu-progress.sm[data-v-28be9c5d] {
    height: 11px
}

.cu-progress uni-view[data-v-28be9c5d] {
    width: 0;
    height: 100%;
    align-items: center;
    display: flex;
    justify-items: flex-end;
    justify-content: space-around;
    font-size: 11px;
    color: #fff;
    transition: width .6s ease
}

.cu-progress uni-text[data-v-28be9c5d] {
    align-items: center;
    display: flex;
    font-size: 11px;
    color: #333;
    text-indent: 5px
}

.cu-progress.text-progress[data-v-28be9c5d] {
    padding-right: 33px
}

.cu-progress.striped uni-view[data-v-28be9c5d] {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px
}

.cu-progress.active uni-view[data-v-28be9c5d] {
    -webkit-animation: progress-stripes-data-v-28be9c5d 2s linear infinite;
    animation: progress-stripes-data-v-28be9c5d 2s linear infinite
}

@-webkit-keyframes progress-stripes-data-v-28be9c5d {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-stripes-data-v-28be9c5d {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

/* ==================
          加载
 ==================== */
.cu-load[data-v-28be9c5d] {
    display: block;
    line-height: 3em;
    text-align: center
}

.cu-load[data-v-28be9c5d]::before {
    font-family: cuIcon;
    display: inline-block;
    margin-right: 3px
}

.cu-loda.loadmore[data-v-28be9c5d]::before {
    content: "加载更多"
}

.cu-load.loading[data-v-28be9c5d]::before {
    content: "\e67a";
    -webkit-animation: cuIcon-spin 2s infinite linear;
    animation: cuIcon-spin 2s infinite linear
}

.cu-load.loading[data-v-28be9c5d]::after {
    content: "加载中..."
}

.cu-load.nomore[data-v-28be9c5d]::before {
    content: "\e64a"
}

.cu-load.nomore[data-v-28be9c5d]::after {
    content: "没有更多了"
}

.cu-load.erro[data-v-28be9c5d]::before {
    content: "\e658"
}

.cu-load.erro[data-v-28be9c5d]::after {
    content: "加载失败"
}

.cu-load.load-cuIcon[data-v-28be9c5d]::before {
    font-size: 17px
}

.cu-load.load-cuIcon[data-v-28be9c5d]::after {
    display: none
}

.cu-load.load-cuIcon.over[data-v-28be9c5d] {
    display: none
}

.cu-load.load-modal[data-v-28be9c5d] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 77px;
    left: 0;
    margin: auto;
    width: 144px;
    height: 144px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0px 1112px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 15px;
    z-index: 9999;
    line-height: 2.4em
}

.cu-load.load-modal [class*="cuIcon-"][data-v-28be9c5d] {
    font-size: 33px
}

.cu-load.load-modal uni-image[data-v-28be9c5d] {
    width: 38px;
    height: 38px
}

.cu-load.load-modal[data-v-28be9c5d]::after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 111px;
    height: 111px;
    font-size: 10px;
    border-top: 3px solid rgba(0, 0, 0, .05);
    border-right: 3px solid rgba(0, 0, 0, .05);
    border-bottom: 3px solid rgba(0, 0, 0, .05);
    border-left: 3px solid #f37b1d;
    -webkit-animation: cuIcon-spin 1s infinite linear;
    animation: cuIcon-spin 1s infinite linear;
    z-index: -1
}

.load-progress[data-v-28be9c5d] {
    pointer-events: none;
    top: 0;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 2000
}

.load-progress.hide[data-v-28be9c5d] {
    display: none
}

.load-progress .load-progress-bar[data-v-28be9c5d] {
    position: relative;
    width: 100%;
    height: 2px;
    overflow: hidden;
    transition: all .2s ease 0s
}

.load-progress .load-progress-spinner[data-v-28be9c5d] {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2000;
    display: block
}

.load-progress .load-progress-spinner[data-v-28be9c5d]::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: inherit;
    border-left-color: inherit;
    border-radius: 50%;
    -webkit-animation: load-progress-spinner-data-v-28be9c5d .4s linear infinite;
    animation: load-progress-spinner-data-v-28be9c5d .4s linear infinite
}

@-webkit-keyframes load-progress-spinner-data-v-28be9c5d {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load-progress-spinner-data-v-28be9c5d {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/* ==================
          列表
 ==================== */
.grayscale[data-v-28be9c5d] {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.cu-list + .cu-list[data-v-28be9c5d] {
    margin-top: 16px
}

.cu-list > .cu-item[data-v-28be9c5d] {
    transition: all .6s ease-in-out 0s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}

.cu-list > .cu-item.move-cur[data-v-28be9c5d] {
    -webkit-transform: translateX(-144px);
    transform: translateX(-144px)
}

.cu-list > .cu-item .move[data-v-28be9c5d] {
    position: absolute;
    right: 0;
    display: flex;
    width: 144px;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cu-list > .cu-item .move uni-view[data-v-28be9c5d] {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center
}

.cu-list.menu-avatar[data-v-28be9c5d] {
    overflow: hidden
}

.cu-list.menu-avatar > .cu-item[data-v-28be9c5d] {
    position: relative;
    display: flex;
    padding-right: 5px;
    height: 77px;
    background-color: #fff;
    justify-content: flex-end;
    align-items: center
}

.cu-list.menu-avatar > .cu-item > .cu-avatar[data-v-28be9c5d] {
    position: absolute;
    left: 16px
}

.cu-list.menu-avatar > .cu-item .flex .text-cut[data-v-28be9c5d] {
    max-width: 283px
}

.cu-list.menu-avatar > .cu-item .content[data-v-28be9c5d] {
    position: absolute;
    left: 81px;
    width: calc(100% - 53px - 33px - 66px - 11px);
    line-height: 1.6em
}

.cu-list.menu-avatar > .cu-item .content.flex-sub[data-v-28be9c5d] {
    width: calc(100% - 53px - 33px - 11px)
}

.cu-list.menu-avatar > .cu-item .content > uni-view[data-v-28be9c5d]:first-child {
    font-size: 16px;
    display: flex;
    align-items: center
}

.cu-list.menu-avatar > .cu-item .content .cu-tag.sm[data-v-28be9c5d] {
    display: inline-block;
    margin-left: 5px;
    height: 15px;
    font-size: 8px;
    line-height: 17px
}

.cu-list.menu-avatar > .cu-item .action[data-v-28be9c5d] {
    width: 55px;
    text-align: center
}

.cu-list.menu-avatar > .cu-item .action uni-view + uni-view[data-v-28be9c5d] {
    margin-top: 5px
}

.cu-list.menu-avatar.comment > .cu-item .content[data-v-28be9c5d] {
    position: relative;
    left: 0;
    width: auto;
    flex: 1
}

.cu-list.menu-avatar.comment > .cu-item[data-v-28be9c5d] {
    padding: 16px 16px 16px 66px;
    height: auto
}

.cu-list.menu-avatar.comment .cu-avatar[data-v-28be9c5d] {
    align-self: flex-start
}

.cu-list.menu > .cu-item[data-v-28be9c5d] {
    position: relative;
    display: flex;
    padding: 0 16px;
    min-height: 55px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center
}

.cu-list.menu > .cu-item[data-v-28be9c5d]:last-child:after {
    border: none
}

.cu-list.menu-avatar > .cu-item[data-v-28be9c5d]:after,
.cu-list.menu > .cu-item[data-v-28be9c5d]:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    border-bottom: 1px solid #ddd;
    border-radius: inherit;
    content: " ";
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none
}

.cu-list.menu > .cu-item.grayscale[data-v-28be9c5d] {
    background-color: #f5f5f5
}

.cu-list.menu > .cu-item.cur[data-v-28be9c5d] {
    background-color: #fcf7e9
}

.cu-list.menu > .cu-item.arrow[data-v-28be9c5d] {
    padding-right: 50px
}

.cu-list.menu > .cu-item.arrow[data-v-28be9c5d]:before {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    display: block;
    margin: auto;
    width: 16px;
    height: 16px;
    color: #8799a3;
    content: "\e6a3";
    text-align: center;
    font-size: 18px;
    font-family: cuIcon;
    line-height: 16px
}

.cu-list.menu > .cu-item uni-button.content[data-v-28be9c5d] {
    padding: 0;
    background-color: initial;
    justify-content: flex-start
}

.cu-list.menu > .cu-item uni-button.content[data-v-28be9c5d]:after {
    display: none
}

.cu-list.menu > .cu-item .cu-avatar-group .cu-avatar[data-v-28be9c5d] {
    border-color: #fff
}

.cu-list.menu > .cu-item .content > uni-view[data-v-28be9c5d]:first-child {
    display: flex;
    align-items: center
}

.cu-list.menu > .cu-item .content > uni-text[class*=cuIcon][data-v-28be9c5d] {
    display: inline-block;
    margin-right: 5px;
    width: 1.6em;
    text-align: center
}

.cu-list.menu > .cu-item .content > uni-image[data-v-28be9c5d] {
    display: inline-block;
    margin-right: 5px;
    width: 1.6em;
    height: 1.6em;
    vertical-align: middle
}

.cu-list.menu > .cu-item .content[data-v-28be9c5d] {
    font-size: 16px;
    line-height: 1.6em;
    flex: 1
}

.cu-list.menu > .cu-item .content .cu-tag.sm[data-v-28be9c5d] {
    display: inline-block;
    margin-left: 5px;
    height: 15px;
    font-size: 8px;
    line-height: 17px
}

.cu-list.menu > .cu-item .action .cu-tag[data-v-28be9c5d]:empty {
    right: 5px
}

.cu-list.menu[data-v-28be9c5d] {
    display: block;
    overflow: hidden
}

.cu-list.menu.sm-border > .cu-item[data-v-28be9c5d]:after {
    left: 16px;
    width: calc(200% - 66px)
}

.cu-list.grid > .cu-item[data-v-28be9c5d] {
    position: relative;
    display: flex;
    padding: 11px 0 16px;
    transition-duration: 0s;
    flex-direction: column
}

.cu-list.grid > .cu-item[data-v-28be9c5d]:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: inherit;
    content: " ";
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none
}

.cu-list.grid > .cu-item uni-text[data-v-28be9c5d] {
    display: block;
    margin-top: 5px;
    color: #888;
    font-size: 14px;
    line-height: 22px
}

.cu-list.grid > .cu-item [class*=cuIcon][data-v-28be9c5d] {
    position: relative;
    display: block;
    margin-top: 11px;
    width: 100%;
    font-size: 26px
}

.cu-list.grid > .cu-item .cu-tag[data-v-28be9c5d] {
    right: auto;
    left: 50%;
    margin-left: 11px
}

.cu-list.grid[data-v-28be9c5d] {
    background-color: #fff;
    text-align: center
}

.cu-list.grid.no-border > .cu-item[data-v-28be9c5d] {
    padding-top: 5px;
    padding-bottom: 11px
}

.cu-list.grid.no-border > .cu-item[data-v-28be9c5d]:after {
    border: none
}

.cu-list.grid.no-border[data-v-28be9c5d] {
    padding: 11px 5px
}

.cu-list.grid.col-3 > .cu-item[data-v-28be9c5d]:nth-child(3n):after,
.cu-list.grid.col-4 > .cu-item[data-v-28be9c5d]:nth-child(4n):after,
.cu-list.grid.col-5 > .cu-item[data-v-28be9c5d]:nth-child(5n):after {
    border-right-width: 0
}

.cu-list.card-menu[data-v-28be9c5d] {
    overflow: hidden;
    margin-right: 16px;
    margin-left: 16px;
    border-radius: 11px
}

/* ==================
          操作条
 ==================== */
.cu-bar[data-v-28be9c5d] {
    display: flex;
    position: relative;
    align-items: center;
    min-height: 55px;
    justify-content: space-between
}

.cu-bar .action[data-v-28be9c5d] {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    max-width: 100%
}

.cu-bar .action.border-title[data-v-28be9c5d] {
    position: relative;
    top: -5px
}

.cu-bar .action.border-title uni-text[class*="bg-"][data-v-28be9c5d]:last-child {
    position: absolute;
    bottom: -.5rem;
    min-width: 2rem;
    height: 3px;
    left: 0
}

.cu-bar .action.sub-title[data-v-28be9c5d] {
    position: relative;
    top: -.2rem
}

.cu-bar .action.sub-title uni-text[data-v-28be9c5d] {
    position: relative;
    z-index: 1
}

.cu-bar .action.sub-title uni-text[class*="bg-"][data-v-28be9c5d]:last-child {
    position: absolute;
    display: inline-block;
    bottom: -.2rem;
    border-radius: 3px;
    width: 100%;
    height: .6rem;
    left: .6rem;
    opacity: .3;
    z-index: 0
}

.cu-bar .action.sub-title uni-text[class*="text-"][data-v-28be9c5d]:last-child {
    position: absolute;
    display: inline-block;
    bottom: -.7rem;
    left: .5rem;
    opacity: .2;
    z-index: 0;
    text-align: right;
    font-weight: 900;
    font-size: 20px
}

.cu-bar.justify-center .action.border-title uni-text[data-v-28be9c5d]:last-child,
.cu-bar.justify-center .action.sub-title uni-text[data-v-28be9c5d]:last-child {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.cu-bar .action[data-v-28be9c5d]:first-child {
    margin-left: 16px;
    font-size: 16px
}

.cu-bar .action uni-text.text-cut[data-v-28be9c5d] {
    text-align: left;
    width: 100%
}

.cu-bar .cu-avatar[data-v-28be9c5d]:first-child {
    margin-left: 11px
}

.cu-bar .action:first-child > uni-text[class*="cuIcon-"][data-v-28be9c5d] {
    margin-left: -.3em;
    margin-right: .3em
}

.cu-bar .action[data-v-28be9c5d]:last-child {
    margin-right: 16px
}

.cu-bar .action > uni-text[class*="cuIcon-"][data-v-28be9c5d],
.cu-bar .action > uni-view[class*="cuIcon-"][data-v-28be9c5d] {
    font-size: 20px
}

.cu-bar .action > uni-text[class*="cuIcon-"] + uni-text[class*="cuIcon-"][data-v-28be9c5d] {
    margin-left: .5em
}

.cu-bar .content[data-v-28be9c5d] {
    position: absolute;
    text-align: center;
    width: calc(100% - 189px);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 33px;
    font-size: 17px;
    line-height: 33px;
    cursor: none;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.cu-bar.ios .content[data-v-28be9c5d] {
    bottom: 7px;
    height: 30px;
    font-size: 17px;
    line-height: 30px
}

.cu-bar.btn-group[data-v-28be9c5d] {
    justify-content: space-around
}

.cu-bar.btn-group uni-button[data-v-28be9c5d] {
    padding: 11px 17px
}

.cu-bar.btn-group uni-button[data-v-28be9c5d] {
    flex: 1;
    margin: 0 11px;
    max-width: 50%
}

.cu-bar .search-form[data-v-28be9c5d] {
    background-color: #f5f5f5;
    line-height: 35px;
    height: 35px;
    font-size: 13px;
    color: #333;
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 16px
}

.cu-bar .search-form + .action[data-v-28be9c5d] {
    margin-right: 16px
}

.cu-bar .search-form uni-input[data-v-28be9c5d] {
    flex: 1;
    padding-right: 16px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    background-color: initial
}

.cu-bar .search-form [class*="cuIcon-"][data-v-28be9c5d] {
    margin: 0 .5em 0 .8em
}

.cu-bar .search-form [class*="cuIcon-"][data-v-28be9c5d]::before {
    top: 0px
}

.cu-bar.fixed[data-v-28be9c5d],
.nav.fixed[data-v-28be9c5d] {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1024;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.cu-bar.foot[data-v-28be9c5d] {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1024;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .1)
}

.cu-bar.tabbar[data-v-28be9c5d] {
    padding: 0;
    height: calc(55px + env(safe-area-inset-bottom) / 2);
    padding-bottom: calc(env(safe-area-inset-bottom) / 2)
}

.cu-tabbar-height[data-v-28be9c5d] {
    min-height: 55px;
    height: calc(55px + env(safe-area-inset-bottom) / 2)
}

.cu-bar.tabbar.shadow[data-v-28be9c5d] {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .1)
}

.cu-bar.tabbar .action[data-v-28be9c5d] {
    font-size: 12px;
    position: relative;
    flex: 1;
    text-align: center;
    padding: 0;
    display: block;
    height: auto;
    line-height: 1;
    margin: 0;
    background-color: inherit;
    overflow: initial
}

.cu-bar.tabbar.shop .action[data-v-28be9c5d] {
    width: 77px;
    flex: initial
}

.cu-bar.tabbar .action.add-action[data-v-28be9c5d] {
    position: relative;
    z-index: 2;
    padding-top: 27px
}

.cu-bar.tabbar .action.add-action [class*="cuIcon-"][data-v-28be9c5d] {
    position: absolute;
    width: 38px;
    z-index: 2;
    height: 38px;
    border-radius: 50%;
    line-height: 38px;
    font-size: 27px;
    top: -19px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0
}

.cu-bar.tabbar .action.add-action[data-v-28be9c5d]::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: -27px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .08);
    border-radius: 27px;
    background-color: inherit;
    z-index: 0
}

.cu-bar.tabbar .action.add-action[data-v-28be9c5d]::before {
    content: "";
    position: absolute;
    width: 55px;
    height: 16px;
    bottom: 16px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: inherit;
    z-index: 1
}

.cu-bar.tabbar .btn-group[data-v-28be9c5d] {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 5px
}

.cu-bar.tabbar uni-button.action[data-v-28be9c5d]::after {
    border: 0
}

.cu-bar.tabbar .action [class*="cuIcon-"][data-v-28be9c5d] {
    width: 55px;
    position: relative;
    display: block;
    height: auto;
    margin: 0 auto 5px;
    text-align: center;
    font-size: 22px
}

.cu-bar.tabbar .action .cuIcon-cu-image[data-v-28be9c5d] {
    margin: 0 auto
}

.cu-bar.tabbar .action .cuIcon-cu-image uni-image[data-v-28be9c5d] {
    width: 27px;
    height: 27px;
    display: inline-block
}

.cu-bar.tabbar .submit[data-v-28be9c5d] {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    flex: 2;
    align-self: stretch
}

.cu-bar.tabbar .submit[data-v-28be9c5d]:last-child {
    flex: 2.6
}

.cu-bar.tabbar .submit + .submit[data-v-28be9c5d] {
    flex: 2
}

.cu-bar.tabbar.border .action[data-v-28be9c5d]::before {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-right: 1px solid rgba(0, 0, 0, .1);
    z-index: 3
}

.cu-bar.tabbar.border .action[data-v-28be9c5d]:last-child:before {
    display: none
}

.cu-bar.input[data-v-28be9c5d] {
    padding-right: 11px;
    background-color: #fff
}

.cu-bar.input uni-input[data-v-28be9c5d] {
    overflow: initial;
    line-height: 35px;
    height: 35px;
    min-height: 35px;
    flex: 1;
    font-size: 16px;
    margin: 0 11px
}

.cu-bar.input .action[data-v-28be9c5d] {
    margin-left: 11px
}

.cu-bar.input .action [class*="cuIcon-"][data-v-28be9c5d] {
    font-size: 26px
}

.cu-bar.input uni-input + .action[data-v-28be9c5d] {
    margin-right: 11px;
    margin-left: 0px
}

.cu-bar.input .action:first-child [class*="cuIcon-"][data-v-28be9c5d] {
    margin-left: 0px
}

.cu-custom[data-v-28be9c5d] {
    display: block;
    position: relative
}

.cu-custom .cu-bar .content[data-v-28be9c5d] {
    width: calc(100% - 244px)
}

.cu-custom .cu-bar .content uni-image[data-v-28be9c5d] {
    height: 33px;
    width: 133px
}

.cu-custom .cu-bar[data-v-28be9c5d] {
    min-height: 0;


    box-shadow: 0px 0px 0px;
    z-index: 9999
}

.cu-custom .cu-bar .border-custom[data-v-28be9c5d] {
    position: relative;
    background: rgba(0, 0, 0, .15);
    border-radius: 556px;
    height: 30px
}

.cu-custom .cu-bar .border-custom[data-v-28be9c5d]::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
    border: 1px solid #fff;
    opacity: .5
}

.cu-custom .cu-bar .border-custom[data-v-28be9c5d]::before {
    content: " ";
    width: 1px;
    height: 110%;
    position: absolute;
    top: 22.5%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
    opacity: .6;
    background-color: #fff
}

.cu-custom .cu-bar .border-custom uni-text[data-v-28be9c5d] {
    display: block;
    flex: 1;
    margin: auto !important;
    text-align: center;
    font-size: 18px
}

/* ==================
         导航栏
 ==================== */
.nav[data-v-28be9c5d] {
    white-space: nowrap
}

[data-v-28be9c5d]::-webkit-scrollbar {
    display: none
}

.nav .cu-item[data-v-28be9c5d] {
    height: 50px;
    display: inline-block;
    line-height: 50px;
    margin: 0 5px;
    padding: 0 11px
}

.nav .cu-item.cur[data-v-28be9c5d] {
    border-bottom: 2px solid
}

/* ==================
         时间轴
 ==================== */
.cu-timeline[data-v-28be9c5d] {
    display: block;
    background-color: #fff
}

.cu-timeline .cu-time[data-v-28be9c5d] {
    width: 66px;
    text-align: center;
    padding: 11px 0;
    font-size: 14px;
    color: #888;
    display: block
}

.cu-timeline > .cu-item[data-v-28be9c5d] {
    padding: 16px 16px 16px 66px;
    position: relative;
    display: block;
    z-index: 0
}

.cu-timeline > .cu-item[data-v-28be9c5d]:not([class*="text-"]) {
    color: #ccc
}

.cu-timeline > .cu-item[data-v-28be9c5d]::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: #ddd;
    left: 33px;
    height: 100%;
    top: 0;
    z-index: 8
}

.cu-timeline > .cu-item[data-v-28be9c5d]::before {
    font-family: cuIcon;
    display: block;
    position: absolute;
    top: 20px;
    z-index: 9;
    background-color: #fff;
    width: 27px;
    height: 27px;
    text-align: center;
    border: none;
    line-height: 27px;
    left: 20px
}

.cu-timeline > .cu-item[data-v-28be9c5d]:not([class*="cuIcon-"])::before {
    content: "\e763"
}

.cu-timeline > .cu-item[class*="cuIcon-"][data-v-28be9c5d]::before {
    background-color: #fff;
    width: 27px;
    height: 27px;
    text-align: center;
    border: none;
    line-height: 27px;
    left: 20px
}

.cu-timeline > .cu-item > .content[data-v-28be9c5d] {
    padding: 16px;
    border-radius: 3px;
    display: block;
    line-height: 1.6
}

.cu-timeline > .cu-item > .content[data-v-28be9c5d]:not([class*="bg-"]) {
    background-color: #f1f1f1;
    color: #333
}

.cu-timeline > .cu-item > .content + .content[data-v-28be9c5d] {
    margin-top: 11px
}

/* ==================
         聊天
 ==================== */
.cu-chat[data-v-28be9c5d] {
    display: flex;
    flex-direction: column
}

.cu-chat .cu-item[data-v-28be9c5d] {
    display: flex;
    padding: 16px 16px 38px;
    position: relative
}

.cu-chat .cu-item > .cu-avatar[data-v-28be9c5d] {
    width: 44px;
    height: 44px
}

.cu-chat .cu-item > .main[data-v-28be9c5d] {
    max-width: calc(100% - 144px);
    margin: 0 22px;
    display: flex;
    align-items: center
}

.cu-chat .cu-item > uni-image[data-v-28be9c5d] {
    height: 177px
}

.cu-chat .cu-item > .main .content[data-v-28be9c5d] {
    padding: 11px;
    border-radius: 3px;
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    font-size: 16px;
    position: relative;
    min-height: 44px;
    line-height: 22px;
    text-align: left
}

.cu-chat .cu-item > .main .content[data-v-28be9c5d]:not([class*="bg-"]) {
    background-color: #fff;
    color: #333
}

.cu-chat .cu-item .date[data-v-28be9c5d] {
    position: absolute;
    font-size: 13px;
    color: #8799a3;
    width: calc(100% - 177px);
    bottom: 11px;
    left: 88px
}

.cu-chat .cu-item .action[data-v-28be9c5d] {
    padding: 0 16px;
    display: flex;
    align-items: center
}

.cu-chat .cu-item > .main .content[data-v-28be9c5d]::after {
    content: "";
    top: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: 100;
    display: inline-block;
    overflow: hidden;
    width: 13px;
    height: 13px;
    left: -6px;
    right: auto;
    background-color: inherit
}

.cu-chat .cu-item.self > .main .content[data-v-28be9c5d]::after {
    left: auto;
    right: -6px
}

.cu-chat .cu-item > .main .content[data-v-28be9c5d]::before {
    content: "";
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: -1;
    display: inline-block;
    overflow: hidden;
    width: 13px;
    height: 13px;
    left: -6px;
    right: auto;
    background-color: inherit;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: .3
}

.cu-chat .cu-item > .main .content[data-v-28be9c5d]:not([class*="bg-"])::before {
    background-color: #333;
    opacity: .1
}

.cu-chat .cu-item.self > .main .content[data-v-28be9c5d]::before {
    left: auto;
    right: -6px
}

.cu-chat .cu-item.self[data-v-28be9c5d] {
    justify-content: flex-end;
    text-align: right
}

.cu-chat .cu-info[data-v-28be9c5d] {
    display: inline-block;
    margin: 11px auto;
    font-size: 13px;
    padding: 4px 6px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 3px;
    color: #fff;
    max-width: 222px;
    line-height: 1.4
}

/* ==================
         卡片
 ==================== */
.cu-card[data-v-28be9c5d] {
    display: block;
    overflow: hidden
}

.cu-card > .cu-item[data-v-28be9c5d] {
    display: block;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    margin: 16px
}

.cu-card > .cu-item.shadow-blur[data-v-28be9c5d] {
    overflow: initial
}

.cu-card.no-card > .cu-item[data-v-28be9c5d] {
    margin: 0px;
    border-radius: 0px
}

.cu-card .grid.grid-square[data-v-28be9c5d] {
    margin-bottom: -11px
}

.cu-card.case .image[data-v-28be9c5d] {
    position: relative
}

.cu-card.case .image uni-image[data-v-28be9c5d] {
    width: 100%
}

.cu-card.case .image .cu-tag[data-v-28be9c5d] {
    position: absolute;
    right: 0;
    top: 0
}

.cu-card.case .image .cu-bar[data-v-28be9c5d] {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: initial;
    padding: 0px 16px
}

.cu-card.case.no-card .image[data-v-28be9c5d] {
    margin: 16px 16px 0;
    overflow: hidden;
    border-radius: 5px
}

.cu-card.dynamic[data-v-28be9c5d] {
    display: block
}

.cu-card.dynamic > .cu-item[data-v-28be9c5d] {
    display: block;
    background-color: #fff;
    overflow: hidden
}

.cu-card.dynamic > .cu-item > .text-content[data-v-28be9c5d] {
    padding: 0 16px 0;
    max-height: 6.4em;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 11px
}

.cu-card.dynamic > .cu-item .square-img[data-v-28be9c5d] {
    width: 100%;
    height: 111px;
    border-radius: 3px
}

.cu-card.dynamic > .cu-item .only-img[data-v-28be9c5d] {
    width: 100%;
    height: 177px;
    border-radius: 3px
}

/* card.dynamic>.cu-item .comment {
  padding: 20upx;
  background-color: #f1f1f1;
  margin: 0 30upx 30upx;
  border-radius: 6upx;
} */
.cu-card.article[data-v-28be9c5d] {
    display: block
}

.cu-card.article > .cu-item[data-v-28be9c5d] {
    padding-bottom: 16px
}

.cu-card.article > .cu-item .title[data-v-28be9c5d] {
    font-size: 16px;
    font-weight: 900;
    color: #333;
    line-height: 55px;
    padding: 0 16px
}

.cu-card.article > .cu-item .content[data-v-28be9c5d] {
    display: flex;
    padding: 0 16px
}

.cu-card.article > .cu-item .content > uni-image[data-v-28be9c5d] {
    width: 133px;
    height: 6.4em;
    margin-right: 11px;
    border-radius: 3px
}

.cu-card.article > .cu-item .content .desc[data-v-28be9c5d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cu-card.article > .cu-item .content .text-content[data-v-28be9c5d] {
    font-size: 15px;
    color: #888;
    height: 4.8em;
    overflow: hidden
}

/* ==================
         表单
 ==================== */
.cu-form-group[data-v-28be9c5d] {
    background-color: #fff;
    padding: 1px 16px;
    display: flex;
    align-items: center;
    min-height: 55px;
    justify-content: space-between
}

.cu-form-group + .cu-form-group[data-v-28be9c5d] {
    border-top: 1px solid #eee
}

.cu-form-group .title[data-v-28be9c5d] {
    text-align: justify;
    padding-right: 16px;
    font-size: 16px;
    position: relative;
    height: 33px;
    line-height: 33px
}

.cu-form-group uni-input[data-v-28be9c5d] {
    flex: 1;
    font-size: 16px;
    color: #555;
    padding-right: 11px
}

.cu-form-group > uni-text[class*="cuIcon-"][data-v-28be9c5d] {
    font-size: 20px;
    padding: 0;
    box-sizing: border-box
}

.cu-form-group uni-textarea[data-v-28be9c5d] {
    margin: 17px 0 16px;
    height: 4.6em;
    width: 100%;
    line-height: 1.2em;
    flex: 1;
    font-size: 15px;
    padding: 0
}

.cu-form-group.align-start .title[data-v-28be9c5d] {
    height: 1em;
    margin-top: 17px;
    line-height: 1em
}

.cu-form-group uni-picker[data-v-28be9c5d] {
    flex: 1;
    padding-right: 22px;
    overflow: hidden;
    position: relative
}

.cu-form-group uni-picker .picker[data-v-28be9c5d] {
    line-height: 55px;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: right
}

.cu-form-group uni-picker[data-v-28be9c5d]::after {
    font-family: cuIcon;
    display: block;
    content: "\e6a3";
    position: absolute;
    font-size: 18px;
    color: #8799a3;
    line-height: 55px;
    width: 33px;
    text-align: center;
    top: 0;
    bottom: 0;
    right: -11px;
    margin: auto
}

.cu-form-group uni-textarea[disabled][data-v-28be9c5d],
.cu-form-group uni-textarea[disabled] .placeholder[data-v-28be9c5d] {
    color: transparent
}

/* ==================
         模态窗口
 ==================== */
.cu-modal[data-v-28be9c5d] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
    opacity: 0;
    outline: 0;
    text-align: center;
    -ms-transform: scale(1.185);
    -webkit-transform: scale(1.185);
    transform: scale(1.185);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1112px;
    perspective: 1112px;
    background: rgba(0, 0, 0, .6);
    transition: all .3s ease-in-out 0s;
    pointer-events: none
}

.cu-modal[data-v-28be9c5d]::before {
    content: "\200B";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.cu-modal.show[data-v-28be9c5d] {
    opacity: 1;
    transition-duration: .3s;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto
}

.cu-dialog[data-v-28be9c5d] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    width: 378px;
    max-width: 100%;
    background-color: #f8f8f8;
    border-radius: 5px;
    overflow: hidden
}

.cu-modal.bottom-modal[data-v-28be9c5d]::before {
    vertical-align: bottom
}

.cu-modal.bottom-modal .cu-dialog[data-v-28be9c5d] {
    width: 100%;
    border-radius: 0
}

.cu-modal.bottom-modal[data-v-28be9c5d] {
    margin-bottom: -556px
}

.cu-modal.bottom-modal.show[data-v-28be9c5d] {
    margin-bottom: 0
}

.cu-modal.drawer-modal[data-v-28be9c5d] {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: flex
}

.cu-modal.drawer-modal .cu-dialog[data-v-28be9c5d] {
    height: 100%;
    min-width: 111px;
    border-radius: 0;
    margin: initial;
    transition-duration: .3s
}

.cu-modal.drawer-modal.justify-start .cu-dialog[data-v-28be9c5d] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.cu-modal.drawer-modal.justify-end .cu-dialog[data-v-28be9c5d] {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cu-modal.drawer-modal.show .cu-dialog[data-v-28be9c5d] {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cu-modal .cu-dialog > .cu-bar:first-child .action[data-v-28be9c5d] {
    min-width: 55px;
    margin-right: 0;
    min-height: 55px
}

/* ==================
         轮播
 ==================== */
uni-swiper .a-swiper-dot[data-v-28be9c5d] {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, .3);
    border-radius: 50%;
    vertical-align: middle
}

uni-swiper[class*="-dot"] .wx-swiper-dots[data-v-28be9c5d],
uni-swiper[class*="-dot"] .a-swiper-dots[data-v-28be9c5d],
uni-swiper[class*="-dot"] .uni-swiper-dots[data-v-28be9c5d] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
}

uni-swiper.square-dot .wx-swiper-dot[data-v-28be9c5d],
uni-swiper.square-dot .a-swiper-dot[data-v-28be9c5d],
uni-swiper.square-dot .uni-swiper-dot[data-v-28be9c5d] {
    background-color: #fff;
    opacity: .4;
    width: 5px;
    height: 5px;
    border-radius: 11px;
    margin: 0 4px !important
}

uni-swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active[data-v-28be9c5d],
uni-swiper.square-dot .a-swiper-dot.a-swiper-dot-active[data-v-28be9c5d],
uni-swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active[data-v-28be9c5d] {
    opacity: 1;
    width: 16px
}

uni-swiper.round-dot .wx-swiper-dot[data-v-28be9c5d],
uni-swiper.round-dot .a-swiper-dot[data-v-28be9c5d],
uni-swiper.round-dot .uni-swiper-dot[data-v-28be9c5d] {
    width: 5px;
    height: 5px;
    position: relative;
    margin: 2px 4px !important
}

uni-swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active[data-v-28be9c5d]::after,
uni-swiper.round-dot .a-swiper-dot.a-swiper-dot-active[data-v-28be9c5d]::after,
uni-swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active[data-v-28be9c5d]::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 11px
}

uni-swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active[data-v-28be9c5d],
uni-swiper.round-dot .a-swiper-dot.a-swiper-dot-active[data-v-28be9c5d],
uni-swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active[data-v-28be9c5d] {
    width: 10px;
    height: 10px
}

.screen-swiper[data-v-28be9c5d] {
    min-height: 208px
}

.screen-swiper uni-image[data-v-28be9c5d],
.screen-swiper uni-video[data-v-28be9c5d],
.swiper-item uni-image[data-v-28be9c5d],
.swiper-item uni-video[data-v-28be9c5d] {
    width: 100%;
    display: block;
    height: 100%;
    margin: 0;
    pointer-events: none
}

.card-swiper[data-v-28be9c5d] {
    height: 233px !important
}

.card-swiper uni-swiper-item[data-v-28be9c5d] {
    width: 339px !important;
    left: 38px;
    box-sizing: border-box;
    padding: 22px 0px 38px;
    overflow: initial
}

.card-swiper uni-swiper-item .swiper-item[data-v-28be9c5d] {
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 5px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transition: all .2s ease-in 0s;
    overflow: hidden
}

.card-swiper uni-swiper-item.cur .swiper-item[data-v-28be9c5d] {
    -webkit-transform: none;
    transform: none;
    transition: all .2s ease-in 0s
}

.tower-swiper[data-v-28be9c5d] {
    height: 233px;
    position: relative;
    max-width: 417px;
    overflow: hidden
}

.tower-swiper .tower-item[data-v-28be9c5d] {
    position: absolute;
    width: 166px;
    height: 211px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: auto;
    transition: all .2s ease-in 0s;
    opacity: 1
}

.tower-swiper .tower-item.none[data-v-28be9c5d] {
    opacity: 0
}

.tower-swiper .tower-item .swiper-item[data-v-28be9c5d] {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

/* ==================
          步骤条
 ==================== */
.cu-steps[data-v-28be9c5d] {
    display: flex
}

uni-scroll-view.cu-steps[data-v-28be9c5d] {
    display: block;
    white-space: nowrap
}

uni-scroll-view.cu-steps .cu-item[data-v-28be9c5d] {
    display: inline-block
}

.cu-steps .cu-item[data-v-28be9c5d] {
    flex: 1;
    text-align: center;
    position: relative;
    min-width: 55px
}

.cu-steps .cu-item[data-v-28be9c5d]:not([class*="text-"]) {
    color: #8799a3
}

.cu-steps .cu-item [class*="cuIcon-"][data-v-28be9c5d],
.cu-steps .cu-item .num[data-v-28be9c5d] {
    display: block;
    font-size: 22px;
    line-height: 44px
}

.cu-steps .cu-item[data-v-28be9c5d]::before,
.cu-steps .cu-item[data-v-28be9c5d]::after,
.cu-steps.steps-arrow .cu-item[data-v-28be9c5d]::before,
.cu-steps.steps-arrow .cu-item[data-v-28be9c5d]::after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: calc(100% - 44px);
    border-bottom: 1px solid #ccc;
    left: calc(0px - (100% - 44px) / 2);
    top: 22px;
    z-index: 0
}

.cu-steps.steps-arrow .cu-item[data-v-28be9c5d]::before,
.cu-steps.steps-arrow .cu-item[data-v-28be9c5d]::after {
    content: "\e6a3";
    font-family: cuIcon;
    height: 16px;
    border-bottom-width: 0;
    line-height: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #ccc
}

.cu-steps.steps-bottom .cu-item[data-v-28be9c5d]::before,
.cu-steps.steps-bottom .cu-item[data-v-28be9c5d]::after {
    bottom: 22px;
    top: auto
}

.cu-steps .cu-item[data-v-28be9c5d]::after {
    border-bottom: 1px solid currentColor;
    width: 0;
    transition: all .3s ease-in-out 0s
}

.cu-steps .cu-item[class*="text-"][data-v-28be9c5d]::after {
    width: calc(100% - 44px);
    color: currentColor
}

.cu-steps .cu-item[data-v-28be9c5d]:first-child::before,
.cu-steps .cu-item[data-v-28be9c5d]:first-child::after {
    display: none
}

.cu-steps .cu-item .num[data-v-28be9c5d] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: 22px;
    margin: 11px auto;
    font-size: 13px;
    border: 1px solid currentColor;
    position: relative;
    overflow: hidden
}

.cu-steps .cu-item[class*="text-"] .num[data-v-28be9c5d] {
    background-color: currentColor
}

.cu-steps .cu-item .num[data-v-28be9c5d]::before,
.cu-steps .cu-item .num[data-v-28be9c5d]::after {
    content: attr(data-index);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease-in-out 0s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.cu-steps .cu-item[class*="text-"] .num[data-v-28be9c5d]::before {
    -webkit-transform: translateY(-22px);
    transform: translateY(-22px);
    color: #fff
}

.cu-steps .cu-item .num[data-v-28be9c5d]::after {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
    color: #fff;
    transition: all .3s ease-in-out 0s
}

.cu-steps .cu-item[class*="text-"] .num[data-v-28be9c5d]::after {
    content: "\e645";
    font-family: cuIcon;
    color: #fff;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.cu-steps .cu-item[class*="text-"] .num.err[data-v-28be9c5d]::after {
    content: "\e646"
}

/* ==================
          布局
 ==================== */
/*  -- flex弹性布局 -- */
.flex[data-v-28be9c5d] {
    display: flex
}

.basis-xs[data-v-28be9c5d] {
    flex-basis: 20%
}

.basis-sm[data-v-28be9c5d] {
    flex-basis: 40%
}

.basis-df[data-v-28be9c5d] {
    flex-basis: 50%
}

.basis-lg[data-v-28be9c5d] {
    flex-basis: 60%
}

.basis-xl[data-v-28be9c5d] {
    flex-basis: 80%
}

.flex-sub[data-v-28be9c5d] {
    flex: 1
}

.flex-twice[data-v-28be9c5d] {
    flex: 2
}

.flex-treble[data-v-28be9c5d] {
    flex: 3
}

.flex-direction[data-v-28be9c5d] {
    flex-direction: column
}

.flex-wrap[data-v-28be9c5d] {
    flex-wrap: wrap
}

.align-start[data-v-28be9c5d] {
    align-items: flex-start
}

.align-end[data-v-28be9c5d] {
    align-items: flex-end
}

.align-center[data-v-28be9c5d] {
    align-items: center
}

.align-stretch[data-v-28be9c5d] {
    align-items: stretch
}

.self-start[data-v-28be9c5d] {
    align-self: flex-start
}

.self-center[data-v-28be9c5d] {
    align-self: flex-center
}

.self-end[data-v-28be9c5d] {
    align-self: flex-end
}

.self-stretch[data-v-28be9c5d] {
    align-self: stretch
}

.align-stretch[data-v-28be9c5d] {
    align-items: stretch
}

.justify-start[data-v-28be9c5d] {
    justify-content: flex-start
}

.justify-end[data-v-28be9c5d] {
    justify-content: flex-end
}

.justify-center[data-v-28be9c5d] {
    justify-content: center
}

.justify-between[data-v-28be9c5d] {
    justify-content: space-between
}

.justify-around[data-v-28be9c5d] {
    justify-content: space-around
}

/* grid布局 */
.grid[data-v-28be9c5d] {
    display: flex;
    flex-wrap: wrap
}

.grid.grid-square[data-v-28be9c5d] {
    overflow: hidden
}

.grid.grid-square .cu-tag[data-v-28be9c5d] {
    position: absolute;
    right: 0;
    top: 0;
    border-bottom-left-radius: 3px;
    padding: 3px 6px;
    height: auto;
    background-color: rgba(0, 0, 0, .5)
}

.grid.grid-square > uni-view > uni-text[class*="cuIcon-"][data-v-28be9c5d] {
    font-size: 28px;
    position: absolute;
    color: #8799a3;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.grid.grid-square > uni-view[data-v-28be9c5d] {
    margin-right: 11px;
    margin-bottom: 11px;
    border-radius: 3px;
    position: relative;
    overflow: hidden
}

.grid.grid-square > uni-view.bg-img uni-image[data-v-28be9c5d] {
    width: 100%;
    height: 100%;
    position: absolute
}

.grid.col-1.grid-square > uni-view[data-v-28be9c5d] {
    padding-bottom: 100%;
    height: 0;
    margin-right: 0
}

.grid.col-2.grid-square > uni-view[data-v-28be9c5d] {
    padding-bottom: calc((100% - 11px) / 2);
    height: 0;
    width: calc((100% - 11px) / 2)
}

.grid.col-3.grid-square > uni-view[data-v-28be9c5d] {
    padding-bottom: calc((100% - 22px) / 3);
    height: 0;
    width: calc((100% - 22px) / 3)
}

.grid.col-4.grid-square > uni-view[data-v-28be9c5d] {
    padding-bottom: calc((100% - 33px) / 4);
    height: 0;
    width: calc((100% - 33px) / 4)
}

.grid.col-5.grid-square > uni-view[data-v-28be9c5d] {
    padding-bottom: calc((100% - 44px) / 5);
    height: 0;
    width: calc((100% - 44px) / 5)
}

.grid.col-2.grid-square > uni-view[data-v-28be9c5d]:nth-child(2n),
.grid.col-3.grid-square > uni-view[data-v-28be9c5d]:nth-child(3n),
.grid.col-4.grid-square > uni-view[data-v-28be9c5d]:nth-child(4n),
.grid.col-5.grid-square > uni-view[data-v-28be9c5d]:nth-child(5n) {
    margin-right: 0
}

.grid.col-1 > uni-view[data-v-28be9c5d] {
    width: 100%
}

.grid.col-2 > uni-view[data-v-28be9c5d] {
    width: 50%
}

.grid.col-3 > uni-view[data-v-28be9c5d] {
    width: 33.33%
}

.grid.col-4 > uni-view[data-v-28be9c5d] {
    width: 25%
}

.grid.col-5 > uni-view[data-v-28be9c5d] {
    width: 20%
}

/*  -- 内外边距 -- */
.margin-0[data-v-28be9c5d] {
    margin: 0
}

.margin-xs[data-v-28be9c5d] {
    margin: 5px
}

.margin-sm[data-v-28be9c5d] {
    margin: 11px
}

.margin[data-v-28be9c5d] {
    margin: 16px
}

.margin-lg[data-v-28be9c5d] {
    margin: 22px
}

.margin-xl[data-v-28be9c5d] {
    margin: 27px
}

.margin-top-xs[data-v-28be9c5d] {
    margin-top: 5px
}

.margin-top-sm[data-v-28be9c5d] {
    margin-top: 11px
}

.margin-top[data-v-28be9c5d] {
    margin-top: 16px
}

.margin-top-lg[data-v-28be9c5d] {
    margin-top: 22px
}

.margin-top-xl[data-v-28be9c5d] {
    margin-top: 27px
}

.margin-right-xs[data-v-28be9c5d] {
    margin-right: 5px
}

.margin-right-sm[data-v-28be9c5d] {
    margin-right: 11px
}

.margin-right[data-v-28be9c5d] {
    margin-right: 16px
}

.margin-right-lg[data-v-28be9c5d] {
    margin-right: 22px
}

.margin-right-xl[data-v-28be9c5d] {
    margin-right: 27px
}

.margin-bottom-xs[data-v-28be9c5d] {
    margin-bottom: 5px
}

.margin-bottom-sm[data-v-28be9c5d] {
    margin-bottom: 11px
}

.margin-bottom[data-v-28be9c5d] {
    margin-bottom: 16px
}

.margin-bottom-lg[data-v-28be9c5d] {
    margin-bottom: 22px
}

.margin-bottom-xl[data-v-28be9c5d] {
    margin-bottom: 27px
}

.margin-left-xs[data-v-28be9c5d] {
    margin-left: 5px
}

.margin-left-sm[data-v-28be9c5d] {
    margin-left: 11px
}

.margin-left[data-v-28be9c5d] {
    margin-left: 16px
}

.margin-left-lg[data-v-28be9c5d] {
    margin-left: 22px
}

.margin-left-xl[data-v-28be9c5d] {
    margin-left: 27px
}

.margin-lr-xs[data-v-28be9c5d] {
    margin-left: 5px;
    margin-right: 5px
}

.margin-lr-sm[data-v-28be9c5d] {
    margin-left: 11px;
    margin-right: 11px
}

.margin-lr[data-v-28be9c5d] {
    margin-left: 16px;
    margin-right: 16px
}

.margin-lr-lg[data-v-28be9c5d] {
    margin-left: 22px;
    margin-right: 22px
}

.margin-lr-xl[data-v-28be9c5d] {
    margin-left: 27px;
    margin-right: 27px
}

.margin-tb-xs[data-v-28be9c5d] {
    margin-top: 5px;
    margin-bottom: 5px
}

.margin-tb-sm[data-v-28be9c5d] {
    margin-top: 11px;
    margin-bottom: 11px
}

.margin-tb[data-v-28be9c5d] {
    margin-top: 16px;
    margin-bottom: 16px
}

.margin-tb-lg[data-v-28be9c5d] {
    margin-top: 22px;
    margin-bottom: 22px
}

.margin-tb-xl[data-v-28be9c5d] {
    margin-top: 27px;
    margin-bottom: 27px
}

.padding-0[data-v-28be9c5d] {
    padding: 0
}

.padding-xs[data-v-28be9c5d] {
    padding: 5px
}

.padding-sm[data-v-28be9c5d] {
    padding: 11px
}

.padding[data-v-28be9c5d] {
    padding: 16px
}

.padding-lg[data-v-28be9c5d] {
    padding: 22px
}

.padding-xl[data-v-28be9c5d] {
    padding: 27px
}

.padding-top-xs[data-v-28be9c5d] {
    padding-top: 5px
}

.padding-top-sm[data-v-28be9c5d] {
    padding-top: 11px
}

.padding-top[data-v-28be9c5d] {
    padding-top: 16px
}

.padding-top-lg[data-v-28be9c5d] {
    padding-top: 22px
}

.padding-top-xl[data-v-28be9c5d] {
    padding-top: 27px
}

.padding-right-xs[data-v-28be9c5d] {
    padding-right: 5px
}

.padding-right-sm[data-v-28be9c5d] {
    padding-right: 11px
}

.padding-right[data-v-28be9c5d] {
    padding-right: 16px
}

.padding-right-lg[data-v-28be9c5d] {
    padding-right: 22px
}

.padding-right-xl[data-v-28be9c5d] {
    padding-right: 27px
}

.padding-bottom-xs[data-v-28be9c5d] {
    padding-bottom: 5px
}

.padding-bottom-sm[data-v-28be9c5d] {
    padding-bottom: 11px
}

.padding-bottom[data-v-28be9c5d] {
    padding-bottom: 16px
}

.padding-bottom-lg[data-v-28be9c5d] {
    padding-bottom: 22px
}

.padding-bottom-xl[data-v-28be9c5d] {
    padding-bottom: 27px
}

.padding-left-xs[data-v-28be9c5d] {
    padding-left: 5px
}

.padding-left-sm[data-v-28be9c5d] {
    padding-left: 11px
}

.padding-left[data-v-28be9c5d] {
    padding-left: 16px
}

.padding-left-lg[data-v-28be9c5d] {
    padding-left: 22px
}

.padding-left-xl[data-v-28be9c5d] {
    padding-left: 27px
}

.padding-lr-xs[data-v-28be9c5d] {
    padding-left: 5px;
    padding-right: 5px
}

.padding-lr-sm[data-v-28be9c5d] {
    padding-left: 11px;
    padding-right: 11px
}

.padding-lr[data-v-28be9c5d] {
    padding-left: 16px;
    padding-right: 16px
}

.padding-lr-lg[data-v-28be9c5d] {
    padding-left: 22px;
    padding-right: 22px
}

.padding-lr-xl[data-v-28be9c5d] {
    padding-left: 27px;
    padding-right: 27px
}

.padding-tb-xs[data-v-28be9c5d] {
    padding-top: 5px;
    padding-bottom: 5px
}

.padding-tb-sm[data-v-28be9c5d] {
    padding-top: 11px;
    padding-bottom: 11px
}

.padding-tb[data-v-28be9c5d] {
    padding-top: 16px;
    padding-bottom: 16px
}

.padding-tb-lg[data-v-28be9c5d] {
    padding-top: 22px;
    padding-bottom: 22px
}

.padding-tb-xl[data-v-28be9c5d] {
    padding-top: 27px;
    padding-bottom: 27px
}

/* -- 浮动 --  */
.cf[data-v-28be9c5d]::after,
.cf[data-v-28be9c5d]::before {
    content: " ";
    display: table
}

.cf[data-v-28be9c5d]::after {
    clear: both
}

.fl[data-v-28be9c5d] {
    float: left
}

.fr[data-v-28be9c5d] {
    float: right
}

/* ==================
          背景
 ==================== */
.line-red[data-v-28be9c5d]::after,
.lines-red[data-v-28be9c5d]::after {
    border-color: red
}

.line-orange[data-v-28be9c5d]::after,
.lines-orange[data-v-28be9c5d]::after {
    border-color: #f37b1d
}

.line-yellow[data-v-28be9c5d]::after,
.lines-yellow[data-v-28be9c5d]::after {
    border-color: #fbbd08
}

.line-olive[data-v-28be9c5d]::after,
.lines-olive[data-v-28be9c5d]::after {
    border-color: #8dc63f
}

.line-green[data-v-28be9c5d]::after,
.lines-green[data-v-28be9c5d]::after {
    border-color: #39b54a
}

.line-cyan[data-v-28be9c5d]::after,
.lines-cyan[data-v-28be9c5d]::after {
    border-color: #1cbbb4
}

.line-blue[data-v-28be9c5d]::after,
.lines-blue[data-v-28be9c5d]::after {
    border-color: #0081ff
}

.line-purple[data-v-28be9c5d]::after,
.lines-purple[data-v-28be9c5d]::after {
    border-color: #6739b6
}

.line-mauve[data-v-28be9c5d]::after,
.lines-mauve[data-v-28be9c5d]::after {
    border-color: #9c26b0
}

.line-pink[data-v-28be9c5d]::after,
.lines-pink[data-v-28be9c5d]::after {
    border-color: #e03997
}

.line-brown[data-v-28be9c5d]::after,
.lines-brown[data-v-28be9c5d]::after {
    border-color: #a5673f
}

.line-grey[data-v-28be9c5d]::after,
.lines-grey[data-v-28be9c5d]::after {
    border-color: #8799a3
}

.line-gray[data-v-28be9c5d]::after,
.lines-gray[data-v-28be9c5d]::after {
    border-color: #aaa
}

.line-black[data-v-28be9c5d]::after,
.lines-black[data-v-28be9c5d]::after {
    border-color: #333
}

.line-white[data-v-28be9c5d]::after,
.lines-white[data-v-28be9c5d]::after {
    border-color: #fff
}

.bg-red[data-v-28be9c5d] {
    background-color: red;
    color: #fff
}

.bg-orange[data-v-28be9c5d] {
    background-color: #f37b1d;
    color: #fff
}

.bg-yellow[data-v-28be9c5d] {
    background-color: #fbbd08;
    color: #333
}

.bg-olive[data-v-28be9c5d] {
    background-color: #8dc63f;
    color: #fff
}

.bg-green[data-v-28be9c5d] {
    background-color: #39b54a;
    color: #fff
}

.bg-cyan[data-v-28be9c5d] {
    background-color: #1cbbb4;
    color: #fff
}

.bg-blue[data-v-28be9c5d] {
    background-color: #0081ff;
    color: #fff
}

.bg-purple[data-v-28be9c5d] {
    background-color: #6739b6;
    color: #fff
}

.bg-mauve[data-v-28be9c5d] {
    background-color: #9c26b0;
    color: #fff
}

.bg-pink[data-v-28be9c5d] {
    background-color: #e03997;
    color: #fff
}

.bg-brown[data-v-28be9c5d] {
    background-color: #a5673f;
    color: #fff
}

.bg-grey[data-v-28be9c5d] {
    background-color: #8799a3;
    color: #fff
}

.bg-gray[data-v-28be9c5d] {
    background-color: #f0f0f0;
    color: #333
}

.bg-black[data-v-28be9c5d] {
    background-color: #333;
    color: #fff
}

.bg-white[data-v-28be9c5d] {
    background-color: #fff;
    color: #666
}

.bg-shadeTop[data-v-28be9c5d] {
    background-image: linear-gradient(#000, rgba(0, 0, 0, .01));
    color: #fff
}

.bg-shadeBottom[data-v-28be9c5d] {
    background-image: linear-gradient(rgba(0, 0, 0, .01), #000);
    color: #fff
}

.bg-red.light[data-v-28be9c5d] {
    color: red;
    background-color: #fadbd9
}

.bg-orange.light[data-v-28be9c5d] {
    color: #f37b1d;
    background-color: #fde6d2
}

.bg-yellow.light[data-v-28be9c5d] {
    color: #fbbd08;
    background-color: rgba(254, 242, 206, .8235294117647058)
}

.bg-olive.light[data-v-28be9c5d] {
    color: #8dc63f;
    background-color: #e8f4d9
}

.bg-green.light[data-v-28be9c5d] {
    color: #39b54a;
    background-color: #d7f0db
}

.bg-cyan.light[data-v-28be9c5d] {
    color: #1cbbb4;
    background-color: #d2f1f0
}

.bg-blue.light[data-v-28be9c5d] {
    color: #0081ff;
    background-color: #cce6ff
}

.bg-purple.light[data-v-28be9c5d] {
    color: #6739b6;
    background-color: #e1d7f0
}

.bg-mauve.light[data-v-28be9c5d] {
    color: #9c26b0;
    background-color: #ebd4ef
}

.bg-pink.light[data-v-28be9c5d] {
    color: #e03997;
    background-color: #f9d7ea
}

.bg-brown.light[data-v-28be9c5d] {
    color: #a5673f;
    background-color: #ede1d9
}

.bg-grey.light[data-v-28be9c5d] {
    color: #8799a3;
    background-color: #e7ebed
}

.bg-gradual-red[data-v-28be9c5d] {
    background-image: linear-gradient(45deg, #f43f3b, #ec008c);
    color: #fff
}

.bg-gradual-orange[data-v-28be9c5d] {
    background-image: linear-gradient(45deg, #ff9700, #ed1c24);
    color: #fff
}

.bg-gradual-green[data-v-28be9c5d] {
    background-image: linear-gradient(45deg, #39b54a, #8dc63f);
    color: #fff
}

.bg-gradual-purple[data-v-28be9c5d] {
    background-image: linear-gradient(45deg, #9000ff, #5e00ff);
    color: #fff
}

.bg-gradual-pink[data-v-28be9c5d] {
    background-image: linear-gradient(45deg, #ec008c, #6739b6);
    color: #fff
}

.bg-gradual-blue[data-v-28be9c5d] {
    background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
    color: #fff
}

.shadow[class*="-red"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(204, 69, 59, .2)
}

.shadow[class*="-orange"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(217, 109, 26, .2)
}

.shadow[class*="-yellow"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(224, 170, 7, .2)
}

.shadow[class*="-olive"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(124, 173, 55, .2)
}

.shadow[class*="-green"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(48, 156, 63, .2)
}

.shadow[class*="-cyan"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(28, 187, 180, .2)
}

.shadow[class*="-blue"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(0, 102, 204, .2)
}

.shadow[class*="-purple"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(88, 48, 156, .2)
}

.shadow[class*="-mauve"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(133, 33, 150, .2)
}

.shadow[class*="-pink"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(199, 50, 134, .2)
}

.shadow[class*="-brown"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(140, 88, 53, .2)
}

.shadow[class*="-grey"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.shadow[class*="-gray"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.shadow[class*="-black"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(26, 26, 26, .2)
}

.shadow[class*="-white"][data-v-28be9c5d] {
    box-shadow: 3px 3px 4px rgba(26, 26, 26, .2)
}

.text-shadow[class*="-red"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(204, 69, 59, .2)
}

.text-shadow[class*="-orange"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(217, 109, 26, .2)
}

.text-shadow[class*="-yellow"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(224, 170, 7, .2)
}

.text-shadow[class*="-olive"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(124, 173, 55, .2)
}

.text-shadow[class*="-green"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(48, 156, 63, .2)
}

.text-shadow[class*="-cyan"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(28, 187, 180, .2)
}

.text-shadow[class*="-blue"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(0, 102, 204, .2)
}

.text-shadow[class*="-purple"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(88, 48, 156, .2)
}

.text-shadow[class*="-mauve"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(133, 33, 150, .2)
}

.text-shadow[class*="-pink"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(199, 50, 134, .2)
}

.text-shadow[class*="-brown"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(140, 88, 53, .2)
}

.text-shadow[class*="-grey"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.text-shadow[class*="-gray"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(114, 130, 138, .2)
}

.text-shadow[class*="-black"][data-v-28be9c5d] {
    text-shadow: 3px 3px 4px rgba(26, 26, 26, .2)
}

.bg-img[data-v-28be9c5d] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.bg-mask[data-v-28be9c5d] {
    background-color: #333;
    position: relative
}

.bg-mask[data-v-28be9c5d]::after {
    content: "";
    border-radius: inherit;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.bg-mask uni-view[data-v-28be9c5d],
.bg-mask uni-cover-view[data-v-28be9c5d] {
    z-index: 5;
    position: relative
}

.bg-video[data-v-28be9c5d] {
    position: relative
}

.bg-video uni-video[data-v-28be9c5d] {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: 0;
    pointer-events: none
}

/* ==================
          文本
 ==================== */
.text-xs[data-v-28be9c5d] {
    font-size: 11px
}

.text-sm[data-v-28be9c5d] {
    font-size: 13px
}

.text-df[data-v-28be9c5d] {
    font-size: 15px
}

.text-lg[data-v-28be9c5d] {
    font-size: 17px
}

.text-xl[data-v-28be9c5d] {
    font-size: 20px
}

.text-xxl[data-v-28be9c5d] {
    font-size: 24px
}

.text-sl[data-v-28be9c5d] {
    font-size: 44px
}

.text-xsl[data-v-28be9c5d] {
    font-size: 66px
}

.text-Abc[data-v-28be9c5d] {
    text-transform: Capitalize
}

.text-ABC[data-v-28be9c5d] {
    text-transform: Uppercase
}

.text-abc[data-v-28be9c5d] {
    text-transform: Lowercase
}

.text-price[data-v-28be9c5d]::before {
    content: "¥";
    font-size: 80%;
    margin-right: 2px
}

.text-cut[data-v-28be9c5d] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.text-bold[data-v-28be9c5d] {
    font-weight: 700
}

.text-center[data-v-28be9c5d] {
    text-align: center
}

.text-content[data-v-28be9c5d] {
    line-height: 1.6
}

.text-left[data-v-28be9c5d] {
    text-align: left
}

.text-right[data-v-28be9c5d] {
    text-align: right
}

.text-red[data-v-28be9c5d],
.line-red[data-v-28be9c5d],
.lines-red[data-v-28be9c5d] {
    color: red
}

.text-orange[data-v-28be9c5d],
.line-orange[data-v-28be9c5d],
.lines-orange[data-v-28be9c5d] {
    color: #f37b1d
}

.text-yellow[data-v-28be9c5d],
.line-yellow[data-v-28be9c5d],
.lines-yellow[data-v-28be9c5d] {
    color: #fbbd08
}

.text-olive[data-v-28be9c5d],
.line-olive[data-v-28be9c5d],
.lines-olive[data-v-28be9c5d] {
    color: #8dc63f
}

.text-green[data-v-28be9c5d],
.line-green[data-v-28be9c5d],
.lines-green[data-v-28be9c5d] {
    color: #39b54a
}

.text-cyan[data-v-28be9c5d],
.line-cyan[data-v-28be9c5d],
.lines-cyan[data-v-28be9c5d] {
    color: #1cbbb4
}

.text-blue[data-v-28be9c5d],
.line-blue[data-v-28be9c5d],
.lines-blue[data-v-28be9c5d] {
    color: #0081ff
}

.text-purple[data-v-28be9c5d],
.line-purple[data-v-28be9c5d],
.lines-purple[data-v-28be9c5d] {
    color: #6739b6
}

.text-mauve[data-v-28be9c5d],
.line-mauve[data-v-28be9c5d],
.lines-mauve[data-v-28be9c5d] {
    color: #9c26b0
}

.text-pink[data-v-28be9c5d],
.line-pink[data-v-28be9c5d],
.lines-pink[data-v-28be9c5d] {
    color: #e03997
}

.text-brown[data-v-28be9c5d],
.line-brown[data-v-28be9c5d],
.lines-brown[data-v-28be9c5d] {
    color: #a5673f
}

.text-grey[data-v-28be9c5d],
.line-grey[data-v-28be9c5d],
.lines-grey[data-v-28be9c5d] {
    color: #8799a3
}

.text-gray[data-v-28be9c5d],
.line-gray[data-v-28be9c5d],
.lines-gray[data-v-28be9c5d] {
    color: #aaa
}

.text-black[data-v-28be9c5d],
.line-black[data-v-28be9c5d],
.lines-black[data-v-28be9c5d] {
    color: #333
}

.text-white[data-v-28be9c5d],
.line-white[data-v-28be9c5d],
.lines-white[data-v-28be9c5d] {
    color: #fff
}

.mescroll-empty[data-v-28be9c5d] {
    box-sizing: border-box;
    width: 100%;
    padding: 144px 27px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mescroll-empty.empty-fixed[data-v-28be9c5d] {
    z-index: 99;
    position: absolute;
    /*transform会使fixed失效,最终会降级为absolute */
    top: 55px;
    left: 0
}

.mescroll-empty .empty-icon[data-v-28be9c5d] {
    width: 155px;
    height: 155px
}

.mescroll-empty .empty-tip[data-v-28be9c5d] {
    margin-top: 11px;
    font-size: 13px;
    color: grey
}

.mescroll-empty .empty-btn[data-v-28be9c5d] {
    display: inline-block;
    margin-top: 22px;
    min-width: 111px;
    padding: 10px;
    font-size: 15px;
    border: 1px solid #ea552d;
    border-radius: 33px;
    color: #ea552d
}

.mescroll-empty .empty-btn[data-v-28be9c5d]:active {
    opacity: .75
}
                         .mescroll-totop[data-v-c86c2902] {
                             z-index: 9990;
                             position: fixed !important; /* 加上important避免编译到H5,在多mescroll中定位失效 */
                             right: 11px;
                             bottom: 66px;
                             width: 40px;
                             height: auto;
                             border-radius: 50%;
                             opacity: 0;
                             transition: opacity .5s; /* 过渡 */
                             margin-bottom: var(--window-bottom) /* css变量 */
                         }

/* 适配 iPhoneX */
.mescroll-safe-bottom[data-v-c86c2902] {
    margin-bottom: calc(var(--window-bottom) + constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
    margin-bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom))
}

/* 显示 -- 淡入 */
.mescroll-totop-in[data-v-c86c2902] {
    opacity: 1
}

/* 隐藏 -- 淡出且不接收事件*/
.mescroll-totop-out[data-v-c86c2902] {
    opacity: 0;
    pointer-events: none
}body. uni-page-body {
                             -webkit-overflow-scrolling: touch /* 使iOS滚动流畅 */
                         }

.mescroll-body[data-v-6ea527d3] {
    position: relative; /* 下拉刷新区域相对自身定位 */
    height: auto; /* 不可固定高度,否则overflow: hidden, 可通过设置最小高度使列表不满屏仍可下拉*/
    overflow: hidden; /* 遮住顶部下拉刷新区域 */
    box-sizing: border-box /* 避免设置padding出现双滚动条的问题 */
}

/* 下拉刷新区域 */
.mescroll-downwarp[data-v-6ea527d3] {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

/* 下拉刷新--内容区,定位于区域底部 */
.mescroll-downwarp .downwarp-content[data-v-6ea527d3] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 33px;
    padding: 11px 0;
    text-align: center
}

/* 下拉刷新--提示文本 */
.mescroll-downwarp .downwarp-tip[data-v-6ea527d3] {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
    margin-left: 8px

}

/* 下拉刷新--旋转进度条 */
.mescroll-downwarp .downwarp-progress[data-v-6ea527d3] {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid grey;
    border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
    vertical-align: middle
}

/* 旋转动画 */
.mescroll-downwarp .mescroll-rotate[data-v-6ea527d3] {
    -webkit-animation: mescrollDownRotate-data-v-6ea527d3 .6s linear infinite;
    animation: mescrollDownRotate-data-v-6ea527d3 .6s linear infinite
}

@-webkit-keyframes mescrollDownRotate-data-v-6ea527d3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes mescrollDownRotate-data-v-6ea527d3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/* 上拉加载区域 */
.mescroll-upwarp[data-v-6ea527d3] {
    min-height: 33px;
    padding: 16px 0;
    text-align: center;
    clear: both
}

/*提示文本 */
.mescroll-upwarp .upwarp-tip[data-v-6ea527d3],
.mescroll-upwarp .upwarp-nodata[data-v-6ea527d3] {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle
    /* color: gray; 已在style设置color,此处删去*/
}

.mescroll-upwarp .upwarp-tip[data-v-6ea527d3] {
    margin-left: 8px
}

/*旋转进度条 */
.mescroll-upwarp .upwarp-progress[data-v-6ea527d3] {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid grey;
    border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
    vertical-align: middle
}

/* 旋转动画 */
.mescroll-upwarp .mescroll-rotate[data-v-6ea527d3] {
    -webkit-animation: mescrollUpRotate-data-v-6ea527d3 .6s linear infinite;
    animation: mescrollUpRotate-data-v-6ea527d3 .6s linear infinite
}

@-webkit-keyframes mescrollUpRotate-data-v-6ea527d3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes mescrollUpRotate-data-v-6ea527d3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}.uni-app--showtabbar uni-page-wrapper {
                             display: block;
                             height: calc(100% - 50px);
                             height: calc(100% - 50px - constant(safe-area-inset-bottom));
                             height: calc(100% - 50px - env(safe-area-inset-bottom));
                         }

.uni-app--showtabbar uni-page-wrapper::after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    height: calc(50px + constant(safe-area-inset-bottom));
    height: calc(50px + env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper {
    height: calc(100% - 44px - 50px);
    height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
    height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
}.icos[data-v-79813222] {
                             width: 25px;
                             height: 25px;
                             margin-left: 11px
                         }

uni-button[data-v-79813222]::after {
    border: none;
    background: none;
    color: none
}

.btn_5 uni-text[data-v-79813222] {
    color: #126119
}

.btn_5 uni-image[data-v-79813222] {
    width: 17px;
    height: 17px;
    margin-right: 5px
}

.btn_5[data-v-79813222] {
    width: 347px;
    height: 13px;
    font-size: 13px;
    font-family: Microsoft YaHei;
    color: #999;
    display: flex;
    margin: 23px auto
}

.btn_4 uni-image[data-v-79813222] {
    width: 35px;
    height: 35px
}

.btn_4[data-v-79813222] {
    width: 108px;
    height: 35px;
    display: flex;
    justify-content: center;
    margin: 26px auto 0
}

.btn_3[data-v-79813222] {
    /* width: 315rpx;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          height: 28rpx; */
    text-align: center;
    font-size: 15px;
    font-family: Microsoft YaHei;
    color: #5d589e;
    margin: 55px auto 0
}

.btn_1[data-v-79813222] {
    width: 80%;
    height: 48px;
    background: linear-gradient(90deg, #e53e46, #e53e46);
    border-radius: 24px;
    margin: 33px auto 0;
    font-size: 17px;
    font-family: Source Han Sans CN;
    color: #fff;
    line-height: 47px;
    text-align: center;
    box-shadow: 2px 2px 4px 0px #dcdcdc
}

.btn_2[data-v-79813222] {
    width: 80%;
    height: 48px;
    background: #000;
    border-radius: 24px;
    margin: 16px auto 0;
    font-size: 17px;
    font-family: Source Han Sans CN;
    color: #fff;
    line-height: 47px;
    text-align: center
}

.input_3_btn > uni-image[data-v-79813222] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.input_3_btn[data-v-79813222] {
    width: 118px;
    height: 46px;
    background: #e53e46;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    line-height: 48px;
    text-align: center
}

.view_input > uni-input[data-v-79813222] {
    padding-left: 13px;
    opacity: .7; /*输入框备注透明度 */
    font-size: 18px;
    color: #e53e46
}

.input_1[data-v-79813222] {
    margin-top: 55px !important
}

.view_input[data-v-79813222] {
    width: 363px;
    height: 48px;
    background: #fff;
    border-radius: 5px;
    margin: 13px auto;
    position: relative;
    font-size: 18px;
    color: #e53e46;
    display: flex;
    align-items: center;
    border: 1px solid #e53e46;
    box-shadow: 2px 2px 4px 0px #dcdcdc
}

.phone_text[data-v-79813222] {
    width: 189px;
    height: 8px;
    font-size: 21px;
    font-family: Source Han Sans CN;
    color: #000;
    margin: 17px auto 0;
    text-align: center
}

.logo uni-image[data-v-79813222] {
    width: 100%;
    height: 100%
}

.logo[data-v-79813222] {
    width: 126px;
    height: 126px;
    margin: 5px auto 0
}

.close[data-v-79813222] {
    font-size: 26px;
    margin: 21px 0 0 22px;
    color: #e53e46
}

.phone_login[data-v-79813222] {
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: relative
}

.status_bar[data-v-79813222] {
    height: 0;
    width: 100%
}