@charset "UTF-8";
@import url('../js/plug-in/swiper/5.4.5/swiper.min.css');
/* @import url('plate/main.css'); */
*{cursor: none!important;}
#App{height: 100vh;position: relative;z-index: 1; overflow: hidden;}

.dial{position: absolute; border-radius: 50%; width: 1.78rem; height: 1.78rem;right: -0.39rem; top: -0.46rem; z-index: 100;  transition:transform 0.5s; background: url(../images/compass.png) no-repeat  center center; background-size: contain;pointer-events: none;}
.dial li{height: 1px;width: 100%;position: absolute; top: 50%;left: 0;}
.dial li::before,
.dial li:after{position: absolute; content: ''; background: url(../images/jiao.svg) no-repeat center; background-size: contain;top:50%; transition: 0.3s 0.5s;}
.dial li:after{width: 0.12rem; height: 0.12rem;  margin-top: -0.06rem; left: -0.14rem; opacity: 0.2; transform: scale(0.5);}
.dial li.on:after{transform: scale(1); opacity: 1; left: -0.18rem;}
.dial li::before{width: 0.06rem; height: 0.06rem; margin-top: -0.03rem; left: -0.2rem; opacity: 0;}
.dial li.on::before{opacity: 1; left: -0.7rem;}
.dial li:nth-child(6){transform: rotate(calc(360 / 6 * 1deg));}
.dial li:nth-child(5){transform: rotate(calc(360 / 6 * 2deg));}
.dial li:nth-child(4){transform: rotate(calc(360 / 6 * 3deg));}
.dial li:nth-child(3){transform: rotate(calc(360 / 6 * 4deg));}
.dial li:nth-child(2){transform: rotate(calc(360 / 6 * 5deg));}
.dial li:nth-child(1){transform: rotate(calc(360 / 6 * 6deg));}
.dial li span{position: absolute; right: calc(100% + 0.1rem); top: 50%;transform: translateY(-50%) translateX(0) scale(calc(9 / 16));color: #fff;transition:transform 0s 0s,opacity 0s 0s;opacity: 0.2;}
.dial li.on span{opacity:1;transform: translateY(-50%) translateX(-0.15rem) scale(calc(12 / 16));transition:transform 0.3s 0.5s ,opacity 0.3s 0.5s;}
.dial li i{position: absolute; border: 1px solid #fff; border-radius: 50%; width: 0.05rem; height: 0.05rem;  left: 0.19rem; top: -0.01rem; display: block;}
.dial li.on i{opacity: 0 !important;}

.head-logo{position: absolute;right:0.05rem; top: 0;z-index: 100; pointer-events: none;}
.head-logo img{height: 0.96rem;width: 0.92rem;}
.head-logo .n{position: absolute; top: 0.39rem; font-size: 0.12rem; padding-right: 0.42rem;color: #fff; background: url(../images/n.svg) no-repeat right center; background-size: auto 0.05rem; left:-0.16rem;font-family: 'SUNAEuropeExtBold';}

menu{position: absolute;z-index:99;left: 0;top: 0.2rem;width: 100%;pointer-events: none;display: flex;align-items: center; justify-content: center;}
menu:after{position: absolute; content: ''; background: url(../images/menu-bg.png) no-repeat center right; background-size: contain; right: 0.07rem; top:-0.05rem;height: 0.59rem; width: 100%;}
menu ul{ position: relative;z-index: 5;pointer-events: all;display: flex;align-items: center; justify-content: center;}
menu li{margin: 0 0.58rem; font-size: 0.2rem; font-weight: 500; line-height: 2; position: relative; }
menu li a{color: #4d4d4d;}
menu li:hover a,
menu li.on a{color: #3057da;
}
menu li .tit{display: block;position: relative;z-index: 4;}
menu li .bg,
menu li .svg{position: absolute; top: 0; left: 50%;transform: translateX(-50%); }
menu li .bg{z-index: 3; width: 0; height: 100%;opacity: 0; transition: 0.5s;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.5) 70%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%);
}
menu li .bg i{position: absolute; left:0; width: 100%; height: 1px;
background: -moz-linear-gradient(left,  rgba(48,87,218,0) 0%, rgba(48,87,218,0.48) 30%, rgba(48,87,218,0.48) 70%, rgba(48,87,218,0) 100%); 
background: -webkit-linear-gradient(left,  rgba(48,87,218,0) 0%,rgba(48,87,218,0.48) 30%,rgba(48,87,218,0.48) 70%,rgba(48,87,218,0) 100%); 
background: linear-gradient(to right,  rgba(48,87,218,0) 0%,rgba(48,87,218,0.48) 30%,rgba(48,87,218,0.48) 70%,rgba(48,87,218,0) 100%); 
}
menu li .bg i.t{top: 0;}
menu li .bg i.b{bottom: 0;}
menu li .bg i:before,
menu li .bg i:after{position: absolute; width: 5px;height: 5px;border-radius: 50%;border: solid 1px #3057da; top: 50%;margin-top: -3px; content: ''; background-color: rgba(48,87,218,0.5);}
menu li .bg i:before{left: 0;}
menu li .bg i:after{right: 0;}
menu li.on .bg{width: calc(100% + 0.28rem); opacity: 1;}

menu li .svg{z-index: 2;width: calc(100% + 0.78rem); height: 0.24rem; top: 50%; margin-top: -0.12rem; opacity: 0; transition: 0s 0s;}
menu li.on .svg{opacity: 1;transition: 0.3s 0.3s;}
menu li .svg span{position: absolute; top: 0; width: 0.63rem; height: 100%;}
menu li .svg span.l{left: 0;}
menu li .svg span.r{right: 0; transform: rotate(180deg);}
menu li .svg span i{position: absolute; overflow: hidden; background-image: url(../images/menu-l.png); background-repeat: no-repeat; background-size: 0.63rem 0.24rem; transition: 0.1s linear;}
menu li .svg span i:nth-child(1) {
    width: 0;
    height: 100%;
    background-position: right bottom;
    top: 0;
    right: 0;
}
menu li.on .svg span i:nth-child(1) {width: 0.26rem;transition-delay: 0.5s;}

menu li .svg span i:nth-child(2) {
    width: 0.15rem;
    height: 0;
    background-position: right -0.26rem bottom;
    background-image: url(../images/menu-l2.png);
    right: 0.26rem;
    bottom: 0;
}
menu li.on .svg span i:nth-child(2){height: 100%; transition-delay: 0.6s;}

menu li .svg span i:nth-child(3) {
    width: 0;
    height: 0.05rem;
    background-position: right -0.4rem top;
    right: 0.4rem;
    top: 0;
}
menu li.on .svg span i:nth-child(3){width: 0.15rem;transition-delay: 0.7s;}

menu li .svg span i:nth-child(4) {
    width: 0.09rem;
    height: 0;
    background-position: left top;
    top: 0;
    left: 0;
}
menu li.on .svg span i:nth-child(4){height: 0.19rem;transition-delay: 0.8s;}

menu li .svg span i:nth-child(5) {
    width:0;
    height: 0.05rem;
    background-position: left bottom;
    left: 0;
    bottom: 0;
}
menu li.on .svg span i:nth-child(5){width: 0.19rem;transition-delay: 0.9s;}

menu li .svg span i:nth-child(6) {
    width: 0.1rem;
    height: 0;
    background-position: left -0.18rem bottom;
    left: 0.18rem;
    bottom: 0;
}
menu li.on .svg span i:nth-child(6){height: 0.11rem;transition-delay:1s;}


.scroll-tips{position: fixed;pointer-events: none; left: 0;bottom: calc(31 / 930 * 100%);width: 100%;z-index: 200;animation: mouse-tip 0.8s 0.3s linear alternate infinite; display: flex; flex-direction: column;justify-content: center; align-items: center;}
.scroll-tips:after{display: block; content: ''; background: url(../images/scroll.png) no-repeat center center; background-size: contain; width: 0.41rem; height: 0.26rem;}
.scroll-tips span{display: inline-block;color: #fbb379;text-transform: uppercase; transform: scale(calc(10 / 16)); position: relative;}
.scroll-tips.white span{color: #fff;}
.scroll-tips.white:after{background-image: url(../images/scroll-white.png);}

.mouse{width: 6px;height: 6px;border-radius: 50%; background-color: #3057da; position: fixed; left: 50%; top: 50%; pointer-events: none;z-index: 999; transition: background 0.3s,width 0.3s,height 0.3s;}
.mouse::before{position:absolute; content: ''; width: 0.3rem; height: 0.3rem; background: url(../images/cursor.svg) no-repeat center center; background-size: contain; left: 50%; top: 50%; margin: -0.15rem 0 0 -0.15rem; animation: mouse 3s linear infinite both;transition: 0.3s;}
.mouse.lighter{background-color: #fbb379;width: 10px;height: 10px;}
.mouse.lighter:before{background-image: url(../images/cursor-orange.svg);width: 0.5rem; height: 0.5rem; margin: -0.25rem 0 0 -0.25rem; }
@keyframes mouse {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.geetest_captcha, .geetest_popup_wrap{z-index: 990;}

.close{width: 0.56rem; height: 0.52rem;background: url(../images/close.png) no-repeat center center; background-size: contain; position: absolute;z-index: 10; transition: 0.3s;}
.close:hover{transform:translate3d(0,0,0) rotate(90deg)!important;}

.age-tip-popup{position: absolute; display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;z-index: 200; left: 0;top: 0;}

.age-tip-desc{max-width: 6.07rem;position: relative; overflow: hidden; border-radius: 0.06rem;background-color: rgba(78,82,111,0.36); padding: 0.12rem 0;}
.age-tip-desc .inner{-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); padding: 0.19rem 0.4rem 0 0.26rem; border: 1px solid rgba(255, 255, 255, 0.64);border-radius: 0.06rem;color: #fff; min-height: calc(607 / 929 * 100vh); transition:backdrop-filter 0.3s 0.5s;}
.age-tip-desc .title{position: relative; background: url(../images/T.png) no-repeat left 0.81rem top; background-size: auto 0.93rem; padding-top: 0.19rem;z-index: 1;}
.age-tip-desc .title .w-tit{transform: scale(calc(8 / 16)); display: block; transform-origin: 0 0; color: rgba(255, 255, 255, 0.94);display: flex;align-items: center;}
.age-tip-desc .title .w-tit:after{display: block; content: ''; width: 0.18rem; height: 0.18rem; background: url(../images/jiao-r.svg) no-repeat; background-size: contain; margin-left: 0.16rem;}
.age-tip-desc .title b{font-size: 0.24rem; letter-spacing: -1px;display: block; padding-bottom: 0.37rem; background: url(../images/title-small-white.svg) no-repeat left bottom; background-size: 1.47rem 0.09rem;}
.age-tip-desc .close{right:0.15rem; top: 0.22rem; }
.age-tip-desc .line{margin: 0.3rem 0.35rem 0.37rem 0.48rem;position: relative; height: 1px; background-color: rgba(255, 255, 255, 0.5);}
.age-tip-desc .line:before,
.age-tip-desc .line:after{position: absolute; content: ''; background-color: #fff; top: 50%;}
.age-tip-desc .line:before{right: calc(100% + 0.1rem); height: 2px;margin-top: -1px; width: 0.26rem; box-shadow: 0 0 4px rgba(255, 255, 255, 0.48);}
.age-tip-desc .line:after{width: 6px;height: 6px; margin-top: -3px;right: calc(100% + 0.42rem);}

.age-tip-desc .info-main{ height:calc(330 / 929 * 100vh);  font-size: calc(18 / 16 * 1em);line-height: calc(30 / 18 * 1em); padding-right: 0.24rem;}
.age-tip-desc .scrollbar{position: absolute;width: 1px;background-color: rgba(255, 255, 255, 0.36); top: 0; bottom: 0; right: 1px;}
.age-tip-desc .swiper-scrollbar-drag{position: absolute; width: 3px;left: 50%;margin-left: -1.5px;background-color: #fff; border-radius: 3px; box-shadow: 0 0 4px rgba(255, 255, 255, 0.48);transition: 0.3s!important;}
.age-tip-desc .info-main .swiper-slide{height: auto;}
.age-tip-desc .info-main .swiper-wrapper{transition-duration: 0.5s!important;}

#main_body{position: relative;z-index: 1;}
#main_body,
#main_body .main_swiper{height: 100%;}
.main_boxs:not(#Footer){background:url(../images/bodybg.jpg) no-repeat center center;background-size: cover;}
.main_boxs.swiper-slide-active{z-index: 10;}
#NEWS.swiper-slide-prev{opacity: 1!important;}

body.disabled menu ul::before,
body.disabled #main_body:after{position: absolute; left: 0;top: 0;content: ''; width: 100%;height: 100%;z-index: 10; opacity: 0; background-color: #fff;}

.exit{position: absolute;z-index: 300;cursor: pointer;letter-spacing: -1px; color: #3057da; font-size: 0.2rem;cursor: pointer; padding-left: 0.39rem; background: url(../images/close2.png) no-repeat left center; background-size: 0.28rem auto; line-height: 2; transition: 0.3s;}
.exit:hover{padding-left: 0.5rem;}

.section-title{position: absolute; left:0;top: 0;display: flex;align-items: center; padding: 0.3rem 0 0 0.62rem;}
.section-title::before{position: absolute; content: ''; background: url(../images/title-bg.png) no-repeat center center; width: 2.18rem; height: 1.45rem; background-size: contain; left: 0;top: 0;}
.section-title .cn{font-weight: 700; font-size: 0.34rem; margin-right: 0.1rem;letter-spacing: -1px;color: #4d4d4d; position: relative;}
.section-title .cn:after{position: absolute;content: ''; background: url(../images/title-small.svg) no-repeat left center; background-size: contain; top: 100%; left: 0; width: 0.89rem; height: 0.06rem;}
.section-title .en{transform: scale(calc(13 / 16)); transform-origin: 0 0; text-transform: uppercase;display: block; height: calc(13 / 16 * 1em);letter-spacing: -1px; font-weight: 500;color: #1a2c3a;}
.section-title .num{color: #3057da;display: flex;align-items: center; margin-top: 0.05rem; background: url(../images/title-icon.svg) no-repeat left center; background-size: 0.19rem auto;}
.section-title .num i{display: block; width: 0.29rem; height: 1em;}


[class*=popUp-]{position: fixed;height: 100%; left:-130%;width: 100%;z-index: 300;top: 0;  opacity: 0; transition: opacity 0.3s,left 0s 0.3s;-webkit-transition: opacity 0.3s,left 0s 0.3s;background: url(../images/popup-bg.png) no-repeat center center; background-size: cover;overflow: hidden;transform: translate3d(0px, 0px, 0px);}
[class*=popUp-].show{transition: opacity 0.3s;-webkit-transition: opacity 0.3s;  opacity: 1;left: 0;}
@keyframes opacity {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
[class*=popUp-] .layer{position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
[class*=popUp-] .layer.bg{background: url(../images/wangge.png) no-repeat center; background-size: cover;}
[class*=popUp-] .inner{position: relative;z-index: 5;}
[class*=popUp-] .welt{position: absolute;right: 0.62rem; bottom: 0;width: 0.23rem; height: 2.5rem; background: url(../images/coordinate.png) no-repeat center bottom; background-size: contain; pointer-events: none; z-index: 60;}

.popup-title{position: absolute;left: 0; top: 0; padding: 0.43rem 0 0 0.6rem; display: flex;align-items: flex-start; width: 5.57rem; height: 3.97rem; background: url(../images/popUptitle-bg.png) no-repeat left -0.05rem top -0.1rem; background-size: contain;z-index: 1;}
.popup-title b{font-size: 0.34rem; letter-spacing: -1px;color: #4d4d4d;}
.popup-title > span{ margin-left: 0.1rem; font-size: 0.13rem;letter-spacing: -1px; color: #1a2c3a; padding-left: 0.25rem; background: url(../images/title-icon.svg) no-repeat left center; background-size: 0.19rem auto;display: block; position: relative; font-weight: 500; text-transform: uppercase;}
.popup-title > span:after{position: absolute;content: ''; top: calc(100% + 0.05rem); width: 0.89rem; height: 0.06rem; background: url(../images/title-small.svg) no-repeat left top; background-size: contain; left: 0;}
.popup-title .ani-div{position: absolute; left: 0;top: 0;width: 8.07rem; height: 6.88rem; z-index: -1;}
.popup-title .ani-div:after{position: absolute; right: 0;bottom:0;width: 14.32rem; height: 11.6rem;background: url(../images/popUptitle-dash.png) no-repeat left top; background-size: contain;content: ''; opacity: 0;transform: scale(0); transition: 0.8s;}
.show .popup-title .ani-div:after{opacity: 1;transform: scale(1); transition-delay: 1.8s;}
.popup-title .ani-div:before{position: absolute;content: ''; width: 2.68rem; height: 2.05rem; background: url(../images/popUptitle-line.svg) no-repeat right top; background-size: contain; top: -0.29rem; left: -0.27rem;}
.popup-title .ani-div .pafter{position: absolute; width: 0.16rem; height: 0.16rem; left: 0.83rem; top: 0.99rem; animation-duration: 0.5s;animation-delay: 2s; animation-timing-function: linear; animation-fill-mode: both;opacity: 0;z-index: 5;}
.popup-title .ani-div .pafter:before,
.popup-title .ani-div .pafter:after{position: absolute; border-radius: 50%; content: '';}
.popup-title .ani-div .pafter:before{background-color: #ff9d4c; width: 0.08rem; height: 0.08rem; left: 50%;top: 50%; margin: -0.04rem 0 0 -0.04rem;}
.popup-title .ani-div .pafter:after{ border: 1px solid #ff9d4c; left: 0;top: 0;width: 100%;height: 100%;animation-duration: 2s;animation-delay: 2.5s; animation-timing-function: linear; animation-fill-mode: both; animation-iteration-count: infinite;}
.show .popup-title .ani-div .pafter{animation-name: ppoint; }
.show .popup-title .ani-div .pafter:after{animation-name: ppoint_after; }
.popup-title .ani-div .point,
.popup-title .ani-div .line{z-index: 2;position: absolute; right: 3.9rem; overflow: hidden; height: 0.94rem; top: 0.3rem;}
.popup-title .ani-div .point{width: 3.33rem;z-index: 3;}
.popup-title .ani-div .line{width: 0;animation-delay:1s; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.show .popup-title .ani-div .line{ animation-name:pline;}
.popup-title .ani-div .line .after{position: absolute;right: 0; top: 0.08rem;width: 3.28rem; height: 100%; background: url(../images/popUptitle-line.png) no-repeat center center; background-size: contain; }
@keyframes pline {
    0%{width: 0;}
    100%{width: 3.33rem; }
}
@keyframes ppoint {
    0%{opacity: 0; transform: scale(0);}
    100%{opacity: 1; transform: scale(1);}
}
@keyframes ppoint_after {
    0%{opacity: 1; transform: scale(1);}
    100%{opacity: 0; transform: scale(2);}
}


/*视频播放*/
.popUp-videoShow{display: flex; align-items:  center; justify-content:  center; }
.popUp-videoShow .inner{width: 12rem;}
.popUp-videoShow .inner video{display: block;width: 100%;}
.popUp-videoShow .exit{position:absolute; right: 5%; top: 5%;z-index: 10;}

/* @import url('plate/footer.css'); */
.endFOOTshow #FOOTER{transform: translateY(0);-webkit-transform: translateY(0);}
.endFOOTshow #FOOTER .layer{display: block;}
#FOOTER{position: fixed; left: 0;bottom: 0;width: 100%;z-index: 200;transform: translateY(100%);-webkit-transform: translateY(100%);  transition: 0.5s;-webkit-transition: 0.5s; height: 2.89rem;}
#FOOTER .line{ height: 0.04rem; margin-bottom: 0.1rem; 
    background: -moz-linear-gradient(left,  rgba(68,103,219,0.9) 5%, rgba(68,103,219,0) 55%);
    background: -webkit-linear-gradient(left,  rgba(68,103,219,0.9) 5%,rgba(68,103,219,0) 55%); 
    background: linear-gradient(to right,  rgba(68,103,219,0.9) 5%,rgba(68,103,219,0) 55%); 
}
#FOOTER .inner{background: rgba(52, 63, 81, 0.9) url(../images/footer-bg.png) no-repeat center bottom;background-size: contain; position: relative;z-index: 12;}
#FOOTER .inner:after,
#FOOTER .inner::before{position:absolute; content: ''; bottom: 0.06rem; width: 0.16rem; background-color: rgba(255, 255, 255, 0.3); height: 0.03rem;}
#FOOTER .inner:after{right: 0.12rem;}
#FOOTER .inner::before{left: 0.12rem;}
#FOOTER .inner .auto-inner{position: relative;z-index: 12;  }
#FOOTER .footer-close{font-size: calc(12 / 16 * 1em);text-transform: uppercase;position: absolute; right: 0; top: 0.26rem; color: #fff; display: flex;align-items: center;}
#FOOTER .footer-close .close{ width: 0.42rem; height: 0.42rem; margin-left: 0.14rem; position: relative;}
#FOOTER .main{display: flex;justify-content: space-between;align-items: center;min-height: 2.75rem;}
#FOOTER .tips16{width: 0.93rem;flex-shrink: 0; border-radius: 0.06rem; border: 1px solid #fff; box-shadow: 0 0 0.05rem rgba(255,255,255,0.36); padding: 0.04rem; margin: 0 0.44rem;}
#FOOTER .copyright{flex: 1; padding-left: 0.4rem;border-left: 0.02rem solid rgba(255, 255, 255, 0.36);}
#FOOTER .copyright,
#FOOTER .copyright a{color: #fff;}
#FOOTER .copyright nav{display: flex;align-items: center; margin-bottom: 0.18rem;}
#FOOTER .copyright nav a{font-size: 0.18rem; font-weight: 500;display: flex;}
#FOOTER .copyright nav a:not(:last-child):after{display: block; content: ''; width: 1px;height: 1em; background-color: #fff; margin: 0 1em;}
#FOOTER .copyright ul,
#FOOTER .copyright ul a{color: rgba(255, 255, 255, 0.6);}
#FOOTER .copyright ul{ margin-bottom: 0.3rem;}
#FOOTER .copyright li a{text-decoration: underline;}
#FOOTER .copyright li{display: flex; margin-top: 0.1rem;}
#FOOTER .copyright li aside{margin-right: 0.22rem;}
#FOOTER .copyright li a + a{margin-left: 0.22rem;}
#FOOTER .copyright li a:hover{color: #fff;}
#FOOTER .records a{color: #fff;}
#FOOTER .records{ flex: 1;}
#FOOTER .records p:last-child{margin: 0;}
#FOOTER .records p:not(:last-child){margin: 0 0 0.11rem 0;}
#FOOTER .records p.add{margin-top: -0.1rem;}
#FOOTER .records p.tips{opacity: 0.6; transform: scale(calc(14 / 16)); transform-origin: 0 0;}
#FOOTER .logo{width: 2.63rem;flex-shrink: 0; }

/* @import url('plate/first.css'); */
#HOME .logo{background: url(../images/logo.png) no-repeat; background-size: auto 100%; width: 2.33rem; height: 0.58rem; left: 0.3rem; top: 0.2rem; position: absolute;z-index: 30;}
.spina-js{position:absolute; left: 0;top: 0;width: 100%;height: 100%; background: url(../js/plug-in/spine/bg.jpg) no-repeat center center; background-size: cover; z-index: 1;  overflow: hidden;}
.spina-js iframe{pointer-events: auto;}
.home-welt{z-index: 2;position:absolute; left: 0;top: 0;width: 100%;height: 100%; background: url(../images/home-welt.png) no-repeat center center; background-size: contain; pointer-events: none; }
.btn-booking{ width: 2.98rem; height: 0.46rem; background: url(../images/btn-animated.png) no-repeat center center; background-size: contain; bottom: calc(91 / 929 * 100vh);pointer-events: auto; font-size: 0.22rem;text-align: center; font-weight: 500;color: #fff; letter-spacing: 0.04rem; line-height: 0.46rem;}
.booking-num{pointer-events: none; display: flex; justify-content: center; margin-right: 0.1rem;}
.booking-num aside{ background-color: rgba(52,64,77,0.7); border-radius: 0.05rem; height: 0.36rem; padding: 0.05rem 0.24rem 0 0.19rem;font-family: 'MFJingHei-Regular';color: #fff; font-size: 0.24rem;display: flex;align-items: center; }
.booking-num aside:before{display: block; content: ''; width: 0.18rem; height: 0.18rem; margin-right: 0.18rem; background: url(../images/num-welt.png) no-repeat center center; background-size: contain; margin-top: -0.05rem;}
.booking-num aside span{letter-spacing: 0.05rem; color: #26edff; margin: 0 0.21rem;}

.new-booking-postion{position: absolute; bottom: calc(112 / 929 * 100vh);z-index: 11; pointer-events: none;display: flex;align-items: center; justify-content: center; left: 0;width: 100%;}
.solgan-new{position: absolute; pointer-events: none; background: url(../images/solgan.png) no-repeat center center; left: 0;width: 100%; height: calc(470 / 929 * 100vh); bottom: calc(1vh + 0.46rem);z-index: 10; background-size: contain;}

.home-play{position: absolute;z-index: 20; width: 1.48rem; height: calc(149 / 929 * 100vh); left: 50%;top: 50%;margin: calc((149 / 929 * 100vh) / -2) 0 0 -0.74rem;}
.home-play .icon{position: absolute; left: 0;top: 0; height: 100%;width: 100%; z-index: 10; background: url(../images/play.png) no-repeat center center; background-size: contain; }
.shot-img{position: absolute;  left: 50%;top: 50%;width: 100vw; height: 100vh; background: url(../images/kaijing.png) no-repeat center center; background-size: cover;  margin: -50vh 0 0 -50vw; z-index:8; pointer-events: none;}
.shot-img .blur-quan,
.shot-img .zhuan,
.shot-img .ani{position: absolute; top: 50%;left: 50%;  background-position: center center; background-repeat: no-repeat;background-size: contain;}
.shot-img .zhuan{    width: calc(378 / 929 * 100vh);height: calc(378 / 929 * 100vh);margin: calc((378 / 929 * 100vh) / -2) 0 0 calc((378 / 929 * 100vh) / -2);background-image: url(../images/kaijing-mid.png); }
.shot-img .blur-quan{background-image: url(../images/kaijing/blur-quan.png); width: 19.9rem; height: 19.9rem; margin: -9.95rem 0 0 -9.95rem;transform:scale(0.63); }
.home-play .shot-img{transition: 0.5s;transform: scale(2.5); opacity: 0; overflow: hidden; visibility: hidden;}
.home-play .icon:hover + .shot-img{opacity: 1;transform: scale(1); -webkit-transform: scale(1);visibility: inherit;}
.home-play .icon:hover + .shot-img .zhuan{animation: zhuan 10s 0.5s infinite linear;}
.home-play .icon:hover + .shot-img .blur-quan{animation: blurquan 3s 0.5s infinite linear;}
@keyframes zhuan {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes blurquan {
    0%{transform:scale(0.63);  opacity: 1;}
    70%{opacity: 0;}
    100%{transform: scale(1.2); opacity: 0;} 
}

.shot-img .ani{ width: calc(240 / 929 * 100vh);height: calc(240 / 929 * 100vh);margin: calc((240 / 929 * 100vh) / -2) 0 0 calc((240 / 929 * 100vh) / -2); z-index:9;}
.shot-img .ani .zhiyin{position: absolute; width: calc(810 / 929 * 100vh); height: calc(14 / 929 * 100vh); left: 50%;margin-left: calc((810 / 929 * 100vh) / -2); top: 50%;margin-top:calc((14 / 929 * 100vh) / -2);}
.shot-img .ani .zhiyin i{position: absolute; top: 0; height: 100%;display: flex;align-items: center; justify-content: space-between; width: 0.35rem;}
.shot-img .ani .zhiyin i:before,
.shot-img .ani .zhiyin i:after{display: block;content: ''; width: 0.16rem; height: 0.18rem; background-position: center; background-repeat: no-repeat; background-size: contain;}
.shot-img .ani .zhiyin i:after{background-image: url(../images/kaijing/jiao.png); animation: zhiyin1 1s infinite linear ;}
.shot-img .ani .zhiyin i:before{background-image: url(../images/kaijing/jiao2.png);animation: zhiyin2 1s infinite linear;}
.shot-img .ani .zhiyin i:nth-child(1){left: 0;}
.shot-img .ani .zhiyin i:nth-child(2){right: 0; transform: rotateY(180deg);}
@keyframes zhiyin1 {
    0% {
        transform: translateX(0);
         opacity:1;
    }

    80%,
    100% {
        transform: translateX(0.2rem);
         opacity:0;
       
    }
}

@keyframes zhiyin2 {
    0% {
        transform: translateX(0);
         opacity:1;
    }

    80%,
    100% {
        transform: translateX(0.1rem);
         opacity:0;
       
    }
}

.alert-tip-popup{position: absolute;right: 0; top: 0.5rem; width: 5rem;background: url(../images/T2.png) no-repeat left 0.2rem center rgba(78,82,111,0.36);  background-size:0.6rem auto;height: 1rem;border: 1px solid #fff; border-radius: 0.06rem 0 0 0.06rem;color: #fff; display: flex;align-items:center; padding-left: 1rem; padding-right: 0.2rem; opacity: 0; transform: translateX(0.5rem); transition: 0.5s; visibility: hidden;z-index: 400;}
.alert-tip-popup.show{opacity: 1; visibility: visible; transform: translateX(0);}
.alert-tip-popup .txt{flex: 1;}
.alert-tip-popup .tips{ margin-top: 0.1rem;}
.alert-tip-popup .btn{ width: 0.9rem; line-height: 2;border-radius: 2em;text-align: center; background-color: #3057da; border: 1px solid #fff;color: #fff;}

.popUp-Booking{ overflow: hidden; display: flex;align-items: center; justify-content: center;}
.popUp-Booking .bg,
.popUp-Booking .bg2{position: absolute; }
.popUp-Booking .bg{background-image: url(../images/booking-bg.jpg);  left: -5%!important;top: -5%!important; width: 110%; height: 110%;z-index: -1;}
.popUp-Booking .bg2{top: 0!important;width: 100%; height: 100%; left: 0!important;z-index: 1;background-image: url(../images/booking-bg2.png); background-size: contain;}
.popUp-Booking .tree{position: absolute; background: url(../images/booking-tree.png) no-repeat center center; width: 3.22rem; height: 2.27rem; background-size: contain; left: 0;bottom: 0;z-index: 2;}
.popUp-Booking .inner{width: 10.74rem;perspective: 800px;color: #fff;z-index: 5;position: relative;}
.popUp-Booking .js-td-card{min-height: 5.73rem; background: url(../images/booking-inner2.png) no-repeat center center;background-size: 100% 100%;transform-style: preserve-3d; position: relative; padding-left: 0.96rem;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); clip-path: polygon(97.09% 50.27%, 100.08% 50.39%, 100.11% 54.1%, 96.58% 54.1%, 96.46% 100.45%, 2.81% 99.85%, 2.73% 86.77%, 5% 86.72%, -0.82% 83.57%, 2.63% 80.88%, 3% 0%, 96.64% -0.3%);}
.popUp-Booking .close{right:0.61rem; top: 0.33rem; }
.popUp-Booking .top{position: relative; padding-top: 0.57rem; padding-bottom: 0.62rem; background: url(../images/title-small-white.svg) no-repeat left bottom; background-size: auto 0.1rem; margin-bottom: 0.17rem;}
.popUp-Booking .title{padding-left: 1.15rem; background: url(../images/tree.png) no-repeat left center; min-height: 0.66rem; background-size: 1.06rem auto;}
.popUp-Booking .title .cn{letter-spacing: -2px;font-size: 0.32rem; font-weight: 700; margin-bottom: 0.08rem;}
.popUp-Booking .title .en{text-transform: uppercase; transform-origin: 0 0; transform: scale(calc(12 / 16));display: flex;align-items: center;}
.popUp-Booking .title .en:after{content: '';display: block; width: 1em; height: 1em; background: url(../images/jiao-r.svg) no-repeat center center; background-size: contain; margin-left: 0.11rem;}
.popUp-Booking .top .line{position: absolute; width: calc(100% - 0.39rem);left:0; top: 1.59rem; height: 1rem; background: url(../images/booking-line.svg) no-repeat right top; background-size: calc(892 / 940 * 100%) auto;}
.popUp-Booking .top .line:before,
.popUp-Booking .top .line:after{position: absolute; content: ''; background-color: #fff; top: 0;}
.popUp-Booking .top .line:before{left: 0.12rem; height: 2px;width: 0.26rem; box-shadow: 0 0 4px rgba(255, 255, 255, 0.48);}
.popUp-Booking .top .line:after{width: 6px;height: 6px; margin-top: -3px;left: 0;}
.popUp-Booking .booking-before{max-width: 7.06rem;}
.popUp-Booking .tab{display: flex;align-items: center; margin-bottom: 0.38rem;}
.popUp-Booking .tab aside{font-size: 0.18rem; width: 2.34rem; color: #e8e8e8;}
.popUp-Booking .tab aside span{display: block;color: #fb9c4e; font-weight: 500; text-transform: uppercase; transform: scale(calc(12 / 18)); transform-origin: 0 center;}
.popUp-Booking .tab ul{flex: 1; display: flex;justify-content: space-between;}
.popUp-Booking .tab li{font-size: 0.2rem; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 0 4px rgba(255, 255, 255, 0.48); width: 0.92rem;text-align: center; padding: 0.02rem; position: relative;}
.popUp-Booking .tab li span{display: block; line-height: 0.28rem;}
.popUp-Booking .tab li.on span{ background-color: rgba(255, 157, 76, 0.97);}
.popUp-Booking .tab li i{width: 0.07rem; height: 0.42rem; top: 50%;margin-top: -0.21rem;position: absolute; opacity: 0; transition: 0.3s;}
.popUp-Booking .tab li i:nth-of-type(1){left: -0.1rem;}
.popUp-Booking .tab li i:nth-of-type(2){right: -0.1rem;}
.popUp-Booking .tab li.on i:nth-of-type(1){left: 0; opacity: 1;}
.popUp-Booking .tab li.on i:nth-of-type(2){right: 0; opacity: 1;}
.popUp-Booking .tab li i::before,
.popUp-Booking .tab li i::after{position: absolute; content: ''; width: 100%; background-color: #fff; height: 2px;box-shadow: 0 0 2px rgba(255, 255, 255, 0.48); left: 0;}
.popUp-Booking .tab li i::before{top: 0;}
.popUp-Booking .tab li i::after{bottom: 0;}
.popUp-Booking .form dl:not(:last-child){margin-bottom: 0.37rem;}
.popUp-Booking .form dt{font-size: 0.18rem;color: #e8e8e8; letter-spacing: 1px; margin-bottom: 1em;}
.popUp-Booking .form dd{position: relative;}
.popUp-Booking .form dd:before{position: absolute; width: 0.07rem; left: -0.16rem; top: 0.03rem;bottom: 0.03rem; border-top: 2px solid rgba(255,255,255,0.36);border-bottom: 2px solid rgba(255,255,255,0.36); content: '';}
.popUp-Booking .form dd label{ position: absolute; left: 0; padding-left: 0.19rem; line-height: 0.44rem;color: rgba(127, 131, 152, 0.24); text-transform: uppercase; transform: scale(calc(10 / 16)); transform-origin: 0 center;letter-spacing: 2px;}
.popUp-Booking .form dd .text{display: block;width: 100%;background-color: #ffffff; border-radius: 0.06rem; line-height: 0.44rem;height: 0.44rem; text-transform: uppercase;font-family: 'ConthraxSb'; padding-left: 0.19rem;letter-spacing: 1px; border: 0;}
.popUp-Booking .form dd.code{display: flex;justify-content: space-between;}
.popUp-Booking .form dd.code .text{flex: 1;}
.popUp-Booking .form dd.code a{ margin-left: 0.3rem;border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 0 4px rgba(255, 255, 255, 0.48);padding: 0.02rem; position: relative; }
.popUp-Booking .form dd.code a span{padding: 0 0.22rem; display: block;line-height: 0.38rem;font-size: 0.18rem;color: #fff;text-shadow: 0 0 4px rgba(255, 255, 255, 0.48);transition: 0.3s;}
.popUp-Booking .form dd.code a:hover span{background-color: rgba(255, 157, 76, 0.97); text-shadow: none;}

.popUp-Booking .form dd.code a i{width: 0.07rem; height: 0.52rem; top: 50%;margin-top: -0.26rem;position: absolute;}
.popUp-Booking .form dd.code a i:nth-of-type(1){left: 0;}
.popUp-Booking .form dd.code a i:nth-of-type(2){right: 0;}
.popUp-Booking .form dd.code a i::before,
.popUp-Booking .form dd.code a i::after{position: absolute; content: ''; width: 100%; background-color: #fff; height: 2px;box-shadow: 0 0 2px rgba(255, 255, 255, 0.48); left: 0;}
.popUp-Booking .form dd.code a i::before{top: 0;}
.popUp-Booking .form dd.code a i::after{bottom: 0;}
.popUp-Booking .btn-sure{display: table; margin: 0.23rem auto 0; width: 2.98rem; height: 0.46rem; background: url(../images/btn-animated.png) no-repeat center center; background-size: contain; font-size: 0.22rem;text-align: center; font-weight: 500;color: #fff; letter-spacing: 0.04rem; line-height: 0.46rem;}

.popUp-Booking .logo-welt{position: absolute;width: 1.41rem; height: 0.26rem;background: url(../images/booking-welt.png) no-repeat center center; background-size: contain; right: 0.61rem; bottom: 0.31rem;}

.popUp-Booking .booking-after{height: 3.32rem;display: flex;align-items: center; justify-content: center;flex-direction: column; max-width: 8.5rem;}
.popUp-Booking .sucess-tit{font-size: 0.3rem; margin-bottom: 0.6rem; position: relative;z-index: 1;display: flex;align-items: center; justify-content: center;letter-spacing: 1px;text-shadow: 0 0 4px rgba(255, 255, 255, 0.48);}
.popUp-Booking .sucess-tit:before,
.popUp-Booking .sucess-tit:after{display: block; content: ''; width: 2.46rem; height: 0.37rem; background: url(../images/booking-success-welt.png) no-repeat center center;background-size: contain; margin:0 0.3rem;}
.popUp-Booking .sucess-tit:after{transform: rotateY(180deg);}
.popUp-Booking .sucess-tit i{position: absolute; top: 100%; width: 1.48rem; height: 0.11rem; background: url(../images/booking-success-welt1.svg) no-repeat center center; background-size: contain; left: 50%;margin-left: -0.74rem;}
.popUp-Booking .booking-after .tips{opacity: 0.6; font-size: 0.18rem; padding-bottom: 0.35rem; background: url(../images/booking-success-welt2.svg) no-repeat center bottom; background-size: auto 0.25rem;letter-spacing: 4px;}
.popUp-Booking .follow-us{display: flex;margin-top: 0.4rem;align-items: center;}
.popUp-Booking .follow-us a{display: block; margin: 0 0.18rem; background-repeat: no-repeat; background-position: center center;background-size: contain;}
.popUp-Booking .follow-us a.wb{width: 0.4rem; height: 0.34rem; background-image: url(../images/share/b-WB.png);}
.popUp-Booking .follow-us a.tap{width: 0.33rem; height: 0.33rem; background-image: url(../images/share/b-tap.png);}
.popUp-Booking .follow-us a.qq{width: 0.27rem; height: 0.33rem; background-image: url(../images/share/b-QQ.png);}
.popUp-Booking .follow-us a.bili{width: 0.33rem; height: 0.31rem; background-image: url(../images/share/b-bili.png);}

.share{padding-top: 0.36rem; display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between; background: url(../images/share/tit.png) no-repeat center top;background-size: auto 0.08rem; height: 2.76rem; width: 0.3rem; top: 50%;margin-top:calc(-2.76rem / 2); position: absolute; right: 0.46rem;z-index: 55;}
.share .icon i,
.share > a{display: block; height: 0.26rem; background-repeat: no-repeat; background-size: contain; background-position: center;}
.share > a{transition: 0.3s;-webkit-transition: 0.3s;}
.share a.wb{background-image: url(../images/share/wb.png);}
.share a.qq{background-image: url(../images/share/QQ.png);position: relative;}
.share a.tap{background-image: url(../images/share/tap.png);}
.share a.bili{background-image: url(../images/share/bili.png);}
.share a.wb:hover{background-image: url(../images/share/wb-on.png);}
.share a.qq:hover{background-image: url(../images/share/QQ-on.png);}
.share a.tap:hover{background-image: url(../images/share/tap-on.png);}
.share a.bili:hover{background-image: url(../images/share/bili-on.png);}
.share .icon i{background-image: url(../images/share/icon.png); margin-bottom: 0.15rem;}
.share .icon:hover i{background-image: url(../images/share/icon-on.png);}
.share .icon:after{display: block; height: 1px;background-color: #e4e6e7;content: '';}
.share .icon{position: relative;}
.share .social-share{position: absolute;right: 100%;top: 50%;background: url(../images/share/hoverbg.svg) no-repeat;background-size: 100% 100%;width: 2.31rem; height: 0.43rem;display: flex;justify-content: center; margin-top: calc(-0.22rem - 0.07rem); align-items: center;transform: scaleX(0); -webkit-transform: scaleX(0);transition: 0.3s;-webkit-transition: 0.3s; transform-origin: right; -webkit-transform-origin: right; opacity: 0;}
.share .icon:hover .social-share{transform: scaleY(1); -webkit-transform: scaleY(1);opacity: 1;}
.share .social-share a{display: block; height: 0.19rem; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 0.13rem;}
.share .social-share a.icon-qq{background-image: url(../images/share/share-qq.png); width: 0.16rem;}
.share .social-share a.icon-diandian{background-image: url(../images/share/share-bdtb.png);width: 0.17rem;}
.share .social-share a.icon-qzone{background-image: url(../images/share/share-zone.png);width: 0.21rem;}
.share .social-share a.icon-weibo{background-image: url(../images/share/share-sina.png);width: 0.24rem;}

.share a.qq .code{position: absolute;right: calc(100% + 0.18rem);width: 143px; height: 131px; background: url(../images/share/qqcode.svg) no-repeat; background-size: 100%; display: flex;align-items: center; justify-content: center; padding-right: 11px; top: 50%;margin-top: calc(-131px / 2);transform: scaleX(0);-webkit-transform: scaleX(0); transition: 0.2s;-webkit-transition: 0.2s; transform-origin: right; -webkit-transform-origin: right;opacity: 0;}
.share a.qq:hover  .code{transform: scaleY(1);-webkit-transform: scaleY(1); opacity: 1;}
.share a.qq .code img{width: 116px;}
.share a.qq .code .tip{position: absolute;right: 0.11rem;text-align: center; bottom: calc(100% + 0.15rem);font-size: 14px; white-space: nowrap; }

.agetips_text{position: absolute; width: calc(0.79rem + 4.36rem); 
    background: url(../images/T3.png) no-repeat; background-size: .38rem; 
    left: 0.93rem; bottom: calc(220 / 929 * 100vh); z-index: 10;padding-left: .5rem;font-size: .14rem;border-bottom: 1px solid rgba(255,255,255,0.8);color: #fff;padding-bottom: .15rem;}
.agetips{position: absolute; width: 0.79rem; height: 1rem; background: url(../images/16add.png) no-repeat; background-size: contain; left: 0.93rem; bottom: calc(94 / 929 * 100vh); z-index: 10;}

.download-url{position: absolute;left: calc(0.93rem + 0.79rem + 0.16rem);bottom: calc(94 / 929 * 100vh);  width: 4.36rem; z-index: 10;}
.download-url ol{width:0.82rem;display: flex; height: 1rem;align-items: center; justify-content: center;flex-direction: column;color: #fff;}
.download-url ol img{width: 100%; height: 0.82rem;border: 1px solid #fff;border-radius: 0.05rem; padding: 0.03rem;}
.download-url ol aside{transform: scale(calc(14 / 16)); text-align: justify; width: 100%; height: 1em;}
.download-url ol aside:after{display: inline-block; content: '';width: 100%;}
.download-url li{position: absolute; width: 1.51rem; height: 0.42rem;}
.download-url li:nth-of-type(1){left:0.97rem;top:0}
.download-url li:nth-of-type(2){left:0.97rem;top:0.58rem}
.download-url li:nth-of-type(3){left:2.67rem;top:0}
.download-url li:nth-of-type(4){left:2.67rem;top:0.58rem}
.download-url li span{display: block;  background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; height: 100%; transition: 0.3s;}
.download-url li span.hover{position: absolute;width:100%; height:100%; top:0; left: 0; opacity: 0;}
.download-url li a:hover span.def{opacity: 0;}
.download-url li a:hover span.hover{opacity: 1;}
.download-url li.d-pc span.def{background-image: url(../images/download/pc.png);}
.download-url li.d-pc span.hover{background-image: url(../images/download/pc-on.png);}
.download-url li.d-tap span.def{background-image: url(../images/download/tap.png);}
.download-url li.d-tap span.hover{background-image: url(../images/download/tap-on.png);}
.download-url li.d-tap-b span.def{background-image: url(../images/download/tap-b.png);}
.download-url li.d-tap-b span.hover{background-image: url(../images/download/tap-b-on.png);}
.download-url li.d-andriod span.def{background-image: url(../images/download/andriod.png);}
.download-url li.d-andriod span.hover{background-image: url(../images/download/andriod-on.png);}
.download-url li.d-appstore span.def{background-image: url(../images/download/appstore.png);}
.download-url li.d-appstore span.hover{background-image: url(../images/download/appstore-on.png);}
.download-url li.d-appstore3 span.def{background-image: url(../images/download/appstore-d.png);}
.download-url li.d-appstore3 span.hover{background-image: url(../images/download/appstore-d-on.png);}

.download-url li.d-pc-2 span.def{background-image: url(../images/download/pre/pc.PNG);}
.download-url li.d-pc-2 span.hover{background-image: url(../images/download/pre/pc-on.PNG);}
.download-url li.d-tap-2 span.def{background-image: url(../images/download/pre/tap.PNG);}
.download-url li.d-tap-2 span.hover{background-image: url(../images/download/pre/tap-on.PNG);}
.download-url li.d-andriod-2 span.def{background-image: url(../images/download/pre/and.PNG);}
.download-url li.d-andriod-2 span.hover{background-image: url(../images/download/pre/and-on.PNG);}
.download-url li.d-appstore-2 span.def{background-image: url(../images/download/pre/appstore.PNG);}
.download-url li.d-appstore-2 span.hover{background-image: url(../images/download/pre/appstore-on.PNG);}

.download-book li{position: relative; left: auto !important; top: auto !important; margin-top: 0.14rem;}

/* .download-pre ul{height: 1rem;}
.download-pre ol{display: none;}
.download-pre li{transform: translateX(-0.82rem);} */

/* @import url('plate/news.css'); */
#NEWS .left{width:calc(727 / 1520 * 100%);position: relative;z-index: 4;transform: translateX(-0.5rem); opacity: 0; transition: 0.5s;}
#NEWS .right{width: calc(756 / 1520 * 100%);position: relative;z-index: 4;transform: translateX(0.5rem); opacity: 0;transition: 0.5s;}

#NEWS.swiper-slide-prev  .right,
#NEWS.swiper-slide-prev  .left,
#NEWS.swiper-slide-active  .right,
#NEWS.swiper-slide-active  .left{transform: translateX(0); opacity: 1; transition-delay: 0.5s;}

/* 动画 */
.ani-news-show{position: absolute; width: 10.02em; height: 7.66em;  left: 0; bottom: 0;z-index: 0; overflow: hidden; font-size: 1rem;}
.ani-news-show .wrap{position: relative; width: 100%;height: 100%; z-index: 4; }
.ani-news-show .wrap-projection{position: absolute!important; left:0;top: 0;z-index: 1; opacity: 0; transition:opacity 0.3s; filter: grayscale(1) blur(1px); width: 100%; height: 100%;}
#NEWS.news-ani .ani-news-show .wrap-projection{opacity: 0.7; transition-delay: 3.5s;}
.ani-news-show .logo{position: absolute; left: 0; width: 8.99em; height:3.83em; top: 2.71em; pointer-events: none; transition:1s; transform:scale(0); opacity: 0;}
.news-ani  .ani-news-show .logo{transform: scale(1); transition-delay:2s; opacity: 1;}
.ani-news-show .logo img{width: 100%; height: 100%;position: absolute; left: 0;top: 0; }

.ani-news-show [class*=line-]{position: absolute; overflow:hidden; transition: 0.5s 1s;}
.ani-news-show [class*=line-]:after{position: absolute; content:''; background-size:contain; background-repeat:no-repeat;}
.ani-news-show .line-1{width:2.92em;height: 0; left:-0.06em;top:0;}
.ani-news-show .line-1:after{width:2.92em;height:3.6em;background-image:url(../images/news/sz.png); left: 0; top: 0;}
.ani-news-show .wrap-projection .line-1:after{background-image:url(../images/news/ty/sz.png)}
.news-ani .ani-news-show .line-1{height:3.6em;}

.ani-news-show .line-2{height:1.53em; width: 0; right:0;top:2.94em;}
.ani-news-show .line-2:after{width:3.2em;height:1.53em;background-image:url(../images/news/ys.png);  right: 0;top: 0;}
.ani-news-show .wrap-projection .line-2:after{background-image:url(../images/news/ty/ys.png)}
.news-ani .ani-news-show .line-2{width:3.2em;}

.ani-news-show .line-3{width:5.1em;height: 0;left: -1.98em;bottom: -0.52em;}
.ani-news-show .line-3:after{width:5.1em;height:2.49em;background-image:url(../images/news/zx.png);left: 0; bottom: 0;}
.ani-news-show .wrap-projection .line-3:after{background-image:url(../images/news/ty/zx.png)}
.news-ani .ani-news-show .line-3{height:2.49em;}

.ani-news-show .line-4{width:2.28em;height: 0;left: 2.08em;bottom: -0.86em;}
.ani-news-show .line-4:after{width:2.28em;height:2.91em;background-image:url(../images/news/xz.png);right: 0;bottom: 0;}
.ani-news-show .wrap-projection .line-4:after{background-image:url(../images/news/ty/xz.png)}
.news-ani .ani-news-show .line-4{height:2.91em;}

.ani-news-show .line-5{height:2.51em; width: 0; left: 2.76em;bottom: -0.74em;}
.ani-news-show .line-5:after{width:4.63em;height:2.51em;background-image:url(../images/news/xy.png);left: 0;bottom: 0;}
.ani-news-show .wrap-projection .line-5:after{background-image:url(../images/news/ty/xy.png)}
.news-ani .ani-news-show .line-5{width:4.63em;}

/* 动画 end */

.ad-banner{position: relative;z-index: 1;}
.ad-banner .pages{background: #3057da  url(../images/pagesbg.png) no-repeat right center;background-size: contain;color: #fff; height: 0.48rem; border-radius: 0.06rem; padding-left: 0.2rem; margin-bottom: 0.24rem; display: flex;align-items: center;font-size: 0.2rem;}
.ad-banner .pages i{display: flex; width: 0.17rem; height: 0.17rem; margin-right: 0.13rem; border-radius: 50%; border: 1px solid #ff9d4c;align-items: center; justify-content: center;}
.ad-banner .pages i:before{display: block;; content: ''; background-color: #ff9d4c;border-radius: 50%; width: 0.09rem; height: 0.09rem; }
.ad-banner .pages em{font-style: normal;display: flex; align-items: flex-end;}
.ad-banner .pages em span{display: block; line-height: 1;}
.ad-banner .pages em span.s-1{height: 0.9em;}
.ad-banner .pages .cur{ margin: 0 0.09rem;}
.ad-banner .pages .total{font-size: 0.14rem; margin-left: 0.07rem;}
.ad-banner .pic{pointer-events: all!important;}
.ad-banner .pic picture{display: block;position: relative;}
.ad-banner .pic picture a{position: absolute; left: 0;top: 0;width: 100%;height: 100%; cursor: pointer;}
.ad-banner .pages-dots{position: absolute;z-index: 10;left: 0.1rem; bottom: 0.1rem; overflow: hidden;}
.ad-banner .pages-dots span{float: left; width: 0.38rem; height: 0.05rem; background-color: #cccccc;}
.ad-banner .pages-dots span.active{background-color: #fff;}
.ad-banner .pages-dots span + span{margin-left: 0.14rem;}

.news-label{margin-bottom: 0.24rem;}
.news-label ul{display: flex; justify-content: space-between;align-items: center;}
.news-label li{width:calc((100% - 0.12rem * 3) / 4);display: flex;align-items: center; justify-content: center;height: 0.48rem; border:2px solid #999999; border-radius: 0.06rem;cursor: pointer; font-size: 0.24rem; font-weight: 500;}
.news-label li.on{background-color: #3057da;border-color: #3057da;color: #fff; }
.news-label li i{display: block;width: 0.35rem; height: 0.12rem; background: url(../images/news-tab-icon.svg) no-repeat center center; background-size: contain;}
.news-label li.on i{background-image: url(../images/news-tab-icon-on.svg);}
.news-label li span{text-transform: uppercase; font-size: 0.14rem;}

.news-list{min-height: calc(1.06rem * 5);}
.news-list li{margin-bottom: 0.16rem;cursor: pointer; transform: translateY(0.3rem); opacity: 0; transition: opacity 0.3s,transform 0s 0.5s;}
.news-list.show li{ transform: translateY(0); opacity: 1; transition-delay: var(--x);transition-duration: 0.3s;}
.news-list .date{width: 0.82rem;text-align: center;background-color: #8c8d8f;color: #fff; transition: 0.3s;}
.news-list .date time{font-size: 0.14rem;}
.news-list .date time span{display: block; font-size:0.2rem;}
.news-list .txt{margin-left: 0.08rem;position: relative; background-color:rgba(255,255,255,0.6);  padding: 0.17rem 0 0.2rem 0; transition: 0.3s;}
.news-list .txt h3,
.news-list .txt p{margin: 0; padding-left: 0.4rem;letter-spacing: -1px; text-shadow: 0 0 0.1rem #fff;}
.news-list .txt h3{font-weight: 500; margin-bottom: 0.1rem;font-size: 0.2rem;color: #4d4d4d; background: url(../images/dots.svg) no-repeat left 0.13rem center; background-size: auto 0.14rem;}
.news-list .txt p{color: #999; max-width: 60%;}
.news-list .more{position: absolute;right: 0.23rem; top: 50%; line-height:2; margin-top: -1em;color: #3057da;display: flex;align-items: center; font-weight: 500; font-size: 0.2rem;}
.news-list .more:before{display: inline-block; content: ''; border:0.05rem solid transparent; border-right-color:#3057da; border-right-width: 0.09rem;}
.news-list .more i{ width: 0;display: block; height: 1px;border-bottom: 1px dashed #fff; margin: 0 0.06rem; transition: width 0.3s;}
.news-list li a:hover .more{color: #fff;}
.news-list li a:hover .more i{width: 1.75rem;}
.news-list li a:hover .more:before{border-right-color:#ff9d4c;}
.news-list li a:hover .txt{background: url(../images/news-li-bg-hover.png) no-repeat center center; background-size: cover;}
.news-list li a:hover .txt h3,
.news-list li a:hover .txt p{text-shadow: none;color: #fff;}
.news-list li a:hover .date{background-color: #3057da;}
.news-list li a:hover .txt h3{background-image: url(../images/dots-white.svg);}
.news-list .no-data{text-align: center; font-size: 0.2rem;}

.news-more{text-align: right; margin-top: 0.2rem;}
.news-more a{display: inline-flex; height: calc(42 / 20 * 1em);  padding: 0 0.2rem; border: solid 1px #3057da; border-radius: 0.05rem; font-size: calc(20 / 16 * 1em);color: #3057da;width: 2rem; cursor: pointer; align-items: center; justify-content: space-between; transition: 0.3s ease-in-out;}
.news-more a i{border:0.05rem solid transparent; border-left-color:#3057da; border-left-width: 0.09rem;display: block;}
.news-more a:hover{background-color: #3057da;color: #fff;}
.news-more a:hover i{border-left-color:#fff;}

/*pages*/
.pages{text-align: center;}
.pages a{margin: 0 0.1rem; cursor: pointer;}
.pages a:hover,
.pages a.a_cur{color: #3057da;}

/*新闻详情*/
.popUp-newsDetails{z-index: 301!important; overflow: auto;}
.popUp-newsDetails .exit{position: fixed; right: 3%; top: 3%;z-index: 3;}
.popUp-newsDetails .inner{width: 13.21rem;margin: calc(91 / 929 * 100vh) auto;}
.popUp-newsDetails .title{text-align: center; margin-bottom: 0.4rem; position: relative; padding-bottom: 0.3rem; background: url(../images/line.svg) repeat-x center bottom; display: flex;align-items: center; justify-content: space-between;}
.popUp-newsDetails .title .exit{position: relative;}
.popUp-newsDetails .title,
.popUp-newsDetails .edit-info{opacity: 0;transform: translateY(0.3rem);-webkit-transform: translateY(0.3rem); transition: 0.5s 0.3s;-webkit-transition: 0.5s 0.3s;}
.popUp-newsDetails .edit-info{transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.popUp-newsDetails .edit-info img{height: auto!important;}
.popUp-newsDetails.show .edit-info,
.popUp-newsDetails.show  .title{ opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}
.popUp-newsDetails .title h3{margin: 0;font-size: 0.36rem;line-height: calc(48 / 36 * 1em); flex: 1;}
.popUp-newsDetails .title .time{display: flex;align-items: center;color: #fff; padding: 0 0.28rem; line-height: 0.48rem; min-width: 3rem;border-radius: 0.06rem;}
.popUp-newsDetails .title .time span{font-size: 0.24rem;padding-right: 0.39rem;display: block; margin-right: 0.2rem; background: url(../images/title-icon-white.svg) no-repeat right center; background-size:  auto 0.1rem;}
.popUp-newsDetails .title .time em{font-style: normal;}
.popUp-newsDetails .title .time.yellow{background-color: #ffc338;}
.popUp-newsDetails .title .time.orange{background-color: #f9a25b;}
.popUp-newsDetails .title .time.blue{background-color: #3057da;}


/* 更多情报 */
.popUp-newsList{display: flex;align-items: center;}
.popUp-newsList .inner{width: 13.58rem; margin: 0 auto; min-height: calc(660 / 1080 * 100vh); }
.popUp-newsList .list{margin-bottom: 0.48rem;min-height: calc(480 / 960 * 100vh);}
.popUp-newsList .list dl{justify-content: flex-start;display: flex; flex-wrap: wrap; }
.popUp-newsList .list dd{width: calc((100% - 0.23rem * 3) / 4); margin-bottom: 0.23rem;}
.popUp-newsList .list dd:not(:nth-child(4n)){margin-right: 0.23rem;}
.popUp-newsList .list dd a{cursor: pointer; border: 1px solid #fff;border-radius: 0.06rem; min-height: 2rem; background: url(../images/news-dd-bg.png) repeat; display: block; overflow: hidden;color: #4d4d4d; transition: 0.3s;}
.popUp-newsList .list dd a:hover{background-image: url(../images/news-dd-bg-hover.png);color: #fff;}
.popUp-newsList .list dd .cate{display: flex; justify-content: space-between; align-items: center; height: 0.51rem;color: #fff; padding: 0 0.18rem; transition: 0.3s;}
.popUp-newsList .list dd .cate span{letter-spacing: -1px; font-size: 0.2rem; padding-right: 0.3rem; background: url(../images/title-icon-white.svg) no-repeat right center; background-size: auto 0.1rem;}
.popUp-newsList .list dd .cate.blue{background-color: rgba(48,87,218,0.6);}
.popUp-newsList .list dd .cate.orange{background-color: rgba(249, 162, 91, 0.6);}
.popUp-newsList .list dd .cate.yellow{background-color: rgba(255, 195, 56, 0.6);}
.popUp-newsList .list dd a:hover .cate.blue{background-color: rgba(48,87,218,1);}
.popUp-newsList .list dd a:hover .cate.orange{background-color: rgba(249, 162, 91, 1);}
.popUp-newsList .list dd a:hover .cate.yellow{background-color: rgba(255, 195, 56, 1);}
.popUp-newsList .list dd .cate time{display: block; transform: scale(calc(12 / 16)); transform-origin: right center;}
.popUp-newsList .list dd .txt{padding: 0.23rem 0.17rem 0;}
.popUp-newsList .list dd h3{margin: 0; font-size: 0.24rem;letter-spacing: -1px; font-weight: 700; min-height: 2.4em;}
.popUp-newsList .list dd p{opacity: 0.6; font-size: 0.14rem; margin: 0.1rem 0 0 0;}

.popUp-newsList .news-label{margin-bottom: 0.33rem;  padding: 0.37rem 1rem 0.37rem 0; position: relative;  background: url(../images/line.svg) repeat-x center bottom; position: relative;}
.popUp-newsList .news-label:before,
.popUp-newsList .news-label:after{position: absolute;content: ''; width: 0.19rem; height: 0.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; bottom: -0.02rem;}
.popUp-newsList .news-label:before{background-image: url(../images/title-icon-l.svg);left: 0;}
.popUp-newsList .news-label:after{background-image: url(../images/title-icon-r.svg); right: 0;}
.popUp-newsList .news-label ul{max-width: 7.56rem;}
.popUp-newsList .news-label .exit{right: 0; top: 50%; margin-top: -1em;}

/* @import url('plate/feature.css'); */
#FEATURES .ytable-100{background: url(../images/features-bg.png) no-repeat left 1.07rem center; background-size: auto calc(644 / 929 * 100vh);}
#FEATURES .auto-inner{position: relative;}
#FEATURES .swiper-container{padding: 0.24rem 0;}
#FEATURES .swiper-slide{height: 5.6rem;display: flex; align-items: center;position: relative;z-index: 1; }

#FEATURES .swiper-slide:before{position: absolute; left: 0; width: 100%;height: 0.14rem; background: url(../images/icon.svg) no-repeat center center; background-size: contain; content: '';opacity: 0; transition: 0.3s; transform:translateX(-34%);bottom: calc(100% + 0.2rem);}
#FEATURES .swiper-slide-active::before{opacity: 1; bottom: calc(100% + 0.1rem); transition-delay: 0.5s;}
#FEATURES .swiper-slide .pic{transform: scale(calc(406 / 380)) translateX(-49%); transition:transform 0.5s;position: relative;}
#FEATURES .swiper-slide:not(.swiper-slide-active) .pic{filter: blur(1px);}
#FEATURES .swiper-slide .pic img{border-radius: 0.015rem;}
#FEATURES .swiper-slide .pic .layer{background-color: #000;transition:opacity 0.3s 0.3s;opacity: 0.6; position: absolute;z-index: 3; left: 0;top: 0;width: 100%;height: 100%; transform: translate3d(0,0,0);}
#FEATURES .swiper-slide .pic:after,
#FEATURES .swiper-slide .pic:before{position: absolute;content: ' '; height: 100%;width:0.1179rem; top:0; opacity: 0; visibility: hidden; transition: opacity 0.3s 1s,transform 0.3s 1s;  background-size: contain; background-repeat: no-repeat;}
#FEATURES .swiper-slide .pic:before{right: 100%; transform: translateX(-0.1rem); background-position: left center;background-image: url(../images/features-l.png);}
#FEATURES .swiper-slide .pic:after{left: 100%; transform: translateX(0.1rem);background-position: right center;background-image: url(../images/features-r.png);}
#FEATURES .swiper-slide-active{z-index: 5;}
#FEATURES .swiper-slide-next{z-index: 4;}
#FEATURES .swiper-slide-next + .swiper-slide{z-index: 3;}
#FEATURES .swiper-slide-prev .pic{transform: scale(calc(406 / 380)) translateX(-43%);}
#FEATURES .swiper-slide-active .pic{transform: scale(calc(1000 / 380)) translateX(-12%);}
#FEATURES .swiper-slide-active .pic .layer{opacity: 0;}
#FEATURES .swiper-slide-active .pic:after,
#FEATURES .swiper-slide-active .pic:before{ opacity: 1; visibility: visible;transform: translateX(0);}
#FEATURES .swiper-slide-next .pic{transform: scale(calc(570 / 380)) translateX(-24%);}
#FEATURES .tit{background-color: #3057da;color: #fff; line-height: 1;padding: 0 0.5em; position: absolute; left: 0;width: 100%;bottom: 0; z-index: 2; }
#FEATURES .tit span{display: flex; align-items: center; white-space: nowrap;transform: scale(0.5); transform-origin: left;}
#FEATURES .tit span:before{display: block; content: ''; border: 1px solid #fff; width: 1em; height: 0.04rem; margin-right: 1em;}
#FEATURES .tit dl{transform-origin: right; transform: scale(0.25); white-space: nowrap; position: absolute;right: 0.5em; top: 0;}
#FEATURES .swiper-slide-active .tit{opacity: 0;}

#FEATURES:not(.ani-features-close) .swiper-slide-active .pic:before,
#FEATURES:not(.ani-features-close) .swiper-slide-active .pic:after{opacity: 0; transition: 0.5s}
#FEATURES:not(.ani-features-close) .swiper-slide-active .pic:before{right: 50%;}
#FEATURES:not(.ani-features-close) .swiper-slide-active .pic:after{left: 50%;}
#FEATURES:not(.ani-features-close) .swiper-slide-active .pic img{opacity: 0; transition: 0.5s;}
#FEATURES:not(.ani-features-close) .swiper-slide{opacity: 0;transform: translateX(-1rem); transition: 0.5s;}
#FEATURES:not(.ani-features-close) .swiper-slide-active{opacity: 1;transform: translateX(0);}
#FEATURES:not(.ani-features-close) .swiper-slide-next +  .swiper-slide,
#FEATURES:not(.ani-features-close) .swiper-slide-next +  .swiper-slide+  .swiper-slide,
#FEATURES:not(.ani-features-close) .swiper-slide-next{transform: translateX(1rem);}

#FEATURES.ani-features .swiper-slide-active .pic:before,
#FEATURES.ani-features .swiper-slide-active .pic:after{opacity: 1;}
#FEATURES.ani-features .swiper-slide-active .pic:before{right: 100%; }
#FEATURES.ani-features .swiper-slide-active .pic:after{left:100%;}
#FEATURES.ani-features .swiper-slide-active .pic img{opacity: 1;transition-delay:0.5s;}
#FEATURES.ani-features .swiper-slide{opacity: 1;transform: translateX(0);transition-delay:1s;}
#FEATURES.ani-features .swiper-slide-next +  .swiper-slide,
#FEATURES.ani-features .swiper-slide-next +  .swiper-slide +  .swiper-slide,
#FEATURES.ani-features .swiper-slide-next{transform: translateX(0);}

.feature-btn a{position: absolute; top: 50%;width: 0.41rem;height: 0.43rem; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; opacity: 0; transition: opacity 0.5s,right 0.5s,left 0.5s;}
.feature-btn a.prev{background-image:url(../images/arrow/prev.png); right: calc(100% + 0.5rem);}
.feature-btn a.next{background-image:url(../images/arrow/next-hover2.png);left: calc(100% + 0.5rem);}
.feature-btn a.prev:hover{background-image:url(../images/arrow/prev-hover.png);}
.feature-btn a.next:hover{background-image:url(../images/arrow/next-hover.png);}
#FEATURES.swiper-slide-active .feature-btn a{opacity: 1; transition-delay: 3s;}
#FEATURES.swiper-slide-active .feature-btn a.prev{right: calc(100% + 0.35rem);}
#FEATURES.swiper-slide-active .feature-btn a.next{left: calc(100% + 0.35rem);}

.feature-controls{position: absolute; left: calc(1296 / 1520 * 100%);right: 0; bottom: 0.6rem;display: flex;align-items: flex-start;z-index: 10; opacity: 0;transform: translateX(0.5rem); transition: 0.5s;}
.feature-controls .welt{text-transform: uppercase; flex-shrink: 0; line-height: 0.26rem; font-size: 0.24rem; letter-spacing: -1px; display: flex;align-items: center; position: relative;}
.feature-controls .welt:after{display:block; content: ''; height: 0.2rem; width: 4px; background-color: #ff9d4c; margin: 0 0.1rem 0 0.09rem; }
.feature-controls .welt::before{position: absolute;content: ''; width: 1.07rem; height: 0.08rem; background: url(../images/title-small4.svg) no-repeat 0 center; background-size: auto 100%; top: 100%; left: 0;}
.feature-controls .cur{color: #3057da;font-size: 0.4rem; position: absolute;right: calc(100% + 0.13rem); top: 50%; margin-top: -0.5em; line-height: 1;}

#FEATURES.swiper-slide-active .feature-controls{transform: translateX(0); opacity: 1; transition-delay: 3.5s;}

.feature-page{ height: 0.26rem; width: calc(0.32rem * 5); position: relative;}
.feature-page .ban-dots{overflow: hidden;}
.feature-page aside{display: flex;align-items: center; transition: 0.3s;}
.feature-page span{display: flex; width: 0.26rem; height: 0.26rem; margin-right: 0.06rem; align-items: center; justify-content:  center;flex-shrink: 0;background: url(../images/slick-dots2.svg) no-repeat center center; background-size: 0.12rem auto;}
.feature-page span.active{ background-image: url(../images/slick-dots-active.png); background-size: contain;}

.feature-page .line{position: absolute;width: 100vw; left: 0.2rem; top:  0.22rem; height: 0.14rem; overflow: hidden; transition: 0.2s;}
.feature-page .line:before,
.feature-page .line:after{position: absolute;content: '';background-color: #3057da;}
.feature-page .line:before{left: 0; top: 0; width:1px; height: 200%; transform: rotate(-45deg); transform-origin: 0 top;}
.feature-page .line:after{left: 0.15rem; height: 1px;  bottom: 0;right: 0;}

.popUp-featureDetails .inner{max-width: 15.12rem; margin: 0 auto; height: 100vh;display: flex;align-items: center;}
.popUp-featureDetails .exit{position: relative;float: right;}
.popUp-featureDetails .wrap{width: 100%;}

.featureDetailsSwiper{width: 95%; clear: both;}
.featureDetailsSwiper, 
.featureDetailsSwiper .Ispic{ height: calc(680 / 929 * 100vh);}
.featureDetailsSwiper .Ispic{background-size: contain;}
.featureDetailsSwiper .Ispic img{position: absolute; left: 0;top: 0;width: 100%;height: 100%; opacity: 0;}

.popUp-featureDetails .arrow a{position: absolute; top: 50%; width: 0.41rem; height: 0.43rem; margin-top: -0.215rem; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: 0.3s;cursor: pointer;}
.popUp-featureDetails .arrow a.prev{background-image: url(../images/arrow/prev.png); left: -0.41rem;}
.popUp-featureDetails .arrow a.next{background-image: url(../images/arrow/next-hover2.png); right: -0.41rem;}
.popUp-featureDetails .arrow a.prev:hover{background-image: url(../images/arrow/prev-hover.png);}
.popUp-featureDetails .arrow a.next:hover{background-image: url(../images/arrow/next-hover.png);}

/* @import url('plate/moments.css'); */
#MOMENTS::before,
#MOMENTS .mid{position: absolute;content: ''; left: 0;width: 100%; pointer-events: none;background-size: contain; background-repeat: no-repeat; background-position: center center;top: 50%;transform: scale(2); opacity: 0; transition: 0.5s 1.5s;}
#MOMENTS::before{background-image: url(../images/moments/line.png); height: 4.35rem;margin-top: -2.175rem;  }
#MOMENTS .mid{height: 5.8rem; margin-top: -2.9rem;z-index: 10;}
#MOMENTS .mid i{position: absolute; left: 0;top: 0;width: 100%; height: 100%;background: url(../images/moments/quan.png) no-repeat center center;background-size: contain;}
#MOMENTS.swiper-slide-active .mid,
#MOMENTS.swiper-slide-active::before{transform: scale(1); opacity: 1;}


#MOMENTS .line,
#MOMENTS .line i{position: absolute;top: 0; height: 100%;}
#MOMENTS .line{z-index: 1;width: 100%; left: 0!important;}
#MOMENTS .line i{background-size: contain; background-repeat: no-repeat; background-position: center center; width: calc(2100 / 1920 * 100%); left: calc(-180 / 1920 * 100%)!important;}
#MOMENTS .line i:nth-child(1){background-image: url(../images/moments/bg-line.png);z-index: 2;}
#MOMENTS .line i:nth-child(2){background-image: url(../images/moments/bg-line-black.png); opacity: 0.12;}

.moments-plate{position: relative;z-index: 2;}
.moments-plate .auto-inner{display: flex!important;align-items: center; justify-content: space-between; }
.moments-plate .items{width: 3.3rem; position: relative!important;perspective:500px;transition: left 0.5s, right 0.5s,opacity 0.5s;}
.moments-plate .item-box{position: relative;z-index: 1;}
.moments-plate .item-box:before,
.moments-plate .item-box:after{position: absolute;content: '';width: 100%; height: 0.24rem; left: 0; background-repeat:no-repeat;background-size: contain;z-index: 10; opacity: 0;transition: 0.3s; pointer-events: none;}
.moments-plate .item-box:before{bottom: 100%; transform: translateY(-0.2rem); background-image: url(../images/moments/t.png); background-position: center top;}
.moments-plate .item-box:after{top:  100%; transform: translateY(0.2rem); background-image: url(../images/moments/b.png); background-position: center bottom;}
.moments-plate .items:hover .item-box:before,
.moments-plate .items:hover .item-box:after{ transform: translateY(0); opacity: 1;}
.moments-plate .pic{overflow: hidden; border-radius: 0.1rem; position: relative;}
.moments-plate .pic:before{position: absolute; content: ''; left:0.1rem;top: 0.1rem;right: 0.1rem;bottom: 0.1rem; background:url(../images/moments/pic-line.png) no-repeat center center; background-size: contain;z-index: 4;}
.moments-plate .pic:after{position: absolute;content: '';  top: 0.85rem; left: 0.14rem; width: 0.14rem; height: 2.6rem; background: url(../images/moments/welt.svg) no-repeat; background-size: contain;z-index: 4;}
.moments-plate .pic img{height: 4.4rem; width: 100%;}
.moments-plate .pic picture{display: block; position: relative;z-index: 1; overflow: hidden; border-radius: 0.1rem;}
.moments-plate .pic picture:after,
.moments-plate .pic picture:before{position: absolute; content: '';}
.moments-plate .pic picture:before{ left: 0;top: 0;width: 100%; height: 100%; background: url(../images/moments/hover.png) no-repeat center center; background-size: cover; transition: 0.5s;opacity: 0.2;}
.moments-plate .items.black .pic picture:before{opacity: 1;}
.moments-plate .pic picture:after{background:url(../images/moments/tree.png) no-repeat center center; background-size: contain; width: 4.32rem; height: 2.65rem;right: -1.64rem; bottom: -1.07rem;z-index: 4;}
.moments-plate .items:nth-child(1) .item-box{transform: rotateY(6deg) scale(1,1.03);}
.moments-plate .items:nth-child(4) .item-box{transform: rotateY(-6deg) scale(1,1.03);}
.moments-plate .title{position: absolute;z-index: 2;}
.moments-plate .title{top: calc(400 / 528 * 100%); right: 0.18rem;z-index: 10;color: #fff;display: flex; flex-direction: column;align-items: flex-end; left: 0;}
.moments-plate .items:nth-child(1) .title{right: 0.24rem;}
.moments-plate .items:nth-child(4) .title{right: 0.2rem;}
.moments-plate .title .cn{font-size: 0.32rem; font-weight:700; position: relative;}
.moments-plate .title .cn::before{position: absolute; content: ''; width: 0.14rem; height: 0.14rem; background: url(../images/dots.svg) no-repeat; background-size: contain; left:0; top: 0; opacity: 0; transition: 0.3s;}
.moments-plate .items:hover .title .cn::before{ left: -0.2rem; top: -0.09rem; opacity: 1;}
.moments-plate .title .en{font-size:0.17rem; opacity: 0.48; text-align: right;}

.moments-plate .items:nth-child(1){left: -0.3rem; opacity: 0;}
.moments-plate .items:nth-child(2){left: -0.3rem; opacity: 0;}
.moments-plate .items:nth-child(3){right: -0.3rem ; opacity: 0;}
.moments-plate .items:nth-child(4){right: -0.3rem; opacity: 0;}

#MOMENTS.swiper-slide-active .moments-plate .items:nth-child(1){left: 0; opacity: 1; transition-delay: 1s;}
#MOMENTS.swiper-slide-active .moments-plate .items:nth-child(2){left: 0; opacity: 1;transition-delay: 0.5s;}
#MOMENTS.swiper-slide-active .moments-plate .items:nth-child(3){right: 0; opacity: 1;transition-delay: 0.5s; }
#MOMENTS.swiper-slide-active .moments-plate .items:nth-child(4){right: 0; opacity: 1;transition-delay: 1s;}

#MOMENTS .moments-plate > .auto-inner{position: relative!important;z-index: 3;}
#MOMENTS .moments-plate .projection{position: absolute;left: 0;top: 0;width: 100%;z-index: 1; filter: blur(1px) grayscale(1); opacity: 0.15;}
#MOMENTS .moments-plate .projection  .pic picture:before{display: none;}

/*壁纸*/
.popUp-wallpaper{background-color: rgba(255,255,255,0.95);}
.popUp-wallpaper .exit{top: calc(-80 / 929 * 100vh); right: 0;}
.popUp-wallpaper .inner{width: 15.12rem; margin: 0 auto;}
.popUp-wallpaper .girds ul{position: relative; width: calc(1405 / 1512 * 100%);}
.popUp-wallpaper .girds .istop{margin-bottom: 0.24rem;}
.popUp-wallpaper .girds .istop li:not(:nth-child(1)){width: calc(444 / 1405 * 100%); position: absolute;right: 0;}
.popUp-wallpaper .girds .istop li:nth-child(1){width: calc(936 / 1405 * 100%); }
.popUp-wallpaper .girds .istop li:nth-child(2){top: 0;}
.popUp-wallpaper .girds .istop li:nth-child(3){bottom: 0;}
.popUp-wallpaper .girds .istop li .Ispic{padding-bottom: calc(251 / 444 * 100%);}
.popUp-wallpaper .girds .item li{width: calc((100% - 0.24rem * 3) / 4); float: left;margin-bottom: 0.24rem;}
.popUp-wallpaper .girds .item li:not(:nth-child(4n)){margin-right: 0.24rem;}
.popUp-wallpaper .girds .item li .Ispic{padding-bottom: calc(188 / 333 * 100%);}

.wallpaperSwiper{ height: calc(746 / 929 * 100vh); }
.wallpaperSwiper .swiper-slide{height: auto;}
.wallpaperSwiper .swiper-wrapper{transition-duration: 0.5s!important;}
.wallpaperSwiper .scrollbar{position: absolute;right: 0.4rem; top: 4px;bottom: calc(151 / 926 * 100vh); width: 2px;background-color: #fff;}
.wallpaperSwiper .scrollbar .swiper-scrollbar-drag{ width: 4px;left: -1px;background-color: #ff9d4c; border-radius: 2px;position: absolute; transition: 0.3s!important; }
.wallpaperSwiper .scrollbar:before,
.wallpaperSwiper .scrollbar:after{position: absolute; width: 0.2rem;height: 4px;background-color:#fff;left: 50%;margin-left: -0.1rem;content: '';}
.wallpaperSwiper .scrollbar:before{bottom:-4px;}
.wallpaperSwiper .scrollbar:after{top:-4px;}

.popUp-wallpaperInfo .inner{width: 15.12rem; margin: 0 auto; height: 100vh;display: flex;align-items: center;}
.popUp-wallpaperInfo .exit{position: relative;float: right;}
.popUp-wallpaperInfo .wrap{width: 100%;}

.wallpaperDetialsSwiper{width: 95%; clear: both;}
.wallpaperDetialsSwiper, 
.wallpaperDetialsSwiper .Ispic{ height: calc(680 / 929 * 100vh);}
.wallpaperDetialsSwiper .Ispic{background-size: contain;}
.wallpaperDetialsSwiper .swiper-slide .Ispic img{position: absolute; left: 0;top: 0;width: 100%;height: 100%; opacity: 0;}

.popUp-wallpaperInfo .arrow a{position: absolute; top: 50%; width: 0.41rem; height: 0.43rem; margin-top: -0.215rem; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: 0.3s;cursor: pointer;}
.popUp-wallpaperInfo .arrow a.prev{background-image: url(../images/arrow/prev.png); left: -0.41rem;}
.popUp-wallpaperInfo .arrow a.next{background-image: url(../images/arrow/next-hover2.png); right: -0.41rem;}
.popUp-wallpaperInfo .arrow a.prev:hover{background-image: url(../images/arrow/prev-hover.png);}
.popUp-wallpaperInfo .arrow a.next:hover{background-image: url(../images/arrow/next-hover.png);}

/*漫画*/
.popUp-cartoon{display: flex;align-items: center;}
.popUp-cartoon .exit{right: 1.78rem; top: 1rem;}
.popUp-cartoon .inner{width: 15.12rem; margin: 0 auto;display: flex;align-items: center;}
.popUp-cartoon .swiper-slide{display: flex;align-items: center; justify-content: center;}
.popUp-cartoon .txt .name{margin: 0;font-size: 0.48rem;color: #3057da; transform: translateX(-0.3rem); opacity: 0; transition: 0.5s 0.5s;}
.popUp-cartoon .txt aside{font-size: 0.18rem; text-transform: uppercase; padding-right: 0.42rem; background: url(../images/title-icon.svg) no-repeat right center; background-size: auto 0.1rem; letter-spacing: 1px; font-weight: 500; display: table; margin: 0.12rem 0 1.18rem 0; position: relative;transform: translateX(-0.3rem); opacity: 0; transition: 0.5s 1s;}
.popUp-cartoon .swiper-slide-active .txt aside,
.popUp-cartoon .swiper-slide-active .txt .name{transform: translateX(0); opacity: 1; }
.popUp-cartoon .txt aside:after{position: absolute; content: ''; left: 0; top: calc(100% + 0.05rem); width: 1.91rem; height: 0.12rem; background: url(../images/title-small.svg) no-repeat; background-size: contain;}

.cartoonSwiper-pic{flex:1; transform: skewX(10deg) translateX(0.67rem); height: 100vh;}
.cartoonSwiper-txt{width: 4.18rem;}

[class*=cartoon-btn]{position: absolute; width: 0.41rem; height: 0.43rem; top: 50%; margin-top: -0.215rem; background-position: center center; background-repeat: no-repeat; background-size: contain;cursor: pointer; transition: 0.3s;}
.cartoon-btnPrev{ background-image: url(../images/arrow/prev.png); left: -0.41rem;}
.cartoon-btnNext{ background-image: url(../images/arrow/next.png); right: -0.41rem;}
.cartoon-btnPrev:hover{background-image: url(../images/arrow/prev-hover.png);}
.cartoon-btnNext:hover{background-image: url(../images/arrow/next-hover.png);}


.popUp-cartoon .txt{color: #4d4d4d; width: 100%; padding-left: 0.18rem; position: relative;}
.popUp-cartoon .txt .before{position: absolute;width: 0.36rem;height: 0.14rem;left:0;bottom:0.2rem; overflow: hidden;animation-duration: 0.5s; animation-fill-mode: both; animation-timing-function: linear;}
.popUp-cartoon .txt .before:before,
.popUp-cartoon .txt .before:after{content: '';position: absolute; }
.popUp-cartoon .txt .before:after{width: 0.3rem;height: 0.02rem;background-color: #fff;box-shadow: 0 0 0.06rem rgba(255,255,255,0.48);left: 0;bottom: 0.06rem;}
.popUp-cartoon .txt .before:before{bottom: 0.06rem;left: 0.42rem;height: 1.11rem;width: 2.81rem;background: url(../images/page-bg.png) no-repeat left  bottom;background-size: contain;}
.popUp-cartoon .swiper-slide-active .txt .before{animation-name: cbefore;}
@keyframes cbefore {
    0%{width: 0.36rem;height: 0.14rem;}
    60%{width: 3.28rem;height: 0.14rem;}
    100%{width: 3.28rem; height: 1.16rem;}
}

.popUp-cartoon .page{color: #fff; font-size: 0.2rem; position: relative;}
.popUp-cartoon .page i:nth-of-type(1){margin-left: 0.15rem;}
.popUp-cartoon .page i:nth-of-type(2){    display: inline-block; transform: scale(calc(14 / 20));  transform-origin: bottom;}


/*漫画详情*/
.popUp-cartoonInfo{display: flex; justify-content: center; align-items: flex-end;}
.popUp-cartoonInfo .inner{ max-width: 15.12rem; height: calc(749 / 929 * 100vh); margin: 0 auto; width: 100%;display: flex;justify-content: center;}
.popUp-cartoonInfo  .exit{top: -0.8rem;right: 0;}
.popUp-cartoonInfo .content{width: 7.7rem; position: relative;}
.popUp-cartoonInfo .content::before{position: absolute;content: ''; background: url(../images/shuqian.png) no-repeat; background-size: contain; width: 3.21rem; height: 6.1rem; right:calc(100% - 1.04rem);top: -0.24rem;z-index: 10;}
.popUp-cartoonInfo .catalog{position: absolute; left: 100%; top: 0.24rem; width: 1.91rem; height: 0.62rem;display: flex;align-items: center; font-size: 0.3rem; padding-left: 0.18rem; background: url(../images/moments/catalog-bg.png) no-repeat center center; background-size: contain;color: #fff;cursor: pointer;z-index: 11;}
.popUp-cartoonInfo .catalog i{position: absolute; width: 0.89rem; height: 0.95rem; background: url(../images/moments/catalog-icon.png) no-repeat center center; background-size: contain; top: 50%;margin-top: -0.475rem; right: 0.14rem;}
.popUp-cartoonInfo .catalog i:before{position: absolute; content: ''; height: 0.94rem; width: 100%; left: 0;top: 50%;margin-top: -0.47rem;  background: url(../images/moments/catalog-kuang.svg) no-repeat center center;background-size: contain; animation:kuangscale 1.5s linear alternate infinite;}
@keyframes kuangscale {
    0%{transform: scale(1) translate3d(0,0,0);}
    100%{transform: scale(1.2) translate3d(0,0,0);}
}
.popUp-cartoonInfo .list{position: absolute;top: 1.09rem; left: 100%; border: 1px solid #fff;border-radius: 0 0.06rem 0.06rem 0; background: url(../images/news-li-bg-hover.png) repeat; width: 3.21rem;z-index: 10; min-height: calc(600 / 929 * 100vh); overflow: hidden;}
.popUp-cartoonInfo .list:before{display: block; height: 0.42rem; content: '';  background: url(../images/title-small.svg) no-repeat left 0.23rem center;background-size: 1.72rem auto;}

.cartoonListSwiper{ height: calc(600 / 929 * 100vh - 0.88rem);}
.cartoonListSwiper .swiper-slide{height: auto;}
.cartoonListSwiper .swiper-wrapper{transition-duration: 0.5s!important;}

.popUp-cartoonInfo .list .page{display: flex; justify-content: space-between; height: 0.48rem; align-items: center;background-color: rgba(48,87,218,0.8); color: #fff; padding: 0 0.2rem 0 0.22rem; font-size: 0.18rem;}
.popUp-cartoonInfo .list .page i:nth-of-type(2){font-size: 0.12rem;}
.popUp-cartoonInfo .list  dd{line-height: 0.48rem;color: #fff; padding-left: 0.22rem; cursor: pointer; transition: 0.3s; background-position:right 1em center; background-repeat: no-repeat; background-size: 1em auto;}
.popUp-cartoonInfo .list  dd aside{font-size: 0.18rem;}
.popUp-cartoonInfo .list  dd span{margin-right: 0.1rem;}
.popUp-cartoonInfo .list  dd:hover,
.popUp-cartoonInfo .list  dd.active{background-image: url(../images/dots-white.svg);background-color: rgba(255,255,255,0.36); }

.cartoonInfoSwiper{height: calc(749 / 929 * 100vh);}
.cartoonInfoSwiper .swiper-slide{height: auto;}
.cartoonInfoSwiper .swiper-wrapper{transition-duration: 0.5s!important;}

.popUp-cartoonInfo .change-btn a{position: absolute; width: 0.41rem; height: 0.43rem; top: 50%; margin-top: -0.215rem; background-position: center center; background-repeat: no-repeat; background-size: contain;cursor: pointer; transition: 0.3s;}
.popUp-cartoonInfo .change-btn a.prev{ background-image: url(../images/arrow/prev.png); left: -0.41rem;}
.popUp-cartoonInfo .change-btn a.next{ background-image: url(../images/arrow/next.png); right: -0.41rem;}
.popUp-cartoonInfo .change-btn a.prev:not(.disabled):hover{background-image: url(../images/arrow/prev-hover.png);}
.popUp-cartoonInfo .change-btn a.next:not(.disabled):hover{background-image: url(../images/arrow/next-hover.png);}
.popUp-cartoonInfo .change-btn a.disabled{opacity: 0.5; pointer-events: none;}

.popUp-cartoonInfo .scrollbar{position: absolute; width: 2px; transition: left 0.3s;z-index: 10;}
.popUp-cartoonInfo .scrollbar1{ left: calc(100% + 3.42rem); top: calc(152 / 929 * 100vh);bottom: calc(87 / 929 * 100vh);background-color: #757f8a;}
.popUp-cartoonInfo .scrollbar2{ right: 0.05rem; top:0.2rem;bottom: 0.2rem;background-color:rgba(255,255,255,0.36);}
.popUp-cartoonInfo .scrollbar1.go{left: calc(100% + 0.25rem);}
.popUp-cartoonInfo .scrollbar .swiper-scrollbar-drag{ position: absolute; width: 4px;background-color: #fff; border-radius: 0.02rem; height: 0.4rem; left: -1px;transition: 0.3s!important;}
.popUp-cartoonInfo .scrollbar2 .swiper-scrollbar-drag{background-color:rgba(63, 95, 201,0.8);}

/*PV*/
.popUp-PV{overflow: hidden; background-image: url(../images/popup-bg-pv.jpg);}
.popUp-PV .exit{ top: calc(100 / 929 * 100vh); right: 2rem;z-index: 30;}
#pv-pic{position: absolute; right: 0; top: 0;height: 100%;width: 12.55rem; padding: 0 4.01rem 0 1.54rem;z-index: 2;}
#pv-pic .swiper-slide{transform: translateX(-35%) translateY(-0.15rem);clip-path: polygon(19.08% -9.52%, 70.97% -10.50%, 78.62% 112.41%, 27.37% 113.02%);}
 #pv-pic .swiper-slide-active{transform: translateX(0);z-index: 10;clip-path: none;}
#pv-pic .swiper-slide-prev{transform: translateX(-8%) translateY(-1rem);z-index: 4;}
#pv-pic .swiper-slide-next{transform: translateX(12%) translateY(1rem);z-index: 4;}
#pv-pic .swiper-slide-next +  .swiper-slide{transform: translateX(35%)  translateY(0.15rem);}
#pv-pic .swiper-slide-next +  .swiper-slide +  .swiper-slide{transform: translateX(35%) translateY(0.1rem);}
#pv-pic .swiper-slide .pic::before{position: absolute;content: '';background: url(../images/moments/guang.png) no-repeat 0 bottom;background-size: contain;width: 12.15rem;height: calc(722 / 484 * 100%);z-index: 2;pointer-events: none;bottom: -0.02rem;transform: skewX(-12deg);left: -0.12rem;opacity: 0;}

#pv-pic .swiper-slide-active .pic:before{opacity: 1;transition: opacity 0.3s 0.5s;}
#pv-pic .pic{ position: absolute;left: 50%;top: 50%;width: 3.26rem;height: 1.96rem; margin: -0.98rem 0 0 -1.63rem; transform: skew(12deg); z-index: 1; transition: 0.5s;}
#pv-pic .swiper-slide-active .pic{transform: scale(calc(700 / 286)) skew(12deg); box-shadow: 0 0 0.36rem rgba(255,255,255,0.48);}
#pv-pic .Ispic{height: 100%; position: relative;background-size: 100% 100%;z-index: 1;}
#pv-pic .swiper-slide-active .Ispic{border-radius: 0.05rem; }
#pv-pic .Ispic::before{position: absolute;content: ''; left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.3);transition: 0.3s 0.3s;}
#pv-pic .swiper-slide-prev .Ispic,
#pv-pic .swiper-slide-next .Ispic{ box-shadow: -0.06rem 0.06rem 0.12rem rgba(0,0,0,0.3);}
#pv-pic .swiper-slide-prev .Ispic::before,
#pv-pic .swiper-slide-next .Ispic::before{background: rgba(0,0,0,0.4) url(../images/moments/pv-pic-line.png) no-repeat center center; background-size: contain;}
#pv-pic .swiper-slide-active .Ispic::before{opacity: 0; }
#pv-pic .welt-tit{position: absolute; top: calc(100% + 0.05rem);color: #3057da; font-size: 0.14rem; font-weight: 500;text-transform: uppercase; opacity: 0;  display: flex;align-items: center; width: 75%; transform: scale(0.4); transform-origin: left top;}
#pv-pic .welt-tit:before{content: ''; display: block; width: 0.04rem; height: 0.2rem; border-radius: 0.04rem; background-color: #3057da; margin-right: 0.05rem;}
#pv-pic .welt-tit span{display: flex;justify-content: space-between;align-items: center; flex: 1;}
#pv-pic .welt-tit span i{margin: 0 0.1rem; flex-shrink: 0; font-style: normal;}
#pv-pic .welt-tit span:before,
#pv-pic .welt-tit span:after{display: block;content: ''; height: 2px;background-color: #3057da;}
#pv-pic .welt-tit span:before{width: 0.2rem;}
#pv-pic .welt-tit span:after{flex: 1;}
#pv-pic .swiper-slide-active .welt-tit{opacity: 1;}
#pv-pic .pic > i{position: absolute; top: 0;height: 100%;  background-size: auto 100%; background-repeat: no-repeat; width: 0.6rem; transform: skew(-12deg); opacity: 0; transition:opacity 0.3s,right 0.3s,left 0.3s; visibility: hidden;}
#pv-pic  .swiper-slide-active .pic > i{opacity: 1; transition-delay: 0.5s; visibility: visible;}
#pv-pic .pic > i.l{ right: calc(100% + 0.3rem);background-position: right center; background-image: url(../images/moments/pv-l.png);}
#pv-pic .pic > i.r{left: calc(100% + 0.3rem);background-position: left center;background-image: url(../images/moments/pv-r.png);}
#pv-pic  .swiper-slide-active .pic > i.l{right: calc(100% - 0.18rem);}
#pv-pic  .swiper-slide-active .pic > i.r{left: calc(100% - 0.18rem);}

#pv-pic .pic > i:before,
#pv-pic .pic > i:after{position: absolute;content: '';top: 50%;margin-top:-0.02rem;width: 0.06rem; height: 0.06rem;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: skew(10deg);}
#pv-pic .pic > i.l:after{background-image: url(../images/moments/jiao2.png);left: 0.17rem;animation: zhiyin3_1 1s infinite linear ;}
#pv-pic .pic > i.l:before{background-image: url(../images/moments/jiao1.png);left: 0.11rem;animation: zhiyin3_2 1s infinite linear ;}

#pv-pic .pic > i.r:after{background-image: url(../images/moments/jiao4.png);right: 0.17rem;animation: zhiyin4_1 1s infinite linear ;}
#pv-pic .pic > i.r:before{background-image: url(../images/moments/jiao3.png);right: 0.11rem;animation: zhiyin4_2 1s infinite linear ;}

@keyframes zhiyin3_1 {
    0% {
        transform: translateX(0);
         opacity:1;
    }

    80%,
    100% {
        transform: translateX(0.1rem);
         opacity:0;
       
    }
}

@keyframes zhiyin3_2 {
    0% {
        transform: translateX(0);
         opacity:1;
    }

    80%,
    100% {
        transform: translateX(0.05rem);
         opacity:0;
       
    }
}

@keyframes zhiyin3_3 {
    0% {
        transform: translateX(0);
         opacity:1;
    }

    80%,
    100% {
        transform: translateX(0.36rem);
         opacity:0;
       
    }
}

@keyframes zhiyin4_1 {
    0% {
        transform: translateX(0);
         opacity:1;
    }

    80%,
    100% {
        transform: translateX(-0.1rem);
         opacity:0;
       
    }
}

@keyframes zhiyin4_2 {
    0% {
        transform: translateX(0);
         opacity:1;
    }

    80%,
    100% {
        transform: translateX(-0.05rem);
         opacity:0;
    }
}

#pv-pic  .open-video{position: absolute; left: 0;top: 0; z-index: 10; width: 100%;height: 100%; background: url(../images/moments/play.png) no-repeat center center; background-size: auto 0.588rem; transform: scale(2); opacity: 0; visibility: hidden;}
#pv-pic  .swiper-slide-active  .open-video{transform: scale(1); opacity: 1; transition: 0.5s 0.8s; visibility: visible;}

#pv-pic [class*=film]{position: absolute;  width:2.23rem;  overflow: hidden;  transform: skew(12deg);}
#pv-pic [class*=film] span{display: block;height: 6.57rem; position: relative;background: url(../images/moments/pv-film2.png) no-repeat 0 0; background-size: 100% auto;animation: film 30s linear infinite;}
#pv-pic .film-1{left: 3.4rem; top: 50%;height: 13.14rem;}
#pv-pic .film-2{right: 5.2rem; top: 0;height: 50%;}
@keyframes film {
	0% {
		transform: translateY(0)
	}
	to {
		transform: translateY(-6.57rem)
	}
}

#pv-txt{position: absolute;left: 1.99rem; top: calc(432 / 929 * 100vh); width: 40%;color: #4d4d4d;}
#pv-txt .txt{position: relative; padding-bottom: 1.58rem;}
#pv-txt .txt .after{position: absolute; width: 0.42rem;overflow: hidden;; height: 0.15rem; content: ''; bottom: 0;  right: 2rem; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: linear;}
#pv-txt .txt .after:before,
#pv-txt .txt .after:after{content: '';position: absolute; }
#pv-txt .txt .after:after{width: 0.3rem; height: 0.02rem; background-color: #fff; box-shadow: 0 0 0.06rem rgba(255,255,255,0.48); right: 0.06rem; bottom: 0.05rem;}
#pv-txt .txt .after:before{bottom: 0; right: 0.47rem; height: 1.16rem; width: 3.82rem;background: url(../images/moments/pv-welt.png) no-repeat center center;background-size: contain;}
#pv-txt .sub-name{font-weight: 500; font-size: 0.18rem;display: flex;align-items: center; }
#pv-txt .sub-name span{color: #3057da;letter-spacing: 2px; font-weight: bold; font-size: 0.2rem; display: block; padding-right: 0.38rem; margin-right: 0.14rem; background: url(../images/title-icon.svg) no-repeat right center; background-size: auto 0.13rem;}
#pv-txt .name{font-size: 0.48rem; font-weight: bold;letter-spacing: -1px;}
#pv-txt .name:after{display: block; width: 2.09rem; content: ''; height: 0.13rem; background: url(../images/title-small.svg) no-repeat; background-size: contain; margin-top: 0.1rem;}
#pv-txt .sub-name,
#pv-txt .name{transform: translateX(0.3rem); opacity: 0; transition: 0.5s;}
#pv-txt .swiper-slide-active .sub-name,
#pv-txt .swiper-slide-active .name{opacity: 1;transform: translateX(0);}
#pv-txt .swiper-slide-active .sub-name{transition-delay: 1s;}
#pv-txt .swiper-slide-active .name{transition-delay: 1.3s;}
#pv-txt .swiper-slide-active .txt .after{animation-name: pvafter;}
@keyframes pvafter {
    0%{width: 0.42rem; height: 0.15rem;}
    60%{width: 3rem; height: 0.15rem;}
    100%{width: 4.29rem; height: 1.16rem;}
}

/*音乐*/
.popUp-music{overflow: hidden;}
.popUp-music .exit{right: 1.78rem; top: calc(100 / 929 * 100vh);}
#musicFigure{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 5; transition: 0.5s; opacity: 1;}
#musicFigure.leave{left: -0.2rem; opacity: 0;}
.music-box .controls{position: absolute;right: 0; bottom: 0.16rem; width: 3.05rem; height: 1.1rem;display: flex;align-items: center; justify-content: center;}
.music-box .controls > *{width: 0.56rem; height: 0.56rem;}
.music-box .controls #loading{opacity: 0;position: absolute; left: 0;top: 0; visibility: hidden;}
.music-box .controls span{background-position: center center; background-repeat: no-repeat; }
.music-box .controls .btn{position: relative; margin: 0 0.24rem;}
.music-box .controls .btn span{position: absolute; left: 0;top: 0;width: 100%; height: 100%; background-size: contain;}
.music-box .controls .btn span#playBtn{background-image: url(../images/moments/music-play.png);}
.music-box .controls .btn span#pauseBtn{background-image: url(../images/moments/music-pause.png); display: none;}
.music-box .controls > span{background-size: auto 0.24rem;}
.music-box .controls span#prevBtn{background-image: url(../images/moments/music-prev.png);}
.music-box .controls span#nextBtn{background-image: url(../images/moments/music-next.png);}
.music-player{position: absolute;z-index: 40; width: 6.93rem; right: 4.18rem; top: calc(183 / 929 * 100vh); height: 3.75rem; background: url(../images/moments/music-bg.png) no-repeat; background-size: contain; transform: skewX(10deg);}
.music-player .star-welt{position: absolute; left: calc(100% + 0.1rem); top: 0.46rem; width: 4.62rem; height: 1.92rem;transform: skewX(-10deg);}
.music-player .star-welt i{position: absolute; width: 0.06rem; height: 0.06rem; left: -0.03rem;top: -0.03rem; background-color: #fff; box-shadow: 0 0 0.1rem #fff; border-radius: 50%;}
.music-player .star-welt i:before{position: absolute; content: ''; width: 0.3rem; height: 0.3rem; background:url(../images/moments/music-guang-1.png) no-repeat center  center; background-size: 100% 100%; left: 50%;top: 50%; margin: -0.15rem 0 0 -0.15rem;}

#track{position: absolute; top: 2.45rem; left: 0.68rem; font-size: 0.3rem;font-weight: 500;display: flex;align-items: center;flex-wrap: wrap; text-transform: uppercase; padding-bottom: 0.28rem; background: url(../images/title-small2.svg) no-repeat left 0.31rem bottom; background-size: auto 0.07rem;color: #4d4d4d;}
#track::after{position: absolute; left: 0;bottom: 0;content: ''; background: url(../images/title-icon.svg) no-repeat center center; background-size: contain; width: 0.19rem; height: 0.1rem;}
.music-box .line{position: absolute; width: 5.94rem; height: 0.46rem; left: 0.5rem; top: 0.72rem; display: flex;align-items: center;padding-top: 0.04rem;z-index: 2;}
.music-box .line .bar{position: absolute; left: 0; width: 0.08rem; height: 0.59rem; top: -0.05rem; background: url(../images/moments/music-bar.svg) no-repeat center center; background-size: contain;}
.music-box .line .time{position: absolute;  transform: scale(calc(10 / 16)); color: #7a8087; opacity: 0.8;}
.music-box .line #timer{ left: 50%; width: 1rem;text-align: center ;margin-left: -0.5rem;top: calc(100% + 0.2rem); transition: 0.3s;}
.music-box .line #timer.time-end{text-align: left; margin-left: -0.55rem;}
.music-box .line #duration{right: 0;top: calc(100% + 0.28rem); transform-origin: right;}
.music-box .progress-bar{position: absolute;width: 6rem; left: 0.5rem;  height: 6px; top: 1.69rem;z-index: 10;}
.music-box .progress-bar:before{position: absolute;content: ''; left: 0;top: 3px;width: 100%;height: 2px;background-color: #81878c;box-shadow: -2px 4px 0 #c2ced9;}
.music-box .progress-bar .cur{position: absolute; left: 0; width: 0.08rem; height: 0.08rem; top: 50%;margin-top: -0.04rem; border-radius: 50%; background-color: #fff;z-index: 5;box-shadow: -4px 4px 0 #c2ced9;}
#progressMusic{position: absolute; left: 0;top: 50%;margin-top: -0.4rem;height: 0.8rem;  overflow: hidden;}
#progressMusic::before{position: absolute; content: '';background: #3057da; left: 0; height: 2px;width: 100%; top: 50%;z-index: 10;}
.music-box .progress-bar .wave{right: 2px; top: 50%;margin-top: -0.15rem; height: 0.3rem;width: 100%; position: absolute; width: 6rem;}
.music-box .progress-bar .wave #waveform{position: absolute; right: 0; height: 100%;  top: 1px;}
.music-box .progress-bar .wave canvas{position: absolute; top: 50%; margin-top: -50px;right: 0; transform: skewX(-10deg);}
#waveform-audio{width: 100%;}
#waveform-audio wave{border-right: 0!important; min-width: 0.08rem;}
#waveform-audio.hide{opacity: 0;}
#audio_wave{position: absolute; width: 100%; height: 0.36rem; left: 0;}
.audio_wave-time{position: absolute;left: 0;top: 0;visibility: hidden;}

#waveform-loading{position: absolute; top: 0.06rem; display: flex;align-items: center; justify-content: center; height: 0.4rem; left: 0; width: 100%; pointer-events: none;}
#waveform-loading span{display: block; width: 0.1rem; height: 0.1rem; background-color: #a4a7aa; margin: 0 0.05rem;}
#waveform-loading span:nth-child(1) {
    -webkit-animation: rotateX 2s .1s infinite cubic-bezier(0.65,0.03,0.735,0.045);
    animation: rotateX 2s .1s infinite cubic-bezier(0.65,0.03,0.735,0.045)
}
#waveform-loading span:nth-child(2) {
    -webkit-animation: rotateX 2s .2s infinite cubic-bezier(0.65,0.03,0.735,0.045);
    animation: rotateX 2s .2s infinite cubic-bezier(0.65,0.03,0.735,0.045)
}
#waveform-loading span:nth-child(3) {
    -webkit-animation: rotateX 2s .3s infinite cubic-bezier(0.65,0.03,0.735,0.045);
    animation: rotateX 2s .3s infinite cubic-bezier(0.65,0.03,0.735,0.045)
}
#waveform-loading span:nth-child(4) {
    -webkit-animation: rotateX 2s .4s infinite cubic-bezier(0.65,0.03,0.735,0.045);
    animation: rotateX 2s .4s infinite cubic-bezier(0.65,0.03,0.735,0.045)
}
#waveform-loading span:nth-child(5) {
    -webkit-animation: rotateX 2s .5s infinite cubic-bezier(0.65,0.03,0.735,0.045);
    animation: rotateX 2s .5s infinite cubic-bezier(0.65,0.03,0.735,0.045)
}

@keyframes rotateX {
        0% {
            transform: rotateX(0deg)
        }
        50% {
            transform: rotateX(90deg) scale(0.5,0.5);
            background: #fff
        }
        100% {
            transform: rotateX(0deg)
        }
}

#playlist{position: absolute; bottom: 0.7rem; width: 13.1rem; left: 8.46rem;z-index: 10;}
#playlist .cover{width: 2.24rem; margin: 0 auto; display: block; padding: 0 0.17rem; perspective: 500px;}
#playlist .cover img{transform: skewX(13deg); opacity: 0.36; transition: 0.5s;}
#playlist{padding-top: 0.94rem;}
#playlist .swiper-slide-active{ transform: translateY(-0.6rem) translateX(-0.1rem);}
#playlist .swiper-slide-active .cover img{opacity: 1;}
#playlist .current{ position: absolute; width: 2.3rem; height: 2.3rem; left: 50%; margin-left: -1.15rem; top: 50%; margin-top: -1.15rem; transform: translateY(-0.14rem) translateX(-0.1rem); z-index: 3; pointer-events: none;}
#playlist .current .kuang{position: absolute; left: 0;top: 0;width: 100%; height: 100%;border-radius: 0.03rem; border: 0.03rem solid #f0a568;transform: skewX(13deg);}
#playlist .current span{position: absolute; top: 50%; width: 3rem;}
#playlist .current span.l{ right: calc(100% + 0.1rem);  height: 2.57rem;margin-top: -1.28rem;}
#playlist .current span.r{left: calc(100% + 0.1rem);  height: 2.56rem; margin-top: -1.28rem; transform: rotate(-180deg);}
#playlist .current span .tit{text-transform: uppercase; color: #fff; font-size: 0.14rem; top: 50%;right:1.36rem; line-height: 1; margin-top: -0.5em; font-weight: 500; position: absolute;transform: skewX(22deg);}

#playlist .current span [class*=line-]{position: absolute; width: 100%; height: 1.17rem; left: 0; background-repeat: no-repeat; background-size: auto 2.57rem;background-image: url(../images/moments/music-thumb.png); animation-duration: 1s; animation-fill-mode: both;}
#playlist .current span [class*=line-]:before{position: absolute;content: ''; width:0.34rem; height: 0.07rem; background-color: #fff; border-radius:0.07rem; box-shadow: 0 0 0.04rem rgba(255,255,255,0.48); animation-duration: 0.5s; animation-delay: 1s; animation-fill-mode: both;}
#playlist .current span .line-t{top: 0; background-position: 0 0;}
#playlist .current span .line-t:before{transform: rotate(-135deg); top: 0.29rem; right: 0.41rem;}
#playlist .current span .line-b{bottom:0;background-position:left bottom;}
#playlist .current span .line-b:before{ transform: rotate(-49deg); bottom: 0.29rem; right: 0.08rem;}

#playlist .current .jiao{display: flex;align-items: center; position: absolute; top: 50%;margin-top: -0.13rem; right: 0.3rem;}
#playlist .current .jiao [class*=jiao-]{width: 0.24rem; height: 0.26rem;background-position: center center; background-repeat: no-repeat; background-size: contain; animation-duration: 0.3s;  animation-fill-mode: both;transform: translateX(0) skewX(9deg); animation-timing-function: linear;}
#playlist .current .jiao .jiao-1{background-image: url(../images/moments/jiao6.png);margin-right: 0.08rem;animation-delay: 1.3s;}
#playlist .current .jiao .jiao-2{background-image: url(../images/moments/jiao5.png);animation-delay: 1.6s;}
#playlist .current .jiao .h{width: 0.15rem;display: block; height: 0.04rem; background-color: #fff; border-radius: 0.04rem; margin-left: 0.14rem; animation-duration: 0.3s; animation-delay: 1.8s; animation-fill-mode: both;animation-timing-function: linear;}

#playlist .current.ani span [class*=line-]{animation-name: mline;}
@keyframes mline {
    0%{width: 0;}
    100%{width: 100%;}
}
#playlist .current.ani span [class*=line-]:before{animation-name: mlineb;}
@keyframes mlineb {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
#playlist .current.ani  .jiao [class*=jiao-]{animation-name: mlinej;}
@keyframes mlinej {
    0%{transform: translateX(-0.2rem) skewX(9deg);opacity:0}
    100%{transform: translateX(0) skewX(9deg);opacity: 1;}
}
#playlist .current.ani .jiao .h{animation-name: mlinel;}
@keyframes mlinel {
    0%{transform: translateX(-0.2rem);opacity:0}
    100%{transform: translateX(0);opacity: 1;}
}

/* @import url('plate/booking.css'); */
#BOOKING:after{position: absolute;content: ''; width: 100%;height: 100%; left: 0;top: 0;background: url(../images/award-bg.png) no-repeat center center; background-size: cover;z-index: -1;}
#BOOKING .wrap{position: relative;z-index: 2; height:6.63rem; margin-top:calc(128 / 929 * 100vh);perspective: 4500px;transform-style: inherit !important;}
#BOOKING .wrap-projection{position: absolute!important;z-index: 1; left: 0; width: 100%; filter: grayscale(1) blur(1px); top: 0; opacity:0;transition: opacity 0.3s;}
#BOOKING .ANI + .wrap-projection{opacity: 0.2; transition-delay: 7s;}
#BOOKING [class*=plate-]{position: absolute;  width: 2.01rem;height: calc(260 / 663 * 100%);  z-index: 5;}
#BOOKING [class*=plate-] .outside{ background-size: contain; background-position: center center; background-repeat: no-repeat;background-image: url(../images/award/box.png); transition:0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95); height: 100%; transform: scale(1.5); opacity: 0;}
#BOOKING .wrap-projection [class*=plate-] .outside{transform: scale(1); opacity: 1;}
#BOOKING .wrap-projection [class*=plate-]:not(.plate-5):not(.plate-6) .inner{background-color: rgba(0,0,0,0.2);}
#BOOKING .plate-1{left: 1.52rem; top: 1.86rem;transform:rotateX(43deg) rotateZ(-40deg) rotateY(7deg) translate(0.475rem,0.22rem) skew(-5.5deg,0deg) scale3d(0.97,1.17,1);}
#BOOKING .plate-2{left: 4.26rem;top: 4.08rem;transform:rotateX(43deg) rotateZ(-39deg) rotateY(7deg) translate(0.48rem,0.22rem) skew(-4deg,0deg) scale3d(0.97,1.11,1);}
#BOOKING .plate-3{left: 4.7rem; top: 0.94rem;transform:rotateX(43deg) rotateZ(-40deg) rotateY(7deg) translate(0.42rem,0.28rem) skew(-5.5deg,0deg) scale3d(0.97,1.145,1);}
#BOOKING .plate-4{top: 3.28rem;left: 7.2rem;transform:rotateX(43deg) rotateZ(-39deg) rotateY(7deg) translate(0.53rem,0.18rem) skew(-4.5deg,0deg) scale3d(0.97,1.1,1);}
#BOOKING .plate-5{width: 5.63rem;height: 4rem; left: 8.45rem;top: 0; }
#BOOKING .plate-5 .outside{background-image: url(../images/award/box5.png); }
#BOOKING .plate-6{width: 6.14rem;height: 3.93rem;left: 11.67rem;top: 1.97rem;}
#BOOKING .plate-6 .outside{background-image: url(../images/award/box6.png);  }

#BOOKING [class*=plate-] .inner{position: relative;  height: 100%;}
#BOOKING [class*=plate-] .inner > div{ position: absolute; left: 0;width: 100%;}

#BOOKING .txt{bottom: 0.15rem; padding: 0 0.08rem;}
#BOOKING .name{text-align: center;color: #fff; background:url(../images/award/name-bg.png) no-repeat right center #3057da;background-size:contain; line-height: calc(36 / 20 * 1em); font-weight: 500; margin-bottom: 0.15rem;position: relative; border-radius: 0.03rem;}
#BOOKING .name:before{position: absolute;content: ''; left: 0.1rem; width: 0.16rem; height: 0.16rem; background:url(../images/award/dots.png) no-repeat center center; background-size: contain;  top: 50%; margin-top: -0.08rem;}
#BOOKING [class*=plate-] .num{display: flex; align-items: center;}
#BOOKING [class*=plate-] .num b{color: #4d4d4d; font-weight: normal; margin-left: -0.19rem;}
@media (max-width:1280px) {
    #BOOKING [class*=plate-] .num b{transform: scale(0.9); transform-origin: left;margin-left: -0.3rem;}
}
#BOOKING [class*=plate-]  .num span{padding-right: 0.21rem; margin-right: 0.1rem; background: url(../images/title-icon.svg) no-repeat right center; background-size: auto 0.06rem; transform: scale(calc(12 / 16)); transform-origin: left center; display: inline-block; white-space: nowrap;}
#BOOKING .pic{display: flex;align-items: flex-end; justify-content: center; height: calc(155 / 224 * 100%);top: 0;}

#BOOKING .pic::before{position: absolute;content: ''; background: url(../images/award/title-small.svg) no-repeat;background-size: contain; width: 1rem; height: 0.1rem; left:0.08rem; top: 10%;}
#BOOKING .pic picture{position: relative;text-align: center;}
#BOOKING .pic picture span{position: absolute;left: 73%; top: 4%;font-size: 0.14rem; background: url(../images/news-tab-icon.svg) no-repeat left center; padding-left: 0.16rem; background-size: auto 0.12rem; color: #5c5c5c; font-weight: 500;}
#BOOKING .plate-1  .pic picture span{top: -4%;left: 57%; }
#BOOKING .plate-2  .pic picture span{top: 8%;left: 77%; }
#BOOKING .plate-3  .pic picture span{top: 9%;left: 76%; }
#BOOKING .pic picture img{width: 90%; max-height: 1.6rem;}
#BOOKING .plate-5 .pic{height: calc(377 / 400 * 100%);}
#BOOKING .plate-5 .pic:before{transform: rotateX(43deg) rotateZ(-39deg) rotateY(7deg) translate(0.53rem,0.18rem) skew(-4.5deg,0deg); left: -5%;  top: 51%;}
#BOOKING .plate-5 .pic picture{position: absolute;right: 0.06rem;  top: 0.05rem;}
#BOOKING .plate-5 .pic picture img{max-height: none;  width: 5.45rem;}
#BOOKING .plate-5 .txt{transform: rotateX(43deg) rotateZ(-39deg) rotateY(7deg) translate(0.53rem,0.18rem) skew(-4.5deg,0deg); bottom: 17.5%; height: 1.24rem;}
#BOOKING .plate-5 .name{width: 31%; right: 12%;position: absolute; bottom: 0; margin-bottom: 0;}
#BOOKING .plate-5 .num{margin-left: 12%;display: block;}
#BOOKING .plate-5 .num b{display: block;margin: 2% 0 0 0;}

#BOOKING .plate-6 .pic{height: calc(287 / 393 * 100%);}
#BOOKING .plate-6 .pic:before{transform: rotateX(43deg) rotateZ(-39deg) rotateY(7deg) translate(0.53rem,0.18rem) skew(-4.5deg,0deg); left: 53%; top: 17%;}
#BOOKING .plate-6 .pic picture{position: absolute;right: 1.25rem; top: 0.55rem;}
#BOOKING .plate-6 .pic picture img{max-height: none;width: 3.94rem;}
#BOOKING .plate-6 .txt{transform: rotateX(42deg) rotateZ(-39deg) rotateY(7deg) translate(0.53rem,0.18rem) skew(-4.5deg,0deg); bottom: 29%; height: 0.6rem;}
#BOOKING .plate-6 .name{width: 31%; right: 5%;position: absolute; bottom: 5%; margin-bottom: 0;}
#BOOKING .plate-6 .num{margin-left: 2.5%;display: block;}
#BOOKING .plate-6 .num b{display: block;margin: 1.3% 0 0 0;}
#BOOKING .plate-6 .txt::before{position: absolute;content: ''; background: url(../images/award/title-small.svg) no-repeat;background-size: contain; width: 1rem; height: 0.1rem; left:4%; top: 90%;}

#BOOKING .complete{position: absolute; left: 0;top: 0.08rem;bottom: 0.08rem;width: 100%; z-index: 10; border-radius: 0.05rem; opacity: 0; transition: opacity 0.5s;}
#BOOKING .complete:after{position: absolute; content: ''; width: 1.17rem; height:100%; background: url(../images/award/complete.png) no-repeat center center; background-size: auto calc(112 / 300 * 100%); right: -0.05rem; top: 0;}

#BOOKING .line dd{position: absolute; z-index: 10; transition: 0.3s width;}
#BOOKING .line dd .arrow{ width: 0.9rem; height: 0.81rem;position: absolute; opacity: 0; transform: translateX(-0.3rem);transition: 0.3s}
#BOOKING .line dd .arrow span{position: absolute; background-position: center center; background-repeat: no-repeat; background-size: contain;}
#BOOKING .line dd .arrow span:nth-child(1){width: calc(79 / 90 * 100%);height: calc(78 / 81 * 100%);background-image: url(../images/award/go-b.png);  right: 0; top: 0;}
#BOOKING .line dd .arrow span:nth-child(2){width: calc(61 / 90 * 100%);height: calc(61 / 81 * 100%);background-image: url(../images/award/go-s.png);right: calc(30 / 90 * 100%); top:  calc(21 / 81 * 100%);}

#BOOKING .wrap-projection .line dd .arrow span:nth-child(1){background-image: url(../images/award/go-b-dark.png);}  
#BOOKING .wrap-projection .line dd .arrow span:nth-child(2){background-image: url(../images/award/go-s-dark.png);}  

#BOOKING .line dd .arrow:after{position: absolute; content: ''; background: url(../images/award/welt/line.png) no-repeat center center; width:0.61rem;height: 0.58rem; background-size: contain;left: -0.08rem;  top: 0.24rem;}
#BOOKING .wrap-projection .line dd .arrow:after{display: none;}

#BOOKING .line dd i{position: absolute; height:100%;overflow: hidden; width: 0; transition: 0.3s;}
#BOOKING .line dd i::before,
#BOOKING .line dd i:after{position: absolute;content: '';height: 100%;background-position: 0 0; background-repeat: no-repeat;  background-size: 100% auto; left: 0;top: 0; }
#BOOKING .line dd i::before{opacity: 0;transition:opacity 0.3s; width: 100%;}
#BOOKING #line-1 i:before{background-image: url(../images/award/line_on/01.png);}
#BOOKING #line-2 i:before{background-image: url(../images/award/line_on/02.png);}
#BOOKING #line-3 i:before{background-image: url(../images/award/line_on/03.png);}
#BOOKING #line-4 i:before{background-image: url(../images/award/line_on/04.png);}
#BOOKING #line-5 i:before{background-image: url(../images/award/line_on/05.png);}
#BOOKING #line-6 i:before{background-image: url(../images/award/line_on/06.png);}
#BOOKING #line-7 i:before{background-image: url(../images/award/line_on/07.png);}

#BOOKING #line-1{width: 2.23rem;height: 1.2rem;top: 3.69rem; left: 0;}
#BOOKING #line-1 i{left: 0;top:0;}
#BOOKING #line-1 i:after{width: 2.23rem;background-image: url(../images/award/line/01.png);}
#BOOKING #line-1 .arrow{right: -0.55rem; top: -0.42rem;}

#BOOKING #line-2{height: 1.51rem;top: 4.45rem; left: 3.3rem;width: 1.61rem;}
#BOOKING #line-2 i{left: 0;top:0;}
#BOOKING #line-2 i:after{width: 1.61rem;background-image: url(../images/award/line/02.png);}
#BOOKING #line-2 .arrow{right: -0.49rem; bottom: -0.14rem;}

#BOOKING #line-3{height: 1.6rem;top: 2.53rem; left: 4.55rem;width: 1.13rem;}
#BOOKING #line-3 i{left: 0;bottom: 0;height: 0 !important;transition: 0.5s height;width: 1.13rem!important;}
#BOOKING #line-3 i:after{width: 100%;background-image: url(../images/award/line/03.png);right: 0;  left: auto!important; bottom: 0; top: auto!important;height: 1.6rem!important;}
#BOOKING #line-3 .arrow{right: 0.07rem; top: -0.42rem;}

#BOOKING #line-4{height: 1.58rem;top: 3.56rem; left: 6.35rem;width: 1.68rem;}
#BOOKING #line-4 i{left: 0;top:0;}
#BOOKING #line-4 i:after{width: 1.68rem;background-image: url(../images/award/line/04.png);}
#BOOKING #line-4 .arrow{right: -0.51rem; bottom: -0.17rem;}

#BOOKING #line-5{height: 1.57rem;top: 2.6rem;  left: 8.88rem;width: 1.01rem;}
#BOOKING #line-5 i{left: 0;bottom: 0;height: 0 !important;transition: 0.5s height;width: 1.01rem!important;}
#BOOKING #line-5 i:after{width: 100%;background-image: url(../images/award/line/05.png);  right: 0;  left: auto!important; bottom: 0; top: auto!important;height: 1.57rem!important;}
#BOOKING #line-5 .arrow{right: 0.14rem; top: -0.42rem;}

#BOOKING #line-6{height: 1.42rem;top: 4.02rem; left: 10.82rem;width:  1.58rem;}
#BOOKING #line-6 i{left: 0;top:0;}
#BOOKING #line-6 i:after{width:  1.58rem;background-image: url(../images/award/line/06.png);}
#BOOKING #line-6 .arrow{right: -0.51rem; bottom: -0.17rem;}

#BOOKING #line-7{height: 2.57rem;top: -0.25rem;  left: 14.25rem;width: 3.1rem;}
#BOOKING #line-7 i{left: 0;top:0;}
#BOOKING #line-7 i:after{width: 3.1rem;background-image: url(../images/award/line/07.png);}

#BOOKING .welt{opacity: 0; transition: 0.5s;}
#BOOKING .welt i{position: absolute; background-position: center center; background-position: center center; background-repeat: no-repeat; background-size: contain;}
#BOOKING .welt .w0{ background-image: url(../images/award/welt/j1.png); width: 0.37rem; height: 0.2rem;left: 1.82rem; top: 4.51rem;}
#BOOKING .welt .w1{ background-image: url(../images/award/welt/j2.png); width: 0.39rem; height: 0.21rem;left: 14.17rem; top: 0.85rem;}
#BOOKING .welt .w2{ background-image: url(../images/award/welt/j3.png); width: 0.35rem; height: 0.32rem;left: 8.08rem; top: 2.15rem;}
#BOOKING .welt .w3{ background-image: url(../images/award/welt/j4.png); width: 0.35rem; height: 0.33rem;left: 10rem;  top: 4.27rem;}
#BOOKING .welt .w4{ background-image: url(../images/award/welt/dot.png); width: 0.32rem; height: 0.21rem;left: 8.13rem; top:1.1rem;}
#BOOKING .welt .w5{ background-image: url(../images/award/welt/t.png); width: 1.1rem; height: 0.91rem;left: 10.61rem; top: 4.4rem;}

#BOOKING .welt .w4 .bn{position: absolute;left: 100%;top: 0;display: flex;transform-origin: left center;transform: rotateX(51deg) rotateZ(-43deg) rotateY(5deg) translate(0.1rem,-17%);}
#BOOKING .welt .w4 .bn aside{white-space: nowrap;font-family: 'MFJingHei-Regular'; letter-spacing: -0.01rem; display: flex;align-items: center; font-weight: bold; position: relative;z-index: 4; color: rgba(77, 77, 77, 0.8); font-size: 0.18rem;}
#BOOKING .welt .w4 .bn span{letter-spacing: 0.02rem; display: block; transform: scale(calc(16 / 18)); color: #ff9d4c; font-weight: normal;}
#BOOKING .welt .w4 .bn .bg,
#BOOKING .welt .w4 .bn .line{position: absolute;z-index: 1;}
#BOOKING .welt .w4 .bn .bg{left: 0;width: 100%; top: -0.03rem; bottom:-0.03rem;background: linear-gradient(to right, rgba(63,63,63,0) 0%,rgba(63,63,63,0.08) 50%,rgba(63,63,63,0) 100%); }
#BOOKING .welt .w4 .bn .bg:before,
#BOOKING .welt .w4 .bn .bg:after{position: absolute; content: ''; height: 1px; width: 100%; left: 0;background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);}
#BOOKING .welt .w4 .bn .bg:before{top: 0;}
#BOOKING .welt .w4 .bn .bg:after{bottom: 0;}
#BOOKING .welt .w4 .bn .line{top: calc(100% + 0.1rem); left: 0.2rem; right: 0.2rem; background-color: #3057da; height: 1px;}
#BOOKING .welt .w4 .bn .line:before,
#BOOKING .welt .w4 .bn .line:after{position: absolute; content: ''; height: 2px;top: 50%;margin-top: -1px;background-color: #3057da; width: 0.14rem;}
#BOOKING .welt .w4 .bn .line:before{right: calc(100% + 0.06rem);}
#BOOKING .welt .w4 .bn .line:after{left: calc(100% + 0.06rem);}

#BOOKING .wrap-projection .welt .w4{ background-image: url(../images/award/welt/dot-drak.png);}



#BOOKING [class*=kuang-]{position: absolute; background-repeat: no-repeat;background-position:  center center; background-size: contain; transform: scale(1.5); opacity: 0; transition: 0.3s;}
#BOOKING .kuang-1{ width: 6.98rem; height: 7.58rem;background-image: url(../images/award/kuang.png);left: 0.58rem;top: 0.07rem;}
#BOOKING .kuang-2{ width: 8.18rem; height: 7.38rem;background-image: url(../images/award/kuang2.png);left: 10.36rem; top: -0.49rem;}

#BOOKING .ANI .line dd .arrow{opacity: 1; transform: translateX(0);}

#BOOKING .ANI #line-1 i{width: 2.23rem;}
#BOOKING .ANI #line-1 .arrow{transition-delay: 0.6s;}
#BOOKING .ANI .plate-1 .outside{transform: scale(1);opacity: 1;transition-delay: 0.9s;}
#BOOKING .ANI #line-2 i{width: 1.61rem;transition-delay:1.2s;}
#BOOKING .ANI #line-2 .arrow{transition-delay: 1.5s;}
#BOOKING .ANI .plate-2 .outside{transform: scale(1);opacity: 1;transition-delay: 1.8s;}
#BOOKING .ANI #line-3 i{height: 1.6rem !important;transition-delay:2.1s;}
#BOOKING .ANI #line-3 .arrow{transition-delay: 2.4s;}
#BOOKING .ANI .plate-3 .outside{transform: scale(1);opacity: 1;transition-delay: 2.7s;}
#BOOKING .ANI #line-4 i{width: 1.68rem;transition-delay:3s;}
#BOOKING .ANI #line-4 .arrow{transition-delay: 3.3s;}
#BOOKING .ANI .plate-4 .outside{transform: scale(1);opacity: 1;transition-delay: 3.6s;}
#BOOKING .ANI #line-5 i{height: 1.57rem !important;transition-delay:3.9s;}
#BOOKING .ANI #line-5 .arrow{transition-delay: 4.2s;}
#BOOKING .ANI .plate-5 .outside{transform: scale(1);opacity: 1;transition-delay: 4.5s;}
#BOOKING .ANI #line-6 i{width:  1.58rem;transition-delay:4.8s;}
#BOOKING .ANI #line-6 .arrow{transition-delay: 5.1s;}
#BOOKING .ANI .plate-6 .outside{transform: scale(1);opacity: 1;transition-delay: 5.4s;}
#BOOKING .ANI #line-7 i{width: 3.1rem;transition-delay:5.7s;}

#BOOKING .ANI  .kuang-1,
#BOOKING .ANI  .kuang-2{opacity: 1;transform: scale(1); transition-delay: 6s;}

#BOOKING .ANI .complete{opacity: 1;transition-delay: 6.3s;}
#BOOKING .ANI .plate-5 .complete{  transform: rotateX(45deg) rotateZ(-40.5deg) rotateY(7.5deg) translate(0.02rem,-0.02rem) skew(-8.5deg,0deg) scale3d(0.84,0.97,1);}
#BOOKING .ANI .plate-5 .complete:after{right: 0.32rem; bottom: 0; top: auto; height: 73%;}
#BOOKING .ANI .plate-6 .complete{  transform:rotateX(45deg) rotateZ(-41deg) rotateY(7deg) translate(0.04rem,-0.02rem) skew(-8.5deg,0deg) scale3d(1,0.7,1);}
#BOOKING .ANI .plate-6 .complete:after{right: 0.32rem; background-size: contain;transform: scale(0.9,1.3); height: 110%;}

#BOOKING .ANI .line dd#line-6.on + dd  i:before,
#BOOKING .ANI .line dd.on i:before{opacity: 1;transition-delay: 6.3s;}
#BOOKING .ANI .line dd#line-6.on + dd  i:after,
#BOOKING .ANI .line dd.on i:after{opacity: 0;transition: 0.5s 6.3s;}
#BOOKING .ANI .line dd .arrow span:nth-child(1){ animation: arrow1 infinite 1s 6.3s;}
#BOOKING .ANI .line dd .arrow span:nth-child(2){ animation: arrow2 infinite 1s 6.3s;}

#BOOKING .ANI .welt{opacity: 1; transition-delay: 6.5s;}

@keyframes arrow1 {
    0% {
        opacity: 1;
        transform: translate(0,0);
    }

    100% {
        opacity: 0.5;
        transform: translate(0.2rem,-0.1rem);
    }
}

@keyframes arrow2 {
    0% {
        opacity: 0.5;
        transform: translate(0,0);
    }

    100% {
        opacity: 1;
        transform:translate(0.1rem,-0.05rem);
    }
}
/* @import url('plate/team.css'); */
.team-desc{display: flex;padding-top: calc(227 / 960 * 100vh); height: 100%; transform: translateX(-0.5rem); opacity: 0; transition: 1s; position: relative;z-index: 4;pointer-events: none;}
.swiper-slide-active .team-desc{transform: translateX(0); opacity: 1; transition-delay: 0.5s;}
.team-desc .auto-inner{position: relative;z-index: 4;}
.team-desc .main{max-width: 40%;color: #4d4d4d; min-height: 5.95rem; pointer-events: all; padding-bottom: calc(30 / 960 * 100vh);opacity: 0; transition: 0.3s;}
.team-desc .main *{pointer-events: all;}
.team-desc .main.show{opacity: 1;}
.team-desc .tit-en{color: #3057da; font-size: 0.72rem; line-height: calc(70 / 72 * 1em); margin-bottom: 0.09rem;white-space: pre-wrap;}
.team-desc .tit-cn{font-size: 0.48rem;letter-spacing: -1px;font-weight: bold;}
.team-desc .item-change .item-c:not(.item-show){position: absolute;visibility: hidden; opacity: 0;z-index: -1;}

.team-desc .con{letter-spacing: 1px;  color: rgba(77, 77, 77, 0.8);font-size: 0.18rem; line-height: calc(28 / 18 * 1em); max-width: 4.1rem;font-weight: 500;}
.team-desc .con *{margin: 0;}
.team-desc .arms{margin-top: 0.26rem; border-radius: 0.06rem; border-left: 0.05rem solid #3057da; padding-left: 0.24rem; position: relative;z-index: 10; min-height: 0.76rem;}
.team-desc .arms aside{margin-bottom: 0.08rem; font-weight: 500; font-size: 0.18rem;}
.team-desc .arms img{height: 0.49rem;}
.team-desc #arms-waves{left: -0.85rem; position: absolute; top: 0; }
.team-desc #arms-waves svg{position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.team-desc .soglan,
.team-desc .con,
.team-desc .arms,
.team-desc .audio-player,
.team-desc [class*=tit-]{transform: translateX(-0.2rem); transition: 0.5s; opacity: 0;}
.team-desc .main.show .item-show .soglan,
.team-desc .main.show .item-show .con,
.team-desc .main.show .item-show .audio-player,
.team-desc .main.show  .arms,
.team-desc .main.show .item-show [class*=tit-]{transform: translateX(0); transition-delay: 0.2s; opacity: 1;}
.team-desc .main.show .item-show .tit-cn{transition-delay: 0.4s;}
.team-desc .main.show .item-show .audio-player{transition-delay: 0.6s;}
.team-desc .main.show .item-show .soglan{transition-delay: 0.8s;}
.team-desc .main.show .item-show .con{transition-delay: 1s;}
.team-desc .main.show .arms{transition-delay: 1.2s;}
.team-desc .soglan{display:table;letter-spacing: -1px; padding-right: 0.39rem; font-size: 0.18rem; background: url(../images/jiao-r.svg) no-repeat right center; background-size: auto 0.13rem; text-transform: uppercase;  margin-top: -0.09rem;font-weight: 500;}

.audio-player{display: flex;align-items: center; margin-top: -0.2rem; }
.audio-player i.welt{width: 2.09rem; height: 0.13rem; background: url(../images/title-small3.svg) no-repeat center center; background-size: contain;}
.audio-player .btn{margin: 0 0.21rem 0 0.4rem;display: flex;align-items: center;}
.audio-player .btn:before,
.audio-player .btn:after{display: block; content: ''; height: 2px; background-color: #3057da; width: 0.64rem;}
.audio-player .play-btn{margin: 0 0.09rem; width: 0.86rem; height: 0.86rem; position: relative;}
.audio-player .play-btn::before{position: absolute; left: 0;top: 0; width: 100%; height: 100%;background: url(../images/quan.svg) no-repeat center center; background-size: contain; content: ''; }
.audio-player .btn.stop .play-btn::before{animation: infinite audiomid 6s both linear;}
.audio-player .play-btn a{position: absolute; left: 0;top: 0;width: 100%; height: 100%;z-index: 4;}
.audio-player .play-btn a.play{z-index: 10; background: url(../images/play.svg) no-repeat center center; background-size: auto 0.22rem;}
.audio-player .btn.stop .play-btn a.play{z-index: 4; opacity: 0;}
.audio-player .btn.stop .play-btn a.pause{z-index: 10;}
.audio-player .current-time{font-family: 'SUNAEuropeExtBold'; color: #3057da;transform: scale(calc(12 / 16)); transform-origin: 0 center;}
.audio-player .waves{position: absolute;width: 0.52rem; height: 0.32rem; left: 50%;top: 50%; margin: -0.16rem 0 0 -0.26rem; overflow: hidden;display: flex;align-items: center; justify-content: space-between; opacity: 0;}
.audio-player .waves i{width: 0.04rem; height: 0.32rem; background:#3057da; border-radius: 0.04rem;}
.audio-player .waves i:nth-child(1) {
	animation: audiowaves 1.5s 0.6s infinite linear
}
.audio-player .waves i:nth-child(2) {
	animation: audiowaves 1.5s 0.4s infinite linear
}
.audio-player .waves i:nth-child(3) {
	animation: audiowaves 1.5s 0.2s infinite linear
}
.audio-player .waves i:nth-child(4) {
	animation: audiowaves 1.5s 0s infinite linear
}
.audio-player .waves i:nth-child(5) {
	animation: audiowaves 1.5s 0.2s infinite linear
}
.audio-player .waves i:nth-child(6) {
	animation: audiowaves 1.5s 0.4s infinite linear
}
.audio-player .waves i:nth-child(7) {
	animation: audiowaves 1.5s 0.6s infinite linear
}
@keyframes audiomid {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
@keyframes audiowaves {
    0% {
        height: 10%;
    }
    50% {
        height: 100%;
    }
    100% {
        height: 10%;
    }
}
.audio-player .btn.stop .waves{opacity: 1;}
/* .audio-player .btn.stop .waves i{animation:audiowaves 1s infinite linear;} */

.team-controls{display: flex;align-items: flex-end;z-index: 10; width: 7.76rem; pointer-events: all;}
.team-controls .cur{color: #3057da;font-size: 0.41rem; letter-spacing: 2px;height: 0.42rem; line-height: 1;}
.team-controls .total{font-size: 0.24rem; color: #4d4d4d; margin-right: 0.18rem;}

[class*=team-btn]{width: 0.41rem; height: 0.43rem; background: url(../images/arrow/prev.png) no-repeat center center; background-size: contain;position: absolute; top: 50%; margin-top: -0.215rem;z-index: 50;  opacity: 0; transition: opacity 0.5s,transform 0.5s;}
.team-btnprev_last,
.team-btnnext_last{z-index: 60;}
.team-btnprev_last,
.team-btnprev{ left:1.2rem;transform: translateX(-0.3rem);}
.team-btnnext_last,
.team-btnnext{background-image: url(../images/arrow/next-hover2.png); right: 1.2rem;transform: translateX(0.3rem);}
.team-btnprev_last:hover,
.team-btnprev:hover{background-image: url(../images/arrow/prev-hover.png);}
.team-btnnext_last:hover,
.team-btnnext:hover{background-image: url(../images/arrow/next-hover.png);}
.swiper-slide-active [class*=team-btn]{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.team-page{ height: 0.26rem; width: 1.6rem; position: relative;}
.team-page .ban-dots{overflow: hidden;}
.team-page aside{display: flex;align-items: center; transition: 0.3s;}
.team-page span{display: flex; width: 0.32rem; height: 0.26rem; align-items: center; justify-content:  center; flex-shrink: 0;background: url(../images/slick-dots1.svg) no-repeat center center; background-size: 0.12rem auto;}
.team-page span.active{ background-image: url(../images/slick-dots-active.png); background-size: contain;}

.team-page .line{position: absolute;width: 4.1rem; left: 0.2rem; top:  0.22rem; height: 0.14rem; overflow: hidden; transition: 0.2s;}
.team-page .line:before,
.team-page .line:after{position: absolute;content: '';}
.team-page .line:before{left: 0; top: 0; width:2px; height: 200%; transform: rotate(-45deg); transform-origin: 0 top;background-color: #3057da;}
.team-page .line:after{left: 0.15rem; height: 2px;  bottom: 0;right: 0;
    background: -moz-linear-gradient(left,  rgba(56,109,230,1) 0%, rgba(56,109,230,0.2) 70%, rgba(56,109,230,0) 100%); 
    background: -webkit-linear-gradient(left,  rgba(56,109,230,1) 0%,rgba(56,109,230,0.2) 70%,rgba(56,109,230,0) 100%); 
    background: linear-gradient(to right,  rgba(56,109,230,1) 0%,rgba(56,109,230,0.2) 70%,rgba(56,109,230,0) 100%); 
}

.team-swiper{position: absolute;right: 0;width: calc(1500 / 1920 * 100vw); top: 0;height: 100%; transform: translateX(0.5rem); opacity: 0; transition: 1s;}
.swiper-slide-active .team-swiper{transform: translateX(0); opacity: 1; transition-delay: 0.5s;}
#teamPicSwiper{position: absolute; left: 0;top: 0;width: 100%; height: 100%; opacity: 0; transition: 0.3s;}
#teamPicSwiper.active{opacity: 1;}
.team-swiper .swiper-slide-active{z-index: 10;}
.team-swiper .swiper-slide{height: 100vh;}
[class*=teamPicGroup-]{position: absolute; top: 0; width: 100%; }
.teamPicGroup-zc{right:-20%;z-index: 10; opacity: 0;transition: 0.5s 1s;}
.teamPicGroup-yz{right: -20%;opacity: 0; transition: 0.5s 1.5s;}
.swiper-slide-active .active .teamPicGroup-zc,
.swiper-slide-active .active .teamPicGroup-yz{right:0; opacity: 1;}
.swiper-slide-active .active .teamPicGroup-zc{transition-delay: 0.5s;}
.swiper-slide-active .active .teamPicGroup-yz{transition-delay:1s;}
[class*=teamPicGroup-]  .Ispic{height: 100%; background-position: center bottom; background-size: contain; transition: 0.5s;}
.teamPicGroup-zc .btn-area{position: absolute; top: calc(260 / 929 * 100vh); left: 35%;display: flex;align-items: center; width: 1.95rem; justify-content: space-between; height: 0.7rem; z-index: 10;}
.teamPicGroup-zc .btn-area div{ width: 50%; height: 100%;  z-index: 20;}
.teamPicGroup-zc .btn-area .ani {position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 100%;}
.teamPicGroup-zc .btn-area .ani  span{width: 0.68rem; height: 100%; position: absolute; top: 0;}
.teamPicGroup-zc .btn-area .ani  span.l{left: 0;}
.teamPicGroup-zc .btn-area .ani  span.r{right: 0; transform: rotateY(180deg);}
.teamPicGroup-zc .btn-area .ani  span i,
.teamPicGroup-zc .btn-area .ani  span:before,
.teamPicGroup-zc .btn-area .ani  span:after{position:absolute; top: 0;height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.teamPicGroup-zc .btn-area .ani  span:before,
.teamPicGroup-zc .btn-area .ani  span:after{content: '';}
.teamPicGroup-zc .btn-area .ani  span i{right: -0.07rem; width: 0.38rem; background-image: url(../images/btn/jiao.png); animation: zhiyin3_1 1.5s 0.5s infinite linear;}
.teamPicGroup-zc .btn-area .ani  span:before{right: 0.2rem;background-image: url(../images/btn/yuan.png); width: 0.29rem;}
.teamPicGroup-zc .btn-area .ani  span:after{right:0.32rem;background-image: url(../images/btn/yuan2.png); width: 0.36rem;animation: zhiyin3_3 1.5s 0.5s infinite linear;}
.teamPicGroup-zc .btn-area .ani  em{position: absolute; }
.teamPicGroup-zc .btn-area .ani  em.j{ width: calc(100% - 0.68rem * 2); height: 100%; top: 0;left: 0.68rem;}
.teamPicGroup-zc .btn-area .ani  em.j:before,
.teamPicGroup-zc .btn-area .ani  em.j:after{position:absolute; content: ''; width: 0.69rem; height: 0.52rem; background-position: center center;background-repeat: no-repeat; background-size: auto 0.52rem; left: 50%; margin-left: -0.345rem;}
.teamPicGroup-zc .btn-area .ani  em.j:before{bottom: 26.5%; background-image: url(../images/btn/shang.png); animation: btnArea 1s infinite linear alternate;}
.teamPicGroup-zc .btn-area .ani  em.j:after{top:26.5%; background-image: url(../images/btn/xia.png);animation: btnArea2 1s infinite linear alternate;}

.teamPicGroup-zc .btn-area .ani  em.q{width: 1.06rem; height: 1.06rem; left: 50%;top: 50%; margin: -0.53rem 0 0 -0.53rem;}
.teamPicGroup-zc .btn-area .ani  em.q i{position: absolute; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.teamPicGroup-zc .btn-area .ani  em.q i:nth-child(1){left: 0;top: 0;width: 100%;height: 100%; background-image: url(../images/btn/q1.png);animation: btnScale 1.5s infinite linear;}
.teamPicGroup-zc .btn-area .ani  em.q i:nth-child(2){left: 50%;top: 50%;width: 1.42rem;height: 1.42rem; margin: -0.71rem 0 0 -0.71rem;background-image: url(../images/btn/q2.png);animation: btnScale 1.5s 0.5s infinite linear;}

.teamPicGroup-zc .swiper-slide .Ispic{transform: scale(0.5); opacity: 0; }
.teamPicGroup-zc .swiper-slide-duplicate-active .Ispic,
.teamPicGroup-zc .swiper-slide-active .Ispic{transform: scale(1) translateX(0); opacity: 1;}
.teamPicGroup-yz .swiper-slide .Ispic{transform: scale(1.5); opacity: 0;position: relative;right: -20%;  transition: transform 0.5s ,opacity 0.5s ,right 0.5s 0.5s;}
.teamPicGroup-yz .swiper-slide-duplicate-active .Ispic,
.teamPicGroup-yz .swiper-slide-active .Ispic{transform: scale(1); opacity: 1; right: 0;}
@keyframes btnArea {
    0%{opacity: 1;}
    100%{opacity: 0.36;}
}
@keyframes btnArea2 {
    0%{opacity: 0.36;}
    100%{opacity: 1;}
}
@keyframes btnScale {
    0%{transform:scale(1); opacity: 1;}
    100%{transform:scale(2); opacity: 0;}
}

/* @import url('../js/plug-in/flipster/jquery.flipster.css'); */
.flipster {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	position: relative;
}
.flip-items{overflow: hidden;}
.flip-items, .flip-item {
	display: block;
	margin: 0 auto;
	padding: 0;
	list-style-type: none
}
.flip-items {
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.flip-item {
	position: absolute;
	width: 100%;
	height: 100vh;
}
.flip-past, .flip-future, .flip-next, .flip-prev {
	cursor: pointer
}

.flipster-carousel .flip-items {
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	perspective: 2000px
}
.flipster-carousel .flip-item {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	-o-transition: all 350ms ease-out;
	-ms-transition: all 350ms ease-out;
	transition: all 350ms ease-out
}

.flipster-carousel .flip-past .main{
	transform:translate3d(-33.5%,-22%,0);
  }
  .flipster-carousel .flip-past  .main .pic{transform: scale(0.7);opacity: 1;}


.flipster-carousel .flip-future  .main{
	transform:translate3d(57%,-36%,0);
}
.flipster-carousel .flip-future  .main .pic{transform: scale(0.8);opacity: 1;}

.flipster-carousel .flip-next  .main{
	transform:translate3d(-66%,39%,0);
}

.flipster-carousel .flip-next  .main .pic{transform: scale(0.8);opacity: 1;}

.flipster-carousel .flip-prev .main{
  transform:translate3d(38%,25.5%,0);
}
.flipster-carousel .flip-prev  .main .pic{transform: scale(0.7);opacity: 1;}

.flipster-carousel .flip-past,
 .flipster-carousel .flip-future {

	z-index: 1;
	-webkit-transition-delay: 87.5ms;
	-moz-transition-delay: 87.5ms;
	-o-transition-delay: 87.5ms;
	transition-delay: 87.5ms
}
.flipster-carousel .flip-future {z-index: 2;}
.flipster-carousel .flip-prev, 
.flipster-carousel .flip-next {
	z-index: 2;
	-webkit-transition-delay: 58.333333333333336ms;
	-moz-transition-delay: 58.333333333333336ms;
	-o-transition-delay: 58.333333333333336ms;
	transition-delay: 58.333333333333336ms
}
.flipster-carousel .flip-next {z-index: 1;}
.flipster-carousel .flip-current {
	z-index: 999;
	-webkit-transition-delay: 58.333333333333336ms;
	-moz-transition-delay: 58.333333333333336ms;
	-o-transition-delay: 58.333333333333336ms;
	transition-delay: 58.333333333333336ms
}
.flipster-carousel .flip-hidden {

	-webkit-transition-delay: 116.66666666666667ms;
	-moz-transition-delay: 116.66666666666667ms;
	-o-transition-delay: 116.66666666666667ms;
	transition-delay: 116.66666666666667ms
}

.flipster-carousel{width: 11rem;}
.flipster-carousel .flip-items{transform: skew(10deg,0) translate3d(0.54rem,0,0); height: 100vh; position: relative;}
.flipster-carousel .flip-items:before,
.flipster-carousel .flip-items:after{width: 4.74rem; height: 4.06rem; position: absolute; content: ''; background: url(../images/moments/cartoon-dot.png) no-repeat center center; background-size: contain;z-index: 3;transform: skew(-10deg,0) translateZ(0); }
.flipster-carousel .flip-items:before{top: 5%;left: 9%;}
.flipster-carousel .flip-items:after{bottom: 4.2%;right: 7.5%;}

.flipster-carousel .main{transition: 0.5s;height: 7.08rem; top: 50%;margin-top: calc(-7.08rem / 2); position: absolute; left: 50%; width: 4.2416rem; margin-left: calc(-4.2416rem / 2);display: flex; justify-content: center; }
.flipster-carousel .pic{width: 100%;position: relative;transition: 0.5s;transform: scale(0.7); opacity: 0;}
.flipster-carousel .flip-current .pic{transform: scale(1);opacity: 1;box-shadow: -0.21rem 0.21rem 0.1rem rgba(0, 0, 0, 0.48);}
.flipster-carousel .pic .p-welt{position: absolute; bottom: calc(100% + 0.08rem); width: 0.24rem; height: 0.24rem; background: url(../images/icon.svg) no-repeat center center;background-size: contain;  left: 56%; opacity: 0; transition: 0.5s 0.5s; transform: translateY(-0.3rem);}
.flipster-carousel .flip-current .pic .p-welt{opacity: 1;transform: translateY(0);}
.flipster-carousel .pic:after,
.flipster-carousel .pic:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;z-index: 10; height: 100%; }
.flipster-carousel .pic:before{transition: 0.5s;}
.flipster-carousel .pic:after{border: 3px solid #fff;z-index: 11;}
.flipster-carousel .flip-current .pic:after{border-width: 2px;}
.flipster-carousel .flip-prev .pic:before,
.flipster-carousel .flip-past .pic:before{background-color: #000; opacity: 0.4;}
.flipster-carousel .flip-next .pic:before,
.flipster-carousel .flip-future .pic:before{background-color: #fff; opacity: 0.36;}
.flipster-carousel .pic img{height:100%; position: relative;z-index: 1;}
.flipster-carousel .kuang{position: absolute; width: 8.44rem; height: 7.18rem; left: 50%;top: 50%;margin: -3.59rem 0 0 -4.22rem; background: url(../images/moments/cartoon-kuang.png) no-repeat center center; background-size: contain; z-index: 10; pointer-events: none; transform: skewX(-10deg) scale(0); opacity: 0; transition: 0.5s;}
.flipster-carousel .flip-current .kuang{transform: skewX(-10deg) scale(1);opacity:1; transition-delay: 0.5s;}

.flipster-carousel .welt-tit{position: absolute;width: 2.37rem;left: -0.34rem;top: 50%;margin-top: -0.45rem;display: flex;align-items: center;height: 0.2rem;overflow: hidden; transform: skewX(10deg) translateX(0.3rem); opacity: 0;z-index: 5;}
.flipster-carousel .flip-current .welt-tit{transform: skewX(10deg) translateX(0); opacity: 1;}
.flipster-carousel .welt-tit:before{margin-right:0.05rem;content:'';width:0.04rem;height:0.2rem;background:#3057da;border-radius: 2px;}
.flipster-carousel .welt-tit:after{flex: 1; background-color: #3057da;content:''; height: 1px;}
.flipster-carousel .welt-tit span{color:#3057da;font-size:0.14rem;font-weight:500;text-transform: uppercase;display:flex;align-items: center; margin-right: 0.05rem;}
.flipster-carousel .welt-tit span:before{margin-right:0.05rem;background:#3057da;content:''; height:1px;display:block; width:0.2rem;}

.flipster-carousel .view{position: absolute; left: 0;top: 0;width: 100%;height: 100%; background: url(../images/moments/cartoon-file.png) no-repeat center center; background-size: contain; transform: scale(0); opacity: 0; visibility: hidden;z-index: 6; transition: 0.5s;}
.flipster-carousel .flip-current .view{transform: scale(1); opacity: 1; visibility: visible; transition-delay: 0.3s;}
.flipster-carousel .view .btn{ position: absolute; width: 1.6rem; height: 1.6rem; left: 50%;top: 50%;margin: -0.8rem 0 0 -0.8rem;background: url(../images/moments/cartoon-read.png) no-repeat center center; background-size: 1.54rem auto; z-index: 3;}

a[class*=flipto-]{position: absolute; width: 0.41rem; height: 0.43rem; top: 50%; margin-top: -0.215rem; background-position: center center; background-repeat: no-repeat; background-size: contain;cursor: pointer; transition: 0.3s;font-size: 0;}
.flipto-prev{ background-image: url(../images/arrow/prev.png); left: -0.41rem;}
.flipto-next{ background-image: url(../images/arrow/next-hover2.png); right:-4.62rem;}
.flipto-prev:hover{background-image: url(../images/arrow/prev-hover.png);}
.flipto-next:hover{background-image: url(../images/arrow/next-hover.png);}

.flipster-carousel .view .btn span{position: absolute; top: 50%; width: 1rem;}
.flipster-carousel .view .btn span.l{ right: calc(100% + 0.15rem);  height: 2.1rem;margin-top: -1.05rem;}
.flipster-carousel .view .btn span.r{left: calc(100% + 0.15rem);  height: 2.1rem; margin-top: -1.05rem; transform: rotate(-180deg);}

.flipster-carousel .view .btn span [class*=line-]{position: absolute; width: 100%; height: 0.95rem; left: 0; animation-duration: 1s; animation-fill-mode: both;animation-delay: 0.5s;}
.flipster-carousel .view .btn span [class*=line-]:before{position: absolute;content: ''; width:0.38rem; height: 0.07rem; background-color: #fff; border-radius:0.07rem; box-shadow: 0 0 0.04rem rgba(255,255,255,0.48); right: 0.4rem;}
.flipster-carousel .view .btn span .line-t{top: 0; background-position: 0 0;}
.flipster-carousel .view .btn span .line-t:before{transform: rotate(-135deg); top: 0.12rem; }
.flipster-carousel .view .btn span .line-b{bottom:0;background-position:left bottom;}
.flipster-carousel .view .btn span .line-b:before{ transform: rotate(-49deg); bottom: 0.12rem; }

.flipster-carousel .view .btn .jiao{display: flex;align-items: center; position: absolute; top: 50%;margin-top: -0.13rem; right: 0;}
.flipster-carousel .view .btn .jiao [class*=jiao-]{width: 0.2rem; height: 0.21rem;background-position: center center; background-repeat: no-repeat; background-size: contain; animation-duration: 0.3s;  animation-fill-mode: both;transform: translateX(0) skewX(9deg); animation-timing-function: linear;}
.flipster-carousel .view .btn .jiao .jiao-1{background-image: url(../images/moments/jiao6.png);margin-right: 0.08rem;animation-delay: 1.3s;}
.flipster-carousel .view .btn .jiao .jiao-2{background-image: url(../images/moments/jiao5.png);animation-delay: 1.6s;}
.flipster-carousel .view .btn .jiao .h{width: 0.15rem;display: block; height: 0.02rem; background-color: #fff; border-radius: 0.02rem; margin-left: 0.1rem; animation-duration: 0.3s; animation-delay: 1.8s; animation-fill-mode: both;animation-timing-function: linear;}

.flipster-carousel .flip-current  span [class*=line-]{animation-name: fmline;}
@keyframes fmline {
    0%{left: -0.5rem;opacity: 0;}
    100%{left: 0;opacity: 1;}
}
.flipster-carousel .flip-current   .jiao [class*=jiao-]{animation-name: fmlinej;}
@keyframes fmlinej {
    0%{transform: translateX(-0.2rem) skewX(9deg);opacity:0}
    100%{transform: translateX(0) skewX(9deg);opacity: 1;}
}
.flipster-carousel .flip-current  .jiao .h{animation-name: fmlinel;}
@keyframes fmlinel {
    0%{transform: translateX(-0.2rem);opacity:0}
    100%{transform: translateX(0);opacity: 1;}
}

.flipster-carousel .view .btn.projection{opacity: 0;transform: translate(0,0); transition: 0.5s}
.flipster-carousel .flip-current .pic:hover .view .btn.projection{transform: translate(-0.12rem,0.12rem); opacity: 1;}
.flipster-carousel .view .btn.projection{z-index: 1;background-image: url(../images/moments/cartoon-read-b.png) ; background-size: contain; }
.flipster-carousel .view .btn.projection span [class*="line-"]::before {background-color: rgba(0, 0, 0, 0.48); box-shadow: 0 0 0.04rem rgba(0,0,0,0.48);}
.flipster-carousel .view .btn.projection .jiao .h{background-color: rgba(0, 0, 0, 0.48); }
.flipster-carousel .view .btn.projection .jiao .jiao-1{background-image: url(../images/moments/jiao6-b.png);}
.flipster-carousel .view .btn.projection .jiao .jiao-2{background-image: url(../images/moments/jiao5-b.png);}

.btn-cdk{
    position: absolute;z-index: 50;  right: calc( 40 / 1920 * 100vw); bottom: calc(70 / 929 * 100vh);
}
.btn-dlcfab,
.btn-cdk,
.btn-dlc,
.btn-dlc3{
    /* position: absolute;z-index: 50;  right: calc( 40 / 1920 * 100vw);  */
    background: url(../images/cdk11.png) no-repeat center center; background-size: contain;}
.btn-cdk{
    /* bottom: calc(70 / 929 * 100vh); */
    /* margin-top: 1.2rem; */
     width: 2.21rem; height:1.49rem; }
.btn-dlc{width: 2.21rem; height:.99rem; background-image: url(../images/dlc11.png);
 }
 .btn-dlc3{width: 2.21rem; height:1.33rem; background-image: url(../images/dlc3_2_4.png);
 }

 .btn-dlcfab{
    width: 2.21rem; height:1.33rem; background-image: url(../images/dlcfab2.png);display: block;background-size: contain;
    background-repeat: no-repeat;

 }
 .btn-dlc4fab{
    width: 2.21rem; height:1.33rem; background-image: url(../images/dlc4-FAB.png);display: block;background-size: contain;
    background-repeat: no-repeat;

 }
 

.btn-fixed{
    position: absolute;z-index: 50;  right: calc( 80 / 1920 * 100vw);bottom: calc(70 / 929 * 100vh);
}
.btn-fixed .btn-cdk{
    position: unset;
    right: unset;
    bottom: unset;
}


.popUp-CDK{ overflow: hidden; display: flex;align-items: center; justify-content: center;}
.popUp-CDK .bg,
.popUp-CDK .bg2{position: absolute; }
.popUp-CDK .bg{background-image: url(../images/booking-bg.jpg);  left: -5%!important;top: -5%!important; width: 110%; height: 110%;z-index: -1;}
.popUp-CDK .bg2{top: 0!important;width: 100%; height: 100%; left: 0!important;z-index: 1;background-image: url(../images/booking-bg2.png); background-size: contain;}
.popUp-CDK .tree{position: absolute; background: url(../images/booking-tree.png) no-repeat center center; width: 3.22rem; height: 2.27rem; background-size: contain; left: 0;bottom: 0;z-index: 2;}
.popUp-CDK .inner{width: 10.74rem;perspective: 800px;color: #fff;z-index: 5;position: relative;}
.popUp-CDK .js-td-card3,
.popUp-CDK .js-td-card2{ background: url(../images/booking-inner2.png) no-repeat center center;background-size: 100% 100%;transform-style: preserve-3d; position: relative; padding-left: 0.96rem;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); clip-path: polygon(97.09% 50.27%, 100.08% 50.39%, 100.11% 54.1%, 96.58% 54.1%, 96.46% 100.45%, 2.81% 99.85%, 2.73% 86.77%, 5% 86.72%, -0.82% 83.57%, 2.63% 80.88%, 3% 0%, 96.64% -0.3%); min-height: 5.9rem;}
.popUp-CDK .close{right:0.61rem; top: 0.33rem; }
.popUp-CDK .top{position: relative; padding-top: 0.4rem; padding-bottom: 0.42rem; }
.popUp-CDK .title{padding-left: 0.98rem; background: url(../images/tree.png) no-repeat left center; height: 0.51rem; background-size: 0.81rem auto; display: flex;align-items: center;}
.popUp-CDK .title .cn{letter-spacing: -1px;font-size: 0.32rem; font-weight: 700;}
.popUp-CDK .title .cn span{display: inline-block;color: #ffa65d; font-size: 0.36rem; font-weight: 700; margin-left: 0.12rem; text-shadow: 0 0 0.06rem  rgba(52, 64, 77, 0.68);}
.popUp-CDK .title .cn span:before,
.popUp-CDK .title .cn span:after{display: inline-block; font-weight: normal;}
.popUp-CDK .title .cn span:before{content: '[';}
.popUp-CDK .title .cn span:after{content: ']';}
.popUp-CDK .top .line{position: absolute; width: calc(100% - 0.39rem);left:0; top: 1.08rem; height: 1rem; background: url(../images/booking-line.svg) no-repeat right top; background-size: calc(892 / 940 * 100%) auto; pointer-events: none;}
.popUp-CDK .top .line:before,
.popUp-CDK .top .line:after{position: absolute; content: ''; background-color: #fff; top: 0;}
.popUp-CDK .top .line:before{left: 0.12rem; height: 2px;width: 0.26rem; box-shadow: 0 0 4px rgba(255, 255, 255, 0.48);}
.popUp-CDK .top .line:after{width: 6px;height: 6px; margin-top: -3px;left: 0;}
.popUp-CDK .btn-sure{display: table; margin: 0.23rem auto 0; width: 2.98rem; height: 0.46rem; background: url(../images/btn-animated.png) no-repeat center center; background-size: contain; font-size: 0.22rem;text-align: center; font-weight: 500;color: #fff; letter-spacing: 0.04rem; line-height: 0.46rem;}
.popUp-CDK a.btn-sure{color: #fff;}
.popUp-CDK .gift-before{width: 8.5rem;}
.popUp-CDK .gift-after{width: 8.7rem;}
.popUp-CDK .edit-txt,
.popUp-CDK .edit-gift{font-size: calc(18 / 16 * 1em);letter-spacing: 0.01rem;}
.popUp-CDK .edit-txt{line-height: calc(26 / 18 * 1em);padding-bottom: 0.6rem;}
.popUp-CDK .gift-after .edit-txt{font-weight: 500;}
.popUp-CDK .edit-txt.nopadding{padding-bottom: 0;}
.popUp-CDK .edit-gift{text-shadow: 0 0 0.06rem  rgba(52, 64, 77, 0.68); padding: 0.08rem 0;display: table;line-height: calc(24 / 18 * 1em);}
.popUp-CDK .edit-gift{ text-shadow: none; border: 0;}
.popUp-CDK .edit-gift dl{display: flex;align-items: center;}
.popUp-CDK .edit-gift dd + dd{margin-left: 0.4rem;}
.popUp-CDK .edit-gift dd img{width: 1.16rem;}
.popUp-CDK .edit-tips{color: #e8e8e8; margin-top: 0.08rem;line-height: calc(22 / 16 * 1em); margin-bottom: 0.18rem;}
.popUp-CDK .gift-code{display: flex;align-items: center; margin-bottom: 0.1rem;}
.popUp-CDK:not(#DLC) .gift-code{font-size: 0.21rem;}
.popUp-CDK .gift-code span.g-c{text-shadow: 0 0.02rem 0.04rem rgba(52,64,77,0.78); color: #ffa65d; }
.popUp-CDK:not(#DLC) .gift-code span.g-copy{display: block;position: relative; margin-left: 0.2rem; padding: 0 0.2rem; line-height: calc(30 / 18 * 1em); font-size: 0.18rem; text-shadow: 0 0 0.04rem rgba(255,255,255,0.48); border: 1px solid #fff;box-shadow: 0 0 0.04rem rgba(255,255,255,0.48); transition: 0.3s; font-weight: normal;}
#DLC .gift-code span.g-copy{margin-left: 0.1rem;}
.popUp-CDK:not(#DLC) .gift-code span.g-copy i{position: absolute; width: 0.05rem;top: 0;height: 100%;}
.popUp-CDK:not(#DLC) .gift-code span.g-copy i.l{ right: calc(100% + 0.04rem);}
.popUp-CDK:not(#DLC) .gift-code span.g-copy i.r{ left: calc(100% + 0.04rem);}
.popUp-CDK:not(#DLC) .gift-code span.g-copy i:before,
.popUp-CDK:not(#DLC) .gift-code span.g-copy i:after{position: absolute;content: ''; width: 100%; height: 2px;background-color: #fff;box-shadow: 0 0 0.04rem rgba(255,255,255,0.48); left: 0;}
.popUp-CDK:not(#DLC) .gift-code span.g-copy i:before{top: 0;}
.popUp-CDK:not(#DLC) .gift-code span.g-copy i:after{bottom: 0;}
.popUp-CDK:not(#DLC) .gift-code span.g-copy:hover{background-color: #ffa65d;}
#DLC .gift-code span.g-copy:hover{color: #ffa65d;}
#DLC .big-pad .edit-gift{padding: 0; margin: 0.25rem 0;}
#DLC .big-pad .edit-tips{margin-bottom: 0.35rem;}

.popUp-CDK .logo-welt{position: absolute;width: 1.41rem; height: 0.26rem;background: url(../images/booking-welt.png) no-repeat center center; background-size: contain; right: 0.61rem; bottom: 0.31rem;}

.popUp-CDK .form{width: 7.06rem;padding-bottom: .6rem;}
.popUp-CDK .form dl:not(:last-child){margin-bottom: 0.2rem;}
.popUp-CDK .form dt{font-size: 0.18rem;color: #ffd666; letter-spacing: 1px; margin-bottom: 0.1rem;}
.popUp-CDK .form dd{position: relative;}
.popUp-CDK .form dd:before{position: absolute; width: 0.07rem; left: -0.16rem; top: 0.03rem;bottom: 0.03rem; border-top: 2px solid rgba(255,255,255,0.36);border-bottom: 2px solid rgba(255,255,255,0.36); content: '';}
.popUp-CDK .form dd label{ position: absolute; left: 0; padding-left: 0.19rem; line-height: 0.44rem;color: rgba(127, 131, 152, 0.24); text-transform: uppercase; transform: scale(calc(10 / 16)); transform-origin: 0 center;letter-spacing: 2px;}
.popUp-CDK .form dd .text{display: block;width: 100%;background-color: #ffffff; border-radius: 0.06rem; line-height: 0.44rem;height: 0.44rem; text-transform: uppercase;font-family: 'ConthraxSb'; padding-left: 0.19rem;letter-spacing: 1px; border: 0;}
.popUp-CDK .form dd.code{display: flex;justify-content: space-between;}
.popUp-CDK .form dd.code .text{flex: 1;}
.popUp-CDK .form dd.code a{ margin-left: 0.3rem;border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 0 4px rgba(255, 255, 255, 0.48);padding: 0.02rem; position: relative; }
.popUp-CDK .form dd.code a span{padding: 0 0.22rem; display: block;line-height: 0.38rem;font-size: 0.18rem;color: #fff;text-shadow: 0 0 4px rgba(255, 255, 255, 0.48);transition: 0.3s;}
.popUp-CDK .form dd.code a:hover span{background-color: rgba(255, 157, 76, 0.97); text-shadow: none;}

.popUp-CDK .form dd.code a i{width: 0.07rem; height: 0.52rem; top: 50%;margin-top: -0.26rem;position: absolute;}
.popUp-CDK .form dd.code a i:nth-of-type(1){left: 0;}
.popUp-CDK .form dd.code a i:nth-of-type(2){right: 0;}
.popUp-CDK .form dd.code a i::before,
.popUp-CDK .form dd.code a i::after{position: absolute; content: ''; width: 100%; background-color: #fff; height: 2px;box-shadow: 0 0 2px rgba(255, 255, 255, 0.48); left: 0;}
.popUp-CDK .form dd.code a i::before{top: 0;}
.popUp-CDK .form dd.code a i::after{bottom: 0;}

#DLC .form{display: flex; justify-content: space-between; width: 106%;}
#DLC .form dl:nth-child(1){width: 3.55rem;}
#DLC .form dl:nth-child(2){width: 4.58rem;}

.popUp-CDK .gift-after .download-code{width: 1.8rem; margin: 0 auto;}
.popUp-CDK .gift-after .download-code .pic{border: 1px solid #fff; padding: 0.08rem;box-shadow: 0 0 0.04rem rgba(255, 255, 255, 0.48); position: relative;}
.popUp-CDK .gift-after .download-code .pic img{display: block;width: 100%; box-shadow: 0 0 0.04rem rgba(255, 255, 255, 0.48);}
.popUp-CDK .gift-after .download-code p{opacity: 0.6; font-size: 0.18rem; padding-bottom: 0.35rem; background: url(../images/booking-success-welt2.svg) no-repeat center bottom; background-size: auto 0.25rem;letter-spacing: 4px;text-align: center;}
.popUp-CDK .gift-after .download-code .pic i{width: 0.07rem; height: 0.53rem;position: absolute; top: 50%; margin-top: -0.265rem;}
.popUp-CDK .gift-after .download-code .pic i.l{right: calc(100% + 0.21rem);}
.popUp-CDK .gift-after .download-code .pic i.r{left: calc(100% + 0.21rem);}
.popUp-CDK .gift-after .download-code .pic i:after,
.popUp-CDK .gift-after .download-code .pic i:before{position:absolute; content: ''; width: 100%; height: 0.02rem; background-color: #fff;box-shadow: 0 0 0.04rem rgba(255, 255, 255, 0.48);}
.popUp-CDK .gift-after .download-code .pic i:before{top: 0;}
.popUp-CDK .gift-after .download-code .pic i:after{bottom: 0;}
.popUp-CDK .gift-after .download-code .pic em{position: absolute; width: 0.39rem; height: 0.19rem; top: 50%;margin-top: -0.095rem;}
.popUp-CDK .gift-after .download-code .pic em.l{right: calc(100% + 0.9rem);}
.popUp-CDK .gift-after .download-code .pic em.r{left: calc(100% + 0.9rem); transform: rotate(180deg);}
.popUp-CDK .gift-after .download-code .pic em:after,
.popUp-CDK .gift-after .download-code .pic em:before{position:absolute; content: ''; width: 0.18rem; height: 100%; background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
.popUp-CDK .gift-after .download-code .pic em:before{background-image: url(../images/gift-sj-2.png); left: 0;}
.popUp-CDK .gift-after .download-code .pic em:after{background-image: url(../images/gift-sj-1.png); right: 0;}


figure.swiper-slide.pic.swiper-slide-next{display: none;}