.style_root__vzM5g {
    position: relative
}

.style_bkg__QaeHT {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: absolute
}

.style_bkg__QaeHT>i {
    display: block;
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -10px;
    margin-top: -10px
}

.style_root__vLcYL {
    position: absolute
}

.style_root__pbnCQ {
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative
}

.style_root__pbnCQ .style_view__Vnu00 {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.style_root__pbnCQ .style_view__Vnu00 ul {
    display: flex;
    width: 700vw
}

.style_root__pbnCQ .style_view__Vnu00 ul.style_anime__j4yew {
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: ease
}

.style_root__pbnCQ .style_view__Vnu00 ul>section {
    height: 100vh;
    width: 100vw;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.style_root__pbnCQ .style_view__Vnu00 .style_title__6DfkX {
    width: 10px;
    height: 10px;
    position: absolute;
    margin: auto;
    top: auto;
    left: 0;
    right: 0
}

.style_root__pbnCQ .style_view__Vnu00 .style_title__6DfkX:not(.style_first__3VIxp) i:first-child {
    display: block;
    transform: translate(-50%,-50%);
    background: url(../images/title.png) 50%/contain no-repeat;
    opacity: 0;
    animation-name: style_inline-uebgt1c__n9B_k;
    animation-timing-function: ease;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt1c__n9B_k {
    0% {
        opacity: 0;
        transform: translate(-50%,calc(-50% + 20px))
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%)
    }
}

.style_root__pbnCQ .style_view__Vnu00 .style_title__6DfkX:not(.style_first__3VIxp) i:nth-child(2) {
    display: block;
    transform: translate(-50%,-50%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    animation-name: style_inline-uebgt4n__aEBiG;
    animation-timing-function: linear;
    animation-delay: 1.1s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt4n__aEBiG {
    0% {
        opacity: 0;
        transform: translate(-50%,calc(-50% - 20px))
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%)
    }
}

.style_root__pbnCQ .style_view__Vnu00 .style_title__6DfkX.style_first__3VIxp {
    width: 100%;
    height: 100%;
    bottom: 0;
    pointer-events: none
}

.style_root__pbnCQ .style_view__Vnu00 .style_title__6DfkX.style_first__3VIxp i:first-child {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: initial;
    background: url(../images/1.1.png) 50%/contain no-repeat;
    bottom: auto;
    right: auto;
    opacity: 0;
    animation-name: style_inline-uebgt7a__X2zq_;
    animation-timing-function: ease;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt7a__X2zq_ {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.style_root__pbnCQ .style_view__Vnu00 .style_title__6DfkX.style_first__3VIxp i:nth-child(2) {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: initial;
    bottom: auto;
    left: auto;
    opacity: 0;
    animation-name: style_inline-uebgt8t__YT_3B;
    animation-timing-function: ease;
    animation-delay: 1.1s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt8t__YT_3B {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.style_root__pbnCQ .style_view__Vnu00 i.style_gift-left__DSAsG {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: initial;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    bottom: auto;
    right: auto;
    animation-name: style_inline-uebgt8z__8wEk5;
    animation-timing-function: ease;
    animation-delay: 1.8s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt8z__8wEk5 {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.style_root__pbnCQ .style_view__Vnu00 i.style_gift-right__qOX1g {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: initial;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    left: auto;
    bottom: auto;
    opacity: 0;
    animation-delay: .5s;
    animation-name: style_inline-uebgt9e__X13_P;
    animation-timing-function: ease;
    animation-delay: 1.8s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt9e__X13_P {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.style_indicator__3qp1J {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1
}

.style_indicator__3qp1J>li {
    position: relative;
    width: 30px;
    height: 30px;
    background-image: url(../images/dot.1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto
}

.style_indicator__3qp1J>li.style_active__SbjIS {
    background-image: url(../images/dot.2.png)
}

.style_indicator__3qp1J>li:first-child {
    background-image: url(../images/arrow.left.png);
    margin-right: 30px
}

.style_indicator__3qp1J>li:last-child {
    background-image: url(../images/arrow.right.png);
    margin-left: 30px
}

.style_root__4eKUD {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: url(../images/bkg.jpg) 50%/cover no-repeat #091c20
}

.style_root__4eKUD ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.style_root__4eKUD ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-feature-settings: "kern"
}

.style_root__4eKUD ul i:first-child {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.style_root__4eKUD ul i {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-writing-mode: tb-rl;
    writing-mode: tb-rl;
    color: #eecc9b
}

.style_title__RW7Ue {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    display: block;
    background: url(../picture/title.png) 50%/contain no-repeat;
    top: auto
}

.style_banner__m_idb {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    pointer-events: none;
    transform: translateX(100%);
    opacity: 0;
    transition: transform .5s ease,opacity .5s ease
}

.style_banner__m_idb.style_active__A8ZAY {
    transform: translateX(0);
    opacity: 1
}

.style_root__4qCiM {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: url(../images/bkg.jpg) 50%/cover no-repeat
}

.style_title__TDTBS {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    background: url(../picture/title.1.png) 50%/contain no-repeat;
    transition: background-image .5s linear
}

.style_title__TDTBS.style_second__UqIMi {
    background-image: url(../picture/title.2.png)
}

.style_desc__OGOp3 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    color: #00596e;
    text-shadow: 0 0 #00596e;
    display: inline-block;
    transition: opacity .5s linear;
    opacity: 0
}

.style_desc__OGOp3.style_active__C_zqd {
    opacity: 1
}

.style_desc__OGOp3 p {
    font-family: hxz;
    padding: 0;
    margin: 0;
    line-height: 2;
    letter-spacing: 2px
}

.style_switch__aT_GR {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: inline-block;
    margin: 0;
    top: auto
}

.style_switch__aT_GR .style_line__b9Umz {
    width: 1px;
    background-color: #ccd3dc;
    position: relative
}

.style_switch__aT_GR .style_line__b9Umz:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: top .5s ease;
    background-color: #00596e
}

.style_switch__aT_GR>div:first-child,.style_switch__aT_GR>div:nth-child(3) {
    display: flex;
    align-items: center
}

.style_switch__aT_GR>div:first-child i:last-child,.style_switch__aT_GR>div:nth-child(3) i:last-child {
    text-shadow: 0 0 #00596e
}

.style_switch__aT_GR>div:first-child {
    color: #00596e
}

.style_switch__aT_GR>div:nth-child(3) .style_block__zddkt {
    color: #c81d1d;
    background: none
}

.style_switch__aT_GR>div:nth-child(3) i:last-child {
    visibility: hidden
}

.style_switch__aT_GR .style_block__zddkt {
    margin-right: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/block.png) 50%/contain no-repeat
}

.style_switch__aT_GR.style_step-1__E8IXr>div:nth-child(3) {
    color: #00596e
}

.style_switch__aT_GR.style_step-1__E8IXr>div:nth-child(3) .style_block__zddkt {
    color: #fff;
    background: url(../images/block.png) 50%/contain no-repeat
}

.style_switch__aT_GR.style_step-1__E8IXr>div:nth-child(3) i:last-child {
    visibility: visible
}

.style_switch__aT_GR.style_step-1__E8IXr>div:first-child .style_block__zddkt {
    color: #c81d1d;
    background: none
}

.style_switch__aT_GR.style_step-1__E8IXr>div:first-child i:last-child {
    visibility: hidden
}

.style_switch__aT_GR.style_step-1__E8IXr .style_line__b9Umz:after {
    top: 50%
}

.style_root__lcWqn {
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative
}

.style_view__Oe4rc {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.style_view__Oe4rc>ul {
    display: flex;
    width: 800vw
}

.style_view__Oe4rc>ul.style_anime__RFx_U {
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: ease
}

.style_view__Oe4rc>ul>section {
    flex: 1 1;
    height: 100vh;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.style_category__58iFN {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    display: flex;
    top: auto;
    left: auto;
    z-index: 3
}

.style_category__58iFN li {
    background-position: 50%;
    background-size: cover;
    border: 1px solid #dcb86b
}

.style_category__58iFN li:first-child {
    transition: background-image .5s ease;
    background-image: url(../images/thumbnail.1.jpg)
}

.style_category__58iFN li:first-child.style_active__N6NWk {
    border: none;
    background-image: url(../images/thumbnail.1.1.png)
}

.style_category__58iFN li:nth-child(2) {
    transition: background-image .5s ease;
    background-image: url(../images/thumbnail.2.jpg)
}

.style_category__58iFN li:nth-child(2).style_active__N6NWk {
    border: none;
    background-image: url(../images/thumbnail.2.1.png)
}

.style_category__58iFN li:nth-child(3) {
    transition: background-image .5s ease;
    background-image: url(../images/thumbnail.3.jpg)
}

.style_category__58iFN li:nth-child(3).style_active__N6NWk {
    border: none;
    background-image: url(../images/thumbnail.3.1.png)
}

.style_category__58iFN li:nth-child(4) {
    transition: background-image .5s ease;
    background-image: url(../images/thumbnail.4.jpg)
}

.style_category__58iFN li:nth-child(4).style_active__N6NWk {
    border: none;
    background-image: url(../images/thumbnail.4.1.png)
}

.style_category__58iFN li:nth-child(5) {
    transition: background-image .5s ease;
    background-image: url(../images/thumbnail.5.jpg)
}

.style_category__58iFN li:nth-child(5).style_active__N6NWk {
    border: none;
    background-image: url(../images/thumbnail.5.1.png)
}

.style_category__58iFN li:nth-child(6) {
    transition: background-image .5s ease;
    background-image: url(../images/thumbnail.6.jpg)
}

.style_category__58iFN li:nth-child(6).style_active__N6NWk {
    border: none;
    background-image: url(../images/thumbnail.6.1.png)
}

.style_title__PL1ia {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: initial;
    z-index: 1;
    right: auto;
    bottom: auto;
    background: url(../picture/title1.png) 50%/contain no-repeat
}

.style_title__PL1ia.style_dark__FJwXL {
    background-image: url(../images/title.dark.png)
}

.style_desc__eEfoa {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: initial;
    z-index: 1;
    color: #eecc9b;
    opacity: 0;
    transition: opacity 1s ease;
    display: inline-block
}

.style_desc__eEfoa.style_dark__FJwXL {
    color: #00596e
}

.style_desc__eEfoa.style_active__N6NWk {
    opacity: 1
}

.style_desc__eEfoa p {
    margin: 0;
    padding: 0
}

.style_arrow-left__ncnR7 {
    right: 0;
    right: auto;
    background: url(../images/arrow.left.png) 50%/contain no-repeat
}

.style_arrow-left__ncnR7,.style_arrow-right__mccSa {
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    bottom: auto;
    margin: unset
}

.style_arrow-right__mccSa {
    right: 0;
    left: auto;
    background: url(../images/arrow.right.png) 50%/contain no-repeat
}

.style_root__0_a2y {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: url(../images/bkg.jpg) 50%/cover no-repeat
}

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

.style_window__QA6hQ {
    color: #095461;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 38rem;
    height: 38rem;
    background: url(../images/window.png) 50%/contain no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.style_window__QA6hQ .style_title__g_OFZ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 5rem;
    position: relative
}

.style_window__QA6hQ .style_content__lf5Zk {
    margin: 16px auto 0;
    font-size: 1.375rem;
    text-align: center;
    width: 30rem;
    line-height: 2;
    letter-spacing: 2px;
    text-shadow: 0 0 #00596e
}

.style_window__QA6hQ button {
    margin: 24px auto 0;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    background-color: #0000;
    width: 154.2px;
    height: 42px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/btn.png);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    transition: background-image .2s ease
}

.style_window__QA6hQ button>i:first-child {
    width: 15px;
    height: 15px;
    background: url(../images/dot.png) 50%/contain no-repeat
}

.style_window__QA6hQ button>i:last-child {
    letter-spacing: 2px;
    margin-left: 12px;
    font-size: 1.125rem;
    text-shadow: 0 0 #00596e
}

.style_window__QA6hQ button:hover {
    background-image: url(../images/btn-active.png)
}

.style_root__YzgaS {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.style_logo__yO6Lh {
    width: 30px;
    height: 160px;
    background: url(../images/logo.1.png) 50%/contain no-repeat;
    position: absolute;
    transform-origin: left top;
    z-index: 3;
    transition: background-image 2s linear;
    animation-name: style_inline-uebgszy__FJwyA;
    animation-timing-function: ease;
    animation-delay: .2s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgszy__FJwyA {
    0% {
        opacity: 0;
        top: 0
    }

    to {
        opacity: 1;
        top: 50px
    }
}

.style_logo__yO6Lh.style_dark__ggcTQ {
    width: 30px;
    height: 160px;
    background: url(../images/logo.2.png) 50%/contain no-repeat
}

.style_menu__9Rf3B {
    background-image: url(../images/menu.1.png);
    width: 47px;
    height: 41px;
    background-position: 0 0;
    position: absolute;
    transition: background-position .5s ease-out,background-image 2s linear;
    z-index: 5;
    transform-origin: right top;
    animation-name: style_inline-uebgt36__P2j6h;
    animation-timing-function: ease;
    animation-delay: .2s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt36__P2j6h {
    0% {
        opacity: 0;
        top: 0
    }

    to {
        opacity: 1;
        top: 50px
    }
}

.style_menu__9Rf3B.style_active__BQUBs,.style_menu__9Rf3B:hover {
    background-image: url(../images/menu.1.png);
    width: 47px;
    height: 41px;
    background-position: 0 -41px
}

.style_menu__9Rf3B.style_dark__ggcTQ {
    background-image: url(../images/menu.2.png);
    width: 47px;
    height: 41px;
    background-position: 0 0
}

.style_menu__9Rf3B.style_dark__ggcTQ.style_active__BQUBs,.style_menu__9Rf3B.style_dark__ggcTQ:hover {
    background-image: url(../images/menu.2.png);
    width: 47px;
    height: 41px;
    background-position: 0 -41px
}

.style_sidebar__C8Zxd {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: transform .5s ease-out;
    z-index: 3
}

.style_sidebar__C8Zxd.style_active__BQUBs,.style_sidebar__C8Zxd:hover {
    transform: translateX(0)
}

.style_sidebar__C8Zxd>div {
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
}

.style_sidebar__C8Zxd li {
    -webkit-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    color: #f6c99d;
    letter-spacing: 2px;
    font-feature-settings: "kern";
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

.style_sidebar__C8Zxd li:hover i:first-child {
    background-image: url(../images/icon.png);
    width: 13px;
    height: 17px;
    background-position: -165px -10px
}

.style_sidebar__C8Zxd li:hover i:last-child {
    font-weight: bolder
}

.style_sidebar__C8Zxd li.style_tmall__OrdCP {
    background-image: url(../images/icon.png);
    width: 30px;
    height: 20px;
    background-position: -110px -120px;
    margin-bottom: 24px
}

.style_sidebar__C8Zxd li.style_jd__ElXfG {
    background-image: url(../images/jd.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 20px
}

.style_sidebar__C8Zxd li .style_text__1euOZ {
    font-size: 20px
}

@media(max-height: 900px) {
    .style_sidebar__C8Zxd li .style_text__1euOZ {
        font-size:16px
    }
}

.style_sidebar__C8Zxd li i:first-child {
    background-image: url(../images/icon.png);
    width: 13px;
    height: 17px;
    background-position: -165px -47px
}

.style_icp__V2bNF {
    position: absolute;
    display: inline-block;
    z-index: 3
}

.style_icp__V2bNF i {
    font-family: hxz;
    letter-spacing: 2px
}

.style_arrow__2LCtL {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-position: -110px -10px;
    top: auto;
    left: auto;
    transform-origin: right bottom;
    z-index: 3
}

.style_arrow__2LCtL,.style_arrow__2LCtL.style_dark__ggcTQ {
    background-image: url(../images/icon.png);
    width: 35px;
    height: 35px
}

.style_arrow__2LCtL.style_dark__ggcTQ {
    background-position: -110px -65px
}

.style_arrow__2LCtL.style_left__5GQcm {
    background-image: url(../images/arrow.1.1.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.style_view__mQCT_ {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.style_view__mQCT_>section {
    position: absolute;
    left: 100%;
    top: 0
}

.style_view__mQCT_>section.style_active__BQUBs {
    transform: translateX(-100%);
    transition: transform 1.8s cubic-bezier(.8,0,.25,1);
    z-index: 1
}

.style_view__mQCT_>section.style_leave__8WiC0 {
    transform: translateX(-200%);
    transition: transform 1.6s cubic-bezier(.8,0,.25,1);
    transition-delay: .2s
}

.style_view__mQCT_>section.style_reset__q718R {
    transform: translateX(0);
    transition: transform 1.6s cubic-bezier(.8,0,.25,1);
    transition-delay: .2s
}

.style_mouse-1__vCaI9 {
    width: 34px;
    height: 34px
}

.style_mouse-2__h1Rvf {
    background: url(../images/mouse.2.png) 50%/contain no-repeat;
    width: 14px;
    height: 14px
}

.style_mouse-3__CjjnF {
    background: url(../images/mouse-3.png) 50%/contain no-repeat;
    width: 34px;
    height: 34px
}

.style_mouse-1__vCaI9,.style_mouse-2__h1Rvf,.style_mouse-3__CjjnF {
    display: block;
    position: absolute;
    z-index: 9;
    transform: translate(-50%,-50%);
    pointer-events: none
}

.style_root__clrEB {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.style_logo__7y_Lf {
}

@keyframes style_inline-uebgszi__paDSL {
    0% {
        opacity: 0;
        top: 0
    }

    to {
        opacity: 1;
        top: 50px
    }
}

.style_logo__7y_Lf.style_dark__aw0c7 {
    width: 30px;
    height: 160px;
    background: url(../images/logo.2.png) 50%/contain no-repeat
}

.style_menu__Apksv {
    background-image: url(../images/images/2024111701.png);
    margin-top: -36px;
    width: 270px;
    height: 80px;
    background-repeat: no-repeat;
    left: 30px;
    height: 85px;
    background-position: 0 0;
    position: absolute;
    transition: background-position .5s ease-out,background-image 2s linear;
    z-index: 5;
    transform-origin: right top;
    animation-name: style_inline-uebgt29__iBFAq;
    animation-timing-function: ease;
    animation-delay: .2s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes style_inline-uebgt29__iBFAq {
    0% {
        opacity: 0;
        top: 0
    }

    to {
        opacity: 1;
        top: 50px
    }
}

.style_menu__Apksv.style_active__uGhlz,.style_menu__Apksv.style_dark__aw0c7 {
    background-image: url(../images/images/2024111701.png);
    width: 270px;
    height: 80px;
    background-position: 0 0
}

.style_menu__Apksv.style_dark__aw0c7.style_active__uGhlz,.style_menu__Apksv.style_dark__aw0c7:hover {
    background-image: url(../images/images/2024111701.png);
    width: 270px;
    height: 80px;
    background-position: 0 -41px
}

.style_sidebar__V5d_z {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(0%);
    transition: transform .5s ease-out;
    z-index: 3
}

.style_sidebar__V5d_z.style_active__uGhlz,.style_sidebar__V5d_z:hover {
    transform: translateX(0)
}

.style_sidebar__V5d_z>div {
    height: calc(100% - 20px);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center
}

.style_sidebar__V5d_z li {
    -webkit-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    color: #f6c99d;
    letter-spacing: 2px;
    font-feature-settings: "kern";
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.style_sidebar__V5d_z li:hover i:first-child {
}

.style_sidebar__V5d_z li:hover i:last-child {
    font-weight: bolder
}

.style_sidebar__V5d_z li.style_tmall__YA734 {
    background-image: url(../images/images/dianhua.png);
    background-repeat: no-repeat;
    width: 223px;
    height: 45px;
}

.style_sidebar__V5d_z li.style_jd__a7ufL {
}

.style_sidebar__V5d_z li .style_text__DF8oV {
    font-size: 20px
}

@media(max-height: 900px) {
    .style_sidebar__V5d_z li .style_text__DF8oV {
        font-size:16px
    }
}

.style_sidebar__V5d_z li i:first-child {
}

.style_icp__50RRY {
    position: absolute;
    display: inline-block;
    z-index: 3
}

.style_icp__50RRY i {
    font-family: hxz;
    letter-spacing: 2px
}

.style_arrow__86yar {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-position: -110px -10px;
    top: auto;
    left: auto;
    transform-origin: right bottom;
    z-index: 3
}

.style_arrow__86yar,.style_arrow__86yar.style_dark__aw0c7 {
    background-image: url(../images/icon.png);
}

.style_arrow__86yar.style_dark__aw0c7 {
    background-position: -110px -65px
}

.style_arrow__86yar.style_left__lcNRA {
    background-image: url(../images/arrow.1.1.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.style_view__MysYq {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.style_view__MysYq>section {
    position: absolute;
    left: 100%;
    top: 0
}

.style_view__MysYq>section.style_active__uGhlz {
    transform: translateX(-100%);
    transition: transform 1.8s cubic-bezier(.8,0,.25,1);
    z-index: 1
}

.style_view__MysYq>section.style_leave__ON1uU {
    transform: translateX(-200%);
    transition: transform 1.6s cubic-bezier(.8,0,.25,1);
    transition-delay: .2s
}

.style_view__MysYq>section.style_reset__NZefj {
    transform: translateX(0);
    transition: transform 1.6s cubic-bezier(.8,0,.25,1);
    transition-delay: .2s
}

.style_mouse-1__Zl_en {
    width: 34px;
    height: 34px
}

.style_mouse-2__CDUHt {
    background: url() 50%/contain no-repeat;
    width: 14px;
    height: 14px
}

.style_mouse-3__C5g76 {
    background: url(../images/mouse-3.png) 50%/contain no-repeat;
    width: 34px;
    height: 34px
}

.style_mouse-1__Zl_en,.style_mouse-2__CDUHt,.style_mouse-3__C5g76 {
    display: block;
    position: absolute;
    z-index: 9;
    transform: translate(-50%,-50%);
    pointer-events: none
}