@charset "UTF-8";

:root {
    --main: rgba(0, 116, 255, 1);
    --white: #ffffff;
    --black: rgba(14, 14, 24, 1);
    --gray: rgba(14, 14, 24, .1);
    --green: #5bd0fb;
    --orange: #f8c291;
    --ease: cubic-bezier(.65, 0, .35, 1);
    --ease3: cubic-bezier(.76, 0, .24, 1);
    --ease1: cubic-bezier(.39, .575, .565, 1);
    --ease2: cubic-bezier(.25, .74, .22, .99);
    --picEase: cubic-bezier(.4, 0, .2, 1)
}

.wc {
    color: var(--white)
}

.mc {
    color: var(--main)
}

.bc {
    color: var(--black)
}

.gc {
    color: var(--green)
}

.gray {
    color: var(--gray)
}

@font-face {
    font-family: MiSans-Bold;
    src: url(../../static/font/MiSans-Bold.woff2) format("woff2"), url(../../static/font/MiSans-Bold.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: MiSans-Semibold;
    src: url(../../static/font/MiSans-Demibold.woff2) format("woff2"), url(../../static/font/MiSans-Demibold.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: MiSans-Light;
    src: url(../../static/font/MiSans-Light.woff2) format("woff2"), url(../../static/font/MiSans-Light.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: MiSans-Medium;
    src: url(../../static/font/MiSans-Medium.woff2) format("woff2"), url(../../static/font/MiSans-Medium.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: MiSans-Normal;
    src: url(../../static/font/MiSans-Normal.woff2) format("woff2"), url(../../static/font/MiSans-Normal.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: MiSans-Regular;
    src: url(../../static/font/MiSans-Regular.woff2) format("woff2"), url(../../static/font/MiSans-Regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: iconfont;
    src: url(../font/iconfont.woff2?t=1770105532923) format("woff2"), url(../font/iconfont.woff?t=1770105532923) format("woff"), url(../font/iconfont.ttf?t=1770105532923) format("truetype");
    font-display: swap
}

.iconfont {
    font-family: iconfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wordSemi,
#app header .appNav .right .set .box>a.on,
#app header .pcNav .right .box>a.on,
#app header .pcNav .right .box>a:hover {
    font-family: MiSans-Semibold;
    font-weight: 400
}

.word,
.home main .banner .inner .group .title h2 .line_2 .letter:nth-of-type(11),
.home main .banner .inner .group .title h2 .line_2 .letter:nth-of-type(10),
.home main .banner .inner .group .title h2 .line_2 .letter:nth-of-type(9),
.home main .banner .inner .group .title h2 .line_2 .letter:nth-of-type(8),
.home main .banner .inner .group .title h2 .line_2 .letter:nth-of-type(7),
.home main .banner .inner .group .title h2 .line_2 .letter:nth-of-type(6) {
    font-family: MiSans-Normal;
    font-weight: 400
}

.wordReg,
.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter,
.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(8),
.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(7),
.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(6) {
    font-family: MiSans-Regular;
    font-weight: 400
}

.wordBold {
    font-family: MiSans-Bold;
    font-weight: 400
}

.wordLight {
    font-family: MiSans-Light;
    font-weight: 400
}

.wordMid {
    font-family: MiSans-Medium;
    font-weight: 400
}

*,
:after,
:before {
    color: var(--black);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: MiSans-Medium, Microsoft JhengHei, Source Han Sans CN, PingFang SC, "Source Han Serif SC", Microsoft YaHei, sans-serif
}

ol,
ul,
li {
    list-style-type: none;
    vertical-align: middle
}

img {
    vertical-align: top;
    border: 0
}

input,
select,
textarea,
button {
    vertical-align: middle
}

textarea,
input {
    text-indent: 10px
}

input[type=submit],
input[type=button],
button {
    text-indent: 0;
    text-align: center;
    cursor: pointer
}

label,
button,
a {
    cursor: pointer
}

ins,
em,
b,
i {
    text-decoration: none;
    font-style: normal
}

select:focus,
textarea:focus,
input:focus,
button {
    outline: none
}

a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.disable-hover {
    pointer-events: none
}

.scroll-animate.animated {
    visibility: hidden
}

.scroll-animate:not(.father) {
    visibility: hidden
}

.animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.font-fadeIn font {
    display: inline-block
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #0000001a
}

::-webkit-scrollbar-thumb {
    border: solid 1px transparent;
    width: 3px;
    border-radius: 4px;
    background-color: var(--green)
}

::-webkit-scrollbar-corner {
    background-color: transparent
}

::-webkit-scrollbar:horizontal {
    height: 9px
}

::-webkit-selection {
    background: transparent;
    color: transparent
}

::-moz-selection {
    background: transparent;
    color: transparent
}

::selection {
    background-color: #1c509c;
    color: #fff;
    -webkit-text-fill-color: #fff
}

input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
    color: #999;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder {
    color: #c2c2c2
}

a {
    color: inherit;
    text-decoration: none
}

a[href] {
    cursor: pointer
}

a:hover {
    text-decoration: none;
    cursor: pointer
}

a:focus {
    background-color: transparent
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    width: 100%;
    font-size: 5.20833vw;
    scroll-behavior: initial;
    overflow-x: hidden
}

a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img[src=""],
img:not([src]) {
    opacity: 0
}

b {
    font-size: inherit;
    color: inherit;
    font-family: inherit
}

font {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    text-transform: inherit
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.fl {
    float: left
}

.fr {
    float: right
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.lh-10 {
    line-height: 1
}

.lh-11 {
    line-height: 1.1
}

.lh-12 {
    line-height: 1.2
}

.lh-13 {
    line-height: 1.3
}

.lh-14 {
    line-height: 1.4
}

.lh-15 {
    line-height: 1.5
}

.lh-16 {
    line-height: 1.6
}

.lh-17 {
    line-height: 1.7
}

.lh-18 {
    line-height: 1.8
}

.lh-19 {
    line-height: 1.9
}

.lh-20 {
    line-height: 2
}

.cl:after {
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden
}

.hide {
    display: none
}

.show {
    display: block
}

.text_overflow {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-ahref] {
    cursor: pointer
}

.f-left {
    text-align: left
}

.f-center {
    text-align: center
}

.f-right {
    text-align: right
}

.up-word {
    text-transform: uppercase
}

.v-show {
    visibility: visible
}

.v-hide {
    visibility: hidden
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.back-cover {
    background-size: cover
}

.back-contain {
    background-size: contain
}

.wid-10 {
    width: 10%
}

.wid-15 {
    width: 15%
}

.wid-20 {
    width: 20%
}

.wid-25 {
    width: 25%
}

.wid-30 {
    width: 30%
}

.wid-35 {
    width: 35%
}

.wid-40 {
    width: 40%
}

.wid-45 {
    width: 45%
}

.wid-50 {
    width: 50%
}

.wid-55 {
    width: 55%
}

.wid-60 {
    width: 60%
}

.wid-65 {
    width: 65%
}

.wid-70 {
    width: 70%
}

.wid-75 {
    width: 75%
}

.wid-80 {
    width: 80%
}

.wid-85 {
    width: 85%
}

.wid-90 {
    width: 90%
}

.wid-95 {
    width: 95%
}

.wid-100 {
    width: 100%
}

.op-0 {
    opacity: 0
}

.op-1 {
    opacity: .1
}

.op-2 {
    opacity: .2
}

.op-3 {
    opacity: .3
}

.op-4 {
    opacity: .4
}

.op-5 {
    opacity: .5
}

.op-6 {
    opacity: .6
}

.op-7 {
    opacity: .7
}

.op-8 {
    opacity: .8
}

.op-9 {
    opacity: .9
}

.op-10 {
    opacity: 1
}

.layout-v-middle,
.home main .r10 .inner .group .box>.mask,
.home main .r4 .inner .group .photo .startMedia,
.home main .banner .inner .group .box .inBox .audio,
#app header .appNav .logoBox>img.deep,
#app header .pcNav .logoBox>img.deep,
.layout-middle,
.load .content .loadRect {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.layout-h-middle,
.layer-mouse .mouse .line {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.layout-middle,
.load .content .loadRect {
    left: 0;
    right: 0
}

.pa-v {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pa-h,
.layer-ts {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.pa-mid {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.fxc,
.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top,
.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .inner>.bg,
.home main .r3 .inner .part .content .mid .layer-photo,
.home main .r3 .clear .step,
.home main .r2 .inner .group .msg h2,
.home main .r1 .other .part .col h2,
.home main .banner .inner .other .col .list,
.load .content,
#app footer .btm .other,
#app header .appNav .right .set,
#app header .appNav .right,
#app header .pcNav .right,
.layer-mouse,
.cursor--group .cursor--inner>.arrow,
.layer-toast,
.layer-check,
.layer-media .inner,
.layer-pop,
.layer-cir,
.layer-button .txt,
.layer-btn .arrow,
.layer-btn .txt,
.layer-btn,
.layer-topic.left [data-text],
.layer-topic [data-text] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxb,
#app header .appNav,
#app header .pcNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fxs,
.home main .r5 .inner .group .compare .col .layer-items .list,
#app footer .btm .center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-mid-c,
.layer-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-mid-b,
#app footer .btm .other .layer-down .txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row-mid-s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-mid-e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-top-c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-top-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row-top-s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-top-e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-btm-c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-btm-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row-btm-s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row-btm-e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-mid-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-mid-c,
.home main .r1 .other .btm .swiper .swiper-wrapper .swiper-slide,
.home main .r1 .inner .frameBox .bg .group .swiper .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-mid-s,
.home main .r11 .inner .group>.layer-topic>.fxc h3,
.home main .r11 .inner .group>.layer-topic>[data-text] h3,
.home main .r11 .inner .layer-topic.left .group>.layer-topic>[data-text] h3,
.layer-topic.left .home main .r11 .inner .group>.layer-topic>[data-text] h3,
.home main .r11 .inner .group>.layer-topic>.layer-btn h3,
.home main .r11 .inner .layer-btn .group>.layer-topic>.txt h3,
.layer-btn .home main .r11 .inner .group>.layer-topic>.txt h3,
.home main .r11 .inner .layer-btn .group>.layer-topic>.arrow h3,
.layer-btn .home main .r11 .inner .group>.layer-topic>.arrow h3,
.home main .r11 .inner .layer-button .group>.layer-topic>.txt h3,
.layer-button .home main .r11 .inner .group>.layer-topic>.txt h3,
.home main .r11 .inner .group>.layer-topic>.layer-cir h3,
.home main .r11 .inner .group>.layer-topic>.layer-pop h3,
.home main .r11 .inner .layer-media .group>.layer-topic>.inner h3,
.layer-media .home main .r11 .inner .group>.layer-topic>.inner h3,
.home main .r11 .inner .group>.layer-topic>.layer-check h3,
.home main .r11 .inner .group>.layer-topic>.layer-toast h3,
.home main .r11 .inner .cursor--group .group>.cursor--inner.layer-topic>.arrow h3,
.cursor--group .home main .r11 .inner .group>.cursor--inner.layer-topic>.arrow h3,
.home main .r11 .inner .group>.layer-topic>.layer-mouse h3,
.home main .r11 .inner #app header .pcNav .group>.layer-topic>.right h3,
#app header .pcNav .home main .r11 .inner .group>.layer-topic>.right h3,
.home main .r11 .inner #app header .appNav .group>.layer-topic>.right h3,
#app header .appNav .home main .r11 .inner .group>.layer-topic>.right h3,
.home main .r11 .inner #app header .appNav .right .group>.layer-topic>.set h3,
#app header .appNav .right .home main .r11 .inner .group>.layer-topic>.set h3,
.home main .r11 .inner #app footer .btm .group>.layer-topic>.other h3,
#app footer .btm .home main .r11 .inner .group>.layer-topic>.other h3,
.home main .r11 .inner .load .group>.layer-topic>.content h3,
.load .home main .r11 .inner .group>.layer-topic>.content h3,
.home main .r11 .banner .inner .other .col .group>.layer-topic>.list h3,
.home main .banner .r11 .inner .other .col .group>.layer-topic>.list h3,
.home main .r11 .inner .r1 .other .part .col .group>.layer-topic>h2 h3,
.home main .r1 .other .part .col .r11 .inner .group>.layer-topic>h2 h3,
.home main .r11 .r2 .inner .group .msg .group>.layer-topic>h2 h3,
.home main .r2 .r11 .inner .group .msg .group>.layer-topic>h2 h3,
.home main .r11 .inner .r3 .clear .group>.layer-topic>.step h3,
.home main .r3 .clear .r11 .inner .group>.layer-topic>.step h3,
.home main .r11 .r3 .inner .part .content .mid .group>.layer-topic>.layer-photo h3,
.home main .r3 .r11 .inner .part .content .mid .group>.layer-topic>.layer-photo h3,
.home main .r11 .inner .r5 .group>.inner.layer-topic>.bg h3,
.home main .r5 .r11 .inner .group>.inner.layer-topic>.bg h3,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon h3,
.home main .r5 .r11 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon h3,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top h3,
.home main .r10 .r11 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top h3,
.home main .r11 .inner>.layer-topic>.fxc h2,
.home main .r11 .inner>.layer-topic>[data-text] h2,
.home main .r11 .layer-topic.left .inner>.layer-topic>[data-text] h2,
.layer-topic.left .home main .r11 .inner>.layer-topic>[data-text] h2,
.home main .r11 .inner>.layer-topic>.layer-btn h2,
.home main .r11 .layer-btn .inner>.layer-topic>.txt h2,
.layer-btn .home main .r11 .inner>.layer-topic>.txt h2,
.home main .r11 .layer-btn .inner>.layer-topic>.arrow h2,
.layer-btn .home main .r11 .inner>.layer-topic>.arrow h2,
.home main .r11 .layer-button .inner>.layer-topic>.txt h2,
.layer-button .home main .r11 .inner>.layer-topic>.txt h2,
.home main .r11 .inner>.layer-topic>.layer-cir h2,
.home main .r11 .inner>.layer-topic>.layer-pop h2,
.home main .r11 .layer-media .inner>.layer-topic>.inner h2,
.layer-media .home main .r11 .inner>.layer-topic>.inner h2,
.home main .r11 .inner>.layer-topic>.layer-check h2,
.home main .r11 .inner>.layer-topic>.layer-toast h2,
.home main .r11 .cursor--group .inner>.cursor--inner.layer-topic>.arrow h2,
.cursor--group .home main .r11 .inner>.cursor--inner.layer-topic>.arrow h2,
.home main .r11 .inner>.layer-topic>.layer-mouse h2,
.home main .r11 #app header .pcNav .inner>.layer-topic>.right h2,
#app header .pcNav .home main .r11 .inner>.layer-topic>.right h2,
.home main .r11 #app header .appNav .inner>.layer-topic>.right h2,
#app header .appNav .home main .r11 .inner>.layer-topic>.right h2,
.home main .r11 #app header .appNav .right .inner>.layer-topic>.set h2,
#app header .appNav .right .home main .r11 .inner>.layer-topic>.set h2,
.home main .r11 #app footer .btm .inner>.layer-topic>.other h2,
#app footer .btm .home main .r11 .inner>.layer-topic>.other h2,
.home main .r11 .load .inner>.layer-topic>.content h2,
.load .home main .r11 .inner>.layer-topic>.content h2,
.home main .r11 .banner .inner .other .col .inner>.layer-topic>.list h2,
.home main .banner .inner .other .col .r11 .inner>.layer-topic>.list h2,
.home main .r11 .r1 .other .part .col .inner>.layer-topic>h2 h2,
.home main .r1 .other .part .col .r11 .inner>.layer-topic>h2 h2,
.home main .r11 .r2 .inner .group .msg .inner>.layer-topic>h2 h2,
.home main .r2 .inner .group .msg .r11 .inner>.layer-topic>h2 h2,
.home main .r11 .r3 .clear .inner>.layer-topic>.step h2,
.home main .r3 .clear .r11 .inner>.layer-topic>.step h2,
.home main .r11 .r3 .inner .part .content .mid .inner>.layer-topic>.layer-photo h2,
.home main .r3 .inner .part .content .mid .r11 .inner>.layer-topic>.layer-photo h2,
.home main .r11 .r5 .inner>.inner.layer-topic>.bg h2,
.home main .r5 .r11 .inner>.inner.layer-topic>.bg h2,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .inner>.layer-topic>.layer-icon h2,
.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .r11 .inner>.layer-topic>.layer-icon h2,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .inner>.layer-topic>.top h2,
.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .r11 .inner>.layer-topic>.top h2,
.home main .r6 .inner .group>.right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-mid-e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-left-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-left-c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-left-s,
.home main .r1 .other .box .col [data-text],
.home main .r1 .other .intro .col [data-text] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-left-e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-right-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-right-c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-right-s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-right-e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.maxSize {
    width: 88%;
    max-width: 88.54167vw;
    margin: auto
}

.full,
.home main .r11 .inner .group .loadMk,
.home main .r11 .inner .group .mask,
.home main .r10 .inner .group .box>.mask:after,
.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .msg:after,
.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide>.mask,
.home main .r8 .inner>.bg,
.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .mask,
.home main .r5 .inner>.bg,
.home main .r3 .inner .part,
.row>.bg,
.layer-form .loadMk,
.layer-above .layer-photo .pic,
.layer-btmMask:before,
.layer-mask:before,
.layer-pop .mask,
.layer-submit .pic,
.layer-cir .pic,
.layer-cir .mask,
.layer-button .mask,
.layer-btn .mask:before,
.layer-btn .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.f-160 {
    font-size: 1.6rem
}

.f-150 {
    font-size: 1.5rem
}

.f-120 {
    font-size: 1.2rem
}

.f-110 {
    font-size: 1.1rem
}

.f-100 {
    font-size: 1rem
}

.f-90 {
    font-size: .9rem
}

.f-80 {
    font-size: .8rem
}

.f-72 {
    font-size: .72rem
}

.f-70 {
    font-size: .7rem
}

.f-64 {
    font-size: .64rem
}

.f-60 {
    font-size: .6rem
}

.f-56 {
    font-size: .56rem
}

.f-54 {
    font-size: .54rem
}

.f-50 {
    font-size: .5rem
}

.f-48 {
    font-size: .48rem
}

.f-46 {
    font-size: .46rem
}

.f-44 {
    font-size: .44rem
}

.f-42 {
    font-size: .42rem
}

.f-40 {
    font-size: .4rem
}

.f-38 {
    font-size: .38rem
}

.f-36 {
    font-size: .36rem
}

.f-34 {
    font-size: .34rem
}

.f-32 {
    font-size: .32rem
}

.f-30 {
    font-size: .3rem
}

.f-28 {
    font-size: .28rem
}

.f-26 {
    font-size: .26rem
}

.f-24 {
    font-size: .24rem
}

.f-22 {
    font-size: .22rem
}

.f-20 {
    font-size: .2rem
}

.f-18 {
    font-size: .18rem
}

.f-16,
.layer-toast>span {
    font-size: .16rem
}

.f-14 {
    font-size: .14rem
}

.home main .r11 .inner .group .form .inRow input::-webkit-input-placeholder {
    font-size: .12rem
}

.home main .r11 .inner .group .form .inRow input::-moz-placeholder {
    font-size: .12rem
}

.home main .r11 .inner .group .form .inRow input:-ms-input-placeholder {
    font-size: .12rem
}

.f-12,
.home main .r11 .inner .group .form .inRow input::placeholder {
    font-size: .12rem
}

.mb-100 {
    margin-bottom: 1rem
}

.mb-90 {
    margin-bottom: .9rem
}

.mb-80 {
    margin-bottom: .8rem
}

.mb-70 {
    margin-bottom: .7rem
}

.mb-60 {
    margin-bottom: .6rem
}

.mb-50 {
    margin-bottom: .5rem
}

.mb-40 {
    margin-bottom: .4rem
}

.mb-30 {
    margin-bottom: .3rem
}

.mb-20 {
    margin-bottom: .2rem
}

.mb-10 {
    margin-bottom: .1rem
}

.mr-100 {
    margin-right: 1rem
}

.mr-90 {
    margin-right: .9rem
}

.mr-80 {
    margin-right: .8rem
}

.mr-70 {
    margin-right: .7rem
}

.mr-60 {
    margin-right: .6rem
}

.mr-50 {
    margin-right: .5rem
}

.mr-40 {
    margin-right: .4rem
}

.mr-30 {
    margin-right: .3rem
}

.mr-20 {
    margin-right: .2rem
}

.mr-10 {
    margin-right: .1rem
}

.ml-100 {
    margin-left: 1rem
}

.ml-90 {
    margin-left: .9rem
}

.ml-80 {
    margin-left: .8rem
}

.ml-70 {
    margin-left: .7rem
}

.ml-60 {
    margin-left: .6rem
}

.ml-50 {
    margin-left: .5rem
}

.ml-40 {
    margin-left: .4rem
}

.ml-30 {
    margin-left: .3rem
}

.ml-20 {
    margin-left: .2rem
}

.ml-10 {
    margin-left: .1rem
}

.mt-100 {
    margin-top: 1rem
}

.mt-90 {
    margin-top: .9rem
}

.mt-80 {
    margin-top: .8rem
}

.mt-70 {
    margin-top: .7rem
}

.mt-60 {
    margin-top: .6rem
}

.mt-50 {
    margin-top: .5rem
}

.mt-40 {
    margin-top: .4rem
}

.mt-30 {
    margin-top: .3rem
}

.mt-20 {
    margin-top: .2rem
}

.mt-10 {
    margin-top: .1rem
}

.alanUpEl {
    -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.alanUpEl:nth-child(1) {
    -webkit-transform: translate3d(0, .2rem, 0) rotate(2deg);
    transform: translate3d(0, .2rem, 0) rotate(2deg);
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.alanUpEl:nth-child(2) {
    -webkit-transform: translate3d(0, .3rem, 0) rotate(3deg);
    transform: translate3d(0, .3rem, 0) rotate(3deg);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.alanUpEl:nth-child(3) {
    -webkit-transform: translate3d(0, .4rem, 0) rotate(4deg);
    transform: translate3d(0, .4rem, 0) rotate(4deg);
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.alanUpEl:nth-child(4) {
    -webkit-transform: translate3d(0, .5rem, 0) rotate(5deg);
    transform: translate3d(0, .5rem, 0) rotate(5deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.alanUpEl:nth-child(5) {
    -webkit-transform: translate3d(0, .6rem, 0) rotate(6deg);
    transform: translate3d(0, .6rem, 0) rotate(6deg);
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.alanUpEl:nth-child(6) {
    -webkit-transform: translate3d(0, .7rem, 0) rotate(7deg);
    transform: translate3d(0, .7rem, 0) rotate(7deg);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.alanUpEl:nth-child(7) {
    -webkit-transform: translate3d(0, .8rem, 0) rotate(8deg);
    transform: translate3d(0, .8rem, 0) rotate(8deg);
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.alanUpEl:nth-child(8) {
    -webkit-transform: translate3d(0, .9rem, 0) rotate(9deg);
    transform: translate3d(0, .9rem, 0) rotate(9deg);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.alanUpEl:nth-child(9) {
    -webkit-transform: translate3d(0, 1rem, 0) rotate(10deg);
    transform: translate3d(0, 1rem, 0) rotate(10deg);
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.alanUpEl:nth-child(10) {
    -webkit-transform: translate3d(0, 1.1rem, 0) rotate(11deg);
    transform: translate3d(0, 1.1rem, 0) rotate(11deg);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.alanUpEl:nth-child(11) {
    -webkit-transform: translate3d(0, 1.2rem, 0) rotate(12deg);
    transform: translate3d(0, 1.2rem, 0) rotate(12deg);
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.alanUpEl:nth-child(12) {
    -webkit-transform: translate3d(0, 1.3rem, 0) rotate(13deg);
    transform: translate3d(0, 1.3rem, 0) rotate(13deg);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.alanUpEl:nth-child(13) {
    -webkit-transform: translate3d(0, 1.4rem, 0) rotate(14deg);
    transform: translate3d(0, 1.4rem, 0) rotate(14deg);
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.alanUpEl:nth-child(14) {
    -webkit-transform: translate3d(0, 1.5rem, 0) rotate(15deg);
    transform: translate3d(0, 1.5rem, 0) rotate(15deg);
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.alanUpEl:nth-child(15) {
    -webkit-transform: translate3d(0, 1.6rem, 0) rotate(16deg);
    transform: translate3d(0, 1.6rem, 0) rotate(16deg);
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.alanUpEl:nth-child(16) {
    -webkit-transform: translate3d(0, 1.7rem, 0) rotate(17deg);
    transform: translate3d(0, 1.7rem, 0) rotate(17deg);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.alanUpEl:nth-child(17) {
    -webkit-transform: translate3d(0, 1.8rem, 0) rotate(18deg);
    transform: translate3d(0, 1.8rem, 0) rotate(18deg);
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.alanUpEl:nth-child(18) {
    -webkit-transform: translate3d(0, 1.9rem, 0) rotate(19deg);
    transform: translate3d(0, 1.9rem, 0) rotate(19deg);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.alanUpEl:nth-child(19) {
    -webkit-transform: translate3d(0, 2rem, 0) rotate(20deg);
    transform: translate3d(0, 2rem, 0) rotate(20deg);
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

.alanUpEl:nth-child(20) {
    -webkit-transform: translate3d(0, 2.1rem, 0) rotate(21deg);
    transform: translate3d(0, 2.1rem, 0) rotate(21deg);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.alanUpEl.go {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.alanDownEl {
    -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.alanDownEl:nth-child(1) {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.alanDownEl:nth-child(2) {
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.alanDownEl:nth-child(3) {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.alanDownEl:nth-child(4) {
    -webkit-transform: translate3d(0, -60%, 0);
    transform: translate3d(0, -60%, 0);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.alanDownEl:nth-child(5) {
    -webkit-transform: translate3d(0, -70%, 0);
    transform: translate3d(0, -70%, 0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.alanDownEl:nth-child(6) {
    -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.alanDownEl:nth-child(7) {
    -webkit-transform: translate3d(0, -90%, 0);
    transform: translate3d(0, -90%, 0);
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.alanDownEl:nth-child(8) {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.alanDownEl:nth-child(9) {
    -webkit-transform: translate3d(0, -110%, 0);
    transform: translate3d(0, -110%, 0);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.alanDownEl:nth-child(10) {
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.alanDownEl:nth-child(11) {
    -webkit-transform: translate3d(0, -130%, 0);
    transform: translate3d(0, -130%, 0);
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.alanDownEl:nth-child(12) {
    -webkit-transform: translate3d(0, -140%, 0);
    transform: translate3d(0, -140%, 0);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.alanDownEl:nth-child(13) {
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.alanDownEl:nth-child(14) {
    -webkit-transform: translate3d(0, -160%, 0);
    transform: translate3d(0, -160%, 0);
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.alanDownEl:nth-child(15) {
    -webkit-transform: translate3d(0, -170%, 0);
    transform: translate3d(0, -170%, 0);
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.alanDownEl:nth-child(16) {
    -webkit-transform: translate3d(0, -180%, 0);
    transform: translate3d(0, -180%, 0);
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.alanDownEl:nth-child(17) {
    -webkit-transform: translate3d(0, -190%, 0);
    transform: translate3d(0, -190%, 0);
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.alanDownEl:nth-child(18) {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.alanDownEl:nth-child(19) {
    -webkit-transform: translate3d(0, -210%, 0);
    transform: translate3d(0, -210%, 0);
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.alanDownEl:nth-child(20) {
    -webkit-transform: translate3d(0, -220%, 0);
    transform: translate3d(0, -220%, 0);
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.alanDownEl.go {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.alanParent .alanUp {
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.alanParent .alanUp:nth-child(1) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .03s;
    animation-delay: .03s
}

.alanParent .alanUp:nth-child(2) {
    -webkit-transform: translate3d(0, .45rem, 0);
    transform: translate3d(0, .45rem, 0);
    -webkit-animation-delay: .06s;
    animation-delay: .06s
}

.alanParent .alanUp:nth-child(3) {
    -webkit-transform: translate3d(0, .6rem, 0);
    transform: translate3d(0, .6rem, 0);
    -webkit-animation-delay: .09s;
    animation-delay: .09s
}

.alanParent .alanUp:nth-child(4) {
    -webkit-transform: translate3d(0, .75rem, 0);
    transform: translate3d(0, .75rem, 0);
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}

.alanParent .alanUp:nth-child(5) {
    -webkit-transform: translate3d(0, .9rem, 0);
    transform: translate3d(0, .9rem, 0);
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.alanParent .alanUp:nth-child(6) {
    -webkit-transform: translate3d(0, 1.05rem, 0);
    transform: translate3d(0, 1.05rem, 0);
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

.alanParent .alanUp:nth-child(7) {
    -webkit-transform: translate3d(0, 1.2rem, 0);
    transform: translate3d(0, 1.2rem, 0);
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}

.alanParent .alanUp:nth-child(8) {
    -webkit-transform: translate3d(0, 1.35rem, 0);
    transform: translate3d(0, 1.35rem, 0);
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

.alanParent .alanUp:nth-child(9) {
    -webkit-transform: translate3d(0, 1.5rem, 0);
    transform: translate3d(0, 1.5rem, 0);
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.alanParent .alanUp:nth-child(10) {
    -webkit-transform: translate3d(0, 1.65rem, 0);
    transform: translate3d(0, 1.65rem, 0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.alanParent .alanUp:nth-child(11) {
    -webkit-transform: translate3d(0, 1.8rem, 0);
    transform: translate3d(0, 1.8rem, 0);
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}

.alanParent .alanUp:nth-child(12) {
    -webkit-transform: translate3d(0, 1.95rem, 0);
    transform: translate3d(0, 1.95rem, 0);
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}

.alanParent .alanUp:nth-child(13) {
    -webkit-transform: translate3d(0, 2.1rem, 0);
    transform: translate3d(0, 2.1rem, 0);
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

.alanParent .alanUp:nth-child(14) {
    -webkit-transform: translate3d(0, 2.25rem, 0);
    transform: translate3d(0, 2.25rem, 0);
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}

.alanParent .alanUp:nth-child(15) {
    -webkit-transform: translate3d(0, 2.4rem, 0);
    transform: translate3d(0, 2.4rem, 0);
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.alanParent .alanUp:nth-child(16) {
    -webkit-transform: translate3d(0, 2.55rem, 0);
    transform: translate3d(0, 2.55rem, 0);
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

.alanParent .alanUp:nth-child(17) {
    -webkit-transform: translate3d(0, 2.7rem, 0);
    transform: translate3d(0, 2.7rem, 0);
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}

.alanParent .alanUp:nth-child(18) {
    -webkit-transform: translate3d(0, 2.85rem, 0);
    transform: translate3d(0, 2.85rem, 0);
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}

.alanParent .alanUp:nth-child(19) {
    -webkit-transform: translate3d(0, 3rem, 0);
    transform: translate3d(0, 3rem, 0);
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}

.alanParent .alanUp:nth-child(20) {
    -webkit-transform: translate3d(0, 3.15rem, 0);
    transform: translate3d(0, 3.15rem, 0);
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.alanParent .alanDown {
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.alanParent .alanDown:nth-child(1) {
    -webkit-transform: translate3d(0, -.2rem, 0);
    transform: translate3d(0, -.2rem, 0);
    -webkit-transition-delay: .03s;
    transition-delay: .03s
}

.alanParent .alanDown:nth-child(2) {
    -webkit-transform: translate3d(0, -.3rem, 0);
    transform: translate3d(0, -.3rem, 0);
    -webkit-transition-delay: .06s;
    transition-delay: .06s
}

.alanParent .alanDown:nth-child(3) {
    -webkit-transform: translate3d(0, -.4rem, 0);
    transform: translate3d(0, -.4rem, 0);
    -webkit-transition-delay: .09s;
    transition-delay: .09s
}

.alanParent .alanDown:nth-child(4) {
    -webkit-transform: translate3d(0, -.5rem, 0);
    transform: translate3d(0, -.5rem, 0);
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}

.alanParent .alanDown:nth-child(5) {
    -webkit-transform: translate3d(0, -.6rem, 0);
    transform: translate3d(0, -.6rem, 0);
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.alanParent .alanDown:nth-child(6) {
    -webkit-transform: translate3d(0, -.7rem, 0);
    transform: translate3d(0, -.7rem, 0);
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.alanParent .alanDown:nth-child(7) {
    -webkit-transform: translate3d(0, -.8rem, 0);
    transform: translate3d(0, -.8rem, 0);
    -webkit-transition-delay: .21s;
    transition-delay: .21s
}

.alanParent .alanDown:nth-child(8) {
    -webkit-transform: translate3d(0, -.9rem, 0);
    transform: translate3d(0, -.9rem, 0);
    -webkit-transition-delay: .24s;
    transition-delay: .24s
}

.alanParent .alanDown:nth-child(9) {
    -webkit-transform: translate3d(0, -1rem, 0);
    transform: translate3d(0, -1rem, 0);
    -webkit-transition-delay: .27s;
    transition-delay: .27s
}

.alanParent .alanDown:nth-child(10) {
    -webkit-transform: translate3d(0, -1.1rem, 0);
    transform: translate3d(0, -1.1rem, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.alanParent .alanDown:nth-child(11) {
    -webkit-transform: translate3d(0, -1.2rem, 0);
    transform: translate3d(0, -1.2rem, 0);
    -webkit-transition-delay: .33s;
    transition-delay: .33s
}

.alanParent .alanDown:nth-child(12) {
    -webkit-transform: translate3d(0, -1.3rem, 0);
    transform: translate3d(0, -1.3rem, 0);
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}

.alanParent .alanDown:nth-child(13) {
    -webkit-transform: translate3d(0, -1.4rem, 0);
    transform: translate3d(0, -1.4rem, 0);
    -webkit-transition-delay: .39s;
    transition-delay: .39s
}

.alanParent .alanDown:nth-child(14) {
    -webkit-transform: translate3d(0, -1.5rem, 0);
    transform: translate3d(0, -1.5rem, 0);
    -webkit-transition-delay: .42s;
    transition-delay: .42s
}

.alanParent .alanDown:nth-child(15) {
    -webkit-transform: translate3d(0, -1.6rem, 0);
    transform: translate3d(0, -1.6rem, 0);
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.alanParent .alanDown:nth-child(16) {
    -webkit-transform: translate3d(0, -1.7rem, 0);
    transform: translate3d(0, -1.7rem, 0);
    -webkit-transition-delay: .48s;
    transition-delay: .48s
}

.alanParent .alanDown:nth-child(17) {
    -webkit-transform: translate3d(0, -1.8rem, 0);
    transform: translate3d(0, -1.8rem, 0);
    -webkit-transition-delay: .51s;
    transition-delay: .51s
}

.alanParent .alanDown:nth-child(18) {
    -webkit-transform: translate3d(0, -1.9rem, 0);
    transform: translate3d(0, -1.9rem, 0);
    -webkit-transition-delay: .54s;
    transition-delay: .54s
}

.alanParent .alanDown:nth-child(19) {
    -webkit-transform: translate3d(0, -2rem, 0);
    transform: translate3d(0, -2rem, 0);
    -webkit-transition-delay: .57s;
    transition-delay: .57s
}

.alanParent .alanDown:nth-child(20) {
    -webkit-transform: translate3d(0, -2.1rem, 0);
    transform: translate3d(0, -2.1rem, 0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.alanParent .alanLeft {
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.alanParent .alanLeft:nth-child(1) {
    -webkit-transform: translate3d(.3rem, 0, 0);
    transform: translate3d(.3rem, 0, 0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.alanParent .alanLeft:nth-child(2) {
    -webkit-transform: translate3d(.4rem, 0, 0);
    transform: translate3d(.4rem, 0, 0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.alanParent .alanLeft:nth-child(3) {
    -webkit-transform: translate3d(.5rem, 0, 0);
    transform: translate3d(.5rem, 0, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.alanParent .alanLeft:nth-child(4) {
    -webkit-transform: translate3d(.6rem, 0, 0);
    transform: translate3d(.6rem, 0, 0);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.alanParent .alanLeft:nth-child(5) {
    -webkit-transform: translate3d(.7rem, 0, 0);
    transform: translate3d(.7rem, 0, 0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.alanParent .alanLeft:nth-child(6) {
    -webkit-transform: translate3d(.8rem, 0, 0);
    transform: translate3d(.8rem, 0, 0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.alanParent .alanLeft:nth-child(7) {
    -webkit-transform: translate3d(.9rem, 0, 0);
    transform: translate3d(.9rem, 0, 0);
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.alanParent .alanLeft:nth-child(8) {
    -webkit-transform: translate3d(1rem, 0, 0);
    transform: translate3d(1rem, 0, 0);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.alanParent .alanLeft:nth-child(9) {
    -webkit-transform: translate3d(1.1rem, 0, 0);
    transform: translate3d(1.1rem, 0, 0);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.alanParent .alanLeft:nth-child(10) {
    -webkit-transform: translate3d(1.2rem, 0, 0);
    transform: translate3d(1.2rem, 0, 0);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.alanParent .alanLeft:nth-child(11) {
    -webkit-transform: translate3d(1.3rem, 0, 0);
    transform: translate3d(1.3rem, 0, 0);
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.alanParent .alanLeft:nth-child(12) {
    -webkit-transform: translate3d(1.4rem, 0, 0);
    transform: translate3d(1.4rem, 0, 0);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.alanParent .alanLeft:nth-child(13) {
    -webkit-transform: translate3d(1.5rem, 0, 0);
    transform: translate3d(1.5rem, 0, 0);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.alanParent .alanLeft:nth-child(14) {
    -webkit-transform: translate3d(1.6rem, 0, 0);
    transform: translate3d(1.6rem, 0, 0);
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.alanParent .alanLeft:nth-child(15) {
    -webkit-transform: translate3d(1.7rem, 0, 0);
    transform: translate3d(1.7rem, 0, 0);
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.alanParent .alanLeft:nth-child(16) {
    -webkit-transform: translate3d(1.8rem, 0, 0);
    transform: translate3d(1.8rem, 0, 0);
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.alanParent .alanLeft:nth-child(17) {
    -webkit-transform: translate3d(1.9rem, 0, 0);
    transform: translate3d(1.9rem, 0, 0);
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.alanParent .alanLeft:nth-child(18) {
    -webkit-transform: translate3d(2rem, 0, 0);
    transform: translate3d(2rem, 0, 0);
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.alanParent .alanLeft:nth-child(19) {
    -webkit-transform: translate3d(2.1rem, 0, 0);
    transform: translate3d(2.1rem, 0, 0);
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.alanParent .alanLeft:nth-child(20) {
    -webkit-transform: translate3d(2.2rem, 0, 0);
    transform: translate3d(2.2rem, 0, 0);
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.alanParent .alanRight {
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.alanParent .alanRight:nth-child(1) {
    -webkit-transform: translate3d(-.3rem, 0, 0);
    transform: translate3d(-.3rem, 0, 0);
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.alanParent .alanRight:nth-child(2) {
    -webkit-transform: translate3d(-.4rem, 0, 0);
    transform: translate3d(-.4rem, 0, 0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.alanParent .alanRight:nth-child(3) {
    -webkit-transform: translate3d(-.5rem, 0, 0);
    transform: translate3d(-.5rem, 0, 0);
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.alanParent .alanRight:nth-child(4) {
    -webkit-transform: translate3d(-.6rem, 0, 0);
    transform: translate3d(-.6rem, 0, 0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.alanParent .alanRight:nth-child(5) {
    -webkit-transform: translate3d(-.7rem, 0, 0);
    transform: translate3d(-.7rem, 0, 0);
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.alanParent .alanRight:nth-child(6) {
    -webkit-transform: translate3d(-.8rem, 0, 0);
    transform: translate3d(-.8rem, 0, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.alanParent .alanRight:nth-child(7) {
    -webkit-transform: translate3d(-.9rem, 0, 0);
    transform: translate3d(-.9rem, 0, 0);
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.alanParent .alanRight:nth-child(8) {
    -webkit-transform: translate3d(-1rem, 0, 0);
    transform: translate3d(-1rem, 0, 0);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.alanParent .alanRight:nth-child(9) {
    -webkit-transform: translate3d(-1.1rem, 0, 0);
    transform: translate3d(-1.1rem, 0, 0);
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.alanParent .alanRight:nth-child(10) {
    -webkit-transform: translate3d(-1.2rem, 0, 0);
    transform: translate3d(-1.2rem, 0, 0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.alanParent .alanRight:nth-child(11) {
    -webkit-transform: translate3d(-1.3rem, 0, 0);
    transform: translate3d(-1.3rem, 0, 0);
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.alanParent .alanRight:nth-child(12) {
    -webkit-transform: translate3d(-1.4rem, 0, 0);
    transform: translate3d(-1.4rem, 0, 0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.alanParent .alanRight:nth-child(13) {
    -webkit-transform: translate3d(-1.5rem, 0, 0);
    transform: translate3d(-1.5rem, 0, 0);
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.alanParent .alanRight:nth-child(14) {
    -webkit-transform: translate3d(-1.6rem, 0, 0);
    transform: translate3d(-1.6rem, 0, 0);
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.alanParent .alanRight:nth-child(15) {
    -webkit-transform: translate3d(-1.7rem, 0, 0);
    transform: translate3d(-1.7rem, 0, 0);
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.alanParent .alanRight:nth-child(16) {
    -webkit-transform: translate3d(-1.8rem, 0, 0);
    transform: translate3d(-1.8rem, 0, 0);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.alanParent .alanRight:nth-child(17) {
    -webkit-transform: translate3d(-1.9rem, 0, 0);
    transform: translate3d(-1.9rem, 0, 0);
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.alanParent .alanRight:nth-child(18) {
    -webkit-transform: translate3d(-2rem, 0, 0);
    transform: translate3d(-2rem, 0, 0);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.alanParent .alanRight:nth-child(19) {
    -webkit-transform: translate3d(-2.1rem, 0, 0);
    transform: translate3d(-2.1rem, 0, 0);
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

.alanParent .alanRight:nth-child(20) {
    -webkit-transform: translate3d(-2.2rem, 0, 0);
    transform: translate3d(-2.2rem, 0, 0);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.alanParent.active .alanUp,
.alanParent.active .alanDown,
.alanParent.active .alanLeft,
.alanParent.active .alanRight,
.alanParent.go .alanUp,
.alanParent.go .alanDown,
.alanParent.go .alanLeft,
.alanParent.go .alanRight {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.textLeftFn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.1 !important
}

.textLeftFn .letter {
    display: block;
    -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(5deg) translate3d(.2rem, 0, 0);
    transform: rotate(5deg) translate3d(.2rem, 0, 0)
}

.textLeftFn .letter:nth-child(1) {
    -webkit-transform: translate3d(.25rem, 0, 0);
    transform: translate3d(.25rem, 0, 0)
}

.textLeftFn .letter:nth-child(2) {
    -webkit-transform: translate3d(.4rem, 0, 0);
    transform: translate3d(.4rem, 0, 0)
}

.textLeftFn .letter:nth-child(3) {
    -webkit-transform: translate3d(.55rem, 0, 0);
    transform: translate3d(.55rem, 0, 0)
}

.textLeftFn .letter:nth-child(4) {
    -webkit-transform: translate3d(.7rem, 0, 0);
    transform: translate3d(.7rem, 0, 0)
}

.textLeftFn .letter:nth-child(5) {
    -webkit-transform: translate3d(.85rem, 0, 0);
    transform: translate3d(.85rem, 0, 0)
}

.textLeftFn .letter:nth-child(6) {
    -webkit-transform: translate3d(1rem, 0, 0);
    transform: translate3d(1rem, 0, 0)
}

.textLeftFn .letter:nth-child(7) {
    -webkit-transform: translate3d(1.15rem, 0, 0);
    transform: translate3d(1.15rem, 0, 0)
}

.textLeftFn .letter:nth-child(8) {
    -webkit-transform: translate3d(1.3rem, 0, 0);
    transform: translate3d(1.3rem, 0, 0)
}

.textLeftFn .letter:nth-child(9) {
    -webkit-transform: translate3d(1.45rem, 0, 0);
    transform: translate3d(1.45rem, 0, 0)
}

.textLeftFn .letter:nth-child(10) {
    -webkit-transform: translate3d(1.6rem, 0, 0);
    transform: translate3d(1.6rem, 0, 0)
}

.textLeftFn .letter:nth-child(11) {
    -webkit-transform: translate3d(1.75rem, 0, 0);
    transform: translate3d(1.75rem, 0, 0)
}

.textLeftFn .letter:nth-child(12) {
    -webkit-transform: translate3d(1.9rem, 0, 0);
    transform: translate3d(1.9rem, 0, 0)
}

.textLeftFn .letter:nth-child(13) {
    -webkit-transform: translate3d(2.05rem, 0, 0);
    transform: translate3d(2.05rem, 0, 0)
}

.textLeftFn .letter:nth-child(14) {
    -webkit-transform: translate3d(2.2rem, 0, 0);
    transform: translate3d(2.2rem, 0, 0)
}

.textLeftFn .letter:nth-child(15) {
    -webkit-transform: translate3d(2.35rem, 0, 0);
    transform: translate3d(2.35rem, 0, 0)
}

.textLeftFn .letter:nth-child(16) {
    -webkit-transform: translate3d(2.5rem, 0, 0);
    transform: translate3d(2.5rem, 0, 0)
}

.textLeftFn .letter:nth-child(17) {
    -webkit-transform: translate3d(2.65rem, 0, 0);
    transform: translate3d(2.65rem, 0, 0)
}

.textLeftFn .letter:nth-child(18) {
    -webkit-transform: translate3d(2.8rem, 0, 0);
    transform: translate3d(2.8rem, 0, 0)
}

.textLeftFn .letter:nth-child(19) {
    -webkit-transform: translate3d(2.95rem, 0, 0);
    transform: translate3d(2.95rem, 0, 0)
}

.textLeftFn .letter:nth-child(20) {
    -webkit-transform: translate3d(3.1rem, 0, 0);
    transform: translate3d(3.1rem, 0, 0)
}

.textLeftFn .letter:nth-child(21) {
    -webkit-transform: translate3d(3.25rem, 0, 0);
    transform: translate3d(3.25rem, 0, 0)
}

.textLeftFn .letter:nth-child(22) {
    -webkit-transform: translate3d(3.4rem, 0, 0);
    transform: translate3d(3.4rem, 0, 0)
}

.textLeftFn .letter:nth-child(23) {
    -webkit-transform: translate3d(3.55rem, 0, 0);
    transform: translate3d(3.55rem, 0, 0)
}

.textLeftFn .letter:nth-child(24) {
    -webkit-transform: translate3d(3.7rem, 0, 0);
    transform: translate3d(3.7rem, 0, 0)
}

.textLeftFn .letter:nth-child(25) {
    -webkit-transform: translate3d(3.85rem, 0, 0);
    transform: translate3d(3.85rem, 0, 0)
}

.textLeftFn .letter:nth-child(26) {
    -webkit-transform: translate3d(4rem, 0, 0);
    transform: translate3d(4rem, 0, 0)
}

.textLeftFn .letter:nth-child(27) {
    -webkit-transform: translate3d(4.15rem, 0, 0);
    transform: translate3d(4.15rem, 0, 0)
}

.textLeftFn .letter:nth-child(28) {
    -webkit-transform: translate3d(4.3rem, 0, 0);
    transform: translate3d(4.3rem, 0, 0)
}

.textLeftFn .letter:nth-child(29) {
    -webkit-transform: translate3d(4.45rem, 0, 0);
    transform: translate3d(4.45rem, 0, 0)
}

.textLeftFn .letter:nth-child(30) {
    -webkit-transform: translate3d(4.6rem, 0, 0);
    transform: translate3d(4.6rem, 0, 0)
}

.textLeftFn .letter:nth-child(31) {
    -webkit-transform: translate3d(4.75rem, 0, 0);
    transform: translate3d(4.75rem, 0, 0)
}

.textLeftFn .letter:nth-child(32) {
    -webkit-transform: translate3d(4.9rem, 0, 0);
    transform: translate3d(4.9rem, 0, 0)
}

.textLeftFn .letter:nth-child(33) {
    -webkit-transform: translate3d(5.05rem, 0, 0);
    transform: translate3d(5.05rem, 0, 0)
}

.textLeftFn .letter:nth-child(34) {
    -webkit-transform: translate3d(5.2rem, 0, 0);
    transform: translate3d(5.2rem, 0, 0)
}

.textLeftFn .letter:nth-child(35) {
    -webkit-transform: translate3d(5.35rem, 0, 0);
    transform: translate3d(5.35rem, 0, 0)
}

.textLeftFn .letter:nth-child(36) {
    -webkit-transform: translate3d(5.5rem, 0, 0);
    transform: translate3d(5.5rem, 0, 0)
}

.textLeftFn .letter:nth-child(37) {
    -webkit-transform: translate3d(5.65rem, 0, 0);
    transform: translate3d(5.65rem, 0, 0)
}

.textLeftFn .letter:nth-child(38) {
    -webkit-transform: translate3d(5.8rem, 0, 0);
    transform: translate3d(5.8rem, 0, 0)
}

.textLeftFn .letter:nth-child(39) {
    -webkit-transform: translate3d(5.95rem, 0, 0);
    transform: translate3d(5.95rem, 0, 0)
}

.textLeftFn .letter:nth-child(40) {
    -webkit-transform: translate3d(6.1rem, 0, 0);
    transform: translate3d(6.1rem, 0, 0)
}

.textLeftFn .letter:nth-child(41) {
    -webkit-transform: translate3d(6.25rem, 0, 0);
    transform: translate3d(6.25rem, 0, 0)
}

.textLeftFn .letter:nth-child(42) {
    -webkit-transform: translate3d(6.4rem, 0, 0);
    transform: translate3d(6.4rem, 0, 0)
}

.textLeftFn .letter:nth-child(43) {
    -webkit-transform: translate3d(6.55rem, 0, 0);
    transform: translate3d(6.55rem, 0, 0)
}

.textLeftFn .letter:nth-child(44) {
    -webkit-transform: translate3d(6.7rem, 0, 0);
    transform: translate3d(6.7rem, 0, 0)
}

.textLeftFn .letter:nth-child(45) {
    -webkit-transform: translate3d(6.85rem, 0, 0);
    transform: translate3d(6.85rem, 0, 0)
}

.textLeftFn .letter:nth-child(46) {
    -webkit-transform: translate3d(7rem, 0, 0);
    transform: translate3d(7rem, 0, 0)
}

.textLeftFn .letter:nth-child(47) {
    -webkit-transform: translate3d(7.15rem, 0, 0);
    transform: translate3d(7.15rem, 0, 0)
}

.textLeftFn .letter:nth-child(48) {
    -webkit-transform: translate3d(7.3rem, 0, 0);
    transform: translate3d(7.3rem, 0, 0)
}

.textLeftFn .letter:nth-child(49) {
    -webkit-transform: translate3d(7.45rem, 0, 0);
    transform: translate3d(7.45rem, 0, 0)
}

.textLeftFn .letter:nth-child(50) {
    -webkit-transform: translate3d(7.6rem, 0, 0);
    transform: translate3d(7.6rem, 0, 0)
}

.textLeftFn.go .letter {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.textUpFn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.1 !important
}

.textUpFn .letter {
    display: block;
    -webkit-transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), -webkit-transform 1s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: var(--ease);
    animation-timing-function: var(--ease);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.textUpFn .letter:nth-child(1) {
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}

.textUpFn .letter:nth-child(2) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.textUpFn .letter:nth-child(3) {
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}

.textUpFn .letter:nth-child(4) {
    -webkit-transform: translate3d(0, .5rem, 0);
    transform: translate3d(0, .5rem, 0);
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

.textUpFn .letter:nth-child(5) {
    -webkit-transform: translate3d(0, .6rem, 0);
    transform: translate3d(0, .6rem, 0);
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.textUpFn .letter:nth-child(6) {
    -webkit-transform: translate3d(0, .7rem, 0);
    transform: translate3d(0, .7rem, 0);
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}

.textUpFn .letter:nth-child(7) {
    -webkit-transform: translate3d(0, .8rem, 0);
    transform: translate3d(0, .8rem, 0);
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}

.textUpFn .letter:nth-child(8) {
    -webkit-transform: translate3d(0, .9rem, 0);
    transform: translate3d(0, .9rem, 0);
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}

.textUpFn .letter:nth-child(9) {
    -webkit-transform: translate3d(0, 1rem, 0);
    transform: translate3d(0, 1rem, 0);
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}

.textUpFn .letter:nth-child(10) {
    -webkit-transform: translate3d(0, 1.1rem, 0);
    transform: translate3d(0, 1.1rem, 0);
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.textUpFn .letter:nth-child(11) {
    -webkit-transform: translate3d(0, 1.2rem, 0);
    transform: translate3d(0, 1.2rem, 0);
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}

.textUpFn .letter:nth-child(12) {
    -webkit-transform: translate3d(0, 1.3rem, 0);
    transform: translate3d(0, 1.3rem, 0);
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}

.textUpFn .letter:nth-child(13) {
    -webkit-transform: translate3d(0, 1.4rem, 0);
    transform: translate3d(0, 1.4rem, 0);
    -webkit-animation-delay: .93s;
    animation-delay: .93s
}

.textUpFn .letter:nth-child(14) {
    -webkit-transform: translate3d(0, 1.5rem, 0);
    transform: translate3d(0, 1.5rem, 0);
    -webkit-animation-delay: .99s;
    animation-delay: .99s
}

.textUpFn .letter:nth-child(15) {
    -webkit-transform: translate3d(0, 1.6rem, 0);
    transform: translate3d(0, 1.6rem, 0);
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

.textUpFn .letter:nth-child(16) {
    -webkit-transform: translate3d(0, 1.7rem, 0);
    transform: translate3d(0, 1.7rem, 0);
    -webkit-animation-delay: 1.11s;
    animation-delay: 1.11s
}

.textUpFn .letter:nth-child(17) {
    -webkit-transform: translate3d(0, 1.8rem, 0);
    transform: translate3d(0, 1.8rem, 0);
    -webkit-animation-delay: 1.17s;
    animation-delay: 1.17s
}

.textUpFn .letter:nth-child(18) {
    -webkit-transform: translate3d(0, 1.9rem, 0);
    transform: translate3d(0, 1.9rem, 0);
    -webkit-animation-delay: 1.23s;
    animation-delay: 1.23s
}

.textUpFn .letter:nth-child(19) {
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0);
    -webkit-animation-delay: 1.29s;
    animation-delay: 1.29s
}

.textUpFn .letter:nth-child(20) {
    -webkit-transform: translate3d(0, 2.1rem, 0);
    transform: translate3d(0, 2.1rem, 0);
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

.textUpFn .letter:nth-child(21) {
    -webkit-transform: translate3d(0, 2.2rem, 0);
    transform: translate3d(0, 2.2rem, 0);
    -webkit-animation-delay: 1.41s;
    animation-delay: 1.41s
}

.textUpFn .letter:nth-child(22) {
    -webkit-transform: translate3d(0, 2.3rem, 0);
    transform: translate3d(0, 2.3rem, 0);
    -webkit-animation-delay: 1.47s;
    animation-delay: 1.47s
}

.textUpFn .letter:nth-child(23) {
    -webkit-transform: translate3d(0, 2.4rem, 0);
    transform: translate3d(0, 2.4rem, 0);
    -webkit-animation-delay: 1.53s;
    animation-delay: 1.53s
}

.textUpFn .letter:nth-child(24) {
    -webkit-transform: translate3d(0, 2.5rem, 0);
    transform: translate3d(0, 2.5rem, 0);
    -webkit-animation-delay: 1.59s;
    animation-delay: 1.59s
}

.textUpFn .letter:nth-child(25) {
    -webkit-transform: translate3d(0, 2.6rem, 0);
    transform: translate3d(0, 2.6rem, 0);
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

.textUpFn .letter:nth-child(26) {
    -webkit-transform: translate3d(0, 2.7rem, 0);
    transform: translate3d(0, 2.7rem, 0);
    -webkit-animation-delay: 1.71s;
    animation-delay: 1.71s
}

.textUpFn .letter:nth-child(27) {
    -webkit-transform: translate3d(0, 2.8rem, 0);
    transform: translate3d(0, 2.8rem, 0);
    -webkit-animation-delay: 1.77s;
    animation-delay: 1.77s
}

.textUpFn .letter:nth-child(28) {
    -webkit-transform: translate3d(0, 2.9rem, 0);
    transform: translate3d(0, 2.9rem, 0);
    -webkit-animation-delay: 1.83s;
    animation-delay: 1.83s
}

.textUpFn .letter:nth-child(29) {
    -webkit-transform: translate3d(0, 3rem, 0);
    transform: translate3d(0, 3rem, 0);
    -webkit-animation-delay: 1.89s;
    animation-delay: 1.89s
}

.textUpFn .letter:nth-child(30) {
    -webkit-transform: translate3d(0, 3.1rem, 0);
    transform: translate3d(0, 3.1rem, 0);
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

.textUpFn .letter:nth-child(31) {
    -webkit-transform: translate3d(0, 3.2rem, 0);
    transform: translate3d(0, 3.2rem, 0);
    -webkit-animation-delay: 2.01s;
    animation-delay: 2.01s
}

.textUpFn .letter:nth-child(32) {
    -webkit-transform: translate3d(0, 3.3rem, 0);
    transform: translate3d(0, 3.3rem, 0);
    -webkit-animation-delay: 2.07s;
    animation-delay: 2.07s
}

.textUpFn .letter:nth-child(33) {
    -webkit-transform: translate3d(0, 3.4rem, 0);
    transform: translate3d(0, 3.4rem, 0);
    -webkit-animation-delay: 2.13s;
    animation-delay: 2.13s
}

.textUpFn .letter:nth-child(34) {
    -webkit-transform: translate3d(0, 3.5rem, 0);
    transform: translate3d(0, 3.5rem, 0);
    -webkit-animation-delay: 2.19s;
    animation-delay: 2.19s
}

.textUpFn .letter:nth-child(35) {
    -webkit-transform: translate3d(0, 3.6rem, 0);
    transform: translate3d(0, 3.6rem, 0);
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.textUpFn .letter:nth-child(36) {
    -webkit-transform: translate3d(0, 3.7rem, 0);
    transform: translate3d(0, 3.7rem, 0);
    -webkit-animation-delay: 2.31s;
    animation-delay: 2.31s
}

.textUpFn .letter:nth-child(37) {
    -webkit-transform: translate3d(0, 3.8rem, 0);
    transform: translate3d(0, 3.8rem, 0);
    -webkit-animation-delay: 2.37s;
    animation-delay: 2.37s
}

.textUpFn .letter:nth-child(38) {
    -webkit-transform: translate3d(0, 3.9rem, 0);
    transform: translate3d(0, 3.9rem, 0);
    -webkit-animation-delay: 2.43s;
    animation-delay: 2.43s
}

.textUpFn .letter:nth-child(39) {
    -webkit-transform: translate3d(0, 4rem, 0);
    transform: translate3d(0, 4rem, 0);
    -webkit-animation-delay: 2.49s;
    animation-delay: 2.49s
}

.textUpFn .letter:nth-child(40) {
    -webkit-transform: translate3d(0, 4.1rem, 0);
    transform: translate3d(0, 4.1rem, 0);
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s
}

.textUpFn .letter:nth-child(41) {
    -webkit-transform: translate3d(0, 4.2rem, 0);
    transform: translate3d(0, 4.2rem, 0);
    -webkit-animation-delay: 2.61s;
    animation-delay: 2.61s
}

.textUpFn .letter:nth-child(42) {
    -webkit-transform: translate3d(0, 4.3rem, 0);
    transform: translate3d(0, 4.3rem, 0);
    -webkit-animation-delay: 2.67s;
    animation-delay: 2.67s
}

.textUpFn .letter:nth-child(43) {
    -webkit-transform: translate3d(0, 4.4rem, 0);
    transform: translate3d(0, 4.4rem, 0);
    -webkit-animation-delay: 2.73s;
    animation-delay: 2.73s
}

.textUpFn .letter:nth-child(44) {
    -webkit-transform: translate3d(0, 4.5rem, 0);
    transform: translate3d(0, 4.5rem, 0);
    -webkit-animation-delay: 2.79s;
    animation-delay: 2.79s
}

.textUpFn .letter:nth-child(45) {
    -webkit-transform: translate3d(0, 4.6rem, 0);
    transform: translate3d(0, 4.6rem, 0);
    -webkit-animation-delay: 2.85s;
    animation-delay: 2.85s
}

.textUpFn .letter:nth-child(46) {
    -webkit-transform: translate3d(0, 4.7rem, 0);
    transform: translate3d(0, 4.7rem, 0);
    -webkit-animation-delay: 2.91s;
    animation-delay: 2.91s
}

.textUpFn .letter:nth-child(47) {
    -webkit-transform: translate3d(0, 4.8rem, 0);
    transform: translate3d(0, 4.8rem, 0);
    -webkit-animation-delay: 2.97s;
    animation-delay: 2.97s
}

.textUpFn .letter:nth-child(48) {
    -webkit-transform: translate3d(0, 4.9rem, 0);
    transform: translate3d(0, 4.9rem, 0);
    -webkit-animation-delay: 3.03s;
    animation-delay: 3.03s
}

.textUpFn .letter:nth-child(49) {
    -webkit-transform: translate3d(0, 5rem, 0);
    transform: translate3d(0, 5rem, 0);
    -webkit-animation-delay: 3.09s;
    animation-delay: 3.09s
}

.textUpFn .letter:nth-child(50) {
    -webkit-transform: translate3d(0, 5.1rem, 0);
    transform: translate3d(0, 5.1rem, 0);
    -webkit-animation-delay: 3.15s;
    animation-delay: 3.15s
}

.textUpFn.go .letter {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-animation-name: color-transition;
    animation-name: color-transition
}

@-webkit-keyframes color-transition {
    0% {
        color: var(--gray)
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--black)
    }
}

@keyframes color-transition {
    0% {
        color: var(--gray)
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--black)
    }
}

@-webkit-keyframes color-transition-wc {
    0% {
        color: #0074ff00
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--white)
    }
}

@keyframes color-transition-wc {
    0% {
        color: #0074ff00
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--white)
    }
}

@-webkit-keyframes color-transition-mc {
    0% {
        color: var(--gray)
    }

    30% {
        color: var(--black)
    }

    to {
        color: var(--main)
    }
}

@keyframes color-transition-mc {
    0% {
        color: var(--gray)
    }

    30% {
        color: var(--black)
    }

    to {
        color: var(--main)
    }
}

@-webkit-keyframes color-transition-gc {
    0% {
        color: #fff0
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--green)
    }
}

@keyframes color-transition-gc {
    0% {
        color: #fff0
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--green)
    }
}

.layer-move {
    -webkit-transition: opacity var(--time) var(--ease), color .5s var(--ease), -webkit-transform var(--time) var(--ease);
    transition: opacity var(--time) var(--ease), color .5s var(--ease), -webkit-transform var(--time) var(--ease);
    transition: opacity var(--time) var(--ease), transform var(--time) var(--ease), color .5s var(--ease);
    transition: opacity var(--time) var(--ease), transform var(--time) var(--ease), color .5s var(--ease), -webkit-transform var(--time) var(--ease)
}

.layer-topic [data-text] {
    margin-bottom: 5px
}

.layer-topic [data-text].bc {
    color: #0e0e18e6
}

.layer-topic [data-text] .letter {
    display: block;
    -webkit-transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), -webkit-transform 1s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%
}

.layer-topic [data-text] .letter:nth-child(1) {
    -webkit-transform: translate3d(0, 12%, 0);
    transform: translate3d(0, 12%, 0)
}

.layer-topic [data-text] .letter:nth-child(2) {
    -webkit-transform: translate3d(0, 19%, 0);
    transform: translate3d(0, 19%, 0)
}

.layer-topic [data-text] .letter:nth-child(3) {
    -webkit-transform: translate3d(0, 26%, 0);
    transform: translate3d(0, 26%, 0)
}

.layer-topic [data-text] .letter:nth-child(4) {
    -webkit-transform: translate3d(0, 33%, 0);
    transform: translate3d(0, 33%, 0)
}

.layer-topic [data-text] .letter:nth-child(5) {
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0)
}

.layer-topic [data-text] .letter:nth-child(6) {
    -webkit-transform: translate3d(0, 47%, 0);
    transform: translate3d(0, 47%, 0)
}

.layer-topic [data-text] .letter:nth-child(7) {
    -webkit-transform: translate3d(0, 54%, 0);
    transform: translate3d(0, 54%, 0)
}

.layer-topic [data-text] .letter:nth-child(8) {
    -webkit-transform: translate3d(0, 61%, 0);
    transform: translate3d(0, 61%, 0)
}

.layer-topic [data-text] .letter:nth-child(9) {
    -webkit-transform: translate3d(0, 68%, 0);
    transform: translate3d(0, 68%, 0)
}

.layer-topic [data-text] .letter:nth-child(10) {
    -webkit-transform: translate3d(0, 75%, 0);
    transform: translate3d(0, 75%, 0)
}

.layer-topic [data-text] .letter:nth-child(11) {
    -webkit-transform: translate3d(0, 82%, 0);
    transform: translate3d(0, 82%, 0)
}

.layer-topic [data-text] .letter:nth-child(12) {
    -webkit-transform: translate3d(0, 89%, 0);
    transform: translate3d(0, 89%, 0)
}

.layer-topic [data-text] .letter:nth-child(13) {
    -webkit-transform: translate3d(0, 96%, 0);
    transform: translate3d(0, 96%, 0)
}

.layer-topic [data-text] .letter:nth-child(14) {
    -webkit-transform: translate3d(0, 103%, 0);
    transform: translate3d(0, 103%, 0)
}

.layer-topic [data-text] .letter:nth-child(15) {
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0)
}

.layer-topic [data-text] .letter:nth-child(16) {
    -webkit-transform: translate3d(0, 117%, 0);
    transform: translate3d(0, 117%, 0)
}

.layer-topic [data-text] .letter:nth-child(17) {
    -webkit-transform: translate3d(0, 124%, 0);
    transform: translate3d(0, 124%, 0)
}

.layer-topic [data-text] .letter:nth-child(18) {
    -webkit-transform: translate3d(0, 131%, 0);
    transform: translate3d(0, 131%, 0)
}

.layer-topic [data-text] .letter:nth-child(19) {
    -webkit-transform: translate3d(0, 138%, 0);
    transform: translate3d(0, 138%, 0)
}

.layer-topic [data-text] .letter:nth-child(20) {
    -webkit-transform: translate3d(0, 145%, 0);
    transform: translate3d(0, 145%, 0)
}

.layer-topic [data-text] .letter:nth-child(21) {
    -webkit-transform: translate3d(0, 152%, 0);
    transform: translate3d(0, 152%, 0)
}

.layer-topic [data-text] .letter:nth-child(22) {
    -webkit-transform: translate3d(0, 159%, 0);
    transform: translate3d(0, 159%, 0)
}

.layer-topic [data-text] .letter:nth-child(23) {
    -webkit-transform: translate3d(0, 166%, 0);
    transform: translate3d(0, 166%, 0)
}

.layer-topic [data-text] .letter:nth-child(24) {
    -webkit-transform: translate3d(0, 173%, 0);
    transform: translate3d(0, 173%, 0)
}

.layer-topic [data-text] .letter:nth-child(25) {
    -webkit-transform: translate3d(0, 180%, 0);
    transform: translate3d(0, 180%, 0)
}

.layer-topic [data-text] .letter:nth-child(26) {
    -webkit-transform: translate3d(0, 187%, 0);
    transform: translate3d(0, 187%, 0)
}

.layer-topic [data-text] .letter:nth-child(27) {
    -webkit-transform: translate3d(0, 194%, 0);
    transform: translate3d(0, 194%, 0)
}

.layer-topic [data-text] .letter:nth-child(28) {
    -webkit-transform: translate3d(0, 201%, 0);
    transform: translate3d(0, 201%, 0)
}

.layer-topic [data-text] .letter:nth-child(29) {
    -webkit-transform: translate3d(0, 208%, 0);
    transform: translate3d(0, 208%, 0)
}

.layer-topic [data-text] .letter:nth-child(30) {
    -webkit-transform: translate3d(0, 215%, 0);
    transform: translate3d(0, 215%, 0)
}

.layer-topic [data-text] .letter:nth-child(31) {
    -webkit-transform: translate3d(0, 222%, 0);
    transform: translate3d(0, 222%, 0)
}

.layer-topic [data-text] .letter:nth-child(32) {
    -webkit-transform: translate3d(0, 229%, 0);
    transform: translate3d(0, 229%, 0)
}

.layer-topic [data-text] .letter:nth-child(33) {
    -webkit-transform: translate3d(0, 236%, 0);
    transform: translate3d(0, 236%, 0)
}

.layer-topic [data-text] .letter:nth-child(34) {
    -webkit-transform: translate3d(0, 243%, 0);
    transform: translate3d(0, 243%, 0)
}

.layer-topic [data-text] .letter:nth-child(35) {
    -webkit-transform: translate3d(0, 250%, 0);
    transform: translate3d(0, 250%, 0)
}

.layer-topic [data-text] .letter:nth-child(36) {
    -webkit-transform: translate3d(0, 257%, 0);
    transform: translate3d(0, 257%, 0)
}

.layer-topic [data-text] .letter:nth-child(37) {
    -webkit-transform: translate3d(0, 264%, 0);
    transform: translate3d(0, 264%, 0)
}

.layer-topic [data-text] .letter:nth-child(38) {
    -webkit-transform: translate3d(0, 271%, 0);
    transform: translate3d(0, 271%, 0)
}

.layer-topic [data-text] .letter:nth-child(39) {
    -webkit-transform: translate3d(0, 278%, 0);
    transform: translate3d(0, 278%, 0)
}

.layer-topic [data-text] .letter:nth-child(40) {
    -webkit-transform: translate3d(0, 285%, 0);
    transform: translate3d(0, 285%, 0)
}

.layer-topic [data-text] .letter:nth-child(41) {
    -webkit-transform: translate3d(0, 292%, 0);
    transform: translate3d(0, 292%, 0)
}

.layer-topic [data-text] .letter:nth-child(42) {
    -webkit-transform: translate3d(0, 299%, 0);
    transform: translate3d(0, 299%, 0)
}

.layer-topic [data-text] .letter:nth-child(43) {
    -webkit-transform: translate3d(0, 306%, 0);
    transform: translate3d(0, 306%, 0)
}

.layer-topic [data-text] .letter:nth-child(44) {
    -webkit-transform: translate3d(0, 313%, 0);
    transform: translate3d(0, 313%, 0)
}

.layer-topic [data-text] .letter:nth-child(45) {
    -webkit-transform: translate3d(0, 320%, 0);
    transform: translate3d(0, 320%, 0)
}

.layer-topic [data-text] .letter:nth-child(46) {
    -webkit-transform: translate3d(0, 327%, 0);
    transform: translate3d(0, 327%, 0)
}

.layer-topic [data-text] .letter:nth-child(47) {
    -webkit-transform: translate3d(0, 334%, 0);
    transform: translate3d(0, 334%, 0)
}

.layer-topic [data-text] .letter:nth-child(48) {
    -webkit-transform: translate3d(0, 341%, 0);
    transform: translate3d(0, 341%, 0)
}

.layer-topic [data-text] .letter:nth-child(49) {
    -webkit-transform: translate3d(0, 348%, 0);
    transform: translate3d(0, 348%, 0)
}

.layer-topic [data-text] .letter:nth-child(50) {
    -webkit-transform: translate3d(0, 355%, 0);
    transform: translate3d(0, 355%, 0)
}

.layer-topic.colorTxt [data-text].above.bc {
    color: var(--gray)
}

.layer-topic.colorTxt [data-text].above.wc {
    color: #ffffff1a
}

.layer-topic.colorTxt [data-text].above.mc {
    color: var(--gray)
}

.layer-topic.colorTxt [data-text].above.gc {
    color: #fff0
}

.layer-topic.colorTxt .letter {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: var(--ease);
    animation-timing-function: var(--ease);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.layer-topic.colorTxt .letter:nth-child(1) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}

.layer-topic.colorTxt .letter:nth-child(2) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.layer-topic.colorTxt .letter:nth-child(3) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}

.layer-topic.colorTxt .letter:nth-child(4) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

.layer-topic.colorTxt .letter:nth-child(5) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.layer-topic.colorTxt .letter:nth-child(6) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}

.layer-topic.colorTxt .letter:nth-child(7) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}

.layer-topic.colorTxt .letter:nth-child(8) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}

.layer-topic.colorTxt .letter:nth-child(9) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}

.layer-topic.colorTxt .letter:nth-child(10) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.layer-topic.colorTxt .letter:nth-child(11) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}

.layer-topic.colorTxt .letter:nth-child(12) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}

.layer-topic.colorTxt .letter:nth-child(13) {
    -webkit-animation-delay: .93s;
    animation-delay: .93s
}

.layer-topic.colorTxt .letter:nth-child(14) {
    -webkit-animation-delay: .99s;
    animation-delay: .99s
}

.layer-topic.colorTxt .letter:nth-child(15) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

.layer-topic.colorTxt .letter:nth-child(16) {
    -webkit-animation-delay: 1.11s;
    animation-delay: 1.11s
}

.layer-topic.colorTxt .letter:nth-child(17) {
    -webkit-animation-delay: 1.17s;
    animation-delay: 1.17s
}

.layer-topic.colorTxt .letter:nth-child(18) {
    -webkit-animation-delay: 1.23s;
    animation-delay: 1.23s
}

.layer-topic.colorTxt .letter:nth-child(19) {
    -webkit-animation-delay: 1.29s;
    animation-delay: 1.29s
}

.layer-topic.colorTxt .letter:nth-child(20) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

.layer-topic.colorTxt .letter:nth-child(21) {
    -webkit-animation-delay: 1.41s;
    animation-delay: 1.41s
}

.layer-topic.colorTxt .letter:nth-child(22) {
    -webkit-animation-delay: 1.47s;
    animation-delay: 1.47s
}

.layer-topic.colorTxt .letter:nth-child(23) {
    -webkit-animation-delay: 1.53s;
    animation-delay: 1.53s
}

.layer-topic.colorTxt .letter:nth-child(24) {
    -webkit-animation-delay: 1.59s;
    animation-delay: 1.59s
}

.layer-topic.colorTxt .letter:nth-child(25) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

.layer-topic.colorTxt .letter:nth-child(26) {
    -webkit-animation-delay: 1.71s;
    animation-delay: 1.71s
}

.layer-topic.colorTxt .letter:nth-child(27) {
    -webkit-animation-delay: 1.77s;
    animation-delay: 1.77s
}

.layer-topic.colorTxt .letter:nth-child(28) {
    -webkit-animation-delay: 1.83s;
    animation-delay: 1.83s
}

.layer-topic.colorTxt .letter:nth-child(29) {
    -webkit-animation-delay: 1.89s;
    animation-delay: 1.89s
}

.layer-topic.colorTxt .letter:nth-child(30) {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

.layer-topic.colorTxt .letter:nth-child(31) {
    -webkit-animation-delay: 2.01s;
    animation-delay: 2.01s
}

.layer-topic.colorTxt .letter:nth-child(32) {
    -webkit-animation-delay: 2.07s;
    animation-delay: 2.07s
}

.layer-topic.colorTxt .letter:nth-child(33) {
    -webkit-animation-delay: 2.13s;
    animation-delay: 2.13s
}

.layer-topic.colorTxt .letter:nth-child(34) {
    -webkit-animation-delay: 2.19s;
    animation-delay: 2.19s
}

.layer-topic.colorTxt .letter:nth-child(35) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.layer-topic.colorTxt .letter:nth-child(36) {
    -webkit-animation-delay: 2.31s;
    animation-delay: 2.31s
}

.layer-topic.colorTxt .letter:nth-child(37) {
    -webkit-animation-delay: 2.37s;
    animation-delay: 2.37s
}

.layer-topic.colorTxt .letter:nth-child(38) {
    -webkit-animation-delay: 2.43s;
    animation-delay: 2.43s
}

.layer-topic.colorTxt .letter:nth-child(39) {
    -webkit-animation-delay: 2.49s;
    animation-delay: 2.49s
}

.layer-topic.colorTxt .letter:nth-child(40) {
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s
}

.layer-topic.colorTxt .letter:nth-child(41) {
    -webkit-animation-delay: 2.61s;
    animation-delay: 2.61s
}

.layer-topic.colorTxt .letter:nth-child(42) {
    -webkit-animation-delay: 2.67s;
    animation-delay: 2.67s
}

.layer-topic.colorTxt .letter:nth-child(43) {
    -webkit-animation-delay: 2.73s;
    animation-delay: 2.73s
}

.layer-topic.colorTxt .letter:nth-child(44) {
    -webkit-animation-delay: 2.79s;
    animation-delay: 2.79s
}

.layer-topic.colorTxt .letter:nth-child(45) {
    -webkit-animation-delay: 2.85s;
    animation-delay: 2.85s
}

.layer-topic.colorTxt .letter:nth-child(46) {
    -webkit-animation-delay: 2.91s;
    animation-delay: 2.91s
}

.layer-topic.colorTxt .letter:nth-child(47) {
    -webkit-animation-delay: 2.97s;
    animation-delay: 2.97s
}

.layer-topic.colorTxt .letter:nth-child(48) {
    -webkit-animation-delay: 3.03s;
    animation-delay: 3.03s
}

.layer-topic.colorTxt .letter:nth-child(49) {
    -webkit-animation-delay: 3.09s;
    animation-delay: 3.09s
}

.layer-topic.colorTxt .letter:nth-child(50) {
    -webkit-animation-delay: 3.15s;
    animation-delay: 3.15s
}

.layer-topic.colorTxt.go [data-text].above.bc .letter {
    -webkit-animation-name: color-transition;
    animation-name: color-transition
}

.layer-topic.colorTxt.go [data-text].above.mc .letter {
    -webkit-animation-name: color-transition-mc;
    animation-name: color-transition-mc
}

.layer-topic.colorTxt.go [data-text].above.wc .letter {
    -webkit-animation-name: color-transition-wc;
    animation-name: color-transition-wc
}

.layer-topic.colorTxt.go [data-text].above.gc .letter {
    -webkit-animation-name: color-transition-gc;
    animation-name: color-transition-gc
}

.layer-topic .txtImg {
    -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    opacity: 0;
    -webkit-transform: translate3d(0, 47%, 0);
    transform: translate3d(0, 47%, 0)
}

.layer-topic .icon {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    opacity: 0
}

.layer-topic.left [data-text] {
    margin-bottom: 5px
}

.layer-topic.left [data-text].bc {
    color: #0e0e18e6
}

.layer-topic.left [data-text] .letter {
    display: block;
    -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%
}

.layer-topic.left [data-text] .letter:nth-child(1) {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(2) {
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(3) {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(4) {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(5) {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(6) {
    -webkit-transform: translate3d(35%, 0, 0);
    transform: translate3d(35%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(7) {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(8) {
    -webkit-transform: translate3d(45%, 0, 0);
    transform: translate3d(45%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(9) {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(10) {
    -webkit-transform: translate3d(55%, 0, 0);
    transform: translate3d(55%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(11) {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(12) {
    -webkit-transform: translate3d(65%, 0, 0);
    transform: translate3d(65%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(13) {
    -webkit-transform: translate3d(70%, 0, 0);
    transform: translate3d(70%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(14) {
    -webkit-transform: translate3d(75%, 0, 0);
    transform: translate3d(75%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(15) {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(16) {
    -webkit-transform: translate3d(85%, 0, 0);
    transform: translate3d(85%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(17) {
    -webkit-transform: translate3d(90%, 0, 0);
    transform: translate3d(90%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(18) {
    -webkit-transform: translate3d(95%, 0, 0);
    transform: translate3d(95%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(19) {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(20) {
    -webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(21) {
    -webkit-transform: translate3d(110%, 0, 0);
    transform: translate3d(110%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(22) {
    -webkit-transform: translate3d(115%, 0, 0);
    transform: translate3d(115%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(23) {
    -webkit-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(24) {
    -webkit-transform: translate3d(125%, 0, 0);
    transform: translate3d(125%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(25) {
    -webkit-transform: translate3d(130%, 0, 0);
    transform: translate3d(130%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(26) {
    -webkit-transform: translate3d(135%, 0, 0);
    transform: translate3d(135%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(27) {
    -webkit-transform: translate3d(140%, 0, 0);
    transform: translate3d(140%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(28) {
    -webkit-transform: translate3d(145%, 0, 0);
    transform: translate3d(145%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(29) {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(30) {
    -webkit-transform: translate3d(155%, 0, 0);
    transform: translate3d(155%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(31) {
    -webkit-transform: translate3d(160%, 0, 0);
    transform: translate3d(160%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(32) {
    -webkit-transform: translate3d(165%, 0, 0);
    transform: translate3d(165%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(33) {
    -webkit-transform: translate3d(170%, 0, 0);
    transform: translate3d(170%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(34) {
    -webkit-transform: translate3d(175%, 0, 0);
    transform: translate3d(175%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(35) {
    -webkit-transform: translate3d(180%, 0, 0);
    transform: translate3d(180%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(36) {
    -webkit-transform: translate3d(185%, 0, 0);
    transform: translate3d(185%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(37) {
    -webkit-transform: translate3d(190%, 0, 0);
    transform: translate3d(190%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(38) {
    -webkit-transform: translate3d(195%, 0, 0);
    transform: translate3d(195%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(39) {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(40) {
    -webkit-transform: translate3d(205%, 0, 0);
    transform: translate3d(205%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(41) {
    -webkit-transform: translate3d(210%, 0, 0);
    transform: translate3d(210%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(42) {
    -webkit-transform: translate3d(215%, 0, 0);
    transform: translate3d(215%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(43) {
    -webkit-transform: translate3d(220%, 0, 0);
    transform: translate3d(220%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(44) {
    -webkit-transform: translate3d(225%, 0, 0);
    transform: translate3d(225%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(45) {
    -webkit-transform: translate3d(230%, 0, 0);
    transform: translate3d(230%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(46) {
    -webkit-transform: translate3d(235%, 0, 0);
    transform: translate3d(235%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(47) {
    -webkit-transform: translate3d(240%, 0, 0);
    transform: translate3d(240%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(48) {
    -webkit-transform: translate3d(245%, 0, 0);
    transform: translate3d(245%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(49) {
    -webkit-transform: translate3d(250%, 0, 0);
    transform: translate3d(250%, 0, 0)
}

.layer-topic.left [data-text] .letter:nth-child(50) {
    -webkit-transform: translate3d(255%, 0, 0);
    transform: translate3d(255%, 0, 0)
}

.layer-topic.left .icon {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(-.2rem, 0, 0);
    transform: translate3d(-.2rem, 0, 0);
    opacity: 0
}

.layer-topic>p {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    opacity: 0
}

.layer-topic>.layer-btn {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(0, .5rem, 0);
    transform: translate3d(0, .5rem, 0);
    opacity: 0
}

.layer-topic.go [data-text] .letter {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translateZ(0) !important
}

.layer-topic.go .txtImg {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.layer-topic.go>p,
.layer-topic.go .icon,
.layer-topic.go>.layer-btn {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1
}

.layer-title .title {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    opacity: 0
}

.layer-title>p {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    opacity: 0
}

.layer-title>.layer-btn {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(0, .5rem, 0);
    transform: translate3d(0, .5rem, 0);
    opacity: 0
}

.layer-title.go>p,
.layer-title.go .title,
.layer-title.go>.layer-btn {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1
}

.layer-item .list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 5px 0 5px .2rem
}

.layer-item .list .dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: calc(.7em + 1px);
    left: 0
}

.layer-item .list .dot.wc {
    background-color: #fff
}

.layer-item .list .dot.mc {
    background-color: var(--main)
}

.layer-item .list .iconfont {
    position: absolute;
    left: 0;
    top: calc(.3em + 1px)
}

.layer-item .list p {
    line-height: 1.3
}

.layer-btn {
    border-radius: 2rem;
    position: relative;
    cursor: pointer;
    display: block;
    --btnHei: .42rem;
    --btnWid: 1.5rem;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0);
    height: var(--btnHei);
    width: var(--btnWid);
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}

@media screen and (orientation: portrait) {
    .layer-btn {
        --btnHei: .6rem;
        --btnWid: 1.8rem
    }
}

.layer-btn.white .mask:after {
    background-color: var(--white)
}

.layer-btn.white .mask:before {
    background-color: #fff6
}

.layer-btn.white .arrow {
    background-color: var(--white)
}

.layer-btn .mask {
    z-index: 1
}

.layer-btn .mask:before {
    content: "";
    z-index: 1;
    background-color: #0074ff4d;
    -webkit-mask: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 20%, rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(90deg, rgba(0, 0, 0, .5) 20%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.layer-btn .mask:after {
    content: "";
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--btnHei);
    height: var(--btnHei);
    border-radius: 2rem;
    background-color: var(--main);
    -webkit-transition: width .5s var(--ease);
    transition: width .5s var(--ease)
}

.layer-btn .txt {
    width: calc(100% - var(--btnHei));
    height: 100%;
    padding-left: .2em;
    position: relative;
    z-index: 4;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.layer-btn .arrow {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    width: var(--btnHei);
    height: var(--btnHei);
    border-radius: 50%;
    background-color: var(--main);
    -webkit-transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), -webkit-transform 1s var(--ease)
}

.layer-btn .arrow .iconfont {
    font-size: .8em
}

@media screen and (orientation: landscape) {
    .layer-btn:hover .mask:after {
        width: 100%
    }

    .layer-btn:hover .txt {
        color: #fff !important
    }

    .layer-btn:hover .arrow {
        -webkit-transform: translate3d(-.1rem, 0, 0) rotate(45deg);
        transform: translate3d(-.1rem, 0, 0) rotate(45deg)
    }

    .layer-btn:hover.white .txt {
        color: var(--main) !important
    }
}

.layer-button {
    --btnHei: .42rem;
    --btnWid: 1.5rem;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0);
    display: block;
    height: var(--btnHei);
    width: var(--btnWid);
    border-radius: 2rem;
    background-color: var(--white);
    -webkit-transition: opacity 1.2s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), background-color .6s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--ease)
}

.layer-button .mask {
    z-index: 1;
    border-radius: 2rem;
    background-color: var(--main);
    width: var(--btnWid);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .5s var(--ease);
    transition: -webkit-transform .5s var(--ease);
    transition: transform .5s var(--ease);
    transition: transform .5s var(--ease), -webkit-transform .5s var(--ease);
    left: 0;
    top: 0
}

.layer-button .txt {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 4;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.layer-button:hover {
    background-color: var(--main)
}

.layer-button:hover .mask {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.layer-button:hover .txt {
    color: #fff
}

.layer-cir {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #0e0e0e0d;
    position: relative
}

.layer-cir.null {
    background-color: transparent
}

.layer-cir .mask {
    border-radius: 50%;
    background-color: var(--main);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .8s var(--ease);
    transition: -webkit-transform .8s var(--ease);
    transition: transform .8s var(--ease);
    transition: transform .8s var(--ease), -webkit-transform .8s var(--ease)
}

.layer-cir .pic {
    border-radius: 50%;
    -webkit-transition: -webkit-transform 1.5s var(--ease);
    transition: -webkit-transform 1.5s var(--ease);
    transition: transform 1.5s var(--ease);
    transition: transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease)
}

.layer-cir .iconfont {
    position: relative;
    z-index: 5;
    -webkit-transition: color .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: color .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: color .5s var(--ease), transform .5s var(--ease);
    transition: color .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.layer-cir:hover .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.layer-cir:hover .pic {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.layer-cir:hover .iconfont {
    color: var(--white)
}

.layer-submit {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    position: relative
}

.layer-submit .pic {
    border-radius: 50%;
    -webkit-transition: -webkit-transform 1.5s var(--ease);
    transition: -webkit-transform 1.5s var(--ease);
    transition: transform 1.5s var(--ease);
    transition: transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease)
}

.layer-submit .txt {
    position: relative;
    z-index: 5;
    text-align: center;
    -webkit-transition: color .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: color .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: color .5s var(--ease), transform .5s var(--ease);
    transition: color .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.layer-submit .iconfont {
    position: relative;
    z-index: 5;
    -webkit-transform: translate3d(0, -.2rem, 0);
    transform: translate3d(0, -.2rem, 0);
    -webkit-transition: color .5s var(--ease), -webkit-transform .6s var(--ease);
    transition: color .5s var(--ease), -webkit-transform .6s var(--ease);
    transition: color .5s var(--ease), transform .6s var(--ease);
    transition: color .5s var(--ease), transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

@media screen and (orientation: portrait) {
    .layer-submit:hover .pic {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .layer-submit:hover .iconfont {
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translateZ(0) rotate(45deg)
    }
}

.layer-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none
}

.layer-pop .mask {
    background-color: #000c
}

.layer-pop .popCon {
    width: 68vw;
    position: relative;
    z-index: 10;
    opacity: 0;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%)
}

.layer-pop .popCon .media {
    width: 100%;
    object-fit: cover;
    display: block
}

.layer-pop .popCon .closePop {
    position: absolute;
    left: calc(100% + .1rem);
    top: 0;
    color: #fff;
    -webkit-transition: -webkit-transform .3s var(--ease);
    transition: -webkit-transform .3s var(--ease);
    transition: transform .3s var(--ease);
    transition: transform .3s var(--ease), -webkit-transform .3s var(--ease)
}

@media screen and (orientation: landscape) {
    .layer-pop .popCon .closePop:hover {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.layer-pop.on {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.layer-media {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    opacity: 0;
    pointer-events: none
}

.layer-media .inner {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    -webkit-clip-path: inset(calc(100% - var(--go) * 100%) 0 0 0 round 0);
    clip-path: inset(calc(100% - var(--go) * 100%) 0 0 0 round 0)
}

.layer-media .inner video {
    width: 100%;
    height: auto;
    object-fit: cover
}

.layer-media .inner .layer-closePop {
    position: absolute;
    top: .25rem;
    right: .25rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-transition: -webkit-transform .5s var(--ease);
    transition: -webkit-transform .5s var(--ease);
    transition: transform .5s var(--ease);
    transition: transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

@media screen and (orientation: landscape) {
    .layer-media .inner .layer-closePop:hover {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.layer-media.on {
    opacity: 1;
    pointer-events: painted
}

.layer-media.qrCodePop .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    max-width: 320px;
    max-height: 320px;
    border-radius: 20px;
    padding: 30px;
    transition: transform 0.1s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.layer-media.qrCodePop.active {
    opacity: 1;
    pointer-events: painted
}

.layer-media.qrCodePop.active .inner {
    -webkit-clip-path: inset(0 0 0 0 round 0);
    clip-path: inset(0 0 0 0 round 0)
}

.layer-media.qrCodePop .layer-closePop {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.layer-media.qrCodePop .layer-closePop:hover {
    transform: scale(1.1) rotate(90deg);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6)
}

.layer-media.qrCodePop .layer-closePop i {
    font-size: 18px;
    color: #fff
}

.layer-share {
    position: relative
}

.layer-share .layer-icon {
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .5s var(--ease);
    transition: background-color .5s var(--ease)
}

.layer-share .layer-icon .iconfont {
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.layer-share .maBox {
    position: absolute;
    width: calc(100% + 1.2rem);
    left: -.6rem;
    bottom: 100%;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-transition: opacity .6s var(--ease), -webkit-transform .6s var(--ease);
    transition: opacity .6s var(--ease), -webkit-transform .6s var(--ease);
    transition: opacity .6s var(--ease), transform .6s var(--ease);
    transition: opacity .6s var(--ease), transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

.layer-share .maBox .arrow {
    width: 100%;
    height: .15rem;
    display: block;
    position: relative
}

.layer-share .maBox .arrow:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: #fff transparent transparent transparent;
    border-width: 7px;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-style: solid
}

.layer-share .maBox>img {
    width: 100%;
    display: block;
    border: 3px solid #fff;
    border-radius: .08rem;
    background-color: #fff;
    box-shadow: 0 -2px 8px -1px #0000001f
}

.layer-share.on .layer-icon {
    background-color: var(--green)
}

.layer-share.on .layer-icon .iconfont {
    color: var(--main)
}

.layer-share.on .maBox {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    pointer-events: auto
}

@media screen and (orientation: landscape) {
    .layer-share:hover .layer-icon .iconfont {
        color: var(--main)
    }

    .layer-share:hover .maBox {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.layer-ts {
    display: block;
    height: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat
}

.layer-ts>svg {
    min-height: 100%;
    min-width: 100%;
    display: block
}

.layer-ts>svg .path {
    fill: transparent
}

.layer-ts canvas {
    opacity: 0;
    -webkit-transition: opacity .3s var(--ease);
    transition: opacity .3s var(--ease)
}

.layer-ts.active canvas {
    opacity: 1
}

.letter {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    min-width: .2em
}

.over-3 {
    display: -webkit-box;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    height: 3.9em;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.txt-color {
    background: -webkit-linear-gradient(300deg, rgb(230, 23, 33) 45%, rgb(255, 255, 255) 100%);
    background: linear-gradient(150deg, rgb(230, 23, 33) 45%, rgb(255, 255, 255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.layer-sub {
    line-height: 1.1
}

.layer-sub sub {
    vertical-align: baseline
}

.layer-sup {
    line-height: 1.1
}

.layer-sup sup {
    vertical-align: top
}

.layer-mask {
    position: relative
}

.layer-mask:before {
    content: "";
    z-index: 0;
    background-color: rgba(0, 0, 0, var(--op))
}

.layer-btmMask {
    position: relative
}

.layer-btmMask:before {
    content: "";
    z-index: 0;
    pointer-events: none;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .7) 100%)
}

.layer-img {
    border-radius: .1rem;
    overflow: hidden
}

.layer-img>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    -webkit-transition: opacity 1s var(--ease), -webkit-clip-path 1.8s var(--picEase), -webkit-transform 1.8s var(--picEase);
    transition: opacity 1s var(--ease), -webkit-clip-path 1.8s var(--picEase), -webkit-transform 1.8s var(--picEase);
    transition: clip-path 1.8s var(--picEase), transform 1.8s var(--picEase), opacity 1s var(--ease);
    transition: clip-path 1.8s var(--picEase), transform 1.8s var(--picEase), opacity 1s var(--ease), -webkit-clip-path 1.8s var(--picEase), -webkit-transform 1.8s var(--picEase)
}

.layer-img>img:not(.noClip) {
    -webkit-clip-path: inset(15% 15% 15% 15% round .05rem);
    clip-path: inset(15% 15% 15% 15% round .05rem)
}

.layer-img.go>img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.layer-img.go>img:not(.noClip) {
    -webkit-clip-path: inset(0 0 0 0 round .05rem);
    clip-path: inset(0 0 0 0 round .05rem)
}

.layer-photo {
    overflow: hidden;
    border-radius: .2rem
}

.layer-photo .pic {
    display: block;
    width: 100%;
    border-radius: .2rem;
    padding-bottom: calc(var(--size) * 100%);
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.layer-photo .img {
    display: block;
    width: 100%;
    border-radius: .2rem;
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.layer-photo.go .pic,
.layer-photo.go .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.layer-box {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.layer-box .photo .pic {
    width: 100%;
    padding-bottom: 50%;
    display: block
}

.layer-above {
    position: relative
}

.layer-above .layer-photo {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: calc(var(--size) * 100%)
}

.layer-above .msg {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: .5rem
}

.layer-form {
    position: relative
}

.layer-form .inRow {
    margin-bottom: .35rem
}

.layer-form .inRow:last-of-type {
    margin-bottom: 0
}

.layer-form .inRow .inCol {
    width: calc(50% - .4rem)
}

.layer-form .inRow .inCol.wid-100 {
    width: 100%
}

.layer-form .inRow .inCol h3 sup {
    vertical-align: baseline
}

.layer-form .inRow .inCol .inTxt {
    border-radius: .15rem;
    border: 1px solid rgba(23, 49, 98, .1);
    background-color: #fff;
    height: .72rem;
    width: 100%;
    padding: 0 .2rem;
    text-indent: 0;
    display: block;
    -webkit-transition: border-color .5s var(--ease);
    transition: border-color .5s var(--ease)
}

.layer-form .inRow .inCol .inTxt::-webkit-input-placeholder {
    color: #17316233
}

.layer-form .inRow .inCol .inTxt::-moz-placeholder {
    color: #17316233
}

.layer-form .inRow .inCol .inTxt:-ms-input-placeholder {
    color: #17316233
}

.layer-form .inRow .inCol .inTxt::placeholder {
    color: #17316233
}

.layer-form .inRow .inCol .inArea {
    border-radius: .15rem;
    border: 1px solid rgba(23, 49, 98, .2);
    background-color: #fff;
    width: 100%;
    padding: .2rem;
    text-indent: 0;
    display: block;
    -webkit-transition: border-color .5s var(--ease);
    transition: border-color .5s var(--ease)
}

.layer-form .inRow .inCol .inArea::-webkit-input-placeholder {
    color: #17316233
}

.layer-form .inRow .inCol .inArea::-moz-placeholder {
    color: #17316233
}

.layer-form .inRow .inCol .inArea:-ms-input-placeholder {
    color: #17316233
}

.layer-form .inRow .inCol .inArea::placeholder {
    color: #17316233
}

.layer-form .inRow .inCol.error .inTxt,
.layer-form .inRow .inCol.error .inArea {
    border-color: red
}

.layer-form .loadMk {
    z-index: 50;
    background-color: #fffc;
    border-radius: .18rem;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s var(--ease);
    transition: opacity .3s var(--ease)
}

.layer-form .loadMk .loader {
    width: 1rem
}

.layer-form .loadMk.active {
    opacity: 1
}

.layer-check {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .1rem 0
}

.layer-check:first-of-type {
    padding-top: 0
}

.layer-check label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.layer-check .input__box {
    display: inline-block;
    margin-right: .25rem;
    text-align: center;
    width: .2rem;
    height: .2rem;
    border: 1px solid rgba(29, 95, 99, .5);
    position: relative;
    font-size: .625vw;
    line-height: .2rem;
    color: transparent;
    border-radius: 2px;
    -webkit-transition: color .5s var(--ease), background-color .5s var(--ease);
    transition: color .5s var(--ease), background-color .5s var(--ease)
}

.layer-check .tint {
    display: inline-block;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.layer-check input {
    display: none
}

.layer-check input:checked+.input__box {
    background-color: var(--main);
    color: #fff;
    border-color: var(--main)
}

.layer-check input:checked+.input__box+.tint {
    color: var(--main);
    font-weight: 700
}

.layer-toast {
    position: fixed;
    width: 100%;
    bottom: 30%;
    left: 0;
    height: 2rem;
    z-index: 200;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(.3rem);
    -ms-transform: translateY(.3rem);
    transform: translateY(.3rem);
    -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.layer-toast>span {
    border-radius: .1rem;
    padding: .1rem .3rem;
    color: #fff;
    background-color: var(--black)
}

.layer-toast.on {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.layer-down {
    position: relative
}

.layer-down .txt {
    position: relative;
    z-index: 10;
    background-color: #0e0e1833;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .5s var(--ease);
    transition: all .5s var(--ease);
    border-radius: 2rem
}

.layer-down .txt>a {
    -webkit-transition: color .3s var(--ease);
    transition: color .3s var(--ease)
}

.layer-down .txt .inTxt {
    border: none;
    text-indent: 0;
    background-color: transparent
}

.layer-down .txt>i {
    -webkit-transition: color .3s var(--ease);
    transition: color .3s var(--ease)
}

.layer-down .child {
    position: absolute;
    width: 100%;
    max-height: 3.6rem;
    left: 0;
    background-color: var(--main);
    overflow: auto;
    border-radius: .12rem;
    top: 0;
    padding: .55rem 0 .1rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s var(--ease);
    transition: opacity .5s var(--ease)
}

.layer-down .child>li {
    -webkit-transition: opacity .5s var(--ease), color .3s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), color .3s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), color .3s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), color .3s var(--ease), -webkit-transform .5s var(--ease);
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%)
}

.layer-down .child>li:nth-child(1) {
    -webkit-transition-delay: .02s;
    transition-delay: .02s
}

.layer-down .child>li:nth-child(2) {
    -webkit-transition-delay: .04s;
    transition-delay: .04s
}

.layer-down .child>li:nth-child(3) {
    -webkit-transition-delay: .06s;
    transition-delay: .06s
}

.layer-down .child>li:nth-child(4) {
    -webkit-transition-delay: .08s;
    transition-delay: .08s
}

.layer-down .child>li:nth-child(5) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.layer-down .child>li:nth-child(6) {
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}

.layer-down .child>li:nth-child(7) {
    -webkit-transition-delay: .14s;
    transition-delay: .14s
}

.layer-down .child>li:nth-child(8) {
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}

.layer-down .child>li:nth-child(9) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.layer-down .child>li:nth-child(10) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.layer-down .child>li:nth-child(11) {
    -webkit-transition-delay: .22s;
    transition-delay: .22s
}

.layer-down .child>li:nth-child(12) {
    -webkit-transition-delay: .24s;
    transition-delay: .24s
}

.layer-down .child>li:nth-child(13) {
    -webkit-transition-delay: .26s;
    transition-delay: .26s
}

.layer-down .child>li:nth-child(14) {
    -webkit-transition-delay: .28s;
    transition-delay: .28s
}

.layer-down .child>li:nth-child(15) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.layer-down .child>li:nth-child(16) {
    -webkit-transition-delay: .32s;
    transition-delay: .32s
}

.layer-down .child>li:nth-child(17) {
    -webkit-transition-delay: .34s;
    transition-delay: .34s
}

.layer-down .child>li:nth-child(18) {
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}

.layer-down .child>li:nth-child(19) {
    -webkit-transition-delay: .38s;
    transition-delay: .38s
}

.layer-down .child>li:nth-child(20) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.layer-down .child>li>a,
.layer-down .child>li>span {
    display: block;
    white-space: nowrap;
    padding: 4px 0 4px .38rem;
    line-height: .36rem;
    cursor: pointer;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.layer-down .child>li>a:hover,
.layer-down .child>li>span:hover {
    color: var(--blue)
}

@media screen and (orientation: landscape) {
    .layer-down:hover .txt {
        background-color: var(--main) !important
    }

    .layer-down:hover .txt>a {
        color: var(--white)
    }

    .layer-down:hover .txt .inTxt {
        color: var(--white)
    }

    .layer-down:hover .txt>i {
        color: var(--white)
    }

    .layer-down:hover .child {
        opacity: 1;
        pointer-events: auto
    }

    .layer-down:hover .child>li {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.layer-down.on .txt {
    background-color: var(--black)
}

.layer-down.on .txt>a {
    color: var(--white)
}

.layer-down.on .txt>i {
    color: var(--white)
}

.layer-down.on .child {
    opacity: 1;
    pointer-events: auto
}

.layer-down.on .child>li {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cursor--group {
    position: absolute;
    z-index: 250;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    min-height: 100vh;
    pointer-events: none;
    opacity: 0
}

.cursor--group .cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%
}

.cursor--group .cursor--inner {
    width: .86rem;
    height: .86rem;
    z-index: 11000;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0
}

.cursor--group .cursor--inner>.arrow {
    width: .38rem;
    opacity: 0;
    -webkit-transform: scale(.5) rotate(0deg);
    -ms-transform: scale(.5) rotate(0deg);
    transform: scale(.5) rotate(0);
    height: .38rem;
    -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s cubic-bezier(.53, .52, .25, .99);
    transition: opacity .5s ease-in-out, -webkit-transform .5s cubic-bezier(.53, .52, .25, .99);
    transition: opacity .5s ease-in-out, transform .5s cubic-bezier(.53, .52, .25, .99);
    transition: opacity .5s ease-in-out, transform .5s cubic-bezier(.53, .52, .25, .99), -webkit-transform .5s cubic-bezier(.53, .52, .25, .99)
}

.cursor--group .cursor--inner>.arrow i {
    font-size: .38rem
}

.cursor--group .cursor--inner.on h5 {
    opacity: 1
}

.cursor--group .cursor--inner.on h5 span {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cursor--group .cursor--outer {
    width: .86rem;
    height: .86rem;
    background-color: var(--theme);
    z-index: 12000;
    border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: background-color .3s var(--ease);
    transition: background-color .3s var(--ease)
}

.cursor--group .cursor--outer.on {
    border-color: transparent;
    background-color: transparent
}

.cursor--group.left .cursor--inner {
    z-index: 12001
}

.cursor--group.left .cursor--inner>.arrow {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-90deg);
    -ms-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg)
}

.cursor--group.right .cursor--inner {
    z-index: 12001
}

.cursor--group.right .cursor--inner>.arrow {
    opacity: 1;
    -webkit-transform: rotate(90deg) scale(1);
    -ms-transform: rotate(90deg) scale(1);
    transform: rotate(90deg) scale(1)
}

.layer-sliderFn {
    position: relative
}

.layer-sliderFn .sliderPic {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    overflow: hidden
}

.layer-sliderFn .sliderPic .photo {
    width: 37.5vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    -webkit-clip-path: inset(0 0 0 0 round 0px);
    clip-path: inset(0 0 0 0 round 0px);
    -webkit-transition: all 1.2s var(--picEase);
    transition: all 1.2s var(--picEase)
}

.layer-sliderFn .sliderPic .photo .pic {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease);
    transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease);
    transition: opacity 1s var(--picEase), transform 2s var(--ease);
    transition: opacity 1s var(--picEase), transform 2s var(--ease), -webkit-transform 2s var(--ease)
}

.layer-sliderFn .sliderPic.on {
    opacity: 1;
    z-index: 10
}

.layer-sliderFn .sliderPic.on .pic {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.layer-sliderFn .sliderPic.in {
    opacity: 1
}

.layer-sliderFn .sliderPic.in .pic {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.layer-sliderFn .sliderPic.out {
    opacity: 1;
    z-index: 10
}

.layer-sliderFn .sliderPic.out .photo {
    -webkit-clip-path: inset(0 100% 0 0 round 5px);
    clip-path: inset(0 100% 0 0 round 5px)
}

.layer-sliderFn .sliderPic.out .photo .pic {
    opacity: .5
}

.layer-sliderFn .sliderMsg.on,
.layer-sliderFn .sliderMsg.in {
    opacity: 1
}

.layer-sliderFn .sliderMsg.out {
    opacity: 0
}

.layer-sliderFn .sliderDot {
    opacity: .5
}

.layer-sliderFn .sliderDot.on {
    opacity: 1
}

nav.menu {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 118;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden
}

nav.menu .items {
    width: 100vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

nav.menu .items .content {
    padding-top: 1.8rem;
    width: 100%;
    padding-left: 6vw;
    padding-right: 6vw;
    -webkit-perspective: 5rem;
    perspective: 5rem
}

nav.menu .items .content .appLists {
    display: block;
    text-align: left;
    margin: .2rem 0;
    opacity: 0;
    position: relative
}

nav.menu .items .content .appLists>a {
    display: block;
    text-align: center;
    font-size: 5vw;
    color: #000000e6;
    line-height: 1.1;
    position: relative;
    padding: .2rem 0 .4rem
}

nav.menu .items .content .appLists>a .arrow {
    position: absolute;
    right: 0;
    bottom: .38rem;
    color: #fff;
    font-size: 5.5vw;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

nav.menu .items .content .appLists .child {
    padding: .2rem 0;
    display: none;
    width: calc(100% + 12vw);
    margin-left: -6vw;
    -webkit-transform: translate3d(-.2rem, 0, 0);
    transform: translate3d(-.2rem, 0, 0);
    opacity: 0;
    background-color: #ffffff1f;
    -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}

nav.menu .items .content .appLists .child>a {
    display: block;
    white-space: nowrap;
    text-align: left;
    padding: .15rem 0 .15rem 10vw;
    position: relative;
    z-index: 6;
    color: #ffffffe6;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease);
    font-size: 4vw;
    font-weight: 400
}

nav.menu .items .content .appLists.active>a .arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

nav.menu .items .content .appLists.active .child {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

nav.menu .shape-overlays {
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0
}

nav.menu .shape-overlays .path {
    background-color: #fffc;
    backdrop-filter: blur(.2rem);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .8s var(--picEase);
    transition: -webkit-transform .8s var(--picEase);
    transition: transform .8s var(--picEase);
    transition: transform .8s var(--picEase), -webkit-transform .8s var(--picEase)
}

nav.menu .shape-overlays.is-opened .path {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.layer-mouse .txt {
    opacity: .5
}

.layer-mouse .mouse {
    width: .22rem;
    height: .3rem;
    border-radius: .09rem;
    border: 2px solid #1a1a1a;
    position: relative;
    margin-left: .15rem
}

.layer-mouse .mouse .line {
    width: 2px;
    height: 6px;
    background-color: #1a1a1a;
    top: 4px;
    -webkit-animation: jumpMouse .7s ease-in-out infinite alternate;
    animation: jumpMouse .7s ease-in-out infinite alternate
}

.layer-mouse .mouse.wc {
    border-color: #fff
}

.layer-mouse .mouse.wc .line {
    background-color: #fff
}

@-webkit-keyframes jumpMouse {
    0% {
        -webkit-transform: translateY(.05rem);
        transform: translateY(.05rem)
    }

    to {
        -webkit-transform: translateY(-.01rem);
        transform: translateY(-.01rem)
    }
}

@keyframes jumpMouse {
    0% {
        -webkit-transform: translateY(.05rem);
        transform: translateY(.05rem)
    }

    to {
        -webkit-transform: translateY(-.01rem);
        transform: translateY(-.01rem)
    }
}

@media screen and (orientation: landscape) {
    .app {
        display: none !important
    }
}

@media screen and (orientation: landscape) and (max-width: 1440px) {
    .f-18 {
        font-size: 15px
    }

    .f-16,
    .layer-toast>span {
        font-size: 14px
    }

    .f-14 {
        font-size: 13px
    }

    .home main .r11 .inner .group .form .inRow input::-webkit-input-placeholder {
        font-size: 12px
    }

    .home main .r11 .inner .group .form .inRow input::-moz-placeholder {
        font-size: 12px
    }

    .home main .r11 .inner .group .form .inRow input:-ms-input-placeholder {
        font-size: 12px
    }

    .f-12,
    .home main .r11 .inner .group .form .inRow input::placeholder {
        font-size: 12px
    }
}

@media screen and (orientation: portrait) {
    .pc {
        display: none !important
    }

    html {
        font-size: 55PX
    }

    .f-130,
    .f-120 {
        font-size: 13vw
    }

    .f-100 {
        font-size: 8.6vw
    }

    .f-80 {
        font-size: 7.8vw
    }

    .f-70 {
        font-size: 7.4vw
    }

    .f-60 {
        font-size: 7vw
    }

    .f-54,
    .f-48 {
        font-size: 6vw
    }

    .f-36 {
        font-size: 18px
    }

    .f-32 {
        font-size: 17px
    }

    .f-30,
    .f-28 {
        font-size: 16px
    }

    .f-26,
    .f-24 {
        font-size: 15px
    }

    .f-22,
    .f-20,
    .f-18 {
        font-size: 14px
    }

    .f-16,
    .layer-toast>span {
        font-size: 13px
    }

    .f-14 {
        font-size: 12px
    }

    .home main .r11 .inner .group .form .inRow input::-webkit-input-placeholder {
        font-size: 12px
    }

    .home main .r11 .inner .group .form .inRow input::-moz-placeholder {
        font-size: 12px
    }

    .home main .r11 .inner .group .form .inRow input:-ms-input-placeholder {
        font-size: 12px
    }

    .f-12,
    .home main .r11 .inner .group .form .inRow input::placeholder {
        font-size: 12px
    }
}

@media screen and (max-height: 640px) {
    html {
        font-size: 50PX
    }

    .f-20,
    .f-18 {
        font-size: 13px
    }
}

p {
    line-height: 1.5
}

p.bc {
    color: #0e0e18b3
}

p.wc {
    color: #ffffffe6
}

#app header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    -webkit-transition: opacity .5s var(--ease);
    transition: opacity .5s var(--ease)
}

#app header .navMask {
    background-color: #fff;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    height: 15vw;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-transition: -webkit-transform .6s var(--ease);
    transition: -webkit-transform .6s var(--ease);
    transition: transform .6s var(--ease);
    transition: transform .6s var(--ease), -webkit-transform .6s var(--ease);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    z-index: 170;
    pointer-events: none
}

#app header .pcNav {
    padding: 0 .35rem;
    position: relative;
    z-index: 180;
    -webkit-transition: all .6s var(--ease);
    transition: all .6s var(--ease);
    height: 1rem
}

#app header .pcNav .logoBox {
    position: relative;
    z-index: 4;
    height: 100%;
    width: 25%
}

#app header .pcNav .logoBox>img {
    height: 50%;
    -webkit-transition: opacity .5s var(--ease);
    transition: opacity .5s var(--ease)
}

#app header .pcNav .logoBox>img.deep {
    left: 0;
    opacity: 0
}

#app header .pcNav .mid {
    display: grid;
    grid-auto-flow: column;
    gap: 0 .6rem;
    z-index: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: opacity .6s var(--ease);
    transition: opacity .6s var(--ease)
}

#app header .pcNav .mid>.list {
    position: relative;
    pointer-events: painted;
    padding: .12rem 0
}

#app header .pcNav .mid>.list>a {
    pointer-events: painted;
    display: block;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease);
    color: #fffc
}

#app header .pcNav .mid>.list>a:hover {
    color: var(--white)
}

#app header .pcNav .mid>.list .nav-down {
    position: absolute;
    min-width: 2rem;
    box-shadow: 0 3px 1.51042vw -8px #c0c4ccb3;
    background-color: #fff;
    border-radius: .05rem;
    padding: 5px 0;
    left: 50%;
    top: 99%;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(-50%, -10%, 0);
    transform: translate3d(-50%, -10%, 0);
    -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}

#app header .pcNav .mid>.list .nav-down>span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 100%;
    height: .12rem
}

#app header .pcNav .mid>.list .nav-down>span:after {
    content: "";
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

#app header .pcNav .mid>.list .nav-down>li {
    display: block;
    width: 100%
}

#app header .pcNav .mid>.list .nav-down>li>a {
    display: block;
    text-align: center;
    line-height: 1;
    padding: .1rem;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease);
    white-space: nowrap
}

#app header .pcNav .mid>.list .nav-down>li>a:hover {
    color: var(--tint)
}

#app header .pcNav .mid>.list:hover .nav-down {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0, 0);
    pointer-events: painted
}

#app header .pcNav .mid>.list.on>a {
    color: var(--white)
}

#app header .pcNav .mid #single {
    position: absolute;
    top: 0;
    left: 0;
    width: .1rem;
    opacity: 0;
    -webkit-transition: -webkit-transform .6s var(--ease);
    transition: -webkit-transform .6s var(--ease);
    transition: transform .6s var(--ease);
    transition: transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

#app header .pcNav .mid #single .svgStar {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .6s var(--ease);
    transition: -webkit-transform .6s var(--ease);
    transition: transform .6s var(--ease);
    transition: transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

#app header .pcNav .mid #single .svgStar.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#app header .pcNav .mid #single .svgCir {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .6s var(--ease);
    transition: -webkit-transform .6s var(--ease);
    transition: transform .6s var(--ease);
    transition: transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

#app header .pcNav .mid #single .svgCir.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#app header .pcNav .mid #single .svgRect {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .6s var(--ease);
    transition: -webkit-transform .6s var(--ease);
    transition: transform .6s var(--ease);
    transition: transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

#app header .pcNav .mid #single .svgRect.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#app header .pcNav .mid #single .svgArrow {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .6s var(--ease);
    transition: -webkit-transform .6s var(--ease);
    transition: transform .6s var(--ease);
    transition: transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

#app header .pcNav .mid #single .svgArrow.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#app header .pcNav .mid #single .svgSkew {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .6s var(--ease);
    transition: -webkit-transform .6s var(--ease);
    transition: transform .6s var(--ease);
    transition: transform .6s var(--ease), -webkit-transform .6s var(--ease)
}

#app header .pcNav .mid #single .svgSkew.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#app header .pcNav .right {
    width: 25%;
    position: relative;
    z-index: 4;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#app header .pcNav .right .box>a {
    color: #ffffff80;
    -webkit-transition: all .5s var(--ease);
    transition: all .5s var(--ease)
}

#app header .pcNav .right .box>a:hover {
    color: #fff
}

#app header .pcNav .right .box>a.on {
    color: #fff
}

#app header .pcNav .right .box .line {
    width: 1px;
    height: .12rem;
    margin: 0 .18rem;
    background-color: #ffffff4d;
    -webkit-transition: background-color .5s var(--ease);
    transition: background-color .5s var(--ease)
}

#app header .appNav {
    height: 1.1rem;
    position: relative;
    z-index: 180;
    -webkit-transition: all .6s var(--ease);
    transition: all .6s var(--ease);
    padding: 0 5vw
}

#app header .appNav .logoBox {
    position: relative;
    z-index: 4;
    height: 100%
}

#app header .appNav .logoBox>img {
    height: .55rem;
    -webkit-transition: opacity .5s var(--ease), height .5s var(--ease);
    transition: opacity .5s var(--ease), height .5s var(--ease)
}

#app header .appNav .logoBox>img#tecLogoApp-2 {
    height: .25rem
}

#app header .appNav .logoBox>img.deep {
    left: 0;
    opacity: 0
}

#app header .appNav .right {
    position: relative;
    z-index: 4
}

#app header .appNav .right .set {
    position: relative;
    z-index: 4;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#app header .appNav .right .set .box {
    margin-right: .2rem
}

#app header .appNav .right .set .box>a {
    color: #00000080;
    -webkit-transition: all .5s var(--ease);
    transition: all .5s var(--ease)
}

#app header .appNav .right .set .box>a.on {
    color: #000
}

#app header .appNav .right .set .box .line {
    width: 1px;
    height: .12rem;
    margin: 0 .18rem;
    background-color: #0000004d;
    -webkit-transition: background-color .5s var(--ease);
    transition: background-color .5s var(--ease)
}

#app header .appNav .right #menu {
    margin-left: .2rem;
    position: relative;
    z-index: 10;
    pointer-events: painted
}

#app header .appNav .right #menu .line {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#app header .appNav .right #menu .line:before {
    content: "";
    display: block;
    height: 2px;
    width: 20PX;
    background-color: #000;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-transition: background-color .5s ease 0s, -webkit-transform .4s ease .2s;
    transition: background-color .5s ease 0s, -webkit-transform .4s ease .2s;
    transition: transform .4s ease .2s, background-color .5s ease 0s;
    transition: transform .4s ease .2s, background-color .5s ease 0s, -webkit-transform .4s ease .2s
}

#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(1) {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(1):before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(2) {
    opacity: 0
}

#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(3) {
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0)
}

#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(3):before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#app header.deep .pcNav .logoBox>img.white {
    opacity: 0
}

#app header.deep .pcNav .logoBox>img.deep {
    opacity: 1
}

#app header.deep .pcNav .mid .wc {
    color: var(--black)
}

#app header.deep .pcNav .mid>.list>a:hover {
    color: var(--main)
}

#app header.deep .pcNav .mid>.list.on>a {
    color: var(--main)
}

#app header.deep .pcNav .right .box .line {
    background: rgba(0, 0, 0, .3)
}

#app header.deep .pcNav .right .box>a {
    color: #0e0e1880
}

#app header.deep .pcNav .right .box>a:hover {
    color: #0e0e18
}

#app header.deep .pcNav .right .box>a.on {
    color: #0e0e18
}

#app header.deep .pcNav .right .layer-btn .txt {
    color: var(--black)
}

#app header.down .pcNav {
    height: .6rem;
    background-color: #fff
}

#app header.down .appNav {
    background-color: #fff
}

#app footer {
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 100%
}

#app footer .mid {
    padding-top: 1rem;
    padding-bottom: .7rem
}

#app footer .mid .logoBox {
    width: 5.6rem
}

#app footer .mid .logoBox>img {
    height: 1.5rem;
    display: block
}

#app footer .mid .col {
    display: grid;
    width: calc(100% - 5.6rem);
    gap: 0 .5rem;
    grid-template-columns: repeat(3, 2.6rem)
}

#app footer .mid .col .items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#app footer .mid .col .items>li>a {
    color: #ffffffb3;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease);
    display: block;
    padding: .05rem 0
}

#app footer .mid .col .items>li>a:hover {
    color: #fff
}

#app footer .mid .col .items>li:nth-of-type(1) {
    margin-bottom: .4rem
}

#app footer .mid .col .items>li:nth-of-type(1)>a {
    color: var(--white)
}

#app footer .btm {
    padding-bottom: .4rem;
    padding-top: .4rem;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, .2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#app footer .btm .left {
    width: 5.6rem
}

#app footer .btm .left .note {
    color: #fffc
}

#app footer .btm .center {
    width: calc(100% - 5.6rem);
    padding-bottom: .1rem
}

#app footer .btm .center>p {
    color: #fffc
}

#app footer .btm .center .set {
    margin-left: .6rem
}

#app footer .btm .center .set>a {
    color: #fffc;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

#app footer .btm .center .set .line {
    width: 1px;
    height: .1rem;
    background-color: #fff3;
    margin: 0 .15rem
}

#app footer .btm .other {
    position: absolute;
    bottom: .6rem;
    right: 0
}

#app footer .btm .other .layer-down {
    margin-right: .1rem
}

#app footer .btm .other .layer-down .txt {
    width: 1rem;
    height: .4rem;
    padding: 0 .1rem 0 .15rem;
    background-color: #fff3
}

#app footer .btm .other .layer-down .txt .arrow {
    font-size: 10px
}

#app footer .btm .other .layer-down .child {
    padding: .1rem 0 .48rem;
    bottom: 0;
    top: auto
}

#app footer .btm .other .layer-cir {
    width: .4rem;
    height: .4rem;
    cursor: pointer;
    background-color: var(--main)
}

.row {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.row .bgSign {
    position: absolute;
    top: calc(var(--top) * 1rem);
    left: calc(var(--left) * 1rem)
}

.row>.bg {
    z-index: 1;
    pointer-events: none
}

.row>.inner {
    position: relative;
    z-index: 2
}

.dg.ac {
    z-index: 1000 !important
}

.svgClip {
    position: absolute;
    width: 0;
    height: 0;
    left: -1rem;
    top: -1rem
}

.svgClip #clipPath_load,
.svgClip #clipPath,
.svgClip #clipPathVideo {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.load {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.load .content {
    height: 100%;
    width: 100%
}

.load .content .bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.load .content .loadGif {
    position: relative;
    z-index: 6;
    width: 3rem;
    opacity: 0;
    -webkit-animation: fadeIn .5s var(--ease) .3s;
    animation: fadeIn .5s var(--ease) .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.load .content .loadRect {
    background-color: #0003;
    width: 2.55rem;
    height: 2.55rem;
    z-index: 10
}

.load .content .msg {
    position: absolute;
    z-index: 5;
    bottom: 10%;
    left: 0;
    width: 100%
}

.load .content .msg .progress {
    line-height: 1
}

.load .content .msg>p {
    color: #ffffff80;
    margin-top: .4rem
}

.home main {
    position: relative;
    z-index: 2
}

.home main .banner {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden
}

.home main .banner.firstActive {
    opacity: 0;
    -webkit-mask-image: url(../image/base/loadSvg.svg);
    mask-image: url(../image/base/loadSvg.svg);
    -webkit-mask-size: auto 2.55rem;
    mask-size: auto 2.55rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.home main .banner.firstActive.go {
    -webkit-animation: bannerStart 1.2s var(--ease);
    animation: bannerStart 1.2s var(--ease);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home main .banner .bg {
    background-color: #f0f0f0
}

.home main .banner .bg .circleWater {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: painted;
    -webkit-animation: fadeIn 1s var(--ease) .5s;
    animation: fadeIn 1s var(--ease) .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home main .banner .inner {
    height: 100%;
    position: relative;
    pointer-events: none
}

.home main .banner .inner .group .title {
    position: relative
}

.home main .banner .inner .group .title h1 {
    position: absolute;
    left: 100vw;
    top: 0;
    white-space: nowrap
}

.home main .banner .inner .group .title h2 {
    text-align: center
}

.home main .banner .inner .group .title h2 .wordLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.15
}

.home main .banner .inner .group .title h2 .clear {
    width: .84rem;
    height: .84rem
}

.home main .banner .inner .group .title h2 .letter {
    display: inline-block
}

.home main .banner .inner .group .box {
    pointer-events: painted
}

.home main .banner .inner .group .box .inBox {
    width: 6.8rem;
    height: .9rem;
    border-radius: 3rem;
    overflow: hidden;
    border: 2px solid var(--white);
    position: relative;
    background-color: #ffffffbf
}

.home main .banner .inner .group .box .inBox .pic {
    border-radius: 3rem
}

.home main .banner .inner .group .box .inBox>input {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 5;
    padding: 0 .55rem
}

.home main .banner .inner .group .box .inBox>input::-webkit-input-placeholder {
    color: #0e0e18b3
}

.home main .banner .inner .group .box .inBox>input::-moz-placeholder {
    color: #0e0e18b3
}

.home main .banner .inner .group .box .inBox>input:-ms-input-placeholder {
    color: #0e0e18b3
}

.home main .banner .inner .group .box .inBox>input::placeholder {
    color: #0e0e18b3
}

.home main .banner .inner .group .box .inBox .audio {
    right: .18rem;
    z-index: 6
}

.home main .banner .inner .group .box .sub {
    width: .9rem;
    height: .9rem;
    margin-left: .1rem
}

.home main .banner .inner .other {
    position: absolute;
    height: 36%;
    bottom: 0;
    left: 0;
    width: 100%
}

.home main .banner .inner .other .col {
    position: absolute
}

.home main .banner .inner .other .col .list {
    padding: .12rem .4rem;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border-radius: 2rem;
    opacity: 0
}

.home main .banner .inner .other .col .list>a {
    color: #0e0e18b3;
    white-space: nowrap;
    pointer-events: painted
}

.home main .banner .inner .other .col .list:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 95%;
    width: 0;
    border-style: solid;
    border-width: .08rem;
    border-color: var(--white) transparent transparent transparent
}

.home main .banner .inner .other .col:nth-of-type(1) {
    left: 1.4rem;
    top: 0;
    width: 2.5rem;
    height: 60%
}

.home main .banner .inner .other .col:nth-of-type(2) {
    right: 1.4rem;
    top: -.2rem;
    width: 2rem;
    height: 54%
}

.home main .banner .inner .other .col:nth-of-type(3) {
    left: 0;
    right: 0;
    bottom: 1.2rem;
    height: 30%;
    width: 6rem;
    margin: 0 auto
}

.home main .banner .scr {
    position: absolute;
    bottom: .3rem;
    width: 1rem;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto
}

.home main .banner .scr .iconfont {
    -webkit-animation: scr .8s ease infinite alternate;
    animation: scr .8s ease infinite alternate
}

.home main .banner .scr .txt {
    color: #0009
}

.home main .r1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    --op: 0;
    --out: 0;
    opacity: 0
}

.home main .r1.fade {
    -webkit-animation: fadeIn 1s var(--ease) .3s;
    animation: fadeIn 1s var(--ease) .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home main .r1.firstActive {
    pointer-events: none
}

.home main .r1.firstActive .inner {
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.home main .r1.firstActive .inner .frameBox .bg .group .swiper {
    pointer-events: none
}

.home main .r1 .inner {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background-color: var(--main)
}

.home main .r1 .inner .frameBox {
    position: absolute;
    width: 100%;
    height: 56.25vw;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: var(--op);
    pointer-events: none;
    -webkit-transform: translate3d(0, calc(2rem - var(--op) * 2rem), 0);
    transform: translate3d(0, calc(2rem - var(--op) * 2rem), 0)
}

.home main .r1 .inner .frameBox:after {
    content: "";
    position: absolute;
    height: 2rem;
    bottom: calc(100% - 1px);
    left: 0;
    width: 100%;
    background-image: url(../image/home/a0.jpg.webp);
    background-position: center bottom;
    background-size: 100%;
    background-repeat: no-repeat
}

.home main .r1 .inner .frameBox .computerCv {
    width: 100%;
    display: block;
    position: relative;
    z-index: 4;
    -webkit-transform: translate3d(0, calc(var(--out) * -1px), 0) scale(calc(.6 + var(--scale) * .4));
    transform: translate3d(0, calc(var(--out) * -1px), 0) scale(calc(.6 + var(--scale) * .4))
}

.home main .r1 .inner .frameBox .shadowCv {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 3;
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
    -webkit-transform: translate3d(0, calc(var(--out) * -1px), 0) scale(calc(.6 + var(--scale) * .4));
    transform: translate3d(0, calc(var(--out) * -1px), 0) scale(calc(.6 + var(--scale) * .4))
}

.home main .r1 .inner .frameBox .bg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0
}

@media screen and (orientation: landscape) {
    .home main .r1 .inner .frameBox .bg {
        -webkit-transform: translate3d(0, calc(var(--out) * -1px), 0);
        transform: translate3d(0, calc(var(--out) * -1px), 0)
    }
}

.home main .r1 .inner .frameBox .bg .imgBg {
    position: relative;
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
    background-size: cover;
    background-position: center bottom
}

.home main .r1 .inner .frameBox .bg .group {
    position: absolute;
    left: 0;
    mix-blend-mode: screen;
    bottom: 0;
    height: 6.2rem;
    width: 100%;
    overflow: hidden
}

.home main .r1 .inner .frameBox .bg .group .swiper {
    margin-left: calc(50vw - 2.4rem);
    pointer-events: painted
}

.home main .r1 .inner .frameBox .bg .group .swiper .swiper-wrapper {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

.home main .r1 .inner .frameBox .bg .group .swiper .swiper-wrapper .swiper-slide {
    width: 4.8rem
}

.home main .r1 .inner .frameBox .bg .group .swiper .swiper-wrapper .swiper-slide .img {
    max-width: 2.68rem;
    object-fit: contain;
    margin-bottom: .2rem;
    max-height: 2.6rem
}

.home main .r1 .inner .frameBox .bg .group .swiper .swiper-wrapper .swiper-slide .msg>p {
    color: #ffffffb3
}

.home main .r1 .inner .frameBox .lineBox {
    top: 40vw;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
    -webkit-transform: translate3d(0, calc(var(--out) * -1px), 0);
    transform: translate3d(0, calc(var(--out) * -1px), 0)
}

.home main .r1 .inner .frameBox .lineBox .line {
    width: 2.14rem;
    display: block;
    margin-left: 50vw
}

.home main .r1 .inner .frameBox .lineBox .line .st0 {
    opacity: .1;
    fill: var(--white)
}

.home main .r1 .inner .frameBox .lineBox .line .st1 {
    opacity: 1;
    fill: #5bd0fb;
    -webkit-clip-path: inset(0 0 calc(100% - var(--out) * .06%) 0 round 0);
    clip-path: inset(0 0 calc(100% - var(--out) * .06%) 0 round 0)
}

.home main .r1 .other {
    position: relative;
    width: 100%;
    z-index: 6;
    pointer-events: none
}

.home main .r1 .other .clear {
    width: 100%;
    height: 300vh;
    position: relative;
    z-index: 5
}

.home main .r1 .other .clear .stopR1 {
    position: absolute;
    height: 35%;
    left: 0;
    top: 0;
    width: 100%
}

.home main .r1 .other .clear .clearNav_bc {
    position: absolute;
    width: 100%;
    height: 24%;
    top: 0;
    left: 0
}

.home main .r1 .other .clear .clearNav_wc {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 24%;
    left: 0
}

.home main .r1 .other .part {
    position: relative;
    z-index: 6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2.7rem
}

.home main .r1 .other .part .col {
    margin-right: calc(50vw - 2.4rem)
}

.home main .r1 .other .part .col h2 {
    line-height: 1.1;
    padding: 0 1rem;
    --ty: 0
}

.home main .r1 .other .part .col h2.left {
    -webkit-mask: -webkit-linear-gradient(left, rgba(0, 0, 0, .2) 0%, rgb(0, 0, 0) 50%);
    mask: linear-gradient(90deg, rgba(0, 0, 0, .2) 0%, rgb(0, 0, 0) 50%);
    -webkit-mask-position-x: calc(var(--ty) * 1vw);
    -webkit-mask-size: 200vw 100%;
    mask-size: 200vw 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.home main .r1 .other .part .col h2.left .letter {
    -webkit-transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0
}

.home main .r1 .other .part .col h2.left .letter:nth-child(1) {
    -webkit-transform: translate3d(.25rem, 0, 0);
    transform: translate3d(.25rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(2) {
    -webkit-transform: translate3d(.4rem, 0, 0);
    transform: translate3d(.4rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(3) {
    -webkit-transform: translate3d(.55rem, 0, 0);
    transform: translate3d(.55rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(4) {
    -webkit-transform: translate3d(.7rem, 0, 0);
    transform: translate3d(.7rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(5) {
    -webkit-transform: translate3d(.85rem, 0, 0);
    transform: translate3d(.85rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(6) {
    -webkit-transform: translate3d(1rem, 0, 0);
    transform: translate3d(1rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(7) {
    -webkit-transform: translate3d(1.15rem, 0, 0);
    transform: translate3d(1.15rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(8) {
    -webkit-transform: translate3d(1.3rem, 0, 0);
    transform: translate3d(1.3rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(9) {
    -webkit-transform: translate3d(1.45rem, 0, 0);
    transform: translate3d(1.45rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(10) {
    -webkit-transform: translate3d(1.6rem, 0, 0);
    transform: translate3d(1.6rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(11) {
    -webkit-transform: translate3d(1.75rem, 0, 0);
    transform: translate3d(1.75rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(12) {
    -webkit-transform: translate3d(1.9rem, 0, 0);
    transform: translate3d(1.9rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(13) {
    -webkit-transform: translate3d(2.05rem, 0, 0);
    transform: translate3d(2.05rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(14) {
    -webkit-transform: translate3d(2.2rem, 0, 0);
    transform: translate3d(2.2rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(15) {
    -webkit-transform: translate3d(2.35rem, 0, 0);
    transform: translate3d(2.35rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(16) {
    -webkit-transform: translate3d(2.5rem, 0, 0);
    transform: translate3d(2.5rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(17) {
    -webkit-transform: translate3d(2.65rem, 0, 0);
    transform: translate3d(2.65rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(18) {
    -webkit-transform: translate3d(2.8rem, 0, 0);
    transform: translate3d(2.8rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(19) {
    -webkit-transform: translate3d(2.95rem, 0, 0);
    transform: translate3d(2.95rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(20) {
    -webkit-transform: translate3d(3.1rem, 0, 0);
    transform: translate3d(3.1rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(21) {
    -webkit-transform: translate3d(3.25rem, 0, 0);
    transform: translate3d(3.25rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(22) {
    -webkit-transform: translate3d(3.4rem, 0, 0);
    transform: translate3d(3.4rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(23) {
    -webkit-transform: translate3d(3.55rem, 0, 0);
    transform: translate3d(3.55rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(24) {
    -webkit-transform: translate3d(3.7rem, 0, 0);
    transform: translate3d(3.7rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(25) {
    -webkit-transform: translate3d(3.85rem, 0, 0);
    transform: translate3d(3.85rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(26) {
    -webkit-transform: translate3d(4rem, 0, 0);
    transform: translate3d(4rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(27) {
    -webkit-transform: translate3d(4.15rem, 0, 0);
    transform: translate3d(4.15rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(28) {
    -webkit-transform: translate3d(4.3rem, 0, 0);
    transform: translate3d(4.3rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(29) {
    -webkit-transform: translate3d(4.45rem, 0, 0);
    transform: translate3d(4.45rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(30) {
    -webkit-transform: translate3d(4.6rem, 0, 0);
    transform: translate3d(4.6rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(31) {
    -webkit-transform: translate3d(4.75rem, 0, 0);
    transform: translate3d(4.75rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(32) {
    -webkit-transform: translate3d(4.9rem, 0, 0);
    transform: translate3d(4.9rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(33) {
    -webkit-transform: translate3d(5.05rem, 0, 0);
    transform: translate3d(5.05rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(34) {
    -webkit-transform: translate3d(5.2rem, 0, 0);
    transform: translate3d(5.2rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(35) {
    -webkit-transform: translate3d(5.35rem, 0, 0);
    transform: translate3d(5.35rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(36) {
    -webkit-transform: translate3d(5.5rem, 0, 0);
    transform: translate3d(5.5rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(37) {
    -webkit-transform: translate3d(5.65rem, 0, 0);
    transform: translate3d(5.65rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(38) {
    -webkit-transform: translate3d(5.8rem, 0, 0);
    transform: translate3d(5.8rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(39) {
    -webkit-transform: translate3d(5.95rem, 0, 0);
    transform: translate3d(5.95rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(40) {
    -webkit-transform: translate3d(6.1rem, 0, 0);
    transform: translate3d(6.1rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(41) {
    -webkit-transform: translate3d(6.25rem, 0, 0);
    transform: translate3d(6.25rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(42) {
    -webkit-transform: translate3d(6.4rem, 0, 0);
    transform: translate3d(6.4rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(43) {
    -webkit-transform: translate3d(6.55rem, 0, 0);
    transform: translate3d(6.55rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(44) {
    -webkit-transform: translate3d(6.7rem, 0, 0);
    transform: translate3d(6.7rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(45) {
    -webkit-transform: translate3d(6.85rem, 0, 0);
    transform: translate3d(6.85rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(46) {
    -webkit-transform: translate3d(7rem, 0, 0);
    transform: translate3d(7rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(47) {
    -webkit-transform: translate3d(7.15rem, 0, 0);
    transform: translate3d(7.15rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(48) {
    -webkit-transform: translate3d(7.3rem, 0, 0);
    transform: translate3d(7.3rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(49) {
    -webkit-transform: translate3d(7.45rem, 0, 0);
    transform: translate3d(7.45rem, 0, 0)
}

.home main .r1 .other .part .col h2.left .letter:nth-child(50) {
    -webkit-transform: translate3d(7.6rem, 0, 0);
    transform: translate3d(7.6rem, 0, 0)
}

.home main .r1 .other .part .col h2.right {
    -webkit-mask: -webkit-linear-gradient(right, rgb(0, 0, 0) 50%, rgba(0, 0, 0, .2) 100%);
    mask: linear-gradient(-90deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, .2) 100%);
    -webkit-mask-size: 200vw 100%;
    mask-size: 200vw 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position-x: calc(var(--ty) * 1vw)
}

.home main .r1 .other .part .col h2.right .letter {
    -webkit-transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0
}

.home main .r1 .other .part .col h2.right .letter:nth-child(1) {
    -webkit-transform: translate3d(-.75rem, 0, 0);
    transform: translate3d(-.75rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(2) {
    -webkit-transform: translate3d(-.6rem, 0, 0);
    transform: translate3d(-.6rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(3) {
    -webkit-transform: translate3d(-.45rem, 0, 0);
    transform: translate3d(-.45rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(4) {
    -webkit-transform: translate3d(-.3rem, 0, 0);
    transform: translate3d(-.3rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(5) {
    -webkit-transform: translate3d(-.15rem, 0, 0);
    transform: translate3d(-.15rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(6) {
    -webkit-transform: translate3d(0rem, 0, 0);
    transform: translateZ(0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(7) {
    -webkit-transform: translate3d(.15rem, 0, 0);
    transform: translate3d(.15rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(8) {
    -webkit-transform: translate3d(.3rem, 0, 0);
    transform: translate3d(.3rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(9) {
    -webkit-transform: translate3d(.45rem, 0, 0);
    transform: translate3d(.45rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(10) {
    -webkit-transform: translate3d(.6rem, 0, 0);
    transform: translate3d(.6rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(11) {
    -webkit-transform: translate3d(.75rem, 0, 0);
    transform: translate3d(.75rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(12) {
    -webkit-transform: translate3d(.9rem, 0, 0);
    transform: translate3d(.9rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(13) {
    -webkit-transform: translate3d(1.05rem, 0, 0);
    transform: translate3d(1.05rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(14) {
    -webkit-transform: translate3d(1.2rem, 0, 0);
    transform: translate3d(1.2rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(15) {
    -webkit-transform: translate3d(1.35rem, 0, 0);
    transform: translate3d(1.35rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(16) {
    -webkit-transform: translate3d(1.5rem, 0, 0);
    transform: translate3d(1.5rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(17) {
    -webkit-transform: translate3d(1.65rem, 0, 0);
    transform: translate3d(1.65rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(18) {
    -webkit-transform: translate3d(1.8rem, 0, 0);
    transform: translate3d(1.8rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(19) {
    -webkit-transform: translate3d(1.95rem, 0, 0);
    transform: translate3d(1.95rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(20) {
    -webkit-transform: translate3d(2.1rem, 0, 0);
    transform: translate3d(2.1rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(21) {
    -webkit-transform: translate3d(2.25rem, 0, 0);
    transform: translate3d(2.25rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(22) {
    -webkit-transform: translate3d(2.4rem, 0, 0);
    transform: translate3d(2.4rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(23) {
    -webkit-transform: translate3d(2.55rem, 0, 0);
    transform: translate3d(2.55rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(24) {
    -webkit-transform: translate3d(2.7rem, 0, 0);
    transform: translate3d(2.7rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(25) {
    -webkit-transform: translate3d(2.85rem, 0, 0);
    transform: translate3d(2.85rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(26) {
    -webkit-transform: translate3d(3rem, 0, 0);
    transform: translate3d(3rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(27) {
    -webkit-transform: translate3d(3.15rem, 0, 0);
    transform: translate3d(3.15rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(28) {
    -webkit-transform: translate3d(3.3rem, 0, 0);
    transform: translate3d(3.3rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(29) {
    -webkit-transform: translate3d(3.45rem, 0, 0);
    transform: translate3d(3.45rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(30) {
    -webkit-transform: translate3d(3.6rem, 0, 0);
    transform: translate3d(3.6rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(31) {
    -webkit-transform: translate3d(3.75rem, 0, 0);
    transform: translate3d(3.75rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(32) {
    -webkit-transform: translate3d(3.9rem, 0, 0);
    transform: translate3d(3.9rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(33) {
    -webkit-transform: translate3d(4.05rem, 0, 0);
    transform: translate3d(4.05rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(34) {
    -webkit-transform: translate3d(4.2rem, 0, 0);
    transform: translate3d(4.2rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(35) {
    -webkit-transform: translate3d(4.35rem, 0, 0);
    transform: translate3d(4.35rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(36) {
    -webkit-transform: translate3d(4.5rem, 0, 0);
    transform: translate3d(4.5rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(37) {
    -webkit-transform: translate3d(4.65rem, 0, 0);
    transform: translate3d(4.65rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(38) {
    -webkit-transform: translate3d(4.8rem, 0, 0);
    transform: translate3d(4.8rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(39) {
    -webkit-transform: translate3d(4.95rem, 0, 0);
    transform: translate3d(4.95rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(40) {
    -webkit-transform: translate3d(5.1rem, 0, 0);
    transform: translate3d(5.1rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(41) {
    -webkit-transform: translate3d(5.25rem, 0, 0);
    transform: translate3d(5.25rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(42) {
    -webkit-transform: translate3d(5.4rem, 0, 0);
    transform: translate3d(5.4rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(43) {
    -webkit-transform: translate3d(5.55rem, 0, 0);
    transform: translate3d(5.55rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(44) {
    -webkit-transform: translate3d(5.7rem, 0, 0);
    transform: translate3d(5.7rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(45) {
    -webkit-transform: translate3d(5.85rem, 0, 0);
    transform: translate3d(5.85rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(46) {
    -webkit-transform: translate3d(6rem, 0, 0);
    transform: translate3d(6rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(47) {
    -webkit-transform: translate3d(6.15rem, 0, 0);
    transform: translate3d(6.15rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(48) {
    -webkit-transform: translate3d(6.3rem, 0, 0);
    transform: translate3d(6.3rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(49) {
    -webkit-transform: translate3d(6.45rem, 0, 0);
    transform: translate3d(6.45rem, 0, 0)
}

.home main .r1 .other .part .col h2.right .letter:nth-child(50) {
    -webkit-transform: translate3d(6.6rem, 0, 0);
    transform: translate3d(6.6rem, 0, 0)
}

.home main .r1 .other .part .col h2.go .letter {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translateZ(0) !important
}

.home main .r1 .other .intro {
    width: calc(100% - 2.2rem);
    margin: 0 auto 1rem
}

.home main .r1 .other .intro .col {
    width: 50%;
    margin-left: 50%;
    padding: 0 2rem 0 .85rem;
    position: relative;
    --time: 1
}

.home main .r1 .other .intro .col .layer-photo {
    position: absolute;
    width: 3.6rem;
    bottom: calc(100% - 1.1em)
}

.home main .r1 .other .intro .col [data-text] {
    line-height: 1.4
}

.home main .r1 .other .intro .col [data-text] .letter {
    white-space: nowrap
}

.home main .r1 .other .intro .col [data-text] .letter:nth-of-type(1) {
    margin-left: 3.9rem
}

.home main .r1 .other .intro .col .after {
    color: #ffffff40
}

.home main .r1 .other .intro .col .above {
    position: absolute;
    left: .85rem;
    top: 0
}

.home main .r1 .other .intro .col .above .letter {
    -webkit-clip-path: inset(0 calc(var(--time) * 100%) 0 0 round 0);
    clip-path: inset(0 calc(var(--time) * 100%) 0 0 round 0)
}

.home main .r1 .other .box {
    width: calc(100% - 2.2rem);
    margin: 0 auto 1rem
}

.home main .r1 .other .box .col {
    width: calc(50% - .5rem);
    position: relative
}

.home main .r1 .other .box .col [data-text] {
    line-height: 1.4
}

.home main .r1 .other .box .col .after {
    color: #ffffff40
}

.home main .r1 .other .box .col .above {
    position: absolute;
    left: 0;
    top: 0
}

.home main .r1 .other .box .col .above .letter {
    -webkit-clip-path: inset(0 calc(var(--time) * 100%) 0 0 round 0);
    clip-path: inset(0 calc(var(--time) * 100%) 0 0 round 0)
}

.home main .r1 .other .btm {
    height: 6.2rem
}

.home main .r1 .other .btm .swiper .swiper-wrapper {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

.home main .r1 .other .btm .swiper .swiper-wrapper .swiper-slide {
    width: 4.8rem
}

.home main .r1 .other .btm .swiper .swiper-wrapper .swiper-slide .img {
    max-width: 2.68rem;
    object-fit: contain;
    margin-bottom: .2rem;
    max-height: 2.6rem
}

.home main .r1 .other .btm .swiper .swiper-wrapper .swiper-slide .msg>p {
    color: #ffffffb3
}

.home main .r1>.rectToIcon {
    height: 0
}

.home main .r2 {
    position: relative;
    z-index: 6;
    background-color: var(--white)
}

.home main .r2 .inner {
    height: 100%;
    padding: 1.6rem 0 .4rem
}

.home main .r2 .inner .group .msg {
    position: relative;
    background-color: var(--white);
    overflow: hidden;
    padding: .8rem 0
}

.home main .r2 .inner .group .msg .mask {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 18%;
    top: 42%;
    z-index: 6;
    mix-blend-mode: screen
}

.home main .r2 .inner .group .msg h2 {
    line-height: 1.1;
    -webkit-perspective: 5rem;
    perspective: 5rem;
    color: #0e0e181a;
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter {
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter:nth-of-type(1) {
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter:nth-of-type(2) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter:nth-of-type(3) {
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter:nth-of-type(4) {
    -webkit-transform: translate3d(0, .1rem, 0);
    transform: translate3d(0, .1rem, 0);
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter:nth-of-type(5) {
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter:nth-of-type(6) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.home main .r2 .inner .group .msg h2:nth-of-type(1) .letter:nth-of-type(7) {
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter {
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: var(--ease);
    animation-timing-function: var(--ease);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(1) {
    -webkit-transform: translate3d(0, .5rem, 0);
    transform: translate3d(0, .5rem, 0);
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(2) {
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(3) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(4) {
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(5) {
    -webkit-transform: translate3d(0, .1rem, 0);
    transform: translate3d(0, .1rem, 0);
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(6) {
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(7) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(8) {
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.home main .r2 .inner .group .msg h2:nth-of-type(2) .letter:nth-of-type(9) {
    -webkit-transform: translate3d(0, .5rem, 0);
    transform: translate3d(0, .5rem, 0);
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter {
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter:nth-of-type(1) {
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter:nth-of-type(2) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter:nth-of-type(3) {
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter:nth-of-type(4) {
    -webkit-transform: translate3d(0, .1rem, 0);
    transform: translate3d(0, .1rem, 0);
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter:nth-of-type(5) {
    -webkit-transform: translate3d(0, .2rem, 0);
    transform: translate3d(0, .2rem, 0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter:nth-of-type(6) {
    -webkit-transform: translate3d(0, .3rem, 0);
    transform: translate3d(0, .3rem, 0);
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.home main .r2 .inner .group .msg h2:nth-of-type(3) .letter:nth-of-type(7) {
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.home main .r2 .inner .group .msg h2.go {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.home main .r2 .inner .group .msg h2.go .letter {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translateZ(0) !important;
    -webkit-animation-name: color-transition;
    animation-name: color-transition
}

.home main .r2 .inner .group .msg h2 .clearFill {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .15rem
}

.home main .r2 .inner .group .msg h2 .clearFill .star {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block
}

.home main .r2 .inner .group .layer-topic .arrow {
    -webkit-animation: scr .8s var(--ease2) infinite alternate;
    animation: scr .8s var(--ease2) infinite alternate
}

.home main .r3 {
    width: 100%;
    overflow: visible;
    height: 530vh;
    background-color: var(--white)
}

.home main .r3 .clear {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.home main .r3 .clear .step {
    position: relative;
    width: 100%;
    height: 100vh
}

.home main .r3 .clear .step:nth-of-type(1) .start {
    height: 10%;
    top: 50%
}

.home main .r3 .clear .step .start {
    position: absolute;
    top: 68%;
    width: 100%;
    height: 10%;
    display: block
}

.home main .r3 .inner {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-perspective: 5rem;
    perspective: 5rem
}

.home main .r3 .inner .part {
    -webkit-transform-origin: 70% 100%;
    -ms-transform-origin: 70% 100%;
    transform-origin: 70% 100%
}

.home main .r3 .inner .part .content {
    overflow: hidden;
    -webkit-transform-origin: 80% 80%;
    -ms-transform-origin: 80% 80%;
    transform-origin: 80% 80%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-delay: calc(var(--out) * -1s);
    animation-delay: calc(var(--out) * -1s);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: pageOut;
    animation-name: pageOut
}

.home main .r3 .inner .part.page1 .content {
    background-color: #bfecff
}

.home main .r3 .inner .part.page2 .content {
    background-color: #0074ff
}

.home main .r3 .inner .part.page2 .layer-btn .arrow .iconfont {
    color: #0074ff
}

.home main .r3 .inner .part.page3 .content {
    background-color: #f4bebe
}

.home main .r3 .inner .part.page4 .content {
    background-color: #5d60dd
}

.home main .r3 .inner .part.page4 .layer-btn .arrow .iconfont {
    color: #5d60dd
}

.home main .r3 .inner .part .content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1.2rem 1.1rem 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home main .r3 .inner .part .content .top {
    width: 100%
}

.home main .r3 .inner .part .content .top .layer-topic p.wc {
    color: #ffffffb3
}

.home main .r3 .inner .part .content .top .layer-topic .layer-btn {
    --btnHei: .6rem;
    --btnWid: 2.5rem;
    margin-top: .7rem
}

.home main .r3 .inner .part .content .top .numBox {
    position: relative;
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    -webkit-transform: translate3d(.4rem, 0, 0);
    transform: translate3d(.4rem, 0, 0);
    opacity: 0
}

.home main .r3 .inner .part .content .top .numBox.go {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.home main .r3 .inner .part .content .top .numBox .num {
    line-height: 1
}

.home main .r3 .inner .part .content .top .numBox .set {
    position: absolute;
    top: 104%;
    right: 1em
}

.home main .r3 .inner .part .content .top .numBox .set .line {
    width: .15rem
}

.home main .r3 .inner .part .content .top .numBox .set .line path {
    fill: var(--black)
}

.home main .r3 .inner .part .content .top .numBox .set .line path.wc {
    fill: var(--white)
}

.home main .r3 .inner .part .content .top .numBox .set .sum {
    opacity: .5;
    margin-top: .25rem
}

.home main .r3 .inner .part .content .mid {
    height: 66.5%;
    position: absolute;
    pointer-events: none;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-left: .6rem
}

.home main .r3 .inner .part .content .mid .layer-photo {
    margin: 0 auto;
    border-radius: 0;
    overflow: visible;
    height: 100%
}

.home main .r3 .inner .part .content .mid .layer-photo .img {
    border-radius: .2rem .2rem 0 0;
    width: auto;
    height: 100%;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.home main .r4 {
    background-color: var(--white);
    height: 200vh;
    overflow: visible
}

.home main .r4 .inner {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    overflow: hidden
}

.home main .r4 .inner .group {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.home main .r4 .inner .group .photo {
    position: relative;
    width: 100%;
    height: 100%
}

.home main .r4 .inner .group .photo .startMedia {
    height: 50%;
    left: 0;
    width: 100%
}

.home main .r4 .inner .group .photo video {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

.home main .r4 .inner .group .photo video#r4Media {
    display: none
}

.home main .r4 .inner .group .photo .layer-ts {
    height: 56.25vw;
    width: 100vw
}

.home main .r4 .inner .group .photo .layer-ts #goFull {
    position: absolute;
    z-index: 6;
    right: .2rem;
    bottom: .2rem;
    height: .35rem
}

.home main .r4 .inner .group .photo .layer-ts .mp4-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.home main .r5 {
    width: 100%;
    overflow: hidden;
    height: 100vh
}

.home main .r5 .inner {
    padding-top: 1rem;
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    overflow: hidden
}

.home main .r5 .inner>.bg .layer-video {
    width: 13.7rem;
    position: relative;
    z-index: 4;
    mix-blend-mode: screen
}

.home main .r5 .inner>.bg .layer-video>video {
    display: block;
    width: 100%;
    object-fit: cover
}

.home main .r5 .inner>.bg .logoSingle {
    max-width: 15.2rem;
    position: relative;
    z-index: 4
}

.home main .r5 .inner>.layer-topic {
    margin-bottom: 1.2rem;
    position: relative;
    z-index: 4
}

.home main .r5 .inner>.layer-topic .fxc,
.home main .r5 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .r5 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .inner>.layer-topic [data-text],
.home main .r5 .inner>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r5 .inner>.layer-topic [data-text],
.home main .r5 .inner>.layer-topic .layer-btn,
.home main .r5 .inner>.layer-topic .layer-btn .txt,
.layer-btn .home main .r5 .inner>.layer-topic .txt,
.home main .r5 .inner>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r5 .inner>.layer-topic .arrow,
.home main .r5 .inner>.layer-topic .layer-button .txt,
.layer-button .home main .r5 .inner>.layer-topic .txt,
.home main .r5 .inner>.layer-topic .layer-cir,
.home main .r5 .inner>.layer-topic .layer-pop,
.home main .r5 .inner>.layer-topic .layer-media .inner,
.layer-media .home main .r5 .inner>.layer-topic .inner,
.home main .r5 .inner>.layer-topic .layer-check,
.home main .r5 .inner>.layer-topic .layer-toast,
.home main .r5 .inner>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r5 .inner>.layer-topic .cursor--inner>.arrow,
.home main .r5 .inner>.layer-topic .layer-mouse,
.home main .r5 .inner>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r5 .inner>.layer-topic .right,
.home main .r5 .inner>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r5 .inner>.layer-topic .right,
.home main .r5 .inner>.layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r5 .inner>.layer-topic .set,
.home main .r5 .inner>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r5 .inner>.layer-topic .other,
.home main .r5 .inner>.layer-topic .load .content,
.load .home main .r5 .inner>.layer-topic .content,
.home main .r5 .banner .inner>.layer-topic .other .col .list,
.home main .banner .r5 .inner>.layer-topic .other .col .list,
.home main .r5 .inner>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r5 .inner>.layer-topic h2,
.home main .r5 .r2 .inner>.layer-topic .group .msg h2,
.home main .r2 .r5 .inner>.layer-topic .group .msg h2,
.home main .r5 .inner>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r5 .inner>.layer-topic .step,
.home main .r5 .r3 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r3 .r5 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r5 .inner>.layer-topic .inner>.bg {
    position: relative;
    z-index: 1;
    overflow: visible
}

.home main .r5 .inner>.layer-topic .fxc h2,
.home main .r5 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r10 .r5 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2,
.home main .r5 .inner>.layer-topic [data-text] h2,
.home main .r5 .inner>.layer-topic .layer-topic.left [data-text] h2,
.layer-topic.left .home main .r5 .inner>.layer-topic [data-text] h2,
.home main .r5 .inner>.layer-topic .layer-btn h2,
.home main .r5 .inner>.layer-topic .layer-btn .txt h2,
.layer-btn .home main .r5 .inner>.layer-topic .txt h2,
.home main .r5 .inner>.layer-topic .layer-btn .arrow h2,
.layer-btn .home main .r5 .inner>.layer-topic .arrow h2,
.home main .r5 .inner>.layer-topic .layer-button .txt h2,
.layer-button .home main .r5 .inner>.layer-topic .txt h2,
.home main .r5 .inner>.layer-topic .layer-cir h2,
.home main .r5 .inner>.layer-topic .layer-pop h2,
.home main .r5 .inner>.layer-topic .layer-media .inner h2,
.layer-media .home main .r5 .inner>.layer-topic .inner h2,
.home main .r5 .inner>.layer-topic .layer-check h2,
.home main .r5 .inner>.layer-topic .layer-toast h2,
.home main .r5 .inner>.layer-topic .cursor--group .cursor--inner>.arrow h2,
.cursor--group .home main .r5 .inner>.layer-topic .cursor--inner>.arrow h2,
.home main .r5 .inner>.layer-topic .layer-mouse h2,
.home main .r5 .inner>.layer-topic #app header .pcNav .right h2,
#app header .pcNav .home main .r5 .inner>.layer-topic .right h2,
.home main .r5 .inner>.layer-topic #app header .appNav .right h2,
#app header .appNav .home main .r5 .inner>.layer-topic .right h2,
#app header .appNav .right .home main .r5 .inner>.layer-topic .set h2,
.home main .r5 .inner>.layer-topic #app footer .btm .other h2,
#app footer .btm .home main .r5 .inner>.layer-topic .other h2,
.home main .r5 .inner>.layer-topic .load .content h2,
.load .home main .r5 .inner>.layer-topic .content h2,
.home main .r5 .banner .inner>.layer-topic .other .col .list h2,
.home main .banner .r5 .inner>.layer-topic .other .col .list h2,
.home main .r5 .inner>.layer-topic .r1 .other .part .col h2 h2,
.home main .r1 .other .part .col .r5 .inner>.layer-topic h2 h2,
.home main .r5 .r2 .inner>.layer-topic .group .msg h2 h2,
.home main .r2 .r5 .inner>.layer-topic .group .msg h2 h2,
.home main .r5 .inner>.layer-topic .r3 .clear .step h2,
.home main .r3 .clear .r5 .inner>.layer-topic .step h2,
.home main .r5 .r3 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r3 .r5 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r5 .inner>.layer-topic .inner>.bg h2 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 3.8rem;
    mask-size: 3.8rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 160% 50%;
    mask-position: 160% 50%;
    position: relative;
    z-index: 6;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    display: none;
    text-shadow: 1px 1px 2px var(--main)
}

.home main .r5 .inner>.layer-topic .fxc .above,
.home main .r5 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .above,
.home main .r10 .r5 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .above,
.home main .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above,
.home main .r5 .inner>.layer-topic [data-text] .above,
.home main .r5 .inner>.layer-topic .layer-topic.left [data-text] .above,
.layer-topic.left .home main .r5 .inner>.layer-topic [data-text] .above,
.home main .r5 .inner>.layer-topic .layer-btn .above,
.home main .r5 .inner>.layer-topic .layer-btn .txt .above,
.layer-btn .home main .r5 .inner>.layer-topic .txt .above,
.home main .r5 .inner>.layer-topic .layer-btn .arrow .above,
.layer-btn .home main .r5 .inner>.layer-topic .arrow .above,
.home main .r5 .inner>.layer-topic .layer-button .txt .above,
.layer-button .home main .r5 .inner>.layer-topic .txt .above,
.home main .r5 .inner>.layer-topic .layer-cir .above,
.home main .r5 .inner>.layer-topic .layer-pop .above,
.home main .r5 .inner>.layer-topic .layer-media .inner .above,
.layer-media .home main .r5 .inner>.layer-topic .inner .above,
.home main .r5 .inner>.layer-topic .layer-check .above,
.home main .r5 .inner>.layer-topic .layer-toast .above,
.home main .r5 .inner>.layer-topic .cursor--group .cursor--inner>.arrow .above,
.cursor--group .home main .r5 .inner>.layer-topic .cursor--inner>.arrow .above,
.home main .r5 .inner>.layer-topic .layer-mouse .above,
.home main .r5 .inner>.layer-topic #app header .pcNav .right .above,
#app header .pcNav .home main .r5 .inner>.layer-topic .right .above,
.home main .r5 .inner>.layer-topic #app header .appNav .right .above,
#app header .appNav .home main .r5 .inner>.layer-topic .right .above,
#app header .appNav .right .home main .r5 .inner>.layer-topic .set .above,
.home main .r5 .inner>.layer-topic #app footer .btm .other .above,
#app footer .btm .home main .r5 .inner>.layer-topic .other .above,
.home main .r5 .inner>.layer-topic .load .content .above,
.load .home main .r5 .inner>.layer-topic .content .above,
.home main .r5 .banner .inner>.layer-topic .other .col .list .above,
.home main .banner .r5 .inner>.layer-topic .other .col .list .above,
.home main .r5 .inner>.layer-topic .r1 .other .part .col h2 .above,
.home main .r1 .other .part .col .r5 .inner>.layer-topic h2 .above,
.home main .r5 .r2 .inner>.layer-topic .group .msg h2 .above,
.home main .r2 .r5 .inner>.layer-topic .group .msg h2 .above,
.home main .r5 .inner>.layer-topic .r3 .clear .step .above,
.home main .r3 .clear .r5 .inner>.layer-topic .step .above,
.home main .r5 .r3 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r3 .r5 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r5 .inner>.layer-topic .inner>.bg .above {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r5 .inner>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r5 .inner>.layer-topic .set {
    background-color: #ffffffd9;
    height: .5rem;
    border-radius: 2rem;
    margin-top: .2rem;
    padding: .04rem;
    position: relative;
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(0, .4rem, 0);
    transform: translate3d(0, .4rem, 0);
    opacity: 0;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.home main .r5 .inner>.layer-topic .set .tabList {
    padding: .07rem .15rem;
    text-align: center;
    width: .8rem;
    position: relative;
    z-index: 5;
    color: #0e0e18b3;
    cursor: pointer;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.home main .r5 .inner>.layer-topic .set .tabList.on {
    color: #fff
}

.home main .r5 .inner>.layer-topic .set>.mask {
    position: absolute;
    left: .04rem;
    width: .8rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: calc(100% - .08rem);
    z-index: 1;
    background-color: var(--main);
    border-radius: 2rem;
    -webkit-transition: opacity 1s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity 1s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity 1s var(--ease), transform .5s var(--ease);
    transition: opacity 1s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.home main .r5 .inner>.layer-topic.go .set {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.home main .r5 .inner .group {
    height: 5.2rem;
    width: 100%;
    position: relative;
    z-index: 4;
    -webkit-perspective: 5rem;
    perspective: 5rem
}

@media screen and (orientation: landscape) {
    .home main .r5 .inner .group {
        width: 88%
    }
}

.home main .r5 .inner .group .loopSw {
    position: relative;
    pointer-events: none;
    width: 100%;
    z-index: 10;
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    opacity: 0;
    -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}

.home main .r5 .inner .group .loopSw.on {
    opacity: 1;
    pointer-events: painted
}

.home main .r5 .inner .group .loopSw .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide {
    width: 5.5rem
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box {
    width: 5rem;
    height: 3.6rem;
    padding: .45rem .4rem;
    position: relative
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .mask {
    z-index: 1;
    background-color: #f0f2ffe6;
    border-radius: .3rem;
    backdrop-filter: blur(.1rem);
    -webkit-transition: background-color .5s var(--ease);
    transition: background-color .5s var(--ease)
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    width: .88rem;
    height: .88rem;
    top: .3rem;
    right: .3rem;
    position: absolute;
    z-index: 3;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .icon {
    width: .34rem
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .msg {
    position: relative;
    z-index: 4;
    width: 100%
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .msg h3 {
    line-height: 1.1;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease);
    margin-bottom: .15rem
}

@media screen and (orientation: landscape) {
    .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box:hover .mask {
        background-color: #ffffffe6
    }

    .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box:hover .msg h3 {
        color: var(--main)
    }
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide.swiper-slide-active .box .mask {
    background-color: #ffffffe6
}

.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide.swiper-slide-active .box .msg h3 {
    color: var(--main)
}

.home main .r5 .inner .group .compare {
    position: absolute;
    height: 88%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    pointer-events: none;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
    -webkit-transform: translate3d(0, -.2rem, 0) rotateX(6deg);
    transform: translate3d(0, -.2rem, 0) rotateX(6deg);
    -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease);
    transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}

.home main .r5 .inner .group .compare.on {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    pointer-events: painted
}

.home main .r5 .inner .group .compare .swiper-wrapper {
    display: grid;
    position: relative;
    width: 100%;
    height: 100%
}

@media screen and (orientation: landscape) {
    .home main .r5 .inner .group .compare .swiper-wrapper {
        grid-template-columns: 4.2rem 7rem 4.2rem;
        gap: 0 .8rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (orientation: portrait) {
    .home main .r5 .inner .group .compare .swiper-wrapper {
        grid-auto-flow: column
    }
}

.home main .r5 .inner .group .compare .col {
    padding: .5rem .4rem .4rem;
    justify-items: center;
    display: grid;
    border-radius: .3rem;
    grid-template-rows: .7rem calc(100% - .7rem)
}

.home main .r5 .inner .group .compare .col .top {
    height: .7rem;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.home main .r5 .inner .group .compare .col .top h2 {
    text-align: center
}

.home main .r5 .inner .group .compare .col .top .icon {
    height: .54rem;
    display: block;
    margin: 0 auto
}

.home main .r5 .inner .group .compare .col .layer-items {
    display: grid;
    gap: .25rem 0;
    grid-template-columns: 100%;
    grid-template-rows: repeat(var(--col), 1fr);
    padding: .5rem 0 .2rem
}

.home main .r5 .inner .group .compare .col .layer-items .list>img {
    max-width: .2rem;
    max-height: .16rem;
    margin-right: .25rem
}

.home main .r5 .inner .group .compare .col .layer-items .list>p {
    color: #fff9
}

.home main .r5 .inner .group .compare .col .layer-items .list>p.bc {
    color: #0e0e18
}

.home main .r5 .inner .group .compare .col .layer-items .list>p b {
    color: var(--main);
    font-weight: 400;
    font-family: inherit
}

.home main .r5 .inner .group .compare .col:nth-of-type(1) {
    background-color: #1c3251e6;
    backdrop-filter: blur(.2rem)
}

.home main .r5 .inner .group .compare .col:nth-of-type(2) {
    background-color: #ffffffe6;
    backdrop-filter: blur(.2rem)
}

.home main .r5 .inner .group .compare .col:nth-of-type(2) .top {
    border-color: #0000000d
}

.home main .r5 .inner .group .compare .col:nth-of-type(3) {
    background-color: #1c3251e6;
    backdrop-filter: blur(.2rem)
}

.home main .r6 {
    background-color: var(--white)
}

.home main .r6 .inner {
    padding-top: 1.2rem;
    padding-bottom: 1rem
}

.home main .r6 .inner>.layer-topic .fxc,
.home main .r6 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .r6 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r6 .inner>.layer-topic [data-text],
.home main .r6 .inner>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r6 .inner>.layer-topic [data-text],
.home main .r6 .inner>.layer-topic .layer-btn,
.home main .r6 .inner>.layer-topic .layer-btn .txt,
.layer-btn .home main .r6 .inner>.layer-topic .txt,
.home main .r6 .inner>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r6 .inner>.layer-topic .arrow,
.home main .r6 .inner>.layer-topic .layer-button .txt,
.layer-button .home main .r6 .inner>.layer-topic .txt,
.home main .r6 .inner>.layer-topic .layer-cir,
.home main .r6 .inner>.layer-topic .layer-pop,
.home main .r6 .inner>.layer-topic .layer-media .inner,
.layer-media .home main .r6 .inner>.layer-topic .inner,
.home main .r6 .inner>.layer-topic .layer-check,
.home main .r6 .inner>.layer-topic .layer-toast,
.home main .r6 .inner>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r6 .inner>.layer-topic .cursor--inner>.arrow,
.home main .r6 .inner>.layer-topic .layer-mouse,
.home main .r6 .inner>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r6 .inner>.layer-topic .right,
.home main .r6 .inner>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r6 .inner>.layer-topic .right,
.home main .r6 .inner>.layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r6 .inner>.layer-topic .set,
.home main .r6 .inner>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r6 .inner>.layer-topic .other,
.home main .r6 .inner>.layer-topic .load .content,
.load .home main .r6 .inner>.layer-topic .content,
.home main .r6 .banner .inner>.layer-topic .other .col .list,
.home main .banner .r6 .inner>.layer-topic .other .col .list,
.home main .r6 .inner>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r6 .inner>.layer-topic h2,
.home main .r6 .r2 .inner>.layer-topic .group .msg h2,
.home main .r2 .r6 .inner>.layer-topic .group .msg h2,
.home main .r6 .inner>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r6 .inner>.layer-topic .step,
.home main .r6 .r3 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r3 .r6 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r6 .inner>.layer-topic .r5 .inner>.bg,
.home main .r5 .r6 .inner>.layer-topic .inner>.bg,
.home main .r6 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .r6 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    background-color: var(--white);
    padding-right: .2rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.home main .r6 .inner>.layer-topic .fxc h2,
.home main .r6 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r10 .r6 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r6 .inner>.layer-topic [data-text] h2,
.home main .r6 .inner>.layer-topic .layer-topic.left [data-text] h2,
.layer-topic.left .home main .r6 .inner>.layer-topic [data-text] h2,
.home main .r6 .inner>.layer-topic .layer-btn h2,
.home main .r6 .inner>.layer-topic .layer-btn .txt h2,
.layer-btn .home main .r6 .inner>.layer-topic .txt h2,
.home main .r6 .inner>.layer-topic .layer-btn .arrow h2,
.layer-btn .home main .r6 .inner>.layer-topic .arrow h2,
.home main .r6 .inner>.layer-topic .layer-button .txt h2,
.layer-button .home main .r6 .inner>.layer-topic .txt h2,
.home main .r6 .inner>.layer-topic .layer-cir h2,
.home main .r6 .inner>.layer-topic .layer-pop h2,
.home main .r6 .inner>.layer-topic .layer-media .inner h2,
.layer-media .home main .r6 .inner>.layer-topic .inner h2,
.home main .r6 .inner>.layer-topic .layer-check h2,
.home main .r6 .inner>.layer-topic .layer-toast h2,
.home main .r6 .inner>.layer-topic .cursor--group .cursor--inner>.arrow h2,
.cursor--group .home main .r6 .inner>.layer-topic .cursor--inner>.arrow h2,
.home main .r6 .inner>.layer-topic .layer-mouse h2,
.home main .r6 .inner>.layer-topic #app header .pcNav .right h2,
#app header .pcNav .home main .r6 .inner>.layer-topic .right h2,
.home main .r6 .inner>.layer-topic #app header .appNav .right h2,
#app header .appNav .home main .r6 .inner>.layer-topic .right h2,
#app header .appNav .right .home main .r6 .inner>.layer-topic .set h2,
.home main .r6 .inner>.layer-topic #app footer .btm .other h2,
#app footer .btm .home main .r6 .inner>.layer-topic .other h2,
.home main .r6 .inner>.layer-topic .load .content h2,
.load .home main .r6 .inner>.layer-topic .content h2,
.home main .r6 .banner .inner>.layer-topic .other .col .list h2,
.home main .banner .r6 .inner>.layer-topic .other .col .list h2,
.home main .r6 .inner>.layer-topic .r1 .other .part .col h2 h2,
.home main .r1 .other .part .col .r6 .inner>.layer-topic h2 h2,
.home main .r6 .r2 .inner>.layer-topic .group .msg h2 h2,
.home main .r2 .r6 .inner>.layer-topic .group .msg h2 h2,
.home main .r6 .inner>.layer-topic .r3 .clear .step h2,
.home main .r3 .clear .r6 .inner>.layer-topic .step h2,
.home main .r6 .r3 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r3 .r6 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r6 .inner>.layer-topic .r5 .inner>.bg h2,
.home main .r5 .r6 .inner>.layer-topic .inner>.bg h2,
.home main .r6 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2,
.home main .r5 .r6 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2 {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r6 .inner>.layer-topic .fxc .txtMask,
.home main .r6 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .txtMask,
.home main .r10 .r6 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .txtMask,
.home main .r6 .inner>.layer-topic [data-text] .txtMask,
.home main .r6 .inner>.layer-topic .layer-topic.left [data-text] .txtMask,
.layer-topic.left .home main .r6 .inner>.layer-topic [data-text] .txtMask,
.home main .r6 .inner>.layer-topic .layer-btn .txtMask,
.home main .r6 .inner>.layer-topic .layer-btn .txt .txtMask,
.layer-btn .home main .r6 .inner>.layer-topic .txt .txtMask,
.home main .r6 .inner>.layer-topic .layer-btn .arrow .txtMask,
.layer-btn .home main .r6 .inner>.layer-topic .arrow .txtMask,
.home main .r6 .inner>.layer-topic .layer-button .txt .txtMask,
.layer-button .home main .r6 .inner>.layer-topic .txt .txtMask,
.home main .r6 .inner>.layer-topic .layer-cir .txtMask,
.home main .r6 .inner>.layer-topic .layer-pop .txtMask,
.home main .r6 .inner>.layer-topic .layer-media .inner .txtMask,
.layer-media .home main .r6 .inner>.layer-topic .inner .txtMask,
.home main .r6 .inner>.layer-topic .layer-check .txtMask,
.home main .r6 .inner>.layer-topic .layer-toast .txtMask,
.home main .r6 .inner>.layer-topic .cursor--group .cursor--inner>.arrow .txtMask,
.cursor--group .home main .r6 .inner>.layer-topic .cursor--inner>.arrow .txtMask,
.home main .r6 .inner>.layer-topic .layer-mouse .txtMask,
.home main .r6 .inner>.layer-topic #app header .pcNav .right .txtMask,
#app header .pcNav .home main .r6 .inner>.layer-topic .right .txtMask,
.home main .r6 .inner>.layer-topic #app header .appNav .right .txtMask,
#app header .appNav .home main .r6 .inner>.layer-topic .right .txtMask,
#app header .appNav .right .home main .r6 .inner>.layer-topic .set .txtMask,
.home main .r6 .inner>.layer-topic #app footer .btm .other .txtMask,
#app footer .btm .home main .r6 .inner>.layer-topic .other .txtMask,
.home main .r6 .inner>.layer-topic .load .content .txtMask,
.load .home main .r6 .inner>.layer-topic .content .txtMask,
.home main .r6 .banner .inner>.layer-topic .other .col .list .txtMask,
.home main .banner .r6 .inner>.layer-topic .other .col .list .txtMask,
.home main .r6 .inner>.layer-topic .r1 .other .part .col h2 .txtMask,
.home main .r1 .other .part .col .r6 .inner>.layer-topic h2 .txtMask,
.home main .r6 .r2 .inner>.layer-topic .group .msg h2 .txtMask,
.home main .r2 .r6 .inner>.layer-topic .group .msg h2 .txtMask,
.home main .r6 .inner>.layer-topic .r3 .clear .step .txtMask,
.home main .r3 .clear .r6 .inner>.layer-topic .step .txtMask,
.home main .r6 .r3 .inner>.layer-topic .part .content .mid .layer-photo .txtMask,
.home main .r3 .r6 .inner>.layer-topic .part .content .mid .layer-photo .txtMask,
.home main .r6 .inner>.layer-topic .r5 .inner>.bg .txtMask,
.home main .r5 .r6 .inner>.layer-topic .inner>.bg .txtMask,
.home main .r6 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .txtMask,
.home main .r5 .r6 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .txtMask {
    position: absolute;
    width: 3.6rem;
    z-index: 10;
    top: -1.2rem;
    left: 1.2rem;
    mix-blend-mode: screen
}

.home main .r6 .inner>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r6 .inner .group {
    position: relative
}

.home main .r6 .inner .group #rectGo {
    position: absolute;
    pointer-events: none;
    height: 50%;
    top: 50%;
    left: 0;
    width: 100%
}

.home main .r6 .inner .group .box .layer-topic {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}

.home main .r6 .inner .group .box .layer-topic.go {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translateZ(0) !important
}

.home main .r6 .inner .group .box .layer-topic .fxc,
.home main .r6 .r10 .inner .group .box .layer-topic .swiper-wrapper .swiper-slide .top,
.home main .r10 .r6 .inner .group .box .layer-topic .swiper-wrapper .swiper-slide .top,
.home main .r6 .r10 .inner .group .box .swiper-wrapper .swiper-slide .layer-topic .top,
.home main .r10 .r6 .inner .group .box .swiper-wrapper .swiper-slide .layer-topic .top,
.home main .r6 .inner .group .box .layer-topic [data-text],
.home main .r6 .inner .group .box .layer-topic.left [data-text],
.home main .r6 .inner .group .box .layer-topic .layer-btn,
.home main .r6 .inner .group .box .layer-topic .layer-btn .txt,
.layer-btn .home main .r6 .inner .group .box .layer-topic .txt,
.home main .r6 .inner .group .box .layer-topic .layer-btn .arrow,
.layer-btn .home main .r6 .inner .group .box .layer-topic .arrow,
.home main .r6 .inner .group .box .layer-topic .layer-button .txt,
.layer-button .home main .r6 .inner .group .box .layer-topic .txt,
.home main .r6 .inner .group .box .layer-topic .layer-cir,
.home main .r6 .inner .group .box .layer-topic .layer-pop,
.home main .r6 .inner .group .box .layer-topic .layer-media .inner,
.layer-media .home main .r6 .inner .group .box .layer-topic .inner,
.home main .r6 .inner .group .box .layer-topic .layer-check,
.home main .r6 .inner .group .box .layer-topic .layer-toast,
.home main .r6 .inner .group .box .layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r6 .inner .group .box .layer-topic .cursor--inner>.arrow,
.home main .r6 .inner .group .box .layer-topic .layer-mouse,
.home main .r6 .inner .group .box .layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r6 .inner .group .box .layer-topic .right,
.home main .r6 .inner .group .box .layer-topic #app header .appNav .right,
#app header .appNav .home main .r6 .inner .group .box .layer-topic .right,
.home main .r6 .inner .group .box .layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r6 .inner .group .box .layer-topic .set,
.home main .r6 .inner .group .box .layer-topic #app footer .btm .other,
#app footer .btm .home main .r6 .inner .group .box .layer-topic .other,
.home main .r6 .inner .group .box .layer-topic .load .content,
.load .home main .r6 .inner .group .box .layer-topic .content,
.home main .r6 .banner .inner .group .box .layer-topic .other .col .list,
.home main .banner .r6 .inner .group .box .layer-topic .other .col .list,
.home main .r6 .banner .inner .other .col .group .box .layer-topic .list,
.home main .banner .r6 .inner .other .col .group .box .layer-topic .list,
.home main .r6 .inner .group .box .layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r6 .inner .group .box .layer-topic h2,
.home main .r6 .r2 .inner .group .box .layer-topic .msg h2,
.home main .r2 .r6 .inner .group .box .layer-topic .msg h2,
.home main .r6 .r2 .inner .group .msg .box .layer-topic h2,
.home main .r2 .r6 .inner .group .msg .box .layer-topic h2,
.home main .r6 .inner .group .box .layer-topic .r3 .clear .step,
.home main .r3 .clear .r6 .inner .group .box .layer-topic .step,
.home main .r6 .r3 .inner .group .box .layer-topic .part .content .mid .layer-photo,
.home main .r3 .r6 .inner .group .box .layer-topic .part .content .mid .layer-photo,
.home main .r6 .r3 .inner .part .content .mid .group .box .layer-topic .layer-photo,
.home main .r3 .r6 .inner .part .content .mid .group .box .layer-topic .layer-photo,
.home main .r6 .inner .group .box .layer-topic .r5 .inner>.bg,
.home main .r5 .r6 .inner .group .box .layer-topic .inner>.bg,
.home main .r6 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-topic .layer-icon,
.home main .r5 .r6 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-topic .layer-icon {
    background-color: var(--white);
    padding-right: .5rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.home main .r6 .inner .group .box .layer-topic .fxc h2,
.home main .r6 .r10 .inner .group .box .layer-topic .swiper-wrapper .swiper-slide .top h2,
.home main .r10 .r6 .inner .group .box .layer-topic .swiper-wrapper .swiper-slide .top h2,
.home main .r6 .r10 .inner .group .box .swiper-wrapper .swiper-slide .layer-topic .top h2,
.home main .r10 .r6 .inner .group .box .swiper-wrapper .swiper-slide .layer-topic .top h2,
.home main .r6 .inner .group .box .layer-topic [data-text] h2,
.home main .r6 .inner .group .box .layer-topic.left [data-text] h2,
.home main .r6 .inner .group .box .layer-topic .layer-btn h2,
.home main .r6 .inner .group .box .layer-topic .layer-btn .txt h2,
.layer-btn .home main .r6 .inner .group .box .layer-topic .txt h2,
.home main .r6 .inner .group .box .layer-topic .layer-btn .arrow h2,
.layer-btn .home main .r6 .inner .group .box .layer-topic .arrow h2,
.home main .r6 .inner .group .box .layer-topic .layer-button .txt h2,
.layer-button .home main .r6 .inner .group .box .layer-topic .txt h2,
.home main .r6 .inner .group .box .layer-topic .layer-cir h2,
.home main .r6 .inner .group .box .layer-topic .layer-pop h2,
.home main .r6 .inner .group .box .layer-topic .layer-media .inner h2,
.layer-media .home main .r6 .inner .group .box .layer-topic .inner h2,
.home main .r6 .inner .group .box .layer-topic .layer-check h2,
.home main .r6 .inner .group .box .layer-topic .layer-toast h2,
.home main .r6 .inner .group .box .layer-topic .cursor--group .cursor--inner>.arrow h2,
.cursor--group .home main .r6 .inner .group .box .layer-topic .cursor--inner>.arrow h2,
.home main .r6 .inner .group .box .layer-topic .layer-mouse h2,
.home main .r6 .inner .group .box .layer-topic #app header .pcNav .right h2,
#app header .pcNav .home main .r6 .inner .group .box .layer-topic .right h2,
.home main .r6 .inner .group .box .layer-topic #app header .appNav .right h2,
#app header .appNav .home main .r6 .inner .group .box .layer-topic .right h2,
#app header .appNav .right .home main .r6 .inner .group .box .layer-topic .set h2,
.home main .r6 .inner .group .box .layer-topic #app footer .btm .other h2,
#app footer .btm .home main .r6 .inner .group .box .layer-topic .other h2,
.home main .r6 .inner .group .box .layer-topic .load .content h2,
.load .home main .r6 .inner .group .box .layer-topic .content h2,
.home main .r6 .banner .inner .group .box .layer-topic .other .col .list h2,
.home main .banner .r6 .inner .group .box .layer-topic .other .col .list h2,
.home main .r6 .banner .inner .other .col .group .box .layer-topic .list h2,
.home main .banner .r6 .inner .other .col .group .box .layer-topic .list h2,
.home main .r6 .inner .group .box .layer-topic .r1 .other .part .col h2 h2,
.home main .r1 .other .part .col .r6 .inner .group .box .layer-topic h2 h2,
.home main .r6 .r2 .inner .group .box .layer-topic .msg h2 h2,
.home main .r2 .r6 .inner .group .box .layer-topic .msg h2 h2,
.home main .r6 .r2 .inner .group .msg .box .layer-topic h2 h2,
.home main .r2 .r6 .inner .group .msg .box .layer-topic h2 h2,
.home main .r6 .inner .group .box .layer-topic .r3 .clear .step h2,
.home main .r3 .clear .r6 .inner .group .box .layer-topic .step h2,
.home main .r6 .r3 .inner .group .box .layer-topic .part .content .mid .layer-photo h2,
.home main .r3 .r6 .inner .group .box .layer-topic .part .content .mid .layer-photo h2,
.home main .r6 .r3 .inner .part .content .mid .group .box .layer-topic .layer-photo h2,
.home main .r3 .r6 .inner .part .content .mid .group .box .layer-topic .layer-photo h2,
.home main .r6 .inner .group .box .layer-topic .r5 .inner>.bg h2,
.home main .r5 .r6 .inner .group .box .layer-topic .inner>.bg h2,
.home main .r6 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-topic .layer-icon h2,
.home main .r5 .r6 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-topic .layer-icon h2 {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r6 .inner .group .box .rect {
    position: relative;
    width: 100%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center 80%;
    mask-position: center 80%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 1s var(--ease2), -webkit-transform 1s var(--ease2);
    transition: opacity 1s var(--ease2), -webkit-transform 1s var(--ease2);
    transition: opacity 1s var(--ease2), transform 1s var(--ease2);
    transition: opacity 1s var(--ease2), transform 1s var(--ease2), -webkit-transform 1s var(--ease2)
}

.home main .r6 .inner .group .box .rect .svgRect {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.home main .r6 .inner .group .box .rect .person {
    max-width: 100%;
    position: relative;
    z-index: 5;
    display: block;
    object-fit: contain;
    -webkit-transition: opacity 1s var(--ease), -webkit-transform 1.8s var(--ease2);
    transition: opacity 1s var(--ease), -webkit-transform 1.8s var(--ease2);
    transition: opacity 1s var(--ease), transform 1.8s var(--ease2);
    transition: opacity 1s var(--ease), transform 1.8s var(--ease2), -webkit-transform 1.8s var(--ease2);
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0)
}

.home main .r6 .inner .group .box .rect .person.logo-bg {
    position: absolute;
    top: 1rem;
    left: 0;
    z-index: 1;
    opacity: 1;
    transform: none
}

.home main .r6 .inner .group .box .rect .person.person-img {
    position: relative;
    z-index: 5;
    margin-top: 1rem;
    max-width: none;
    width: 120%;
    margin-left: -10%;
    margin-right: auto
}

.home main .r6 .inner .group .box .rect.go {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translateZ(0) !important
}

.home main .r6 .inner .group .box .rect.go .person {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.home main .r6 .inner .group>.mid {
    width: 6.7rem;
    position: relative
}

.home main .r6 .inner .group>.mid>.layer-topic {
    position: absolute;
    left: 20%;
    bottom: .3rem
}

.home main .r6 .inner .group>.mid>.layer-topic .fxc,
.home main .r6 .r10 .inner .group>.mid>.layer-topic .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .r6 .inner .group>.mid>.layer-topic .box .swiper-wrapper .swiper-slide .top,
.home main .r6 .inner .group>.mid>.layer-topic [data-text],
.home main .r6 .inner .group>.mid>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r6 .inner .group>.mid>.layer-topic [data-text],
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn .txt,
.layer-btn .home main .r6 .inner .group>.mid>.layer-topic .txt,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r6 .inner .group>.mid>.layer-topic .arrow,
.home main .r6 .inner .group>.mid>.layer-topic .layer-button .txt,
.layer-button .home main .r6 .inner .group>.mid>.layer-topic .txt,
.home main .r6 .inner .group>.mid>.layer-topic .layer-cir,
.home main .r6 .inner .group>.mid>.layer-topic .layer-pop,
.home main .r6 .inner .group>.mid>.layer-topic .layer-media .inner,
.layer-media .home main .r6 .inner .group>.mid>.layer-topic .inner,
.home main .r6 .inner .group>.mid>.layer-topic .layer-check,
.home main .r6 .inner .group>.mid>.layer-topic .layer-toast,
.home main .r6 .inner .group>.mid>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r6 .inner .group>.mid>.layer-topic .cursor--inner>.arrow,
.home main .r6 .inner .group>.mid>.layer-topic .layer-mouse,
.home main .r6 .inner .group>.mid>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r6 .inner .group>.mid>.layer-topic .right,
.home main .r6 .inner .group>.mid>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r6 .inner .group>.mid>.layer-topic .right,
.home main .r6 .inner .group>.mid>.layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r6 .inner .group>.mid>.layer-topic .set,
.home main .r6 .inner .group>.mid>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r6 .inner .group>.mid>.layer-topic .other,
.home main .r6 .inner .group>.mid>.layer-topic .load .content,
.load .home main .r6 .inner .group>.mid>.layer-topic .content,
.home main .r6 .banner .inner .group>.mid>.layer-topic .other .col .list,
.home main .banner .r6 .inner .group>.mid>.layer-topic .other .col .list,
.home main .r6 .banner .inner .other .col .group>.mid>.layer-topic .list,
.home main .banner .r6 .inner .other .col .group>.mid>.layer-topic .list,
.home main .r6 .inner .group>.mid>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r6 .inner .group>.mid>.layer-topic h2,
.home main .r6 .r2 .inner .group>.mid>.layer-topic .msg h2,
.home main .r2 .r6 .inner .group>.mid>.layer-topic .msg h2,
.home main .r6 .inner .group>.mid>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r6 .inner .group>.mid>.layer-topic .step,
.home main .r6 .r3 .inner .part .content .group>.mid>.layer-topic .layer-photo,
.home main .r3 .r6 .inner .part .content .group>.mid>.layer-topic .layer-photo,
.home main .r6 .inner .group>.mid>.layer-topic .r5 .inner>.bg,
.home main .r5 .r6 .inner .group>.mid>.layer-topic .inner>.bg,
.home main .r6 .r5 .inner .group>.mid>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .r6 .inner .group>.mid>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding-right: 0
}

.home main .r6 .inner .group>.mid>.layer-topic .fxc h3,
.home main .r6 .r10 .inner .group>.mid>.layer-topic .box .swiper-wrapper .swiper-slide .top h3,
.home main .r10 .r6 .inner .group>.mid>.layer-topic .box .swiper-wrapper .swiper-slide .top h3,
.home main .r6 .inner .group>.mid>.layer-topic [data-text] h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-topic.left [data-text] h3,
.layer-topic.left .home main .r6 .inner .group>.mid>.layer-topic [data-text] h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn .txt h3,
.layer-btn .home main .r6 .inner .group>.mid>.layer-topic .txt h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn .arrow h3,
.layer-btn .home main .r6 .inner .group>.mid>.layer-topic .arrow h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-button .txt h3,
.layer-button .home main .r6 .inner .group>.mid>.layer-topic .txt h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-cir h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-pop h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-media .inner h3,
.layer-media .home main .r6 .inner .group>.mid>.layer-topic .inner h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-check h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-toast h3,
.home main .r6 .inner .group>.mid>.layer-topic .cursor--group .cursor--inner>.arrow h3,
.cursor--group .home main .r6 .inner .group>.mid>.layer-topic .cursor--inner>.arrow h3,
.home main .r6 .inner .group>.mid>.layer-topic .layer-mouse h3,
.home main .r6 .inner .group>.mid>.layer-topic #app header .pcNav .right h3,
#app header .pcNav .home main .r6 .inner .group>.mid>.layer-topic .right h3,
.home main .r6 .inner .group>.mid>.layer-topic #app header .appNav .right h3,
#app header .appNav .home main .r6 .inner .group>.mid>.layer-topic .right h3,
#app header .appNav .right .home main .r6 .inner .group>.mid>.layer-topic .set h3,
.home main .r6 .inner .group>.mid>.layer-topic #app footer .btm .other h3,
#app footer .btm .home main .r6 .inner .group>.mid>.layer-topic .other h3,
.home main .r6 .inner .group>.mid>.layer-topic .load .content h3,
.load .home main .r6 .inner .group>.mid>.layer-topic .content h3,
.home main .r6 .banner .inner .group>.mid>.layer-topic .other .col .list h3,
.home main .banner .r6 .inner .group>.mid>.layer-topic .other .col .list h3,
.home main .r6 .banner .inner .other .col .group>.mid>.layer-topic .list h3,
.home main .banner .r6 .inner .other .col .group>.mid>.layer-topic .list h3,
.home main .r6 .inner .group>.mid>.layer-topic .r1 .other .part .col h2 h3,
.home main .r1 .other .part .col .r6 .inner .group>.mid>.layer-topic h2 h3,
.home main .r6 .r2 .inner .group>.mid>.layer-topic .msg h2 h3,
.home main .r2 .r6 .inner .group>.mid>.layer-topic .msg h2 h3,
.home main .r6 .inner .group>.mid>.layer-topic .r3 .clear .step h3,
.home main .r3 .clear .r6 .inner .group>.mid>.layer-topic .step h3,
.home main .r6 .r3 .inner .part .content .group>.mid>.layer-topic .layer-photo h3,
.home main .r3 .r6 .inner .part .content .group>.mid>.layer-topic .layer-photo h3,
.home main .r6 .inner .group>.mid>.layer-topic .r5 .inner>.bg h3,
.home main .r5 .r6 .inner .group>.mid>.layer-topic .inner>.bg h3,
.home main .r6 .r5 .inner .group>.mid>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h3,
.home main .r5 .r6 .inner .group>.mid>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h3 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 2rem;
    mask-size: 2rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 20% 50%;
    mask-position: 20% 50%;
    position: relative;
    z-index: 6;
    display: none
}

.home main .r6 .inner .group>.mid>.layer-topic .fxc .above,
.home main .r6 .r10 .inner .group>.mid>.layer-topic .box .swiper-wrapper .swiper-slide .top .above,
.home main .r10 .r6 .inner .group>.mid>.layer-topic .box .swiper-wrapper .swiper-slide .top .above,
.home main .r6 .inner .group>.mid>.layer-topic [data-text] .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-topic.left [data-text] .above,
.layer-topic.left .home main .r6 .inner .group>.mid>.layer-topic [data-text] .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn .txt .above,
.layer-btn .home main .r6 .inner .group>.mid>.layer-topic .txt .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-btn .arrow .above,
.layer-btn .home main .r6 .inner .group>.mid>.layer-topic .arrow .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-button .txt .above,
.layer-button .home main .r6 .inner .group>.mid>.layer-topic .txt .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-cir .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-pop .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-media .inner .above,
.layer-media .home main .r6 .inner .group>.mid>.layer-topic .inner .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-check .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-toast .above,
.home main .r6 .inner .group>.mid>.layer-topic .cursor--group .cursor--inner>.arrow .above,
.cursor--group .home main .r6 .inner .group>.mid>.layer-topic .cursor--inner>.arrow .above,
.home main .r6 .inner .group>.mid>.layer-topic .layer-mouse .above,
.home main .r6 .inner .group>.mid>.layer-topic #app header .pcNav .right .above,
#app header .pcNav .home main .r6 .inner .group>.mid>.layer-topic .right .above,
.home main .r6 .inner .group>.mid>.layer-topic #app header .appNav .right .above,
#app header .appNav .home main .r6 .inner .group>.mid>.layer-topic .right .above,
#app header .appNav .right .home main .r6 .inner .group>.mid>.layer-topic .set .above,
.home main .r6 .inner .group>.mid>.layer-topic #app footer .btm .other .above,
#app footer .btm .home main .r6 .inner .group>.mid>.layer-topic .other .above,
.home main .r6 .inner .group>.mid>.layer-topic .load .content .above,
.load .home main .r6 .inner .group>.mid>.layer-topic .content .above,
.home main .r6 .banner .inner .group>.mid>.layer-topic .other .col .list .above,
.home main .banner .r6 .inner .group>.mid>.layer-topic .other .col .list .above,
.home main .r6 .banner .inner .other .col .group>.mid>.layer-topic .list .above,
.home main .banner .r6 .inner .other .col .group>.mid>.layer-topic .list .above,
.home main .r6 .inner .group>.mid>.layer-topic .r1 .other .part .col h2 .above,
.home main .r1 .other .part .col .r6 .inner .group>.mid>.layer-topic h2 .above,
.home main .r6 .r2 .inner .group>.mid>.layer-topic .msg h2 .above,
.home main .r2 .r6 .inner .group>.mid>.layer-topic .msg h2 .above,
.home main .r6 .inner .group>.mid>.layer-topic .r3 .clear .step .above,
.home main .r3 .clear .r6 .inner .group>.mid>.layer-topic .step .above,
.home main .r6 .r3 .inner .part .content .group>.mid>.layer-topic .layer-photo .above,
.home main .r3 .r6 .inner .part .content .group>.mid>.layer-topic .layer-photo .above,
.home main .r6 .inner .group>.mid>.layer-topic .r5 .inner>.bg .above,
.home main .r5 .r6 .inner .group>.mid>.layer-topic .inner>.bg .above,
.home main .r6 .r5 .inner .group>.mid>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above,
.home main .r5 .r6 .inner .group>.mid>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r6 .inner .group>.mid>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r6 .inner .group>.mid .rect {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
}

.home main .r6 .inner .group>.mid .rect .person {
    height: 10rem
}

.home main .r6 .inner .group>.left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.5rem
}

.home main .r6 .inner .group>.left .layer-topic {
    position: absolute;
    left: 0;
    bottom: calc(100% + .3rem)
}

.home main .r6 .inner .group>.left .rect {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.home main .r6 .inner .group>.left .rect .person {
    height: 4.8rem
}

.home main .r6 .inner .group>.right {
    position: absolute;
    right: 0;
    top: 0;
    width: 4.7rem
}

.home main .r6 .inner .group>.right>.layer-topic {
    position: relative;
    margin-top: .3rem;
    padding-left: .9rem
}

.home main .r6 .inner .group>.right>.layer-topic .fxc,
.home main .r6 .r10 .inner .group>.right>.layer-topic .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .r6 .inner .group>.right>.layer-topic .box .swiper-wrapper .swiper-slide .top,
.home main .r6 .inner .group>.right>.layer-topic [data-text],
.home main .r6 .inner .group>.right>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r6 .inner .group>.right>.layer-topic [data-text],
.home main .r6 .inner .group>.right>.layer-topic .layer-btn,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn .txt,
.layer-btn .home main .r6 .inner .group>.right>.layer-topic .txt,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r6 .inner .group>.right>.layer-topic .arrow,
.home main .r6 .inner .group>.right>.layer-topic .layer-button .txt,
.layer-button .home main .r6 .inner .group>.right>.layer-topic .txt,
.home main .r6 .inner .group>.right>.layer-topic .layer-cir,
.home main .r6 .inner .group>.right>.layer-topic .layer-pop,
.home main .r6 .inner .group>.right>.layer-topic .layer-media .inner,
.layer-media .home main .r6 .inner .group>.right>.layer-topic .inner,
.home main .r6 .inner .group>.right>.layer-topic .layer-check,
.home main .r6 .inner .group>.right>.layer-topic .layer-toast,
.home main .r6 .inner .group>.right>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r6 .inner .group>.right>.layer-topic .cursor--inner>.arrow,
.home main .r6 .inner .group>.right>.layer-topic .layer-mouse,
.home main .r6 .inner .group>.right>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r6 .inner .group>.right>.layer-topic .right,
.home main .r6 .inner .group>.right>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r6 .inner .group>.right>.layer-topic .right,
.home main .r6 .inner #app header .appNav .group>.right>.layer-topic .set,
#app header .appNav .home main .r6 .inner .group>.right>.layer-topic .set,
.home main .r6 .inner .group>.right>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r6 .inner .group>.right>.layer-topic .other,
.home main .r6 .inner .group>.right>.layer-topic .load .content,
.load .home main .r6 .inner .group>.right>.layer-topic .content,
.home main .r6 .banner .inner .group>.right>.layer-topic .other .col .list,
.home main .banner .r6 .inner .group>.right>.layer-topic .other .col .list,
.home main .r6 .banner .inner .other .col .group>.right>.layer-topic .list,
.home main .banner .r6 .inner .other .col .group>.right>.layer-topic .list,
.home main .r6 .inner .group>.right>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r6 .inner .group>.right>.layer-topic h2,
.home main .r6 .r2 .inner .group>.right>.layer-topic .msg h2,
.home main .r2 .r6 .inner .group>.right>.layer-topic .msg h2,
.home main .r6 .inner .group>.right>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r6 .inner .group>.right>.layer-topic .step,
.home main .r6 .r3 .inner .group>.right>.layer-topic .part .content .mid .layer-photo,
.home main .r3 .r6 .inner .group>.right>.layer-topic .part .content .mid .layer-photo,
.home main .r6 .r3 .inner .part .content .mid .group>.right>.layer-topic .layer-photo,
.home main .r3 .r6 .inner .part .content .mid .group>.right>.layer-topic .layer-photo,
.home main .r6 .inner .group>.right>.layer-topic .r5 .inner>.bg,
.home main .r5 .r6 .inner .group>.right>.layer-topic .inner>.bg,
.home main .r6 .r5 .inner .group>.right>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .r6 .inner .group>.right>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding-right: 0
}

.home main .r6 .inner .group>.right>.layer-topic .fxc h3,
.home main .r6 .r10 .inner .group>.right>.layer-topic .box .swiper-wrapper .swiper-slide .top h3,
.home main .r10 .r6 .inner .group>.right>.layer-topic .box .swiper-wrapper .swiper-slide .top h3,
.home main .r6 .inner .group>.right>.layer-topic [data-text] h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-topic.left [data-text] h3,
.layer-topic.left .home main .r6 .inner .group>.right>.layer-topic [data-text] h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn .txt h3,
.layer-btn .home main .r6 .inner .group>.right>.layer-topic .txt h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn .arrow h3,
.layer-btn .home main .r6 .inner .group>.right>.layer-topic .arrow h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-button .txt h3,
.layer-button .home main .r6 .inner .group>.right>.layer-topic .txt h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-cir h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-pop h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-media .inner h3,
.layer-media .home main .r6 .inner .group>.right>.layer-topic .inner h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-check h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-toast h3,
.home main .r6 .inner .group>.right>.layer-topic .cursor--group .cursor--inner>.arrow h3,
.cursor--group .home main .r6 .inner .group>.right>.layer-topic .cursor--inner>.arrow h3,
.home main .r6 .inner .group>.right>.layer-topic .layer-mouse h3,
.home main .r6 .inner .group>.right>.layer-topic #app header .pcNav .right h3,
#app header .pcNav .home main .r6 .inner .group>.right>.layer-topic .right h3,
.home main .r6 .inner .group>.right>.layer-topic #app header .appNav .right h3,
#app header .appNav .home main .r6 .inner .group>.right>.layer-topic .right h3,
.home main .r6 .inner #app header .appNav .group>.right>.layer-topic .set h3,
#app header .appNav .home main .r6 .inner .group>.right>.layer-topic .set h3,
.home main .r6 .inner .group>.right>.layer-topic #app footer .btm .other h3,
#app footer .btm .home main .r6 .inner .group>.right>.layer-topic .other h3,
.home main .r6 .inner .group>.right>.layer-topic .load .content h3,
.load .home main .r6 .inner .group>.right>.layer-topic .content h3,
.home main .r6 .banner .inner .group>.right>.layer-topic .other .col .list h3,
.home main .banner .r6 .inner .group>.right>.layer-topic .other .col .list h3,
.home main .r6 .banner .inner .other .col .group>.right>.layer-topic .list h3,
.home main .banner .r6 .inner .other .col .group>.right>.layer-topic .list h3,
.home main .r6 .inner .group>.right>.layer-topic .r1 .other .part .col h2 h3,
.home main .r1 .other .part .col .r6 .inner .group>.right>.layer-topic h2 h3,
.home main .r6 .r2 .inner .group>.right>.layer-topic .msg h2 h3,
.home main .r2 .r6 .inner .group>.right>.layer-topic .msg h2 h3,
.home main .r6 .inner .group>.right>.layer-topic .r3 .clear .step h3,
.home main .r3 .clear .r6 .inner .group>.right>.layer-topic .step h3,
.home main .r6 .r3 .inner .group>.right>.layer-topic .part .content .mid .layer-photo h3,
.home main .r3 .r6 .inner .group>.right>.layer-topic .part .content .mid .layer-photo h3,
.home main .r6 .r3 .inner .part .content .mid .group>.right>.layer-topic .layer-photo h3,
.home main .r3 .r6 .inner .part .content .mid .group>.right>.layer-topic .layer-photo h3,
.home main .r6 .inner .group>.right>.layer-topic .r5 .inner>.bg h3,
.home main .r5 .r6 .inner .group>.right>.layer-topic .inner>.bg h3,
.home main .r6 .r5 .inner .group>.right>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h3,
.home main .r5 .r6 .inner .group>.right>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h3 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 2.6rem;
    mask-size: 2.6rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: .2rem 50%;
    mask-position: .2rem 50%;
    position: relative;
    z-index: 6;
    display: none
}

.home main .r6 .inner .group>.right>.layer-topic .fxc .above,
.home main .r6 .r10 .inner .group>.right>.layer-topic .box .swiper-wrapper .swiper-slide .top .above,
.home main .r10 .r6 .inner .group>.right>.layer-topic .box .swiper-wrapper .swiper-slide .top .above,
.home main .r6 .inner .group>.right>.layer-topic [data-text] .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-topic.left [data-text] .above,
.layer-topic.left .home main .r6 .inner .group>.right>.layer-topic [data-text] .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn .txt .above,
.layer-btn .home main .r6 .inner .group>.right>.layer-topic .txt .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-btn .arrow .above,
.layer-btn .home main .r6 .inner .group>.right>.layer-topic .arrow .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-button .txt .above,
.layer-button .home main .r6 .inner .group>.right>.layer-topic .txt .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-cir .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-pop .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-media .inner .above,
.layer-media .home main .r6 .inner .group>.right>.layer-topic .inner .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-check .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-toast .above,
.home main .r6 .inner .group>.right>.layer-topic .cursor--group .cursor--inner>.arrow .above,
.cursor--group .home main .r6 .inner .group>.right>.layer-topic .cursor--inner>.arrow .above,
.home main .r6 .inner .group>.right>.layer-topic .layer-mouse .above,
.home main .r6 .inner .group>.right>.layer-topic #app header .pcNav .right .above,
#app header .pcNav .home main .r6 .inner .group>.right>.layer-topic .right .above,
.home main .r6 .inner .group>.right>.layer-topic #app header .appNav .right .above,
#app header .appNav .home main .r6 .inner .group>.right>.layer-topic .right .above,
.home main .r6 .inner #app header .appNav .group>.right>.layer-topic .set .above,
#app header .appNav .home main .r6 .inner .group>.right>.layer-topic .set .above,
.home main .r6 .inner .group>.right>.layer-topic #app footer .btm .other .above,
#app footer .btm .home main .r6 .inner .group>.right>.layer-topic .other .above,
.home main .r6 .inner .group>.right>.layer-topic .load .content .above,
.load .home main .r6 .inner .group>.right>.layer-topic .content .above,
.home main .r6 .banner .inner .group>.right>.layer-topic .other .col .list .above,
.home main .banner .r6 .inner .group>.right>.layer-topic .other .col .list .above,
.home main .r6 .banner .inner .other .col .group>.right>.layer-topic .list .above,
.home main .banner .r6 .inner .other .col .group>.right>.layer-topic .list .above,
.home main .r6 .inner .group>.right>.layer-topic .r1 .other .part .col h2 .above,
.home main .r1 .other .part .col .r6 .inner .group>.right>.layer-topic h2 .above,
.home main .r6 .r2 .inner .group>.right>.layer-topic .msg h2 .above,
.home main .r2 .r6 .inner .group>.right>.layer-topic .msg h2 .above,
.home main .r6 .inner .group>.right>.layer-topic .r3 .clear .step .above,
.home main .r3 .clear .r6 .inner .group>.right>.layer-topic .step .above,
.home main .r6 .r3 .inner .group>.right>.layer-topic .part .content .mid .layer-photo .above,
.home main .r3 .r6 .inner .group>.right>.layer-topic .part .content .mid .layer-photo .above,
.home main .r6 .r3 .inner .part .content .mid .group>.right>.layer-topic .layer-photo .above,
.home main .r3 .r6 .inner .part .content .mid .group>.right>.layer-topic .layer-photo .above,
.home main .r6 .inner .group>.right>.layer-topic .r5 .inner>.bg .above,
.home main .r5 .r6 .inner .group>.right>.layer-topic .inner>.bg .above,
.home main .r6 .r5 .inner .group>.right>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above,
.home main .r5 .r6 .inner .group>.right>.layer-topic .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r6 .inner .group>.right>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r6 .inner .group>.right .rect {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0) rotate(10deg);
    transform: translate3d(-10%, 0, 0) rotate(10deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.home main .r6 .inner .group>.right .rect .person {
    height: 4.7rem
}

.home main .r7 {
    background-color: var(--white);
    overflow: hidden
}

.home main .r7 .inner {
    padding-top: 1.2rem;
    padding-bottom: 1.4rem
}

.home main .r7 .inner>.layer-topic {
    margin-bottom: .6rem
}

.home main .r7 .inner>.layer-topic .fxc,
.home main .r7 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .r7 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r7 .inner>.layer-topic [data-text],
.home main .r7 .inner>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r7 .inner>.layer-topic [data-text],
.home main .r7 .inner>.layer-topic .layer-btn,
.home main .r7 .inner>.layer-topic .layer-btn .txt,
.layer-btn .home main .r7 .inner>.layer-topic .txt,
.home main .r7 .inner>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r7 .inner>.layer-topic .arrow,
.home main .r7 .inner>.layer-topic .layer-button .txt,
.layer-button .home main .r7 .inner>.layer-topic .txt,
.home main .r7 .inner>.layer-topic .layer-cir,
.home main .r7 .inner>.layer-topic .layer-pop,
.home main .r7 .inner>.layer-topic .layer-media .inner,
.layer-media .home main .r7 .inner>.layer-topic .inner,
.home main .r7 .inner>.layer-topic .layer-check,
.home main .r7 .inner>.layer-topic .layer-toast,
.home main .r7 .inner>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r7 .inner>.layer-topic .cursor--inner>.arrow,
.home main .r7 .inner>.layer-topic .layer-mouse,
.home main .r7 .inner>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r7 .inner>.layer-topic .right,
.home main .r7 .inner>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r7 .inner>.layer-topic .right,
.home main .r7 .inner>.layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r7 .inner>.layer-topic .set,
.home main .r7 .inner>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r7 .inner>.layer-topic .other,
.home main .r7 .inner>.layer-topic .load .content,
.load .home main .r7 .inner>.layer-topic .content,
.home main .r7 .banner .inner>.layer-topic .other .col .list,
.home main .banner .r7 .inner>.layer-topic .other .col .list,
.home main .r7 .inner>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r7 .inner>.layer-topic h2,
.home main .r7 .r2 .inner>.layer-topic .group .msg h2,
.home main .r2 .r7 .inner>.layer-topic .group .msg h2,
.home main .r7 .inner>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r7 .inner>.layer-topic .step,
.home main .r7 .r3 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r3 .r7 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r7 .inner>.layer-topic .r5 .inner>.bg,
.home main .r5 .r7 .inner>.layer-topic .inner>.bg,
.home main .r7 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .r7 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    background-color: var(--white);
    padding: 0 .2rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.home main .r7 .inner>.layer-topic .fxc h2,
.home main .r7 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r10 .r7 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r7 .inner>.layer-topic [data-text] h2,
.home main .r7 .inner>.layer-topic .layer-topic.left [data-text] h2,
.layer-topic.left .home main .r7 .inner>.layer-topic [data-text] h2,
.home main .r7 .inner>.layer-topic .layer-btn h2,
.home main .r7 .inner>.layer-topic .layer-btn .txt h2,
.layer-btn .home main .r7 .inner>.layer-topic .txt h2,
.home main .r7 .inner>.layer-topic .layer-btn .arrow h2,
.layer-btn .home main .r7 .inner>.layer-topic .arrow h2,
.home main .r7 .inner>.layer-topic .layer-button .txt h2,
.layer-button .home main .r7 .inner>.layer-topic .txt h2,
.home main .r7 .inner>.layer-topic .layer-cir h2,
.home main .r7 .inner>.layer-topic .layer-pop h2,
.home main .r7 .inner>.layer-topic .layer-media .inner h2,
.layer-media .home main .r7 .inner>.layer-topic .inner h2,
.home main .r7 .inner>.layer-topic .layer-check h2,
.home main .r7 .inner>.layer-topic .layer-toast h2,
.home main .r7 .inner>.layer-topic .cursor--group .cursor--inner>.arrow h2,
.cursor--group .home main .r7 .inner>.layer-topic .cursor--inner>.arrow h2,
.home main .r7 .inner>.layer-topic .layer-mouse h2,
.home main .r7 .inner>.layer-topic #app header .pcNav .right h2,
#app header .pcNav .home main .r7 .inner>.layer-topic .right h2,
.home main .r7 .inner>.layer-topic #app header .appNav .right h2,
#app header .appNav .home main .r7 .inner>.layer-topic .right h2,
#app header .appNav .right .home main .r7 .inner>.layer-topic .set h2,
.home main .r7 .inner>.layer-topic #app footer .btm .other h2,
#app footer .btm .home main .r7 .inner>.layer-topic .other h2,
.home main .r7 .inner>.layer-topic .load .content h2,
.load .home main .r7 .inner>.layer-topic .content h2,
.home main .r7 .banner .inner>.layer-topic .other .col .list h2,
.home main .banner .r7 .inner>.layer-topic .other .col .list h2,
.home main .r7 .inner>.layer-topic .r1 .other .part .col h2 h2,
.home main .r1 .other .part .col .r7 .inner>.layer-topic h2 h2,
.home main .r7 .r2 .inner>.layer-topic .group .msg h2 h2,
.home main .r2 .r7 .inner>.layer-topic .group .msg h2 h2,
.home main .r7 .inner>.layer-topic .r3 .clear .step h2,
.home main .r3 .clear .r7 .inner>.layer-topic .step h2,
.home main .r7 .r3 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r3 .r7 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r7 .inner>.layer-topic .r5 .inner>.bg h2,
.home main .r5 .r7 .inner>.layer-topic .inner>.bg h2,
.home main .r7 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2,
.home main .r5 .r7 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2 {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r7 .inner>.layer-topic .fxc .txtMask,
.home main .r7 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .txtMask,
.home main .r10 .r7 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .txtMask,
.home main .r7 .inner>.layer-topic [data-text] .txtMask,
.home main .r7 .inner>.layer-topic .layer-topic.left [data-text] .txtMask,
.layer-topic.left .home main .r7 .inner>.layer-topic [data-text] .txtMask,
.home main .r7 .inner>.layer-topic .layer-btn .txtMask,
.home main .r7 .inner>.layer-topic .layer-btn .txt .txtMask,
.layer-btn .home main .r7 .inner>.layer-topic .txt .txtMask,
.home main .r7 .inner>.layer-topic .layer-btn .arrow .txtMask,
.layer-btn .home main .r7 .inner>.layer-topic .arrow .txtMask,
.home main .r7 .inner>.layer-topic .layer-button .txt .txtMask,
.layer-button .home main .r7 .inner>.layer-topic .txt .txtMask,
.home main .r7 .inner>.layer-topic .layer-cir .txtMask,
.home main .r7 .inner>.layer-topic .layer-pop .txtMask,
.home main .r7 .inner>.layer-topic .layer-media .inner .txtMask,
.layer-media .home main .r7 .inner>.layer-topic .inner .txtMask,
.home main .r7 .inner>.layer-topic .layer-check .txtMask,
.home main .r7 .inner>.layer-topic .layer-toast .txtMask,
.home main .r7 .inner>.layer-topic .cursor--group .cursor--inner>.arrow .txtMask,
.cursor--group .home main .r7 .inner>.layer-topic .cursor--inner>.arrow .txtMask,
.home main .r7 .inner>.layer-topic .layer-mouse .txtMask,
.home main .r7 .inner>.layer-topic #app header .pcNav .right .txtMask,
#app header .pcNav .home main .r7 .inner>.layer-topic .right .txtMask,
.home main .r7 .inner>.layer-topic #app header .appNav .right .txtMask,
#app header .appNav .home main .r7 .inner>.layer-topic .right .txtMask,
#app header .appNav .right .home main .r7 .inner>.layer-topic .set .txtMask,
.home main .r7 .inner>.layer-topic #app footer .btm .other .txtMask,
#app footer .btm .home main .r7 .inner>.layer-topic .other .txtMask,
.home main .r7 .inner>.layer-topic .load .content .txtMask,
.load .home main .r7 .inner>.layer-topic .content .txtMask,
.home main .r7 .banner .inner>.layer-topic .other .col .list .txtMask,
.home main .banner .r7 .inner>.layer-topic .other .col .list .txtMask,
.home main .r7 .inner>.layer-topic .r1 .other .part .col h2 .txtMask,
.home main .r1 .other .part .col .r7 .inner>.layer-topic h2 .txtMask,
.home main .r7 .r2 .inner>.layer-topic .group .msg h2 .txtMask,
.home main .r2 .r7 .inner>.layer-topic .group .msg h2 .txtMask,
.home main .r7 .inner>.layer-topic .r3 .clear .step .txtMask,
.home main .r3 .clear .r7 .inner>.layer-topic .step .txtMask,
.home main .r7 .r3 .inner>.layer-topic .part .content .mid .layer-photo .txtMask,
.home main .r3 .r7 .inner>.layer-topic .part .content .mid .layer-photo .txtMask,
.home main .r7 .inner>.layer-topic .r5 .inner>.bg .txtMask,
.home main .r5 .r7 .inner>.layer-topic .inner>.bg .txtMask,
.home main .r7 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .txtMask,
.home main .r5 .r7 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .txtMask {
    position: absolute;
    width: 4rem;
    z-index: 10;
    top: -1.2rem;
    left: 2.7rem;
    mix-blend-mode: screen
}

.home main .r7 .inner>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r7 .inner .group .part .swiper {
    display: grid;
    grid-auto-flow: column;
    margin-bottom: .4rem;
    position: relative
}

.home main .r7 .inner .group .part .swiper:last-of-type {
    margin-bottom: 0
}

.home main .r7 .inner .group .part .swiper .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide {
    padding-right: .4rem;
    width: 5.3rem
}

.home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide .box {
    width: 100%;
    border-radius: .3rem;
    height: 3rem;
    background-color: #e5f3ff;
    padding: .2rem .2rem .4rem .3rem
}

.home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide .box .top {
    height: 1rem;
    position: relative;
    width: 100%
}

.home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide .box .top h3 {
    margin: .05rem 0
}

.home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide .box .top .headPic {
    position: absolute;
    right: 0;
    width: 1rem;
    height: 1rem
}

.home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide .box p {
    min-height: 4.5em;
    line-height: 1.5
}

.home main .r8 {
    width: 100%;
    height: 240vh;
    background-color: var(--black);
    overflow: visible
}

.home main .r8 .inner {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 100vh;
    padding-top: 1rem;
    left: 0;
    top: 0;
    overflow: hidden;
    display: grid;
    grid-template-rows: 25% 75%
}

.home main .r8 .inner>.bg .pic {
    background-position: center top
}

.home main .r8 .inner>.bg .bgSign {
    position: absolute;
    height: 130%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform: translate3d(0, .6rem, 0);
    transform: translate3d(0, .6rem, 0)
}

.home main .r8 .inner>.layer-topic {
    margin-bottom: .6rem;
    position: relative;
    z-index: 4
}

.home main .r8 .inner>.layer-topic .fxc,
.home main .r8 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .r8 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r8 .inner>.layer-topic [data-text],
.home main .r8 .inner>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r8 .inner>.layer-topic [data-text],
.home main .r8 .inner>.layer-topic .layer-btn,
.home main .r8 .inner>.layer-topic .layer-btn .txt,
.layer-btn .home main .r8 .inner>.layer-topic .txt,
.home main .r8 .inner>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r8 .inner>.layer-topic .arrow,
.home main .r8 .inner>.layer-topic .layer-button .txt,
.layer-button .home main .r8 .inner>.layer-topic .txt,
.home main .r8 .inner>.layer-topic .layer-cir,
.home main .r8 .inner>.layer-topic .layer-pop,
.home main .r8 .inner>.layer-topic .layer-media .inner,
.layer-media .home main .r8 .inner>.layer-topic .inner,
.home main .r8 .inner>.layer-topic .layer-check,
.home main .r8 .inner>.layer-topic .layer-toast,
.home main .r8 .inner>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r8 .inner>.layer-topic .cursor--inner>.arrow,
.home main .r8 .inner>.layer-topic .layer-mouse,
.home main .r8 .inner>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r8 .inner>.layer-topic .right,
.home main .r8 .inner>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r8 .inner>.layer-topic .right,
.home main .r8 .inner>.layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r8 .inner>.layer-topic .set,
.home main .r8 .inner>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r8 .inner>.layer-topic .other,
.home main .r8 .inner>.layer-topic .load .content,
.load .home main .r8 .inner>.layer-topic .content,
.home main .r8 .banner .inner>.layer-topic .other .col .list,
.home main .banner .r8 .inner>.layer-topic .other .col .list,
.home main .r8 .inner>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r8 .inner>.layer-topic h2,
.home main .r8 .r2 .inner>.layer-topic .group .msg h2,
.home main .r2 .r8 .inner>.layer-topic .group .msg h2,
.home main .r8 .inner>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r8 .inner>.layer-topic .step,
.home main .r8 .r3 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r3 .r8 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r8 .inner>.layer-topic .r5 .inner>.bg,
.home main .r5 .r8 .inner>.layer-topic .inner>.bg,
.home main .r8 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .r8 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    position: relative;
    z-index: 1;
    overflow: visible
}

.home main .r8 .inner>.layer-topic .fxc h2,
.home main .r8 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r10 .r8 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r8 .inner>.layer-topic [data-text] h2,
.home main .r8 .inner>.layer-topic .layer-topic.left [data-text] h2,
.layer-topic.left .home main .r8 .inner>.layer-topic [data-text] h2,
.home main .r8 .inner>.layer-topic .layer-btn h2,
.home main .r8 .inner>.layer-topic .layer-btn .txt h2,
.layer-btn .home main .r8 .inner>.layer-topic .txt h2,
.home main .r8 .inner>.layer-topic .layer-btn .arrow h2,
.layer-btn .home main .r8 .inner>.layer-topic .arrow h2,
.home main .r8 .inner>.layer-topic .layer-button .txt h2,
.layer-button .home main .r8 .inner>.layer-topic .txt h2,
.home main .r8 .inner>.layer-topic .layer-cir h2,
.home main .r8 .inner>.layer-topic .layer-pop h2,
.home main .r8 .inner>.layer-topic .layer-media .inner h2,
.layer-media .home main .r8 .inner>.layer-topic .inner h2,
.home main .r8 .inner>.layer-topic .layer-check h2,
.home main .r8 .inner>.layer-topic .layer-toast h2,
.home main .r8 .inner>.layer-topic .cursor--group .cursor--inner>.arrow h2,
.cursor--group .home main .r8 .inner>.layer-topic .cursor--inner>.arrow h2,
.home main .r8 .inner>.layer-topic .layer-mouse h2,
.home main .r8 .inner>.layer-topic #app header .pcNav .right h2,
#app header .pcNav .home main .r8 .inner>.layer-topic .right h2,
.home main .r8 .inner>.layer-topic #app header .appNav .right h2,
#app header .appNav .home main .r8 .inner>.layer-topic .right h2,
#app header .appNav .right .home main .r8 .inner>.layer-topic .set h2,
.home main .r8 .inner>.layer-topic #app footer .btm .other h2,
#app footer .btm .home main .r8 .inner>.layer-topic .other h2,
.home main .r8 .inner>.layer-topic .load .content h2,
.load .home main .r8 .inner>.layer-topic .content h2,
.home main .r8 .banner .inner>.layer-topic .other .col .list h2,
.home main .banner .r8 .inner>.layer-topic .other .col .list h2,
.home main .r8 .inner>.layer-topic .r1 .other .part .col h2 h2,
.home main .r1 .other .part .col .r8 .inner>.layer-topic h2 h2,
.home main .r8 .r2 .inner>.layer-topic .group .msg h2 h2,
.home main .r2 .r8 .inner>.layer-topic .group .msg h2 h2,
.home main .r8 .inner>.layer-topic .r3 .clear .step h2,
.home main .r3 .clear .r8 .inner>.layer-topic .step h2,
.home main .r8 .r3 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r3 .r8 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r8 .inner>.layer-topic .r5 .inner>.bg h2,
.home main .r5 .r8 .inner>.layer-topic .inner>.bg h2,
.home main .r8 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2,
.home main .r5 .r8 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 3.8rem;
    mask-size: 3.8rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 100% 50%;
    mask-position: 100% 50%;
    position: relative;
    z-index: 6;
    color: #00eaff;
    display: none
}

.home main .r8 .inner>.layer-topic .fxc .above,
.home main .r8 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .above,
.home main .r10 .r8 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .above,
.home main .r8 .inner>.layer-topic [data-text] .above,
.home main .r8 .inner>.layer-topic .layer-topic.left [data-text] .above,
.layer-topic.left .home main .r8 .inner>.layer-topic [data-text] .above,
.home main .r8 .inner>.layer-topic .layer-btn .above,
.home main .r8 .inner>.layer-topic .layer-btn .txt .above,
.layer-btn .home main .r8 .inner>.layer-topic .txt .above,
.home main .r8 .inner>.layer-topic .layer-btn .arrow .above,
.layer-btn .home main .r8 .inner>.layer-topic .arrow .above,
.home main .r8 .inner>.layer-topic .layer-button .txt .above,
.layer-button .home main .r8 .inner>.layer-topic .txt .above,
.home main .r8 .inner>.layer-topic .layer-cir .above,
.home main .r8 .inner>.layer-topic .layer-pop .above,
.home main .r8 .inner>.layer-topic .layer-media .inner .above,
.layer-media .home main .r8 .inner>.layer-topic .inner .above,
.home main .r8 .inner>.layer-topic .layer-check .above,
.home main .r8 .inner>.layer-topic .layer-toast .above,
.home main .r8 .inner>.layer-topic .cursor--group .cursor--inner>.arrow .above,
.cursor--group .home main .r8 .inner>.layer-topic .cursor--inner>.arrow .above,
.home main .r8 .inner>.layer-topic .layer-mouse .above,
.home main .r8 .inner>.layer-topic #app header .pcNav .right .above,
#app header .pcNav .home main .r8 .inner>.layer-topic .right .above,
.home main .r8 .inner>.layer-topic #app header .appNav .right .above,
#app header .appNav .home main .r8 .inner>.layer-topic .right .above,
#app header .appNav .right .home main .r8 .inner>.layer-topic .set .above,
.home main .r8 .inner>.layer-topic #app footer .btm .other .above,
#app footer .btm .home main .r8 .inner>.layer-topic .other .above,
.home main .r8 .inner>.layer-topic .load .content .above,
.load .home main .r8 .inner>.layer-topic .content .above,
.home main .r8 .banner .inner>.layer-topic .other .col .list .above,
.home main .banner .r8 .inner>.layer-topic .other .col .list .above,
.home main .r8 .inner>.layer-topic .r1 .other .part .col h2 .above,
.home main .r1 .other .part .col .r8 .inner>.layer-topic h2 .above,
.home main .r8 .r2 .inner>.layer-topic .group .msg h2 .above,
.home main .r2 .r8 .inner>.layer-topic .group .msg h2 .above,
.home main .r8 .inner>.layer-topic .r3 .clear .step .above,
.home main .r3 .clear .r8 .inner>.layer-topic .step .above,
.home main .r8 .r3 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r3 .r8 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r8 .inner>.layer-topic .r5 .inner>.bg .above,
.home main .r5 .r8 .inner>.layer-topic .inner>.bg .above,
.home main .r8 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above,
.home main .r5 .r8 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r8 .inner>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r8 .inner .group {
    position: relative;
    height: 100%;
    z-index: 4
}

.home main .r8 .inner .group .list {
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0
}

.home main .r8 .inner .group .list:nth-of-type(1) {
    left: 16%;
    top: 3%;
    -webkit-transform: translate3d(.6rem, .3rem, 0);
    transform: translate3d(.6rem, .3rem, 0)
}

.home main .r8 .inner .group .list:nth-of-type(2) {
    left: 0%;
    top: 32%;
    -webkit-transform: translate3d(.8rem, .1rem, 0);
    transform: translate3d(.8rem, .1rem, 0)
}

.home main .r8 .inner .group .list:nth-of-type(3) {
    left: 10%;
    top: 68%;
    -webkit-transform: translate3d(.6rem, -.2rem, 0);
    transform: translate3d(.6rem, -.2rem, 0)
}

.home main .r8 .inner .group .list:nth-of-type(4) {
    left: 90%;
    top: 0;
    -webkit-transform: translate3d(-.6rem, .3rem, 0);
    transform: translate3d(-.6rem, .3rem, 0)
}

.home main .r8 .inner .group .list:nth-of-type(5) {
    left: 74%;
    top: 18%;
    -webkit-transform: translate3d(-.4rem, .1rem, 0);
    transform: translate3d(-.4rem, .1rem, 0)
}

.home main .r8 .inner .group .list:nth-of-type(6) {
    left: 90%;
    top: 60%;
    -webkit-transform: translate3d(-.6rem, -.3rem, 0);
    transform: translate3d(-.6rem, -.3rem, 0)
}

.home main .r8 .inner .group .list>img {
    display: block;
    width: 100%;
    height: 100%
}

.home main .r8.go .inner>.bg .bgSign {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.home main .r8.go .inner .group .list {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translateZ(0) !important
}

.home main .r8 .r8Start {
    position: absolute;
    pointer-events: none;
    height: 4%;
    top: 35%;
    left: 0;
    width: 100%
}

.home main .r9 {
    margin-top: -100vh
}

.home main .r9 .bg {
    background: -webkit-linear-gradient(top, rgba(222, 238, 252, .8) 0%, rgb(222, 238, 252) 25%);
    background: linear-gradient(180deg, rgba(222, 238, 252, .8) 0%, rgb(222, 238, 252) 25%);
    backdrop-filter: blur(.2rem)
}

.home main .r9 .bg .pic {
    background-position: center top
}

.home main .r9 .inner {
    padding-top: 1.5rem;
    padding-bottom: 1rem
}

.home main .r9 .inner>.layer-topic {
    margin-bottom: .6rem
}

.home main .r9 .inner>.layer-topic .fxc,
.home main .r9 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .r9 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r9 .inner>.layer-topic [data-text],
.home main .r9 .inner>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r9 .inner>.layer-topic [data-text],
.home main .r9 .inner>.layer-topic .layer-btn,
.home main .r9 .inner>.layer-topic .layer-btn .txt,
.layer-btn .home main .r9 .inner>.layer-topic .txt,
.home main .r9 .inner>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r9 .inner>.layer-topic .arrow,
.home main .r9 .inner>.layer-topic .layer-button .txt,
.layer-button .home main .r9 .inner>.layer-topic .txt,
.home main .r9 .inner>.layer-topic .layer-cir,
.home main .r9 .inner>.layer-topic .layer-pop,
.home main .r9 .inner>.layer-topic .layer-media .inner,
.layer-media .home main .r9 .inner>.layer-topic .inner,
.home main .r9 .inner>.layer-topic .layer-check,
.home main .r9 .inner>.layer-topic .layer-toast,
.home main .r9 .inner>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r9 .inner>.layer-topic .cursor--inner>.arrow,
.home main .r9 .inner>.layer-topic .layer-mouse,
.home main .r9 .inner>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r9 .inner>.layer-topic .right,
.home main .r9 .inner>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r9 .inner>.layer-topic .right,
.home main .r9 .inner>.layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r9 .inner>.layer-topic .set,
.home main .r9 .inner>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r9 .inner>.layer-topic .other,
.home main .r9 .inner>.layer-topic .load .content,
.load .home main .r9 .inner>.layer-topic .content,
.home main .r9 .banner .inner>.layer-topic .other .col .list,
.home main .banner .r9 .inner>.layer-topic .other .col .list,
.home main .r9 .inner>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r9 .inner>.layer-topic h2,
.home main .r9 .r2 .inner>.layer-topic .group .msg h2,
.home main .r2 .r9 .inner>.layer-topic .group .msg h2,
.home main .r9 .inner>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r9 .inner>.layer-topic .step,
.home main .r9 .r3 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r3 .r9 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r9 .inner>.layer-topic .r5 .inner>.bg,
.home main .r5 .r9 .inner>.layer-topic .inner>.bg,
.home main .r9 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .r9 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    position: relative;
    z-index: 1;
    overflow: visible
}

.home main .r9 .inner>.layer-topic .fxc h2,
.home main .r9 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r10 .r9 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r9 .inner>.layer-topic [data-text] h2,
.home main .r9 .inner>.layer-topic .layer-topic.left [data-text] h2,
.layer-topic.left .home main .r9 .inner>.layer-topic [data-text] h2,
.home main .r9 .inner>.layer-topic .layer-btn h2,
.home main .r9 .inner>.layer-topic .layer-btn .txt h2,
.layer-btn .home main .r9 .inner>.layer-topic .txt h2,
.home main .r9 .inner>.layer-topic .layer-btn .arrow h2,
.layer-btn .home main .r9 .inner>.layer-topic .arrow h2,
.home main .r9 .inner>.layer-topic .layer-button .txt h2,
.layer-button .home main .r9 .inner>.layer-topic .txt h2,
.home main .r9 .inner>.layer-topic .layer-cir h2,
.home main .r9 .inner>.layer-topic .layer-pop h2,
.home main .r9 .inner>.layer-topic .layer-media .inner h2,
.layer-media .home main .r9 .inner>.layer-topic .inner h2,
.home main .r9 .inner>.layer-topic .layer-check h2,
.home main .r9 .inner>.layer-topic .layer-toast h2,
.home main .r9 .inner>.layer-topic .cursor--group .cursor--inner>.arrow h2,
.cursor--group .home main .r9 .inner>.layer-topic .cursor--inner>.arrow h2,
.home main .r9 .inner>.layer-topic .layer-mouse h2,
.home main .r9 .inner>.layer-topic #app header .pcNav .right h2,
#app header .pcNav .home main .r9 .inner>.layer-topic .right h2,
.home main .r9 .inner>.layer-topic #app header .appNav .right h2,
#app header .appNav .home main .r9 .inner>.layer-topic .right h2,
#app header .appNav .right .home main .r9 .inner>.layer-topic .set h2,
.home main .r9 .inner>.layer-topic #app footer .btm .other h2,
#app footer .btm .home main .r9 .inner>.layer-topic .other h2,
.home main .r9 .inner>.layer-topic .load .content h2,
.load .home main .r9 .inner>.layer-topic .content h2,
.home main .r9 .banner .inner>.layer-topic .other .col .list h2,
.home main .banner .r9 .inner>.layer-topic .other .col .list h2,
.home main .r9 .inner>.layer-topic .r1 .other .part .col h2 h2,
.home main .r1 .other .part .col .r9 .inner>.layer-topic h2 h2,
.home main .r9 .r2 .inner>.layer-topic .group .msg h2 h2,
.home main .r2 .r9 .inner>.layer-topic .group .msg h2 h2,
.home main .r9 .inner>.layer-topic .r3 .clear .step h2,
.home main .r3 .clear .r9 .inner>.layer-topic .step h2,
.home main .r9 .r3 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r3 .r9 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r9 .inner>.layer-topic .r5 .inner>.bg h2,
.home main .r5 .r9 .inner>.layer-topic .inner>.bg h2,
.home main .r9 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2,
.home main .r5 .r9 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 3.8rem;
    mask-size: 3.8rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 30% 68%;
    mask-position: 30% 68%;
    position: relative;
    z-index: 6;
    display: none
}

.home main .r9 .inner>.layer-topic .fxc .above,
.home main .r9 .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .above,
.home main .r10 .r9 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .above,
.home main .r9 .inner>.layer-topic [data-text] .above,
.home main .r9 .inner>.layer-topic .layer-topic.left [data-text] .above,
.layer-topic.left .home main .r9 .inner>.layer-topic [data-text] .above,
.home main .r9 .inner>.layer-topic .layer-btn .above,
.home main .r9 .inner>.layer-topic .layer-btn .txt .above,
.layer-btn .home main .r9 .inner>.layer-topic .txt .above,
.home main .r9 .inner>.layer-topic .layer-btn .arrow .above,
.layer-btn .home main .r9 .inner>.layer-topic .arrow .above,
.home main .r9 .inner>.layer-topic .layer-button .txt .above,
.layer-button .home main .r9 .inner>.layer-topic .txt .above,
.home main .r9 .inner>.layer-topic .layer-cir .above,
.home main .r9 .inner>.layer-topic .layer-pop .above,
.home main .r9 .inner>.layer-topic .layer-media .inner .above,
.layer-media .home main .r9 .inner>.layer-topic .inner .above,
.home main .r9 .inner>.layer-topic .layer-check .above,
.home main .r9 .inner>.layer-topic .layer-toast .above,
.home main .r9 .inner>.layer-topic .cursor--group .cursor--inner>.arrow .above,
.cursor--group .home main .r9 .inner>.layer-topic .cursor--inner>.arrow .above,
.home main .r9 .inner>.layer-topic .layer-mouse .above,
.home main .r9 .inner>.layer-topic #app header .pcNav .right .above,
#app header .pcNav .home main .r9 .inner>.layer-topic .right .above,
.home main .r9 .inner>.layer-topic #app header .appNav .right .above,
#app header .appNav .home main .r9 .inner>.layer-topic .right .above,
#app header .appNav .right .home main .r9 .inner>.layer-topic .set .above,
.home main .r9 .inner>.layer-topic #app footer .btm .other .above,
#app footer .btm .home main .r9 .inner>.layer-topic .other .above,
.home main .r9 .inner>.layer-topic .load .content .above,
.load .home main .r9 .inner>.layer-topic .content .above,
.home main .r9 .banner .inner>.layer-topic .other .col .list .above,
.home main .banner .r9 .inner>.layer-topic .other .col .list .above,
.home main .r9 .inner>.layer-topic .r1 .other .part .col h2 .above,
.home main .r1 .other .part .col .r9 .inner>.layer-topic h2 .above,
.home main .r9 .r2 .inner>.layer-topic .group .msg h2 .above,
.home main .r2 .r9 .inner>.layer-topic .group .msg h2 .above,
.home main .r9 .inner>.layer-topic .r3 .clear .step .above,
.home main .r3 .clear .r9 .inner>.layer-topic .step .above,
.home main .r9 .r3 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r3 .r9 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r9 .inner>.layer-topic .r5 .inner>.bg .above,
.home main .r5 .r9 .inner>.layer-topic .inner>.bg .above,
.home main .r9 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above,
.home main .r5 .r9 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r9 .inner>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r9 .inner .group .swiper .swiper-wrapper {
    display: grid
}

@media screen and (orientation: landscape) {
    .home main .r9 .inner .group .swiper .swiper-wrapper {
        gap: .24rem;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (orientation: portrait) {
    .home main .r9 .inner .group .swiper .swiper-wrapper {
        grid-auto-flow: column
    }
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide {
    background-color: var(--white);
    position: relative;
    padding: .1rem;
    border-radius: .3rem
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide>.mask {
    z-index: 1;
    background-position: center;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transition: opacity .6s var(--ease);
    transition: opacity .6s var(--ease)
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .layer-photo {
    width: 100%;
    border-radius: .3rem;
    position: relative;
    z-index: 4
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .layer-photo .pic {
    border-radius: .3rem
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .msg {
    margin-bottom: .2rem;
    padding: 0 .2rem;
    position: relative;
    z-index: 4
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 {
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .msg p {
    line-height: 1.5;
    min-height: 6em;
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .other {
    padding: 0 .2rem;
    position: relative;
    z-index: 4
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .other small {
    -webkit-transition: color .5s var(--ease);
    transition: color .5s var(--ease)
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide .other .layer-cir {
    background-color: transparent;
    -webkit-transform: translate3d(0, -.15rem, 0);
    transform: translate3d(0, -.15rem, 0)
}

@media screen and (orientation: landscape) {
    .home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .mask {
        opacity: 1
    }

    .home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg h3 {
        color: #fff
    }

    .home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg p {
        color: #ffffffb3
    }

    .home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .other small {
        color: #fff
    }

    .home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .other .layer-cir .mask {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .other .layer-cir .iconfont {
        color: var(--white)
    }
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .mask {
    opacity: 1
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .msg h3 {
    color: #fff
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .msg p {
    color: #ffffffb3
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .other small {
    color: #fff
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .other .layer-cir .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .other .layer-cir .iconfont {
    color: var(--white)
}

.home main .r10 .inner {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.home main .r10 .inner>.layer-topic {
    margin-bottom: .4rem
}

.home main .r10 .inner>.layer-topic .fxc,
.home main .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .inner>.layer-topic [data-text],
.home main .r10 .inner>.layer-topic .layer-topic.left [data-text],
.layer-topic.left .home main .r10 .inner>.layer-topic [data-text],
.home main .r10 .inner>.layer-topic .layer-btn,
.home main .r10 .inner>.layer-topic .layer-btn .txt,
.layer-btn .home main .r10 .inner>.layer-topic .txt,
.home main .r10 .inner>.layer-topic .layer-btn .arrow,
.layer-btn .home main .r10 .inner>.layer-topic .arrow,
.home main .r10 .inner>.layer-topic .layer-button .txt,
.layer-button .home main .r10 .inner>.layer-topic .txt,
.home main .r10 .inner>.layer-topic .layer-cir,
.home main .r10 .inner>.layer-topic .layer-pop,
.home main .r10 .inner>.layer-topic .layer-media .inner,
.layer-media .home main .r10 .inner>.layer-topic .inner,
.home main .r10 .inner>.layer-topic .layer-check,
.home main .r10 .inner>.layer-topic .layer-toast,
.home main .r10 .inner>.layer-topic .cursor--group .cursor--inner>.arrow,
.cursor--group .home main .r10 .inner>.layer-topic .cursor--inner>.arrow,
.home main .r10 .inner>.layer-topic .layer-mouse,
.home main .r10 .inner>.layer-topic #app header .pcNav .right,
#app header .pcNav .home main .r10 .inner>.layer-topic .right,
.home main .r10 .inner>.layer-topic #app header .appNav .right,
#app header .appNav .home main .r10 .inner>.layer-topic .right,
.home main .r10 .inner>.layer-topic #app header .appNav .right .set,
#app header .appNav .right .home main .r10 .inner>.layer-topic .set,
.home main .r10 .inner>.layer-topic #app footer .btm .other,
#app footer .btm .home main .r10 .inner>.layer-topic .other,
.home main .r10 .inner>.layer-topic .load .content,
.load .home main .r10 .inner>.layer-topic .content,
.home main .r10 .banner .inner>.layer-topic .other .col .list,
.home main .banner .r10 .inner>.layer-topic .other .col .list,
.home main .r10 .inner>.layer-topic .r1 .other .part .col h2,
.home main .r1 .other .part .col .r10 .inner>.layer-topic h2,
.home main .r10 .r2 .inner>.layer-topic .group .msg h2,
.home main .r2 .r10 .inner>.layer-topic .group .msg h2,
.home main .r10 .inner>.layer-topic .r3 .clear .step,
.home main .r3 .clear .r10 .inner>.layer-topic .step,
.home main .r10 .r3 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r3 .r10 .inner>.layer-topic .part .content .mid .layer-photo,
.home main .r10 .inner>.layer-topic .r5 .inner>.bg,
.home main .r5 .r10 .inner>.layer-topic .inner>.bg,
.home main .r10 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .r10 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
    position: relative;
    z-index: 1;
    overflow: visible
}

.home main .r10 .inner>.layer-topic .fxc h2,
.home main .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top h2,
.home main .r10 .inner>.layer-topic [data-text] h2,
.home main .r10 .inner>.layer-topic .layer-topic.left [data-text] h2,
.layer-topic.left .home main .r10 .inner>.layer-topic [data-text] h2,
.home main .r10 .inner>.layer-topic .layer-btn h2,
.home main .r10 .inner>.layer-topic .layer-btn .txt h2,
.layer-btn .home main .r10 .inner>.layer-topic .txt h2,
.home main .r10 .inner>.layer-topic .layer-btn .arrow h2,
.layer-btn .home main .r10 .inner>.layer-topic .arrow h2,
.home main .r10 .inner>.layer-topic .layer-button .txt h2,
.layer-button .home main .r10 .inner>.layer-topic .txt h2,
.home main .r10 .inner>.layer-topic .layer-cir h2,
.home main .r10 .inner>.layer-topic .layer-pop h2,
.home main .r10 .inner>.layer-topic .layer-media .inner h2,
.layer-media .home main .r10 .inner>.layer-topic .inner h2,
.home main .r10 .inner>.layer-topic .layer-check h2,
.home main .r10 .inner>.layer-topic .layer-toast h2,
.home main .r10 .inner>.layer-topic .cursor--group .cursor--inner>.arrow h2,
.cursor--group .home main .r10 .inner>.layer-topic .cursor--inner>.arrow h2,
.home main .r10 .inner>.layer-topic .layer-mouse h2,
.home main .r10 .inner>.layer-topic #app header .pcNav .right h2,
#app header .pcNav .home main .r10 .inner>.layer-topic .right h2,
.home main .r10 .inner>.layer-topic #app header .appNav .right h2,
#app header .appNav .home main .r10 .inner>.layer-topic .right h2,
#app header .appNav .right .home main .r10 .inner>.layer-topic .set h2,
.home main .r10 .inner>.layer-topic #app footer .btm .other h2,
#app footer .btm .home main .r10 .inner>.layer-topic .other h2,
.home main .r10 .inner>.layer-topic .load .content h2,
.load .home main .r10 .inner>.layer-topic .content h2,
.home main .r10 .banner .inner>.layer-topic .other .col .list h2,
.home main .banner .r10 .inner>.layer-topic .other .col .list h2,
.home main .r10 .inner>.layer-topic .r1 .other .part .col h2 h2,
.home main .r1 .other .part .col .r10 .inner>.layer-topic h2 h2,
.home main .r10 .r2 .inner>.layer-topic .group .msg h2 h2,
.home main .r2 .r10 .inner>.layer-topic .group .msg h2 h2,
.home main .r10 .inner>.layer-topic .r3 .clear .step h2,
.home main .r3 .clear .r10 .inner>.layer-topic .step h2,
.home main .r10 .r3 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r3 .r10 .inner>.layer-topic .part .content .mid .layer-photo h2,
.home main .r10 .inner>.layer-topic .r5 .inner>.bg h2,
.home main .r5 .r10 .inner>.layer-topic .inner>.bg h2,
.home main .r10 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2,
.home main .r5 .r10 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon h2 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 3.8rem;
    mask-size: 3.8rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 100% 50%;
    mask-position: 100% 50%;
    position: relative;
    z-index: 6;
    display: none
}

.home main .r10 .inner>.layer-topic .fxc .above,
.home main .r10 .inner>.layer-topic .group .box .swiper-wrapper .swiper-slide .top .above,
.home main .r10 .inner>.layer-topic [data-text] .above,
.home main .r10 .inner>.layer-topic .layer-topic.left [data-text] .above,
.layer-topic.left .home main .r10 .inner>.layer-topic [data-text] .above,
.home main .r10 .inner>.layer-topic .layer-btn .above,
.home main .r10 .inner>.layer-topic .layer-btn .txt .above,
.layer-btn .home main .r10 .inner>.layer-topic .txt .above,
.home main .r10 .inner>.layer-topic .layer-btn .arrow .above,
.layer-btn .home main .r10 .inner>.layer-topic .arrow .above,
.home main .r10 .inner>.layer-topic .layer-button .txt .above,
.layer-button .home main .r10 .inner>.layer-topic .txt .above,
.home main .r10 .inner>.layer-topic .layer-cir .above,
.home main .r10 .inner>.layer-topic .layer-pop .above,
.home main .r10 .inner>.layer-topic .layer-media .inner .above,
.layer-media .home main .r10 .inner>.layer-topic .inner .above,
.home main .r10 .inner>.layer-topic .layer-check .above,
.home main .r10 .inner>.layer-topic .layer-toast .above,
.home main .r10 .inner>.layer-topic .cursor--group .cursor--inner>.arrow .above,
.cursor--group .home main .r10 .inner>.layer-topic .cursor--inner>.arrow .above,
.home main .r10 .inner>.layer-topic .layer-mouse .above,
.home main .r10 .inner>.layer-topic #app header .pcNav .right .above,
#app header .pcNav .home main .r10 .inner>.layer-topic .right .above,
.home main .r10 .inner>.layer-topic #app header .appNav .right .above,
#app header .appNav .home main .r10 .inner>.layer-topic .right .above,
#app header .appNav .right .home main .r10 .inner>.layer-topic .set .above,
.home main .r10 .inner>.layer-topic #app footer .btm .other .above,
#app footer .btm .home main .r10 .inner>.layer-topic .other .above,
.home main .r10 .inner>.layer-topic .load .content .above,
.load .home main .r10 .inner>.layer-topic .content .above,
.home main .r10 .banner .inner>.layer-topic .other .col .list .above,
.home main .banner .r10 .inner>.layer-topic .other .col .list .above,
.home main .r10 .inner>.layer-topic .r1 .other .part .col h2 .above,
.home main .r1 .other .part .col .r10 .inner>.layer-topic h2 .above,
.home main .r10 .r2 .inner>.layer-topic .group .msg h2 .above,
.home main .r2 .r10 .inner>.layer-topic .group .msg h2 .above,
.home main .r10 .inner>.layer-topic .r3 .clear .step .above,
.home main .r3 .clear .r10 .inner>.layer-topic .step .above,
.home main .r10 .r3 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r3 .r10 .inner>.layer-topic .part .content .mid .layer-photo .above,
.home main .r10 .inner>.layer-topic .r5 .inner>.bg .above,
.home main .r5 .r10 .inner>.layer-topic .inner>.bg .above,
.home main .r10 .r5 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above,
.home main .r5 .r10 .inner>.layer-topic .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .above {
    margin-bottom: 0;
    padding-bottom: .15rem
}

.home main .r10 .inner>.layer-topic>p {
    position: relative;
    z-index: 8
}

.home main .r10 .inner .group {
    padding-bottom: 2rem;
    -webkit-mask: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 95%);
    mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 95%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.home main .r10 .inner .group .box {
    width: 12rem;
    margin: 0 auto;
    height: 5.6rem;
    position: relative
}

.home main .r10 .inner .group .box .swiper-wrapper {
    display: grid;
    grid-auto-flow: row;
    justify-items: center;
    -webkit-transition-timing-function: var(--ease);
    transition-timing-function: var(--ease);
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 6
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide {
    width: 12rem;
    position: relative;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 2rem;
    -webkit-perspective: 5rem;
    perspective: 5rem;
    -webkit-transition: opacity .5s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity .5s var(--ease), transform 1.2s var(--ease);
    transition: opacity .5s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top {
    height: .8rem;
    position: relative;
    z-index: 5;
    width: 9rem;
    margin: 0 auto;
    -webkit-transition: width .5s var(--ease);
    transition: width .5s var(--ease)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top h3 {
    color: #0e0e18cc;
    text-align: center;
    font-weight: 400;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .5s var(--ease);
    transition: all .5s var(--ease)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top .layer-cir {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: .15rem;
    width: .5rem;
    height: .5rem;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top .layer-cir>.mask {
    -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top .layer-cir .iconfont {
    font-size: .625vw;
    margin-top: .2em;
    margin-left: .25em
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .msg {
    position: absolute;
    top: -2px;
    left: -3px;
    z-index: 1;
    width: calc(100% + 6px);
    padding: .8rem 1.2rem .3rem;
    border-radius: .25rem;
    background-image: url(../image/home/bg5.jpg.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) rotateX(8deg);
    transform: translateZ(0) rotateX(8deg);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .msg:after {
    content: "";
    border: 2px solid #fff;
    border-radius: .25rem
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .msg p {
    position: relative;
    z-index: 5
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.swiper-slide-active {
    z-index: 15
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.swiper-slide-active .top h3 {
    color: #0e0e18;
    font-weight: 600;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.swiper-slide-active .top .layer-cir {
    opacity: 1
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.swiper-slide-active .top .layer-cir>.mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.open+.swiper-slide {
    opacity: 0
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.open .top {
    width: 100%
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.open .top .layer-cir {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.open .top .layer-cir>.mask {
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    opacity: 0
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.open .top .layer-cir .iconfont {
    color: var(--main)
}

.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.open .msg {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.home main .r10 .inner .group .box>.mask {
    background-size: cover;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    width: 9rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: .8rem;
    border-radius: 2rem;
    -webkit-transition: border-radius .5s var(--ease), width .5s var(--ease), opacity .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: border-radius .5s var(--ease), width .5s var(--ease), opacity .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: border-radius .5s var(--ease), width .5s var(--ease), opacity .3s var(--ease), transform 1.2s var(--ease);
    transition: border-radius .5s var(--ease), width .5s var(--ease), opacity .3s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}

.home main .r10 .inner .group .box>.mask.open {
    border-radius: .25rem;
    width: 12rem;
    opacity: 0
}

.home main .r10 .inner .group .box>.mask.open:after {
    border-radius: .25rem
}

.home main .r10 .inner .group .box>.mask:after {
    content: "";
    border: 2px solid #fff;
    border-radius: 2rem;
    -webkit-transition: border-radius .5s var(--ease);
    transition: border-radius .5s var(--ease)
}

.home main .r11 {
    width: 100%;
    overflow: visible;
    --go: 1
}

.home main .r11 .bg .frameBox {
    position: absolute;
    width: 10rem;
    height: 10rem;
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
    right: 0;
    margin: 0 auto
}

.home main .r11 .bg .frameBox .logoCv {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 3;
    left: 0;
    top: 0;
    -webkit-transform: translate3d(0, calc(var(--go) * -1rem), 0);
    transform: translate3d(0, calc(var(--go) * -1rem), 0)
}

.home main .r11 .inner {
    padding-top: 8.6rem
}

.home main .r11 .inner>.layer-topic {
    margin-bottom: .6rem
}

.home main .r11 .inner>.layer-topic>.fxc,
.home main .r11 .inner>.layer-topic>[data-text],
.home main .r11 .layer-topic.left .inner>.layer-topic>[data-text],
.layer-topic.left .home main .r11 .inner>.layer-topic>[data-text],
.home main .r11 .inner>.layer-topic>.layer-btn,
.home main .r11 .layer-btn .inner>.layer-topic>.txt,
.layer-btn .home main .r11 .inner>.layer-topic>.txt,
.home main .r11 .layer-btn .inner>.layer-topic>.arrow,
.layer-btn .home main .r11 .inner>.layer-topic>.arrow,
.home main .r11 .layer-button .inner>.layer-topic>.txt,
.layer-button .home main .r11 .inner>.layer-topic>.txt,
.home main .r11 .inner>.layer-topic>.layer-cir,
.home main .r11 .inner>.layer-topic>.layer-pop,
.home main .r11 .layer-media .inner>.layer-topic>.inner,
.layer-media .home main .r11 .inner>.layer-topic>.inner,
.home main .r11 .inner>.layer-topic>.layer-check,
.home main .r11 .inner>.layer-topic>.layer-toast,
.home main .r11 .cursor--group .inner>.cursor--inner.layer-topic>.arrow,
.cursor--group .home main .r11 .inner>.cursor--inner.layer-topic>.arrow,
.home main .r11 .inner>.layer-topic>.layer-mouse,
.home main .r11 #app header .pcNav .inner>.layer-topic>.right,
#app header .pcNav .home main .r11 .inner>.layer-topic>.right,
.home main .r11 #app header .appNav .inner>.layer-topic>.right,
#app header .appNav .home main .r11 .inner>.layer-topic>.right,
.home main .r11 #app header .appNav .right .inner>.layer-topic>.set,
#app header .appNav .right .home main .r11 .inner>.layer-topic>.set,
.home main .r11 #app footer .btm .inner>.layer-topic>.other,
#app footer .btm .home main .r11 .inner>.layer-topic>.other,
.home main .r11 .load .inner>.layer-topic>.content,
.load .home main .r11 .inner>.layer-topic>.content,
.home main .r11 .banner .inner .other .col .inner>.layer-topic>.list,
.home main .banner .inner .other .col .r11 .inner>.layer-topic>.list,
.home main .r11 .r1 .other .part .col .inner>.layer-topic>h2,
.home main .r1 .other .part .col .r11 .inner>.layer-topic>h2,
.home main .r11 .r2 .inner .group .msg .inner>.layer-topic>h2,
.home main .r2 .inner .group .msg .r11 .inner>.layer-topic>h2,
.home main .r11 .r3 .clear .inner>.layer-topic>.step,
.home main .r3 .clear .r11 .inner>.layer-topic>.step,
.home main .r11 .r3 .inner .part .content .mid .inner>.layer-topic>.layer-photo,
.home main .r3 .inner .part .content .mid .r11 .inner>.layer-topic>.layer-photo,
.home main .r11 .r5 .inner>.inner.layer-topic>.bg,
.home main .r5 .r11 .inner>.inner.layer-topic>.bg,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .inner>.layer-topic>.layer-icon,
.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .r11 .inner>.layer-topic>.layer-icon,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .inner>.layer-topic>.top,
.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .r11 .inner>.layer-topic>.top {
    position: relative;
    z-index: 1;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home main .r11 .inner>.layer-topic>.fxc h2,
.home main .r11 .inner>.layer-topic>[data-text] h2,
.home main .r11 .layer-topic.left .inner>.layer-topic>[data-text] h2,
.layer-topic.left .home main .r11 .inner>.layer-topic>[data-text] h2,
.home main .r11 .inner>.layer-topic>.layer-btn h2,
.home main .r11 .layer-btn .inner>.layer-topic>.txt h2,
.layer-btn .home main .r11 .inner>.layer-topic>.txt h2,
.home main .r11 .layer-btn .inner>.layer-topic>.arrow h2,
.layer-btn .home main .r11 .inner>.layer-topic>.arrow h2,
.home main .r11 .layer-button .inner>.layer-topic>.txt h2,
.layer-button .home main .r11 .inner>.layer-topic>.txt h2,
.home main .r11 .inner>.layer-topic>.layer-cir h2,
.home main .r11 .inner>.layer-topic>.layer-pop h2,
.home main .r11 .layer-media .inner>.layer-topic>.inner h2,
.layer-media .home main .r11 .inner>.layer-topic>.inner h2,
.home main .r11 .inner>.layer-topic>.layer-check h2,
.home main .r11 .inner>.layer-topic>.layer-toast h2,
.home main .r11 .cursor--group .inner>.cursor--inner.layer-topic>.arrow h2,
.cursor--group .home main .r11 .inner>.cursor--inner.layer-topic>.arrow h2,
.home main .r11 .inner>.layer-topic>.layer-mouse h2,
.home main .r11 #app header .pcNav .inner>.layer-topic>.right h2,
#app header .pcNav .home main .r11 .inner>.layer-topic>.right h2,
.home main .r11 #app header .appNav .inner>.layer-topic>.right h2,
#app header .appNav .home main .r11 .inner>.layer-topic>.right h2,
.home main .r11 #app header .appNav .right .inner>.layer-topic>.set h2,
#app header .appNav .right .home main .r11 .inner>.layer-topic>.set h2,
.home main .r11 #app footer .btm .inner>.layer-topic>.other h2,
#app footer .btm .home main .r11 .inner>.layer-topic>.other h2,
.home main .r11 .load .inner>.layer-topic>.content h2,
.load .home main .r11 .inner>.layer-topic>.content h2,
.home main .r11 .banner .inner .other .col .inner>.layer-topic>.list h2,
.home main .banner .inner .other .col .r11 .inner>.layer-topic>.list h2,
.home main .r11 .r1 .other .part .col .inner>.layer-topic>h2 h2,
.home main .r1 .other .part .col .r11 .inner>.layer-topic>h2 h2,
.home main .r11 .r2 .inner .group .msg .inner>.layer-topic>h2 h2,
.home main .r2 .inner .group .msg .r11 .inner>.layer-topic>h2 h2,
.home main .r11 .r3 .clear .inner>.layer-topic>.step h2,
.home main .r3 .clear .r11 .inner>.layer-topic>.step h2,
.home main .r11 .r3 .inner .part .content .mid .inner>.layer-topic>.layer-photo h2,
.home main .r3 .inner .part .content .mid .r11 .inner>.layer-topic>.layer-photo h2,
.home main .r11 .r5 .inner>.inner.layer-topic>.bg h2,
.home main .r5 .r11 .inner>.inner.layer-topic>.bg h2,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .inner>.layer-topic>.layer-icon h2,
.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .r11 .inner>.layer-topic>.layer-icon h2,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .inner>.layer-topic>.top h2,
.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .r11 .inner>.layer-topic>.top h2 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 3.8rem;
    mask-size: 3.8rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: -128% 76%;
    mask-position: -128% 76%;
    position: relative;
    z-index: 6;
    line-height: 1.2;
    text-shadow: 0 0 2px var(--main);
    display: none
}

.home main .r11 .inner>.layer-topic>.fxc .above,
.home main .r11 .inner>.layer-topic>[data-text] .above,
.home main .r11 .layer-topic.left .inner>.layer-topic>[data-text] .above,
.layer-topic.left .home main .r11 .inner>.layer-topic>[data-text] .above,
.home main .r11 .inner>.layer-topic>.layer-btn .above,
.home main .r11 .layer-btn .inner>.layer-topic>.txt .above,
.layer-btn .home main .r11 .inner>.layer-topic>.txt .above,
.home main .r11 .layer-btn .inner>.layer-topic>.arrow .above,
.layer-btn .home main .r11 .inner>.layer-topic>.arrow .above,
.home main .r11 .layer-button .inner>.layer-topic>.txt .above,
.layer-button .home main .r11 .inner>.layer-topic>.txt .above,
.home main .r11 .inner>.layer-topic>.layer-cir .above,
.home main .r11 .inner>.layer-topic>.layer-pop .above,
.home main .r11 .layer-media .inner>.layer-topic>.inner .above,
.layer-media .home main .r11 .inner>.layer-topic>.inner .above,
.home main .r11 .inner>.layer-topic>.layer-check .above,
.home main .r11 .inner>.layer-topic>.layer-toast .above,
.home main .r11 .cursor--group .inner>.cursor--inner.layer-topic>.arrow .above,
.cursor--group .home main .r11 .inner>.cursor--inner.layer-topic>.arrow .above,
.home main .r11 .inner>.layer-topic>.layer-mouse .above,
.home main .r11 #app header .pcNav .inner>.layer-topic>.right .above,
#app header .pcNav .home main .r11 .inner>.layer-topic>.right .above,
.home main .r11 #app header .appNav .inner>.layer-topic>.right .above,
#app header .appNav .home main .r11 .inner>.layer-topic>.right .above,
.home main .r11 #app header .appNav .right .inner>.layer-topic>.set .above,
#app header .appNav .right .home main .r11 .inner>.layer-topic>.set .above,
.home main .r11 #app footer .btm .inner>.layer-topic>.other .above,
#app footer .btm .home main .r11 .inner>.layer-topic>.other .above,
.home main .r11 .load .inner>.layer-topic>.content .above,
.load .home main .r11 .inner>.layer-topic>.content .above,
.home main .r11 .banner .inner .other .col .inner>.layer-topic>.list .above,
.home main .banner .inner .other .col .r11 .inner>.layer-topic>.list .above,
.home main .r11 .r1 .other .part .col .inner>.layer-topic>h2 .above,
.home main .r1 .other .part .col .r11 .inner>.layer-topic>h2 .above,
.home main .r11 .r2 .inner .group .msg .inner>.layer-topic>h2 .above,
.home main .r2 .inner .group .msg .r11 .inner>.layer-topic>h2 .above,
.home main .r11 .r3 .clear .inner>.layer-topic>.step .above,
.home main .r3 .clear .r11 .inner>.layer-topic>.step .above,
.home main .r11 .r3 .inner .part .content .mid .inner>.layer-topic>.layer-photo .above,
.home main .r3 .inner .part .content .mid .r11 .inner>.layer-topic>.layer-photo .above,
.home main .r11 .r5 .inner>.inner.layer-topic>.bg .above,
.home main .r5 .r11 .inner>.inner.layer-topic>.bg .above,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .inner>.layer-topic>.layer-icon .above,
.home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .r11 .inner>.layer-topic>.layer-icon .above,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .inner>.layer-topic>.top .above,
.home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .r11 .inner>.layer-topic>.top .above {
    margin-bottom: 0
}

.home main .r11 .inner>.layer-topic>p {
    margin-top: .2rem;
    position: relative;
    z-index: 8;
    color: #ffffffb3
}

.home main .r11 .inner .set .msgGo {
    --btnHei: .6rem;
    --btnWid: 2.5rem;
    margin: 0 .15rem
}

.home main .r11 .inner .set .applyGo {
    --btnHei: .6rem;
    --btnWid: 2rem;
    margin: 0 .15rem
}

.home main .r11 .inner .group {
    position: relative;
    margin-top: 1.4rem;
    height: 4.2rem;
    width: 100%;
    padding: 0 1.4rem 0 2rem;
    border-radius: .35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home main .r11 .inner .group .mask {
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.home main .r11 .inner .group>.layer-topic {
    position: relative;
    z-index: 5
}

.home main .r11 .inner .group>.layer-topic>.fxc,
.home main .r11 .inner .group>.layer-topic>[data-text],
.home main .r11 .inner .layer-topic.left .group>.layer-topic>[data-text],
.layer-topic.left .home main .r11 .inner .group>.layer-topic>[data-text],
.home main .r11 .inner .group>.layer-topic>.layer-btn,
.home main .r11 .inner .layer-btn .group>.layer-topic>.txt,
.layer-btn .home main .r11 .inner .group>.layer-topic>.txt,
.home main .r11 .inner .layer-btn .group>.layer-topic>.arrow,
.layer-btn .home main .r11 .inner .group>.layer-topic>.arrow,
.home main .r11 .inner .layer-button .group>.layer-topic>.txt,
.layer-button .home main .r11 .inner .group>.layer-topic>.txt,
.home main .r11 .inner .group>.layer-topic>.layer-cir,
.home main .r11 .inner .group>.layer-topic>.layer-pop,
.home main .r11 .inner .layer-media .group>.layer-topic>.inner,
.layer-media .home main .r11 .inner .group>.layer-topic>.inner,
.home main .r11 .inner .group>.layer-topic>.layer-check,
.home main .r11 .inner .group>.layer-topic>.layer-toast,
.home main .r11 .inner .cursor--group .group>.cursor--inner.layer-topic>.arrow,
.cursor--group .home main .r11 .inner .group>.cursor--inner.layer-topic>.arrow,
.home main .r11 .inner .group>.layer-topic>.layer-mouse,
.home main .r11 .inner #app header .pcNav .group>.layer-topic>.right,
#app header .pcNav .home main .r11 .inner .group>.layer-topic>.right,
.home main .r11 .inner #app header .appNav .group>.layer-topic>.right,
#app header .appNav .home main .r11 .inner .group>.layer-topic>.right,
.home main .r11 .inner #app header .appNav .right .group>.layer-topic>.set,
#app header .appNav .right .home main .r11 .inner .group>.layer-topic>.set,
.home main .r11 .inner #app footer .btm .group>.layer-topic>.other,
#app footer .btm .home main .r11 .inner .group>.layer-topic>.other,
.home main .r11 .inner .load .group>.layer-topic>.content,
.load .home main .r11 .inner .group>.layer-topic>.content,
.home main .r11 .banner .inner .other .col .group>.layer-topic>.list,
.home main .banner .r11 .inner .other .col .group>.layer-topic>.list,
.home main .r11 .inner .r1 .other .part .col .group>.layer-topic>h2,
.home main .r1 .other .part .col .r11 .inner .group>.layer-topic>h2,
.home main .r11 .r2 .inner .group .msg .group>.layer-topic>h2,
.home main .r2 .r11 .inner .group .msg .group>.layer-topic>h2,
.home main .r11 .inner .r3 .clear .group>.layer-topic>.step,
.home main .r3 .clear .r11 .inner .group>.layer-topic>.step,
.home main .r11 .r3 .inner .part .content .mid .group>.layer-topic>.layer-photo,
.home main .r3 .r11 .inner .part .content .mid .group>.layer-topic>.layer-photo,
.home main .r11 .inner .r5 .group>.inner.layer-topic>.bg,
.home main .r5 .r11 .inner .group>.inner.layer-topic>.bg,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon,
.home main .r5 .r11 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top,
.home main .r10 .r11 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top {
    position: relative;
    z-index: 1;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home main .r11 .inner .group>.layer-topic>.fxc h3,
.home main .r11 .inner .group>.layer-topic>[data-text] h3,
.home main .r11 .inner .layer-topic.left .group>.layer-topic>[data-text] h3,
.layer-topic.left .home main .r11 .inner .group>.layer-topic>[data-text] h3,
.home main .r11 .inner .group>.layer-topic>.layer-btn h3,
.home main .r11 .inner .layer-btn .group>.layer-topic>.txt h3,
.layer-btn .home main .r11 .inner .group>.layer-topic>.txt h3,
.home main .r11 .inner .layer-btn .group>.layer-topic>.arrow h3,
.layer-btn .home main .r11 .inner .group>.layer-topic>.arrow h3,
.home main .r11 .inner .layer-button .group>.layer-topic>.txt h3,
.layer-button .home main .r11 .inner .group>.layer-topic>.txt h3,
.home main .r11 .inner .group>.layer-topic>.layer-cir h3,
.home main .r11 .inner .group>.layer-topic>.layer-pop h3,
.home main .r11 .inner .layer-media .group>.layer-topic>.inner h3,
.layer-media .home main .r11 .inner .group>.layer-topic>.inner h3,
.home main .r11 .inner .group>.layer-topic>.layer-check h3,
.home main .r11 .inner .group>.layer-topic>.layer-toast h3,
.home main .r11 .inner .cursor--group .group>.cursor--inner.layer-topic>.arrow h3,
.cursor--group .home main .r11 .inner .group>.cursor--inner.layer-topic>.arrow h3,
.home main .r11 .inner .group>.layer-topic>.layer-mouse h3,
.home main .r11 .inner #app header .pcNav .group>.layer-topic>.right h3,
#app header .pcNav .home main .r11 .inner .group>.layer-topic>.right h3,
.home main .r11 .inner #app header .appNav .group>.layer-topic>.right h3,
#app header .appNav .home main .r11 .inner .group>.layer-topic>.right h3,
.home main .r11 .inner #app header .appNav .right .group>.layer-topic>.set h3,
#app header .appNav .right .home main .r11 .inner .group>.layer-topic>.set h3,
.home main .r11 .inner #app footer .btm .group>.layer-topic>.other h3,
#app footer .btm .home main .r11 .inner .group>.layer-topic>.other h3,
.home main .r11 .inner .load .group>.layer-topic>.content h3,
.load .home main .r11 .inner .group>.layer-topic>.content h3,
.home main .r11 .banner .inner .other .col .group>.layer-topic>.list h3,
.home main .banner .r11 .inner .other .col .group>.layer-topic>.list h3,
.home main .r11 .inner .r1 .other .part .col .group>.layer-topic>h2 h3,
.home main .r1 .other .part .col .r11 .inner .group>.layer-topic>h2 h3,
.home main .r11 .r2 .inner .group .msg .group>.layer-topic>h2 h3,
.home main .r2 .r11 .inner .group .msg .group>.layer-topic>h2 h3,
.home main .r11 .inner .r3 .clear .group>.layer-topic>.step h3,
.home main .r3 .clear .r11 .inner .group>.layer-topic>.step h3,
.home main .r11 .r3 .inner .part .content .mid .group>.layer-topic>.layer-photo h3,
.home main .r3 .r11 .inner .part .content .mid .group>.layer-topic>.layer-photo h3,
.home main .r11 .inner .r5 .group>.inner.layer-topic>.bg h3,
.home main .r5 .r11 .inner .group>.inner.layer-topic>.bg h3,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon h3,
.home main .r5 .r11 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon h3,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top h3,
.home main .r10 .r11 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top h3 {
    margin-bottom: 0;
    padding-bottom: .15rem;
    -webkit-mask-size: 3.8rem;
    mask-size: 3.8rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 30% 88%;
    mask-position: 30% 88%;
    position: relative;
    z-index: 6;
    line-height: 1.2
}

.home main .r11 .inner .group>.layer-topic>.fxc .above,
.home main .r11 .inner .group>.layer-topic>[data-text] .above,
.home main .r11 .inner .layer-topic.left .group>.layer-topic>[data-text] .above,
.layer-topic.left .home main .r11 .inner .group>.layer-topic>[data-text] .above,
.home main .r11 .inner .group>.layer-topic>.layer-btn .above,
.home main .r11 .inner .layer-btn .group>.layer-topic>.txt .above,
.layer-btn .home main .r11 .inner .group>.layer-topic>.txt .above,
.home main .r11 .inner .layer-btn .group>.layer-topic>.arrow .above,
.layer-btn .home main .r11 .inner .group>.layer-topic>.arrow .above,
.home main .r11 .inner .layer-button .group>.layer-topic>.txt .above,
.layer-button .home main .r11 .inner .group>.layer-topic>.txt .above,
.home main .r11 .inner .group>.layer-topic>.layer-cir .above,
.home main .r11 .inner .group>.layer-topic>.layer-pop .above,
.home main .r11 .inner .layer-media .group>.layer-topic>.inner .above,
.layer-media .home main .r11 .inner .group>.layer-topic>.inner .above,
.home main .r11 .inner .group>.layer-topic>.layer-check .above,
.home main .r11 .inner .group>.layer-topic>.layer-toast .above,
.home main .r11 .inner .cursor--group .group>.cursor--inner.layer-topic>.arrow .above,
.cursor--group .home main .r11 .inner .group>.cursor--inner.layer-topic>.arrow .above,
.home main .r11 .inner .group>.layer-topic>.layer-mouse .above,
.home main .r11 .inner #app header .pcNav .group>.layer-topic>.right .above,
#app header .pcNav .home main .r11 .inner .group>.layer-topic>.right .above,
.home main .r11 .inner #app header .appNav .group>.layer-topic>.right .above,
#app header .appNav .home main .r11 .inner .group>.layer-topic>.right .above,
.home main .r11 .inner #app header .appNav .right .group>.layer-topic>.set .above,
#app header .appNav .right .home main .r11 .inner .group>.layer-topic>.set .above,
.home main .r11 .inner #app footer .btm .group>.layer-topic>.other .above,
#app footer .btm .home main .r11 .inner .group>.layer-topic>.other .above,
.home main .r11 .inner .load .group>.layer-topic>.content .above,
.load .home main .r11 .inner .group>.layer-topic>.content .above,
.home main .r11 .banner .inner .other .col .group>.layer-topic>.list .above,
.home main .banner .r11 .inner .other .col .group>.layer-topic>.list .above,
.home main .r11 .inner .r1 .other .part .col .group>.layer-topic>h2 .above,
.home main .r1 .other .part .col .r11 .inner .group>.layer-topic>h2 .above,
.home main .r11 .r2 .inner .group .msg .group>.layer-topic>h2 .above,
.home main .r2 .r11 .inner .group .msg .group>.layer-topic>h2 .above,
.home main .r11 .inner .r3 .clear .group>.layer-topic>.step .above,
.home main .r3 .clear .r11 .inner .group>.layer-topic>.step .above,
.home main .r11 .r3 .inner .part .content .mid .group>.layer-topic>.layer-photo .above,
.home main .r3 .r11 .inner .part .content .mid .group>.layer-topic>.layer-photo .above,
.home main .r11 .inner .r5 .group>.inner.layer-topic>.bg .above,
.home main .r5 .r11 .inner .group>.inner.layer-topic>.bg .above,
.home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon .above,
.home main .r5 .r11 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon .above,
.home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top .above,
.home main .r10 .r11 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top .above {
    line-height: 1.2;
    margin-bottom: 0
}

.home main .r11 .inner .group .form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem .3rem;
    width: 7.8rem;
    position: relative;
    z-index: 6
}

.home main .r11 .inner .group .form .inRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.home main .r11 .inner .group .form .inRow>span {
    white-space: nowrap
}

.home main .r11 .inner .group .form .inRow input {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .2rem;
    text-indent: 0;
    line-height: 1.5
}

.home main .r11 .inner .group .form .inRow input::-webkit-input-placeholder {
    color: #0e0e1880
}

.home main .r11 .inner .group .form .inRow input::-moz-placeholder {
    color: #0e0e1880
}

.home main .r11 .inner .group .form .inRow input:-ms-input-placeholder {
    color: #0e0e1880
}

.home main .r11 .inner .group .form .inRow input::placeholder {
    color: #0e0e1880
}

.home main .r11 .inner .group .form .inRow.error input {
    border-color: red
}

.home main .r11 .inner .group .form .inRow.error select {
    border-color: red
}

/* 省市区选择器样式 */
.home main .r11 .inner .group .form .inRow.region-row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home main .r11 .inner .group .form .inRow.region-row>span {
    margin-bottom: .1rem
}

.home main .r11 .inner .group .form .inRow .region-selects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .1rem;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home main .r11 .inner .group .form .inRow .region-selects select {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .1rem;
    text-indent: 0;
    line-height: 1.5;
    font-size: .16rem;
    color: #0e0e18;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .05rem center;
    padding-right: .2rem
}

.home main .r11 .inner .group .form .inRow .region-selects select:focus {
    outline: none;
    border-color: #0e0e18
}

.home main .r11 .inner .group .form .inRow .region-selects select option {
    font-size: .14rem;
    padding: .05rem
}

.home main .r11 .inner .group .set {
    position: relative;
    z-index: 6
}

.home main .r11 .inner .group .set .layer-submit {
    z-index: 6;
    cursor: pointer
}

.home main .r11 .inner .group .loadMk {
    z-index: 50;
    background-color: #fffc;
    border-radius: .18rem;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s var(--ease);
    transition: opacity .3s var(--ease)
}

.home main .r11 .inner .group .loadMk .loader {
    width: 1rem
}

.home main .r11 .inner .group .loadMk.active {
    opacity: 1
}

.searchPage .r1 {
    background-color: #eff2f8
}

.searchPage .r1 .inner .top {
    position: relative;
    padding-bottom: .525rem
}

.searchPage .r1 .inner .top>.clear {
    height: 5.6rem;
    width: 100%;
    background-color: var(--main)
}

.searchPage .r1 .inner .top .layer-topic {
    position: absolute;
    left: 0;
    width: 100%;
    top: 3rem
}

.searchPage .r1 .inner .top .layer-topic .letter {
    margin: 0
}

.searchPage .r1 .inner .top .searchBox {
    position: absolute;
    width: 13.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    z-index: 5;
    box-shadow: 0 .67708vw 1.09375vw -2px #6280a41f;
    display: grid;
    grid-template-columns: 11rem 2.2rem;
    grid-template-rows: 1.05rem;
    border-radius: .05rem;
    overflow: hidden
}

.searchPage .r1 .inner .top .searchBox .inTxt {
    padding: .3rem .6rem;
    width: 11rem;
    border: none
}

.searchPage .r1 .inner .top .searchBox .inTxt::-webkit-input-placeholder {
    color: #59a49880
}

.searchPage .r1 .inner .top .searchBox .inTxt::-moz-placeholder {
    color: #59a49880
}

.searchPage .r1 .inner .top .searchBox .inTxt:-ms-input-placeholder {
    color: #59a49880
}

.searchPage .r1 .inner .top .searchBox .inTxt::placeholder {
    color: #59a49880
}

.searchPage .r1 .inner .top .searchBox .fxc,
.searchPage .r1 .inner .top .searchBox .layer-topic [data-text],
.layer-topic .searchPage .r1 .inner .top .searchBox [data-text],
.searchPage .r1 .inner .top .searchBox .layer-btn,
.searchPage .r1 .inner .top .searchBox .layer-btn .txt,
.layer-btn .searchPage .r1 .inner .top .searchBox .txt,
.searchPage .r1 .inner .top .searchBox .layer-btn .arrow,
.layer-btn .searchPage .r1 .inner .top .searchBox .arrow,
.searchPage .r1 .inner .top .searchBox .layer-button .txt,
.layer-button .searchPage .r1 .inner .top .searchBox .txt,
.searchPage .r1 .inner .top .searchBox .layer-cir,
.searchPage .r1 .inner .top .searchBox .layer-pop,
.searchPage .r1 .inner .top .searchBox .layer-media .inner,
.layer-media .searchPage .r1 .inner .top .searchBox .inner,
.searchPage .r1 .inner .top .searchBox .layer-check,
.searchPage .r1 .inner .top .searchBox .layer-toast,
.searchPage .r1 .inner .top .searchBox .cursor--group .cursor--inner>.arrow,
.cursor--group .searchPage .r1 .inner .top .searchBox .cursor--inner>.arrow,
.searchPage .r1 .inner .top .searchBox .layer-mouse,
.searchPage .r1 .inner .top .searchBox #app header .pcNav .right,
#app header .pcNav .searchPage .r1 .inner .top .searchBox .right,
.searchPage .r1 .inner .top .searchBox #app header .appNav .right,
#app header .appNav .searchPage .r1 .inner .top .searchBox .right,
.searchPage .r1 .inner .top .searchBox #app header .appNav .right .set,
#app header .appNav .right .searchPage .r1 .inner .top .searchBox .set,
.searchPage .r1 .inner .top .searchBox #app footer .btm .other,
#app footer .btm .searchPage .r1 .inner .top .searchBox .other,
.searchPage .r1 .inner .top .searchBox .load .content,
.load .searchPage .r1 .inner .top .searchBox .content,
.searchPage .r1 .home main .banner .inner .top .searchBox .other .col .list,
.home main .banner .searchPage .r1 .inner .top .searchBox .other .col .list,
.searchPage .r1 .home main .banner .inner .other .col .top .searchBox .list,
.home main .banner .searchPage .r1 .inner .other .col .top .searchBox .list,
.searchPage .home main .r1 .inner .top .searchBox .other .part .col h2,
.home main .searchPage .r1 .inner .top .searchBox .other .part .col h2,
.searchPage .home main .r1 .other .part .col .inner .top .searchBox h2,
.home main .searchPage .r1 .other .part .col .inner .top .searchBox h2,
.searchPage .r1 .home main .r2 .inner .top .searchBox .group .msg h2,
.home main .r2 .searchPage .r1 .inner .top .searchBox .group .msg h2,
.searchPage .r1 .home main .r2 .inner .group .msg .top .searchBox h2,
.home main .r2 .searchPage .r1 .inner .group .msg .top .searchBox h2,
.searchPage .r1 .inner .top .searchBox .home main .r3 .clear .step,
.home main .r3 .clear .searchPage .r1 .inner .top .searchBox .step,
.searchPage .r1 .home main .r3 .inner .top .searchBox .part .content .mid .layer-photo,
.home main .r3 .searchPage .r1 .inner .top .searchBox .part .content .mid .layer-photo,
.searchPage .r1 .home main .r3 .inner .part .content .mid .top .searchBox .layer-photo,
.home main .r3 .searchPage .r1 .inner .part .content .mid .top .searchBox .layer-photo,
.searchPage .r1 .inner .top .searchBox .home main .r5 .inner>.bg,
.home main .r5 .searchPage .r1 .inner .top .searchBox .inner>.bg,
.searchPage .r1 .home main .r5 .inner .top .searchBox .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.home main .r5 .searchPage .r1 .inner .top .searchBox .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon,
.searchPage .r1 .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .top .searchBox .layer-icon,
.home main .r5 .searchPage .r1 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .top .searchBox .layer-icon,
.searchPage .r1 .home main .r10 .inner .top .searchBox .group .box .swiper-wrapper .swiper-slide .top,
.home main .r10 .searchPage .r1 .inner .top .searchBox .group .box .swiper-wrapper .swiper-slide .top,
.searchPage .r1 .home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top .searchBox .top,
.home main .r10 .searchPage .r1 .inner .group .box .swiper-wrapper .swiper-slide .top .searchBox .top {
    height: 100%
}

.searchPage .r1 .inner .top .searchBox .layer-btn {
    border-radius: 0;
    height: 100%;
    width: 100%;
    background-color: #152a4d
}

.searchPage .r1 .inner .top .searchBox .layer-btn .iconfont {
    position: relative
}

.searchPage .r1 .inner>.clear {
    padding: 1.2rem 0;
    position: relative
}

.searchPage .r1 .inner>.clear .note {
    font-size: 2rem;
    color: #a0c1e91a;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    text-align: center;
    left: 0;
    width: 100%;
    letter-spacing: .3em
}

.searchPage .r1 .inner>.clear h2 {
    text-align: center
}

.searchPage .r1 .inner>.clear h2 em {
    font-size: inherit;
    color: var(--tint)
}

.searchPage .r1 .inner .mid {
    padding: 0 .85rem;
    width: 100%
}

.searchPage .r1 .inner .mid .boxCon>h3 {
    text-align: center;
    margin-bottom: .55rem
}

.searchPage .r1 .inner .mid .items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem .3rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.searchPage .r1 .inner .btm {
    padding: 1rem 0
}

@-webkit-keyframes scr {
    0% {
        -webkit-transform: translate3d(0, -.03rem, 0);
        transform: translate3d(0, -.03rem, 0)
    }

    to {
        -webkit-transform: translate3d(0, .03rem, 0);
        transform: translate3d(0, .03rem, 0)
    }
}

@keyframes scr {
    0% {
        -webkit-transform: translate3d(0, -.03rem, 0);
        transform: translate3d(0, -.03rem, 0)
    }

    to {
        -webkit-transform: translate3d(0, .03rem, 0);
        transform: translate3d(0, .03rem, 0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes pageOut {
    0% {
        -webkit-clip-path: inset(0 0 0 0 round 0);
        clip-path: inset(0 0 0 0 round 0);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg) rotateX(0deg) scale(1);
        transform: translateZ(0) rotate(0) rotateX(0) scale(1)
    }

    40% {
        -webkit-clip-path: inset(0 0 0 0 round 0);
        clip-path: inset(0 0 0 0 round 0);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg) rotateX(0deg) scale(1);
        transform: translateZ(0) rotate(0) rotateX(0) scale(1)
    }

    70% {
        -webkit-clip-path: inset(4% 3% 4% 3% round .2rem);
        clip-path: inset(4% 3% 4% 3% round .2rem);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(4% 3% 4% 3% round .2rem);
        clip-path: inset(4% 3% 4% 3% round .2rem);
        opacity: 0;
        -webkit-transform: translate3d(3%, 3%, 0) rotateZ(10deg) rotateX(-10deg) scale(.6);
        transform: translate3d(3%, 3%, 0) rotate(10deg) rotateX(-10deg) scale(.6)
    }
}

@keyframes pageOut {
    0% {
        -webkit-clip-path: inset(0 0 0 0 round 0);
        clip-path: inset(0 0 0 0 round 0);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg) rotateX(0deg) scale(1);
        transform: translateZ(0) rotate(0) rotateX(0) scale(1)
    }

    40% {
        -webkit-clip-path: inset(0 0 0 0 round 0);
        clip-path: inset(0 0 0 0 round 0);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg) rotateX(0deg) scale(1);
        transform: translateZ(0) rotate(0) rotateX(0) scale(1)
    }

    70% {
        -webkit-clip-path: inset(4% 3% 4% 3% round .2rem);
        clip-path: inset(4% 3% 4% 3% round .2rem);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(4% 3% 4% 3% round .2rem);
        clip-path: inset(4% 3% 4% 3% round .2rem);
        opacity: 0;
        -webkit-transform: translate3d(3%, 3%, 0) rotateZ(10deg) rotateX(-10deg) scale(.6);
        transform: translate3d(3%, 3%, 0) rotate(10deg) rotateX(-10deg) scale(.6)
    }
}

@-webkit-keyframes bannerStart {
    0% {
        -webkit-mask-size: 2.55rem 2.55rem;
        mask-size: 2.55rem 2.55rem;
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-mask-size: 2.55rem 2.55rem;
        mask-size: 2.55rem 2.55rem
    }

    to {
        -webkit-mask-size: 500vw 500vw;
        mask-size: 500vw 500vw;
        opacity: 1
    }
}

@keyframes bannerStart {
    0% {
        -webkit-mask-size: 2.55rem 2.55rem;
        mask-size: 2.55rem 2.55rem;
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-mask-size: 2.55rem 2.55rem;
        mask-size: 2.55rem 2.55rem
    }

    to {
        -webkit-mask-size: 500vw 500vw;
        mask-size: 500vw 500vw;
        opacity: 1
    }
}

@media screen and (orientation: portrait) {

    html,
    body {
        -ms-scroll-chaining: none;
        overscroll-behavior: none
    }

    .load .content .msg .progress {
        font-size: 4vw
    }

    .load .content .msg .progress .f-40 {
        font-size: 8vw
    }

    .layer-submit {
        width: 1.7rem;
        height: 1.7rem
    }

    .layer-share .layer-icon {
        width: .7rem;
        height: .7rem
    }

    .layer-share .maBox {
        width: calc(100% + 1.6rem);
        left: -.8rem
    }

    .maxSize {
        max-width: 100%;
        width: 90%
    }

    #app footer .mid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #app footer .mid .logoBox {
        margin-bottom: .5rem
    }

    #app footer .mid .logoBox>img {
        height: .9rem
    }

    #app footer .mid .col {
        grid-template-columns: repeat(3, auto);
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #app footer .btm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #app footer .btm .left {
        width: 100%
    }

    #app footer .btm .center {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: .2rem
    }

    #app footer .btm .center .set {
        margin-left: 0
    }

    #app footer .btm .other {
        bottom: 0;
        height: 100%;
        padding: .4rem 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #app footer .btm .other .layer-down .txt {
        width: 1.5rem;
        height: .6rem
    }

    #app footer .btm .other .layer-cir {
        width: .6rem;
        height: .6rem
    }

    #app footer .btm .other .layer-down .child {
        padding-bottom: .7rem
    }

    .home main .banner .inner {
        padding-bottom: 70%
    }

    .home main .banner .inner .other {
        height: 46%
    }

    .home main .banner .inner .other .col:nth-of-type(1) {
        width: 32vw;
        left: 5vw;
        height: 40%
    }

    .home main .banner .inner .other .col:nth-of-type(2) {
        width: 32vw;
        right: 5vw;
        height: 40%;
        top: 0
    }

    .home main .banner .inner .other .col:nth-of-type(3) {
        height: 28%;
        width: 54vw;
        bottom: 1.6rem
    }

    .home main .banner .scr {
        width: 3rem
    }

    .home main .banner .inner .group .box .inBox {
        width: 76vw
    }

    .home main .banner .inner .group .box .inBox>input {
        width: 80%;
        text-overflow: ellipsis;
        padding: 0 .2rem
    }

    .home main .banner .inner .other .col .list {
        padding: .1rem .35rem
    }

    .home main .banner .inner .other .col .list>a {
        text-align: center;
        white-space: nowrap;
        max-width: 3rem;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .home main .r1 .other {
        pointer-events: none
    }

    .home main .r1 .inner {
        overflow: hidden
    }

    .home main .r1 .inner .frameBox {
        width: 200vw;
        height: 112.5vw;
        left: -50vw;
        top: 0
    }

    .home main .r1 .inner .frameBox:after {
        height: 40vw;
        background-size: 180%
    }

    .home main .r1 .inner .frameBox .bg .group .swiper .swiper-wrapper .swiper-slide {
        width: 60vw
    }

    .home main .r1 .inner .frameBox .bg .group .swiper {
        pointer-events: painted
    }

    .home main .r1.firstActive .inner .frameBox .bg .group .swiper {
        pointer-events: none
    }

    .home main .r1 .inner .frameBox .computerCv {
        margin-top: 30vw
    }

    .home main .r1 .inner .frameBox .shadowCv {
        top: 30vw
    }

    .home main .r1 .inner .frameBox .lineBox {
        width: 50%;
        right: 0;
        margin: 0 auto;
        top: 70vw;
        height: 275vw;
        overflow: hidden
    }

    .home main .r1 .inner .frameBox .lineBox .line {
        width: 58vw;
        margin: 0 36% 0 auto
    }

    .home main .r1 .inner .frameBox .lineBox .line .st0 {
        opacity: .2
    }

    .home main .r1 .other .box {
        width: 82%
    }

    .home main .r1 .other .box .col {
        width: 100%
    }

    .home main .r1 .other .box .col .f-40 {
        font-size: 4.2vw
    }

    .home main .r1 .other .part {
        margin-bottom: 6rem
    }

    .home main .r1 .other .part .col {
        margin-right: 30vw
    }

    .home main .r1 .other .part .col h2 {
        font-size: 8vw
    }

    .home main .r1 .other .intro {
        width: 90%;
        margin-bottom: 1.5rem
    }

    .home main .r1 .other .intro .col {
        margin-left: 5%;
        padding: 0
    }

    .home main .r1 .other .intro .col .f-40 {
        font-size: 4.5vw
    }

    .home main .r1 .other .intro .col .above {
        left: 0
    }

    .home main .r1 .other .intro .col .layer-photo {
        width: 45vw
    }

    .home main .r1>.rectToIcon {
        height: 0
    }

    .home main .r1 .other .btm {
        pointer-events: none
    }

    .home main .r1 .inner .frameBox .bg .group {
        width: 50%;
        left: 25%;
        bottom: .4rem
    }

    .home main .r1 .inner .frameBox .bg .group .swiper {
        margin-left: 0
    }

    .home main .r2 .inner .group .msg h2 {
        font-size: 8vw
    }

    .home main .r3 .inner .part .content {
        padding: 2rem 5vw 0 5vw
    }

    .home main .r3 .inner .part .content .top {
        position: relative
    }

    .home main .r3 .inner .part .content .top .numBox {
        position: absolute;
        top: 74%;
        right: 0
    }

    .home main .r3 .inner .part .content .top .numBox .num {
        font-size: 15vw
    }

    .home main .r3 .inner .part .content .top .layer-topic .layer-btn {
        --btnHei: .8rem;
        --btnWid: 3.5rem;
        margin-top: 1.2rem
    }

    .home main .r3 .inner .part .content .mid {
        padding: 0 5vw;
        height: 50%
    }

    .home main .r3 .inner .part .content .mid .layer-photo .img {
        max-width: 100%;
        object-fit: contain;
        height: auto;
        border-radius: .2rem
    }

    .home main .r4 {
        overflow: hidden;
        height: 56.25vw
    }

    .home main .r4 .inner {
        position: relative;
        height: 100%
    }

    .home main .r4 .inner .group .photo .startMedia {
        height: 80%
    }

    .home main .r5 {
        overflow: hidden
    }

    .home main .r5 .inner {
        height: 100%;
        position: relative;
        padding-top: 2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home main .r5 .inner>.layer-topic .set {
        height: .7rem;
        margin-top: .8rem
    }

    .home main .r5 .inner>.layer-topic .set .tabList {
        width: 1.5rem
    }

    .home main .r5 .inner>.layer-topic .set>.mask {
        width: 1.5rem
    }

    .home main .r5 .inner .group {
        height: 54%
    }

    .home main .r5 .inner>.bg .logoSingle {
        width: 112vw
    }

    .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide {
        width: 72vw
    }

    .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box {
        width: 72vw;
        height: 4.6rem
    }

    .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .msg h3 {
        font-size: 5.2vw;
        margin-bottom: .3rem
    }

    .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon {
        width: 1.2rem;
        height: 1.2rem
    }

    .home main .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .layer-icon .icon {
        width: .5rem
    }

    .home main .r5 .inner .group .compare .col {
        width: 80vw
    }

    .home main .r6 .inner {
        padding-top: 1.5rem
    }

    .home main .r6 .inner .group {
        margin-top: 1.5rem;
        width: 100%
    }

    .home main .r6 .inner .group>.left {
        top: 0;
        left: 0;
        bottom: auto;
        width: 30vw
    }

    .home main .r6 .inner .group>.left .rect .person {
        height: 32vw
    }

    .home main .r6 .inner .group>.left .layer-topic {
        left: 35vw;
        bottom: 0;
        width: 52vw;
        height: 100%
    }

    .home main .r6 .inner .group>.left .layer-topic .f-16,
    .home main .r6 .inner .group>.left .layer-topic .layer-toast>span {
        font-size: 3.2vw
    }

    .home main .r6 .inner .group>.right {
        top: auto;
        bottom: 0
    }

    .home main .r6 .inner .group>.mid {
        margin: 45vw 0;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .home main .r6 .inner .group>.mid .rect {
        width: 38vw
    }

    .home main .r6 .inner .group>.mid .rect .person {
        height: 48vw
    }

    .home main .r6 .inner .group>.mid>.layer-topic {
        left: 0;
        bottom: 0;
        height: 100%
    }

    .home main .r6 .inner .group>.mid>.layer-topic .f-16,
    .home main .r6 .inner .group>.mid>.layer-topic .layer-toast>span {
        font-size: 3.2vw
    }

    .home main .r6 .inner .group>.right {
        width: 100%;
        right: auto;
        left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 0
    }

    .home main .r6 .inner .group>.right .rect {
        width: 40vw
    }

    .home main .r6 .inner .group>.right .rect .person {
        height: 40vw
    }

    .home main .r6 .inner .group>.right>.layer-topic {
        width: calc(100% - 45vw);
        padding-left: 0
    }

    .home main .r6 .inner .group>.right>.layer-topic .f-16,
    .home main .r6 .inner .group>.right>.layer-topic .layer-toast>span {
        font-size: 3.2vw
    }

    .home main .r6 .inner .group>.right>.layer-topic .f-16 br,
    .home main .r6 .inner .group>.right>.layer-topic .layer-toast>span br {
        display: none
    }

    .home main .r7 .inner {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .home main .r7 .inner>.layer-topic {
        margin-bottom: 1.2rem
    }

    .home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide {
        width: 74vw
    }

    .home main .r7 .inner .group .part .swiper .swiper-wrapper .swiper-slide .box {
        height: 3.8rem
    }

    .home main .r8 .inner {
        padding-top: 1.6rem;
        padding-bottom: 30%
    }

    .home main .r8 .inner>.layer-topic {
        width: 90%;
        margin: 0 auto 1rem
    }

    .home main .r8 .inner>.layer-topic>p {
        width: 80%;
        margin: 0 auto
    }

    .home main .r8 .inner>.bg .bgSign {
        height: 110vw;
        width: 100%;
        object-fit: cover;
        top: auto;
        bottom: 0
    }

    .home main .r8 .inner .group {
        height: 58%
    }

    .home main .r8 .inner .group .list {
        width: 1rem;
        height: 1rem
    }

    .home main .r8 .inner .group .list:nth-of-type(1) {
        top: 7%;
        left: 30%
    }

    .home main .r8 .inner .group .list:nth-of-type(2) {
        left: 5%;
        top: 40%
    }

    .home main .r8 .inner .group .list:nth-of-type(3) {
        left: 0;
        top: -5%
    }

    .home main .r8 .inner .group .list:nth-of-type(4) {
        left: 60%;
        top: -20%
    }

    .home main .r8 .inner .group .list:nth-of-type(5) {
        left: 84%;
        top: 10%
    }

    .home main .r8 .inner .group .list:nth-of-type(6) {
        left: 80%;
        top: 50%
    }

    .home main .r9 .inner {
        padding-top: 1.6rem;
        padding-bottom: 2rem
    }

    .home main .r9 .inner>.layer-topic {
        width: 90%;
        margin: 0 auto 1rem
    }

    .home main .r9 .inner .group .swiper .swiper-wrapper .swiper-slide {
        width: 82vw
    }

    .home main .r10 .inner .group {
        padding-bottom: 3rem
    }

    .home main .r10 .inner .group .box {
        width: 90%;
        margin: 0 auto
    }

    .home main .r10 .inner .group .box .swiper-wrapper .swiper-slide {
        width: 100%
    }

    .home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top {
        width: 90vw
    }

    .home main .r10 .inner .group .box>.mask {
        width: 90vw
    }

    .home main .r10 .inner .group .box>.mask.open {
        width: 90vw
    }

    .home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top .layer-cir .iconfont {
        font-size: 1.8vw
    }

    .home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .msg {
        padding: .9rem .4rem .4rem
    }

    .home main .r10 .inner .group .box .swiper-wrapper .swiper-slide .top h3 {
        width: 94%;
        line-height: 1.25;
        font-size: 13px
    }

    .home main .r10 .inner .group .box .swiper-wrapper .swiper-slide.swiper-slide-active .top h3 {
        padding-right: .5rem
    }

    .home main .r11 {
        width: 100%;
        overflow: hidden;
        z-index: 11;
        margin-top: -1rem
    }

    .home main .r11>.bg .pic {
        top: 1rem
    }

    .home main .r11 .bg .frameBox {
        width: 100vw;
        height: 100vw
    }

    .home main .r11 .bg .frameBox .logoCv {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }

    .home main .r11 .inner {
        padding-top: 100vw
    }

    .home main .r11 .inner .set .msgGo {
        --btnHei: .8rem;
        --btnWid: 3.2rem
    }

    .home main .r11 .inner .set .applyGo {
        --btnHei: .8rem;
        --btnWid: 3.2rem
    }

    .home main .r11 .inner .group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 5%;
        height: auto
    }

    .home main .r11 .inner .group .form {
        width: 100%;
        grid-template-columns: 100%;
        margin-bottom: .5rem
    }

    .home main .r11 .inner .group>.layer-topic {
        margin-bottom: .5rem
    }

    .home main .r11 .inner .group>.layer-topic>.fxc,
    .home main .r11 .inner .group>.layer-topic>[data-text],
    .home main .r11 .inner .group>.layer-topic>.layer-btn,
    .home main .r11 .inner .layer-btn .group>.layer-topic>.txt,
    .layer-btn .home main .r11 .inner .group>.layer-topic>.txt,
    .home main .r11 .inner .layer-btn .group>.layer-topic>.arrow,
    .layer-btn .home main .r11 .inner .group>.layer-topic>.arrow,
    .home main .r11 .inner .layer-button .group>.layer-topic>.txt,
    .layer-button .home main .r11 .inner .group>.layer-topic>.txt,
    .home main .r11 .inner .group>.layer-topic>.layer-cir,
    .home main .r11 .inner .group>.layer-topic>.layer-pop,
    .home main .r11 .inner .layer-media .group>.layer-topic>.inner,
    .layer-media .home main .r11 .inner .group>.layer-topic>.inner,
    .home main .r11 .inner .group>.layer-topic>.layer-check,
    .home main .r11 .inner .group>.layer-topic>.layer-toast,
    .home main .r11 .inner .cursor--group .group>.cursor--inner.layer-topic>.arrow,
    .cursor--group .home main .r11 .inner .group>.cursor--inner.layer-topic>.arrow,
    .home main .r11 .inner .group>.layer-topic>.layer-mouse,
    .home main .r11 .inner #app header .pcNav .group>.layer-topic>.right,
    #app header .pcNav .home main .r11 .inner .group>.layer-topic>.right,
    .home main .r11 .inner #app header .appNav .group>.layer-topic>.right,
    #app header .appNav .home main .r11 .inner .group>.layer-topic>.right,
    .home main .r11 .inner #app header .appNav .right .group>.layer-topic>.set,
    #app header .appNav .right .home main .r11 .inner .group>.layer-topic>.set,
    .home main .r11 .inner #app footer .btm .group>.layer-topic>.other,
    #app footer .btm .home main .r11 .inner .group>.layer-topic>.other,
    .home main .r11 .inner .load .group>.layer-topic>.content,
    .load .home main .r11 .inner .group>.layer-topic>.content,
    .home main .r11 .banner .inner .other .col .group>.layer-topic>.list,
    .home main .banner .r11 .inner .other .col .group>.layer-topic>.list,
    .home main .r11 .inner .r1 .other .part .col .group>.layer-topic>h2,
    .home main .r1 .other .part .col .r11 .inner .group>.layer-topic>h2,
    .home main .r11 .r2 .inner .group .msg .group>.layer-topic>h2,
    .home main .r2 .r11 .inner .group .msg .group>.layer-topic>h2,
    .home main .r11 .inner .r3 .clear .group>.layer-topic>.step,
    .home main .r3 .clear .r11 .inner .group>.layer-topic>.step,
    .home main .r11 .r3 .inner .part .content .mid .group>.layer-topic>.layer-photo,
    .home main .r3 .r11 .inner .part .content .mid .group>.layer-topic>.layer-photo,
    .home main .r11 .inner .r5 .group>.inner.layer-topic>.bg,
    .home main .r5 .r11 .inner .group>.inner.layer-topic>.bg,
    .home main .r11 .r5 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon,
    .home main .r5 .r11 .inner .group .loopSw .swiper-wrapper .swiper-slide .box .group>.layer-topic>.layer-icon,
    .home main .r11 .r10 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top,
    .home main .r10 .r11 .inner .group .box .swiper-wrapper .swiper-slide .group>.layer-topic>.top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .home main .r11 .inner .group .form .inRow input {
        line-height: 1.7
    }
}