.app-win {
    position: fixed;
    z-index: 1;
    width: 100%;
    padding: .2rem 0;
    text-align: left;
    background-color: rgba(0, 0, 0, .5)
}

.app-win-hide {
    display: none
}

.app-win.center {
    text-align: center
}

.app-win.center a {
    width: 50%
}

.app-win.close {
    display: none
}

.app-win a {
    display: inline-block;
    width: 36%;
    height: .69rem;
    margin-right: .1rem;
    margin-left: .36rem;
    font-size: .28rem;
    line-height: .65rem;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: .1rem
}

.app-win a svg {
    position: relative;
    top: .1rem;
    margin-right: .05rem
}

.app-win .app-close {
    position: relative;
    top: .15rem;
    right: .4rem;
    float: right;
    width: .4rem;
    height: .4rem;
    font-size: .32rem;
    border: .02rem solid #fff;
    border-radius: 50%
}

.app-win .app-close b {
    position: absolute;
    top: .08rem;
    left: .17rem;
    width: .02rem;
    height: .2rem;
    background: #fff
}

.app-win .app-close .clear-left {
    transform: rotate(45deg)
}

.app-win .app-close .clear-right {
    transform: rotate(-45deg)
}

.app-win .icon {
    width: .44rem;
    height: .44rem;
    fill: #fff
}

.app-win .icon__share {
    width: .6rem;
    height: .6rem;
    margin-bottom: -.45em
}

.app-win .icon__close-button {
    position: absolute;
    top: .45em;
    right: .45em;
    width: .875em;
    height: .875em
}

.app-win .center {
    text-align: center
}

.download-bar-model {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%
}

.download-bar-model.hide-model {
    display: none
}

.download-bar-model .bar-header {
    display: flex;
    flex-wrap: wrap;
    padding-top: .2rem;
    background-color: #e4f3ff;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem
}

.download-bar-model .bar-header__break {
    flex-basis: 100%;
    height: 0
}

.download-bar-model .bar-header__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.download-bar-model .bar-header__btn {
    padding: .14rem .28rem;
    margin-bottom: .24rem;
    font-size: .3rem;
    color: #fff;
    background: linear-gradient(-90deg, #428ff2, #37e4f4);
    border-radius: .43rem
}

.download-bar-model .bar-header__icon {
    display: flex;
    align-items: center
}

.download-bar-model .bar-header__icon i {
    display: block;
    width: 1.83rem;
    height: 1.5rem;
    margin-right: .12rem;
    margin-bottom: .2rem;
    margin-left: .06rem;
    background: url(/m/header-bg.e4809ddf.png) no-repeat;
    background-size: 100% 100%
}

.download-bar-model .bar-header__content {
    flex: 1 0 0%
}

.download-bar-model .bar-header__title {
    margin-bottom: .08rem;
    font-size: .28rem;
    color: #008aff
}

.download-bar-model .bar-header__list {
    padding-bottom: .18rem;
    margin-right: .2rem;
    font-size: .26rem;
    line-height: 1.4;
    color: #666
}

.download-bar-model .bar-body {
    padding: 0 .35rem .6rem
}

.download-bar-model .bar-model-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

.download-bar-model .bar-model-close {
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    width: .76rem;
    height: .76rem;
    margin-left: -.38rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAWlBMVEUAAACSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpL///+5ubm2trb29vbU1NTR0dGyfb2lAAAAF3RSTlMA6Tj0z7cgCkExmuDXrpCFflQRncFvZ4QL+n8AAAHaSURBVFjDtdjbboMwEATQtbEx4ZYLTQZI+/+/2apFQk0cdohhXhFHOCZ4d2Uxwd5a7yoDmMr59lYEeTP29IGnfJzseik/1XiR+pSvog4NFtMceMpDjee4Swsq7UW3zgZkzFmhQocV6cLiHjqsilvYV2uwMsa+sooMq5MVmpWu2YhFaZGV5gZvxjztQnB4Oy48YCUS0j2890jK+d//0aRh5qIvkk85WwckZ/4i+XTMyxQLbPdozRZYM737iGS830fEM8Qv5b/YEZHc+74f4tbPlTuec/zFqjg2aRErjlWvf/6xn7SY1Y+IxM6rjN81UNa8TgdFIy04kQAoGmkBQQpoGmuhkCtUjbRwlRK6xlkoxYPQKAteajAaY6EWA0b7JCwYycBojIVMAFYboYXA8LfGL+iYoZ9sgLrMirBIzYijrC9Gq8Uz1oiB0LyUlAVGK+VKWZR2lYKxOK2QQFikFkScapGaE5GjZunafKBYxaI1Ox3CikWdKdVCeTDdE9EWy4P8FTauqjXyqaRSqiDqUrNpsbdlGbppgbxl6b5pU7FXuyPSpVjdTi1ievO6T1ud3vDvPYpIH5Kkj292Hyylj7z2H8bxY0I2Vhtg2t1Hq+lDXz6huLW+Nhk5jv4G/MaWkBvRG94AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.download-bar-model .bar-model-content {
    position: relative;
    top: 50%;
    margin: 0 .5rem;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: .14rem;
    transform: translateY(-60%)
}

.download-bar-model .bar-model-content .item-link {
    display: block;
    height: .86rem;
    margin-top: .6rem;
    font-size: .3rem;
    line-height: .86rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(-90deg, #fe766c, #ec1468);
    border-radius: .43rem
}

.download-bar-model .bar-model-content .item-link.iphone-link1 {
    background: linear-gradient(-90deg, #7f55f3, #d89afd)
}

.download-bar-model .bar-model-content .item-link.iphone-link2 {
    background: linear-gradient(-90deg, #3887fe, #2bd5f0)
}

.download-bar-model .bar-model-content .item-link.main-home {
    background: linear-gradient(-90deg, #64c213, #a8eb25)
}

.download-bar-model .bar-model-content .item-link img {
    display: inline-block;
    width: .55rem;
    height: .55rem;
    margin-top: -.06rem;
    margin-right: .5em;
    vertical-align: middle
}

.ios-guide--modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483641;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(.05rem);
    backdrop-filter: blur(.05rem)
}

.ios-guide--modal.light .ios-guide--content {
    color: #1f1f1f;
    background-color: #fff
}

.ios-guide--modal.on {
    display: block
}

.ios-guide--modal .popup-slide-enter {
    opacity: 0;
    transform: translateY(100%)
}

.ios-guide--modal .popup-slide-enter-active,
.ios-guide--modal .popup-slide-exit {
    opacity: 1;
    transform: translateY(0)
}

.ios-guide--modal .popup-slide-exit-active {
    opacity: 0;
    transform: translateY(100%)
}

.ios-guide--content {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: .4rem .8rem;
    color: #fff;
    background-color: #151d29;
    border-radius: .15rem .15rem 0 0;
    transition: all .25s
}

.ios-guide--content .bold {
    font-weight: 700
}

.ios-guide--content .guide-popup-title {
    margin-bottom: .2rem;
    font-size: .36rem;
    font-weight: 700;
    text-align: center
}

.ios-guide--content .guide-step-text {
    margin-bottom: .16rem;
    font-size: .26rem
}

.ios-guide--content .guide-step-text-group1 {
    position: absolute;
    top: 0;
    left: .5rem;
    display: flex;
    flex-direction: column;
    text-align: left
}

.ios-guide--content .guide-step-image-wrap {
    position: relative;
    text-align: center
}

.ios-guide--content .guide-step-image {
    width: 5.6rem;
    height: auto
}

.ios-guide--content .guide-step-text-group2 {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%
}

.ios-guide--content .guide-step-text-group2--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 86%;
    margin: 0 auto
}

.ios-guide--content .guide-step-text-group2--header .guide-img-text {
    color: #1678ff
}

.ios-guide--content .guide-step-text-group2--content {
    display: flex;
    flex-direction: row;
    margin-top: .68rem;
    margin-left: .32rem
}

.ios-guide--content .guide-step-text-group2--content .guide-img-text {
    display: flex;
    align-items: center;
    max-width: 4.2rem
}

.ios-guide--content .guide-img-text {
    height: .72rem;
    font-size: .28rem;
    line-height: .72rem;
    color: #1f1f1f
}

.ios-guide--content .guide-img-text:nth-child(4) {
    margin-top: .12rem
}

.ios-guide--content .guide-img-text--title {
    flex: 1 1 0%;
    max-width: 4.2rem;
    height: auto;
    line-height: normal
}

.ios-guide--content .guide-img-text--url {
    flex: 1 1 0%;
    height: auto;
    margin-top: .2rem;
    line-height: normal;
    color: #5e5e5e
}

.ios-guide--content .guide-img-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ios-guide--content .guide-img-text--app-icon {
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    border-radius: .2rem
}

.ios-guide--content .guide-step-text-group2--text-group {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    height: 1rem
}

.ios-guide--content .ios-guide--part2 {
    margin-top: .16rem
}

.ios-guide--content .ios-guide--close {
    position: absolute;
    top: .4rem;
    right: .3rem;
    width: .3rem;
    height: .3rem
}

.ios-guide--content .ios-guide--close :after {
    position: absolute;
    inset: -.1rem;
    content: ""
}

.ios-guide--content .down-pointer {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .8rem;
    height: auto;
    transform: rotate(180deg) translateX(50%);
    animation: downSwing .9s ease-in-out infinite
}

@keyframes downSwing {
    0% {
        bottom: 0
    }
    50% {
        bottom: .3rem
    }
    to {
        bottom: 0
    }
}

.force-download-modal .bottom-btn-tips {
    position: absolute;
    top: -.26rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .04rem .2rem;
    font-size: .16rem;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background: #ea4e3d;
    border-radius: .125rem .125rem .125rem 0
}

.force-download-modal .continue-use {
    margin-bottom: .25rem;
    font-size: .32rem;
    font-weight: 600;
    text-align: center;
    text-decoration: underline
}

.force-download-modal.dark {
    background: rgba(0, 0, 0, .7)
}

.force-download-modal.dark .continue-use {
    color: #fff60a
}

.force-download-modal.dark .force-download-modal__desc {
    color: #fff
}

.force-download-modal.dark .force-download-modal__download-btn--primary {
    background: #1678ff;
    border: .02rem solid #1678ff
}

.force-download-modal.dark .force-download-modal__download-btn--secondary {
    background: hsla(0, 0%, 100%, 0);
    border: .02rem solid #1678ff
}

.force-download-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483640;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100%;
    font-size: .32rem;
    background: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem)
}

.force-download-modal.on {
    display: flex
}

.force-download-modal__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 .5rem
}

.force-download-modal__logo {
    margin-bottom: .26rem
}

.force-download-modal__logo img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem
}

.force-download-modal__desc {
    margin-bottom: .7rem;
    line-height: normal;
    color: #323232
}

.force-download-modal__footer {
    display: flex
}

.force-download-modal__download-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.96rem;
    height: .7rem;
    padding: 0;
    font-size: .24rem;
    line-height: 0;
    border: .02rem solid #1678ff;
    border-radius: .14rem
}

.force-download-modal__download-btn+.force-download-modal__download-btn {
    margin-left: .15rem
}

.force-download-modal__download-btn--primary {
    color: #fff;
    background-color: #1678ff
}

.force-download-modal__download-btn--secondary {
    color: #1678ff;
    background: hsla(0, 0%, 100%, 0);
    box-shadow: 0 .04rem 0 0 rgba(0, 0, 0, .02)
}

.force-download-modal .bottom-btn-icon {
    width: .4rem;
    height: .4rem;
    margin-right: .12rem
}

.force-download-modal .continue-use {
    color: #16b9ff
}

.force-download-modal .fade-in-enter {
    opacity: 0;
    transition: opacity .2s ease
}

.force-download-modal .fade-in-enter-active {
    opacity: 1
}

.force-download-modal .fade-in-exit {
    opacity: 1;
    transition: opacity .2s ease
}

.force-download-modal .fade-in-exit-active {
    opacity: 0
}

.common-modal-container.dark .common-modal-content {
    background-color: rgba(0, 0, 0, .8);
    box-shadow: 0 -.04rem .1rem 0 hsla(0, 0%, 100%, .25);
    -webkit-backdrop-filter: blur(.05rem);
    backdrop-filter: blur(.05rem)
}

.common-modal-container.dark .common-modal-body,
.common-modal-container.dark .common-modal-title {
    color: #fff
}

.common-modal-container.dark .common-modal-button {
    color: #16b9ff
}

.common-modal-container.dark .common-modal-button:active {
    background-color: hsla(0, 0%, 100%, .25)
}

.common-modal-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483641;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100%
}

.common-modal-container .common-modal-wrap {
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.common-modal-container .common-modal-title {
    font-weight: 700
}

.common-modal-container .common-modal-content {
    position: relative;
    height: auto;
    padding-top: .3rem;
    overflow: hidden;
    text-align: center;
    background: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: .14rem;
    box-shadow: 0 -.04rem .1rem 0 rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(.05rem);
    backdrop-filter: blur(.05rem)
}

.common-modal-container .common-modal {
    position: relative;
    width: 5.4rem;
    height: auto
}

.common-modal-container .common-modal-header {
    padding: .12rem .3rem .3rem
}

.common-modal-container .common-modal-body {
    height: 100%;
    padding: 0 .3rem .3rem;
    overflow: auto;
    font-size: .3rem;
    line-height: 1.5;
    color: #888
}

.common-modal-container .common-modal-button {
    box-sizing: border-box;
    display: block;
    width: auto;
    height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .36rem;
    line-height: 1rem;
    color: #108ee9;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    border-top: 1px solid #ddd;
    transition: all .2s;
    -webkit-touch-callout: none
}

.common-modal-container .common-modal-button:active {
    background-color: #ddd
}

.bottom-modal.a2hs .bottom-btn-tips {
    position: absolute;
    top: -.26rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .04rem .2rem;
    font-size: .16rem;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background: #ea4e3d;
    border-radius: .125rem .125rem .125rem 0
}

.bottom-modal.a2hs .continue-use {
    margin-bottom: .25rem;
    font-size: .32rem;
    font-weight: 600;
    text-align: center;
    text-decoration: underline
}

.bottom-modal.a2hs {
    background: unset
}

.bottom-modal.a2hs .bottom-modal--content-main {
    grid-template-columns: 1.2rem 1fr
}

.bottom-modal.a2hs .bottom-modal--content-main.one {
    grid-template-columns: 1fr
}

.bottom-modal.a2hs.dark .bottom-modal--content {
    background: unset;
    background-color: rgba(0, 0, 0, .8);
    box-shadow: 0 -.04rem .1rem 0 hsla(0, 0%, 100%, .25);
    -webkit-backdrop-filter: blur(.05rem);
    backdrop-filter: blur(.05rem)
}

.bottom-modal.a2hs.dark .continue-use {
    color: #fff60a
}

.bottom-modal.a2hs.dark .bottom-btn--primary {
    background-color: #16b9ff;
    border: .02rem solid #16b9ff
}

.bottom-modal.a2hs.dark .bottom-btn--secondary {
    color: #16b9ff;
    border: .02rem solid #16b9ff
}

.bottom-modal.a2hs.dark .bottom-modal--desc {
    color: #999
}

.bottom-modal.a2hs.light .bottom-modal--content {
    background: unset;
    background: hsla(0, 0%, 100%, .8);
    box-shadow: 0 -.04rem .1rem 0 rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(.05rem);
    backdrop-filter: blur(.05rem)
}

.bottom-modal.a2hs.light .continue-use {
    color: #16b9ff
}

.bottom-modal.a2hs.light .bottom-modal--desc {
    color: #323232
}

.bottom-modal.a2hs.light .bottom-modal--content-main {
    border-bottom: .02rem solid #cbcbcb
}

.bottom-modal.a2hs .a2hs-close--wrap {
    position: absolute;
    top: .3rem;
    right: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5rem;
    height: .5rem;
    background-color: #868686;
    border-radius: 50%
}

.bottom-modal.a2hs .a2hs-close {
    width: 50%;
    height: 50%;
    fill: #fff
}

.bottom-modal.a2hs .bottom-modal--content {
    padding: .14rem .3rem .32rem;
    border-radius: .15rem .15rem 0 0
}

.bottom-modal.a2hs .bottom-modal--desc {
    width: 94%;
    font-size: .3rem;
    font-weight: 700;
    line-height: 1.4
}

.bottom-modal.a2hs .bottom-modal--icon {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain
}

.bottom-modal.a2hs .bottom-modal--content-main {
    align-items: center;
    padding: .09rem .14rem;
    border-bottom: .02rem solid #999
}

.bottom-modal.a2hs .bottom-btn {
    position: relative;
    width: 2.96rem;
    height: .7rem;
    padding: 0;
    font-size: .24rem;
    line-height: 0;
    border: .02rem solid #1678ff;
    border-radius: .14rem
}

.bottom-modal.a2hs .bottom-btn+.bottom-btn {
    margin-left: .15rem
}

.bottom-modal.a2hs .bottom-btn--primary {
    color: #fff;
    background-color: #1678ff
}

.bottom-modal.a2hs .bottom-btn--secondary {
    color: #1678ff;
    background: hsla(0, 0%, 100%, 0);
    box-shadow: 0 .04rem 0 0 rgba(0, 0, 0, .02)
}

.bottom-modal.a2hs .bottom-btn-group {
    display: flex;
    justify-content: center
}

.bottom-modal.a2hs .bottom-btn-icon {
    width: .4rem;
    height: .4rem;
    margin-right: .12rem
}

.bottom-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483640;
    display: none;
    width: 100%;
    height: 100%;
    height: -webkit-fill-available;
    height: stretch;
    font-size: .28rem;
    color: var(--a2hs-font-color, #111);
    background: rgba(0, 0, 0, .65);
    -webkit-backdrop-filter: blur(.05rem);
    backdrop-filter: blur(.05rem)
}

@supports (height:100dvh) {
    .bottom-modal {
        height: 100dvh
    }
}

.bottom-modal.on {
    display: block
}

.bottom-modal--icon {
    flex: 0 0 1.28rem;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .08rem
}

.bottom-modal--content {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: .4rem;
    background-color: var(--a2hs-bg-color, #fff);
    transition: all .25s
}

.bottom-modal--content-main {
    display: grid;
    flex-direction: row;
    grid-auto-flow: column;
    grid-column-gap: .18rem;
    margin-bottom: .188rem
}

.bottom-modal .btn-group {
    display: flex;
    justify-content: flex-end
}

.bottom-modal .bottom-btn {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .2rem .5rem;
    font-size: .24rem;
    border-radius: .08rem
}

.bottom-modal .bottom-btn--cancel {
    color: var(--a2hs-btn-cancel-font-color, #111)
}

.bottom-modal .bottom-btn--agree {
    color: var(--a2hs-btn-color, #fff);
    background-color: var(--a2hs-btn-bg-color, #009d81)
}

.bottom-modal .popup-slide-enter {
    opacity: 0;
    transform: translateY(100%)
}

.bottom-modal .popup-slide-enter-active,
.bottom-modal .popup-slide-exit {
    opacity: 1;
    transform: translateY(0)
}

.bottom-modal .popup-slide-exit-active {
    opacity: 0;
    transform: translateY(100%)
}

.activity-goto-btn {
    display: grid !important;
    place-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: .6rem;
    padding: 0 .2rem;
    margin: 0 auto;
    color: var(--goto-color);
    background-color: var(--goto-bg-color);
    background-image: var(--goto-bg-img);
    border-radius: .3rem
}

.app-upgrade-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100012;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.app-upgrade-modal.show-modal .app-upgrade-body {
    animation-name: zoomIn;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.app-upgrade-modal.hide-modal {
    animation-name: fadeOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.app-upgrade-modal.hide-modal .app-upgrade-body {
    animation-name: zoomOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.app-upgrade-modal .app-upgrade-body {
    position: relative;
    width: 6rem;
    height: auto;
    color: #666;
    background-color: #fff;
    border-radius: .2rem;
    box-shadow: 0 1px .4183rem .0517rem rgba(80, 80, 80, .65)
}

.app-upgrade-modal .app-upgrade-body .close-btn {
    position: absolute;
    top: -.87rem;
    right: 0;
    z-index: 100013;
    color: #fff
}

.app-upgrade-modal .app-upgrade-body .close-btn svg {
    width: .55rem;
    height: .55rem;
    fill: currentcolor
}

.app-upgrade-modal .app-upgrade-body .banner-title {
    display: flex;
    align-items: center;
    width: 3.6rem;
    height: 1.04rem;
    padding-left: .34rem;
    margin-top: .48rem;
    font-size: .36rem;
    font-weight: 700;
    line-height: 1;
    color: var(--s-app-modal-color, #fff);
    text-shadow: 0 .02rem .1157rem rgba(0, 0, 0, .34)
}

.app-upgrade-modal .app-upgrade-body .app-upgrade-banner-bg {
    width: 100%;
    height: 2.15rem;
    background-color: rgb(var(--s-app-modal-bg-rgb, 183, 153, 128));
    border-radius: .2rem .2rem 0 0
}

.app-upgrade-modal .app-upgrade-body .app-upgrade-banner {
    position: absolute;
    top: -.2rem;
    width: 100%;
    height: 2.49333rem;
    background: url(/m/banner.4ff934c0.png) no-repeat 100%/100%
}

.app-upgrade-modal .app-upgrade-body .desc-wrap {
    margin-top: .56rem
}

.app-upgrade-modal .app-upgrade-body .desc-wrap .desc-text {
    max-width: 4.2rem;
    margin: 0 auto .35rem;
    font-size: .32rem;
    line-height: 1.2;
    color: #666;
    text-align: center
}

.app-upgrade-modal .app-upgrade-body .desc-wrap .download-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.07rem;
    height: .7rem;
    margin: 0 auto .48rem;
    font-size: .32rem;
    font-weight: 700;
    color: var(--s-app-modal-color, #fff);
    background-color: rgb(var(--s-app-modal-bg-rgb, 183, 153, 128));
    border-radius: .4rem;
    box-shadow: 0 .04rem .0837rem .63px rgba(var(--s-app-modal-bg-rgb, 183, 153, 128), .45)
}

.footer__chat-icon {
    position: relative;
    max-width: .6rem
}

.footer__chat .unread-count {
    position: absolute;
    top: -.24rem;
    right: -.4rem;
    min-width: 2em;
    padding: 0 .5em;
    font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue For Number, Roboto Mono, PingFang SC, Arial, sans-serif;
    font-size: .2rem;
    color: #fff;
    background-color: #fa5151;
    border-radius: 1em
}

.footer__chat img.chat-icon-img {
    width: 100%;
    height: auto
}

.country-code-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1.3rem;
    padding-left: .1rem;
    color: inherit
}

.country-code-input span.country-code {
    font-size: .25rem;
    font-weight: 400
}

.country-code-input img {
    position: relative;
    display: inline-block;
    width: .4rem;
    height: .4rem
}

.country-code-input i {
    position: relative;
    top: .07rem;
    width: 0;
    height: 0;
    border: .08rem solid transparent;
    border-top: .08rem solid red
}

.s-country-list-container {
    max-height: 6rem;
    overflow-y: scroll
}

.s-country-list-container .am-list-item .am-list-line .am-list-content {
    display: flex;
    align-items: center;
    font-size: .28rem;
    font-weight: 700
}

.s-country-list-container .header-wrap {
    position: relative;
    display: flex;
    align-items: center
}

.s-country-list-container .header-wrap .close-btn {
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 0;
    transform: translateY(-50%)
}

.s-country-list-container .am-list-header {
    height: .8rem
}

.s-country-list-container .am-list-body {
    height: 4.6rem;
    overflow-y: scroll
}

.s-country-list-container img {
    position: relative;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-right: .2rem
}

.download-bar {
    position: fixed;
    top: 0;
    z-index: 10001;
    width: 100%;
    height: 1.7rem !important;
    padding-top: .3rem;
    padding-left: 1.8rem;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACqBAMAAAAAZdeqAAAAJ1BMVEUil/8rkP80dvQ4h/4wefQqifopjfw0iv4wjf41ffkrhPktgPg3g/y/Ut+fAAAE7ElEQVR42uzVMW4EIRAFUSMCNkWcBP1g5lqIE6C5uANnmzS2G7VWqneESuoLb5Isq/7fF94UWSrdD8gyXHQ/4ZGh0/0EWQbdf3zgVun+h63S/YAmw033E6YMne4/PnGrdH/zkmXR/YAsS6X7AY8MF91PkKXT/YAky6D7AVmWRfcDmiyV7gdMGS66H5Bkuel+QJGl0/2AJsug+wFTlkV3f0mmSnd/RZaL7gc0WW66HzBl6XT3l2QadPdXZFp099dkqnT3N2W56O4vyXTT3V+he4gmU6e7vynToLu7JNuiu7ssW6W7uybTRXd/onuEl2w33d1l2Trd3U3ZBt29JdE9QtGGRXdvTRsq3b2J7hFe2nDR3VvWhpvu3h66R0ja0enurGjHoLuzRvcQ2rLo7utF9xBZWyrdfU3tuOjuK4nuEbK23HT39dA9QtKeTndXhe4hHu0ZdHclukcodA/xaNOiuyfRPULRrkp3R43uIbTrorujQvcQje4htO2mu59C9xAP3UNoX6e7m0L3EA/dIyTRPULWLwy6e5l0j5BE9wiZ7t/s2jFuGzEQhWEbxq6F7QLfYCAVlsptUxGjAwjQEEhcsUgKq/QJgpxCgEv5BtIJ3PpQ2cRBiNiSODQpcZec7wg/HobFbhIP0j2FUevlh3SP40a6J9FK9xSupXsSP6V7CpetdE/hSron8dB6+iTdIxi10j2FG+meRCvdU7iW7kk8SPcURq10T+FGuifRSvcUrqQ7U/JXVbqHG7XSnSv+q/r5Zd2Bv27X6xfpflKXbdslB7Bs/Mdn6X4i9RfbfG/7F+keXX2HCE7d7KV7PPVX7CjocNLLd48ovm3xD7Bc6aV7jPvySoGH9bN0D1Bt8B/wc/so3YMOjO3uXV66B1e3Z8bv3Ej3kOp27v7lpTtfZas75u62lv+wmeoNvgMfN/8u3Tnu8D0V0p3ISHeXe9wHwrqTNtKdfdgtFdi9o6U797BbEGJCr4x0Z50YS0XpTlq6u8cev3vHSPe3VngYBJmSpaW7a+yWCu9uGelu3eMxEGZG/9HSnTH2jorbnbSR7r81eBwEGtNbRrpfXCzxOBW/O+niu1dbdIB43S1dePcVuigIRvuYkrtv0AnC0V6m2O7VFp0UhHs6EL7Q7vfIABHsaD9dZPclMqhTdiddXvd6ixwQw5wO0aV1r5BFnbg76bK6r5AHopjQYbqk7ks859xhSkfoYrrXW2SCM3QnXUj3CrkUxDGjo3QR3ZuzZ4cxHacL6L5CNjhXd9LZd18im4JoyEVn3n2DfBDPkzt8zt3rLSaZO+zIaZFv9wp9QERzcjO5dm/Qhzp3dzJ5dm/QC8Q0IQ6TY/cVpps7TIklw+7LlNlhRiw6u+5L9ANxjYlHZ9Z9g35Uou60yKr7Bj1BbMRl8ulebzHR3K0n4sqme5c9+dxhR1w6k+419iA7zIltkUX3CjH9lQGYEJ/JoHuFvZg7TMnD8LtX2I+5w4w86KF3b/qSHcbkYzHs7g325Mp0yIsZcvcGezN3gB350APu3mCP5g5z8rIYbPd+ZYcJ+TED7f6r2jI0AgCGQaCqYS4WiInv/ktUYqmDH+EvRx5MWhmFpMt2egezzl0h6TKN3sGwc1dI2tw+73naFZI2W+cdTFsZheQHU+YdDDx3haRPl/dM7QpJn23yfpi4MkZIuq/1ASOZz07D7jXaAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    transition: all .5s
}

.download-bar.show-bar+.this-mc-header {
    top: 1.7rem !important
}

.download-bar.show-bar+.this-mc-header+div {
    margin-top: 2.7rem !important
}

.download-bar.show-bar+.this-mc-header+div .banners {
    margin-top: 0
}

.download-bar.show-bar+div+form {
    background-position: 100% 1.7rem
}

.download-bar.dark {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACqBAMAAAAAZdeqAAAAFVBMVEUyMjI3NzcrKyshISEuLi49PT0lJSV/zlfcAAAEsklEQVR42uzVwamlQBSE4XdV3HcI0gmoJe7FSMT8cxiY5d2cM0w1zYP/C+FfVP3gy6DIUv7fD77MihS6N3ArsNO9harASvcWFHno3sCgyEX3BkZFCt3/+o23SvdvrwIr3RuYFFno3sCsyEX3Bm5FCt0bqArsdG9BkZXuDQyKPHRvYFTkonsDVZFC9wYU2enewKDIQfcGZkU2ujdwK7LQvYFXkQ/d/SaFCt39ZkV2ujdwK3LQvYFXkY3ufpNCC939ZoUuuvvdChW6+72KnHT3GxQ66O43KrTS3a8qtNHdT7GF7naDYhfd7UbFCt3tqkIn3f0U2+luNyi20t3uVmyju92r2EN3t0kJC93dZiVcdHerSih0d1PCSXe3QQk73d1uJRx0d3uVsNLdbFLGRnezURkP3c2qMha695gZXXT3mpXyobvXrZRCd69XGSfdvQal7HTvMjMH3b1euvcwKWelu9WonI3uVlU5D917zIwWujvNdO+iKumie4+Z0YfuPWZGhe5Gle5O/pk56W40072Lqqyd7j6T6N7DrLSD7j5VaSvdbSbRvYdReRvdbSrde5hE9x5GKe+hu8tL9x4G/YuF7iY33f+wa8c4bsNAFIaRLO0+hXv72dYFBKQPM07PYi4QAbr/EbIuNgQS2xya46VEzneEHw+UQLCK0brXsB2z/LDuOo7WvQY3Wvcatta9iuOY54t11/l5t+41/LTuVUzWvYbtmOubdVdwtO41uNG61/Bm3auYrHsNX0frXsPRutfgRutew5t1r2Ky7jVsR+supv9V/T7Pv/HXME/W/aXcNTlummfr/jK/8NA8WXd1joiQNMx2D6yJrjxEZuuuN/UrSA2zdS9GHzwyDJN1V5h67C432TuOguoRss3Wvbg6eTxhtu7PVY/wnMG6l1Qnj2cN1j27eoTnbYJ1l6AbfEl3ZuueNfYIBS78zrrLq0e+uDsH634f3YHS7lfBuifGrtv9zB+s+y10l1fqzsG6p8ceociBo2DdU2OPfHn3yLonxh5BszsH654Yu87csed/WPfk2K+g3Z2DdU+MXWHuOPF/QvfdHaVAsXvUefd0do9ifEvX3SkNut2jfrs7SvMot+ObQqfdHQlAvXsUuuxOEh4KNnxH6LA7ieCl3Tn01t2RiIeGC9/XV3dHMlBx5gd66k5C/hO6cz/dSQo6DvxQJ90dSfnP6c5ddHckBiV7Tuige4XsOHFCaL47yXmo4ZTQeHfKAD27dPimu1MGr9o9KbTb3VEOKNpwWmi1u6Nac8eFBUKb3R1lgaYzSzTZ3VG9uePAIg12p0yo0Z2b6143O/YsExrrTpk8dJ1YKDTVnXJBG0u11J1qzT3asVQ73an+3LFhqdBId0cLmDsuLBaa6L6M7DizXAvdHS3hlAEOnGH93R0tY+7Yc4aw9u6OFjJ3nDhHWHf35WQHOMuquztayinzbsdZVtzd0YLmjg1nCavt7mhJc8eF86y1+59q6qAGYCAIoehlKqEClrROxsAc8G+ltcBmD/AlvBDM2LEolulebfUyG+6T6F5tNnc8VAt092MHKBfnXu32Mn831SbMvdpw7rgol+XuyY6XcpPkXu34MsDiocF/EDKYTlhwgcgAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.download-bar.dark .download-bar-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAARVBMVEUAAABtbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW3y8vKEhIT////q6ura2tqbm5u8f1auAAAAEHRSTlMA7Zjjs6yHWDccE9PSeXgKqj4VcgAAAO1JREFUOMuNlUuWgzAMBKUQGwOBNOFz/6MOi4yN08mja8WingSW3FhNmsLDAX+EKdlPutjgRBO7r1p/A3Hr2WsdX/D208vlqGilPe/4yf1phbPHJvW97N7igvZ9Ln4lel8aC807CHSHGJHZ5hcKr3nLz/EQT/Odl8Ms3rKWuZulc423WZ4zyUawyR4mC2CTPQQbwCZ7GMzB5k4e3AA2F/IAFrEf4g4SXavoNmjvOFjQvjrYqJ3jZEmbTDJrlFk3ec0utifWi7ut1T6uW1lc9SrIl0u+rnoA6JGih5Qee3qQ6tGsh30hjf+/jzFZxR+Ckk6I2sO5RAAAAABJRU5ErkJggg==) no-repeat;
    background-size: .42rem .42rem
}

.download-bar.dark .download-bar-btn {
    background: linear-gradient(180deg, #fe303c, #f8717a)
}

.download-bar.dark .download-bar-gift {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABFCAMAAADEkbAlAAAAV1BMVEUAAABhQtVrSN+ZZ/5+Vu+PYPpkRNhyTuZrSd+YZv6SY/uMX/eAV/B6U+yGW/RhQtVsSuBiQ9ZlRdlyTeZoR9x3Uep8Ve6BWPGMX/eHXPSGXPSQYfqVZf2S29mRAAAAEHRSTlMAiB8fHx/f39/f39/f399ozQBaKAAAAQZJREFUWMOtzlmSwjAMRdFuupknY2dwiPa/TkxBQQgeJOvdJ/+e8g+gP4SxRRiEMAhhEMIghEEIg1TGjh4hDEIYhDCo3hjfIYxRYSiR5X78qNbw01UZfhbC8AjDIwwvN4b7Pk9onIZYCGNAGIPIuCbiG//B6OOTGMnYxqFPJzKuibGNXAij5xldPqbRZ8c1spWNY1eMabTZxzHarlDJaDkVjY5xJUP7k0UwtMhi3XLLGo65tOH4IQyHMBzCcCnDSBY1jLCIsTFG9A/jooYzsiKGvJjRhIlK/qMR3Mxoqvo2jPxmRl0TY9XUNjFsdQjDIgyLMOzTuKh6GVaxh6FMb4QARkDOv/puKYaxAB8Y6XYAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.download-bar.hide-bar {
    top: -1.7rem
}

.download-bar.hide-bar+.this-mc-header {
    top: 0 !important;
    transition: all .5s
}

.download-bar.hide-bar+.this-mc-header+div {
    transition: all .5s
}

.download-bar.hide-bar+div+form {
    padding-top: 0 !important;
    margin-top: 0 !important;
    transition: all .5s
}

.download-bar.hide-bar .download-bar-gift {
    display: none
}

.download-bar+div+form {
    padding-top: 1.7rem !important;
    transition: all .5s
}

.download-bar .download-bar-icon {
    position: absolute;
    top: .16rem;
    left: .2rem;
    width: 1.4rem;
    height: 1.4rem;
    overflow: hidden;
    background-color: #fff;
    border-radius: .32rem
}

.download-bar .download-bar-icon img {
    width: 1.4rem;
    height: 1.4rem
}

.download-bar .download-app-name {
    font-size: .32rem
}

.download-bar .official-logo {
    display: inline-block;
    min-width: .68rem;
    height: .38rem;
    padding: 0 1em;
    margin-left: .13rem;
    font-size: .2rem;
    line-height: .38rem;
    vertical-align: middle;
    color: #34bff9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAmVBMVEUAAABe4oxO1Lpj5YA1wPdl53o2wfVk5nxm53c8xeVg44dm53c0v/o7xOk2wfVl5nth5IM0v/o5w+w5w+zu8/hm53g0wPnM6/c/yNxCy9VJ0MRP1bNV2qJY3Zpb35Pq8/Y2wfU3wvA8xuOB1vQ6xOvW8ePS8OBFzM9GzspL0r5N07lS161T2Khg5IXl8fhSyPOZ6rKc661455DHd3IrAAAAFHRSTlMA/gb+lJMrKvj219fW1ry8j/SQj40QoG8AAAECSURBVEjHrdbXdcMwEETRZVaWbBMGMwIpZlqh/+JMSR1g8Aq4Z89+Db2Kgv2GGbTZBxF9cgMGFLhv48zYoxWxQaJ9MHZ+KYH3vMbGXZ9eQBR53moAiudFdFnuMdR9udBuaTGkXXbkOAJDhOOsSAy2IlWFIlVlBylLFClLO0hRoEhR2EHmGUXmmaYJRaaJ8hxF8twOMo4oMo40DCgyDJRlKJJldpC+R5G+p65Dka6jNEWRNLWDJAmKJIkdRGsU0Zq2WmDGn97SseEYwpsj/TQ1htTNN4VKcegQpUIiX904YNyUT0TuScqaC6Of8lrK02cq+fLXOOm79Cn0D0bC18EPae0fIXfMvcEuS6UAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.download-bar .app-star-grade {
    height: .25rem;
    margin-top: .12rem;
    font-size: .24rem;
    font-weight: 700;
    color: #fff
}

.download-bar .app-star-grade .star-icon {
    display: inline-block;
    width: .24rem;
    height: .25rem;
    margin-right: .08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAB8UlEQVRIibWVO2gVQRSGvw3rE01xDRbaqFwlRvAaomJA0ZQqWAZsLLUQRAQFsQ/WAQ1EC3sbRVMbIaCFj0YFQcTKEPGFj4By5/yyl71xd2eyd68xH5xi/v3PnJ3ZszORHh+hC54AG4Ah4HOVtBiTJy7C+XTihGvAybAtT6SZw564CJ+AWuZRX6qV0tNaQecYxVQr+C5VyY00fajsBdq8BAYK2jdgE/DTc2fowYkOMYzTQMDTi9OpgJ6LKgXGAlo7zgW0XMStQZ61wA6gARwFyvq4H5gC7gHPgVfA96wh0v3hOnAB2AVsTKPmTVWN5Lt8SOM1cDPSnQNz6aTLgZIt+riMBb7GNO048HQJ21LGiWQF74B9wAtgTYm5W5LmmIlptrroLXAwXcn/YBR4SOuway606TNgBHiwxAJngdvtQYyz7MNp4BhwF1jhpZaTvOlF4HrWFWmiEcpKfpo9nlrObHo25Qj9yQmrPKUz69NTYL5TgV5g6z8UWAfsT7e5tMBuYLWXXo29VQoMdTdnji1FIVSg7qX95Q3wo6QB+opC6D7YHNB+4XQZp+04DeJ0BqfZgK8fpyh/4fj36M7C+AambZiuZrRJTHVMYwVvA9PKrBYqcAvTF0yPMI1gOo3pfcA3j+kKpkFMU5jmMI1j+r3gMfEHYuuCMyxwS34AAAAASUVORK5CYII=) no-repeat;
    background-size: .24rem .25rem
}

.download-bar .app-star-grade .grade-text {
    display: inline-block;
    vertical-align: top;
    color: transparent;
    background: linear-gradient(0deg, #ff8027, #ffc840);
    -webkit-background-clip: text;
    background-clip: text
}

.download-bar .download-bar-gift {
    position: absolute;
    right: 0;
    bottom: 0;
    width: .68rem;
    height: .69rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABFCAMAAADEkbAlAAAAV1BMVEUAAAAaEYYhGZovL8MmH6khGJg1OM4xMsYuK8ArJrkdFY8bEokoI7IkHKAaEYYaEYkdFI4kHKEiGpspJLQfFpMmH6cnIa0hGJYrKb0vLcI0NswwMcUyM8hGEzoQAAAAD3RSTlMAiB8f39/f39/f39/f32hUJc9FAAAA+ElEQVRYw63O2ZrCIBBE4Zk4izuIihF9/+f0ptwIJtBVp/v6/+pL0Exh/CmMpDCSwkgKIymMpDCSwkiM8Z8QY1zvcQayG5dnnIE4A9mM+fktzkAmo8+yGef3Uxi9wRjWaiz6QgZjP3huB2oz9uVajb70bQa7ZLbGDiMC43MtRsQNajJQzK/K6NYgiCXdTxxPYUSFERVGnDaO09UYceq5HYgzEGegUWNX2Yix2dXGGYgz0IgRqo/bgcrGb2hKYQSFERRGKBin5jgDcQbKjYOl3KCRbnmwlRnedK+Gt6YwvMLwD8MRwVg55+2nMBwMLoXhFIaDQSLbb74bWB6oAdQUUQYAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
}

.download-bar .download-bar-gift .gift-icon {
    display: block;
    width: .61rem;
    height: .56rem;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA4CAMAAAB5cQBoAAABPlBMVEUAAAD/thz/0jr/uy3/2UT/tRT/tRP/vBH/thP/3GD/xBz/tRT/tRT/thX/wBf/uBb/uCn/rCP/tRT/thL/yQ3/vCT/wBP/tRT/tRT/xQ3/uBL/ww3/wSr/yQ3/xw3/3En/pQ3/10H/0Tv/yDL/syb/1Ur/sw7/vxz/wCX/ui3/2UT/32j/sw7/uy3/wCr/ww3/qAz/yQ3/tRL/10H/4XP/uSv/xi//sSb/y0D/tyj/uh3/zzr/20X/qyP/rSL/wBf/0z3/2Vr/yjX/yD3/xBv/riX/5Hr/0Er/phD/qAz/1lT/wy3/qiD/vhj/wx7/xDj/vh//syj/thr/vQ7/213/0k7/zkb/ww3/vyP/3mr/3WL/1FD/yQ3/vRX/uiX/tiX/uCH/vR3/xhv/vij/uxr/vTD/3m//yTL/6Ij/ngsl2EZJAAAAMnRSTlMAPg3f8b32FArf3NNibCc12to5LeTe3tq3Uvq3mpdo8+Tg4ODa2ZWJ8O3n38K+s6mLgnqDZnQAAALFSURBVEjHzNNPC4IwGAbw18gplAumlH/QulSXoHq7duhY54IIdg76/l8gfFVEXKITpN/tZcjjnm3QhoA+TOhhilPQJhgyoZ3MEJHppXMfMz6HzpwQC6EDnblFtukOvG9iMGTGwOdd8qEPDv9lBj2MFhZos000bdAkJog40fx5BzNNNz85Vo8tLrMMyhZNvXgy4uUYeDJW79sFhUBK6SX5YMXpZKk6t5TtR8/UnpaCOQ2J4rzV7bvhncwDsLf3TASlSgO1J7jBwmaHOTZr2f5odVM4NGTTVznnc1VY8Xz5x61bj8nyfCKv94u8Hxeal+MMkFrn38bqZUdtGArA8EhZNZu2C2bFpjf1pnZDTbAzibkkRCIXkgiQGxTCDFTT93+COTZ2Ei9izS8kSz58sgVS8uNBa636q+93WPu/P0z6PfyRrauJ1l2/AT2fdHr+Gv1x3quvXW0wpF2tTi+1/QH9adnrudO76bLfkJ72W7Z6EWuDAR3Ht6/Foue17H910SYD+uv4d4N5jLFTgxayKiKMXcTgxL6Nx8OP/oRX1nWZJN5WFdf06osJCWzTS8/3Pb+ktPS9JFzJZlNKYBs+j0EwMmmFQZ87fW0xeW/Snlem/GRYaau3CccJx55R+2WdlmB9Qulqdgu0Otkz65LWxAs5Tsms04BzgX2jvtYkhEialo7CB7i5A1hMjFphSsJWR1uBzyHvs0kTB+LXdkJ8kEVbX2CYhGfbpBWGBUey/eoK2OG4ycwacAoYypU+uhQwr8mejLpoOC4gku1lG5fmhQNbp+wpe2fSmF8bQ480O26Ooo1LCtgRGBt/NYUJpWwjW8wcDAlcGM+GayMop5SgVh8chG4YI7NWOMf/FrJdVCDEsiDDCJl1LjGsra6iBrEgyBBk1i0GvZNVe3wBfBH6u0G/tSxrdH9vW7w3sp9fRrZtjyzRrzvVC7YFKaWbRgj9AAAAAElFTkSuQmCC) no-repeat;
    background-size: 95% 95%
}

.download-bar .download-bar-btn {
    position: absolute;
    top: .58rem;
    right: .58rem;
    min-width: 1.63rem;
    height: .56rem;
    padding: 0 1em;
    font-size: .26rem;
    line-height: .56rem;
    text-align: center;
    background: linear-gradient(-90deg, #33befd, #67e875);
    border-radius: .28rem
}

.download-bar .download-bar-close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .42rem;
    height: .42rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAS1BMVEUAAAAic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8zo8fpDiNT////s8/tIi9Xi7Phnn9zJ3fPA1/CNrXIOAAAAD3RSTlMA7vjSMAe2r5uAPjYkjo2gTvjAAAABC0lEQVQ4y5XV3Y6EIAwF4BYGEUb3qDvqvv+TrvOTAdIa5NwZvyA2pVAZF4O3bAxbH6Kj89x6Rhbub2ewg0inYTcaKDGj2MZgcRI7lPLOOA3fNVm3Q5K6Hb5/ZFGJdR86opqfTz1NnZp3fTtcSPdaFJfyXLZHyj7NSHlMe3roiRwjZV0y+/hd1qxgjiKyzNNhkyy+ESlAWFUikIe0moQnC81KCUsMxW5SgslAsYuUMArFdtANkqYNpHqqqzJZRU7bJK0lr8gZs7Segiah2EBRk5qN5FhKzbIrm/D9Ntk1b8Kytff1kMmuf1lrNxyYhmN49XCPDSOjfRDVx1v70KyP4qYB335ttF9G9SvuH1HzUOfnQHc1AAAAAElFTkSuQmCC) no-repeat;
    background-size: .42rem .42rem
}

.download-bar .app-full-name-wrap {
    display: flex;
    align-items: center;
    height: 2em
}

.download-bar .download-bar-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.app-full-name-wrap,
.app-text {
    max-width: 46vw
}

.download-image-modal1,
.download-image-modal2 {
    display: flex;
    align-items: center;
    justify-content: center
}

.download-image-modal1 .am-modal-content,
.download-image-modal2 .am-modal-content {
    width: auto;
    max-width: 6.8rem;
    height: auto;
    background-color: var(--download-image-banner1-bg)
}

.download-image-modal1 .am-modal-body,
.download-image-modal2 .am-modal-body {
    padding: .65rem .35rem .35rem
}

.download-image-modal1 .download-image-desc,
.download-image-modal2 .download-image-desc {
    margin-bottom: .3rem;
    font-weight: 700;
    text-align: left
}

.download-image-modal1 .icon__close-button-wrap,
.download-image-modal2 .icon__close-button-wrap {
    position: absolute;
    top: .3rem;
    right: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5rem;
    height: .5rem;
    background: var(--s-download-image-modal-close-bg-color, #868686);
    border-radius: 50%
}

.download-image-modal1 .icon__close-button,
.download-image-modal2 .icon__close-button {
    width: 50%;
    height: 50%;
    fill: var(--s-download-image-modal-close-color, #fff)
}

.download-image-modal1 .save-btn,
.download-image-modal2 .save-btn {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .14rem 0;
    margin: 0 auto;
    font-size: .28rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--s-download-image-modal-btn-font-color, #fff);
    background: linear-gradient(180deg, var(--s-download-image-modal-btn-bg-color1, #278e47), var(--s-download-image-modal-btn-bg-color2, #64d23e));
    border-radius: .02rem
}

.download-image-modal1 .save-btn+.save-btn,
.download-image-modal2 .save-btn+.save-btn {
    margin-top: .1rem
}

.download-image-modal1 .am-modal-body {
    position: relative;
    padding: 0 0 .4rem;
    line-height: 0;
    background-color: var(--download-image-banner1-bg)
}

.download-image-modal1 .am-modal-body:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.2rem;
    content: "";
    background-position: bottom;
    background-size: 200%;
    filter: blur(7px)
}

.download-image-modal1 .download-image {
    width: 100%
}

.download-image-modal1 .save-btn {
    position: relative;
    z-index: 1;
    width: 85%
}

.download-bar.show-bar+.home-header+.home-container .sticky-container .sticky__fixed {
    top: calc(var(--header-height) + var(--download-bar-height))
}

.sticky-container .sticky__inner {
    position: static;
    z-index: 100
}

.sticky-container .sticky__fixed {
    position: fixed;
    top: calc(var(--header-height) + var(--download-bar-height))
}

.error-restrict {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: .3rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.error-restrict--ip {
    background: url(/m/ip.5664e0fc.jpg) no-repeat 50% fixed;
    background-size: cover
}

.error-restrict--service {
    background: url(/m/service.4a82f900.jpg) no-repeat 50% fixed;
    background-size: cover
}

.error-restrict .error-logo {
    width: 2rem;
    height: auto
}

.error-restrict .ip-address {
    margin-bottom: .12rem;
    font-size: .3rem;
    font-weight: 700;
    text-align: center
}

.error-restrict .ip-address .ip {
    margin-left: .16rem;
    font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue For Number, Roboto Mono, PingFang SC, Arial, sans-serif;
    word-break: break-word
}

.error-restrict .error-footer {
    flex: 0 1 0%;
    margin: .4rem auto
}

.error-restrict .contact-us {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0 3em;
    font-size: .3rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(90deg, #fe6e74, #f3077f);
    border: none;
    border-radius: .5rem
}

.error-restrict .error-icon {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin-right: .14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMAEt36xNtGz2Yi1od/b1E1TRrIsJWPXj0J8uG9p4swBet6dSp1S2HyAAABFklEQVQ4y43T2ZKCMBCF4YMgkBBZBNkU0LHf/xlnaEyGxaD/RVeK+gooEqB7XoL2sKo9RwKmmN7nVlokZC3DlGcnBTjHtRPJT3EcstcCyCnDDjkCVyJnn8Q0I5cwGGcp/2Y0rpncZiQCcKQHMEhSvGZynhEBoKAagKKM1xvyAyCgkOeJJxPPEH7+led4UfF6RTZ9Sw5Mss8khbSTG5McsZ0kTKhHZxMP8Heh+4A4eAe81BwmmQC188p39ZYJjBX6raoBuoqmSnA9mdyppkJI3AlTita5AmpBEB42SCD/J1wS0Svlj5VPwNNk9Rt1MNV3PhymdBI5ZolmcRefRYBFme+s79LUsMfE7fcEb7SPT6TEfkJ2sPYL9UVePVejJ3IAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.error-restrict__text {
    position: absolute;
    top: 45%;
    left: 50%;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 55%;
    padding: 0 5%;
    line-height: 1.5;
    color: #fff;
    transform: translateX(-50%)
}

.error-restrict__text>* {
    padding: 0 5%
}

.error-restrict__text h2 {
    margin-bottom: .5em;
    font-size: .48rem;
    line-height: 1.4;
    text-align: center
}

.error-restrict__text .detail {
    flex: 1 1 0%;
    overflow: auto;
    font-size: 85%;
    -webkit-overflow-scrolling: touch
}

.error-restrict__text .detail:lang(CN),
.error-restrict__text .detail:lang(EN) {
    font-size: 90%
}

.error-restrict__text .detail:lang(EN) {
    margin-top: 2em
}

.error-restrict__text .detail:lang(VI) {
    white-space: break-spaces
}

.error-restrict__text .detail p {
    text-align: center
}

.error-restrict__text p {
    margin-bottom: 1em
}

.error-restrict__text p:last-of-type {
    margin-bottom: 0
}

.error-restrict .maintenance-end-time {
    margin-bottom: .12rem;
    font-size: 85%;
    font-weight: 700;
    text-align: center
}

.geetest_captcha {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 1rem;
    overflow: hidden;
    font-size: .28rem;
    color: #5e5e5e;
    background-color: #fff
}

.geetest_captcha.success {
    color: #18a452;
    background-color: #eefff5
}

.geetest_captcha.success .success_area {
    transform: translate3d(.2rem, 0, 0)
}

.geetest_captcha.success .error_area,
.geetest_captcha.success .waiting_area {
    opacity: 0
}

.geetest_captcha.waiting .waiting_area {
    cursor: pointer;
    transform: translate3d(.2rem, 0, 0)
}

.geetest_captcha.waiting .error_area,
.geetest_captcha.waiting .success_area {
    opacity: 0
}

.geetest_captcha.error {
    color: #721c24;
    background-color: #f8d7da
}

.geetest_captcha.error .error_area {
    transform: translate3d(.2rem, 0, 0)
}

.geetest_captcha.error .success_area,
.geetest_captcha.error .waiting_area {
    opacity: 0
}

.geetest_captcha .loading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.geetest_captcha .loading img {
    width: .4rem;
    height: .4rem;
    transform: translate(-50%, -50%);
    animation: geetest_rotation 1s linear infinite
}

.geetest_captcha .error_area,
.geetest_captcha .success_area,
.geetest_captcha .waiting_area {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    line-height: 1.2;
    transform: translate3d(105%, 0, 0);
    transition: all 1s ease
}

.geetest_captcha .success_area .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA/FBMVEUAAAB+2Z9716OA1quB1quA16uA1qsnwmeB16sow2eG2rKA16sow2cnwmeA16uA1quA1qsnwWmB1aqC1baB16uA16yA1qt/1quA1quA1qt+1ap/1aqA1quB16wnwmeB16yB16onw2iC06wnwmiB16yB1awnw2iC2a4nwmcnwmiA16snwWgmwmeB1ayC2q8mwmeA16x/1amA16uA1akmwWaB1Kl+1KkqxWojvXAnwmcmwWiC16onwmUow2gnwmYnwmcowmmA2Ksmv2Ymw2oow2eL0a4nwmeA16uC2a6E3bGB2K0oxmmH47UnxWgox2qF37MnxGiC264oyWspymv6tjVSAAAARnRSTlMABwRgU/z622syDaMr0cuscS0bEuzhz8awWikl9+jHvndUItTSZ+razaiGWk5D8vHbkY6GSUcuGhDzuGZFIOW8ubVsamYW2URWXQAAAhVJREFUOMuNlWt7mjAYhuUoFQ8UjyhW63RaD11b13Zd153HmwQEdP//v4zAKKDhos+nBG4Id0jelDKp9BW13jLNVl1V+pVSXiZCVyLwP0TqCjoT05UORoCw5wTxaNNRmwxO6OB9gLUby5lhzJaNNkZe788JxmnXmBCpJw6aPO3zzYHYqG9OuModIkge3XOZh09tuFsEeDjmS0XRJNjPxZybL5frx9jDJPjmIYf7WDvY3yJS72A0zHvfWfng79x1KKhgkMd5XM22LP8QgpMpIiMuh3u3syzLXbyEX+iBvGFz5wvK2eUv4RR2EepxbI+yG3D+ohr2+hJgMceDcnbtPOoqBLUH7O+zKXdBORoVcKOZ71Guxhfq4G356NZqzTE84rTAmYWNy69//atPGY9drZoMAeAYYeOza/mUZHjoP+ZqCqRjWQEZe7ivHoaDzNTQHyjpXz2eeswcaFGZJR+R7+l/tb//Lkfz8srxSw/q6elZhaT15B95NBsY1GTCk9FjjziDNiJa9hf+pGTGg0bEIPePFsWvp9gjCddDqFtJL7PYaEc9kmxk8AQ+tXBjI7eW4fgRQdMJYyusLs5K6YxlwArP2lzZVSwOEe7oxdv14QYTUyguAOJ8D5JWWFL48RADuuWKitT9SA4u31WKyl5PIoCvNS6vkG6fDeN5SwspBL4CqzRPj0oznmr624r9hIklx4csM46PfwMZelErvoVgAAAAAElFTkSuQmCC)
}

.geetest_captcha .error_area .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAqFBMVEUAAADpmErqmUvqmUvqm0vqmUvqmUvqmUvqmUvqmUvqmEvqmUvpmUvqmUvpmUvqmUvqmUvqmUzqmUvpmUvpmUvqmUvpmUvqmUvomkzpmUvpmUvqmUvpmUvpmUvpmkvqmUrpmkvpmUrpmUvnmEnqmEnpmUrpmUv////65tP55dH317fvsnf43sP88ebsoFf+9/DywZHtq2r0zaXwuYP769zzx5vyw5X10q94Ma8LAAAAJnRSTlMAfzUqFrOpkok/vZ1pX1T75kog7slz288M1MTy3nhZRfSigwgQbmMPd4oAAAT5SURBVHja7d3ndtpAEIbhpYpOMJhmg1v8rQ2iu9z/ncXJDzZhhbBWy2SGo+cOvpP6jjYnKpPJZDKZTCYjWD73paqkK5bxR2+qRKtiL6cEK97AyCu56oAxeFJSdfCPiZKqhn90C0qmBg7UlUjFPg7dKYkqsJSUQPk2bE0lTxkRRj+VNC1EelTSjBHpXtpvwdc44kGJcvUDx3SUJAGOqilBqojRUHKUEOO2qKRoIlZFCTEcIFZbSmLlcEJZiVDo4pSWkqCOk3pKgA6+4VrxV8M3/LhS3DXwLYFizvTtCdyPqBVEEle9+TYiiaveMmKJOTy2cJKMq/YYscQcHq8RS8zh0fRtNDGHxwCRxFVvFZHkVW8JifU5Hh6biCXm8DgcwME9v+rNIZaYw+OxvhVXvXU4GitWOnD2rDipIZaYw2MDkcRVb7GPxFi+7agglpjDY1zfzj/DhdaL19kax3F5AhXTtzO998r+8BjTtyv9tw0Mjs9txvE/HsaK9+HxeN/u9IEt59+Cj/ftcqEPzRkfHgMcM9eWD76Hx5i+fdeWT76Hx5i+DbUlxFGjoXJA0rcv2vLK9fA4HPgbclNQ/08OCYcwPTwWui5DGD63qSPpEJ6Hxw4SD+F5eKz5HtL/P9XbgMMQhs9tin2XIQyf21TgMIRh9ebbLkMYHh7LcBnC7/DYgtMQfs9tem5D2D23uYbbEG6Hx6sfjkO4PbcJ4DiE2XObKtIPYXF4LDkP4fXcpolzDKE/PA4H7kNYPbfJIcUQRs9tCjdphjB6blNHiiGMXjx2kGoInxePNYIhFP/Or4G0Q3g8tyn2CYZQ/Du/CtIP4fDcxvSt1yH0h8cyDOchDF48tmB4HEJ/eOzBIBhiPbeh6Fv3IfSHR9O3XofQHx4DGP6G0B8eqzAIhliHx/P0LdWQnjII+tZ9CP3hcTiChWCIOTyS9K37EPLDo923FEPM4ZGsb92H0FZvBzaqIWgqgr6lGDJ4IuhbiiHIEfQtyZBugaBvKYagTtC3JENwR9C3JENqhH1rm2lLCEcNur61rbVlC0f9ImXfnn4uu4arR9q+Pf2A2dV9nq5vT//c2sLdA1nfnv7lHiKNFl3f2j71X2ZIZUzYt7b5/g+T1Q4pPRP2rW25nr1p/Tb72MCBr8NjDqwEKfqWl7xz3zJTdu1bdqaOfctOz61vGZo49S1DDofHClgKHPqWp2rivmWqlLRv2WpS9K1t8xHqL6vZbgk/RkOCvrWEem+xhh+5c/etbbPSvoLE7d/5BfBiqQ2fS+oEfWtEHh928KJD0bdGqC2rDXyoEfStsdERtvCicf6+NbY6whu86BcJ+3ahoyzhRYWwb3WkObxo5wn6lmIIygR9SzIELYK+JRkyJuvbUEdYwZvr2L69hTc7HWGG1Ez1UvXtQtvW8Ceg6tt3bXlbwqMqVd++nuWXulEi61t94B1+Tc/Xt4b9s+tlA88GT2fqW9s83JfuFv5Nzta3tuXHy5dwh3PoFiL7VqB6VN+KdBfRtyKV7L4Vqmn1rVCjn5y/3ybxyPr7bQL3Bc7fb5N4YP39NokO5++3SdRYf79N4nnft8LdFjl/v02iwvr7bQLtPOfvt0mUlcrjIlQv4VfIb4Ea4CIMVBcXoXs5Q3q4CL1L+cVeUQVchILoODRaF/GX3/07m9YYoo2bptmnk5xQkynX//ouk8lkMplM5nL8AsxtFNwXT425AAAAAElFTkSuQmCC)
}

.geetest_captcha .icon {
    display: block;
    width: .3rem;
    height: .3rem;
    margin-right: .1rem;
    background-repeat: no-repeat;
    background-size: cover
}

.geetest_captcha .text {
    flex: 0.9 1 0%;
    margin-right: .2rem;
    white-space: normal
}

.geetest_captcha .retry {
    display: inline-block;
    margin-left: .12rem;
    color: #005aff;
    text-decoration: underline;
    cursor: pointer
}

.geetest_captcha .geetest_captcha:hover .geetest_sector {
    opacity: 0 !important;
    animation: unset
}

.geetest_captcha .geetest_captcha:hover .geetest_ring {
    transform: scale(1);
    animation: geetest_wait_compute .8s linear infinite both
}

.geetest_captcha .geetest_captcha:hover .geetest_dot {
    background: #3873ff
}

.geetest_captcha .waiting_area .icon {
    position: relative;
    width: .3rem;
    height: .3rem
}

.geetest_captcha .geetest_ring {
    background-color: #c6d5f8;
    transform: scale(1);
    transition: all .5s ease
}

.geetest_captcha .geetest_ring,
.geetest_captcha .geetest_sector {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #3873ff
}

.geetest_captcha .geetest_sector {
    background-color: #80a6fc;
    background-image: linear-gradient(115deg, transparent 50%, #c6d5f8 0), linear-gradient(65deg, #c6d5f8 50%, transparent 0);
    opacity: 1;
    transition: all ease;
    animation: geetest_rotation 3s linear infinite
}

.geetest_captcha .geetest_dot {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #3873ff;
    border-radius: 50%;
    transform: scale(.5);
    transition: all .5s ease
}

@keyframes geetest_wait_compute {
    60% {
        transform: scale(.75)
    }
}

@keyframes geetest_rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.footer-home-screen {
    position: fixed;
    bottom: .36rem !important;
    left: 0;
    z-index: 99999;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
    transition: all .5s
}

.footer-home-screen.footer-home-screen-hide {
    bottom: -4rem !important
}

.footer-home-screen.footer-home-screen-hide .model-mask {
    display: none
}

.footer-home-screen .model-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.footer-home-screen .icon {
    width: .44rem;
    height: .44rem;
    fill: #fff
}

.footer-home-screen .icon__share {
    width: .6rem;
    height: .6rem;
    margin: 0;
    transform: translateY(10%)
}

.footer-home-screen .icon__close-button {
    position: absolute;
    top: .45em;
    right: .45em;
    width: .875em;
    height: .875em
}

.footer-home-screen svg {
    position: relative;
    top: .1rem;
    margin-right: .05rem
}

.footer-home-screen .add-home-screen {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 5.9rem;
    padding: .875em;
    margin: 0 auto;
    background-color: hsla(0, 0%, 44%, .8);
    border-radius: .3em
}

.footer-home-screen .add-home-screen:after {
    position: absolute;
    bottom: -.36rem;
    left: calc(50% - .18rem);
    width: 0;
    height: 0;
    content: "";
    border-color: hsla(0, 0%, 44%, .8) transparent transparent;
    border-style: solid;
    border-width: .36rem .18rem 0
}

.footer-home-screen .app-icon {
    flex: 0 0 1.28rem;
    width: 1.28rem;
    height: 1.28rem;
    vertical-align: middle;
    border-radius: .8em
}

.footer-home-screen .home-screen-tips {
    display: flex;
    padding-left: 1em;
    font-size: .24rem;
    line-height: 1.5;
    color: #fff;
    text-align: left
}

.footer-home-screen .home-screen-tips .label {
    display: inline-block;
    line-height: normal;
    transform: translateY(8%)
}

.footer-home-screen .add-app-icon {
    display: inline-block;
    width: .1rem;
    height: .1rem
}

.footer-home-screen .home-screen-tips-second {
    display: flex
}

.footer-home-screen .home-screen-tips-first .title {
    display: block;
    padding-bottom: .2rem;
    font-size: .36rem;
    font-weight: 700;
    color: #fff;
    text-align: left
}

.footer-home-screen .home-screen-tips-first .content {
    display: block;
    padding-bottom: 1em;
    font-size: .24rem;
    line-height: 1.5;
    color: #fff;
    text-align: left
}

.footer-home-screen .home-screen-tips-first h4,
.footer-home-screen span {
    line-height: 1
}

.footer-home-screen .btn-primary {
    height: auto;
    padding: .14rem;
    margin: 0 auto;
    font-size: .3rem
}

.footer-home-screen .home-screen-tips-profile {
    width: 100%
}

.spinner-brand-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

@keyframes spinner-rotate {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    50% {
        transform: rotate(180deg);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    to {
        transform: rotate(1turn)
    }
}

.spinner-brand-wrap .spinner-brand {
    position: relative;
    width: 3rem;
    height: 3rem
}

.spinner-brand-wrap .spinner-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    image-rendering: pixelated;
    background-image: var(--s-logo-loading-bg);
    background-position-x: -.03rem;
    background-size: 100% 100%;
    animation: spinner-rotate 1s infinite;
    animation-duration: 1s;
    animation-direction: normal;
    animation-play-state: running
}

.spinner-brand-wrap .spinner-logo {
    position: absolute;
    inset: .9rem 0 0 1rem;
    z-index: 5;
    width: 1.2rem;
    height: 1.2rem;
    background: var(--s-logo-loading-logo) no-repeat;
    background-size: cover
}

.spinner-brand-wrap.on {
    display: flex;
    align-items: center;
    justify-content: center
}

.marquee .marquee_content {
    animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
    animation-play-state: var(--play)
}

@keyframes marquee {
    0% {
        transform: translateX(67vw)
    }
    to {
        transform: translateX(-100%)
    }
}

.mini-game-container {
    position: fixed;
    bottom: 1.5rem;
    left: 4%;
    width: auto;
    height: auto
}

.popup_container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100011;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.popup_container.show-popup .popup_body {
    animation-name: zoomIn;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container.hide-popup {
    animation-name: fadeOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container.hide-popup .popup_body {
    animation-name: zoomOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container .popup_body {
    width: 80%;
    height: auto;
    padding: .1rem;
    background-color: #999;
    border-radius: .05rem
}

.popup_container ._popup_content {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.popup_container .title {
    max-width: 100% !important;
    height: .8rem;
    font-size: .36rem;
    font-weight: 600;
    line-height: .8rem;
    text-align: center
}

.popup_container .close-btn {
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    width: .3rem;
    height: .3rem;
    margin: auto
}

.popup_container .close-btn svg {
    width: 100%;
    height: 100%;
    fill: currentcolor
}

.popup_container .text {
    box-sizing: border-box;
    max-height: 60vh;
    padding: .2rem;
    overflow: auto
}

.popup_container .text .list {
    margin-bottom: .2rem;
    border-bottom: .02rem solid #ccc
}

.popup_container .text img {
    width: 100%
}

.popup_container .text .line {
    height: .1rem
}

.popup_container .footer {
    position: absolute;
    right: .08rem;
    bottom: .1rem
}

.popup_container .footer .am-list-item .am-list-thumb:first-child {
    margin-right: .1rem
}

.popup_container .footer .am-checkbox-wrapper {
    display: flex
}

.popup_container .footer .am-checkbox,
.popup_container .footer .am-checkbox-inner {
    width: .35rem;
    height: .35rem
}

.popup_container .footer .am-list-item,
.popup_container .footer .am-list-line {
    min-height: auto
}

.popup_container .footer .am-list-line {
    padding-right: .5em
}

.popup_container .footer .am-list-item.am-list-item-active {
    background-color: transparent
}

.popup_container .footer .am-list-content {
    padding: 0;
    font-size: .24rem
}

.popup_container .footer .am-checkbox-inner:after {
    right: .08rem;
    z-index: 999;
    width: .1rem;
    height: .16rem
}

.popup_container .wysiwyg {
    padding-bottom: .08rem !important
}

#root .popup_container .header {
    position: relative;
    height: auto !important
}

.popup_container_v2 {
    --popup-height-pct: 58.02;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100011;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

.popup_container_v2.show-popup .popup_body {
    animation-name: zoomIn;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container_v2.hide-popup {
    animation-name: fadeOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container_v2.hide-popup .popup_body {
    animation-name: zoomOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container_v2 .popup_main_header {
    border-radius: .1rem .1rem 0 0
}

.popup_container_v2 .popup_main_header+.popup_content {
    border-radius: 0 0 .1rem .1rem
}

.popup_container_v2 .swiper-wrapper {
    flex: 1 1 0%;
    height: unset
}

.popup_container_v2 .popup_body {
    position: relative;
    width: 74.93%;
    padding: .1rem;
    border-radius: .05rem
}

.popup_container_v2 .popup_body.hide_btn {
    max-height: calc(var(--popup-height-pct, 58.02) * 1vh);
    max-height: calc(var(--vh, 1vh) * var(--popup-height-pct, 58.02))
}

.popup_container_v2 .popup_body.hide_btn .popup_content {
    height: 100%
}

.popup_container_v2 .popup_body.hide_btn .active-btn,
.popup_container_v2 .popup_body.hide_btn .disable-btn {
    top: 50%
}

.popup_container_v2 .popup_body .active-btn,
.popup_container_v2 .popup_body .disable-btn {
    position: absolute;
    top: 45%;
    z-index: 1;
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    transform: translateY(-50%)
}

.popup_container_v2 .popup_body .active-btn i,
.popup_container_v2 .popup_body .disable-btn i {
    display: block;
    width: 100%;
    height: 100%
}

.popup_container_v2 .popup_body .nav-left {
    left: -.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup_container_v2 .popup_body .nav-right {
    right: -.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup_container_v2 .popup_body .disable-btn {
    background-color: #757575;
    box-shadow: 0 .04rem .05rem 0 hsla(0, 0%, 55%, .37)
}

.popup_container_v2 .popup_body .active-btn {
    background-image: linear-gradient(180deg, #0cd2af, #07b8c5)
}

.popup_container_v2 .popup_content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: calc(var(--popup-height-pct, 58.02) * 1vh);
    max-height: calc(var(--vh, 1vh) * var(--popup-height-pct, 58.02));
    padding: .3rem;
    overflow: hidden;
    background-color: #fff;
    border-radius: .1rem
}

.popup_container_v2 .header {
    position: relative;
    height: auto !important
}

.popup_container_v2 .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10002;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 0 0 0 1rem
}

.popup_container_v2 .close-btn svg {
    position: absolute;
    top: 20%;
    right: 20%;
    width: 40%;
    height: 40%;
    fill: currentcolor
}

.popup_container_v2 .close-btn-outside {
    position: absolute;
    top: -.6rem;
    right: 0;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5rem;
    height: .5rem;
    overflow: hidden;
    color: #fff;
    border-radius: 50%
}

.popup_container_v2 .close-btn-outside svg {
    width: 50%;
    height: 50%;
    fill: currentcolor
}

.popup_container_v2 .popup_title {
    width: 88%;
    max-height: 3rem;
    margin-bottom: .3rem;
    font-size: .32rem;
    font-weight: 800;
    line-height: 1.3;
    color: #007afe;
    text-align: center;
    word-break: break-word
}

.popup_container_v2 .text {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0%;
    overflow: hidden;
    font-size: .26rem;
    line-height: normal;
    color: #8a8a8a;
    border-radius: .1rem
}

.popup_container_v2 .text img {
    width: 100%
}

.popup_container_v2 .popup_pagination_footer {
    display: flex;
    gap: .2rem;
    justify-content: space-around;
    width: 100%;
    margin-top: .4rem
}

.popup_container_v2 .popup_pagination_footer.hide {
    display: none
}

.popup_container_v2 .popup_pagination_footer .action {
    display: flex;
    flex: 1 0 0%;
    align-items: center;
    justify-content: center;
    min-height: .7rem;
    font-size: .3rem;
    color: #fff;
    background: linear-gradient(180deg, #00e1fa, #4aa5fb);
    border-radius: .7rem
}

.popup_container_v2 .popup_pagination_footer .action.disable {
    color: #9d9d9d;
    background: #eaeaea
}

.popup_container_v2 .popup_pagination_footer .action .icon-right {
    position: absolute;
    right: .3rem;
    height: .25rem
}

.popup_container_v2 .popup_pagination_footer .action .icon-left {
    position: absolute;
    left: .3rem;
    height: .25rem
}

.popup_container_v2 .popup_pagination_footer .action.active-btn {
    position: relative;
    top: unset;
    margin-top: .4rem
}

.popup_container_v2 .swiper-slide {
    overflow: hidden auto;
    -webkit-overflow-scrolling: touch
}

.popup_container_v2 .popup_logo img {
    height: .94rem
}

.popup_container_v2 .arrow-icon {
    width: 70%;
    height: 70%;
    fill: #fff
}

.popup_container_v2 .today-bar {
    margin-top: .1rem;
    margin-bottom: -.15rem
}

.popup_container_v2 .today-bar .am-list-thumb {
    margin-right: .08rem
}

.popup_container_v2 .today-bar .am-checkbox {
    transform: scale(.8)
}

.popup_container_v2 .today-bar .am-list-item,
.popup_container_v2 .today-bar .am-list-line {
    min-height: unset
}

.popup_container_v2 .today-bar .am-list-content {
    padding: 0;
    font-size: .26rem
}

.popup_container_v2 .today-bar .am-list-item {
    padding-left: 0
}

.common-spinner-loading-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100)
}

@keyframes c-rotator {
    to {
        transform: rotate(1turn)
    }
}

@keyframes c-colors {
    0%,
    to {
        stroke: #ff5676
    }
    40% {
        stroke: #3296ff
    }
    66% {
        stroke: #30f282
    }
    80%,
    90% {
        stroke: #fefc41
    }
}

@keyframes c-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

.common-spinner-loading-wrap .common-spinner-loading {
    width: .65rem;
    height: .65rem;
    animation: c-rotator 1.4s linear infinite
}

.common-spinner-loading-wrap .common-spinner-loading .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: c-dash 1.4s ease-in-out infinite, c-colors 5.6s ease-in-out infinite
}

.login-2fa-btn {
    display: flex;
    align-items: center;
    padding: .2rem .72rem;
    border: unset;
    border-radius: .05rem
}

.login-2fa-btn.loading {
    padding: .2rem .72rem;
    padding-left: .38rem;
    background-color: #a2c0d3
}

.login-2fa-btn .spinner-grow {
    display: inline-block;
    width: .26rem;
    height: .26rem;
    margin-right: .08rem;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.country-code-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1.3rem;
    padding-left: .1rem;
    color: inherit
}

.country-code-select span.country-code {
    font-size: .25rem;
    font-weight: 400
}

.country-code-select img {
    position: relative;
    display: inline-block;
    width: .4rem;
    height: .4rem
}

.country-code-select i {
    position: relative;
    top: .07rem;
    width: 0;
    height: 0;
    border: .08rem solid transparent;
    border-top: .08rem solid red
}

.popup-country-code-select {
    max-height: 6rem;
    overflow-y: scroll
}

.popup-country-code-select .am-list-item .am-list-line .am-list-content {
    display: flex;
    align-items: center;
    font-size: .28rem
}

.popup-country-code-select .header-wrap {
    position: relative;
    display: flex;
    align-items: center
}

.popup-country-code-select .header-wrap .close-btn {
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 0;
    transform: translateY(-50%)
}

.popup-country-code-select .am-list-header {
    height: .8rem
}

.popup-country-code-select .am-list-body {
    height: 4.6rem;
    overflow-y: scroll
}

.popup-country-code-select img {
    position: relative;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-right: .2rem
}

.twofa-tabs {
    padding: 0 .3rem .3rem;
    padding-bottom: 0;
    font-size: .28rem
}

.twofa-tabs .tab-list {
    display: flex
}

.twofa-tabs .tab-list-item {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    margin-bottom: -1px;
    list-style: none;
    border-bottom: .06rem solid #e3e3e3
}

.twofa-tabs .tab-list-active {
    background-color: #fff;
    border-bottom: .06rem solid #17a6ff
}

.twofa-tabs .tab-list-item-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap {
    display: flex;
    align-items: center;
    height: .64rem;
    margin-bottom: .31rem
}

.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap .tab-list-icon {
    width: auto;
    height: .64rem
}

.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap .tab-list-icon.email {
    height: .43rem
}

.twofa-tabs .tab-list-item-wrap .desc-text {
    margin-bottom: .14rem;
    text-align: center
}

.login-2fa-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100012;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #797979;
    background-color: rgba(0, 0, 0, .5)
}

.login-2fa-modal.show-modal .login-2fa-body {
    animation-name: zoomIn;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.login-2fa-modal.hide-modal {
    animation-name: fadeOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.login-2fa-modal.hide-modal .login-2fa-body {
    animation-name: zoomOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.login-2fa-modal .login-2fa-header {
    position: relative;
    height: 1.01rem;
    padding-left: 5%;
    font-size: .34rem;
    line-height: 1.01rem;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dbdbdb;
    border-radius: .15rem .15rem 0 0
}

.login-2fa-modal .login-2fa-header .close-btn {
    position: absolute;
    top: 50%;
    right: 5%;
    width: .45rem;
    height: .45rem;
    color: #797979;
    fill: #797979;
    transform: translateY(-50%)
}

.login-2fa-modal .login-2fa-body {
    position: relative;
    width: 6.6rem;
    height: auto;
    color: #666;
    background-color: #fff;
    border-radius: .15rem;
    box-shadow: 0 0 .2rem 0
}

.login-2fa-modal .login-2fa-body .desc {
    padding: .3rem .3rem .78rem;
    font-size: .26rem;
    line-height: 1.4
}

.login-2fa-modal .verify-form {
    padding: .41rem 0 0
}

.login-2fa-modal .verify-form .form-input-group {
    display: flex;
    margin-bottom: .31rem
}

.login-2fa-modal .verify-form .form-input-group.right-side {
    justify-content: flex-end
}

.login-2fa-modal .verify-form .form-input-group.right-side .submit-verify-btn {
    display: inline-block
}

.login-2fa-modal .verify-form .form-input-group.left-side {
    justify-content: flex-start
}

.login-2fa-modal button {
    display: flex;
    align-items: center;
    padding: .2rem .72rem;
    border: unset;
    border-radius: .05rem
}

.login-2fa-modal button.loading {
    padding: .2rem .72rem;
    padding-left: .38rem;
    background-color: #a2c0d3
}

.login-2fa-modal .submit-verify-btn {
    display: block;
    font-size: .3rem;
    color: #fff;
    background-color: #17a6ff
}

.login-2fa-modal .submit-sms-btn {
    display: block;
    font-size: .3rem;
    color: #fff
}

.login-2fa-modal .submit-sms-btn,
.login-2fa-modal .submit-sms-btn.loading {
    padding: .2rem .28rem;
    background-color: #a2c0d3
}

.login-2fa-modal .submit-sms-btn.countdown {
    min-width: 1.8rem
}

.login-2fa-modal .spinner-grow {
    display: inline-block;
    width: .26rem;
    height: .26rem;
    margin-right: .08rem;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.login-2fa-modal input[type=text] {
    height: .9rem;
    font-size: .28rem;
    color: #919191;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: .05rem;
    transition: border-color .3s ease 0s
}

.login-2fa-modal input[type=text]:-webkit-autofill {
    box-shadow: inset 0 0 0 10rem #fff !important;
    -webkit-text-fill-color: #919191 !important
}

.login-2fa-modal input[type=text]::placeholder {
    color: #c9c9c9
}

.login-2fa-modal input[type=text]:focus {
    background-color: #fff;
    border: 1px solid #676767;
    border-radius: .05rem
}

.login-2fa-modal input[type=text].error-tip {
    border: 1px solid #ef4743
}

.login-2fa-modal .country-code-select {
    flex: 1 1 0%;
    justify-content: left;
    color: #919191;
    border: 1px solid #dbdbdb;
    border-radius: .05rem;
    transition: border-color .3s ease 0s
}

.login-2fa-modal .country-code-select i,
.login-2fa-modal .country-code-select img {
    margin-right: .08rem
}

.login-2fa-modal .country-code-select+input {
    flex: 2 1 0%
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

.login-choose-confirm .button-group {
    display: flex;
    flex-direction: column;
    margin-top: .3rem
}

.login-choose-confirm .button-group button {
    padding: .14rem 0;
    margin-bottom: .12rem;
    font-size: .3rem;
    color: #108ee9;
    border: .03rem solid transparent;
    border-radius: .14rem
}

@media (orientation:portrait) {
    .trial-game-wrap .hide-btn.landscape {
        display: none
    }
}

@media (orientation:landscape) {
    #root.trial-game-wrap .mc-navbar-blue,
    #root.trial-game-wrap .mc-navbar-blue .return_icon {
        height: .5rem !important
    }
    .trial-game-wrap .hide-btn {
        display: none
    }
    .trial-game-wrap .records {
        font-size: .14rem !important
    }
    .trial-game-wrap #mc-header.anim-show .am-icon-lg {
        width: .34rem !important;
        height: .34rem !important
    }
    .trial-game-wrap .hide-btn.landscape {
        position: absolute;
        top: 0 !important;
        left: 50%;
        z-index: 10;
        display: block;
        width: 3.5em;
        height: .8em;
        font-size: .24rem;
        background-color: hsla(0, 0%, 44%, .9);
        border-bottom-right-radius: .2em;
        border-bottom-left-radius: .2em;
        transform: translate3d(-50%, 0, 0)
    }
    .trial-game-wrap .hide-btn.landscape svg {
        display: block;
        margin: 0 auto;
        color: #fff
    }
}

.popup-game-common .am-popup {
    bottom: 0
}

.am-fade-leave+.popup-game-common,
.am-popup-mask-hidden+.popup-game-common {
    display: none
}

#root.trial-game-wrap .mc-navbar-blue.hide-no-anim {
    height: 0 !important
}

.trial-game-wrap {
    z-index: 5;
    overflow: hidden
}

.trial-game-wrap .hide-no-anim .am-navbar-left,
.trial-game-wrap .hide-no-anim .am-navbar-right {
    visibility: hidden
}

.trial-game-wrap .records {
    display: flex;
    align-items: center;
    height: 100% !important
}

.trial-game-wrap .anim-hide .return_icon {
    display: none !important;
    font-size: 0
}

.trial-game-wrap .anim-hide .records {
    display: none !important
}

.trial-game-wrap .anim-show .return_icon {
    display: flex;
    font-size: .36rem
}

.trial-game-wrap .anim-show .hide-btn {
    display: none !important
}

.trial-game-wrap .anim-show .records {
    font-size: inherit
}

.trial-game-wrap .anim-show .records svg {
    width: .3rem;
    height: .3rem
}

.trial-game-wrap .hide-btn {
    position: absolute;
    top: 0;
    width: 1.2rem;
    height: .3rem;
    text-align: center;
    background-color: hsla(0, 0%, 44%, .9);
    border-bottom-right-radius: .2em;
    border-bottom-left-radius: .2em
}

.trial-game-wrap .hide-btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .3rem;
    height: .3rem;
    transform: translate(-50%, -50%)
}

.trial-game-wrap .iframe-container {
    display: flex;
    width: 100vw;
    height: 100%;
    height: calc(var(--vh, 1vh) * 100)
}

@supports (-webkit-touch-callout:none) {
    .trial-game-wrap .iframe-container {
        height: -webkit-fill-available;
        height: stretch
    }
}

.trial-game-wrap .iframe-container iframe#third-game {
    flex-grow: 1;
    width: 100%;
    background: hsla(0, 0%, 44%, .9);
    -webkit-overflow-scrolling: touch
}

.trial-game-wrap #mc-header {
    height: 1rem
}

.trial-game-wrap #mc-header.hide-no-anim {
    height: 0 !important
}

.trial-game-wrap #mc-header.hide-no-anim .hide-btn {
    top: 0
}

.trial-game-wrap #mc-header.hide-no-anim .return_icon {
    display: none !important;
    font-size: 0
}

.trial-game-wrap #mc-header.hide-no-anim .records {
    font-size: 0
}

.trial-game-wrap #mc-header.anim-hide {
    height: 0 !important;
    transition: all .25s ease
}

.trial-game-wrap #mc-header.anim-hide .hide-btn {
    animation: hide-btn-show .25s ease forwards
}

.trial-game-wrap #mc-header.anim-show {
    height: 1rem;
    font-size: .44rem;
    animation: header-show .25s ease forwards
}

.trial-game-wrap #mc-header.anim-show .am-icon-lg {
    width: .68rem;
    height: .68rem
}

html {
    --unit: 7.5;
    font-size: calc(100vw / var(--unit, 7.5)) !important
}

body {
    font-size: calc(32vw / var(--unit, 7.5)) !important
}

#root,
.outside-container {
    --animate-duration: 0.5s;
    --animate-delay: 0.5s;
    --animate-repeat: 1
}

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

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

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

#root .wysiwyg,
.outside-container .wysiwyg {
    line-height: 1.5;
    white-space: normal !important
}

#root .wysiwyg img,
.outside-container .wysiwyg img {
    max-width: 100%
}

#root .wysiwyg a,
.outside-container .wysiwyg a {
    word-break: break-all
}

#root .wysiwyg *,
.outside-container .wysiwyg * {
    line-height: 1.5;
    word-break: break-word;
    white-space: normal !important
}

#root .wysiwyg ul,
.outside-container .wysiwyg ul {
    padding-left: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    list-style: disc
}

#root .wysiwyg ul li,
.outside-container .wysiwyg ul li {
    display: list-item !important;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    overflow: visible;
    list-style: disc outside
}

#root .wysiwyg ol,
.outside-container .wysiwyg ol {
    padding-left: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    list-style: decimal
}

#root .wysiwyg ol li,
.outside-container .wysiwyg ol li {
    display: list-item !important;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    overflow: visible;
    list-style: decimal outside
}

body.dragging,
body.error-limit,
body.ios-tips-on,
body.popup-on,
html.dragging {
    overflow: hidden !important;
    -webkit-overflow-scrolling: auto !important
}

body.dragging::-webkit-scrollbar,
body.error-limit::-webkit-scrollbar,
body.ios-tips-on::-webkit-scrollbar,
body.popup-on::-webkit-scrollbar,
html.dragging::-webkit-scrollbar {
    display: none
}

.domain-modal .am-modal-button-group-h .am-modal-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .16rem;
    text-overflow: unset;
    font-size: .28rem;
    line-height: 1.2;
    word-break: break-word;
    white-space: normal
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.common-logo {
    object-fit: contain
}

svg {
    fill: currentcolor
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded {
    filter: blur(0);
    transition: filter .14s
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded img {
    transition: opacity .15s
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded.android {
    filter: blur(0);
    transition: none
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded.android img {
    opacity: 1;
    transition: none
}

.common_animate__heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.8s;
    animation-duration: calc(var(--animate-duration, .5s) * 1.8);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

#credential_picker_iframe {
    z-index: 2147483647 !important
}

@media (display-mode:standalone) {
    .loading-img-container {
        background: transparent !important
    }
}