@charset "utf-8";
/*CSS Document*/
html,body{font-size:0.14rem; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:0.02rem;}
*/
input, textarea{outline: none;font-size:.14rem; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0; line-height:0; font-size:0;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0; object-fit: cover; }
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input,select{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
button{ border: none; cursor: pointer; background: none;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
 ::-webkit-scrollbar {
     width: 10px;
 }

 ::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background-color: #7b7b7b;
 }

 ::-webkit-scrollbar-track {
     border-radius: 8px;
     background-color: #e7e7e7;
     border: 1px solid #cacaca;
 }
body{ position: relative; -webkit-text-size-adjust: 100%; background: #1b0909;overflow: hidden; }
 /* loding */
.loding{ position: fixed; inset: 0; background: #1d1d1d; display: flex; justify-content: center; align-items: center; z-index: 9990;left: 0;bottom: 0;right: 0;top: 0;}
.lodingItem{ margin: 0 .5rem;}
.lodingItemHead{ width: 1.87rem; height: 1.14rem; margin: 0 auto .15rem auto;}
.lodingItemHead p{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.lodingItemHead p:nth-child(1){ background: url(../../images/loading/lodingItem0.png) no-repeat 0 0; background-size: 1.87rem 1.14rem;}
.lodingItemHead p:nth-child(2){ background: url(../../images/loading/lodingItem1.png) no-repeat 0 0; background-size: 1.87rem 1.14rem;}
.lodingItemHead p:nth-child(3){ background: url(../../images/loading/lodingItem0.png) no-repeat 0 0; background-size: 1.87rem 1.14rem;}
.lodingText{ height: .38rem;}
.lodingText p{ display: flex; align-items: flex-end;}
.lodingText span{ width: .3rem; height: .38rem; margin: 0 .09rem; animation: textWavy 1.5s ease-in-out infinite;}
.lodingText span:nth-last-child(-n+3){ width: .12rem; height: .12rem;}
.lodingText .gray{ top: 0; left: 0;}
.lodingText .gray span:nth-child(1){ background: url(../../images/loading/lodingText_l.png) no-repeat center center; background-size: auto 100%; animation-delay: 0.1s;}
.lodingText .gray span:nth-child(2){ background: url(../../images/loading/lodingText_o.png) no-repeat center center; background-size: auto 100%; animation-delay: 0.2s;}
.lodingText .gray span:nth-child(3){ background: url(../../images/loading/lodingText_a.png) no-repeat center center; background-size: auto 100%; animation-delay: 0.3s;}
.lodingText .gray span:nth-child(4){ background: url(../../images/loading/lodingText_d.png) no-repeat center center; background-size: auto 100%; animation-delay: 0.4s;}
.lodingText .gray span:nth-child(5){ background: url(../../images/loading/lodingText_i.png) no-repeat center center; background-size: auto 100%; animation-delay: 0.5s;}
.lodingText .gray span:nth-child(6){ background: url(../../images/loading/lodingText_n.png) no-repeat center center; background-size: auto 100%; animation-delay: 0.6s;}
.lodingText .gray span:nth-child(7){ background: url(../../images/loading/lodingText_g.png) no-repeat center center; background-size: auto 100%; animation-delay: 0.7s;}
.lodingText .gray span:nth-child(8){ animation-delay: 0.8s;}
.lodingText .gray span:nth-child(9){ animation-delay: 0.9s;}
.lodingText .gray span:nth-child(10){ animation-delay: 1.0s;}
.lodingText .gray span:nth-last-child(-n+3){ background: url(../../images/loading/lodingText_points.png) no-repeat 0 0; background-size: 100% auto;}
.lodingCol1 .chroma span:nth-child(1){ background: url(../../images/loading/lodingText0_l.png) no-repeat center center; background-size: auto 100%;}
.lodingCol1 .chroma span:nth-child(2){ background: url(../../images/loading/lodingText0_o.png) no-repeat center center; background-size: auto 100%;}
.lodingCol1 .chroma span:nth-child(3){ background: url(../../images/loading/lodingText0_a.png) no-repeat center center; background-size: auto 100%;}
.lodingCol1 .chroma span:nth-child(4){ background: url(../../images/loading/lodingText0_d.png) no-repeat center center; background-size: auto 100%;}
.lodingCol1 .chroma span:nth-child(5){ background: url(../../images/loading/lodingText0_i.png) no-repeat center center; background-size: auto 100%;}
.lodingCol1 .chroma span:nth-child(6){ background: url(../../images/loading/lodingText0_n.png) no-repeat center center; background-size: auto 100%;}
.lodingCol1 .chroma span:nth-child(7){ background: url(../../images/loading/lodingText0_g.png) no-repeat center center; background-size: auto 100%;}
.lodingCol1 .chroma span:nth-last-child(-n+3){ background: url(../../images/loading/lodingText0_points.png) no-repeat 0 0; background-size: 100% auto;}
.lodingCol2 .chroma span:nth-child(1){ background: url(../../images/loading/lodingText1_l.png) no-repeat center center; background-size: auto 100%;}
.lodingCol2 .chroma span:nth-child(2){ background: url(../../images/loading/lodingText1_o.png) no-repeat center center; background-size: auto 100%;}
.lodingCol2 .chroma span:nth-child(3){ background: url(../../images/loading/lodingText1_a.png) no-repeat center center; background-size: auto 100%;}
.lodingCol2 .chroma span:nth-child(4){ background: url(../../images/loading/lodingText1_d.png) no-repeat center center; background-size: auto 100%;}
.lodingCol2 .chroma span:nth-child(5){ background: url(../../images/loading/lodingText1_i.png) no-repeat center center; background-size: auto 100%;}
.lodingCol2 .chroma span:nth-child(6){ background: url(../../images/loading/lodingText1_n.png) no-repeat center center; background-size: auto 100%;}
.lodingCol2 .chroma span:nth-child(7){ background: url(../../images/loading/lodingText1_g.png) no-repeat center center; background-size: auto 100%;}
.lodingCol2 .chroma span:nth-last-child(-n+3){ background: url(../../images/loading/lodingText1_points.png) no-repeat 0 0; background-size: 100% auto;}
.lodingCol3 .chroma span:nth-child(1){ background: url(../../images/loading/lodingText0_l.png) no-repeat center center; background-size: auto 100%;}
.lodingCol3 .chroma span:nth-child(2){ background: url(../../images/loading/lodingText0_o.png) no-repeat center center; background-size: auto 100%;}
.lodingCol3 .chroma span:nth-child(3){ background: url(../../images/loading/lodingText0_a.png) no-repeat center center; background-size: auto 100%;}
.lodingCol3 .chroma span:nth-child(4){ background: url(../../images/loading/lodingText0_d.png) no-repeat center center; background-size: auto 100%;}
.lodingCol3 .chroma span:nth-child(5){ background: url(../../images/loading/lodingText0_i.png) no-repeat center center; background-size: auto 100%;}
.lodingCol3 .chroma span:nth-child(6){ background: url(../../images/loading/lodingText0_n.png) no-repeat center center; background-size: auto 100%;}
.lodingCol3 .chroma span:nth-child(7){ background: url(../../images/loading/lodingText0_g.png) no-repeat center center; background-size: auto 100%;}
.lodingCol3 .chroma span:nth-last-child(-n+3){ background: url(../../images/loading/lodingText0_points.png) no-repeat 0 0; background-size: 100% auto;}
.lodingText .chroma span:nth-child(1){ animation-delay: 0.4s;}
.lodingText .chroma span:nth-child(2){ animation-delay: 0.5s;}
.lodingText .chroma span:nth-child(3){ animation-delay: 0.6s;}
.lodingText .chroma span:nth-child(4){ animation-delay: 0.7s;}
.lodingText .chroma span:nth-child(5){ animation-delay: 0.8s;}
.lodingText .chroma span:nth-child(6){ animation-delay: 0.9s;}
.lodingText .chroma span:nth-child(7){ animation-delay: 1.0s;}
.lodingText .chroma span:nth-child(8){ animation-delay: 1.1s;}
.lodingText .chroma span:nth-child(9){ animation-delay: 1.2s;}
.lodingText .chroma span:nth-child(10){ animation-delay: 1.3s;}
@keyframes textWavy{
    0%{ transform: translate(0, 0);}
    50%{ transform: translate(0, 30px);}
    100%{ transform: translate(0, 0);}
}
/* music */
.bgMusic{ top: 0.3rem; right: .42rem; width: 0.94rem; height: 0.94rem; z-index: 30;
    background-size: auto 100%;position: absolute;}
.bgMusicSwitch{ inset: 0; background: url(../../images/music2.png) no-repeat 0 0; background-size: auto 100%; animation: bgMusic 6s linear infinite;position: absolute;}
.bgMusic.off .bgMusicSwitch{ background-position: 100% 0; animation-play-state: paused;}
@keyframes bgMusic{
    from{ transform: rotate(0deg);}
    to{ transform: rotate(360deg);}
}
@keyframes tip {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(0.1rem);
    }
}
@keyframes spot {
    0% {
        opacity: 0.6;scale: 0.6;
    }

    50% {
       opacity: 1;scale: 1;
    }

    100% {
        opacity: 0.6;scale: 0.6;
    }
}
.musicNote{ position: absolute; bottom: -0.2rem;}
.musicNote1{ width: .44rem; height: .52rem; background: url(../../images/musicNote1.png) no-repeat 0 0; background-size: 100% auto;}
.musicNote2{ width: .41rem; height: .48rem; background: url(../../images/musicNote2.png) no-repeat 0 0; background-size: 100% auto;}
.bgMusic.off .musicNote{ display: none;}
 
 
.wrap{ position: relative; overflow: hidden; background:url(../images/bg.jpg) no-repeat center 0rem;background-size:  100%; width: 25.6rem;min-height: 16.07rem;margin: 0 auto; }

/* kvHeader */
#box1BgVideo{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 111%; }
@supports(object-fit: cover) {
	#box1BgVideo{ height: 100%; object-fit: cover; }
}
 
.poster{position: absolute;cursor: pointer;border-radius: 0.05rem;z-index: 10;}
.poster::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    background-size: cover;  
    z-index: 1;
}
.poster:hover{border: 0.03rem solid #e09449;box-shadow: 0.1rem 0.1rem  0.4rem 0.2rem rgba(0, 0, 0, 0.9);}
.poster:hover::before { background: rgba(0, 0, 0, 0); box-shadow: 0.05rem 0.05rem 0.05rem 0.02rem rgba(224, 148, 73, 0.2);}
 .poster1{width: 1.9rem;height: 2.77rem;background:url(../images/poster1.jpg) no-repeat center;background-size:  100%;transform: rotate(10deg);top: 1rem; left: 50%;margin: 0 0 0 -11rem;}
 .poster2{width: 1.86rem;height: 2.76rem;background:url(../images/poster2.jpg) no-repeat center;background-size:  100%;transform: rotate(-5deg);top: 4.5rem; left: 50%;margin: 0 0 0 -10.5rem;}
 .poster3{width: 1.7rem;height: 2.53rem;background:url(../images/poster3.jpg) no-repeat center;background-size:  100%; top: 1.7rem; left: 50%;margin: 0 0 0 -7.3rem;}
 .poster4{width: 1.67rem;height: 2.37rem;background:url(../images/poster4.jpg) no-repeat center;background-size:  100%;transform: rotate(5deg); top: 4.2rem; left: 50%;margin: 0 0 0 -4.5rem;}
 .spot{width: 0.46rem;height: 0.46rem;background: url(../../images/spot.png); background-size: 100%;position: absolute;bottom: -0.5rem;left: 50%;margin: 0 0 0 -0.23rem;animation: spot 2s linear infinite;}
 
 .poster5{width: 1.78rem;height: 2.86rem;background:url(../images/poster5.jpg) no-repeat center; background-size:  100%; top: 3.2rem; left: 50%;margin: 0 0 0 6.3rem;}
  .poster6{width: 1.47rem;height: 2.16rem;background:url(../images/poster6.jpg) no-repeat center; background-size:  100%;transform: rotate(5deg); top: 2rem; left: 50%;margin: 0 0 0 9rem;}
  .poster7{width: 1.75rem;height: 2.54rem;background:url(../images/poster7.jpg) no-repeat center; background-size:  100%;  top: 6rem; left: 50%;margin: 0 0 0 9rem;}

.timebox{width: 5.22rem;height: 6.33rem;background:url(../images/timebox.png) no-repeat center; background-size:  100%;position: absolute;left: 50%;margin: 0 0 0  2rem;top:6rem;}
.guizi{width: 6rem;height: 9.6rem;background:url(../../images/guizi.png) no-repeat center; background-size:  100%;position: absolute;left: 50%;margin: 0 0 0  -3.2rem;top:3rem;}
.mirror{width: 4.65rem;height: 9.3rem;
    background: url(https://ntevmg.perfectworld.com/game/nte/images/concept0718/mirror/YHmojing000.png) no-repeat left top;
    background-size:  100%;position: absolute;left: 50%;margin: 0 0 0  -2.5rem;top:3rem; cursor: pointer;}
.mirror img{position: absolute;width: 100%;top: 0;left: 0; }
.mirror .bgimg{position: absolute;width: 100%;height: 100%;left: 0;background-size: 100%;background-repeat: no-repeat;transition: background-image 0.2s ease-in-out;}
.shadow{width: 4.9rem;height: 4.23rem;background: url(../../images/shadow.png) no-repeat left top;
    background-size: 100%;  position: absolute; left: 50%;margin: 0 0 0  -2rem;top:7.5rem; z-index: 0;}
.rigui{width: 4.34rem;height: 9.55rem;background:url(../../images/riyi.png) no-repeat left top; background-size:  100%;position: absolute;left: 50%;margin: 0 0 0  -2.17rem;top:3.5rem; cursor: pointer;transition: background-image 0.2s ease-in-out;}
.pic{width: 2.95rem;height: 3.43rem;position: absolute;left: 1.1rem;top: 1.18rem;cursor: pointer;}
.pic1{background:url(../../images/pic1.png) no-repeat center; background-size:  100%;}
.pic2{background:url(../../images/pic2.png) no-repeat center; background-size:  100%;}
.time{font-size: 0.2rem;color: #c87c08;width: 3.1rem;height: 0.7rem;position: absolute;left: 1.7rem;top: 4.1rem;text-align: center;transform: skew(5deg, -1deg);
    }
.time span{font-size: 0.33rem;margin: 0 0.01rem 0;}
.close{width: 0.65rem;height: 0.65rem;background:url(../../images/close.png) no-repeat center; background-size:  100%; position: absolute;right: 1rem;top: 1.5rem;z-index: 101;} 
 
.pop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:1000;
	display:none;
}
.pop_cont_poster {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:11.72rem;
    min-height: 10rem;
}
.pop_cont_poster .tit{font-size: 0.48rem;width: 100%;text-align: center;color: #f1d79f;}
.pop_cont_roate {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10.3rem;
    height: 5.4rem;
    background: url(../images/roate.png) no-repeat center top;
        background-size: 100%;
}
.pop_cont_poster .img{width: 5.79rem; height: 7.33rem;margin: 0 auto  ;position: relative;border-radius: 0.1rem;overflow: hidden; text-align: center;transition: background-image 0.2s ease-in-out;}
#popyyposter .pop_cont_poster .img{width: 5.2rem;}
#mirrorimg{min-height: 9rem;}
#mirrorimg img,#riguiimg img{left: 0;}
#riguiimg{width: 15rem;margin: 0 0 0 -7.5rem;left:50%;min-height: 9rem;}
.pop_cont_poster .img img{height: 100%;margin: 0 auto;}
#popposter .pop_cont_poster .img img{border-radius: 0.3rem;}
#poppic .pop_cont_poster .img img,#popmirror .pop_cont_poster .img img,#poprigui .pop_cont_poster .img img{position: absolute;}
#poppic .pop_cont_poster .img img{left: 0; width: 100%;height: auto;}
#poppic .pop_cont_poster .img{background-size: 100%; background-repeat: no-repeat;}
.pop_cont_poster .text{width: 100%;padding: 0.3rem 0.3rem; margin:0.3rem 0 0 0; height: 1.2rem;font-size: 0.36rem;color: #fff;text-align: left;line-height: 0.5rem;background: url(../../images/popline.png) no-repeat center top;
    background-size: 100%;}

    .talk.animate{
        width: 8rem;height: 8rem;
        -webkit-animation: talk 5s steps(1,end) 1;
        -webkit-animation-fill-mode: forwards;
    }
 
.text .arrow{width: 0.28rem;height: 0.55rem;background: url(../../images/tip.png) no-repeat center top; background-size: 100%;cursor: pointer; position: absolute;bottom: -0.5rem;left: 50%;margin: 0 0 0 -0.14rem;animation: tip 1s linear infinite;display: none;}
.choosebox{width: 100%;position: relative;display: none;justify-content: center; }
.choosebox .choose_btn{width: 3.3rem;cursor: pointer; display: flex;justify-content: center;align-items: center; height: 0.94rem;font-size: 0.24rem;color: #f1d79f; background: url(../../images/choose_btn.png) no-repeat center top; background-size: 100% auto;text-align: center;margin: 0 0.2rem;}
.choosebox .choose_btn span{width: 3rem;line-height: 0.35rem; }
.choosebox .choose_btn:hover{background: url(../../images/choose_btn_on.png) no-repeat center top;
    background-size: 100% auto;color: #4d3e29;}
.yy_choosebox .choose_btn2{cursor: pointer;width: 5.7rem;cursor: pointer; display: flex;justify-content: center;align-items: center; height: 1.14rem;font-size: 0.3rem;color: #f1d79f; background: url(../../images/choose_btn2.png) no-repeat center top; background-size: 100% auto;text-align: center;margin: 0 0.2rem;}
.yy_choosebox .choose_btn2 span{width: 4.5rem;line-height: 0.35rem; }
.yy_choosebox .choose_btn2:hover{background: url(../../images/choose_btn_on2.png) no-repeat center top;
    background-size: 100% auto;color: #4d3e29;}
.pop .tipposter,.pop .tippic,.pop .tipmirror,.pop .tiprigui{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 100; }
/* top foot */
/* .general_20220704{position: absolute;z-index: 20 !important;transition: transform 0.3s ease-in-out;}
.generalBox_20220704{position: absolute;z-index: 1;width: 100%; } */
#popyyposter .yy_choosebox{display: flex;width:12.1rem;margin: 00.3rem 0 0 -6.05rem;left: 50%;position: relative;}
.wmgameFooter{ width: 100%;height: 0!important;transition: height 1s ease-in-out;padding:  0 0 !important; }
#wmgameFooterInsert{position: fixed;z-index: 30;width: 100%;height: inherit;bottom: 0;}
#wmgameFooterInsert .foot_box_container{height: 0 !important; }
#wmgameFooterInsert.on .foot_box_container{height: inherit!important;padding: 10px 0   !important;}
.bottom_arrow{width: 0.3rem;height:0.19rem ;background: url(../../images/bottom_arrow.png) no-repeat center top;  background-size: 100% auto;position: absolute;right: 1rem;top: -0.4rem;cursor: pointer;}


.closelay{position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;}
.btn_order{cursor: pointer;}

/* cookie */
.gdpr-button{border:none;color:#000; margin: 0 0 0 0.2rem;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;line-height:0.4rem;  width:1.4rem;text-align:center;box-sizing:border-box;background:#7cecfc;border-radius:0.3rem;display:flex;justify-content:center;align-items:center;float:right;border-radius: 1rem;font-size: 0.2rem;font-weight: bold; }
.gdpr-button:hover{color:#fff;cursor:pointer;background:#7198e2}
.gdpr-button--transparent{background-color:transparent}
.gdpr-button--transparent:hover{color:#ddd;background:0 0}
.gdpr-topbar__content{font-size: 0.2rem;color: #828282;}
.gdpr-topbar__content a{color: #fff;}
.gdpr-topbar{position:fixed;z-index:8999;display:flex;justify-content:center;align-items:flex-start;padding:0.4rem;background:#1d1d1d;color:#ddd;width:100%;box-sizing:border-box;text-align:left;bottom: 0;opacity: 0.95; }
.tabbox{position: absolute;left: 0.28rem;bottom: 0.5rem;position: fixed;z-index: 2;}
.tabbox .tab{display: inline-block; width: 1.15rem;height: 1.15rem; cursor: pointer;margin: 0 0.4rem 0 0;}
.tabbox .tab.on{background-position: 0 -1.5rem;}
.tabbox .tab1{background: url(../../images/tab1.png) no-repeat center top;
    background-size: 100% auto;}
.tabbox .tab2 {
    background: url(../../images/tab2.png) no-repeat center top;
    background-size: 100% auto;
}
.tabbox .tab3 {
    background: url(../../images/tab3.png) no-repeat center top;
    background-size: 100% auto;
}
/* 9.5 */
.cookieBanner {
    z-index: 100;
}

.cookieSettings {
    z-index: 100;
}