.float-logo{
    width: 2.38rem;
    height: 1.08rem;
    position: fixed;
    top: 0.4rem;
    left: 0.2rem;
    z-index: 4;
}
.ques-survey{
    display: block;
    width: 0.43rem;
    height: 0.52rem;
    background: url(../img/mo/top_ques.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    cursor: pointer;
    margin-right: 0.2rem;
    position: relative;
}
.header-btns{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    top: 0.55rem;
    right: 0.3rem;
    z-index: 4;
    gap: 0;
}
.share2-btn{
    width: 0.43rem;
    height: 0.52rem;
    background: url(../img/mo/top_share1.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    margin: 0 0.2rem 0 0rem;
    position: relative;
    cursor: pointer;
}
.share2-drop{
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 1.1rem;
    padding: 0.12rem 0.08rem 0.18rem;
    list-style: none;
    margin: 0;
    background: rgba(0,0,0,.9);
    border-radius: 0.06rem;
    z-index: 5;
}
.share2-drop li{
    width: 0.46rem;
    height: 0.42rem;
    margin: 0.2rem auto;
    cursor: pointer;
    overflow: hidden;
    background: no-repeat center center;
}
.share2-drop li:last-child{ margin-bottom: 0; }
.music-btn{
    width: 0.43rem;
    height: 0.52rem;
    background: url(../img/mo/top_music2.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    margin-right: 0.2rem;
    cursor: pointer;
}
.menus-btn{
    width: 0.43rem;
    height: 0.52rem;
    background: url(../img/mo/top_nav1.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    cursor: pointer;
}
.lang-switcher{
    width: 0.43rem;
    height: 0.52rem;
    background: url(../img/mo/top_language.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    cursor: pointer;
}
.lang-trigger{
    height: 0.52rem;
}
.lang-drop{
    left: unset !important;
    right: 0 !important;
    transform: unset !important;
    z-index: 5;
}
/* 播放中状态 */
.music-btn.playing{
    background: url(../img/mo/top_music1.png) no-repeat top center;
    background-size: 100%;
}
.login-btn{
    display: block;
    width: 0.43rem;
    height: 0.52rem;
    background: url(../img/mo/top_user1.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    cursor: pointer;
    margin-right: 0.2rem;
    position: relative;
    position: relative;
}
/* ── 登录下拉面板 ──────────────────────────── */
.login-drop{
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    width: auto;
    top: calc(100% + 0.12rem);
    right: 0;
    background: rgba(0,0,0,.88);
    border-radius: 0.04rem;
    padding: 0.2rem 0.25rem;
    white-space: nowrap;
    z-index: 3;
    box-shadow: 0 0.04rem 0.12rem rgba(0,0,0,.5);
    /* 动画：用 opacity + visibility + translateY 替代 display 切换 */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.06rem);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.login-btn.open .login-drop{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.logInfo{
    font-size: 0.2rem;
    color: #ccc;
    text-align: center;
    line-height: 1.5;
    margin-right: 0.2rem;
}
.logInfo span{ color: #fff; }
.logout-btn{
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 0.03rem;
    transition: background .2s;
    text-decoration: underline;
}
.logout-btn:hover{ color: #e74c3c; }
.floor1{
    width: 100%;
    height: 14rem;
    overflow: hidden;
    position: relative;
}
/* floor1 背景图轮播（仅自动播放，无 nav/分页/锚点） */
.floor1-bg-swiper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16.24rem;
    z-index: 0;
}
.floor1 > .order-btn{
    z-index: 3;
}
.floor1-bg-swiper .swiper-slide img{
    display: block;
    width: 100%;
    height: 16.24rem;
}
.slogan{
    width: 7.2rem;
    height: 1.98rem;
    position: absolute;
    top: 8.4rem;
    right: 0.15rem;
    z-index: 2;
}
.order-btn{
    width: 2.66rem;
    height: 0.88rem;
    position: absolute;
    top: 11.4rem;
    left: 2.43rem;
    z-index: 3;
    background: url(../img/mo/page1_btn.png) no-repeat top center;
    background-size: 100% 100%;
}
.order-btn.open{
    background: url(../img/mo/page1_btn1.png) no-repeat top center;
    background-size: 100% 100%;
    pointer-events: none;
}
/* 多语言按钮图片 */
/* 多语言按钮图片由 public.js 的 updateOrderBtnImage() 以 inline style 写入 */
.yy-count{
    width: 100%;
    position: absolute;
    width: 100%;
    top: 12.5rem;
    /* overflow: hidden; */
    position: relative;
}
.slogan img,.order-btn img{
    display: block;
    width: 100%;
}
.yy-c-t{
    width: 100%;
    text-align: center;
}
.yy-c-t p:nth-child(1){
    font-size: 0.3rem;
    color: #fff;
}
.yy-c-t p:nth-child(2){
    font-size: 0.3rem;
    color: #fff;
}
.yy-c-b{
    width: 0.63rem;
    height: 0.63rem;
    position: absolute;
    top: 0.45rem;
    left: 5rem;
    animation: change2 2s linear infinite;
    -webkit-animation: change2 2s linear infinite;
}
.yy-c-b img{
    display: block;
    width: 0.63rem;
    height: 0.63rem;
}
.floor1{
    position: relative;
}
.video-btn{
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 3rem;
    top: 9.8rem;
    cursor: pointer;
    animation: change2 2s linear infinite;
    -webkit-animation: change2 2s linear infinite;
    z-index: 3 !important;
}
.floor2{
    width: 100%;
    height: 14.5rem;
    overflow: hidden;
    position: relative;
}
.floor2-swiper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.floor2-swiper .swiper-slide{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.floor2-swiper .swiper-slide.hj{
    background: url(https://res.zloong.com/web/whispers/img/mb/page2_banner1.jpg) no-repeat top center;
    background-size: 100%;
}
.floor2-swiper .swiper-slide.hj .f2_info{
    top: 7.5rem;
}
.floor2-swiper .swiper-slide.cy{
    background: url(https://res.zloong.com/web/whispers/img/mb/page2_banner2.jpg) no-repeat top center;
    background-size: 100%;
}
.floor2-swiper .swiper-slide.cy .f2_info{
    top: 8.4rem;
}
.floor2-swiper .swiper-slide.sya{
    background: url(https://res.zloong.com/web/whispers/img/mb/page2_banner3.jpg) no-repeat top center;
    background-size: 100%;
}
.floor2-swiper .swiper-slide.sya .f2_info{
    left: unset;
    right: 0.5rem;
    top: 8rem;
}
.floor2-swiper .swiper-slide.sya .f2_info h1{
    text-align: right;
}
.floor2-swiper .swiper-slide.sya .f2_info p{
    text-align: right;
}
.floor2-swiper .swiper-slide.sya .f2-info-main{
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: center;
}
.floor2-swiper .swiper-slide.sya .f2-info-main img{
    float: none;
    margin: 0 0 0 0.1rem;
}
.floor2-swiper .swiper-slide.sya .f2-info-main .f2_info_btn{
    float: none;
}
.floor2-swiper .swiper-slide.sya .f2-info-main .f2_info_btn li:last-child{
    margin-right: 0;
}
.f2-v-btn{
    width: 0.68rem;
    height: 0.68rem;
    position: absolute;
    top: 4.5rem;
    left: 2.5rem;
    cursor: pointer;
    animation: change 2s linear infinite;
    -webkit-animation: change 2s linear infinite;
    z-index: 2;
}
@-webkit-keyframes change{
    0%{
        -webkit-transform: scale(1.0);
    }
    25%{
        -webkit-transform: scale(1.2);
    }
    50%{
        -webkit-transform: scale(1.0);
    }
    75%{
        -webkit-transform: scale(0.8);
    }
    100%{
        -webkit-transform: scale(1.0);
    }
}
@keyframes change{
    0%{
        transform: scale(1.0);
    }
    25%{
        transform: scale(1.2);
    }
    50%{
        transform: scale(1.0);
    }
    75%{
        transform: scale(0.8);
    }
    100%{
        transform: scale(1.0);
    }
}
.f2_info{
    width: 5.5rem;
    overflow: hidden;
    position: absolute;
    top: 3rem;
    left: 0.5rem;
    text-align: left;
}
.swiper-slide .f2_info h1{
    display: inline-block;
    width: 100%;
    height: 0.76rem;
    font-size: 0.5rem;
    color: #fff;
}
.f2-info-main{
    display: block;
    width: 100%;
    height: 0.47rem;
    margin-top: 0.1rem;
}
.f2-info-main img{
    display: block;
    width: 0.6rem;
    height: 0.47rem;
    float: left;
    margin-right: 0.1rem;
}
.f2-info-main .f2_info_btn{
    display: block;
    float: left;
    height: 0.47rem;
}
.f2-info-main .f2_info_btn li{
    float: left;
    color: #fff;
    font-size: 0.26rem;
    margin-right: 0.35rem;
    position: relative;
    cursor: pointer;
    line-height: 0.47rem;
}
.f2-info-main .f2_info_btn li.active{
    color: #dc4548;
}
.f2-info-main .f2_info_btn li:hover{
    color: #dc4548;
}
.f2-info-main .f2_info_btn li::after{
    content: '/';
    position: absolute;
    top: 0;
    right: -0.2rem;
    pointer-events: none;
}
.f2-info-main .f2_info_btn li:last-child::after{
    display: none;
}
.f2-info-main .f2_info_btn li:hover::after,.f2-info-main .f2_info_btn li.active::after{
    color: #fff;
}
.f2_info p{
    font-size: 0.22rem;
    color: #fff;
    text-align: left;
    margin-top: 0.35rem;
}
.f2-info-main .f2_info_btn li:last-child{
    margin-right: 0;
}
.floor2-btns{
    position: absolute;
    bottom: 1rem;
    left: 50%;
    height: 0.8rem;
    transform: translateX(-50%);
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    z-index: 10;
}
.floor2-btns .swiper-button-prev,
.floor2-btns .swiper-button-next{
    width: 0.8rem;
    height: 0.8rem;
    font-size: 0;
    position: static;
    margin: 0;
}
.floor2-btns .swiper-button-prev{
    background: url(../img/mo/page2_left.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-button-prev.swiper-button-disabled{
    background: url(../img/mo/page2_left1.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-button-next{
    background: url(../img/mo/page2_right.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-button-next.swiper-button-disabled{
    background: url(../img/mo/page2_right1.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-pagination{
    position: static;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 0.3rem;
    width: auto !important;
}
.floor2-btns .swiper-pagination-bullet{
    display: block;
    flex-shrink: 0;
    width: auto;
    height: auto;
    line-height: 1;
    margin: 0 0.3rem 0 0;
    padding: 0 0.04rem;
    font-size: 0.28rem;
    color: rgba(255,255,255,.5);
    background: transparent;
    opacity: 1;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 0;
}
.floor2-btns .swiper-pagination-bullet:last-child{
    margin-right: 0;
}
.floor2-btns .swiper-pagination-bullet-active{
    color: #fff;
    font-weight: bold;
}
.floor3{
    width: 100%;
    height: 14rem;
    overflow: hidden;
    position: relative;
}
.floor3 .floor3-swiper{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.floor3 .floor3-swiper .swiper-slide{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;

}
.floor3-swiper .swiper-slide.world1{
    background: url(https://res.zloong.com/web/whispers/img/mb/page3_banner1.jpg) no-repeat 0 0;
    background-size: 100%;
}
.floor3-swiper .swiper-slide.world2{
    background: url(https://res.zloong.com/web/whispers/img/mb/page3_banner2.jpg) no-repeat 0 0;
    background-size: 100%;
}
.floor3 .floor3-swiper .swiper-slide p{
    width: 7rem;
    overflow: hidden;
    position: absolute;
    top: 11rem;
    left: 0.25rem;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
}
@-webkit-keyframes change2{
    0%{
        -webkit-transform: scale(1.0);
    }
    25%{
        -webkit-transform: scale(1.05);
    }
    50%{
        -webkit-transform: scale(1.0);
    }
    75%{
        -webkit-transform: scale(0.95);
    }
    100%{
        -webkit-transform: scale(1.0);
    }
}
@keyframes change2{
    0%{
        transform: scale(1.0);
    }
    25%{
        transform: scale(1.05);
    }
    50%{
        transform: scale(1.0);
    }
    75%{
        transform: scale(0.95);
    }
    100%{
        transform: scale(1.0);
    }
}
.floor3-btn{
    width: 1.2rem;
    height: 0.94rem;
    position: absolute;
    top: 11rem;
    right: 0.1rem;
    z-index: 2;
    cursor: pointer;
    animation: change2 2s linear infinite;
    -webkit-animation: change2 2s linear infinite;
}
.floor4{
    width: 100%;
    height: 14rem;
    overflow: hidden;
    position: relative;
    background: #050505;
}
.floor4 .floor4-swiper{
    width: 100%;
    height: 10.56rem;
    margin: 2.3rem auto 0;
    overflow: hidden;
}
.floor4 .swiper-slide{
    display: block;
    width: 100%;
    height: 10.56rem;
    overflow: hidden;
    text-align: center;
}
.floor4 .swiper-slide img{
    display: block;
    width: 5.94rem;
    height: 10.56rem;
    margin: 0 auto;
    object-fit: cover;
}
.floor4 .swiper-pagination{
    width: 100%;
    position: absolute;
    top: 12.3rem;

}
.floor4 .swiper-pagination .swiper-pagination-bullet{
    width: 0.1rem;
    height: 0.1rem;
    background: #686868;
}
.floor4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
}
.floor4 .swiper-button-prev,.floor4 .swiper-button-next{
    width: 1.01rem;
    height: 0.59rem;
    top: 45%;
    font-size: 0;
}
.floor4 .swiper-button-prev{
    left: 0.3rem;
    background: url(../img/mo/page4_left.png) no-repeat top center;
    background-size: 100%;
}
.floor4 .swiper-button-next{
    right: 0.3rem;
    background: url(../img/mo/page4_right.png) no-repeat top center;
    background-size: 100%;
}
.slide-footer{
    width: 100%;
    padding: 0.2rem 0;
    background: rgba(0,0,0,0.8);
    position: relative;
}
#footer{
    position: relative;
    width: 100%;
    padding: 0.2rem 0 0.5rem;
    background: #000;
    z-index: 5;
}
.container{
    width: 100%;
    overflow: hidden;
}
.con-t{
    width: 100%;
    overflow: hidden;
}
.con-t img{
    display: block;
    width: 5.33rem;
    height: 0.96rem;
    margin: 0.1rem auto 0;
}
.con-b{
    width: 100%;
}
.con-b p{
    display: block;
    width: 100%;
    color: #fff;
    font-size: 0.2rem;
    margin-top: 0.1rem;
    text-align: center;
}
.footer-hrefs{
    width: 100%;
    text-align: center;
    margin-top: 0.2rem;
    display: flex;
    display: -webkit-flex;
    justify-content:center;
}
.footer-hrefs span {
    color: #fff;
    font-size: 0.2rem;
    margin-right: 0.5rem;
}
.footer-hrefs span:last-child{
    margin-right: 0;
}
.footer-hrefs a {
    color: #fff;
    text-decoration: none;
}
.footer-hrefs a:hover {
    text-decoration: underline;
    color: #f00;
}
.alertClose{
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/pop/close_1.png) no-repeat 0.07rem 0.07rem;
    background-size: 0.12rem 0.12rem;
    position: absolute;
    top: 0.8rem;
    right:0.95rem;
    cursor: pointer;
}
.alertClose:hover{
    background: url(../img/pop/close_2.png) no-repeat 0.07rem 0.07rem;
    background-size: 0.12rem 0.12rem;
}
.loginBox{
    display: none;
    width: 7.15rem;
    height: 6.44rem;
    background: url(../img/pop/pop_logbox1.png) no-repeat top center;
    background-size: 100%;
}
.loginBox .sy-content{
    padding-top: 0.5rem;
}
.loginBox .form{
    width: 5rem;
    margin: 1.32rem auto 0;
    overflow: hidden;
}
.loginBox .form>p{
    display: block;
    width: 100%;
    font-size: 0.18rem;
    color: #c2bebe;
    text-align: center;
    margin: 0.05rem 0 0.1rem;
    font-style: italic;
}
.loginBox .input-item{
    width: 100%;
    height: 0.4rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.loginBox .input-item span{
    display: block;
    float: left;
    width: 0.85rem;
    height: 0.4rem;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: right;
    box-sizing: border-box;
}
.loginBox .input-item input{
    display: block;
    float: left;
    width: 4.15rem;
    height: 0.4rem;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.4rem;
    outline: none;
    border: none;
    padding: 0 0.1rem;
    background: #000;
}
.loginBox .platForm{
    width: 100%;
    height: 0.4rem;
    overflow: hidden;
}
.loginBox .platForm li{
    float: left;
    margin-right: 0.7rem;
    line-height: 0.4rem;
}
.loginBox .platForm li:first-child{
    margin-left: 1rem;
}
.loginBox .platForm li:last-child{
    margin-right: 0;
}
.hot-box{
    width: 0.18rem;
    height: 0.18rem;
    float: left;
    margin: 0.11rem 0.1rem 0 0;
    border: 0.01rem solid #fff;
    background: #000;
    box-sizing: border-box;
}
.hot-box .hot{
    display: none;
    width: 0.1rem;
    height: 0.1rem;
    background: #f93f41;
    margin: 0.03rem 0 0 0.03rem;
}
.loginBox .platForm li.active .hot-box .hot{
    display: block;
}
.loginBox .platForm li p{
    float: left;
    font-size: 0.18rem;
    color: #fff;
}
.loginConfirm{
    width: 2.59rem;
    height: 0.52rem;
    margin: 0.1rem auto 0.1rem;
    background: url(../img/pop/pop_logbtn.png) no-repeat top center;
    background-size: 100%;
    cursor: pointer;
    font-size: 0;
}
/* 多语言登录按钮图片 */
.lang-zh-TW .loginConfirm{ background-image: url(../img/mo/fz/pop/pop_logbtn.png); }
.lang-jp .loginConfirm{ background-image: url(../img/mo/jp/pop/pop_logbtn.png); }
.lang-ko .loginConfirm{ background-image: url(../img/mo/kr/pop/pop_logbtn.png); }
.loginBox .input-phone{
    position: relative;
    display: flex;
    align-items: center;
    overflow: visible;
}
/* label 在 flex 容器内不走 float */
.loginBox .input-phone > span{
    float: none;
    flex-shrink: 0;
}
/* 手机号输入框 */
.loginBox .input-phone .phone-num{
    flex: 1;
    height: 0.4rem;
    padding-left: 0.15rem;
    box-sizing: border-box;
    line-height: 0.4rem;
    background: #000;
    background-size: 100%;
}
.loginBox .input-phone .phone-num::placeholder,.loginBox .input-item .yzm::placeholder{
    color: #979595;
    font-size: 0.14rem;
}
.loginBox .captcha input{
    width: 2.68rem;
    height: 0.4rem;
    background: #000;
    background-size: 100%;
    padding-left: 0.15rem;
    box-sizing: border-box;
}
.loginBox .captcha .send-validate{
    width: 1.41rem;
    height: 0.4rem;
    background: #ff3d3e;
    cursor: pointer;
    float: right;
    border: 0.01rem solid #ff3d3e;
    outline: none;
    font-size: 0.18rem;
    color: #fff;
}
.loginBox .captcha .send-validate[disabled]{
    cursor: not-allowed;
    filter: grayscale(100%);
}
.agree-all,.agree1,.agree2{
    width: 100%;
    height: 0.36rem;
    line-height: 0.36rem;
    padding-left: 1.3rem;
    box-sizing: border-box;
}
.agree1,.agree2{
    padding-left: 1.5rem;
}
.agree-all.active .hot-box .hot, .agree1.active .hot-box .hot, .agree2.active .hot-box .hot{
    display: block;
}
.agree-all p, .agree1 p, .agree2 p{
    font-size: 0.18rem;
    color: #c2bebe;
}
.agree1 p span, .agree2 p span{
    color: #fe3e39;
    text-decoration: underline;
}
.orderSuccessBox{
    display: none;
    width: 7.15rem;
    height: 5.6rem;
    background: url(../img/pop/pop_logbox.png) no-repeat top center;
    background-size: 100% 5.6rem;
}
.orderSuccessBox .sy-content{
    width: 7.15rem;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 1.9rem;
}
.orderSuccessBox h1{
    width: 5.5rem;
    height: 1.1rem;
    margin: 0 auto;
    font-size: 0.2rem;
    color: #b8b8b8;
    text-align: center;
    line-height: 0.36rem;
    background: url(../img/pop/notice_line.png) no-repeat bottom center;
    background-size: 100% 0.09rem;
    overflow: auto;
}
.orderSuccessBox p{
    display: block;
    width: 100%;
    font-size: 0.2rem;
    color: #b84248;
    text-align: center;
    margin-top: 0.1rem;
}
.share1-btns{
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.share1-btns li{
    width: 0.4rem;
    height: 0.4rem;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0.4rem;
    cursor: pointer;
}
.share1-btns li:last-child{ margin-right: 0; }
.orderSuccessBox .share1-btns{
    width: 100%;
    justify-content: center;
    margin-top: 0.3rem;
}
.orderSuccessBox .ques-btn{
    width: 3.45rem;
    height: 0.69rem;
    margin: 0.1rem auto 0;
    cursor: pointer;
    background: url(../img/pop/ques_btn.png) no-repeat center top;
    background-size: 100% 100%;
}
.orderSuccess_btn{
    width: 2.34rem;
    height: 0.36rem;
    background: url(../img/pop/personal_btn.png) no-repeat top center;
    background-size: 100%;
    cursor: pointer;
    margin: 0.3rem auto 0;
    font-size: 0;
}
.orderErrorBox{
    display: none;
    width: 7.15rem;
    height: 5.6rem;
    background: url(../img/pop/pop_logbox.png) no-repeat top center;
    background-size: 100% 5.6rem;
}
.orderErrorBox .sy-content{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 1.7rem;
}
.orderErrorBox p{
    display: block;
    width: 5.2rem;
    font-size: 0.26rem;
    color: #b24548;
    text-align: center;
    margin: 0.9rem auto 0;
}
.videosBox{
    display: none;
    width: 6.6rem;
    height: 8.3rem;
    margin: 0 auto;
    overflow: hidden;
}
.videosBox .sy-content{
    width: 6.6rem;
    position: relative;
    overflow: auto;
}
.videos-thumb-swiper{
    width: 100%;
    height: 1.4rem;
    margin-top: 0.25rem;
    overflow: hidden;
}
.videos-thumb-swiper .swiper-slide{
    height: 1.4rem;
    cursor: pointer;
    filter: blur(2px);
    transition: filter 0.3s;
}
.videos-thumb-swiper .swiper-slide.active{
    filter: blur(0);
}
.videos-thumb-swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.videosBox .v-box{
    width: 6.6rem;
    height: 4.08rem;
    background: url(../img/mo/pop/pop_videobox.png) no-repeat top center;
    background-size: 100%;
}
.videosBox .v-box iframe{
    width: 6.42rem;
    height: 3.87rem;
    background: #000;
    margin: 0.1rem 0 0 0.1rem;
}
.videosClose{
    width: 0.56rem;
    height: 0.56rem;
    background: url(../img/mo/pop/close.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 3.02rem;
    bottom: 1.5rem;
    z-index: 2;
    cursor: pointer;
}

.videos2Box{
    display: none;
    width: 6.6rem;
    height: 5rem;
}
.videos2Box .sy-content{
    width: 6.6rem;
    height: 4.08rem;
    background: url(../img/mo/pop/pop_videobox.png) no-repeat top center;
    background-size: 100%;
    overflow: hidden;
}
.videos2Box video{
    width: 6.42rem;
    height: 3.87rem;
    background: #000;
    margin: 0.1rem 0 0 0.1rem;
}
.videos2Close{
    width: 0.56rem;
    height: 0.56rem;
    background: url(../img/mo/pop/close.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 3.02rem;
    bottom: 0rem;
    z-index: 2;
    cursor: pointer;
}
.menusBox{
    width: 100%;
    height: 100%;
}
.menus-logo{
    width: 2.76rem;
    height: 1.75rem;
    position: absolute;
    top: 0.3rem;
    left: 0.1rem;
}
.menus_back{
    width: 0.28rem;
    height: 0.26rem;
    position: absolute;
    right: 0.5rem;
    top: 0.8rem;
}
.menusBox .sy-content{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: auto;
}
.menus-lists{
    width: 6.04rem;
    margin: 3rem auto 0;
    overflow: hidden;
}
.menus-lists li{
    width: 100%;
    height: 1.7rem;
    background: url(../img/mo/nav_box1.png) no-repeat top center;
    background-size: 100%;
    margin-bottom: 0.2rem;
    font-size: 0.2rem;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 0.55rem 0 0 0.4rem;
    box-sizing: border-box;
}
.menus-lists li.active{
    background: url(../img/mo/nav_box.png) no-repeat top center;
    background-size: 100%;
}
.menus-lists li span:nth-child(1){
    font-size: 0.26rem;
}
.menus-info{
    display: block;
    width: 100%;
    margin: 0.3rem 0 0.8rem 0;
    text-align: center;
    font-size: 0.22rem;
    color: #828282;
}
.menus-share{
    width: 6rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0.3rem;
}
.f-share .menus-info{
    margin-bottom: 0.2rem;
}
.f-share .menus-share{
    grid-template-columns: repeat(6, 1fr);
}
/* jp 隐藏 fb / ins 后剩 4 个图标，列数同步收成 4 列保持居中 */
.lang-jp .f-share .menus-share{
    grid-template-columns: repeat(4, 1fr);
}
/* jp 下侧边菜单的分享列表也排成每行 4 个 */
.lang-jp .menusBox .menus-share{
    width: 6rem;
    grid-template-columns: repeat(4, 1fr);
}
.menus-share li{
    width: 0.46rem;
    height: 0.42rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0.3rem;
    position: relative;
}
.menus-share li img{
    display: block;
    width: 100%;
    height: 100%;
}
.wechat-share-btn .wechat-share-qr{
    position: absolute;
    bottom: calc(100% + 0.15rem);
    left: 50%;
    transform: translateX(-50%) translateY(0.1rem);
    width: 2.6rem;
    height: 2.6rem;
    background: #fff;
    padding: 0.12rem;
    box-sizing: border-box;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.15rem rgba(0,0,0,.4);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}
.wechat-share-btn .wechat-share-qr::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 0.08rem solid transparent;
    border-top-color: #fff;
}
.wechat-share-btn.open .wechat-share-qr{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.wechat-share-btn .wechat-share-qr img{
    width: 100%;
    height: 100%;
    display: block;
}
.sy-mask{
    background: rgba(0,0,0,.9);
}
.giftBox{
    display: none;
    width: 6.63rem;
    height: 12rem;
    overflow: hidden;
}
.giftBox .sy-content{
    width: 6.63rem;
    height: 12rem;
}
.giftBox .sy-content img{
    min-width: 6.63rem;
    max-height: 10.56rem;
    margin: 0 auto;
}
.giftClose{
    width: 0.56rem;
    height: 0.56rem;
    background: url(../img/mo/pop/close.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 50%;
    bottom: 0.6rem;
    transform: translateX( 50%);
    -webkit-transform: translateX( 50%);
    z-index: 2;
    cursor: pointer;
}