.sections {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
}

.sections img {
    display: block;
    max-width: 100%;
}

.section {
    width: 100%;
    position: relative;
}

.opt0 {
    opacity: 0;
}

.pc_index {
    width: 100%;
    background: #000;
}

.moulink {
    display: block;
}
.wechatxcx {
    display: none;
}
.mgodetail{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        transform: translate(-100px, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes fadeInUp1 {
    0% {
        opacity: 0;
        transform: translate(0, 60px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.fadeInUp1 {
    animation: fadeInUp1 0.8s ease 0.4s forwards;
    will-change: transform, opacity;
}

.fadeInUp2 {
    animation: fadeInUp1 0.8s ease 0.6s forwards;
    will-change: transform, opacity;
}

.fadeInUp3 {
    animation: fadeInUp1 0.8s ease 1s forwards;
    will-change: transform, opacity;
}

@keyframes intoRight {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(50%, 0);
    }
}

@keyframes fadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes breath {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}

@keyframes fromLeft {
    0% {
        transform: translate(-50%, 0);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes fromRight {
    0% {
        transform: translate(50%, 0);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.fsize70 {
    font-size: 3.6vw;
}

.fsize50 {
    font-size: 2.6vw;
}

.fsize36 {
    font-size: 1.9vw;
}

.fsize30 {
    font-size: 1.6vw;
}

.fsize32 {
    font-size: 1.7vw;
}

.fsize28 {
    font-size: 1.5vw;
}

.fsize20 {
    font-size: 1vw;
    line-height: 1.6;
}

.fsize18 {
    font-size: 0.9vw;
    line-height: 1.6;
}

.fsize22 {
    font-size: 1.1vw;
    line-height: 1.6;
}

.fsize24 {
    font-size: 1.2vw;
}

.fsize14 {
    font-size: 0.7vw;
}

.fsize80 {
    font-size: 4.1vw;
}

.colorfff {
    color: #fff;
}

.color707070 {
    color: #707070;
}

.color666666 {
    color: #666666;
}

.color333333 {
    color: #333333;
}

.color5e5e5e {
    color: #5e5e5e;
}

.color2b4e96 {
    color: #2b4e96;
}

.coloraaa {
    color: transparent;
    background: linear-gradient(0deg, #98add8 0%, #254892 100%);
    -webkit-background-clip: text;
}

.txtC {
    text-align: center;
}

.txtL {
    text-align: left;
}

.font_bold {
    font-weight: bold;
}

.msections {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.msections img {
    display: block;
    width: 100%;
}

@keyframes breath2 {
    0% {
        transform: scale(1);
        opacity: 0.2;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.mobile #headerNav img.logo_img {
    max-width: 100% !important;
}

@media screen and (max-width: 800px) {
    #headerNavMain {
        display: none !important;
    }

    .mobi-right {
        width: 36vw;
    }

    .logo_img {
        border: none;
        display: block;
        max-width: 100% !important;
    }

    #header-mobi img {
        border: none;
        display: block;
        width: auto !important;
        max-width: 100% !important;
    }

    .mobi-right img {
        width: 6vw !important;
    }

    #headerNav .search-btn,
    #headerNav .user-btn {
        margin-right: 2.7vw !important;
    }

    .mobile .head_content.mobi p a {
        width: 6vw !important;
        padding: 1.5vw !important;
    }

    .mobile .menu-btn img {
        height: 9vw !important;
        width: 9vw !important;
    }

    .mobile #headerNav {
        height: 18vw !important;
    }

    .header-v2 {
        height: 18vw !important;
    }

    .mobile #headerNav .head_content {
        height: 18vw !important;
    }

    .mobile #headerNav .logo-brand {
        padding-top: 7vw !important;
        margin-left: 0 !important;
        width: 21.4vw !important;
    }

    #header-mobi {
        top: 17.8vw !important;
    }

    #mobi-search {
        top: 17.8vw !important;
    }

    #headerNav input#mobi-myinput {
        font-size: 4vw !important;
        height: 13.5vw !important;
        padding: 2vw 2rem 2vw 13vw !important;
    }

    #mobi-search .mobi-search-showicon {
        width: 6vw !important;
    }

    #mobi-search_url {
        font-size: 4vw !important;
        padding: 4vw 6vw !important;
    }

    div#header-mobi .button button,
    div#header-mobi .button a {
        font-size: 4vw !important;
        padding: 2.5vw 12vw !important;
    }

    div#header-mobi .button button#close-btn {
        width: 5.3vw !important;
    }

    .menu-close-btn {
        margin-bottom: 8vw !important;
    }

    div#header-mobi .button button:not(#close-btn) img,
    div#header-mobi .button a img {
        position: absolute;
        right: 7vw !important;
        height: 3vw !important;
        top: 50%;
        transform: translate(0, -50%);
    }

    #header-mobi .menu-level-two-item {
        font-weight: bold;
        margin: 3vw 0 !important;
        float: right;
    }

    .mobi-recommend .select_recommend,
    .mobi-autosuggestion-search li {
        line-height: 1;
        text-indent: 13vw !important;
        cursor: default;
        font-size: 4vw !important;
        padding: 2.5vw 0 !important;
    }

    #headerNavMain {
        display: none !important;
    }

    .aem-Grid--default--12 .header-v2 {
        height: 18vw !important;
    }

    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw !important;
        line-height: 5.6vw !important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw !important;
    }

    #main_footer #footer_one {
        margin: 8vw 0 0 0 !important;
        padding: 0 0% 5%;
    }

    #main_footer .button .cmp-button img {
        width: 6.4vw !important;
        height: 6.4vw !important;
        margin-right: 0;
    }

    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw !important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw !important;
        text-align: left;
        padding: 5.3vw 0 !important;
        position: relative;
    }

    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw !important;
        background-size: 2.7vw !important;
        height: 2.7vw !important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }

    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw !important;
        color: #272A31;
        line-height: 5.1vw !important;
        padding: 1.3vw 8vw !important;
    }

    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw !important;
        line-height: 5.1vw !important;
    }

    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw !important;
        line-height: 3.9vw !important;
        padding: 0;
    }

    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw !important;
    }

    .icpContent span {
        padding: 0.5vw 2.7vw !important;
        text-align: center;
        font-size: 2.7vw !important;
    }

    #footer_three>.aem-Grid {
        text-align: center;
        padding-top: 10.7vw !important;
    }

    #footer_three>.aem-Grid>.container {
        width: 100%;
        margin: 2.7vw 0 !important;
    }

    #footer_two_right .share-container .share-container-item {
        margin-bottom: 2.7vw !important;
    }

    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }

    #main_footer #footer_three {
        padding: 0px 4% 10.7vw !important;
    }

    .footer-share-button .shareIcon {
        width: 6.4vw !important;
        height: 6.4vw !important;
    }

    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size: 2.9vw !important;
        line-height: 3.9vw !important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }

    .icpContent span img {
        top: 0.7vw !important;
        margin-right: 0.7vw !important;
    }

    #button-af2dda1aaf img {
        width: 2.7vw !important;
    }
}

@media screen and (max-width: 750px) {
    .aem-Grid--default--12 .header-v2 {
        height: 18vw !important;
    }

    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw !important;
        line-height: 5.6vw !important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw !important;
    }

    #main_footer #footer_one {
        margin: 8vw 0 0 0 !important;
        padding: 0 0% 5%;
    }

    #main_footer .button .cmp-button img {
        width: 6.4vw !important;
        height: 6.4vw !important;
        margin-right: 0;
    }

    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw !important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw !important;
        text-align: left;
        padding: 5.3vw 0 !important;
        position: relative;
    }

    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw !important;
        background-size: 2.7vw !important;
        height: 2.7vw !important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }

    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw !important;
        color: #272A31;
        line-height: 5.1vw !important;
        padding: 1.3vw 8vw !important;
    }

    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw !important;
        line-height: 5.1vw !important;
    }

    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw !important;
        line-height: 3.9vw !important;
        padding: 0;
    }

    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw !important;
    }

    .icpContent span {
        padding: 0.5vw 2.7vw !important;
        text-align: center;
        font-size: 2.7vw !important;
    }

    #footer_three>.aem-Grid {
        text-align: center;
        padding-top: 10.7vw !important;
    }

    #footer_three>.aem-Grid>.container {
        width: 100%;
        margin: 2.7vw 0 !important;
    }

    #footer_two_right .share-container .share-container-item {
        margin-bottom: 2.7vw !important;
    }

    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }

    #main_footer #footer_three {
        padding: 0px 4% 10.7vw !important;
    }

    .footer-share-button .shareIcon {
        width: 6.4vw !important;
        height: 6.4vw !important;
    }

    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size: 2.9vw !important;
        line-height: 3.9vw !important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }

    .icpContent span img {
        top: 0.7vw !important;
        margin-right: 0.7vw !important;
    }

    #button-af2dda1aaf img {
        width: 2.7vw !important;
    }
}

/*@media screen and ( max-width : 800px){*/

.msections {
    display: block;
    overflow: hidden;
    background: #fff;
}

.prize_list {
    position: absolute;
    top: 10%;
    width: 100%;
}

.prize_list .swiper-slide img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.swiper-pagination-bullet {
    box-sizing: border-box;
    border: 2px #000 solid;
    background: unset;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #3bc348;
}

.sections {
    display: none;
}

.msections {
    font-size: 0;
    /* 清除行内块元素间隙 */
}

.section {
    position: relative;
    margin: 0;
    padding: 0;
}


.vote_box_item_04,
.vote_box_item_03,
.vote_box_item_02,
.vote_box_item_01 {
    display: block;
    position: absolute;
    width: 52%;
    height: 15%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0%;
}

.vote_box_item_01_num,
.vote_box_item_02_num,
.vote_box_item_03_num,
.vote_box_item_04_num {
    display: none;
    position: absolute;
    right: 21%;
    font-size: 30px;
    top: 793px;
}

.look_more {
    position: absolute;
    width: 30.6vw;
    left: 50%;
    bottom: 5vw;
    transform: translateX(-50%);
}

.play_btn {
    position: absolute;
    width: 34vw;
    height: 40vw;
    left: 50%;
    bottom: 360vw;
    transform: translateX(-50%);
    display: block;
}

@media screen and (min-width: 801px) {

    /*#header_con{width: 750px;margin: 0 auto;}*/
    .mobile #headerNav .head_content {
        height: 60px !important;
    }

    .mobile #headerNav .logo-brand {
        padding-top: 36px;
    }

    .look_more {
        position: absolute;
        width: 255px;
        left: 50%;
        bottom: 40px;
        transform: translateX(-50%);
    }

    .mobile #headerNav .menu-btn {
        display: none;
    }

}

@media screen and (max-width: 320px) {
    .msections {
        display: block;
    }

    .sections {
        display: none;
    }
}

.load {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .2);
    ;

    &::before {
        content: "";
        width: 70px;
        height: 70px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        bottom: 50%;
        z-index: 1;
        transform-origin: left bottom;
        animation: rotate 1.5s infinite linear;
    }

    &::after {
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #000;
        z-index: 2;
        border-radius: 50%;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}