@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: .16rem
}

#app {
    width: 100%;
    height: 100%
}

.moyi-rail[data-v-2a271370] {
    width: 2.23rem;
    height: 6.23rem;
    padding: 1.2rem 0;
    position: absolute;
    top: 4.4rem;
    right: .6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url("../right-nav.png") no-repeat center center;
    background-size: 100% 100%;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease;
    z-index: 1000
}

.moyi-rail ul[data-v-2a271370] {
    height: 2.5rem
}

.moyi-rail li[data-v-2a271370],
.moyi-rail .moyi-rail-top[data-v-2a271370] {
    width: 1.52rem;
    height: .34rem;
    padding-bottom: .04rem;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: #e1d4a5;
    transition: all .3s ease;
    margin-bottom: .28rem;
    cursor: pointer
}

.moyi-rail li[data-v-2a271370]:hover,
.moyi-rail .moyi-rail-top[data-v-2a271370]:hover {
    color: #e2b553
}

.moyi-rail .active[data-v-2a271370] {
    font-weight: 700;
    color: #e2b553;
    background: url("../nav-active.png") no-repeat center center;
    background-size: 100% 100%
}

.moyi-rail .moyi-rail-top[data-v-2a271370] {
    font-size: .14rem;
    margin-top: .08rem
}

.moyi-mast[data-v-080bd384] {
    width: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .54rem .8rem
}

.logo[data-v-080bd384] {
    width: 1.74rem;
    height: 1.21rem;
    background: url("../logo.png") no-repeat center center;
    background-size: 100% 100%
}

.nav[data-v-080bd384] {
    width: 3.24rem;
    height: .81rem;
    background: url("../topUp.jpg") no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    transition: all .3s ease
}

.nav[data-v-080bd384]:hover {
    background: url("../topUpHover.jpg") no-repeat center center;
    background-size: 100% 100%
}

.nav a[data-v-080bd384] {
    height: .3rem;
    font-size: .22rem;
    color: #1f1f1f;
    line-height: .3rem;
    text-decoration: none
}

.nav a[data-v-080bd384]:hover {
    color: #8d0c0c
}

.nav a[data-v-080bd384]:first-child {
    margin-left: .88rem
}

.nav a[data-v-080bd384]:nth-child(2) {
    margin-left: .67rem
}

.moyi-stage[data-v-1b9cf275] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
    transition: opacity .6s ease
}

.moyi-stage--active[data-v-1b9cf275],
.moyi-stage--enter[data-v-1b9cf275] {
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

.moyi-stage--leave[data-v-1b9cf275] {
    visibility: visible;
    pointer-events: auto;
    opacity: 0
}

.moyi-stage-bg[data-v-1b9cf275] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.moyi-stage-inner[data-v-1b9cf275] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.content-left[data-v-1b9cf275] {
    flex: 1;
    height: 100%;
    text-align: right;
    color: #fff;
    transition: opacity .4s ease, transform .4s ease
}

.content-left h2[data-v-1b9cf275] {
    font-size: .48rem;
    margin: 0 0 .16rem
}

.content-left p[data-v-1b9cf275] {
    font-size: .18rem;
    margin: 0;
    opacity: .8
}

.moyi-hero-tools[data-v-1b9cf275] {
    flex: 1;
    height: 100%;
    color: #fff;
    transition: opacity .4s ease, transform .4s ease
}

.moyi-hero-tools p[data-v-1b9cf275] {
    font-size: .18rem;
    margin: 0;
    opacity: .8
}

.content-center[data-v-1b9cf275] {
    height: 100%;
    color: #fff;
    text-align: center
}

.content-left.animate-out[data-v-1b9cf275],
.moyi-hero-tools.animate-out[data-v-1b9cf275],
.content-center.animate-out[data-v-1b9cf275] {
    opacity: 0;
    transform: translateY(-.4rem);
    transition: opacity .35s ease-in, transform .35s ease-in
}

.content-left.animate-in[data-v-1b9cf275] {
    opacity: 1;
    transform: translate(0);
    animation: flyInLeft-1b9cf275 .3s ease-out forwards
}

.moyi-hero-tools.animate-in[data-v-1b9cf275] {
    opacity: 1;
    transform: translate(0);
    animation: flyInRight-1b9cf275 .3s ease-out forwards
}

.content-center.animate-in[data-v-1b9cf275] {
    opacity: 1;
    transform: translateY(0)
}

@keyframes flyInLeft-1b9cf275 {
    0% {
        opacity: 0;
        transform: translate(-8rem)
    }

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

@keyframes flyInRight-1b9cf275 {
    0% {
        opacity: 0;
        transform: translate(8rem)
    }

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

[data-v-84580720] .moyi-stage-inner .content-left {
    flex: 1;
    position: relative
}

[data-v-84580720] .moyi-stage-inner .content-center {
    flex: 3;
    position: relative
}

[data-v-84580720] .moyi-stage-inner .moyi-hero-tools {
    flex: 1;
    position: relative
}

[data-v-84580720] .moyi-stage-inner .content-center.animate-in .slogan {
    animation: flyInDown-84580720 .3s ease-out forwards
}

[data-v-84580720] .moyi-stage-inner .content-center.animate-in .center-window {
    animation: flyInUp-84580720 .3s .05s ease-out both
}

@keyframes flyInDown-84580720 {
    0% {
        opacity: 0;
        transform: translateY(-2.5rem)
    }

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

@keyframes flyInUp-84580720 {
    0% {
        opacity: 0;
        transform: translateY(2rem)
    }

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

#Landing-sg .moyi-stage-base .center-box .center-window[data-v-84580720] {
    height: 4.2rem
}

#Landing-sg .moyi-stage-base .signature[data-v-84580720] {
    width: .9rem;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 5rem;
    left: 17.3rem
}

#Landing-sg .moyi-stage-base .center-box[data-v-84580720] {
    padding-top: 1.5rem
}

#Landing-sg .moyi-stage-base .center-box .slogan[data-v-84580720] {
    width: 9.59rem
}

#Landing-sg .moyi-stage-base .center-box .btn-video-box[data-v-84580720] {
    display: none !important;
    top: 2.6rem;
    left: 52%
}

#Landing-crm .moyi-stage-base .center-box .slogan[data-v-84580720] {
    width: 9.86rem
}

.moyi-stage-base[data-v-84580720] {
    background: url("../Wrapper1/bg.jpg") no-repeat center center;
    background-size: cover
}

.moyi-stage-base .signature[data-v-84580720] {
    width: 1.24rem;
    height: 2.52rem;
    object-fit: cover;
    position: absolute;
    top: 3rem;
    left: .85rem
}

.moyi-stage-base .center-box[data-v-84580720] {
    padding-top: 2rem
}

.moyi-stage-base .center-box .slogan[data-v-84580720] {
    width: 8.59rem;
    height: auto;
    object-fit: cover
}

.moyi-stage-base .center-box .center-window[data-v-84580720] {
    width: 9.25rem;
    height: 3.93rem;
    line-height: .24rem;
    position: relative;
    top: -.1rem;
    background: rgba(0, 0, 0, .7);
    margin: 0 auto
}

.moyi-stage-base .center-box .center-window .center-news[data-v-84580720] {
    width: 100%;
    height: .72rem;
    background: url("../Wrapper1/center-news.png") no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    top: -.1rem
}

.moyi-stage-base .center-box .center-window .center-news .moyi-hero-center[data-v-84580720] {
    width: calc(100% - 2.2rem);
    height: .4rem;
    overflow: hidden;
    position: relative;
    left: 2.2rem;
    top: .17rem
}

.moyi-stage-base .center-box .center-window .center-download[data-v-84580720] {
    width: 100%;
    padding: 0 .16rem
}

.moyi-stage-base .center-box .center-window .moyi-ticker[data-v-84580720] {
    will-change: transform
}

.moyi-stage-base .center-box .center-window .moyi-hero-heading[data-v-84580720] {
    height: .4rem;
    display: flex;
    align-items: center
}

.moyi-stage-base .center-box .center-window .moyi-hero-heading .moyi-ticker-wrap[data-v-84580720] {
    width: 5.7rem;
    height: .4rem;
    margin-right: .18rem
}

.moyi-stage-base .center-box .center-window .moyi-hero-heading .moyi-ticker-wrap:hover .moyi-ticker-text a[data-v-84580720] {
    color: #fff;
    border-bottom: .02rem solid #eee7b9
}

.moyi-stage-base .center-box .center-window .moyi-hero-heading .moyi-ticker-wrap .moyi-ticker-text[data-v-84580720] {
    height: 100%;
    line-height: .4rem;
    font-size: .2rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.moyi-stage-base .center-box .center-window .moyi-hero-heading .moyi-ticker-wrap .moyi-ticker-text a[data-v-84580720] {
    color: #eee7b9;
    text-decoration: none;
    border-bottom: .02rem solid rgba(0, 0, 0, 0);
    transition: all .3s ease
}

.moyi-stage-base .center-box .center-window .moyi-hero-heading .view[data-v-84580720] {
    width: .83rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    background: #900b0b;
    border: 1px solid #e3bd26;
    text-decoration: none;
    border-radius: .3rem;
    font-size: .2rem;
    color: #ead7b8;
    cursor: pointer;
    transition: all .3s ease
}

.moyi-stage-base .center-box .center-window .moyi-hero-heading .view[data-v-84580720]:hover {
    color: #fff
}

.moyi-stage-base .center-box .center-window .center-body[data-v-84580720] {
    height: 2.69rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: .14rem;
    padding-top: .2rem
}

.moyi-stage-base .center-box .center-window .center-body .gift[data-v-84580720] {
    display: block;
    width: 2.48rem;
    height: 2.48rem;
    background: url("../Wrapper1/gift.png") no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
    transition: all .3s ease
}

.moyi-stage-base .center-box .center-window .center-body .gift[data-v-84580720]:hover {
    background: url("../Wrapper1/gift-hover.png") no-repeat center center;
    background-size: 100% 100%
}

.moyi-stage-base .center-box .center-window .center-body .QRcode[data-v-84580720] {
    width: 2.94rem;
    height: 2.5rem;
    position: relative;
    background: url("../Wrapper1/QRcode-img.png") no-repeat center center;
    background-size: 100% 100%
}

.moyi-stage-base .center-box .center-window .center-body .QRcode .QRcode-img[data-v-84580720] {
    width: 1.76rem;
    height: 1.76rem;
    object-fit: cover;
    position: absolute;
    top: .38rem;
    left: .78rem
}

.moyi-stage-base .center-box .center-window .center-body .download-box[data-v-84580720] {
    height: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.moyi-stage-base .center-box .center-window .center-body .download-box .download[data-v-84580720] {
    width: 3.06rem;
    height: .78rem;
    cursor: pointer;
    position: relative
}

.moyi-stage-base .center-box .center-window .center-body .download-box .download[data-v-84580720]:before {
    content: "";
    background: rgba(0, 0, 0, .15);
    border-radius: .3rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .3s ease
}

.moyi-stage-base .center-box .center-window .center-body .download-box .download[data-v-84580720]:hover:before {
    background: none
}

.moyi-stage-base .center-box .center-window .center-body .download-box .download[data-v-84580720]:nth-child(1) {
    background: url("../Wrapper1/AppStore-hover.png") no-repeat center center;
    background-size: 100% 100%
}

.moyi-stage-base .center-box .center-window .center-body .download-box .download[data-v-84580720]:nth-child(2) {
    background: url("../Wrapper1/Android-hover.png") no-repeat center center;
    background-size: 100% 100%
}

.moyi-stage-base .center-box .center-window .center-body .download-box .download[data-v-84580720]:nth-child(3) {
    background: url("../Wrapper1/Huawei-hover.png") no-repeat center center;
    background-size: 100% 100%
}

.moyi-stage-base .center-box .center-window .agreement[data-v-84580720] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: .4rem
}

.moyi-stage-base .center-box .center-window .agreement p[data-v-84580720] {
    color: #7f6e52
}

.moyi-stage-base .center-box .center-window .agreement a[data-v-84580720] {
    color: #7f6e52;
    text-decoration: none;
    transition: all .3s ease
}

.moyi-stage-base .center-box .center-window .agreement a[data-v-84580720]:hover {
    color: #fff
}

.moyi-stage-base .center-box .center-window .agreement .agreement-item[data-v-84580720] {
    display: flex;
    align-items: center;
    justify-content: center
}

.moyi-stage-base .center-box .center-window .moyi-copy[data-v-84580720] {
    color: rgba(255, 255, 255, .6);
    font-size: .13rem;
    text-align: center
}

.moyi-stage-base .moyi-side-text[data-v-84580720] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .2rem;
    position: absolute;
    bottom: 1.33rem;
    right: .75rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.moyi-stage-base .moyi-side-text span[data-v-84580720] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    margin-bottom: .18rem
}

.moyi-stage-base .moyi-side-text span[data-v-84580720]:nth-child(2) {
    background: #a02800;
    border-radius: 50%
}

.moyi-stage-base .moyi-side-text span[data-v-84580720]:nth-child(3) {
    background: #a02800;
    border-radius: 50%
}

.moyi-stage-base .moyi-side-text span[data-v-84580720]:nth-child(4) {
    background: #a02800;
    border-radius: 50%
}

.moyi-stage-base .btn-video-box[data-v-84580720] {
    display: none !important;
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 2.8rem;
    left: 50%;
    margin-left: 3rem;
    z-index: 2;
    animation: flyInDown-84580720 .3s ease-out forwards;
    cursor: pointer
}

.moyi-stage-base .btn-video[data-v-84580720] {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    animation: Bigger-84580720 1.2s ease-in-out infinite alternate;
    background-image: url("../Wrapper1/m-video-btn.png")
}

.moyi-video[data-v-84580720] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}

.moyi-video .moyi-video-body[data-v-84580720] {
    position: relative
}

.moyi-video .moyi-video-body .moyi-video-close[data-v-84580720] {
    width: .54rem;
    height: .54rem;
    position: absolute;
    top: -.55rem;
    right: -.65rem;
    cursor: pointer;
    transition: transform .2s ease
}

.moyi-video .moyi-video-body .moyi-video-close[data-v-84580720]:hover {
    transform: scale(1.15);
    animation: none
}

.moyi-video .moyi-video-body .video-player[data-v-84580720] {
    width: 10rem;
    height: auto;
    max-height: 90vh
}

@keyframes Bigger-84580720 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.swiper-outer[data-v-8dd85002] {
    position: relative
}

.swiper-outer .swiper-border[data-v-8dd85002] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none
}

.swiper-container[data-v-8dd85002] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.swiper-container[data-v-8dd85002]:active {
    cursor: grabbing
}

.swiper-track[data-v-8dd85002] {
    height: 100%;
    font-size: 0
}

.swiper-slide[data-v-8dd85002] {
    display: inline-block;
    height: 100%;
    vertical-align: top
}

.slide-placeholder[data-v-8dd85002] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    color: #fff;
    font-size: .24rem
}

.swiper-btn[data-v-8dd85002] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem;
    height: .8rem;
    border: none;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    font-size: .24rem;
    cursor: pointer;
    z-index: 10;
    transition: background .3s
}

.swiper-btn[data-v-8dd85002]:hover {
    background: rgba(0, 0, 0, .6)
}

.swiper-btn-left[data-v-8dd85002] {
    left: 0;
    transform: translate(-100%, -50%);
    border-radius: .06rem 0 0 .06rem
}

.swiper-btn-right[data-v-8dd85002] {
    right: 0;
    transform: translate(100%, -50%);
    border-radius: 0 .06rem .06rem 0
}

.swiper-dots[data-v-8dd85002] {
    position: absolute;
    bottom: -.5rem;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    z-index: 10
}

.swiper-dot[data-v-8dd85002] {
    display: block;
    width: .18rem;
    height: .18rem;
    border-radius: .18rem;
    background: #e4d6bd;
    border: .02rem solid #81511d;
    cursor: pointer;
    transition: width .3s, background .3s;
    margin: 0 .08rem
}

.swiper-dot.active[data-v-8dd85002] {
    width: .86rem;
    background: #ad2f25
}

.swiper-dot[data-v-8dd85002]:hover {
    background: #ad2f25
}

[data-v-36218dbb] .moyi-stage-inner .content-left {
    flex: 1;
    position: relative;
    text-align: left;
    padding-top: 1.85rem;
    padding-left: 2.2rem;
    z-index: 1
}

[data-v-36218dbb] .moyi-stage-inner .moyi-hero-tools {
    flex: 1;
    position: relative
}

[data-v-36218dbb] .swiper-outer {
    width: 11.6rem;
    height: 6.52rem;
    transition: all .3s ease-in-out
}

[data-v-36218dbb] .swiper-outer:hover {
    box-shadow: 0 0 .2rem .1rem rgba(0, 0, 0, .08), 0 0 .3rem .15rem rgba(0, 0, 0, .04), 0 0 .2rem .1rem rgba(0, 0, 0, .02), inset 0 -.02rem .04rem rgba(255, 255, 255, .7), inset 0 -.02rem .06rem rgba(255, 255, 255, .9)
}

[data-v-36218dbb] .swiper-outer .swiper-track {
    height: 100%
}

[data-v-36218dbb] .swiper-outer .swiper-track .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

[data-v-36218dbb] .swiper-outer .swiper-btn {
    width: .62rem;
    height: .62rem;
    background: none
}

[data-v-36218dbb] .swiper-outer .swiper-btn-left {
    left: .3rem
}

[data-v-36218dbb] .swiper-outer .swiper-btn-right {
    right: .3rem
}

.moyi-stage-base[data-v-36218dbb] {
    background: url("../Wrapper2/bg.jpg") no-repeat center top;
    background-size: cover
}

.moyi-stage-base .title[data-v-36218dbb] {
    width: 8.37rem;
    height: 2.67rem;
    object-fit: cover;
    margin-bottom: .5rem
}

.moyi-stage-base .people[data-v-36218dbb] {
    width: 16rem;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: -4.6rem
}

.moyi-news-board[data-v-a12773e9] {
    display: flex;
    align-items: flex-start;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.moyi-news-main[data-v-a12773e9] {
    position: relative;
    width: 6.5rem;
    height: 4.5rem;
    overflow: hidden
}

.moyi-news-main .moyi-news-img[data-v-a12773e9] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.moyi-news-main .moyi-news-bar[data-v-a12773e9] {
    width: calc(100% - .12rem);
    padding: .15rem .3rem .3rem;
    margin: 0 auto;
    min-height: 1rem;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    left: .06rem;
    cursor: pointer
}

.moyi-news-main .moyi-news-bar[data-v-a12773e9]:before {
    content: "";
    width: 100%;
    height: .32rem;
    background: url("../Wrapper3/message-title.png") no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0
}

.moyi-news-main .moyi-news-bar:hover .moyi-news-title[data-v-a12773e9],
.moyi-news-main .moyi-news-bar:hover .moyi-news-body[data-v-a12773e9] {
    color: #fff
}

.moyi-news-main .moyi-news-bar .moyi-news-title[data-v-a12773e9] {
    width: 100%;
    color: #ebd592;
    font-size: .36rem;
    font-weight: 700;
    line-height: .48rem;
    transition: color .3s ease-in-out
}

.moyi-news-main .moyi-news-bar .moyi-news-body[data-v-a12773e9] {
    width: 100%;
    color: #96885d;
    font-size: .16rem;
    line-height: 1.4;
    margin-top: .1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: color .3s ease-in-out
}

.moyi-news-main .moyi-news-bar .moyi-news-body .moyi-news-html[data-v-a12773e9] {
    width: 80%
}

.moyi-news-main .moyi-news-bar .moyi-news-body .moyi-news-more[data-v-a12773e9] {
    text-align: right;
    width: 20%;
    transform: all .3s ease-in-out;
    cursor: pointer
}

.moyi-news-main .swiper-border[data-v-a12773e9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none
}

.moyi-news-thumbs[data-v-a12773e9] {
    height: 6.52rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: .02rem;
    position: relative
}

.moyi-news-arrow[data-v-a12773e9] {
    width: .62rem;
    height: .62rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-size: .16rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2
}

.moyi-news-arrow[data-v-a12773e9]:hover {
    color: #e2b553
}

.moyi-news-arrow-up[data-v-a12773e9] {
    top: -.35rem
}

.moyi-news-arrow-down[data-v-a12773e9] {
    bottom: -.35rem
}

.moyi-news-list[data-v-a12773e9] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.moyi-news-item[data-v-a12773e9] {
    position: relative;
    width: 2.8rem;
    height: 1.6rem;
    border: .02rem solid transparent;
    cursor: pointer;
    overflow: hidden;
    margin-top: .04rem;
    transition: border-color .3s
}

.moyi-news-item[data-v-a12773e9]:first-child {
    margin-top: 0
}

.moyi-news-item img[data-v-a12773e9] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.moyi-news-item[data-v-a12773e9] {
    border: 2px solid #e2b553
}

.moyi-news-item .moyi-news-mask[data-v-a12773e9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

.moyi-news-item.active .moyi-news-mask[data-v-a12773e9] {
    display: none
}

[data-v-8d4b1068] .moyi-stage-inner .content-left {
    flex: 1;
    position: relative;
    text-align: left;
    padding-top: 1.85rem;
    padding-left: 2.2rem;
    z-index: 1
}

[data-v-8d4b1068] .moyi-stage-inner .moyi-hero-tools {
    flex: 1;
    position: relative
}

[data-v-8d4b1068] .moyi-news-main {
    width: 11.6rem;
    height: 6.52rem;
    transition: all .3s ease-in-out
}

[data-v-8d4b1068] .moyi-news-main:hover {
    box-shadow: 0 0 .2rem .1rem rgba(0, 0, 0, .08), 0 0 .3rem .15rem rgba(0, 0, 0, .04), 0 0 .2rem .1rem rgba(0, 0, 0, .02), inset 0 -.02rem .04rem rgba(255, 255, 255, .7), inset 0 -.02rem .06rem rgba(255, 255, 255, .9)
}

.moyi-stage-base[data-v-8d4b1068] {
    background: url("../Wrapper3/bg.jpg") no-repeat center top;
    background-size: cover
}

.moyi-stage-base .title[data-v-8d4b1068] {
    width: 8.37rem;
    height: 2.67rem;
    object-fit: cover;
    margin-bottom: .2rem
}

.moyi-stage-base .people[data-v-8d4b1068] {
    width: 24rem;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: -15.3rem
}

[data-v-cf60f8cd] .moyi-stage-inner {
    transition: transform .5s ease
}

[data-v-cf60f8cd] .moyi-stage-inner .content-left {
    flex: 1;
    position: relative;
    text-align: left;
    padding-top: 1.74rem;
    padding-left: 2rem;
    z-index: 1
}

[data-v-cf60f8cd] .moyi-stage-inner .content-left img {
    margin: 0
}

[data-v-cf60f8cd] .moyi-stage-inner .moyi-hero-tools {
    flex: 1;
    position: relative
}

.moyi-stage-base[data-v-cf60f8cd] {
    background: url("../Wrapper4/bg.jpg") no-repeat center top;
    background-size: cover
}

.moyi-stage-base .title[data-v-cf60f8cd] {
    width: 11.61rem;
    height: 3.19rem;
    object-fit: cover;
    margin-bottom: .2rem
}

.moyi-stage-base .littleApp[data-v-cf60f8cd] {
    padding-left: .15rem
}

.moyi-stage-base .littleApp .littleApp-up[data-v-cf60f8cd] {
    margin-bottom: .5rem
}

.moyi-stage-base .littleApp .littleApp-up .moyi-welfare-sub[data-v-cf60f8cd] {
    font-size: .38rem;
    font-weight: 700;
    color: #9c251c;
    margin-bottom: .2rem
}

.moyi-stage-base .littleApp .littleApp-up .littleApp-desc[data-v-cf60f8cd] {
    font-size: .2rem;
    color: #323232;
    margin-bottom: .3rem
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box[data-v-cf60f8cd] {
    display: flex;
    align-items: center
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-vip[data-v-cf60f8cd] {
    width: 2.86rem;
    height: 2.86rem;
    object-fit: cover;
    margin-right: .04rem
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc[data-v-cf60f8cd] {
    width: 6.54rem;
    height: 3rem;
    padding: .47rem .57rem
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .moyi-welfare-desc[data-v-cf60f8cd] {
    display: flex;
    align-items: center;
    margin-bottom: .16rem
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .moyi-welfare-desc p[data-v-cf60f8cd] {
    font-size: .36rem;
    font-weight: 700;
    background: linear-gradient(0deg, #e9d095, #ccaa4f 70%, #fff3bd);
    -webkit-background-clip: text;
    -ms-background-clip: text;
    background-clip: text;
    color: transparent
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .moyi-welfare-desc .line-solid[data-v-cf60f8cd] {
    width: 2.78rem;
    border-bottom: .1px solid #a68f5a;
    margin-left: .35rem
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .desc-list[data-v-cf60f8cd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .desc-list li[data-v-cf60f8cd] {
    width: 1.12rem;
    height: 1.12rem;
    background: url("../Wrapper4/icon-border-yellow.png") no-repeat center top;
    background-size: 100% 100%;
    list-style: none
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .desc-list li .desc-item[data-v-cf60f8cd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .desc-list li .desc-item img[data-v-cf60f8cd] {
    width: 1.07rem;
    height: 1.07rem;
    object-fit: cover;
    margin-top: .08rem
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .qrCode-desc .desc-list li .desc-item p[data-v-cf60f8cd] {
    font-size: .2rem;
    color: #dec285
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .desc-box1[data-v-cf60f8cd] {
    background: url("../Wrapper4/qrBg-red.png") no-repeat center top;
    background-size: 100% auto
}

.moyi-stage-base .littleApp .littleApp-up .qrCode-box .desc-box2[data-v-cf60f8cd] {
    background: url("../Wrapper4/qrBg-yellow.png") no-repeat center top;
    background-size: 100% auto
}

.moyi-stage-base .littleApp .littleApp-down[data-v-cf60f8cd] {
    display: flex;
    align-items: center
}

.moyi-stage-base .littleApp .littleApp-down .desc-group[data-v-cf60f8cd] {
    display: flex;
    align-items: center;
    margin-right: .62rem
}

.moyi-stage-base .littleApp .littleApp-down .desc-group .qrCode-player[data-v-cf60f8cd] {
    width: 2.4rem;
    height: 2.4rem;
    object-fit: cover;
    margin-right: .25rem
}

.moyi-stage-base .littleApp .littleApp-down .desc-group .desc-group-desc[data-v-cf60f8cd] {
    width: 4.2rem;
    height: 2.4rem
}

.moyi-stage-base .littleApp .littleApp-down .desc-group .desc-group-desc .moyi-welfare-desc[data-v-cf60f8cd] {
    color: #9c251c;
    font-size: .38rem;
    font-weight: 700;
    margin-bottom: .1rem
}

.moyi-stage-base .littleApp .littleApp-down .desc-group .desc-group-desc .desc-desc[data-v-cf60f8cd] {
    font-size: .2rem;
    color: #323232;
    line-height: .28rem
}

.moyi-stage-base .people[data-v-cf60f8cd] {
    width: 12.57rem;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: -.2rem;
    left: -5.3rem
}

.moyi-foot[data-v-b603bc54] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    transform: translateY(100%);
    transition: transform .5s ease
}

.moyi-foot--show[data-v-b603bc54] {
    transform: translateY(0)
}

.moyi-foot .moyi-copy.cy-footer[data-v-b603bc54] {
    background: #1b1b1b;
    width: 100%;
    min-height: 180px;
    box-sizing: border-box
}

.moyi-foot .moyi-copy.cy-footer .mainbox[data-v-b603bc54] {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 180px;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 0 10px
}

.moyi-foot .moyi-copy.cy-footer .footerlogo[data-v-b603bc54] {
    width: 220px;
    margin: 25px 0 0;
    text-align: center;
    flex-shrink: 0
}

.moyi-foot .moyi-copy.cy-footer .footerlogo img[data-v-b603bc54] {
    width: 160px;
    height: auto;
    display: inline-block
}

.moyi-foot .moyi-copy.cy-footer .copyright[data-v-b603bc54] {
    width: 940px;
    padding: 0 0 0 5px;
    margin: 35px 0 0;
    color: #666;
    font-size: 12px;
    line-height: 24px;
    font-family: "Microsoft YaHei", SimSun, sans-serif
}

.moyi-foot .moyi-copy.cy-footer .copyright .tips[data-v-b603bc54] {
    color: #c9a769;
    font-weight: normal
}

.moyi-foot .moyi-copy.cy-footer .copyright a[data-v-b603bc54] {
    color: #aaa;
    text-decoration: none
}

.moyi-foot .moyi-copy.cy-footer .copyright a[data-v-b603bc54]:hover {
    text-decoration: underline
}

.moyi-mast-wrap[data-v-02935717] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.page-index[data-v-02935717] {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative
}

.page-index .nav-hide[data-v-02935717] {
    right: -3rem
}

.page-index[data-v-02935717] .moyi-stage-inner {
    transition: transform .5s ease
}

.page-index .shift-up[data-v-02935717] .moyi-stage-inner {
    transform: translateY(-150px)
}

.nav-dots[data-v-02935717] {
    position: fixed;
    right: .24rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    display: flex;
    flex-direction: column
}

.dot[data-v-02935717] {
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    border: .02rem solid rgba(255, 255, 255, .6);
    background: transparent;
    cursor: pointer;
    transition: background .3s, border-color .3s
}

.dot.active[data-v-02935717] {
    background: #fff;
    border-color: #fff
}