.e-page-bg-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.e-page-bg-image, .e-page-bg-image:not(.fullscreen-bg) {
    position: absolute
}
.e-page-bg-image.fullscreen-bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.e-page-bg-image .scene {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50%;
    background-size: cover
}
.r-toast-mask {
    z-index: 1;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}
.r-toast-container, .r-toast-mask {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%
}
.r-toast-container {
    z-index: 2000;
    bottom: 55%;
    height: auto
}
.r-toast {
    width: 100%;
    height: .5rem;
    margin: .05rem 0
}
.r-toast p {
    overflow: hidden;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding: 0 .1rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    border-radius: .09rem;
    background-color: rgba(0, 0, 0, .7);
    font-size: .16rem;
    line-height: .5rem
}
.r-toast.plugin-toast {
    display: block;
    width: -webkit-max-content;
    width: max-content;
    max-width: 90%;
    height: auto;
    margin: auto;
    padding: .12rem .14rem;
    background: #000;
    border-radius: .16rem;
    opacity: .8
}
.r-toast.plugin-toast p {
    width: 100%;
    height: auto;
    color: #fff;
    font-weight: 400;
    font-size: .12rem;
    line-height: 1.4;
    text-align: center
}
.toast-fade-in {
    -webkit-animation: toastFadeIn .2s ease;
    animation: toastFadeIn .2s ease
}
@-webkit-keyframes toastFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes toastFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.auth-popup-page {
    position: relative;
    height: 100%
}
.auth-popup-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.auth-popup-content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.auth-popup-content .auth-env-icon {
    display: block;
    width: 31.25vw;
    height: 31.25vw;
    margin: 0 auto
}
.auth-popup-content .auth-env-name {
    width: 64vw;
    margin: 24px auto 8px;
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0;
    color: #252631
}
.auth-popup-content .auth-env-tip {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    text-align: center;
    color: #91949f
}
.auth-popup-content .auth-operate-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 14vh
}
.auth-popup-content .auth-operate-container .auth-btn {
    box-sizing: border-box;
    width: 85vw;
    height: 15vw;
    line-height: 15vw;
    font-size: 16px;
    text-align: center;
    border-radius: 2px
}
.auth-popup-content .auth-operate-container .auth-btn-immediately {
    margin-bottom: 2.1vh;
    background-color: #1989fa;
    color: #fff
}
.auth-popup-content .auth-operate-container .auth-btn-refuse {
    background-color: #fff;
    color: #666;
    border: 1px solid #e1e1e1
}
.g-dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 999
}
.g-dialog-content {
    position: relative;
    width: 30%;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    padding: 20px;
    z-index: 1
}
.g-dialog-close {
    position: absolute;
    right: 14px;
    top: 0;
    font-weight: 200;
    font-size: 24px;
    text-align: center;
    color: rgba(0, 0, 0, .6)
}
.g-dialog-close:hover {
    color: rgba(0, 0, 0, .8)
}
.g-dialog-header {
    position: relative;
    width: 100%
}
.g-dialog-header .title {
    width: 80%
}
.g-dialog-body, .g-dialog-footer {
    position: relative;
    width: 100%;
    padding-top: 20px;
    box-sizing: border-box
}
.g-dialog-modal {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5)
}
.r-alert .g-dialog {
    z-index: 1040
}
.r-alert .g-dialog-modal {
    background-color: rgba(0, 0, 0, .7);
    -webkit-animation: fadeIn .2s ease;
    animation: fadeIn .2s ease
}
.r-alert .g-dialog-content, .r-alert .g-dialog-modal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.r-alert .g-dialog-content {
    max-width: 3.4rem;
    width: 80%;
    -webkit-animation: scaleIn .2s ease;
    animation: scaleIn .2s ease
}
.r-alert .g-dialog-content .r-alert-content .alert-content {
    margin-top: .33rem;
    color: #1a1a1a;
    text-align: center;
    font-size: .14rem
}
.r-alert .g-dialog-content .r-alert-content .ok-btn {
    display: block;
    margin: .23rem auto .17rem;
    width: 1.5rem;
    height: .3rem;
    border-radius: .04rem;
    background-image: -webkit-linear-gradient(4deg, #1a94ff, #5c82ff);
    background-image: linear-gradient(86deg, #1a94ff, #5c82ff);
    color: #fff;
    text-align: center;
    font-size: .14rem;
    line-height: .3rem
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.animate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOut {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    30% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}
@keyframes bounceOut {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    30% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(2, 2, 2);
        transform: scale3d(2, 2, 2);
        opacity: 0
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -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);
        opacity: 1
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(2, 2, 2);
        transform: scale3d(2, 2, 2);
        opacity: 0
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -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);
        opacity: 1
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.rotate2d {
    -webkit-animation-name: rotate2d;
    animation-name: rotate2d;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
@-webkit-keyframes rotate2d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes rotate2d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
.translate {
    -webkit-animation-name: translate;
    animation-name: translate;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes translate {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
}
@keyframes translate {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
}
.translateReverse {
    -webkit-animation-name: translateReverse;
    animation-name: translateReverse;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes translateReverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 1
    }
}
@keyframes translateReverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 1
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.flip {
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flip {
    0% {
        -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
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-animation-timing-function: cubic-bezier(.05, .45, .64, .94);
    animation-timing-function: cubic-bezier(.05, .45, .64, .94)
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-animation-timing-function: cubic-bezier(.05, .45, .64, .94);
    animation-timing-function: cubic-bezier(.05, .45, .64, .94)
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-animation-timing-function: cubic-bezier(.05, .45, .64, .94);
    animation-timing-function: cubic-bezier(.05, .45, .64, .94)
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-animation-timing-function: cubic-bezier(.05, .45, .64, .94);
    animation-timing-function: cubic-bezier(.05, .45, .64, .94)
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    -webkit-animation-timing-function: cubic-bezier(0, .74, .73, 1);
    animation-timing-function: cubic-bezier(0, .74, .73, 1)
}
@-webkit-keyframes bounceInLeft {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes bounceInLeft {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
    -webkit-animation-timing-function: cubic-bezier(0, .74, .73, 1);
    animation-timing-function: cubic-bezier(0, .74, .73, 1)
}
@-webkit-keyframes bounceInRight {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes bounceInRight {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-timing-function: cubic-bezier(0, .74, .73, 1);
    animation-timing-function: cubic-bezier(0, .74, .73, 1)
}
@-webkit-keyframes bounceInUp {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes bounceInUp {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-animation-timing-function: cubic-bezier(0, .74, .73, 1);
    animation-timing-function: cubic-bezier(0, .74, .73, 1)
}
@-webkit-keyframes bounceInDown {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes bounceInDown {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-timing-function: cubic-bezier(0, .44, .75, .99);
    animation-timing-function: cubic-bezier(0, .44, .75, .99)
}
@-webkit-keyframes zoomOut {
    0% {
        -webkit-transform: scale3d(2, 2, 2);
        transform: scale3d(2, 2, 2);
        opacity: 0
    }
    2% {
        opacity: 1
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes zoomOut {
    0% {
        -webkit-transform: scale3d(2, 2, 2);
        transform: scale3d(2, 2, 2);
        opacity: 0
    }
    2% {
        opacity: 1
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.float {
    -webkit-animation-name: float;
    animation-name: float;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes float {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.float2 {
    -webkit-animation-name: float2;
    animation-name: float2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes float2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes float2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.slideLeft {
    -webkit-animation-name: slideLeft;
    animation-name: slideLeft
}
@-webkit-keyframes slideLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 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 slideLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 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
    }
}
.slideRight {
    -webkit-animation-name: slideRight;
    animation-name: slideRight
}
@-webkit-keyframes slideRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 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 slideRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 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
    }
}
.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}
@-webkit-keyframes slideUp {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 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 slideUp {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 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
    }
}
.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}
@-webkit-keyframes slideDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 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 slideDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 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
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, 3px) rotate(-1.5deg);
        transform: translate(-1px, 3px) rotate(-1.5deg)
    }
    4% {
        -webkit-transform: translate(-4px, 5px) rotate(-1.5deg);
        transform: translate(-4px, 5px) rotate(-1.5deg)
    }
    6% {
        -webkit-transform: translate(-1px, 6px) rotate(-.5deg);
        transform: translate(-1px, 6px) rotate(-.5deg)
    }
    8% {
        -webkit-transform: translate(5px, -4px) rotate(-3.5deg);
        transform: translate(5px, -4px) rotate(-3.5deg)
    }
    10% {
        -webkit-transform: translate(-7px, -3px) rotate(-3.5deg);
        transform: translate(-7px, -3px) rotate(-3.5deg)
    }
    12% {
        -webkit-transform: translate(-1px, 8px) rotate(2.5deg);
        transform: translate(-1px, 8px) rotate(2.5deg)
    }
    14% {
        -webkit-transform: translate(3px, -5px) rotate(-1.5deg);
        transform: translate(3px, -5px) rotate(-1.5deg)
    }
    16% {
        -webkit-transform: translate(1px) rotate(2.5deg);
        transform: translate(1px) rotate(2.5deg)
    }
    18% {
        -webkit-transform: translate(-6px, -10px) rotate(-.5deg);
        transform: translate(-6px, -10px) rotate(-.5deg)
    }
    20% {
        -webkit-transform: translate(3px, -2px) rotate(1.5deg);
        transform: translate(3px, -2px) rotate(1.5deg)
    }
    22% {
        -webkit-transform: translate(0) rotate(-2.5deg);
        transform: translate(0) rotate(-2.5deg)
    }
    24% {
        -webkit-transform: translate(-5px, -4px) rotate(1.5deg);
        transform: translate(-5px, -4px) rotate(1.5deg)
    }
    26% {
        -webkit-transform: translate(-1px, 3px) rotate(-3.5deg);
        transform: translate(-1px, 3px) rotate(-3.5deg)
    }
    28% {
        -webkit-transform: translate(1px, 1px) rotate(-3.5deg);
        transform: translate(1px, 1px) rotate(-3.5deg)
    }
    30% {
        -webkit-transform: translate(-4px, 8px) rotate(1.5deg);
        transform: translate(-4px, 8px) rotate(1.5deg)
    }
    32% {
        -webkit-transform: translate(-9px, 7px) rotate(-3.5deg);
        transform: translate(-9px, 7px) rotate(-3.5deg)
    }
    34% {
        -webkit-transform: translate(4px, -9px) rotate(-2.5deg);
        transform: translate(4px, -9px) rotate(-2.5deg)
    }
    36% {
        -webkit-transform: translate(1px, -6px) rotate(-2.5deg);
        transform: translate(1px, -6px) rotate(-2.5deg)
    }
    38% {
        -webkit-transform: translate(-4px) rotate(-2.5deg);
        transform: translate(-4px) rotate(-2.5deg)
    }
    40% {
        -webkit-transform: translate(3px, -7px) rotate(.5deg);
        transform: translate(3px, -7px) rotate(.5deg)
    }
    42% {
        -webkit-transform: translate(4px, 4px) rotate(-.5deg);
        transform: translate(4px, 4px) rotate(-.5deg)
    }
    44% {
        -webkit-transform: translate(8px, -4px) rotate(-2.5deg);
        transform: translate(8px, -4px) rotate(-2.5deg)
    }
    46% {
        -webkit-transform: translate(9px, 9px) rotate(-3.5deg);
        transform: translate(9px, 9px) rotate(-3.5deg)
    }
    48% {
        -webkit-transform: translate(6px, -8px) rotate(-.5deg);
        transform: translate(6px, -8px) rotate(-.5deg)
    }
    50% {
        -webkit-transform: translate(-1px, 4px) rotate(-3.5deg);
        transform: translate(-1px, 4px) rotate(-3.5deg)
    }
    52% {
        -webkit-transform: translate(4px, 6px) rotate(-1.5deg);
        transform: translate(4px, 6px) rotate(-1.5deg)
    }
    54% {
        -webkit-transform: translate(9px, -3px) rotate(2.5deg);
        transform: translate(9px, -3px) rotate(2.5deg)
    }
    56% {
        -webkit-transform: translate(8px, -2px) rotate(-3.5deg);
        transform: translate(8px, -2px) rotate(-3.5deg)
    }
    58% {
        -webkit-transform: translate(-2px, -9px) rotate(-.5deg);
        transform: translate(-2px, -9px) rotate(-.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, -5px) rotate(2.5deg);
        transform: translate(-1px, -5px) rotate(2.5deg)
    }
    62% {
        -webkit-transform: translate(-8px, 3px) rotate(2.5deg);
        transform: translate(-8px, 3px) rotate(2.5deg)
    }
    64% {
        -webkit-transform: translate(6px, -2px) rotate(-3.5deg);
        transform: translate(6px, -2px) rotate(-3.5deg)
    }
    66% {
        -webkit-transform: translate(-5px, 9px) rotate(-1.5deg);
        transform: translate(-5px, 9px) rotate(-1.5deg)
    }
    68% {
        -webkit-transform: translate(3px, 1px) rotate(-.5deg);
        transform: translate(3px, 1px) rotate(-.5deg)
    }
    70% {
        -webkit-transform: translate(6px, 4px) rotate(-1.5deg);
        transform: translate(6px, 4px) rotate(-1.5deg)
    }
    72% {
        -webkit-transform: translate(-6px, -5px) rotate(1.5deg);
        transform: translate(-6px, -5px) rotate(1.5deg)
    }
    74% {
        -webkit-transform: translate(-8px) rotate(-.5deg);
        transform: translate(-8px) rotate(-.5deg)
    }
    76% {
        -webkit-transform: translate(-5px, -8px) rotate(1.5deg);
        transform: translate(-5px, -8px) rotate(1.5deg)
    }
    78% {
        -webkit-transform: translate(5px, -3px) rotate(-1.5deg);
        transform: translate(5px, -3px) rotate(-1.5deg)
    }
    80% {
        -webkit-transform: translate(-6px, -3px) rotate(-1.5deg);
        transform: translate(-6px, -3px) rotate(-1.5deg)
    }
    82% {
        -webkit-transform: translate(7px, 8px) rotate(-1.5deg);
        transform: translate(7px, 8px) rotate(-1.5deg)
    }
    84% {
        -webkit-transform: translate(-6px, 9px) rotate(.5deg);
        transform: translate(-6px, 9px) rotate(.5deg)
    }
    86% {
        -webkit-transform: translate(1px, 8px) rotate(-3.5deg);
        transform: translate(1px, 8px) rotate(-3.5deg)
    }
    88% {
        -webkit-transform: translate(-9px, -2px) rotate(1.5deg);
        transform: translate(-9px, -2px) rotate(1.5deg)
    }
    90% {
        -webkit-transform: translate(4px, -6px) rotate(-1.5deg);
        transform: translate(4px, -6px) rotate(-1.5deg)
    }
    92% {
        -webkit-transform: translateY(-1px) rotate(.5deg);
        transform: translateY(-1px) rotate(.5deg)
    }
    94% {
        -webkit-transform: translate(2px, -9px) rotate(2.5deg);
        transform: translate(2px, -9px) rotate(2.5deg)
    }
    96% {
        -webkit-transform: translate(-9px, 1px) rotate(-2.5deg);
        transform: translate(-9px, 1px) rotate(-2.5deg)
    }
    98% {
        -webkit-transform: translate(-9px, -5px) rotate(-3.5deg);
        transform: translate(-9px, -5px) rotate(-3.5deg)
    }
}
@keyframes shake {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, 3px) rotate(-1.5deg);
        transform: translate(-1px, 3px) rotate(-1.5deg)
    }
    4% {
        -webkit-transform: translate(-4px, 5px) rotate(-1.5deg);
        transform: translate(-4px, 5px) rotate(-1.5deg)
    }
    6% {
        -webkit-transform: translate(-1px, 6px) rotate(-.5deg);
        transform: translate(-1px, 6px) rotate(-.5deg)
    }
    8% {
        -webkit-transform: translate(5px, -4px) rotate(-3.5deg);
        transform: translate(5px, -4px) rotate(-3.5deg)
    }
    10% {
        -webkit-transform: translate(-7px, -3px) rotate(-3.5deg);
        transform: translate(-7px, -3px) rotate(-3.5deg)
    }
    12% {
        -webkit-transform: translate(-1px, 8px) rotate(2.5deg);
        transform: translate(-1px, 8px) rotate(2.5deg)
    }
    14% {
        -webkit-transform: translate(3px, -5px) rotate(-1.5deg);
        transform: translate(3px, -5px) rotate(-1.5deg)
    }
    16% {
        -webkit-transform: translate(1px) rotate(2.5deg);
        transform: translate(1px) rotate(2.5deg)
    }
    18% {
        -webkit-transform: translate(-6px, -10px) rotate(-.5deg);
        transform: translate(-6px, -10px) rotate(-.5deg)
    }
    20% {
        -webkit-transform: translate(3px, -2px) rotate(1.5deg);
        transform: translate(3px, -2px) rotate(1.5deg)
    }
    22% {
        -webkit-transform: translate(0) rotate(-2.5deg);
        transform: translate(0) rotate(-2.5deg)
    }
    24% {
        -webkit-transform: translate(-5px, -4px) rotate(1.5deg);
        transform: translate(-5px, -4px) rotate(1.5deg)
    }
    26% {
        -webkit-transform: translate(-1px, 3px) rotate(-3.5deg);
        transform: translate(-1px, 3px) rotate(-3.5deg)
    }
    28% {
        -webkit-transform: translate(1px, 1px) rotate(-3.5deg);
        transform: translate(1px, 1px) rotate(-3.5deg)
    }
    30% {
        -webkit-transform: translate(-4px, 8px) rotate(1.5deg);
        transform: translate(-4px, 8px) rotate(1.5deg)
    }
    32% {
        -webkit-transform: translate(-9px, 7px) rotate(-3.5deg);
        transform: translate(-9px, 7px) rotate(-3.5deg)
    }
    34% {
        -webkit-transform: translate(4px, -9px) rotate(-2.5deg);
        transform: translate(4px, -9px) rotate(-2.5deg)
    }
    36% {
        -webkit-transform: translate(1px, -6px) rotate(-2.5deg);
        transform: translate(1px, -6px) rotate(-2.5deg)
    }
    38% {
        -webkit-transform: translate(-4px) rotate(-2.5deg);
        transform: translate(-4px) rotate(-2.5deg)
    }
    40% {
        -webkit-transform: translate(3px, -7px) rotate(.5deg);
        transform: translate(3px, -7px) rotate(.5deg)
    }
    42% {
        -webkit-transform: translate(4px, 4px) rotate(-.5deg);
        transform: translate(4px, 4px) rotate(-.5deg)
    }
    44% {
        -webkit-transform: translate(8px, -4px) rotate(-2.5deg);
        transform: translate(8px, -4px) rotate(-2.5deg)
    }
    46% {
        -webkit-transform: translate(9px, 9px) rotate(-3.5deg);
        transform: translate(9px, 9px) rotate(-3.5deg)
    }
    48% {
        -webkit-transform: translate(6px, -8px) rotate(-.5deg);
        transform: translate(6px, -8px) rotate(-.5deg)
    }
    50% {
        -webkit-transform: translate(-1px, 4px) rotate(-3.5deg);
        transform: translate(-1px, 4px) rotate(-3.5deg)
    }
    52% {
        -webkit-transform: translate(4px, 6px) rotate(-1.5deg);
        transform: translate(4px, 6px) rotate(-1.5deg)
    }
    54% {
        -webkit-transform: translate(9px, -3px) rotate(2.5deg);
        transform: translate(9px, -3px) rotate(2.5deg)
    }
    56% {
        -webkit-transform: translate(8px, -2px) rotate(-3.5deg);
        transform: translate(8px, -2px) rotate(-3.5deg)
    }
    58% {
        -webkit-transform: translate(-2px, -9px) rotate(-.5deg);
        transform: translate(-2px, -9px) rotate(-.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, -5px) rotate(2.5deg);
        transform: translate(-1px, -5px) rotate(2.5deg)
    }
    62% {
        -webkit-transform: translate(-8px, 3px) rotate(2.5deg);
        transform: translate(-8px, 3px) rotate(2.5deg)
    }
    64% {
        -webkit-transform: translate(6px, -2px) rotate(-3.5deg);
        transform: translate(6px, -2px) rotate(-3.5deg)
    }
    66% {
        -webkit-transform: translate(-5px, 9px) rotate(-1.5deg);
        transform: translate(-5px, 9px) rotate(-1.5deg)
    }
    68% {
        -webkit-transform: translate(3px, 1px) rotate(-.5deg);
        transform: translate(3px, 1px) rotate(-.5deg)
    }
    70% {
        -webkit-transform: translate(6px, 4px) rotate(-1.5deg);
        transform: translate(6px, 4px) rotate(-1.5deg)
    }
    72% {
        -webkit-transform: translate(-6px, -5px) rotate(1.5deg);
        transform: translate(-6px, -5px) rotate(1.5deg)
    }
    74% {
        -webkit-transform: translate(-8px) rotate(-.5deg);
        transform: translate(-8px) rotate(-.5deg)
    }
    76% {
        -webkit-transform: translate(-5px, -8px) rotate(1.5deg);
        transform: translate(-5px, -8px) rotate(1.5deg)
    }
    78% {
        -webkit-transform: translate(5px, -3px) rotate(-1.5deg);
        transform: translate(5px, -3px) rotate(-1.5deg)
    }
    80% {
        -webkit-transform: translate(-6px, -3px) rotate(-1.5deg);
        transform: translate(-6px, -3px) rotate(-1.5deg)
    }
    82% {
        -webkit-transform: translate(7px, 8px) rotate(-1.5deg);
        transform: translate(7px, 8px) rotate(-1.5deg)
    }
    84% {
        -webkit-transform: translate(-6px, 9px) rotate(.5deg);
        transform: translate(-6px, 9px) rotate(.5deg)
    }
    86% {
        -webkit-transform: translate(1px, 8px) rotate(-3.5deg);
        transform: translate(1px, 8px) rotate(-3.5deg)
    }
    88% {
        -webkit-transform: translate(-9px, -2px) rotate(1.5deg);
        transform: translate(-9px, -2px) rotate(1.5deg)
    }
    90% {
        -webkit-transform: translate(4px, -6px) rotate(-1.5deg);
        transform: translate(4px, -6px) rotate(-1.5deg)
    }
    92% {
        -webkit-transform: translateY(-1px) rotate(.5deg);
        transform: translateY(-1px) rotate(.5deg)
    }
    94% {
        -webkit-transform: translate(2px, -9px) rotate(2.5deg);
        transform: translate(2px, -9px) rotate(2.5deg)
    }
    96% {
        -webkit-transform: translate(-9px, 1px) rotate(-2.5deg);
        transform: translate(-9px, 1px) rotate(-2.5deg)
    }
    98% {
        -webkit-transform: translate(-9px, -5px) rotate(-3.5deg);
        transform: translate(-9px, -5px) rotate(-3.5deg)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes tada {
    0% {
        -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 {
    0% {
        -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)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes wobble {
    0% {
        -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 {
    0% {
        -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
    }
}
@-webkit-keyframes zoomInDown {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
@keyframes zoomInDown {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
@keyframes zoomInLeft {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
@keyframes zoomInRight {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
@keyframes zoomInUp {
    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);
        opacity: 0
    }
    60% {
        -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);
        opacity: 1
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@keyframes flip {
    0% {
        -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
    }
}
.bounceSmall {
    -webkit-animation-name: bounceSmall;
    animation-name: bounceSmall;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes bounceSmall {
    0% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 1
    }
    80% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    90% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes bounceSmall {
    0% {
        -webkit-transform: scale(1.7);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.95);
        opacity: 1
    }
    80% {
        -webkit-transform: scale(1.05)
    }
    90% {
        -webkit-transform: scale(.98)
    }
    to {
        -webkit-transform: scale(1)
    }
}
.pullUp {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: pullUp;
    animation-name: pullUp;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes pullUp {
    0%, 40%, 60%, 80%, 99% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: scaleY(.1);
        transform: scaleY(.1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleY(1.02);
        transform: scaleY(1.02);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleY(.98);
        transform: scaleY(.98);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    80% {
        -webkit-transform: scaleY(1.01);
        transform: scaleY(1.01);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    99% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes pullUp {
    0%, 40%, 60%, 80%, 99% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: scaleY(.1);
        transform: scaleY(.1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleY(1.02);
        transform: scaleY(1.02);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleY(.98);
        transform: scaleY(.98);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    80% {
        -webkit-transform: scaleY(1.01);
        transform: scaleY(1.01);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    99% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.pullDown {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation-name: pullDown;
    animation-name: pullDown;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes pullDown {
    1%, 40%, 60%, 80%, 99% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: scaleY(.1);
        transform: scaleY(.1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleY(1.02);
        transform: scaleY(1.02);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleY(.98);
        transform: scaleY(.98);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    80% {
        -webkit-transform: scaleY(1.01);
        transform: scaleY(1.01);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    99% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes pullDown {
    1%, 40%, 60%, 80%, 99% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: scaleY(.1);
        transform: scaleY(.1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleY(1.02);
        transform: scaleY(1.02);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleY(.98);
        transform: scaleY(.98);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    80% {
        -webkit-transform: scaleY(1.01);
        transform: scaleY(1.01);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    99% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.stretchRight {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: stretchRight;
    animation-name: stretchRight;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes stretchRight {
    0%, 40%, 60%, 80% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
    1% {
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleX(1.02);
        transform: scaleX(1.02);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleX(.98);
        transform: scaleX(.98);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    80% {
        -webkit-transform: scaleX(1.01);
        transform: scaleX(1.01);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    99% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes stretchRight {
    0%, 40%, 60%, 80% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
    1% {
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleX(1.02);
        transform: scaleX(1.02);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleX(.98);
        transform: scaleX(.98);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    80% {
        -webkit-transform: scaleX(1.01);
        transform: scaleX(1.01);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    99% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.stretchLeft {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-name: stretchLeft;
    animation-name: stretchLeft;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes stretchLeft {
    0%, 40%, 60%, 80% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 0
    }
    1% {
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleX(1.02);
        transform: scaleX(1.02);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleX(.98);
        transform: scaleX(.98);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    80% {
        -webkit-transform: scaleX(1.01);
        transform: scaleX(1.01);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    99% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes stretchLeft {
    0%, 40%, 60%, 80% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 0
    }
    1% {
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    40% {
        -webkit-transform: scaleX(1.02);
        transform: scaleX(1.02);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    60% {
        -webkit-transform: scaleX(.98);
        transform: scaleX(.98);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    80% {
        -webkit-transform: scaleX(1.01);
        transform: scaleX(1.01);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    99% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}
@-webkit-keyframes flipInY {
    0% {
        opacity: 0
    }
    1% {
        -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)
    }
    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        opacity: 0
    }
    1% {
        -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)
    }
    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}
@-webkit-keyframes flipInX {
    0% {
        -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)
    }
    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -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)
    }
    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes pulse {
    0% {
        -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 {
    0% {
        -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)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes rubberBand {
    0% {
        -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, .75, 1);
        transform: scale3d(1.15, .75, 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 {
    0% {
        -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, .75, 1);
        transform: scale3d(1.15, .75, 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)
    }
}
@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    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 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    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 jello {
    0%, 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.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello {
    0%, 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.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: jello;
    animation-name: jello
}
@-webkit-keyframes flipIn {
    0%, 1%, 40%, 50%, 80%, 99%, to {
        -webkit-backface-visibility: visible;
        backface-visibility: visible
    }
    0% {
        -webkit-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0)
    }
    1% {
        -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
    }
    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes flipIn {
    0%, 1%, 40%, 50%, 80%, 99%, to {
        -webkit-backface-visibility: visible;
        backface-visibility: visible
    }
    0% {
        -webkit-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0)
    }
    1% {
        -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
    }
    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.flipIn {
    -webkit-animation-name: flipIn;
    animation-name: flipIn;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
@keyframes rotating {
    0% {
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
.rotating {
    -webkit-animation-name: rotating;
    animation-name: rotating;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}
@-webkit-keyframes bounceLeave {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }
    99% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes bounceLeave {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }
    99% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.bounceLeave {
    -webkit-animation-name: bounceLeave;
    animation-name: bounceLeave
}
@-webkit-keyframes zoomSmallLeave {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes zoomSmallLeave {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.zoomSmallLeave {
    -webkit-animation-name: zoomSmallLeave;
    animation-name: zoomSmallLeave
}
@-webkit-keyframes leftRotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
}
@keyframes leftRotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
}
.leftRotateOut {
    -webkit-animation-name: leftRotateOut;
    animation-name: leftRotateOut
}
@-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
    }
    99% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        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
    }
    99% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    99% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    99% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    99% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    99% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes zoomOutUp {
    0% {
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0);
        opacity: 1
    }
    40% {
        -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);
        opacity: 1
    }
    99% {
        -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, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes zoomOutUp {
    0% {
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0);
        opacity: 1
    }
    40% {
        -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);
        opacity: 1
    }
    99% {
        -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, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes zoomOutDown {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translateZ(0);
        transform: scale3d(.1, .1, .1) translateZ(0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1
    }
    40% {
        -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);
        opacity: 1
    }
    99% {
        -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, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes zoomOutDown {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translateZ(0);
        transform: scale3d(.1, .1, .1) translateZ(0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1
    }
    40% {
        -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);
        opacity: 1
    }
    99% {
        -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, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translateZ(0);
        transform: scale3d(.1, .1, .1) translateZ(0);
        opacity: 1
    }
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes zoomOutLeft {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translateZ(0);
        transform: scale3d(.1, .1, .1) translateZ(0);
        opacity: 1
    }
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translateZ(0);
        transform: scale3d(.1, .1, .1) translateZ(0);
        opacity: 1
    }
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
@keyframes zoomOutRight {
    0% {
        -webkit-transform: scale3d(.1, .1, .1) translateZ(0);
        transform: scale3d(.1, .1, .1) translateZ(0);
        opacity: 1
    }
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1
    }
    99% {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes rightRotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
}
@keyframes rightRotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    99% {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0
    }
}
.rightRotateOut {
    -webkit-animation-name: rightRotateOut;
    animation-name: rightRotateOut
}
@-webkit-keyframes bounceBig {
    0%, 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% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    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% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}
@keyframes bounceBig {
    0%, 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% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    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% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}
.bounceBig {
    -webkit-animation-name: bounceBig;
    animation-name: bounceBig
}
@-webkit-keyframes occur {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes occur {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.cmp-text .animate-wrapper > .temp {
    position: absolute;
    top: 0;
    left: 0;
    background-color: initial;
    width: 100%;
    height: 100%;
    white-space: normal;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.cmp-text .animate-wrapper > .temp .char-wrapper {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.cmp-text .animate-wrapper > .temp .char-wrapper .flex-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.r-alert .r-poster-dialog .alert-content, .r-alert .r-poster-dialog .g-dialog-content, .r-alert .r-poster-dialog .r-alert-content {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}
.r-alert .r-poster-dialog .alert-content .r-alert-content .alert-content, .r-alert .r-poster-dialog .g-dialog-content .r-alert-content .alert-content, .r-alert .r-poster-dialog .r-alert-content .r-alert-content .alert-content {
    margin-top: 0
}
.r-alert .r-poster-dialog .poster-screenshot {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 0
}
.r-alert .r-poster-dialog .poster-screenshot .poster-background-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: scale(4);
    transform: scale(4);
    background-position: 50%
}
.r-alert .r-poster-dialog .poster-screenshot .poster-wrap {
    position: relative
}
.r-alert .r-poster-dialog .poster-screenshot .poster {
    position: relative;
    border-radius: .1rem;
    box-shadow: 0 .01rem .09rem 0 rgba(0, 0, 0, .4);
    line-height: 0
}
.r-alert .r-poster-dialog .poster-screenshot .poster img {
    width: 100%;
    border-radius: inherit;
    object-fit: cover
}
.r-alert .r-poster-dialog .poster-screenshot .poster.poster-overflow-y-auto {
    overflow-x: hidden;
    overflow-y: auto
}
.r-alert .r-poster-dialog .poster-screenshot .close-btn {
    position: absolute;
    top: -.18rem;
    right: -.18rem;
    width: .4rem;
    height: .4rem;
    background-image: url(data:image/png;base64,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);
    background-size: cover
}
.cmp {
    position: absolute
}
.cmp .animate-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.cmp.cmp-group > .animate-wrapper, .cmp.cmp-pluginComponent > .animate-wrapper, .cmp.cmp-pluginMain > .animate-wrapper {
    overflow: visible
}
.cmp .transition-wrapper {
    width: 100%;
    height: 100%
}
.cmp.disable {
    opacity: .5 !important
}
.cmp.disable:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: initial;
    content: ""
}
.cmp.cmp-btn button {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    word-break: break-all
}
.cmp.cmp-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle
}
@-webkit-keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.cmp.cmp-btn .trigger-tips:hover {
    cursor: pointer
}
.cmp.cmp-btn .trigger-tips:after, .cmp.cmp-btn .trigger-tips:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    background: transparent;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}
.cmp.cmp-btn .trigger-tips:before {
    width: 48px;
    height: 48px;
    border: 8px solid hsla(0, 0%, 100%, .4);
    z-index: 10;
    -webkit-animation-name: tgtipsbefore;
    animation-name: tgtipsbefore
}
.cmp.cmp-btn .trigger-tips:after {
    width: 32px;
    height: 32px;
    border: 8px solid hsla(0, 0%, 100%, .7);
    -webkit-animation-name: tgtipsafter;
    animation-name: tgtipsafter
}
.wx-open-tag {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}
.slideLeft {
    -webkit-animation-name: slideLeft;
    animation-name: slideLeft
}
@-webkit-keyframes slideLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes slideLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.slideRight {
    -webkit-animation-name: slideRight;
    animation-name: slideRight
}
@-webkit-keyframes slideRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes slideRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}
@-webkit-keyframes slideUp {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes slideUp {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}
@-webkit-keyframes slideDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes slideDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 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 {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.g-tooltip {
    pointer-events: none;
    text-align: center;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    padding: 8px
}
.g-tooltip, .g-tooltip:before {
    position: absolute;
    z-index: 200
}
.g-tooltip:before {
    content: "";
    border-style: solid
}
.g-tooltip.tooltipBottom:before, .g-tooltip.tooltipTop:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.g-tooltip.tooltipLeft:before, .g-tooltip.tooltipRight:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.g-tooltip.tooltipBottom {
    -webkit-transform: scale(0) translateX(-50%);
    transform: scale(0) translateX(-50%)
}
.g-tooltip.tooltipBottom:before {
    top: 2px;
    border-width: 0 6px 6px;
    border-color: transparent transparent #262626
}
.g-tooltip.tooltipBottom.tooltipActive {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%)
}
.g-tooltip.tooltipTop {
    -webkit-transform: scale(0) translateX(-50%) translateY(-100%);
    transform: scale(0) translateX(-50%) translateY(-100%)
}
.g-tooltip.tooltipTop:before {
    top: calc(100% - 8px);
    border-width: 6px 6px 0;
    border-color: #262626 transparent transparent
}
.g-tooltip.tooltipTop.tooltipActive {
    -webkit-transform: scale(1) translateX(-50%) translateY(-100%);
    transform: scale(1) translateX(-50%) translateY(-100%)
}
.g-tooltip.tooltipLeft {
    -webkit-transform: scale(0) translateX(-100%) translateY(-50%);
    transform: scale(0) translateX(-100%) translateY(-50%)
}
.g-tooltip.tooltipLeft:before {
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #262626;
    left: calc(100% - 8px)
}
.g-tooltip.tooltipLeft.tooltipActive {
    -webkit-transform: scale(1) translateX(-100%) translateY(-50%);
    transform: scale(1) translateX(-100%) translateY(-50%)
}
.g-tooltip.tooltipRight {
    -webkit-transform: scale(0) translateX(0) translateY(-50%);
    transform: scale(0) translateX(0) translateY(-50%)
}
.g-tooltip.tooltipRight:before {
    border-width: 6px 6px 6px 0;
    border-color: transparent #262626 transparent transparent;
    left: 2px
}
.g-tooltip.tooltipRight.tooltipActive {
    -webkit-transform: scale(1) translateX(0) translateY(-50%);
    transform: scale(1) translateX(0) translateY(-50%)
}
.g-tooltip.tooltipLeftTop {
    margin-left: -8px;
    -webkit-transform: scale(0) translateY(-100%);
    transform: scale(0) translateY(-100%)
}
.g-tooltip.tooltipLeftTop:before {
    left: 20px;
    top: calc(100% - 8px);
    border-width: 6px 6px 0;
    border-color: #262626 transparent transparent
}
.g-tooltip.tooltipLeftTop.tooltipActive {
    -webkit-transform: scale(1) translateY(-100%);
    transform: scale(1) translateY(-100%)
}
.g-tooltip .tooltipInner {
    background: #262626;
    border-radius: 2px;
    color: #fff;
    display: block;
    padding: 8px;
    font-size: 12px;
    line-height: 16px;
    white-space: pre
}
.g-btn {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    padding: 0 30px;
    height: 48px;
    line-height: 48px;
    border-radius: 3px;
    background: none;
    border: 1px solid transparent;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer
}
a.g-btn {
    text-decoration: none
}
.g-btn:hover {
    opacity: .8
}
.g-btn.primary {
    border-color: #00c9b4;
    background-color: #00c9b4;
    color: #fff
}
.g-btn.cancel {
    border-color: #878787;
    background-color: #878787;
    color: rgba(56, 56, 56, .8)
}
.g-btn.success {
    border-color: #13ce66;
    background-color: #13ce66;
    color: #fff
}
.g-btn.warning {
    border-color: #f7ba2a;
    background-color: #f7ba2a;
    color: #fff
}
.g-btn.danger {
    border-color: #ff4949;
    background-color: #ff4949;
    color: #fff
}
.g-btn.info {
    border-color: #50bfff;
    background-color: #50bfff;
    color: #fff
}
.g-btn.text {
    border: none;
    background: none;
    color: #333
}
.g-btn.disabled, .g-btn[disabled] {
    pointer-events: none;
    border-color: silver;
    background-color: silver;
    color: #999;
    opacity: .5;
    cursor: not-allowed
}
.g-btn.disabled:hover, .g-btn[disabled]:hover {
    opacity: .5
}
.g-btn.block {
    display: block;
    width: 100%
}
.g-btn.file-btn {
    position: relative
}
.g-btn.file-btn > input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: .0001;
    cursor: pointer
}
.g-btn .g-icon {
    margin-right: 5px
}
.r-alert .e-dialog-message-box .g-dialog-content {
    width: 311px;
    padding: 46px 24px 24px;
    border-radius: 8px
}
.r-alert .e-dialog-message-box div.r-alert-content div.alert-content {
    margin-top: 0
}
.r-alert .e-dialog-message-box div.r-alert-content .body {
    text-align: center
}
.r-alert .e-dialog-message-box div.r-alert-content .body .icon {
    width: 60px;
    height: 60px
}
.r-alert .e-dialog-message-box div.r-alert-content .body h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    margin-top: 16px
}
.r-alert .e-dialog-message-box div.r-alert-content .body p {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    margin-top: 6px
}
.r-alert .e-dialog-message-box div.r-alert-content .body .btn {
    width: 263px;
    height: 44px;
    background: #477ef5;
    border-radius: 30px;
    margin-top: 28px;
    font-weight: 600;
    font-size: 16px;
    color: #fff
}
.clipper-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .275rem 0 0;
    line-height: 0;
    background-color: #333
}
.clipper-container .title-tips {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .275rem;
    font-size: .12rem;
    text-align: center;
    line-height: .275rem;
    background: #fff6ea;
    color: #cd8922;
    z-index: 105
}
.clipper-container .operating-area {
    width: 100%;
    position: relative
}
.clipper-container .operating-area .clipper-part {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    position: absolute;
    z-index: 102;
    bottom: 1.5rem
}
.clipper-container .operating-area .clipper-part .pCanvas-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid #fff
}
.clipper-container .operating-area .mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    position: absolute;
    z-index: 101;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    background-color: #333;
    opacity: 0
}
.clipper-container .operating-area .mask.opacity {
    opacity: .8
}
.clipper-container .operating-area .gesture-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    position: absolute;
    bottom: 60px;
    z-index: 103
}
.clipper-container .operating-area .tools-bar {
    padding: 0 .32rem;
    position: absolute;
    width: 100%;
    bottom: .6rem;
    z-index: 105
}
.clipper-container .operating-area .tools-bar .complate-btn {
    width: 100%;
    height: .44rem;
    background: #2293ff;
    border-radius: 2px;
    text-align: center;
    line-height: .44rem;
    font-size: .14rem;
    font-weight: 500;
    color: #fff
}
.clipper-container .operating-area .tools-bar .cancel-btn {
    margin-top: .08rem;
    width: 100%;
    height: .44rem;
    background: transparent;
    border-radius: 2px;
    text-align: center;
    line-height: .44rem;
    font-size: .14rem;
    font-weight: 500;
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .5)
}
.clipper-container .action-bar {
    box-sizing: initial;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    position: absolute;
    top: auto;
    z-index: 103;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid hsla(0, 0%, 100%, .3)
}
.clipper-container .action-bar button {
    display: block;
    padding: 0 15px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    background: none;
    border: none;
    outline: 0
}
.clipper-container .action-bar button.btn-cancel {
    float: left
}
.clipper-container .action-bar button.btn-ok {
    float: right
}
.form-success-inlne-page-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1040
}
.form-success-inlne-page-container .form-inline-page-mask-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.cmp.cmp-text .text {
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-line;
    overflow: hidden;
    cursor: default
}
.cmp.cmp-text .text-editor.temp {
    position: absolute;
    top: 0;
    left: 0;
    background-color: initial;
    width: 100%;
    height: 100%;
    white-space: normal
}
.cmp.cmp-text .text-editor.temp .char-wrapper {
    display: inline-block
}
.cmp.cmp-text .text-editor.temp .char-wrapper .flex-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.cmp.cmp-text em, .cmp.cmp-text i {
    font-style: italic
}
@-webkit-keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.cmp.cmp-text .trigger-tips:hover {
    cursor: pointer
}
.cmp.cmp-text .trigger-tips:after, .cmp.cmp-text .trigger-tips:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    background: transparent;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}
.cmp.cmp-text .trigger-tips:before {
    width: 48px;
    height: 48px;
    border: 8px solid hsla(0, 0%, 100%, .4);
    z-index: 10;
    -webkit-animation-name: tgtipsbefore;
    animation-name: tgtipsbefore
}
.cmp.cmp-text .trigger-tips:after {
    width: 32px;
    height: 32px;
    border: 8px solid hsla(0, 0%, 100%, .7);
    -webkit-animation-name: tgtipsafter;
    animation-name: tgtipsafter
}
.cmp.cmp-input * {
    line-height: 1.5
}
.cmp.cmp-input .verify-button {
    margin-right: .04rem;
    position: relative;
    font-size: .12rem;
    height: .32rem;
    width: .78rem;
    color: #fff
}
.cmp.cmp-input .phone-tips {
    font-family: Microsoft YaHei;
    position: absolute;
    top: 50%;
    right: .16rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #f75a53;
    font-size: .09rem
}
.cmp.cmp-input .input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-indent: 0 !important
}
.cmp.cmp-input .required-star {
    position: absolute;
    top: calc(50% - .05rem);
    left: .06rem;
    color: red;
    font-size: .14rem;
    line-height: 1
}
.cmp.cmp-input .input-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}
.cmp.cmp-input input {
    display: block;
    padding: .05rem .15rem;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background-color: initial;
    color: inherit;
    text-overflow: clip
}
.cmp.cmp-input input[type=number]::-webkit-inner-spin-button, .cmp.cmp-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}
.cmp.cmp-input input::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-input input::-moz-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-input input:-ms-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-input input:-moz-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-choose {
    display: block;
    width: 100%;
    height: 100%;
    background-color: initial
}
.cmp.cmp-choose * {
    line-height: 1.2
}
.cmp.cmp-choose .choose-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.cmp.cmp-choose .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .06rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-choose .choose-title {
    position: relative;
    padding: .1rem .15rem;
    min-height: .41rem;
    width: 100%;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    color: inherit;
    word-break: break-all;
    font-size: .16rem !important
}
.cmp.cmp-choose .choose-option-list {
    padding: 0 !important;
    width: 100%;
    border: none !important;
    border-radius: 0 !important
}
.cmp.cmp-choose .choose-option-list li + li {
    margin-top: .13rem
}
.cmp.cmp-choose .choose-option-list .choose-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    color: inherit;
    font-size: 0;
    cursor: pointer;
    margin-top: 0 !important;
    padding: .1rem .15rem;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    -webkit-user-select: none;
    user-select: none
}
.cmp.cmp-choose .choose-option-list .choose-option:last-child {
    border-bottom: 0 !important
}
.cmp.cmp-choose .choose-option-list .choose-option.active .check-btn .dot {
    opacity: 1;
    -webkit-animation: chooseScaleIn .2s ease;
    animation: chooseScaleIn .2s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: .16rem;
    height: .16rem;
    border-width: .01rem;
    border-style: solid;
    vertical-align: top
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.radio-btn {
    border-radius: 50%
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.radio-btn .dot {
    width: 60%;
    height: 60%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.checkbox {
    border-radius: .02rem
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.checkbox .dot {
    position: relative;
    opacity: 0
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.checkbox .dot:after {
    position: absolute;
    top: -.04rem;
    left: -.05rem;
    display: inline-block;
    width: .1rem;
    height: .05rem;
    border-style: solid;
    border-color: inherit;
    border-width: 0 0 .02rem .02rem;
    border-radius: .01rem;
    content: "";
    -webkit-transform: translateZ(0) rotate(-50deg);
    transform: translateZ(0) rotate(-50deg)
}
.cmp.cmp-choose .choose-option-list .choose-option .option-label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: .08rem;
    word-break: break-all;
    font-size: .14rem
}
@-webkit-keyframes chooseScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes chooseScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.cmp.cmp-select * {
    line-height: 1.2
}
.cmp.cmp-select .select-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    border: none !important;
    background: transparent !important
}
.cmp.cmp-select .select-wrapper .selector {
    position: relative;
    height: 100%
}
.cmp.cmp-select .select-wrapper .selector .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .07rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-select .select-wrapper .selector .down-arrow {
    position: absolute;
    top: 50%;
    right: .08rem;
    display: inline-block;
    margin-top: -.03rem;
    width: 0;
    height: 0;
    border-width: .06rem .04rem 0 !important;
    border-style: solid;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}
.cmp.cmp-select .select-wrapper .selector select {
    padding: 0 .25rem 0 .15rem;
    width: 100%;
    height: 100%;
    outline: none;
    -webkit-appearance: none;
    appearance: none
}
.cmp.cmp-select .select-wrapper .selector select option {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}
.cmp.cmp-star * {
    line-height: 1.2
}
.cmp.cmp-star .star-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 100%;
    height: 100%
}
.cmp.cmp-star .star-wrapper .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .06rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-star .star-wrapper .star-title {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: .1rem .15rem;
    min-height: .4rem;
    border: none !important
}
.cmp.cmp-star .star-wrapper .star-title .star-tips {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    font-size: .14rem !important
}
.cmp.cmp-star .star-wrapper .star-title .star-divider {
    position: absolute;
    bottom: 0;
    border-top: none !important;
    width: calc(100% - 30px)
}
.cmp.cmp-star .star-wrapper .star-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .1rem !important;
    width: 100%
}
.cmp.cmp-star .star-wrapper .star-list, .cmp.cmp-star .star-wrapper .star-list .star-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.cmp.cmp-star .star-wrapper .star-list .star-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .05rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.cmp.cmp-star .star-wrapper .star-list .star-item.active {
    -webkit-animation: starScaleIn .2s ease;
    animation: starScaleIn .2s ease
}
.cmp.cmp-star .star-wrapper .star-list .star-item svg {
    width: .2rem;
    height: .2rem
}
@-webkit-keyframes starScaleIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes starScaleIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.form-error-inlne-page-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1040
}
.form-error-inlne-page-container .form-inline-page-mask-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.cmp.cmp-submit * {
    line-height: 1
}
.cmp.cmp-submit.submitted .new-submit-wrapper.submit-wrapper .cmp.cmp-btn .btn {
    border-color: #aaa !important;
    background-color: #aaa !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: not-allowed
}
.cmp.cmp-submit.submitted .new-submit-wrapper.submit-wrapper.image-btn .cmp.cmp-btn .btn {
    border-color: transparent !important;
    background-color: initial !important
}
.cmp.cmp-submit .submit-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: none;
    text-align: center;
    cursor: pointer
}
.cmp.cmp-submit .animate-wrapper {
    background-color: initial !important
}
.r-alert .submit-success {
    margin-top: -35px
}
.r-alert .submit-success svg {
    width: .58rem
}
.dynamic-search-list {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 11111;
    margin-top: .05rem;
    max-height: 1.8rem;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 5px;
    border: .01rem solid #c1c2c3
}
.dynamic-search-list .dynamic-search-list-item {
    padding: 0 .15rem;
    font-size: .12rem;
    font-weight: 400;
    color: #333;
    line-height: .17rem
}
.dynamic-search-list .dynamic-search-list-item:last-of-type .dynamic-search-list-item-text {
    border-bottom: none
}
.dynamic-search-list .dynamic-search-list-item:not(.empty):hover {
    background-color: #eee
}
.dynamic-search-list .dynamic-search-list-item .dynamic-search-list-item-text {
    padding: .1rem 0;
    border-bottom: .01rem solid #eee
}
.cmp.cmp-dynamicSearch * {
    line-height: 1.2
}
.cmp.cmp-dynamicSearch .dynamic-search-wrapper {
    width: 100%;
    height: 100%
}
.cmp.cmp-dynamicSearch .selector {
    position: relative;
    height: 100%
}
.cmp.cmp-dynamicSearch .selector-input {
    width: 100%;
    height: 100%;
    padding: 0 .25rem 0 .1rem;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.cmp.cmp-dynamicSearch .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .07rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-dynamicSearch .down-arrow {
    position: absolute;
    top: 50%;
    right: .08rem;
    display: inline-block;
    margin-top: -.03rem;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .06rem .04rem 0
}
.onecall {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.onecall .icon-phone-channel {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: .2rem;
    margin-right: .05rem;
    font-size: .2rem
}
.countdownblock {
    width: 19%;
    min-width: .6rem;
    height: auto;
    margin: 0 .06rem;
    padding: .1rem 0
}
.countdownblock .block-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-size: 0
}
.countdownblock .block-wrapper .c-num {
    display: inline-block;
    overflow: hidden;
    width: 50%;
    font-size: .27rem
}
.countdownblock .block-wrapper .c-num .flex-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.countdownblock .block-wrapper .c-num .flex-wrapper .curr-value {
    line-height: .27rem
}
.countdownblock .block-wrapper .c-num .flex-wrapper .next-value {
    position: absolute;
    top: -100%;
    opacity: 1;
    line-height: .27rem
}
.countdownblock .block-wrapper .c-num.left .flex-wrapper {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}
.countdownblock .block-wrapper .c-num.right .flex-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}
.countdownblock .block-wrapper .c-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: .02rem;
    font-size: .14rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.countdownblock.flash-block .next-value {
    top: 0 !important;
    opacity: 0 !important
}
.countdownblock.flash-block .flex-wrapper.flash .curr-value {
    -webkit-animation: flashout .2s ease-in-out;
    animation: flashout .2s ease-in-out;
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.countdownblock.flash-block .flex-wrapper.flash .next-value {
    -webkit-animation: flashin .2s ease-in-out;
    animation: flashin .2s ease-in-out;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.scrolldown {
    -webkit-animation: scrolldown .4s ease-in-out;
    animation: scrolldown .4s ease-in-out
}
@-webkit-keyframes scrolldown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes scrolldown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@-webkit-keyframes flashin {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes flashin {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes flashout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes flashout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.cmp.cmp-countdown, .cmp.cmp-countdown .countdown-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%
}
.cmp.cmp-countdown .countdown-wrapper {
    overflow: hidden;
    height: 100%;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.cmp.cmp-countdown .countdown-wrapper.turn {
    border: none !important
}
.cmp.cmp-countdown .countdown-wrapper.over.hide {
    display: none
}
.cmp.cmp-countdown .countdown-wrapper.over.replace .over-message {
    -webkit-animation: flashin .6s ease-in-out;
    animation: flashin .6s ease-in-out;
    text-align: center;
    color: #000;
    font-size: .2rem
}
.cmp.cmp-countdown * {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
@-webkit-keyframes flashin {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes flashin {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.cmp.cmp-image .image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.cmp.cmp-image .image .inner-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    outline: 1px solid transparent
}
.cmp.cmp-image .image .image-load {
    background-color: #ccc
}
@-webkit-keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.cmp.cmp-image .trigger-tips:hover {
    cursor: pointer
}
.cmp.cmp-image .trigger-tips:after, .cmp.cmp-image .trigger-tips:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    background: transparent;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}
.cmp.cmp-image .trigger-tips:before {
    width: 48px;
    height: 48px;
    border: 8px solid hsla(0, 0%, 100%, .4);
    z-index: 10;
    -webkit-animation-name: tgtipsbefore;
    animation-name: tgtipsbefore
}
.cmp.cmp-image .trigger-tips:after {
    width: 32px;
    height: 32px;
    border: 8px solid hsla(0, 0%, 100%, .7);
    -webkit-animation-name: tgtipsafter;
    animation-name: tgtipsafter
}
.cmp.cmp-image .image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.cmp.cmp-image .image .inner-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    outline: 1px solid transparent
}
.cmp.cmp-image .image .image-load {
    background-color: #ccc
}
@-webkit-keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.cmp.cmp-image .trigger-tips:hover {
    cursor: pointer
}
.cmp.cmp-image .trigger-tips:after, .cmp.cmp-image .trigger-tips:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    background: transparent;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}
.cmp.cmp-image .trigger-tips:before {
    width: 48px;
    height: 48px;
    border: 8px solid hsla(0, 0%, 100%, .4);
    z-index: 10;
    -webkit-animation-name: tgtipsbefore;
    animation-name: tgtipsbefore
}
.cmp.cmp-image .trigger-tips:after {
    width: 32px;
    height: 32px;
    border: 8px solid hsla(0, 0%, 100%, .7);
    -webkit-animation-name: tgtipsafter;
    animation-name: tgtipsafter
}
.danmaku {
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9
}
.danmaku div {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: .8;
    white-space: nowrap
}
.danmaku div.move {
    font-weight: 700
}
.e-board-form {
    position: fixed;
    z-index: 103;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-tap-highlight-color: transparent
}
.e-board-form .board-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.3rem;
    padding: .5rem .1rem;
    border: 1px solid #d7d7d9;
    background-color: #f5f5f6
}
.e-board-form .board-wrap input {
    width: 79%;
    height: .3rem;
    padding: 0 55px 0 6px;
    color: rgba(0, 0, 0, .4);
    border: 1px solid #d7d7d9;
    border-radius: 6px;
    background-color: #fff;
    font-size: 12px
}
.e-board-form .board-wrap .input-tip {
    position: absolute;
    top: .58rem;
    right: 25%;
    color: rgba(0, 0, 0, .4);
    font-size: 12px
}
.e-board-form .board-wrap button {
    width: 15%;
    height: .3rem;
    margin-left: 3%;
    color: #7f8389;
    border: 1px solid #7f8389;
    border-radius: 6px;
    outline: none;
    background-color: #f5f5f6
}
.e-board-form .board-wrap .disabled {
    opacity: .4
}
.cmp .cmp-comment-wrap {
    height: 100%
}
.cmp .cmp-comment-wrap > button {
    width: 100%;
    height: 100%;
    outline: none
}
.cmp .cmp-comment-wrap .switch {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: .4rem;
    height: .45rem;
    line-height: .16rem;
    text-align: center;
    color: #383838;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}
.cmp .cmp-comment-wrap .switch .count {
    font-size: 12px;
    color: #1190ff
}
.cmp .cmp-comment-wrap .closed:before {
    content: "";
    display: block;
    width: 92%;
    height: 2px;
    background-color: red;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: .2rem;
    left: .03rem
}
.cmp .cmp-comment-wrap .show-edit {
    display: block;
    line-height: .5rem;
    color: #fff;
    background-image: url(data:image/png;base64,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)
}
.cmp .cmp-comment-wrap .switch-barrage {
    position: fixed;
    top: 3.5rem;
    width: .4rem;
    height: .45rem;
    line-height: .5rem;
    text-align: center;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}
@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
@keyframes rotate3d {
    0% {
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
.bgmusic, .bgmusic .control {
    width: 100%;
    height: 100%
}
.bgmusic .control {
    background: url(data:image/gif;base64,R0lGODlhUABQAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODZjZmIzYy1kZmNkLTQ4NTUtOTg4Yi0zNmI5OTNhNzllZTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDFDRjk0RDM4NzRFMTFFNEE3OTJCRDg1RUEzMENCNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDFDRjk0RDI4NzRFMTFFNEE3OTJCRDg1RUEzMENCNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjEwOThmZTMtYjNkYi00NmM5LWFhN2UtZWE0ZDVlZWRlOThjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmU4NmNmYjNjLWRmY2QtNDg1NS05ODhiLTM2Yjk5M2E3OWVlOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAkDAAEALAAAAABQAFAAAAJ+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8SisQYAHB9J5ZLRfEIDTmkiakVgs4Ytl5r8isfkVdha9S6b7OqzDebCy/S6/Y7Pf9VZPtovxUbWdvY3J1eop7jI2Oj4CBkpOUlZaXmJmam5GVAAACH5BAkDAAEALAAAAABQAFAAAAKCjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8QiCgAwQpDKB7PJeEIXyOQ0Ub1is9pD1doNcMPk8gk8RY+b2e/1C9e6pWG6+Y7P6/d6NHndBSgnmEb4FheY5DaI+Mf3CBkpOUlZaXmJmam5ydnp+SlUAAAh+QQJAwABACwAAAAAUABQAAAChYyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEDABQjByRScey6QwwoQvklIo4SrHZJ/ew1H4N4ev4jE6zxFRvGFsuw+Xstrg+Nqv3/L7/76eXh8f1hmZ4iDgol+hVGNcIKDlJWWl5iZmpucnZ6fkJGioaVAAAIfkECQMAAQAsAAAAAFAAUAAAAouMj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHCYCRGDECkBDlktlwQhnH51RRvWKzWoPT2g1Iw4cx+YxugaFr5XX8fX/N07h4zS4f0fu0/w8YKDhI9UcXdtiVqLWo6OZn5+j1iBhJhkeYqbnJ2en5CRoqOkpaanqKilYAACH5BAkDAAEALAAAAABQAFAAAAKPjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwzaAAAhhVg0RpBJpYPpfBADzaiCWbUiplPtFkn1fsHicbZ8OKPX7DYKmu5asVT4HMst0+vrpNwNGCg4SFhoaPDHRtZm17fomIi2x9go5ld5h0cZedjp+QkaKjpKWmp6ipqqusq6UwAAIfkECQMAAQAsAAAAAFAAUAAAApCMj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PJAEAQcqQWJQckcnHsgl5QhvHAHOqWF6xhueQi9CCE9rt2Po9q9fsWZrMlXar8WoZXJbX0/R1vw0YKDhIWGjo8MYmpqin1nj2x5goOVk3F4mVZ7ZXeej5CRoqOkpaanqKmqq6ytp6VgAAIfkECQMAAQAsAAAAAFAAUAAAAo+Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PAQiBFSGASDEekRElM+h8OoZDaYNqZTiXWYPy2z18uWEvuIxOq29kdVRszILH3TG9/q6642tv/w8YKDhIWCiht/a2h5h2lsi42NaoWLbkGEZ1iadZaej5CRoqOkpaanqKmqq6ytpaAAAh+QQJAwABACwAAAAAUABQAAAClYyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73NgDwYYBCC5BYnByDScmyGVkyoQ4ikqqQBqbYg/TZRXzDCy2ZwT2r12zdsS0Gb+XU7zhst6brb++ebAZ3BUdYaHiImDh02EdIt3bX9gjZKFhpOYj513U1yWkn6ak4SlpqeoqaqrrK2ur6Chsru1EAACH5BAkDAAEALAAAAABQAFAAAAKYjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zn/A38P8AMHLsFgZEpET5ZL5OD6hDie1AcxOrwZnlpvwbsFdL5lxPKvXbCawjVCix0hrWc4Vm8niMnub1mYH9wZneIiYqLgIUniIZwgpKDnpWEm3RnmpqHn21JmndwkKZsl4ipqqusra6voKGys7S1tbVAAAIfkECQMAAQAsAAAAAFAAUAAAAp6Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/p+AD6f8QGAGCHRIhweKcnlxPhzQqJRqWLYrFoRyZ9xy+1ileBet9xootfsNprsNmvj58R3exbPnXrx2m+w9xcoWAYYFwCHuMjY6PgI+VHIVodYSadmmak5+XbHuMmpSCk3atiHeeimGtnq+gobKztLW2t7i5uru8tTAAAh+QQJAwABACwAAAAAUABQAAACoYyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3nJQDoHO/T8IDBy7BXrByRSckwQGxGlkzponc0RK0I6pJ7pUK3YO237Mii1+y2++18wrvq+bh+J0u9/DX/zCZnVuWGJAgnZqe4yNjo+AjpoYeIR3loOdkGOLfJeemZ+VZZOEioSfQZ6GW3ynpgGhkrO0tba3uLm6u7y9vrq1MAACH5BAkDAAEALAAAAABQAFAAAAKijI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jSsAkHc739P8gpkfkFgxHpETJZMyHD4bQOluylBal1iD9irtIr68q1jnPD/M6rb7DU8Y4+gwPZC+4+d7rZr81QbYp+dl9xZ451fI2Oj4CBkpeXFIl2d5iVkJlxnX6bkJylbIp3gQ+ndUykmmmKi5Oik7S1tre4ubq7vL2+v7u1IAACH5BAkDAAEALAAAAABQAFAAAAKjjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNe2CAD3l+9d3vNlgEHhhWjEEItJCTDwbD500GdUulhGmViEVttlfHXXcAJshiDT7Lb7TSnDz/K5YWmn1+fjr7uPB4cXmFfF9eZXqLjI2Oj4CHlCxbi2SJiHVpiJWal4yXmoGQo6iXm390fVKWiFytYnugkaSVtre4ubq7vL2+v7C7xbAAAh+QQJAwABACwAAAAAUABQAAACrIyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzXAWCDwJ53O9/T/IBBzBBXvByRScrwxmw6mD8DUbpYVqvYrBbH7Sq+0Kv4oLWaz4gnexJ9y+f0usRtH+Pz6CO/7bdkNfeVRli495dIRxWWZ/gXKTlJWWl52bKm6Li5aCcoCRrpN0layjmK2hn3CKbKiOR52MgKC8lHlmoaitnr+wscLDxMXGx8jJysUQAAIfkECQMAAQAsAAAAAFAAUAAAAqqMj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM18Bdgzeeczvfy/yAwcuwiPkFiMjJzsBsKobHp5RBVS6jV2gWsOV2vdTw2HFEgM+NNfsNj8tD2jm2bk+k8/o9n/zlxxZYZkcoNicoh1P4l/UHGSk5SVlpY2lGqZjXCNnpuMlpNYknGWpY6pmauHb6NroKd6j6BVpLm4mpu8vb6/sLHCw8TFxsfHxRAAAh+QQJAwABACwAAAAAUABQAAACq4yPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvHJCDPAF2D953re9/Z/YAbIY+YMR6Rj6VBGBgyHcqqc6qwLqXYrDZ67XqNT654oSzjzk22+w2Ps6DyJr3OSOPR5P3Y7KemdRc3SIg3GPin+MVYpQgZKTlJWdmzRgkYqBfJCenpqOnXJ3nYKbqJukfqKPj5w7p6FItodfr4Cpprydvr+wscLDxMXGx8jFxTAAAh+QQJAwABACwAAAAAUABQAAACs4yPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvHJADII03bIJ7rHd/zaYA14ZBolPSKxGCy0QQGcM9HlDp1VhXXGm/ruGaxYAbSQC5Dx4mi+g2Py1HfOeRsN0vz+jqfu/cHiCc41uUnd4goGPXnFMjXVYhGOGl5iZmpuRmjdbk4WVkoygg5ahoKeuppqbrK+opJ5WqHRZtom+bY2CqW2iTrpSvLWWx8jJysvMzc7PwMDVYAACH5BAkDAAEALAAAAABQAFAAAAK3jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbu6wIAXMozLdo3/uk7z/H9gBihjDjxGZQ2ZMTIPDofUN1SOm1Uj9aso3rFer/K8JgyDKTP7Lb7DevCn/I5uW5XGPNaIb+P93ewJfZHWMZ3uCboZ3izJ6gGFTkISXmJmam5yenVxBlI2YhpeVkqOkoaGomYuYpa6PqpKjnLKvVq95k7B2bqC3tqWMubNxPbmay8zNzs/AwdLT1NPVcAACH5BAkDAAEALAAAAABQAFAAAAK+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbu+wIAXMoyLdoz/uk3b9khfD9ghHggCo0PZcD3LDIdSmh0OWVUbUlpdrE1zLhfCPLqLVOfXaw6+I7Lm/OLtX6846n6vbbvp+AU+KdDyDd4OLSVRshIpihWdeh1RhkWiQaY2Zjp+QkaKjqa5QZqGGr5qerJyrmpCBuLmgopSntrG8mFu/vTO9tmGoiqO5v4iuzruotGKvYcLT1NXW19jZ2tvR1YAAAh+QQJAwABACwAAAAAUABQAAACu4yPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gsHQEwC9kyDt51T+LLj9SS7RPA2hByFy1+y0TzKhE9HlImsWpuIrHYbNIS/kdlvTLZ40+w2g+r2FePEOf0hvePR+ne+77cGCPQ32BVlqHCVaMQ1CDfFd1fk+IjIeGCHucnZ6fkJGlrl1Km5Kcm4VFqYypro+mp6CskpO0traSZomGULiIX7i+Tbd9mqWoucTBwr6vwMHS09TV1tfY39VAAAIfkECQMAAQAsAAAAAFAAUAAAArqMj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4LxyhAyxXg0DpuQ3ud+AF7DyHQyCMWkUylj6kzRJ1L5GFKfe4Q2+xF6P12w2Jyb2i+jdOSH3tifEfici223nDj7ej9gu7HYBX4BxiIZogX1XQI1ecHlkTIFSA5eYmZqbnJ2TlpqXmXCbZJOmqKmXipF7rW+pgqmloJ24jjSjglm8uDa3tbC6n660u8e0h7vBq86un8DB0tPU1dbX09XQAAIfkECQMAAQAsAAAAAFAAUAAAAruMj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4LxxoARLQ80Xq97DcO8f0MQh0wKAwUjUfbctl0PonM6KOI2FkpPGVNu70kw5ghWVY9W3zqyrgtecOR4Dk9bXew83czn4H1p7cn2CBX6HVw+Gf0tWj3VFcYiZjQWImZqbnJ2en5CQqKl0moGWj6OFlKuorZ6jrK6kfq1SVba1vJFKtKlav7wyvYOIsItXmK/AosDBz6DB0tPU1dbX2NDVcAACH5BAkDAAEALAAAAABQAFAAAAK7jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuKwKyDI/zDAE1deNJT9tFgLoA8SYcHpfJyfLY5PUQyChvUbVeiNoMkFNMhsHBrjdrtnzTFS5bOn3Dy3JJvG6/45W+Pb/v96AX+HOwRkg1Nkj4RIdo9PSY6CZZWHmJmam5ydnp+QkK6blYeYhJeWp6ibqKlknaOvYKKVtK4yrpA9hqsGurg/uI5Jur+guLyPpKnFob+gwdLT1NXW19jd1SAAAh+QQJAwABACwAAAAAUABQAAACuoyPqcvtD6OctNqLs968+w+G4kiW5omm6soCLArE8WvKMk3aNx7qM+Jz8SjBom1YMRqRyWXgyPTooprflJopYjdQ7m5bvYIxvnFWbG5200Q0W1J+q3/y9rcOX+Mj+r2C7uZ38BUo+KRk+IeYCOTE2PhkIPRIWWl5iZmpucnZ6fkwmdlXGXcZJFpKmqpayNhKeWd6GMo6S/u4EwsrpIs70+t6A2yohXmKOspKpzkM+/kMHS09TV1tff1WAAAh+QQJAwABACwAAAAAUABQAAACuIyPqcvtD6OctNqLs968+w+G4kiW5omm6roCLsCirxubM1yTN56H+3/rWYBEnpBS3B1Bs+WGF3RqgBxj7lelST3R7VTpzWDDmDH50j0Pm2o0u71+wd3yuQSXtje0eb2iHvDmt9DUN3hQdMiQqPhH1egAYwVJWWl5iZmpucnZ6flZBphpCGl2aWqJSqlaKTiqpSkJe0ojmso3e2tg21qb20vayLoKFuuKeYz8+wra7PwMHS09TV2tVgAAIfkECQMAAQAsAAAAAFAAUAAAArqMj6nL7Q+jnLTai7PevPsPhuJIluYZAiqAtsequi0cyybN2iWe6yLv2/GGQc0QWOwce0kPrblZGZ7RJjEqLVKxWahy6+V2w0YwGYM7i5lq9LjtrsEzsLklZrY/ank9I1vnB5H2Jvh3ZdiwlLiHxOiQI/c4SVlpeYmZqbnJ2en5eSmp2WfpiIl4ahqatklaGpjKUvgqK7r6Yvs6lVspNduLx0upuuo6bAwsXMzWqgz6DB0tPU1dbX09WQAAIfkECQMAAQAsAAAAAFAAUAAAAruMj6nL7Q+jnLTai7PevPsPhuJIlhiAAuaqpCkLBy4as7Namzeek3df2r2AIeGM+DEOkckfM0MzCDe8nrGzzE2prqfU4/Rij2LOrmwmo7nZ9antfkfjmi79orLfJ0P9PtIH99cw5zdIuHX4cKXowNgIoQYZWTVpeYmZqbnJ2en5CRoqOkrKGWZ6qpm4eebZyipjiPkiOEtTO3sw1xmFa0m7y3obrJoqLHtMjKq8POpbCh0tPU1dbX2NjVQAACH5BAkDAAEALAAAAABQAFAAAAK8jI+py+0Po5y02ouz3rz7D1IAEJbXiJoqhI7ru7QpTAcyWdM3nr9yX9sBV7vZsFR0HZHJ5UZ5ED6PqabGmLM+W84fR+r8gMOdGxlkPnu86jK3vYbCv9g5hvS2W2Z5vQjX5yfBVyfIUiVneDim+KDVuBgIGVE4aXmJmam5ydnp+QkaKjpKWmpKxfbJ2LnK2bqZFioJC8gDqpToiWurWju6y8vqUkmb2jsrTOyKnBx8m3saLT1NXW19jZ2tWAAAIfkECQMAAQAsAAAAAFAAUAAAAsCMj6nL7Q+jnLTai7PevF8AeCIHluNplSDKSuraxssLy/ZB33qQ73fvi9FqwdawKBuGkJ6akklahY7RoPK1USGPSw2wOBV9oR0quTk+e7FqtKktJsKj8nmKx3vbPzD9PrWk9QcYWDcYYXY48aRIwdjokgYJIThZYWiZqbnJ2en5CRoqOkpaanqKmsok6ZkY6vr5+MraSZvZh1krlcuJ2zU7xbtp4gec9wtcOWqrWyzKZqpc6qxabX2Nna29zd3dWAAAIfkECQMAAQAsAAAAAFAAUAAAAruMj6nL7Q+jnLTai7PevF8AeuIGluNplSbKQmrYxswLyHZC37rx7jpd89mAwmGueIIFjsiOcslsZoBRUpG69KiQq1FPmqyCSd+xtmzmoNPkJ1vtfmu6ckxoW7cH6XkKDN9XYcIXGIFV6CeG6HC4OLHmaBgXSVlpeYmZqbnJ2en5CRoqOkpaajqmmEn0udrZ6gqJeTepOhvk+Ucru6d7Odhr+XsLG6uZagwISogLXDt8Ch0tPU1dbX2N7VMAACH5BAkDAAEALAAAAABQAFAAAAKzjI+py+0Po5y02ouzhmD7rwBiB5bZOJpqhYrrG7UkTC9yjYdpzh9t37sBc8Lhi1Q0gly+n/IjSz43Uea0tFuhrtotFyv9npxiT7h8IaOp1jV75k53vHELM1unpPD5yb3dF7MHFyioVshxiJjIt8joCBkpOUlZaXmJmam5ydnp+QkaKjp6RJd5Vok6GbWpSOnSmApLePnHads6e+sqa3rqi8lrCfxLS3qMnKy8zNzs/AyNUAAAIfkECQMAAQAsAAAAAFAAUAAAArWMj6nL7Q+jnLRaCa7eF2QOhotHimZIeufapR8LY2lMQ26NN3POJ3cPdL2AuR8xpjIYjyfhkilylqCs33B1pVaTWtizi/qCOcJxc2eOTtPqLJvsfldUa3krULfPP3m9LNPnF1EmuCdW+HCImMi1SNHoGCk5SVlpeYmZqbnJ2en5CRoqOkqahsapWEmImkrZOvnqSAeZORtnyUeLaes52xsrCRwcqElcq1uarLzM3Oz8DB0tLVEAACH5BAkDAAEALAAAAABQAFAAAAKvjI+py+0Po5y02gmu3hZ4DoaLR4pmSH7neqUZC2NpTEdzjTNuzit7DwzcgjTVj8iaHZEn15Jpur2g1KrVNr1Gh1qQsyv6gr3csaZsPmfTLaGK3cmU4HHDm075zPEy+Zr/4PQH6PBECLF3KHGn2Oj4CBkpOUlZaXmJmam5ydnp+QkaGoo2aSgpZolaSQqpN3hq9xr5wljqillSa5u4ynrKmyorOkxcbHyMnKy8zAxYAAAh+QQJAwABACwAAAAAUABQAAACq4yPqcvtD6OctNoJrt4W+MyFYvJ54ymWIMp2ZQtXb0xDc403d84fe18zBX7AlilDLKJUSeWJuXLChNKq9cqhYlnNrUblXXbDFDB59Dk/o+oLs501aOEy5JwueeNd6X197McAGCjIRniImKi4yNjo+AgZKTlJWWl5iZmpucnZ6XQXaSapNyoaOhiY1nc6BNp45MoIW2laGvu6SpmrazjZ6wkcLDxMXGx8jExZAAAh+QQJAwABACwAAAAAUABQAAACqYyPqcvtD6MMYNqLIdi5+7tx30gmYVim5Km23lm5soXOdsTeulPvvhHL/XQiSnFog/WQM2WMuTtCp9Sq9YrDyoTaFbf7gYFL33FnaT4b0+GKlE1zP+Eg+Zw+4bzxmjIfh/YnsSf4cFeImKi4yNjo+AgZKTlJWWl5iZmpucnZ6fnZR9goNqlEaQqpJ7qoWhl0+Nh6KufqF7vqiDsKC9rr+wscLDxMXGw8VAAAIfkECQMAAQAsAAAAAFAAUAAAAqGMj6nL7Q+jnLTaCfLdnGbdhaLyAeM5lujafexrufAsqfS9mIGM97vO891KQeGMCDLSisqm8wmNSqcNHRXFvHJsWhGxG+KCW9bxRZM0x0xZdQRYdmPE8tq37qHj3+l9zQ8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZeaB3eLfoicjWNogWF2rQdzpKCprIGZrqGiurWWt7i5uru8vb69tRAAAh+QQJAwABACwAAAAAUABQAAACmYyPqcvtD6MMAMyL86tV+39xFkiWijiaKsmtLti+chbPdlTfejLm+49K/YCoobFDMSqXzKbzCY1Kp1EfFWa9ekRaE7fLQoI/FuGYVj6Ty2a1pOhGi+OhLB0yv+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKTlJqZFH+HWYabgpCFfYcenJhvjJaRfYCdpW2er6ChsrO0tba0tbAAAh+QQJAwABACwAAAAAUABQAAACloyPqcvtD6MMAMyL86tV+49xFkiWiTiaKimuLti9shbP9mZw976gNQ+ktIJEYaqITCqXzKbzCY1KpxEdtWS9foZaD7cbooC9luN40vmdq981W+2GZOMSOP2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZmWQWOAfY1ldmyZcmVFlG2DmI+bdZalcqqbrK2ur6ChsrO4tYAAAh+QQJAwABACwAAAAAUABQAAACkIyPqQrrD6OcDliKs8a27Q9+XUiWUeeZ6oqubomm70xdI41L8ZX3VewLPmTCovGITCqXzKbzCY1Kg7yp6WaFVbMgLDe0/WoaYTEnUDZPWuoNu53xwuf0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+Ggo1/fmB1RJOSnJh5mZtum5B7oJSVpqeoqaqrrK2lpYAAAh+QQFAwABACwAAAAAUABQAAACi4yPqQqwD6OcdDVXs9718g+CXkiW0mim6oWprsi279zFMo1Dds5Tdw8MCofEovGITCqXzKbzCY2SUNIQqyoKULEaR4ML+4I51zFZbN6g0+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImHj3Y1eW59iotTX3xUhXuQeJN7mo6PkJGio6Slpqeoq6VAAAOw==) transparent no-repeat 50%;
    background-size: contain
}
.bgmusic .control .control-after {
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAA3lBMVEUAAAAAAAD///////8SEhIJCQn///93d3cfHx/////m5ub///9NTU3///////////+Li4uBgYFMTEz////////////////6+vru7u729vampqb9/f28vLyoqKgvLy/7+/v39/fr6+v////Jycl/f38iIiL09PT///////////+NjY15eXnMzMzKysokJCT///8bGxv////////w8PBGRkY+Pj6rq6vz8/Pi4uLU1NT9/f26urq1tbWrq6ugoKBra2tfX1+6uroxMTEdHR3m5ubNzc2ysrL29vZtbW3///+PY+y7AAAASXRSTlOZAPvtnZdbvJa9ubCuraebmJiVeUscA/z1z53lo56V/fry7+C/lvj11NLFvampoqCgPTz2raqe9+3m49nV0cy4tKOWlu/i1c65MWHllQAAAhlJREFUOMullelW4kAQhdsOyRAIEEMIa5BdRUA2cddRZ7vv/0ITTOhKOh31HO+v7uI7nE4tt9hRUt66WjrXONfOS9W1J/2YhN0yEiq7mbBhArw5s528rucde9bkgGko4VoRaHdeWUyvnTZQrKVhQ4O205kkfReEDRmuAIUxQbnH5+g0LgCVJHwJ7hMawL1f4uxzXMbhCk6PWUINPInz8SkqBBvgghXwyQ+iOYwDXNPQYikYvZ/i1sKgFsFFFJgCxsQS1wKKIWxAG8ts7np6CzQWh3teg/EOm6BEUDas5RAY5ugh5h52caen4foF29MjUZ07uAFcRocpYba8jT2kg/IR88C7KnifuG2f/rrL4bEVmkwBh1me8t8i1MSaVTHPhtnNiQjNUGUl2CqYh/ADwTZK7AzOB/BoI0IOzpiGvApGCFt9EcpDYxz612Ad/BN42ojDnzzj4Tn+DPpAJXzFEh+oTh3jF3Sm1CmKsrC2izrBsaKs8DcZvHq6QX04oTGhcqca6d8Ge022FKJGklp0hFA0UtSi783fpkxbPIJ7Eqy34YZjtROxISL1c0nYh3kYWFGXesRS09PAkhVI8CNxZAWyydyHD54SRiaTsq/l/ea6/4eKTPaVZYwkMkbJcltZbIssV2nmJDJzeU346TXhaxgYGQvopZvohxdaQOrVNredN11/c+y5WG3fWJokbxWs4wHng2Adr+R1/B+RXVzDNR25fgAAAABJRU5ErkJggg==) transparent no-repeat 50%;
    background-size: 100% 100%;
    -webkit-animation: rotate3d 1.2s linear infinite;
    animation: rotate3d 1.2s linear infinite;
    z-index: -1;
    width: 100%;
    height: 100%
}
.bgmusic.stopped .control {
    background: none
}
.bgmusic.stopped .control .control-after {
    -webkit-animation: none;
    animation: none
}
.shape {
    width: 100%;
    height: 100%;
    overflow: visible
}
.shape svg {
    overflow: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.trigger-disabled {
    pointer-events: none
}
@-webkit-keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsafter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes tgtipsbefore {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.trigger-tips:hover {
    cursor: pointer
}
.trigger-tips:after, .trigger-tips:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    background: transparent;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    pointer-events: none
}
.trigger-tips:before {
    width: 48px;
    height: 48px;
    border: 8px solid hsla(0, 0%, 100%, .4);
    z-index: 10;
    -webkit-animation-name: tgtipsbefore;
    animation-name: tgtipsbefore
}
.trigger-tips:after {
    width: 32px;
    height: 32px;
    border: 8px solid hsla(0, 0%, 100%, .7);
    -webkit-animation-name: tgtipsafter;
    animation-name: tgtipsafter
}
.like {
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    white-space: nowrap
}
.like.column .content-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.like.column .content-container .count, .like.column .content-container img, .like.column .content-container svg {
    display: block;
    text-align: center;
    margin: auto;
    line-height: 100%
}
.like.row .content-container {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    line-height: 100%
}
.like.row .content-container .count, .like.row .content-container svg {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top
}
.like.row .content-container .count {
    line-height: 100%
}
video::-webkit-media-controls-start-playback-button {
    display: none
}
video {
    background-size: contain;
    object-fit: contain;
    display: block
}
.video-wrapper, video {
    width: 100%;
    height: 100%
}
.video-wrapper {
    position: relative;
    background-color: #fff;
    overflow: hidden
}
.video-wrapper .video-player {
    background-color: initial;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: cover
}
.video-wrapper.paused:before {
    content: "";
    background-color: rgba(0, 0, 0, .1);
    pointer-events: none
}
.video-wrapper.paused:before, .video-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-wrapper img {
    z-index: -1;
    object-fit: contain
}
.video-wrapper .full-screen {
    position: absolute;
    height: .24rem;
    width: .24rem;
    right: .15rem;
    bottom: .12rem;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%
}
.video-wrapper .full-screen svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.video-wrapper .full-screen.hide {
    visibility: hidden
}
.video-wrapper .pause-btn, .video-wrapper .play-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: .5rem;
    height: .5rem;
    margin: auto;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.video-wrapper .play-btn {
    display: none;
    pointer-events: none
}
.video-wrapper .play-btn:before {
    position: absolute;
    top: 50%;
    left: 56%;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: .15rem solid transparent;
    border-bottom: .15rem solid transparent;
    border-left: .25rem solid #fff;
    border-right: 0
}
.video-wrapper .play-btn.paused {
    display: block
}
.video-wrapper .pause-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}
.video-wrapper .pause-btn:after, .video-wrapper .pause-btn:before {
    width: 10%;
    height: 45%;
    background-color: #fff;
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.video-wrapper .pause-btn:before {
    left: 35%
}
.video-wrapper .pause-btn:after {
    left: 65%
}
.cmp-thirdVideo iframe {
    position: absolute
}
.cmp-default-fingerprint {
    width: 100%;
    height: 100%
}
.cmp-default-fingerprint:after {
    position: absolute;
    top: 0;
    left: 2%;
    width: 96%;
    height: 8px;
    content: "";
    -webkit-animation: fingerscan 2s ease infinite;
    animation: fingerscan 2s ease infinite;
    background-image: url(//oss3.rabbitpre.com/img/fingerprint-scan.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.custom-fingerprint, .default-fingerprint {
    width: 100%;
    height: 100%;
    object-fit: cover
}
@-webkit-keyframes fingerscan {
    0% {
        top: 2%
    }
    to {
        top: 98%
    }
}
@keyframes fingerscan {
    0% {
        top: 2%
    }
    to {
        top: 98%
    }
}
.g-dialog.e-fingerprint-dialog .g-dialog-content {
    width: 2.7rem;
    padding: 0;
    border-radius: 10px
}
.g-dialog.e-fingerprint-dialog .g-dialog-content .g-dialog-body {
    padding: 0;
    text-align: center
}
.g-dialog.e-fingerprint-dialog .g-dialog-content .alert-content {
    margin-top: 0 !important
}
.g-dialog.e-fingerprint-dialog .g-dialog-content .finger-front {
    margin: .24rem .3rem 0;
    text-align: left;
    color: #1a1a1a;
    font-size: .13rem;
    word-break: break-all
}
.g-dialog.e-fingerprint-dialog .g-dialog-content .finger-middle {
    margin-top: .16rem;
    text-align: center;
    color: #000;
    font-size: .24rem;
    font-weight: 700
}
.g-dialog.e-fingerprint-dialog .g-dialog-content .finger-middle span {
    display: inline-block;
    margin: 0 .04rem;
    color: #fd555c
}
.g-dialog.e-fingerprint-dialog .g-dialog-content .finger-end {
    margin: .13rem .3rem .2rem;
    text-align: left;
    word-break: break-all;
    color: #1a1a1a;
    font-size: .13rem
}
.g-dialog.e-fingerprint-dialog .g-dialog-content .finger-invite {
    width: 100%;
    height: .4rem;
    text-align: center;
    color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fd555c;
    font-size: .14rem;
    line-height: .4rem
}
.g-dialog.e-share-guide-dialog .g-dialog-content {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: initial
}
.g-dialog.e-share-guide-dialog .g-dialog-content .g-dialog-body {
    width: 100%;
    height: 100%;
    padding: 0
}
.g-dialog.e-share-guide-dialog .g-dialog-content .alert-content, .g-dialog.e-share-guide-dialog .g-dialog-content .r-alert-content, .g-dialog.e-share-guide-dialog .g-dialog-content .share-guide-container {
    width: 100%;
    height: 100%
}
.g-dialog.e-share-guide-dialog .g-dialog-content .share-guide-container .share-guide {
    position: absolute;
    top: .35rem;
    right: .25rem;
    width: .72rem;
    height: .69rem
}
.g-dialog.e-share-guide-dialog .g-dialog-content .share-guide-container .share-friend-circle {
    position: absolute;
    top: 1.27rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    color: #fff;
    font-size: .2rem;
    line-height: .24rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.g-dialog.e-share-guide-dialog .g-dialog-content .share-guide-container .share-friend-circle img {
    width: .23rem;
    height: .23rem;
    margin-right: .12rem
}
.g-dialog.e-share-guide-dialog .g-dialog-content .share-guide-container .share-friend {
    position: absolute;
    top: 1.62rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    color: #fff;
    font-size: .2rem;
    line-height: .24rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.g-dialog.e-share-guide-dialog .g-dialog-content .share-guide-container .share-friend img {
    width: .23rem;
    height: .2rem;
    margin-right: .12rem
}
.cmp.cmp-group .group {
    width: 100%;
    height: 100%
}
.protocol-txt-preview-container .txt-title {
    text-align: center
}
.protocol-txt-preview-container .txt-content {
    white-space: pre-wrap
}
.protocol-pdf-preview-container {
    width: 100%;
    height: 3.413333rem
}
.file-preview-content-container .file-preivew-loading-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 3.2rem;
    color: #ccc;
    font-size: .136533rem;
    overflow: hidden
}
.file-preview-content-container .iframe-loading {
    height: 0
}
.protocol-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.protocol-dialog > [class*=mask] {
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0
}
.protocol-dialog > [class*=content], .protocol-dialog > [class*=mask] {
    position: absolute;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.protocol-dialog > [class*=content] {
    top: .41rem;
    left: 50%;
    width: 3.2rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}
.protocol-dialog .close-btn {
    position: absolute;
    top: -.31rem;
    left: 2.86rem;
    width: .2rem;
    height: .2rem
}
.protocol-dialog .protocol-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    width: 3rem;
    height: 4.3rem;
    margin: 0 auto;
    padding: .2rem 0 .14rem;
    background-color: #fff;
    border-radius: .08rem;
    border: 1 solid #e6e6e6;
    box-shadow: 0 .06rem .16rem 0 rgba(0, 0, 0, .08)
}
.protocol-dialog .protocol-content-text-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-bottom: .14rem;
    padding: 0 .12rem;
    overflow: scroll
}
.protocol-dialog .protocol-content-text-wrapper .loading-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    font-size: .136533rem;
    color: #ccc;
    overflow: hidden
}
.protocol-dialog .protocol-text {
    box-sizing: border-box;
    width: 100%;
    word-break: break-all
}
.protocol-dialog .protocol-text * {
    max-width: 100% !important;
    position: static !important;
    word-break: break-all !important;
    white-space: normal !important;
    padding: 0 !important;
    margin: 0 !important
}
.protocol-dialog .protocol-text em {
    font-style: italic
}
.protocol-dialog .protocol-text table td {
    padding: 7px;
    border: 1px solid #ddd
}
.protocol-dialog .confirm-btn {
    width: 2.65rem;
    height: .34rem;
    margin: 0 auto;
    color: #fff;
    font-size: .14rem;
    line-height: .34rem;
    text-align: center;
    background-color: #ce4131;
    border-radius: .17rem
}
.protocol-popup-container .protocol-dialog {
    z-index: 1040
}
.protocol-dialog-animation > [class*=mask] {
    opacity: 1
}
.protocol-dialog-animation > [class*=content] {
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}
.protocol-group {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.protocol-group .edit-tips {
    font-size: .14rem;
    line-height: .24rem;
    color: #6e6e6e
}
.protocol-group-cmp {
    position: relative !important;
    top: 0 !important;
    left: 0 !important
}
.protocol-name-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.player {
    position: absolute;
    width: 3rem;
    height: .96rem;
    color: #232527;
    border-radius: .02rem;
    background-color: #fff;
    box-shadow: 1.4px 1.4px 6px 0 rgba(0, 0, 0, .1)
}
.player .cover {
    position: absolute;
    top: .08rem;
    left: .08rem;
    width: .8rem;
    height: .8rem
}
.player .cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.player .cover .icon {
    left: 50%;
    width: .3rem;
    height: .3rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5)
}
.player .cover .icon, .player .cover .icon.pause:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.player .cover .icon.pause:before {
    left: 56%;
    content: "";
    border-top: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    border-left: .12rem solid #fff
}
.player .cover .icon.play:after, .player .cover .icon.play:before {
    position: absolute;
    top: 50%;
    width: .03rem;
    height: .15rem;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
}
.player .cover .icon.play:before {
    left: .09rem
}
.player .cover .icon.play:after {
    right: .09rem
}
.player .name, .player .progress, .player .time {
    position: absolute;
    left: 1.03rem
}
.player .name {
    top: .12rem;
    overflow: hidden;
    width: 1.8rem;
    height: .25rem;
    white-space: nowrap;
    font-size: .16rem
}
.player .name .inner {
    position: absolute
}
.player .name .inner.scroll {
    -webkit-animation: scroll2left 5s linear infinite;
    animation: scroll2left 5s linear infinite
}
.player .time {
    top: .38rem;
    font-size: .12rem
}
.player .total-time {
    opacity: .8
}
.player .ff, .player .fr {
    position: absolute;
    bottom: .2rem;
    width: .26rem;
    height: .26rem
}
.player .ff.disabled, .player .fr.disabled {
    pointer-events: none;
    opacity: .5
}
.player .ff {
    right: .15rem
}
.player .fr {
    right: .5rem
}
.player .progress {
    bottom: .12rem;
    width: 1.81rem;
    height: .02rem;
    background-color: #d2d2d2
}
.player .progress .inner-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #757577
}
@-webkit-keyframes scroll2left {
    0% {
        -webkit-transform: translateX(1.8rem);
        transform: translateX(1.8rem)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@keyframes scroll2left {
    0% {
        -webkit-transform: translateX(1.8rem);
        transform: translateX(1.8rem)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
.cmp-map .map {
    position: absolute;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.cmp-map .map .navigation {
    position: absolute;
    cursor: pointer;
    border-radius: 5px;
    background-color: #0d9bf2;
    padding: 6px;
    width: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    right: 10px;
    bottom: 16px;
    z-index: 1;
    font-size: 12px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
.cmp-map .map.amap-container {
    width: 100%;
    height: 100%
}
.cmp-map .map.amap-container .amap-copyright, .cmp-map .map.amap-container .amap-logo {
    z-index: 0 !important
}
.wxportrait {
    display: block;
    width: 100%;
    height: 100%
}
.wxnickname {
    word-break: break-all
}
.cmp.cmp-reading .reading {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.cmp.cmp-reading .reading .reading-val {
    display: inline-block;
    text-align: center;
    padding: 0 14px
}
.cmp.cmp-calendar .calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.poster-qrcode {
    background-color: #fff
}
.poster-qrcode, .poster-qrcode .qrcode {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.cmp.cmp-fileUploader .animate-wrapper {
    border-radius: 0 !important
}
.cmp.cmp-fileUploader .required-star {
    position: absolute;
    left: 6px;
    top: 12px;
    color: red;
    font-family: Microsoft YaHei;
    font-size: 14px
}
.cmp.cmp-fileUploader .uploader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100% !important
}
.cmp.cmp-fileUploader .uploader .uploader-title-start {
    position: absolute;
    left: .07rem;
    font-size: .14rem
}
.cmp.cmp-fileUploader .uploader .uploader-tips {
    text-align: center;
    font-size: .14rem
}
.cmp.cmp-fileUploader .uploader .uploader-title {
    display: block;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .15rem;
    border-bottom: 1px solid #c1c2c3;
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis
}
.cmp.cmp-fileUploader .uploader .uploader-title .uploader-title-text {
    font-size: .16rem
}
.cmp.cmp-fileUploader .uploader .uploader-title span {
    margin-right: .1rem;
    color: red
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control {
    position: relative;
    overflow: hidden;
    padding: .15rem;
    height: 1.1rem;
    text-align: center
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .upload-btn {
    position: relative;
    width: 1.1rem;
    height: .8rem;
    background: #f6f6f6;
    border-radius: 2px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjQyODQ2MjgwMTc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNzUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijk5MjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjA5Ljk2MDkzNzUiIGhlaWdodD0iMjAwIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPkBmb250LWZhY2UgeyBmb250LWZhbWlseTogZWxlbWVudC1pY29uczsgc3JjOiB1cmwoImNocm9tZS1leHRlbnNpb246Ly9tb29tYmVvZGZvbWRwam5wb2NvYmVtb2lhZW1lZG5rZy9mb250cy9lbGVtZW50LWljb25zLndvZmYiKSBmb3JtYXQoIndvZmYiKSwgdXJsKCJjaHJvbWUtZXh0ZW5zaW9uOi8vbW9vbWJlb2Rmb21kcGpucG9jb2JlbW9pYWVtZWRua2cvZm9udHMvZWxlbWVudC1pY29ucy50dGYgIikgZm9ybWF0KCJ0cnVldHlwZSIpOyB9Cjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik05ODQuNDIyNCA3MjAuOTk4NGMyNC4yMTc2IDAgNDMuODc4NCAxOS41NTg0IDQzLjgyNzIgNDMuNjIyNHYxNzYuMDI1NmMwLjM1ODQgMjIuMjIwOC04LjM0NTYgNDMuNjIyNC0yNC4xNjY0IDU5LjM0MDhsLTYuNzA3MiA1LjYzMmMtMTYuMjMwNCAxMi4zMzkyLTM2LjM1MiAxOC44OTI4LTU2LjkzNDQgMTguMzI5Nkg4Ni40NzY4YTg0Ljk5MiA4NC45OTIgMCAwIDEtNTcuODU2LTIzLjk2MTZsLTUuMzI0OC01Ljc4NTZhODIuMjI3MiA4Mi4yMjcyIDAgMCAxLTE4Ljk0NC01Ny4zNDR2LTE3Mi4yMzY4YzAtMjQuMDY0IDE5LjcxMi00My41MiA0My45Mjk2LTQzLjUybDUuNDc4NCAwLjM1ODRhNDMuNjczNiA0My42NzM2IDAgMCAxIDM3LjgzNjggNDMuMTYxNnYxNzMuNTY4bDg0Ni45NTA0LTMuODR2LTE2OS43MjhjMC0yMy44MDggMTkuMjUxMi00My4yMTI4IDQzLjI2NC00My41MmwxLjI4LTAuMTAyNHpNNTA4LjM2NDggMGMxNS44NzIgMS4yMjg4IDMwLjkyNDggNy4xNjggNDMuMjY0IDE3LjA0OTZMOTE3LjU1NTIgMzU4LjRhNDMuOTI5NiA0My45Mjk2IDAgMCAxIDAgNjMuMDc4NCA0My41MiA0My41MiAwIDAgMS02My42NDE2IDBMNTQ3Ljg0IDEzMy4xNzEydjY1NS40MTEyYTQzLjgyNzIgNDMuODI3MiAwIDAgMS00OC44NDQ4IDQ4LjQzNTIgNDMuNjIyNCA0My42MjI0IDAgMCAxLTM4LjM0ODgtNDguNDM1MlYxMzAuNjYyNGwtMzA0LjEyOCAyOTIuMTQ3MmE0NC43NDg4IDQ0Ljc0ODggMCAwIDEtMzAuNTY2NCAxMS45ODA4IDQyLjgwMzIgNDIuODAzMiAwIDAgMS0yOS45MDA4LTExLjk4MDhsLTEuNTM2LTEuNTM2YTQzLjI2NCA0My4yNjQgMCAwIDEgMS41MzYtNjEuNTkzNkw0NTMuMDE3NiAxOS41NTg0QzQ2Ny4yIDcuNDI0IDQ4NS4xNzEyIDAuNTEyIDUwMy45MTA0IDB6IiBwLWlkPSI5OTI3IiBmaWxsPSIjOTk5OTk5Ij48L3BhdGg+PC9zdmc+);
    background-size: 30% 30%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .upload-btn-hidden {
    display: none
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col:last-child {
    margin-right: .3rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col .previwe-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 1.1rem;
    height: .8rem;
    margin-left: .15rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col .previwe-container .preview-container-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .16rem;
    font-size: .12rem;
    line-height: .16rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col .previwe-container .preview-content {
    position: relative;
    width: 1.1rem;
    height: .64rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col .previwe-container .preview-content img {
    border: .01rem solid #ececec;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: .02rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col .previwe-container .preview-content span {
    position: absolute;
    top: unset !important;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: .16rem;
    background: rgba(0, 0, 0, .6);
    font-size: .1rem;
    line-height: .16rem;
    text-align: center;
    color: #fff
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area .priview-col .previwe-container .preview-close-btn {
    position: absolute;
    top: -.08rem;
    left: 1rem;
    width: .18rem;
    z-index: 9999999
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view.g-form-control .upload-area::-webkit-scrollbar {
    display: none
}
.cmp.cmp-fileUploader .uploader .upload-tips-area.g-form-control {
    font-size: .12rem;
    text-align: center;
    color: #999;
    margin-top: .03rem !important;
    opacity: .6
}
.cmp.cmp-fileUploader .uploader .upload-tips-area.g-form-control span {
    display: block
}
.g-file-browser {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
    cursor: pointer
}
.cmp.cmp-textarea .animate-wrapper {
    border-radius: 0 !important
}
.cmp.cmp-textarea .textarea-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column
}
.cmp.cmp-textarea .textarea-container .textarea {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .required-start {
    position: absolute;
    color: red;
    top: .13rem;
    left: .07rem;
    font-size: .14rem
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 0;
    overflow: inherit
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content {
    position: relative;
    width: 100%;
    height: 100%
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col {
    padding: .09rem .15rem .2rem;
    width: 100%;
    text-align: justify;
    border: none;
    min-height: 100%;
    position: absolute;
    line-height: 1.5;
    overflow: hidden
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col::-moz-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col:-ms-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col:-moz-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .suffix {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 20px;
    font-size: .12rem;
    bottom: 0;
    right: 0;
    color: #b2b2b2;
    background-color: unset
}
.cmp.cmp-dialog .animate-wrapper {
    overflow: visible
}
.cmp.cmp-dialog .dialog, .cmp.cmp-dialog .dialog-outer-container {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: 50%
}
.cmp.cmp-dialog .dialog.is-scroll-container {
    z-index: 1
}
.scroll-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    box-sizing: border-box
}
.scroll-container::-webkit-scrollbar {
    width: 0;
    height: 0
}
.scroll-container::-webkit-scrollbar-thumb {
    background: #e2e2e2;
    border-radius: 20px
}
.scroll-container.is-on-scroll::-webkit-scrollbar {
    width: .05rem;
    height: .05rem
}
.scroll-container .stage-container {
    position: relative;
    overflow: hidden
}
.cmp.cmp-tabs .tabs {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.cmp.cmp-tabs .animate-wrapper {
    overflow: visible !important
}
.cmp.cmp-tabs .tabs-layout-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}
.cmp.cmp-tabs .tabs-layout-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}
.cmp.cmp-tabs .tabs-layout-color .tabs-items {
    border-left: none !important;
    border-right: none !important
}
.cmp.cmp-tabs .tabs-layout-color.tabs-layout-top .tab-item, .cmp.cmp-tabs .tabs-layout-color.tabs-layout-top .tabs-items {
    border-top: none !important
}
.cmp.cmp-tabs .tabs-layout-color.tabs-layout-bottom .tab-item, .cmp.cmp-tabs .tabs-layout-color.tabs-layout-bottom .tabs-items, .cmp.cmp-tabs .tabs-layout-color.tabs-layout-top .tab-content {
    border-bottom: none !important
}
.cmp.cmp-tabs .tabs-layout-color .tab-item {
    border-left: none !important
}
.cmp.cmp-tabs .tabs-layout-color .tab-item:last-child {
    border-right: none !important
}
.cmp.cmp-tabs .tabs-layout-color .tab-item + .tab-item {
    border-left: none !important
}
.cmp.cmp-tabs .tabs-layout-image.tabs-layout-bottom .item-background {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.cmp.cmp-tabs .tabs-layout-image .tab-item {
    border: none !important;
    position: relative
}
.cmp.cmp-tabs .tabs-layout-image .tab-item .item-background {
    position: absolute;
    height: 100%;
    z-index: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}
.cmp.cmp-tabs .tabs-layout-image .tab-content {
    border: none !important
}
.cmp.cmp-tabs .tab-item, .cmp.cmp-tabs .tabs-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}
.cmp.cmp-tabs .tab-item {
    width: 25%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .06rem .12rem;
    box-sizing: border-box;
    text-align: center;
    line-height: unset !important;
    font-size: .14rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.cmp.cmp-tabs .tab-item.active {
    font-weight: 500;
    color: #2193ff
}
.cmp.cmp-tabs .tab-item .tab-item-label {
    position: relative;
    z-index: 2;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}
.cmp.cmp-tabs .tab-content {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}
.cmp.cmp-tabs .tab-content .inner-image {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.cmp.cmp-tabs .tab-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.slider-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    width: 100%;
    height: 100%;
    padding: 0
}
.slider-container .bg-iamge-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.slider-container .bg-iamge-container .bg-image {
    position: absolute
}
.slider-container .slider-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: initial
}
.slider-container .slider-wrapper, .slider-container .slider-wrapper .slide-box {
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}
.slider-container .slider-wrapper .slide-box {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    top: 0;
    left: 0;
    overflow: hidden
}
.slider-container .slider-wrapper .flip-prev {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}
.slider-container .slider-wrapper .flip-next {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.slider-container .slider-pagination {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1
}
.slider-container .slider-pagination .slider-pointer {
    margin: 3px;
    -webkit-transition: width .1s ease-in-out;
    transition: width .1s ease-in-out
}
.slider-container .slider-pagination .slider-pointer.pointer-rect {
    width: 8px;
    height: 6px;
    border-radius: 0
}
.slider-container .slider-pagination .slider-pointer.pointer-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%
}
.slider-container .slider-pagination .slider-pointer.pointer-square {
    width: 8px;
    height: 8px;
    border-radius: 0
}
.slider-container .slider-pagination .slider-pointer.pointer-hide {
    display: none
}
.slider-container .slider-pagination .slider-pointer.slider-actived {
    background: #007aff;
    opacity: 1
}
.slider-container .slider-pagination .slider-pointer.rect-actived {
    width: 16px
}
.cmp-plugin .plugin-container {
    height: 100%;
    position: relative
}
.cmp-plugin .plugin-container .plugin-tips {
    position: absolute;
    padding-left: .16rem;
    top: .12rem;
    left: 0;
    width: 2.88rem;
    height: .44rem;
    background: -webkit-linear-gradient(left, rgba(51, 51, 51, .5), #333);
    background: linear-gradient(90deg, rgba(51, 51, 51, .5), #333);
    border-radius: 0 .22rem .22rem 0;
    color: #fff;
    font-size: .16rem;
    font-weight: 700;
    line-height: .44rem;
    z-index: 999
}
.cmp-plugin .plugin-container .plugin {
    position: relative
}
.component-skeleton-container {
    position: relative;
    padding: 20px;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background-size: 400% 100%;
    background-position: 100% 50%;
    -webkit-animation: skeleton-loading 1.4s ease infinite;
    animation: skeleton-loading 1.4s ease infinite;
    background-image: -webkit-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%)
}
.component-skeleton-block {
    height: 20px;
    background-color: #dbdada;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 2px
}
.component-skeleton-block:last-of-type {
    margin-bottom: 0
}
.component-skeleton-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px
}
.component-skeleton-header .component-skeleton-block {
    margin-bottom: 0
}
.component-skeleton-image {
    background-color: #dbdada;
    width: 30px;
    height: 30px;
    border-radius: 50%
}
@-webkit-keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}
@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}
.plugin-container {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important
}
.cmp-ai-face .ai-face-wrapper {
    position: relative;
    height: 100%
}
.ai-face-handle-global-dialog {
    background-color: #f4f5f9;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}
.ai-face-handle-global-dialog .handle-content.bd-color {
    background-color: rgba(0, 0, 0, .6)
}
.ai-face-handle-global-dialog .handle-content .title {
    font-size: .14rem;
    color: #333;
    margin-bottom: .16rem;
    text-align: left
}
.ai-face-handle-global-dialog .handle-content > div {
    padding: .24rem .3rem .3rem;
    border-top-right-radius: .2rem;
    border-top-left-radius: .2rem;
    background-color: #fff
}
.ai-face-handle-global-dialog .img-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}
.ai-face-handle-global-dialog .img-content .mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .6)
}
.ai-face-handle-global-dialog .img-content .mult-tip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .38rem;
    background-color: #d6e1ed;
    z-index: 99;
    color: #1989fa;
    font-size: .14rem;
    line-height: .38rem
}
.ai-face-handle-global-dialog .img-content .multi-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99
}
.ai-face-handle-global-dialog .img-content .multi-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}
.ai-face-handle-global-dialog .img-content .multi-box.multi-box-case img {
    visibility: hidden
}
.ai-face-handle-global-dialog .img-content .multi-box.multi-box-case .multi-case {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.ai-face-handle-global-dialog .img-content .multi-box.multi-box-case .multi-case > div {
    position: relative
}
.ai-face-handle-global-dialog .img-content .multi-box.multi-box-case .case-item {
    position: absolute;
    border: .01rem solid #fff
}
.ai-face-handle-global-dialog .img-content .multi-box.multi-box-case .case-item.active {
    border: .01rem solid #1989fa
}
.ai-face-handle-global-dialog .img-content .multi-box.multi-box-case .case-item.active > span {
    position: absolute;
    display: block;
    width: .14rem;
    height: .14rem;
    right: -.07rem;
    top: -.07rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAC/ElEQVRIS72WXUiTYRTH/+d9t2nSJ0VtUpKUWBSUXVRGS+pCiVH2MemLqIvqOihdUASBF24KVheCQQhSGiSR0RcSfU1UjIK6MVlQQbEFlhgR6fa8J57Nfbxz7t0s9l6+53+e33Oe55zzHILhx2RrCNlJgYOZywEqAbBg0m0UYB8R9bOGB/5zJi9AnG5JSme0usedBKoHUGq4r4hgmMEXAq68run0KYFLGrmYtGAHAZszBOlkDAywYj78rZY+JvtPAVo9wQpiljtcNBNYgs8IEzkDdeYXievogJOwHgCWf4RF3SeYqDIRGgPKY1S04OB/iCx5ryOaYt4YPd4Y0Oqe6J/pnRmdhrzTgMtSLnVh4GQ23jZyNLLPMgGOUsK994wJoVczuEZmLwFMNndwKIvUT8nNU4H2/SrsyxX0+DSc6BYIaTrpsN9lXk22puA2CNZlklEkyXazCrTtUbFjhRIzXe4T8PTqiWCqoEJP0M3MddlConqTArRWq9hZEodpzDh1V+ChT990iMhDNk/wJZjtqYDL5gFntqho7hP4PDZVoRDQskvF7lVxGDPD1SNw422KDkfklffnB9iavFzhHODOIROK5hO+jDH2dobw9WdcJbPtikOBc40a+ylhF58KXH89XTulgAT+ATgvGeiuVHB0fXyxT6OMfZ0hBH5FUttTpeDIurhd+tc/F2gZTLo33cI0Pi1w7WKg66AJc/PjzejDdw0nuwWOlyk4VqaHNfYKNPelg4WrMAxMeaTSvMEG3DpgwmxL2kcFV/sFGrxGsDAwkDZppGTTUsLNGhUF5tTQ1lcCl55lAgufrTejsthaRGh3qsg36aFtbwTOP8kYhkhZZFj424sJbftUWNQItOOdQO1jDWmf9+RMlIWfTWurWkm4Vq2ie0jD6UcatKxoiLS2bJv3wgLgx29kFxmkPta8I3Hn9HmSwJw/wOEoI/NMbkaMaELldIiKQnM6JiaWTs4GYX29MtmaQnbS4GCgHAz9qE/wEWsDrCr3/WeNR/2/8eVOIIII5a4AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: .14rem .14rem
}
.ai-face-handle-global-dialog .img-content .img-wrapper {
    position: relative;
    width: 100%
}
.ai-face-handle-global-dialog .img-content .img-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}
.ai-face-handle-global-dialog .img-content .img-wrapper .handle-line {
    position: absolute;
    right: .1rem;
    top: 0;
    width: .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}
.ai-face-handle-global-dialog .img-content .img-wrapper .handle-line > span {
    width: .34rem;
    height: .34rem;
    border-radius: .34rem;
    margin-top: .2rem;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.ai-face-handle-global-dialog .img-content .img-wrapper .handle-line > span img {
    display: block;
    width: .18rem
}
.ai-face-handle-global-dialog .img-content .img-wrapper .handle-back {
    left: .1rem;
    right: auto
}
.ai-face-handle-global-dialog .img-content .img-wrapper .handle-back span img {
    height: .14rem
}
.ai-face-handle-global-dialog .btn-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .24rem
}
.ai-face-handle-global-dialog .btn-line button {
    width: 1.2rem;
    height: .4rem;
    border: .01rem solid #2193ff
}
.ai-face-handle-global-dialog .btn-line button:first-of-type {
    background: none;
    color: #2193ff
}
.ai-face-handle-global-dialog .btn-line button:nth-of-type(2) {
    background: #2193ff;
    color: #fff
}
.ai-face-handle-global-dialog .btn-line button.disabled {
    background: #999;
    border: .01rem solid #999
}
.ai-face-handle-global-dialog .ai-face-age-handle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}
.ai-face-handle-global-dialog .ai-face-age-handle li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}
.ai-face-handle-global-dialog .ai-face-age-handle li:nth-of-type(2) {
    margin-top: .12rem
}
.ai-face-handle-global-dialog .ai-face-age-handle li > div {
    color: #333;
    background-color: #f5f5f5;
    max-width: .58rem;
    height: .28rem;
    text-align: center;
    line-height: .28rem;
    margin-left: .1rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    border-radius: .04rem
}
.ai-face-handle-global-dialog .ai-face-age-handle li > div:first-of-type {
    margin-left: 0
}
.ai-face-handle-global-dialog .ai-face-age-handle li > div.active {
    color: #1989fa;
    border: 1px solid #1989fa;
    background-color: rgba(25, 137, 250, .1)
}
.ai-face-popup-container .g-dialog-content {
    width: 100% !important;
    height: 100%
}
.cmp-diyPoster .diy-poster-wrapper {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs.reverse-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav {
    position: relative
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav .scroll-container::-webkit-scrollbar, .cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav::-webkit-scrollbar {
    display: none
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav .tabs-nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav .tabs-nav-wrapper .tabs-nav-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: .01rem solid #ececec;
    border-right: 0;
    border-left-width: 0 !important
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav .tabs-nav-wrapper .tabs-nav-item.image-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav .tabs-nav-wrapper .tabs-nav-item.top-nav {
    border-top-width: 0 !important
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .tabs-nav .tabs-nav-wrapper .tabs-nav-item .tabs-nav-icon {
    object-fit: contain;
    width: .26rem;
    height: .26rem
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .scroll-container::-webkit-scrollbar {
    display: none
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .empty-text {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #999
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .material-list-wrapper {
    display: grid
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .material-list-wrapper.layout-vertical {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .material-list-wrapper.layout-vertical .material-image-box {
    width: 100%
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .material-image-box {
    position: relative
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .material-image-box:before {
    content: " ";
    display: block;
    padding-top: 100%
}
.cmp-diyPoster .diy-poster-wrapper .diy-poster-tabs .material-list .material-image-box .material-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}
.cmp-placeholder .diy-poster-placeholder {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    word-break: break-all
}
.cmp-placeholder .diy-poster-placeholder.emptyStyle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.cmp-placeholder .diy-poster-placeholder .placeholder-image {
    object-fit: contain
}
.cmp-placeholder .diy-poster-placeholder .placeholder-text {
    font-size: .14rem;
    color: #999;
    line-height: .2rem
}
.cmp-placeholder .diy-poster-placeholder .moveable-control-box {
    z-index: 9999
}
.cmp-placeholder .diy-poster-placeholder .moveable-control-box .moveable-se {
    opacity: 0;
    width: .24rem;
    height: .24rem;
    margin-top: -.13rem;
    margin-left: -.13rem
}
.cmp-placeholder .diy-poster-placeholder .moveable-control-box .moveable-rotation {
    z-index: 3;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0
}
.cmp-placeholder .diy-poster-placeholder .moveable-control-box .moveable-rotation .moveable-rotation-line {
    display: none !important
}
.cmp-placeholder .diy-poster-placeholder .moveable-control-box .moveable-rotation .moveable-rotation-control {
    width: .24rem;
    height: .24rem;
    margin-top: -.12rem;
    margin-left: -.12rem
}
.plugin-main-container {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}
.cmp.cmp-staff-info .staff-info {
    width: 100%;
    height: 100%
}
.qrcode-logo-container {
    height: 100%
}
.qrcode-logo-container .qrcode-logo {
    pointer-events: none
}
.r-alert .r-formview-dialog .g-dialog-content {
    padding: 36px 17px 24px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
    border-radius: 8px
}
.r-alert .r-formview-dialog .g-dialog-content div.alert-content {
    margin-top: 0
}
.r-alert .r-formview-dialog .view-container {
    position: relative
}
.r-alert .r-formview-dialog .view-close-icon {
    width: 30px;
    height: 30px;
    background-color: initial;
    position: absolute;
    right: -17px;
    top: -82px
}
.r-alert .r-formview-dialog .viewer-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 16px;
    height: 37px;
    border-bottom: 1px solid #e1e1e1
}
.r-alert .r-formview-dialog .viewer-header span {
    line-height: 22px;
    font-size: 16px
}
.r-alert .r-formview-dialog .viewer-header .left {
    color: #333
}
.r-alert .r-formview-dialog .viewer-header .right {
    margin-right: 13px;
    color: #477ef5
}
.r-alert .r-formview-dialog .viewer-header .right img {
    margin-left: 6px;
    width: 12px;
    height: 12px
}
.r-alert .r-formview-dialog .view-body {
    text-align: left;
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    overflow-x: auto;
    max-height: 189px
}
.r-alert .r-formview-dialog .view-body .common-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}
.r-alert .r-formview-dialog .view-body .common-row .title {
    max-width: 138px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.r-alert .r-formview-dialog .view-body .common-row .content {
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.r-alert .r-formview-dialog .view-body .common-row:not(:last-of-type) {
    margin-bottom: 6px
}
.r-alert .r-formview-dialog .view-body .star-list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}
.r-alert .r-formview-dialog .view-body .star-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-right: .06rem;
    height: .2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.r-alert .r-formview-dialog .view-body .star-list li svg {
    width: .16rem;
    height: .16rem
}
.r-alert .r-formview-dialog .view-body .file-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    max-width: 3rem
}
.r-alert .r-formview-dialog .view-body .file-view .file-box {
    margin-right: .05rem;
    width: .5rem
}
.r-alert .r-formview-dialog .view-body .file-view .file-box img {
    width: .5rem;
    height: .5rem;
    object-fit: contain
}
.r-alert .r-formview-dialog .view-body .file-view .file-box span {
    display: block;
    width: 100%;
    font-size: .12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.r-alert .r-formview-dialog .view-footer .tips {
    display: block;
    font-size: 14px;
    color: #999;
    padding-top: 6px;
    margin-bottom: 10px
}
.r-alert .r-formview-dialog .view-footer .view-button {
    width: calc(100% - 14px);
    margin: 0 auto;
    height: 44px;
    border-radius: 30px;
    line-height: 44px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background: #477ef5
}
.form-viewer-inlne-page-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1040
}
.form-viewer-inlne-page-container .view-body {
    width: 2.2613rem;
    height: 2.048rem;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    overflow-x: auto
}
.form-viewer-inlne-page-container .view-body .common-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}
.form-viewer-inlne-page-container .view-body .common-row .title {
    max-width: 138px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.form-viewer-inlne-page-container .view-body .common-row .content {
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.form-viewer-inlne-page-container .view-body .common-row:not(:last-of-type) {
    margin-bottom: 6px
}
.form-viewer-inlne-page-container .view-body .star-list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}
.form-viewer-inlne-page-container .view-body .star-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-right: .06rem;
    height: .2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.form-viewer-inlne-page-container .view-body .star-list li svg {
    width: .16rem;
    height: .16rem
}
.form-viewer-inlne-page-container .view-body .file-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    max-width: 3rem
}
.form-viewer-inlne-page-container .view-body .file-view .file-box {
    margin-right: .05rem;
    width: .5rem
}
.form-viewer-inlne-page-container .view-body .file-view .file-box img {
    width: .5rem;
    height: .5rem;
    object-fit: contain
}
.form-viewer-inlne-page-container .view-body .file-view .file-box span {
    display: block;
    width: 100%;
    font-size: .12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.form-viewer-inlne-page-container .view-footer .view-button {
    width: calc(100% - 14px);
    margin: 0 auto;
    height: 44px;
    border-radius: 30px;
    line-height: 44px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background: #477ef5
}
.form-viewer-inlne-page-container .tips {
    display: block;
    font-size: 14px;
    color: #999;
    padding-top: 20px;
    margin-bottom: 10px;
    text-align: center
}
.form-inline-page-container .content-box {
    position: absolute
}
.form-inline-page-mask-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.form-item-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}
.form-item-wrapper .form-label {
    word-break: break-all
}
.form-item-wrapper .form-label .text-group-container {
    width: 100%
}
.form-item-wrapper .form-label .text {
    height: auto !important
}
.form-item-wrapper .form-label.required .text:before {
    content: "* ";
    height: 100%;
    display: contents;
    margin-right: 3px;
    color: red
}
.form-item-wrapper .form-control {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}
.cmp.cmp-picture-in-picture .picture-in-picture-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.cmp.cmp-picture-in-picture .picture-in-picture-container .screen-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden
}
.cmp.cmp-picture-in-picture .picture-in-picture-container .screen-wrapper.active {
    visibility: visible
}
.cmp.cmp-picture-in-picture .picture-in-picture-container .cmp.cmp-btn.play-btn-container img {
    pointer-events: none
}
.cmp.progress-bar .group {
    width: 100%;
    height: 100%
}
.cmp.cmp-textarea .animate-wrapper {
    border-radius: 0 !important
}
.cmp.cmp-textarea .textarea-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column
}
.cmp.cmp-textarea .textarea-container .textarea {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .required-start {
    position: absolute;
    color: red;
    top: .13rem;
    left: .07rem;
    font-size: .14rem
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 0;
    overflow: inherit
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content {
    position: relative;
    width: 100%;
    height: 100%
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col {
    padding: .09rem .15rem .2rem;
    width: 100%;
    text-align: justify;
    border: none;
    min-height: 100%;
    position: absolute;
    line-height: 1.5;
    overflow: hidden
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col::-moz-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col:-ms-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .textarea-wrapper .textarea-content .text-col:-moz-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-textarea .textarea-container .textarea .textarea-box .suffix {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 20px;
    font-size: .12rem;
    bottom: 0;
    right: 0;
    color: #b2b2b2
}
.cmp.cmp-submit * {
    line-height: 1
}
.cmp.cmp-submit.submitted .old-submit-wrapper {
    border-color: #aaa !important;
    background-color: #aaa !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: not-allowed
}
.cmp.cmp-submit .submit-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: none;
    text-align: center;
    cursor: pointer
}
.cmp.cmp-submit .animate-wrapper {
    background-color: initial !important
}
.r-alert .submit-success {
    margin-top: -35px
}
.r-alert .submit-success svg {
    width: .58rem
}
.cmp.cmp-star * {
    line-height: 1.2
}
.cmp.cmp-star .star-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 100%;
    height: 100%
}
.cmp.cmp-star .star-wrapper .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .06rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-star .star-wrapper .star-title {
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: .1rem .15rem;
    min-height: .4rem;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    word-break: break-all;
    font-size: .16rem !important
}
.cmp.cmp-star .star-wrapper .star-list, .cmp.cmp-star .star-wrapper .star-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.cmp.cmp-star .star-wrapper .star-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .1rem 25% .1rem .1rem;
    width: 100%
}
.cmp.cmp-star .star-wrapper .star-list .star-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .05rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.cmp.cmp-star .star-wrapper .star-list .star-item.active {
    -webkit-animation: starScaleIn .2s ease;
    animation: starScaleIn .2s ease
}
.cmp.cmp-star .star-wrapper .star-list .star-item svg {
    width: .2rem;
    height: .2rem
}
@-webkit-keyframes starScaleIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes starScaleIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.cmp.cmp-select * {
    line-height: 1.2
}
.cmp.cmp-select .select-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    border: none !important;
    background: transparent !important
}
.cmp.cmp-select .select-wrapper .selector {
    position: relative;
    height: 100%
}
.cmp.cmp-select .select-wrapper .selector .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .07rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-select .select-wrapper .selector .down-arrow {
    position: absolute;
    top: 50%;
    right: .08rem;
    display: inline-block;
    margin-top: -.03rem;
    width: 0;
    height: 0;
    border-width: .06rem .04rem 0 !important;
    border-style: solid;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}
.cmp.cmp-select .select-wrapper .selector select {
    padding: 0 .25rem 0 .15rem;
    width: 100%;
    height: 100%;
    outline: none;
    -webkit-appearance: none;
    appearance: none
}
.cmp.cmp-select .select-wrapper .selector select option {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}
.cmp.cmp-fileUploader .animate-wrapper {
    border-radius: 0 !important
}
.cmp.cmp-fileUploader .uploader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100% !important
}
.cmp.cmp-fileUploader .uploader .uploader-title-start {
    position: absolute;
    left: .07rem;
    font-size: .14rem
}
.cmp.cmp-fileUploader .uploader .uploader-title {
    display: block;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .15rem;
    border-bottom: 1px solid #c1c2c3;
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis
}
.cmp.cmp-fileUploader .uploader .uploader-title .uploader-title-text {
    font-size: .16rem
}
.cmp.cmp-fileUploader .uploader .uploader-title span {
    margin-right: .1rem;
    color: red
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view {
    position: relative;
    overflow: hidden;
    height: .98rem;
    padding: .15rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .upload-btn {
    position: relative;
    width: .5rem;
    height: .68rem;
    background: #f6f6f6;
    border-radius: 2px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg0MDk0NjQ5NzM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNTMgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwNTcwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwNS42NjQwNjI1IiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMTAwOS45NTY1NzEgNzcwLjI4MjA1N2MxMy40NTgyODYgMCAyNC4zNzEyIDEwLjgyNTE0MyAyNC4zNzEyIDI0LjA0OTM3MnYxMjAuMjQ2ODU3YzAgNTIuODM4NC00My44MjcyIDk2LjEwOTcxNC05Ny40MjYyODUgOTYuMTA5NzE0bC0yMzAuNDI5MjU3IDAuMDI5MjU3djAuMDU4NTE0bC0xODkuMzIyOTcyLTAuMDU4NTE0LTE4OS4yOTM3MTQgMC4wNTg1MTQtMC4wMjkyNTctMC4wNTg1MTRIOTcuNDI2Mjg2Yy01MS43NTU4ODYgMC05NC4zODM1NDMtNDAuMzc0ODU3LTk3LjI4LTkwLjcyNjRMMCA5MTQuNTQ5MDI5Vjc5NC4zMzE0MjljMC0xMy4yNTM0ODYgMTAuOTEyOTE0LTI0LjA0OTM3MSAyNC4zNzEyLTI0LjA0OTM3MiAxMy40NTgyODYgMCAyNC4zNDE5NDMgMTAuODI1MTQzIDI0LjM0MTk0MyAyNC4wNDkzNzJ2MTIwLjI0Njg1N2MwIDI2LjU2NTQ4NiAyMS44MjU4MjkgNDguMDQwMjI5IDQ4Ljc0MjQgNDguMDQwMjI4bDQxOS42OTM3MTQgMC4wMjkyNTdoNDE5LjcyMjk3MmMyNi45MTY1NzEgMCA0OC43NDI0LTIxLjUwNCA0OC43NDI0LTQ4LjA5ODc0MlY3OTQuMzMxNDI5YzAtMTMuMjUzNDg2IDEwLjg4MzY1Ny0yNC4wNDkzNzEgMjQuMzQxOTQyLTI0LjA0OTM3MnpNNTE4LjcyOTE0MyAwLjA1ODUxNGwzLjIxODI4NiAwLjQwOTYgMC45OTQ3NDIgMC4yOTI1NzJjMS4yODczMTQgMC4yOTI1NzEgMi41MTYxMTQgMC42NDM2NTcgMy43MTU2NTggMS4xMTE3NzFsMi44MDg2ODUgMS4zNzUwODZjMS44MTM5NDMgMS4wMjQgMy41MTA4NTcgMi4zMTEzMTQgNC45NzM3MTUgMy44MDM0MjhMNjQ5LjgwMTE0MyAxMjAuODMydi0wLjE3NTU0M2wyOTMuMTU2NTcxIDI4OS4yOTQ2MjlhMjMuOTkwODU3IDIzLjk5MDg1NyAwIDAgMSAwLjIwNDggMzMuOTM4Mjg1bC0wLjIzNDA1NyAwLjE3NTU0M2EyNC43MjIyODYgMjQuNzIyMjg2IDAgMCAxLTM0LjU4MTk0MyAwbC05NS42NzA4NTctOTQuMzgzNTQzLTEuMTcwMjg2LTAuOTk0NzQyLTI2OS44Mzg2MjgtMjY2LjI2OTI1OHY2MTguMTE1NjU4YTI0LjQwMDQ1NyAyNC40MDA0NTcgMCAwIDEtMjQuNDU4OTcyIDI0LjE5NTY1NyAyNC40MDA0NTcgMjQuNDAwNDU3IDAgMCAxLTI0LjUxNzQ4NS0yNC4xOTU2NTdWODIuNDE3MzcxbC0yNjkuNzgwMTE1IDI2Ni4yNGEyNC40ODgyMjkgMjQuNDg4MjI5IDAgMCAxLTQuNzk4MTcxIDMuNjU3MTQzbC05My4wMzc3MTQgOTEuNzUwNGEyNC43MjIyODYgMjQuNzIyMjg2IDAgMCAxLTM0LjU4MTk0MyAwbC0wLjIzNDA1Ny0wLjIwNDhhMjMuOTkwODU3IDIzLjk5MDg1NyAwIDAgMSAwLjIzNDA1Ny0zMy45MzgyODVMMzgzLjU2MTE0MyAxMjAuNjg1NzE0djEuMTExNzcyTDQ5OS44MjkwMjkgNy4wMjE3MTRhMjUuMzY1OTQzIDI1LjM2NTk0MyAwIDAgMSA0Ljk3MzcxNC0zLjc0NDkxNGwyLjc3OTQyOC0xLjM3NTA4NmEyMy4xNDI0IDIzLjE0MjQgMCAwIDEgMy43NDQ5MTUtMS4xNzAyODVsMC40OTczNzEtMC4xMTcwMjkgMC40NjgxMTQtMC4xNDYyODZhMjUuMzA3NDI5IDI1LjMwNzQyOSAwIDAgMSA5LjY1NDg1OCAweiIgcC1pZD0iMTA1NzEiIGZpbGw9IiM2RTZFNkUiPjwvcGF0aD48L3N2Zz4=);
    background-size: 50% 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .upload-btn-hidden {
    display: none
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col:last-child {
    margin-right: 30px
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col .previwe-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: .5rem;
    height: .68rem;
    margin-left: .15rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col .previwe-container .preview-container-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .18rem;
    font-size: .12rem;
    line-height: .18rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col .previwe-container .preview-content {
    position: relative;
    width: .5rem;
    height: .5rem
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col .previwe-container .preview-content img {
    border: 1px solid #ececec;
    width: .5rem;
    height: .5rem;
    object-fit: contain;
    border-radius: 2px
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col .previwe-container .preview-content span {
    position: absolute;
    top: .34rem;
    left: 0;
    display: block;
    width: 100%;
    height: .16rem;
    background: rgba(0, 0, 0, .6);
    font-size: .1rem;
    line-height: .16rem;
    text-align: center;
    color: #fff
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area .priview-col .previwe-container .preview-close-btn {
    position: absolute;
    top: -.06rem;
    left: .42rem;
    width: .14rem;
    z-index: 9999999
}
.cmp.cmp-fileUploader .uploader .upload-scroll-view .upload-area::-webkit-scrollbar {
    display: none
}
.cmp.cmp-fileUploader .uploader .upload-tips-area {
    padding: 0 .15rem .15rem;
    font-size: .12rem;
    color: #999;
    text-align: justify
}
.cmp.cmp-choose {
    display: block;
    width: 100%;
    height: 100%;
    background-color: initial
}
.cmp.cmp-choose * {
    line-height: 1.2
}
.cmp.cmp-choose .choose-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.cmp.cmp-choose .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .06rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-choose .choose-title {
    position: relative;
    padding: .1rem .15rem;
    min-height: .41rem;
    width: 100%;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    color: inherit;
    word-break: break-all;
    font-size: .16rem !important;
    background-color: unset !important
}
.cmp.cmp-choose .choose-option-list {
    padding: .15rem;
    width: 100%;
    border: none !important;
    border-radius: 0 !important
}
.cmp.cmp-choose .choose-option-list li + li {
    margin-top: .13rem
}
.cmp.cmp-choose .choose-option-list .choose-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    color: inherit;
    font-size: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}
.cmp.cmp-choose .choose-option-list .choose-option.active .check-btn .dot {
    opacity: 1;
    -webkit-animation: chooseScaleIn .2s ease;
    animation: chooseScaleIn .2s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: .16rem;
    height: .16rem;
    border-width: .01rem;
    border-style: solid;
    vertical-align: top
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.radio-btn {
    border-radius: 50%
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.radio-btn .dot {
    width: 60%;
    height: 60%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.checkbox {
    border-radius: .02rem
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.checkbox .dot {
    position: relative;
    opacity: 0
}
.cmp.cmp-choose .choose-option-list .choose-option .check-btn.checkbox .dot:after {
    position: absolute;
    top: -.04rem;
    left: -.05rem;
    display: inline-block;
    width: .1rem;
    height: .05rem;
    border-style: solid;
    border-color: inherit;
    border-width: 0 0 .02rem .02rem;
    border-radius: .01rem;
    content: "";
    -webkit-transform: translateZ(0) rotate(-50deg);
    transform: translateZ(0) rotate(-50deg)
}
.cmp.cmp-choose .choose-option-list .choose-option .option-label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: .08rem;
    word-break: break-all;
    font-size: .14rem
}
@-webkit-keyframes chooseScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes chooseScaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.dynamic-search-list {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 11111;
    margin-top: .05rem;
    max-height: 1.8rem;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 5px;
    border: .01rem solid #c1c2c3
}
.dynamic-search-list .dynamic-search-list-item {
    padding: 0 .15rem;
    font-size: .12rem;
    font-weight: 400;
    color: #333;
    line-height: .17rem
}
.dynamic-search-list .dynamic-search-list-item:last-of-type .dynamic-search-list-item-text {
    border-bottom: none
}
.dynamic-search-list .dynamic-search-list-item:not(.empty):hover {
    background-color: #eee
}
.dynamic-search-list .dynamic-search-list-item .dynamic-search-list-item-text {
    padding: .1rem 0;
    border-bottom: .01rem solid #eee
}
.cmp.cmp-dynamicSearch * {
    line-height: 1.2
}
.cmp.cmp-dynamicSearch .dynamic-search-wrapper {
    width: 100%;
    height: 100%
}
.cmp.cmp-dynamicSearch .selector {
    position: relative;
    height: 100%
}
.cmp.cmp-dynamicSearch .selector-input {
    width: 100%;
    height: 100%;
    padding: 0 .25rem 0 .1rem;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.cmp.cmp-dynamicSearch .required-star {
    position: absolute;
    top: calc(50% - .06rem);
    left: .07rem;
    color: red;
    font-size: .14rem
}
.cmp.cmp-dynamicSearch .down-arrow {
    position: absolute;
    top: 50%;
    right: .08rem;
    display: inline-block;
    margin-top: -.03rem;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .06rem .04rem 0
}
.cmp.cmp-input * {
    line-height: 1.5
}
.cmp.cmp-input .phone-tips {
    font-family: Microsoft YaHei;
    position: absolute;
    top: 50%;
    right: .16rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #f75a53;
    font-size: .09rem
}
.cmp.cmp-input .input-wrapper-deprecated {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-indent: 0 !important
}
.cmp.cmp-input .input-wrapper-deprecated .verify-button {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: .04rem;
    font-size: .12rem;
    height: .32rem;
    width: .78rem;
    color: #fff
}
.cmp.cmp-input .input-wrapper-deprecated .input-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.cmp.cmp-input .required-star {
    position: absolute;
    top: calc(50% - .05rem);
    left: .06rem;
    color: red;
    font-size: .14rem;
    line-height: 1
}
.cmp.cmp-input input {
    display: block;
    padding: .05rem .15rem;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background-color: initial;
    color: inherit;
    text-overflow: ellipsis
}
.cmp.cmp-input input[type=number]::-webkit-inner-spin-button, .cmp.cmp-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}
.cmp.cmp-input input::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-input input::-moz-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-input input:-ms-input-placeholder {
    color: inherit;
    opacity: .54
}
.cmp.cmp-input input:-moz-placeholder {
    color: inherit;
    opacity: .54
}
.dialog-page {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1020
}
.loading-app .text {
    position: static;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    color: transparent;
    font-size: unset
}
.loading-app .e-page-bg-image img {
    display: block
}
.loading-app .cmp-progressbar .animate-wrapper {
    overflow: visible
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    font-size: 100%;
    vertical-align: initial;
    background: transparent;
    outline: none
}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, menu, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}
body {
    line-height: 1
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-decoration: none;
    vertical-align: initial;
    background: transparent;
    -webkit-text-decoration-skip: objects
}
ins {
    text-decoration: none
}
ins, mark {
    color: #000;
    background-color: #ff9
}
mark {
    font-weight: 700;
    font-style: italic
}
del {
    text-decoration: line-through
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc
}
input, select, textarea {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    vertical-align: middle
}
a, button, input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}
a, img {
    -webkit-touch-callout: none
}
em, i {
    font-style: normal
}
*, :after, :before {
    box-sizing: border-box
}
button, input[type=submit], input[type=text], textarea {
    -webkit-appearance: none;
    appearance: none
}
input::-ms-clear, input[type=password]::-ms-reveal {
    display: none
}
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}
button:-moz-focusring, input[type=button]:-moz-focusring, input[type=reset]:-moz-focusring, input[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}
::-moz-placeholder {
    color: #999;
    opacity: 1
}
::-ms-placeholder {
    color: #999
}
::-webkit-input-placeholder {
    color: #999
}
::placeholder {
    color: #999
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    content: "."
}
.pull-left {
    float: left
}
.pull-right {
    float: right
}
.hide {
    display: none !important
}
body, html {
    width: 100%;
    height: 100%;
    min-height: 100%
}
body {
    scrollbar-track-color: transparent;
    scrollbar-face-color: hsla(0, 0%, 58.4%, .9);
    scrollbar-arrow-color: hsla(0, 0%, 58.4%, .9)
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 3px
}
::-webkit-scrollbar-button {
    display: none
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: hsla(0, 0%, 58.4%, .9)
}
::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
    background-color: initial
}
::-webkit-resizer {
    background-color: initial
}
body {
    text-size-adjust: 100% !important
}
.root, body {
    -webkit-text-size-adjust: 100% !important
}
.root {
    position: fixed;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    color: #000;
    background: #fff;
    font: 16px PingFang SC, Microsoft Yahei, Lato, Helvetica Neue, Arial, SimSun, Helvetica, STHeiTi, Roboto Regular, Roboto, Droid Sans, sans-serif;
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}
.root.enable-user-select {
    -webkit-user-select: auto;
    user-select: auto
}
.container {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: 0 auto
}
.hoc-wrapper {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    box-shadow: none
}
.capture ::-webkit-scrollbar {
    width: 0
}
.r-picker {
    border: 2px solid #ff8533;
    pointer-events: none
}
.r-picker, .r-picker-hover, .r-picker.fixed {
    position: absolute
}
.r-picker-hover {
    border: 1px dashed #aaa;
    pointer-events: none
}
.r-picker-hover.fixed {
    position: absolute
}
.r-alert {
    -webkit-tap-highlight-color: transparent
}
img {
    -webkit-user-select: none;
    user-select: none
}
.state-layer {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9999999;
    margin-top: -100px;
    background-color: #fff
}
.state-layer .close-img {
    height: 130px;
    width: 130px;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat
}
.state-layer .state-show {
    font-size: 18px;
    color: #333;
    margin-top: -10px;
    text-align: center;
    white-space: pre-line
}
.theme_normal {
    position: relative;
    margin: 16px;
    padding: 24px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-radius: 5px
}
.theme_normal img {
    width: 64px;
    height: 64px;
    border-radius: 32px
}
.theme_normal .namecard-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: 16px;
    overflow: hidden
}
.theme_normal .namecard-info .title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}
.theme_normal .namecard-info .job {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}
.theme_normal .namecard-info .job span {
    display: block;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.theme_normal .namecard-info .job i {
    width: 1px;
    height: 10px;
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    background: #e1e1e1
}
.theme_normal .namecard-info .job i + span {
    margin-left: 17px
}
.theme_normal .namecard-info a {
    display: block;
    width: 108px;
    border-radius: 3px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    width: 128px;
    height: 27px;
    color: #fff;
    line-height: 17px;
    text-align: center;
    line-height: 27px;
    margin-top: 8px
}
.theme_normal .desk {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .1;
    z-index: -1
}
.theme_normal .desk:after {
    content: "";
    box-sizing: initial;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 10px solid;
    border-top-color: inherit
}
.theme_small {
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 8px 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}
.theme_small img {
    width: 36px;
    height: 36px;
    border-radius: 18px
}
.theme_small .namecard-info {
    padding-left: 8px;
    overflow: hidden
}
.theme_small .namecard-info .title {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.theme_small .namecard-info .short-title {
    margin-right: 34px
}
.theme_small .namecard-info .job {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 400;
    color: #999;
    line-height: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}
.theme_small .namecard-info .job span {
    display: block;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.theme_small .namecard-info .job i {
    width: 1px;
    height: 10px;
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    background: #e1e1e1
}
.theme_small .namecard-info .job i + span {
    margin-left: 17px
}
.theme_small .namecard-info a {
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 16px
}
.theme_small .namecard-info a .more-icon {
    position: absolute;
    right: -9px;
    top: 4px;
    width: 5px;
    height: 8px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAA30lEQVQoU52SsWoCQRCG/xlIJynzJHmJoK2dTYpbluvtVBBi4wvczm1jbSsBX8LS1vawsBDs5HZkg6eXRMiS6X7+jxnmnyERGQIYAdjWdT3I83yHB0XOuSMRPV+9PTN3syzb/GRJROYAYtemTqrat9au2zBFISJjAFMAXxrAmYiMMWbRwI0B7/17CEEAPF1NVdWJtfYj6hsYRVmWb6q6BNBpjZWqqvJvYDSdc69E9AngpYGZefYLjGZRFD1mXrW6Hv4PJo1OWuZRPEQ0Mcbc40kKPPmEyU/hvR+GEP58swsPuXUtmVjcqwAAAABJRU5ErkJggg==)
}
section.news {
    width: 100%;
    height: 100%
}
section.news .scroll-container {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: all
}
section.news iframe {
    border: none
}
section.news .activity {
    width: 100%;
    height: auto;
    padding: 16px 0
}
section.news .activity-category {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 28px;
    padding-left: 16px
}
section.news .activity-item {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 16px;
    margin-left: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee
}
section.news .activity-item img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 5px
}
section.news .activity-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: 16px;
    padding-right: 16px;
    word-break: break-all
}
section.news .activity-title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    margin-top: 4px
}
section.news .activity-desc {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    margin-top: 2px
}
.carousel-container {
    position: relative
}
.carousel-container .swiper-box {
    overflow: hidden;
    position: relative;
    background: #fff
}
.carousel-container .swiper-box .swiper-wrap {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
.carousel-container .swiper-box .swiper-wrap.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    content: "."
}
.carousel-container .swiper-box .swiper-wrap .swipe-item {
    float: left;
    width: 100%;
    height: 375px;
    position: relative
}
.carousel-container .dots-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: 15px;
    right: 20px
}
.carousel-container .dots-box .dot {
    width: 4px;
    height: 4px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    margin: 0 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}
.carousel-container .dots-box .dot.active {
    width: 16px;
    height: 4px;
    background: #fff;
    border-radius: 2px
}
::-webkit-scrollbar {
    width: 0
}
.product-container .product-image-item {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.product-container .product-intro {
    padding: 26px 12px;
    background: #fff;
    font-weight: 400
}
.product-container .product-intro .title {
    font-size: 20px;
    font-weight: 500;
    color: #252631;
    line-height: 28px;
    word-break: break-all;
    white-space: normal
}
.product-container .product-intro .desc {
    margin-top: 5px;
    font-size: 14px;
    color: #91949f;
    line-height: 20px;
    word-break: break-all;
    white-space: normal
}
.product-container .product-intro .price-box {
    margin-top: 20px
}
.product-container .product-intro .price-box .status {
    font-size: 14px;
    line-height: 20px;
    margin-right: 4px
}
.product-container .product-intro .price-box .price {
    font-size: 14px;
    color: #91949f;
    line-height: 20px
}
.product-container .product-intro.single-product-intro {
    padding-bottom: 16px
}
.product-container .btn-wrapper {
    height: 44px;
    box-sizing: border-box;
    box-shadow: 0 -1px 1px -1px #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}
.product-container .btn-wrapper .check-detail, .product-container .btn-wrapper .copy-kouling {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.product-container .btn-wrapper .check-detail span, .product-container .btn-wrapper .copy-kouling span {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 16px;
    margin-left: 4px
}
.product-container .btn-wrapper .check-detail {
    position: relative
}
.product-container .btn-wrapper .check-detail img {
    width: 14px;
    height: 14px
}
.product-container .btn-wrapper .check-detail:after {
    content: "";
    height: 24px;
    width: .5px;
    background: #e1e1e1;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}
.product-container .btn-wrapper .copy-kouling img {
    width: 14px;
    height: 14px
}
.product-container .single-btn-wrapper {
    box-shadow: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.product-container .single-btn-wrapper .check-detail, .product-container .single-btn-wrapper .copy-kouling {
    padding: 8px 16px;
    height: 32px;
    background: #fff;
    border-radius: 22px;
    border: 1px solid #e1e1e1;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}
.product-container .gap {
    width: 100%;
    height: 8px;
    background: #f8fafb
}
.product-container .product-detail {
    background: #fff;
    padding: 16px 24px
}
.product-container .product-detail .detail-text {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #252631;
    line-height: 22px;
    margin-bottom: 15px
}
.product-container .product-detail .detail-text:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 12px;
    background: #f52;
    border-radius: 2px;
    margin-right: 8px;
    margin-left: -10px
}
.product-container .product-detail .rich-text-wrapper * {
    max-width: 100% !important;
    position: static !important;
    word-break: break-all !important;
    white-space: normal !important;
    padding: 0 !important;
    margin: 0 !important
}
.product-container .product-detail .rich-text-wrapper em {
    font-style: italic
}
.product-container .product-detail .rich-text-wrapper table td {
    padding: 7px;
    border: 1px solid #ddd
}
.product-toast {
    -webkit-transform: scale(.6);
    transform: scale(.6)
}
.doc-renenderer-container .doc-section {
    position: relative;
    margin: 0 auto
}
.doc-renenderer-container .doc-section .doc-item {
    width: 100%;
    position: relative;
    z-index: 10
}
.doc-renenderer-container .doc-section .loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    width: 20px;
    -webkit-animation: turn 1s linear infinite;
    animation: turn 1s linear infinite;
    z-index: 1
}
@-webkit-keyframes turn {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}
@keyframes turn {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}
.video-attachment-wrapper {
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%
}
.video-attachment-wrapper .video-player {
    width: 100%;
    height: 100%;
    object-fit: contain
}
.video-attachment-wrapper .onlint-video-wrapper iframe {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.image-renderer-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85)
}
.image-renderer-wrapper .image-renderer-item {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.e-expire-tips {
    position: absolute;
    z-index: 10000;
    width: 100%;
    background-color: #ff554b;
    padding: 13px 16px;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box
}
.e-expire-tips p {
    line-height: 17px
}
.e-expire-tips i {
    padding: 10px;
    font-size: 13px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    top: 25px;
    right: 16px
}
.doc-doc .root, .doc-image .root, .doc-product .root, .doc-video .root {
    position: static;
    overflow: auto
}
.app {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}
.app .jump-link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: .33rem;
    width: 3.2rem;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: .15rem;
    font-size: .15rem
}
.app .jump-link .jump-link-btn {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTM3NDAyNjg0Mjc4IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2MjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTMwMy43ODY2NjcgMzkyLjM2MjY2N0wyMTMuMzMzMzMzIDQ4Mi44MTYgMzAzLjc4NjY2NyA1NzMuNDRsMzkyLjUzMzMzMyAzOTIuMzYyNjY3IDkwLjQ1MzMzMy05MC41Mzg2NjctMzkyLjM2MjY2Ni0zOTIuMzYyNjY3TDc4Ni43NzMzMzMgOTAuNjI0IDY5Ni4zMiAweiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMTYyNyI+PC9wYXRoPjwvc3ZnPg==);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: .14rem;
    height: .14rem;
    margin: 0 .03rem 0 .1rem
}
.page-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-perspective: 1200;
    perspective: 1200
}
.edited .page-item .scroll-wrapper .page-content {
    z-index: 101
}
.edited .page-item .scroll-wrapper .page-content .cmp-comment {
    z-index: 102
}
.slide-progress {
    position: absolute;
    z-index: 102;
    top: 50%;
    right: .05rem;
    overflow: hidden
}
.slide-progress .progress-dot {
    width: .08rem;
    height: .08rem;
    margin: 0 auto .04rem;
    padding: 0;
    list-style: none;
    opacity: .3;
    border-radius: .08rem;
    background-color: #f9f9f9;
    filter: alpha(opacity=30)
}
.slide-progress .current {
    width: .08rem;
    height: .08rem;
    opacity: .7;
    border: 1px solid #fff;
    background-color: initial;
    filter: alpha(opacity=70)
}
.switch-guide {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: .1rem;
    left: 0;
    width: .2rem;
    margin: 0 auto;
    -webkit-animation: webSwipeTipAfter 1.5s ease-in-out infinite;
    animation: webSwipeTipAfter 1.5s ease-in-out infinite
}
@-webkit-keyframes webSwipeTipAfter {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}
@keyframes webSwipeTipAfter {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}
@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
@keyframes rotate3d {
    0% {
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
.hardware-acceleration {
    width: .01rem;
    height: .01rem;
    background-image: url(data:image/gif;base64,R0lGODlhUABQAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODZjZmIzYy1kZmNkLTQ4NTUtOTg4Yi0zNmI5OTNhNzllZTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDFDRjk0RDM4NzRFMTFFNEE3OTJCRDg1RUEzMENCNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDFDRjk0RDI4NzRFMTFFNEE3OTJCRDg1RUEzMENCNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjEwOThmZTMtYjNkYi00NmM5LWFhN2UtZWE0ZDVlZWRlOThjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmU4NmNmYjNjLWRmY2QtNDg1NS05ODhiLTM2Yjk5M2E3OWVlOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFj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);
    -webkit-animation: rotate3d 1.2s linear infinite;
    animation: rotate3d 1.2s linear infinite
}
.bottom-link {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -100vh;
    color: #fff;
    background-color: rgba(0, 0, 0, .75);
    font-size: 12px;
    z-index: 10;
    text-align: center
}
.bottom-link.lingju {
    font-size: .09rem
}
.bottom-link .abuse {
    position: absolute;
    left: .1rem;
    padding: 0 .1rem;
    z-index: 2
}
.bottom-link .abuse img {
    display: inline-block;
    margin-right: .02rem;
    width: .12rem;
    height: .12rem;
    vertical-align: bottom
}
.bottom-link .show-link {
    display: inline-block;
    padding: 0 .2rem 0 .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1
}
.bottom-link .show-link a {
    white-space: nowrap;
    max-width: 100%;
    color: #fff
}
.bottom-link .show-link a span {
    color: #f60
}
.bottom-link .show-link a .white {
    color: #fff
}
.bottom-link .view-count {
    position: absolute;
    left: auto;
    right: .1rem;
    padding: 0 .1rem;
    z-index: 2
}
.bottom-link .view-count img {
    vertical-align: bottom;
    display: inline-block;
    margin-right: .02rem;
    width: .12rem;
    height: .12rem
}
.bottom-link .bottom-controls-wrapper {
    height: .17rem;
    position: absolute;
    bottom: 1vh;
    width: 100%
}
.bottom-link .close-img {
    width: .24rem;
    height: .24rem;
    position: absolute;
    right: .2rem;
    top: 4.85vh;
    z-index: 10
}
.bottom-link .app-info-wrapper {
    margin-top: 20vh;
    margin-bottom: .8rem;
    text-align: center
}
.bottom-link .app-info-wrapper .app-cover-img {
    box-sizing: initial;
    width: .85rem;
    height: .85rem;
    border: .02rem solid hsla(0, 0%, 100%, .3);
    box-shadow: 0 .04rem .16rem rgba(0, 0, 0, .25);
    border-radius: .12rem;
    margin-bottom: .2rem
}
.bottom-link .app-info-wrapper .app-title {
    font-size: .16rem;
    color: #fff;
    text-align: center;
    margin: 0 .25rem
}
.bottom-link .h5-button-wrapper {
    width: 1.6rem;
    margin: 0 auto
}
.bottom-link .h5-button {
    display: block;
    height: .3rem;
    line-height: .2rem;
    font-size: .14rem;
    padding: .05rem 0;
    text-align: center;
    border-radius: .6rem
}
.bottom-link .h5-button1 {
    background: -webkit-linear-gradient(top, #f19958, #fe6b00);
    background: linear-gradient(180deg, #f19958, #fe6b00);
    color: #fff;
    margin-bottom: .2rem
}
.bottom-link .h5-button2 {
    background: #fff;
    color: #f78634;
    margin-bottom: .2rem
}
.bottom-link .h5-button3 {
    border: 1px solid #fff;
    color: #fff
}
@-webkit-keyframes upCloseBottomLinkPage {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes upCloseBottomLinkPage {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-webkit-keyframes downCloseBottomLinkPageByBottom {
    0% {
        bottom: 0
    }
    to {
        bottom: -100vh
    }
}
@keyframes downCloseBottomLinkPageByBottom {
    0% {
        bottom: 0
    }
    to {
        bottom: -100vh
    }
}
@-webkit-keyframes downCloseBottomLinkPageByTop {
    0% {
        top: 0
    }
    to {
        top: 100vh
    }
}
@keyframes downCloseBottomLinkPageByTop {
    0% {
        top: 0
    }
    to {
        top: 100vh
    }
}
@-webkit-keyframes showBottomLinkPageByTop {
    0% {
        top: 100vh
    }
    to {
        top: 0
    }
}
@keyframes showBottomLinkPageByTop {
    0% {
        top: 100vh
    }
    to {
        top: 0
    }
}
@-webkit-keyframes showBottomLinkPageByBottom {
    0% {
        bottom: -100vh
    }
    to {
        bottom: 0
    }
}
@keyframes showBottomLinkPageByBottom {
    0% {
        bottom: -100vh
    }
    to {
        bottom: 0
    }
}
.e-report-abuse .g-dialog-content {
    padding: 0;
    border-radius: 6px
}
.e-report-abuse .g-dialog-content .alert-content {
    margin: 0 !important
}
.e-report-abuse .title {
    height: .46rem;
    font-size: .2rem;
    line-height: .46rem
}
.e-report-abuse .content {
    padding: .1rem 0;
    text-align: left
}
.e-report-abuse .content li {
    font-size: .12rem;
    line-height: .35rem
}
.e-report-abuse .content li input {
    position: relative;
    width: .2rem;
    height: .2rem;
    margin-right: .15rem;
    margin-left: .15rem;
    vertical-align: middle;
    border: 1px solid #aaa;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none
}
.e-report-abuse .content li input[type=radio]:checked {
    border: 1px solid #68b30f;
    background-color: #68b30f
}
.e-report-abuse .content li input[type=radio]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 33.3%;
    height: .02rem;
    content: "";
    -webkit-transform: translate(-70%, -50%) rotate(45deg);
    transform: translate(-70%, -50%) rotate(45deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    background: #fff
}
.e-report-abuse .content li input[type=radio]:checked:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: .02rem;
    content: "";
    -webkit-transform: translate(-30%, -50%) rotate(-45deg);
    transform: translate(-30%, -50%) rotate(-45deg);
    background: #fff
}
.e-report-abuse .operation .btn {
    display: inline-block;
    width: 50%;
    height: .38rem;
    color: #0057af;
    border: 0;
    border-top: 1px solid #aaa;
    background: #fff;
    font-size: .16rem;
    line-height: .38rem
}
.e-report-abuse .operation .cancel-btn {
    border-right: 1px solid #aaa;
    border-bottom-left-radius: .5rem
}
.e-report-abuse .operation .confirm-btn {
    border-bottom-right-radius: .5rem
}
.e-confirm-dialog .title {
    height: .46rem;
    font-size: .2rem;
    line-height: .46rem
}
.e-confirm-dialog .confirm {
    display: inline-block;
    width: 100%;
    height: .38rem;
    color: #0057af;
    border: 0;
    border-top: 1px solid #aaa;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    background: #fff;
    font-size: .16rem;
    line-height: .38rem
}
.page-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 0;
    visibility: hidden
}
.page-item:not(.active) video, .page-item:not(.current) video {
    display: none
}
.page-item.active video, .page-item.current video {
    display: block
}
.page-item.current {
    z-index: 1;
    visibility: visible
}
.page-item.active {
    z-index: 2;
    visibility: visible
}
.page-item.active.has-app-navbar {
    top: -44px;
    bottom: -44px
}
.scroll-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    width: 100%
}
.scroll-wrapper.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.page-content {
    position: relative
}
.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 3px;
    bottom: 2px;
    top: 2px;
    right: 1px;
    overflow: hidden;
    pointer-events: none
}
.iScrollIndicator {
    position: absolute;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px
}
.capture .iScrollIndicator, .capture .iScrollVerticalScrollbar {
    display: none
}
@-webkit-keyframes pageMoveInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageMoveInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageMoveInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageMoveInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageMoveOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes pageMoveOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@-webkit-keyframes pageMoveOutDown {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes pageMoveOutDown {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@-webkit-keyframes pageMoveInUpCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageMoveInUpCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageMoveInDownCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageMoveInDownCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageMoveOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes pageMoveOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@-webkit-keyframes pageMoveOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes pageMoveOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@-webkit-keyframes pageFadeInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes pageFadeInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@-webkit-keyframes pageFadeInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes pageFadeInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@-webkit-keyframes pageFadeOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: .3
    }
}
@keyframes pageFadeOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: .3
    }
}
@-webkit-keyframes pageFadeOutDown {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: .3
    }
}
@keyframes pageFadeOutDown {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: .3
    }
}
@-webkit-keyframes pageFadeInUpCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes pageFadeInUpCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@-webkit-keyframes pageFadeInDownCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@keyframes pageFadeInDownCancel {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
@-webkit-keyframes pageFadeOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: .3
    }
}
@keyframes pageFadeOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: .3
    }
}
@-webkit-keyframes pageFadeOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: .3
    }
}
@keyframes pageFadeOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: .3
    }
}
@-webkit-keyframes pageCoverInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageCoverInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageCoverInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageCoverInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageCoverOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes pageCoverOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@-webkit-keyframes pageCoverOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes pageCoverOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@-webkit-keyframes pageCarouselInUp {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@keyframes pageCarouselInUp {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@-webkit-keyframes pageCarouselInDown {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@keyframes pageCarouselInDown {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@-webkit-keyframes pageCarouselOutUp {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4);
        transform: translate3d(0, -200%, 0) scale(.4);
        opacity: .3
    }
}
@keyframes pageCarouselOutUp {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4);
        transform: translate3d(0, -200%, 0) scale(.4);
        opacity: .3
    }
}
@-webkit-keyframes pageCarouselOutDown {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4);
        transform: translate3d(0, 200%, 0) scale(.4);
        opacity: .3
    }
}
@keyframes pageCarouselOutDown {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4);
        transform: translate3d(0, 200%, 0) scale(.4);
        opacity: .3
    }
}
@-webkit-keyframes pageCarouselInUpCancel {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@keyframes pageCarouselInUpCancel {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@-webkit-keyframes pageCarouselInDownCancel {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@keyframes pageCarouselInDownCancel {
    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}
@-webkit-keyframes pageCarouselOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4);
        transform: translate3d(0, -200%, 0) scale(.4);
        opacity: .3
    }
}
@keyframes pageCarouselOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4);
        transform: translate3d(0, -200%, 0) scale(.4);
        opacity: .3
    }
}
@-webkit-keyframes pageCarouselOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4);
        transform: translate3d(0, 200%, 0) scale(.4);
        opacity: .3
    }
}
@keyframes pageCarouselOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4);
        transform: translate3d(0, 200%, 0) scale(.4);
        opacity: .3
    }
}
@-webkit-keyframes pageScaleInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageScaleInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageScaleInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageScaleInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageScaleOutUp {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}
@keyframes pageScaleOutUp {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}
@-webkit-keyframes pageScaleOutDown {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}
@keyframes pageScaleOutDown {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}
@-webkit-keyframes pageScaleInUpCancel {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes pageScaleInUpCancel {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes pageScaleInDownCancel {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes pageScaleInDownCancel {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes pageScaleOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes pageScaleOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@-webkit-keyframes pageScaleOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes pageScaleOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@-webkit-keyframes pageGlueInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageGlueInUp {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageGlueInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes pageGlueInDown {
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pageGlueOutUp {
    to {
        -webkit-transform: translateZ(200px) scale(.6) rotateX(-20deg);
        transform: translateZ(200px) scale(.6) rotateX(-20deg);
        opacity: 0
    }
}
@keyframes pageGlueOutUp {
    to {
        -webkit-transform: translateZ(200px) scale(.6) rotateX(-20deg);
        transform: translateZ(200px) scale(.6) rotateX(-20deg);
        opacity: 0
    }
}
@-webkit-keyframes pageGlueOutDown {
    to {
        -webkit-transform: translateZ(200px) scale(.6) rotateX(20deg);
        transform: translateZ(200px) scale(.6) rotateX(20deg);
        opacity: 0
    }
}
@keyframes pageGlueOutDown {
    to {
        -webkit-transform: translateZ(200px) scale(.6) rotateX(20deg);
        transform: translateZ(200px) scale(.6) rotateX(20deg);
        opacity: 0
    }
}
@-webkit-keyframes pageGlueInUpCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@keyframes pageGlueInUpCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@-webkit-keyframes pageGlueInDownCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@keyframes pageGlueInDownCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@-webkit-keyframes pageGlueOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes pageGlueOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@-webkit-keyframes pageGlueOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes pageGlueOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@-webkit-keyframes pageCvbeInUp {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotateX(0);
        transform: translateZ(0) translateZ(0) rotateX(0);
        opacity: 1;
        z-index: 2
    }
}
@keyframes pageCvbeInUp {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotateX(0);
        transform: translateZ(0) translateZ(0) rotateX(0);
        opacity: 1;
        z-index: 2
    }
}
@-webkit-keyframes pageCvbeOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        opacity: .3;
        z-index: 1
    }
}
@keyframes pageCvbeOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        opacity: .3;
        z-index: 1
    }
}
@-webkit-keyframes pageCvbeInDown {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotateX(0);
        transform: translateZ(0) translateZ(0) rotateX(0);
        opacity: 1;
        z-index: 2
    }
}
@keyframes pageCvbeInDown {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotateX(0);
        transform: translateZ(0) translateZ(0) rotateX(0);
        opacity: 1;
        z-index: 2
    }
}
@-webkit-keyframes pageCvbeOutDown {
    to {
        -webkit-transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        opacity: .3;
        z-index: 1
    }
}
@keyframes pageCvbeOutDown {
    to {
        -webkit-transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        opacity: .3;
        z-index: 1
    }
}
@-webkit-keyframes pageCvbeInUpCancel {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotate(0deg);
        transform: translateZ(0) translateZ(0) rotate(0deg);
        opacity: 1
    }
}
@keyframes pageCvbeInUpCancel {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotate(0deg);
        transform: translateZ(0) translateZ(0) rotate(0deg);
        opacity: 1
    }
}
@-webkit-keyframes pageCvbeInDownCancel {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotateX(0deg);
        transform: translateZ(0) translateZ(0) rotateX(0deg);
        opacity: 1
    }
}
@keyframes pageCvbeInDownCancel {
    to {
        -webkit-transform: translateZ(0) translateZ(0) rotateX(0deg);
        transform: translateZ(0) translateZ(0) rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes pageCvbeOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        opacity: .3
    }
}
@keyframes pageCvbeOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        transform: translate3d(0, -100%, 0) translateZ(0) rotateX(90deg);
        opacity: .3
    }
}
@-webkit-keyframes pageCvbeOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        opacity: .3
    }
}
@keyframes pageCvbeOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        transform: translate3d(0, 100%, 0) translateZ(0) rotateX(-90deg);
        opacity: .3
    }
}
@-webkit-keyframes pagePushInUp {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}
@keyframes pagePushInUp {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes pagePushInDown {
    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}
@keyframes pagePushInDown {
    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}
@-webkit-keyframes pagePushOutUp {
    to {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
}
@keyframes pagePushOutUp {
    to {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
}
@-webkit-keyframes pagePushOutDown {
    to {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0
    }
}
@keyframes pagePushOutDown {
    to {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0
    }
}
@-webkit-keyframes pagePushInUpCancel {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}
@keyframes pagePushInUpCancel {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes pagePushInDownCancel {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}
@keyframes pagePushInDownCancel {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes pagePushOutUpCancel {
    to {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
}
@keyframes pagePushOutUpCancel {
    to {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
}
@-webkit-keyframes pagePushOutDownCancel {
    to {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0
    }
}
@keyframes pagePushOutDownCancel {
    to {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0
    }
}
@-webkit-keyframes pageThreedInUp {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@keyframes pageThreedInUp {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@-webkit-keyframes pageThreedInDown {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@keyframes pageThreedInDown {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@-webkit-keyframes pageThreedOutUp {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
@keyframes pageThreedOutUp {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
@-webkit-keyframes pageThreedOutDown {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
@keyframes pageThreedOutDown {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
@-webkit-keyframes pageThreedInUpCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@keyframes pageThreedInUpCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotateX(0);
        transform: translateZ(0) scale(1) rotateX(0);
        opacity: 1
    }
}
@-webkit-keyframes pageThreedInDownCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotate(0);
        transform: translateZ(0) scale(1) rotate(0);
        opacity: 1
    }
}
@keyframes pageThreedInDownCancel {
    to {
        -webkit-transform: translateZ(0) scale(1) rotate(0);
        transform: translateZ(0) scale(1) rotate(0);
        opacity: 1
    }
}
@-webkit-keyframes pageThreedOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
@keyframes pageThreedOutUpCancel {
    to {
        -webkit-transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, -200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
@-webkit-keyframes pageThreedOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
@keyframes pageThreedOutDownCancel {
    to {
        -webkit-transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        transform: translate3d(0, 200%, 0) scale(.4) rotateX(65deg);
        opacity: .3
    }
}
.rp-gg-dialog {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto
}
.rp-gg-dialog .alert-content .gg-content, .rp-gg-dialog .g-dialog-content, .rp-gg-dialog .gg-img, .rp-gg-dialog .r-alert-content {
    border-radius: 4px
}
.rp-gg-dialog .g-dialog-modal {
    display: none;
    -webkit-animation: none;
    animation: none
}
.rp-gg-dialog .g-dialog-content {
    width: 95%;
    height: auto;
    margin: 0;
    padding: 0;
    -webkit-animation: none;
    animation: none
}
.rp-gg-dialog .g-dialog-content .r-alert-content .alert-content {
    margin: 0;
    padding: 0
}
.rp-gg-dialog .g-dialog-content .gg-content {
    position: relative;
    overflow: hidden
}
.rp-gg-dialog .g-dialog-content .gg-content a {
    border-radius: 4px
}
.rp-gg-dialog .g-dialog-content .gg-content .gg-img {
    display: block;
    width: 100%;
    border-radius: inherit
}
.rp-gg-dialog .g-dialog-content .gg-content .gg-label {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2px 3px;
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 0 8px 0 4px;
    background-color: rgba(0, 0, 0, .32);
    font-size: 12px;
    font-weight: 700
}
.rp-gg-dialog .g-dialog-content .gg-content .gg-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 24px;
    height: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 0 4px 0 8px;
    background-color: rgba(0, 0, 0, .32)
}
.rp-gg-dialog .g-dialog-content .gg-content .gg-close-btn .close-img {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAaElEQVQoU5WQXQ2AMAwGryrQAC7ABRrQgwZcgAs8oOIjXTbCkj10fbxef03SCOzAamYPv5A0AAewmaQTmIEbWIqcJc9NwOWiVxWQ5Ny0YuawITv2Tt+UJDZkR9UqfWJodPiYnveEHv4CIXtP9f31H+4AAAAASUVORK5CYII=)
}
.rp-gg-dialog.show-mask .g-dialog-modal {
    display: block
}
.rp-gg-dialog.full-width .g-dialog-content {
    width: 100%
}
.rp-gg-dialog.full-width .g-dialog-content .alert-content .gg-content, .rp-gg-dialog.full-width .g-dialog-content .g-dialog-content, .rp-gg-dialog.full-width .g-dialog-content .gg-content > a, .rp-gg-dialog.full-width .g-dialog-content .gg-img, .rp-gg-dialog.full-width .g-dialog-content .r-alert-content {
    border-radius: 0
}
.rp-gg-dialog.full-width .g-dialog-content .gg-label {
    border-radius: 0 8px 0 0
}
.rp-gg-dialog.full-width .g-dialog-content .gg-close-btn {
    border-radius: 0 0 0 8px
}
.rp-gg-dialog.full-height {
    height: 100%
}
.rp-gg-dialog.position-center {
    top: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.rp-gg-dialog.position-bottom {
    top: unset;
    bottom: 0;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}
.empty-page {
    position: fixed;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}
.empty-page > img {
    width: 1.31rem;
    height: 1.14rem
}
.empty-page > span {
    margin-top: .1rem;
    font-size: .18rem;
    color: #333
}
.e-mask {
    position: absolute;
    z-index: 9999;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.28rem;
    text-align: center;
    background: rgba(214, 0, 0, .8);
    color: #fff;
    font-size: 16px
}
.e-mask p {
    line-height: 25px
}
.e-mask p .purchase-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    width: 2.58rem;
    height: .32rem;
    background: rgba(0, 0, 0, .5);
    margin-top: .1rem;
    border-radius: 2px
}
.e-mask p .purchase-btn img {
    margin-right: .1rem;
    width: .13rem;
    height: .13rem
}
.app-navigation-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    padding: 0 10px
}
.app-navigation-bar .close-area, .app-navigation-bar .share-area {
    height: 20px;
    width: 20px;
    background-size: cover;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}
.app-navigation-bar .title-area {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
/*# sourceMappingURL=app.f604c2310a.css.map*/