.floor-nav{
    min-width: 1rem;
    position: fixed;
    top: 2.5rem;
    left: 0.5rem;
    z-index: 2;
    padding-left: 0.2rem;
}
.float-logo{
    width: 2.38rem;
    height: 1.27rem;
    position: fixed;
    top: 0.4rem;
    left: 0.3rem;
    z-index: 2;
}
.floor-nav-item[data-distance="0"]{opacity:1}
.floor-nav-item[data-distance="1"]{opacity:.3}
.floor-nav-item[data-distance="2"]{opacity:.2}
.floor-nav-item[data-distance="3"]{opacity:.1}
.floor-nav-item[data-distance="4"]{opacity:.05}
.ques-survey{
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/page1_questionnaire.png) no-repeat center top;
    background-size: 100%;
    position: relative;
    margin: 0 0 0 0.4rem;
    cursor: pointer;
}
.ques-survey:hover{
    background: url(../img/page1_questionnaire1.png) no-repeat center top;
    background-size: 100%;
}
.ques-survey::before{
    content: '';
    position: absolute;
    left: -0.2rem;
    top: 0.04rem;
    width: 0.02rem;
    height: 0.2rem;
    background: #2b2b2b
}
.floor-nav-item:hover{opacity:1!important}
.video-btn{
    width: 1.11rem;
    height: 1.11rem;
    position: absolute;
    top: 4rem;
    left: 9rem;
    cursor: pointer;
    animation: change2 1.5s linear infinite;
    -webkit-animation: change2 1.5s linear infinite;
}
.floor-nav::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0.01rem;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        #181818 50%,
        transparent 100%
    );
}
.floor-nav a{
    display: block;
    width: 100%;
    font-size: 0.2rem;
    color: #fff;
    margin-bottom: 0.8rem;
    position: relative;
    overflow: hidden;
}
.floor-nav a.active::before{
    content: '';
    position: absolute;
    left: -0.21rem;
    top: 0.06rem;
    width: 0.02rem;
    height: 0.4rem;
    background: #fff
}
.floor-nav a span{
    font-size: 0.2rem;
}
@keyframes downBounce{
    0%,100%{ transform: translateY(0); }
    50%    { transform: translateY(0.1rem); }
}
@-webkit-keyframes downBounce{
    0%,100%{ -webkit-transform: translateY(0); }
    50%    { -webkit-transform: translateY(0.1rem); }
}
.down-xl{
    position: fixed;
    width: 0.49rem;
    height: 0.32rem;
    bottom: 0.2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.down-xl img{
    display: block;
    width: 100%;
    animation: downBounce 1.5s linear infinite;
}
.down-xl{
    transition: opacity .4s ease;
}
.down-xl.hidden{
    opacity: 0;
    pointer-events: none;
}
.down-xl.hidden img{
    animation-play-state: paused;
}
.header-btns{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    top: 0.55rem;
    right: 0.55rem;
    z-index: 2;
    gap: 0;
}
.share1-btns{
    display: flex;
    align-items: center;
    height: 0.21rem;
    position: relative;
}
.share1-btns li{
    width: 0.23rem;
    height: 0.21rem;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% !important;
    cursor: pointer;
    position: relative;
    margin-right: 0.3rem;
}
.share1-btns li:last-child{ margin-right: 0; }

.share2-btn{
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/page1_share.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    margin: 0 0.2rem 0 0.2rem;
    position: relative;
    cursor: pointer;
}
.share2-btn:hover{
    background: url(../img/page1_share1.png) no-repeat top center;
    background-size: 100%;
}
.share2-drop{
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0.56rem;
    /* padding-top = 透明桥接区，鼠标从按钮滑入不会断 */
    padding: 0.2rem 0.1rem 0.12rem;
    list-style: none;
    margin: 0;
    background: transparent;   /* 背景移至 ::after */
    flex-direction: column;
    align-items: center;
    z-index: 5;
}
/* 箭头：top(0.01) + border-bottom(0.08) = 0.09rem，恰好与背景顶边对齐 */
.share2-drop::before{
    content: '';
    position: absolute;
    top: 0.01rem;
    left: 50%;
    transform: translateX(-50%);
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-bottom: 0.08rem solid rgba(0,0,0,.9);
    z-index: 1;
}
/* 背景色容器：从箭头底边(0.09rem)开始，无缝拼接 */
.share2-drop::after{
    content: '';
    position: absolute;
    top: 0.09rem; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.9);
    border-radius: 0.06rem;
    z-index: -1;
}
.share2-btn:hover .share2-drop{ display: flex; }
.share2-drop li{
    position: relative; z-index: 1;
    width: 100%;  /* 一行一个 */
    height: 0.18rem;
    margin-bottom: 0.1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.share2-drop li:last-child{ margin-bottom: 0; }
.music-btn{
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/music-off.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    margin-right: 0.2rem;
    cursor: pointer;
}
.music-btn:hover{
    background: url(../img/music-off1.png) no-repeat top center;
    background-size: 100%;
}
/* 播放中状态 */
.music-btn.playing{
    background: url(../img/page1_music.png) no-repeat top center;
    background-size: 100%;
}
.music-btn.playing:hover{
    background: url(../img/page1_music1.png) no-repeat top center;
    background-size: 100%;
}
.login-btn{
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/page1_user.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    position: relative;
}
.login-btn:hover,
.login-btn.logged-in{
    background: url(../img/page1_user1.png) no-repeat top center;
    background-size: 100%;
}
/* ── 登录下拉面板 ──────────────────────────── */
.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.1rem 0.2rem;
    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.13rem;
    color: #ccc;
    text-align: center;
    line-height: 1.5;
    margin-right: 0.2rem;
}
.logInfo span{ color: #fff; }
.logout-btn{
    font-size: 0.13rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 0.03rem;
    transition: background .2s;
    text-decoration: underline;
}
.logout-btn:hover{ color: #e74c3c; }
.lang-switcher{
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/page1_language.png) no-repeat top center;
    background-size: 100%;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
}
.lang-switcher:hover{
    background: url(../img/page1_language1.png) no-repeat top center;
    background-size: 100%;
}
.floor1{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.floor1 video{
    position: absolute;
    display: block;
    min-width: 100vw;
    min-height: 100vh;
    left: 0;
    right: 0;
    z-index: -1;
}
.slogan{
    width: 5.92rem;
    height: 1.9rem;
    position: absolute;
    top: 4rem;
    right: 0.6rem;
}
.order-btn{
    width: 2.66rem;
    height: 0.87rem;
    position: absolute;
    top: 6.1rem;
    right: 0.6rem;
    cursor: pointer;
    background: url(../img/page1_btn.png) no-repeat top center;
    background-size: 100% 100%;
}
.order-btn.open{
    background: url(../img/page1_btn1.png) no-repeat top center;
    background-size: 100% 100%;
    pointer-events: none;
}
/* 多语言按钮图片由 public.js 的 updateOrderBtnImage() 以 inline style 写入 */
.yy-count{
    position: absolute;
    top: 7.2rem;
    right: 0.6rem;
}
.slogan img,.order-btn img{
    display: block;
    width: 100%;
}
.yy-c-l{
    float: left;
    padding-right: 0.1rem;
}
.yy-c-l p{
    text-align: right;
}
.yy-c-l p:nth-child(1){
    font-size: 0.18rem;
    color: #afaaa9;
}
.yy-c-l p:nth-child(2){
    font-size: 0.18rem;
    color: #fff;
}
.yy-c-r{
    float: left;
    animation: change2 1.5s linear infinite;
    -webkit-animation: change2 1.5s linear infinite;
    cursor: pointer;
}
.yy-c-r img{
    display: block;
    width: 0.63rem;
    height: 0.63rem;
}
.floor2{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.floor2-swiper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.floor2-swiper .swiper-slide{
    display: block;
    width: 100%;
    position: relative;
}
.floor2-swiper .swiper-slide.hj{
    background: url(../img/page2_banner1.jpg) no-repeat top center;
    background-size: 100%;
}
.floor2-swiper .swiper-slide.cy{
    background: url(../img/page2_banner2.jpg) no-repeat top center;
    background-size: 100%;
}
.floor2-swiper .swiper-slide.sya{
    background: url(../img/page2_banner3.jpg) no-repeat top center;
    background-size: 100%;
}
.f2-v-btn{
    width: 0.77rem;
    height: 0.77rem;
    position: absolute;
    top: 6.5rem;
    left: 11.3rem;
    cursor: pointer;
    animation: change 2s linear infinite;
    -webkit-animation: change 2s linear infinite;
}
@-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;
    right: 1rem;
    text-align: right;
}
.swiper-slide .f2_info h1{
    display: inline-block;
    width: 2.83rem;
    height: 1.01rem;
    font-size: 0.5rem;
    color: #fff;
}

.f2-info-main{
    display: block;
    width: 100%;
    height: 0.47rem;
    margin-top: 0.5rem;
}
.f2-info-main img{
    display: block;
    width: 0.6rem;
    height: 0.47rem;
    float: right;
    margin-right: 0.1rem;
}
.f2-info-main .f2_info_btn{
    display: block;
    float: right;
    height: 0.47rem;
}
.f2-info-main .f2_info_btn li{
    float: left;
    color: #fff;
    font-size: 0.18rem;
    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:hover::after,.f2-info-main .f2_info_btn li.active::after{
    color: #fff;
}
.f2_info p{
    font-size: 0.2rem;
    color: #fff;
    text-align: right;
    margin-top: 0.35rem;
}
.f2-info-main .f2_info_btn li:last-child{
    margin-right: 0;
}
.floor2-btns{
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    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/page2_left.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-button-prev.swiper-button-disabled{
    background: url(../img/page2_left1.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-button-next{
    background: url(../img/page2_right.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-button-next.swiper-button-disabled{
    background: url(../img/page2_right1.png) no-repeat top center;
    background-size: 100%;
}
.floor2-btns .swiper-pagination{
    position: static;
    height: 0.2rem;
    width: auto !important;
    margin: 0 0.2rem;
}
.floor2-btns .swiper-pagination-bullet{
    display: block;
    float: left;
    width: auto;
    height: auto;
    line-height: 1;
    margin: 0 0.8rem 0 0;
    padding: 0 0.04rem;
    font-size: 0.22rem;
    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: 100%;
    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(../img/page3_banner1.jpg) no-repeat 0 0;
    background-size: 100%;
}
.floor3-swiper .swiper-slide.world2{
    background: url(../img/page3_banner2.jpg) no-repeat 0 0;
    background-size: 100%;
}
.floor3 .floor3-swiper .swiper-slide p{
    width: 4.5rem;
    overflow: hidden;
    position: absolute;
    top: 6.8rem;
    right: 1.8rem;
    text-align: right;
    color: #fff;
    font-size: 0.16rem;
}
@-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: 1rem;
    height: 0.78rem;
    position: absolute;
    top: 6rem;
    right: 2rem;
    z-index: 2;
    cursor: pointer;
    animation: change2 2s linear infinite;
    -webkit-animation: change2 2s linear infinite;
}
.floor4{
     width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.floor4 .floor4-swiper{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.floor4 .swiper-slide{
    display: block;
    width: 100%;
    overflow: hidden;
}
.floor4 .swiper-pagination{
    position: absolute;
    left: 11rem !important;
    width: 12rem;
    min-height: 1.21rem;
    overflow-x: hidden;
    top: 7rem;
    white-space: nowrap; /* 防止 inline-block bullet 自动换行 */
}
.floor4 .swiper-pagination .swiper-pagination-bullet{
    width: 2rem;
    height: 1.21rem;
    position: relative;
    border-radius: 0;
    opacity: 1;
    background-size: 1.96rem 1.15rem !important;
    background-position: 0.02rem 0.05rem !important;
    overflow: hidden;
    display: inline-block; /* 确保横向排列 */
    -webkit-filter: blur(2px); /* Chrome, Safari, Opera */
    filter: blur(2px);
}
.floor4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    -webkit-filter: blur(0); /* Chrome, Safari, Opera */
    filter: blur(0);
}
/* 第一个 bullet 承担整体偏移，加过渡让切换丝滑 */
.floor4 .swiper-pagination .swiper-pagination-bullet:first-child{
    transition: margin-left 0.3s ease;
}
.floor4 .swiper-pagination .swiper-pagination-bullet::before{
    content: '';
    width: 2rem;
    height: 1.21rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/page4_bth_bg.png) no-repeat top center;
    background-size: 100%;
}
.floor4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    content: '';
    width: 2rem;
    height: 1.21rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/page4_btn_bg1.png) no-repeat top center;
    background-size: 100%;
}
.floor4 .swiper-pagination .swiper-pagination-bullet:nth-child(1){
    background: url(../img/page4_btn1.jpg) no-repeat top center;
    background-size: 100%;
}
.floor4 .swiper-pagination .swiper-pagination-bullet:nth-child(2){
    background: url(../img/page4_btn2.jpg) no-repeat top center;
    background-size: 100%;
}.floor4 .swiper-pagination .swiper-pagination-bullet:nth-child(3){
    background: url(../img/page4_btn3.jpg) no-repeat top center;
    background-size: 100%;
}
.floor4 .swiper-pagination .swiper-pagination-bullet:nth-child(4){
    background: url(../img/page4_btn4.jpg) no-repeat top center;
    background-size: 100%;
}
.floor4 .swiper-pagination .swiper-pagination-bullet:nth-child(5){
    background: url(../img/page4_btn5.jpg) no-repeat top center;
    background-size: 100%;
}
.floor4 .swiper-pagination .swiper-pagination-bullet:nth-child(6){
    background: url(../img/page4_btn6.jpg) no-repeat top center;
    background-size: 100%;
}
.floor4-btn{
    width: 0.8rem;
    height: 0.8rem;
    background: url(../img/page2_right.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    top: 7.29rem;
    left: 10rem;
    z-index: 2;
    cursor: pointer;
    animation: change2 2s linear infinite;
    -webkit-animation: change2 2s linear infinite;
}
.floor4-btn:hover{
    background: url(../img/page2_right1.png) no-repeat top center;
    background-size: 100%;
}
.slide-footer{
    width: 100%;
    height: 100vh !important;
    padding: 0.2rem 0;
    background: rgba(0,0,0,0.8);
    position: relative;
}
#footer{
    position: absolute;
    left: 0;
    bottom: 0;
    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: 1.18rem;
    margin: 0.2rem auto 0;
}
.con-b{
    width: 100%;
}
.con-b p{
    display: block;
    width: 100%;
    color: #fff;
    font-size: 0.14rem;
    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.14rem;
    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.4rem auto 0;
    overflow: hidden;
}
.loginBox .form>p{
    display: block;
    width: 100%;
    font-size: 0.14rem;
    color: #c2bebe;
    text-align: center;
    margin: 0.05rem 0 0.05rem;
    font-style: italic;
}
.loginBox .input-item{
    width: 100%;
    height: 0.4rem;
    overflow: hidden;
    margin-bottom: 0.15rem;
}
.loginBox .input-item span{
    display: block;
    float: left;
    width: 0.85rem;
    height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: right;
    box-sizing: border-box;
    margin-right: 0.1rem;
}
.loginBox .input-item input{
    display: block;
    float: left;
    width: 3.75rem;
    height: 0.4rem;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.4rem;
    outline: none;
    border: none;
}
.loginBox .platForm{
    width: 100%;
    height: 0.4rem;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}
.loginBox .platForm li{
    line-height: 0.4rem;
}
.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;
    cursor: pointer;
}
.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.16rem;
    color: #fff;
}
.loginConfirm{
    width: 2.59rem;
    height: 0.52rem;
    margin: 0.1rem auto 0.2rem;
    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/fz/pop/pop_logbtn.png); }
.lang-jp .loginConfirm{ background-image: url(../img/jp/pop/pop_logbtn.png); }
.lang-ko .loginConfirm{ background-image: url(../img/kr/pop/pop_logbtn.png); }
.loginBox .input-email{
    position: relative;
    display: flex;
    align-items: center;
    overflow: visible;
}
/* label 在 flex 容器内不走 float */
.loginBox .input-email > span{
    float: none;
    flex-shrink: 0;
}
/* 邮箱输入框 */
.loginBox .input-email .emailInput{
    flex: 1;
    height: 0.4rem;
    padding-left: 0.15rem;
    box-sizing: border-box;
    line-height: 0.4rem;
    background: #000;
    background-size: 100%;
}
.loginBox .input-email .emailInput::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.3rem;
    height: 0.4rem;
    background: #ff3d3e;
    cursor: pointer;
    float: right;
    border: 0.01rem solid #ff3d3e;
    outline: none;
    font-size: 0.14rem;
    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.14rem;
    box-sizing: border-box;
}
.agree1,.agree2{
    padding-left: 1.3rem;
}
.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.16rem;
    color: #c2bebe;
}
.agree1 p span, .agree2 p span{
    cursor: pointer;
    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{
    display: block;
    width: 5.5rem;
    height: 1.3rem;
    margin: 0 auto;
    font-size: 0.16rem;
    color: #b8b8b8;
    text-align: center;
    line-height: 0.45rem;
}
.orderSuccessBox p{
    display: block;
    width: 100%;
    font-size: 0.16rem;
    color: #b84248;
    text-align: center;
    margin-top: 0.2rem;
}
.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 auto;
    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: 16.6rem;
    height: 8.2rem;
    overflow: hidden;
}
.videosBox .sy-content{
    width: 16.6rem;
    position: relative;
    overflow: hidden;
}
.videosBox ul{
    width: 2.34rem;
    height: 7.75rem;
    overflow: auto;
    margin-right: 0.1rem;
    float: left;
    margin-top: 0.25rem;
    box-sizing: border-box;
}
.videosBox ul li{
    width: 100%;
    height: 1.4rem;
    margin-bottom: 0.12rem;
    cursor: pointer;
    filter: blur(2px);
}
.videosBox ul li.active{
    filter: blur(0);
}
.videosBox ul li img{
    height: 100%;
}
.videosBox ul li:last-child{
    margin-bottom: 0;
}
.videosBox .v-box{
    width: 13.24rem;
    height: 8.2rem;
    float: left;
    background: url(../img/pop/pop_videobox.png) no-repeat top center;
    background-size: 100%;
}
.videosBox .v-box iframe{
    width: 12.82rem;
    height: 7.75rem;
    background: #000;
    margin: 0.25rem 0 0 0.16rem;
}
.videosClose{
    width: 0.56rem;
    height: 0.56rem;
    background: url(../img/pop/close.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 0.4rem;
    top: 0.25rem;
    z-index: 2;
    cursor: pointer;
}

.videos2Box{
    display: none;
    width: 14rem;
    height: 8.2rem;
}
.videos2Box .sy-content{
    width: 13.24rem;
    height: 8.2rem;
    background: url(../img/pop/pop_videobox.png) no-repeat top center;
    background-size: 100%;
    overflow: hidden;
}
.videos2Box video{
    width: 12.82rem;
    height: 7.75rem;
    background: #000;
    margin: 0.25rem 0 0 0.16rem;
}
.videos2Close{
    width: 0.56rem;
    height: 0.56rem;
    background: url(../img/pop/close.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 0.3rem;
    top: 0.25rem;
    z-index: 2;
    cursor: pointer;
}
.giftBox{
    display: none;
    width: 10rem;
    height: 6.94rem;
    overflow: hidden;
}
.giftBox .sy-content{
    width: 10rem;
    height: 6.44rem;
}
.giftBox .sy-content img{
    display: block;
    width: auto;
    height: auto;
    max-width: 10rem;
    max-height: 6.44rem;
    margin: 0 auto;
}
.giftClose{
    width: 0.56rem;
    height: 0.56rem;
    background: url(../img/pop/close.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 50%;
    bottom: 0rem;
    transform: translateX( 50%);
    -webkit-transform: translateX( 50%);
    z-index: 2;
    cursor: pointer;
}