.nav{position:fixed;right:0;z-index:90;-webkit-transition:right .3s;transition:right .3s;margin-top:-240px;top:50%;white-space:nowrap;pointer-events:none;font-size:0;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/nav-bg.png) no-repeat 160px center;width:190px;height:480px;padding-top:96px}.fold{right:-204px}.nav a{position:relative;display:block;padding:1px 0 0;height:64px;line-height:64px;-webkit-transition:none;transition:none;pointer-events:all;text-align:right;padding-right:50px;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/nav.png) no-repeat 157px center}.nav a+a{margin-top:28px}.nav .line-2{margin-right:10px;margin-top:-1px;width:30px;height:1px}.nav .line{background:#6565f7}.nav .line-1{position:absolute;height:32px;bottom:100%;width:1px;left:50%}.nav .txt,.nav .line-2{display:inline-block;vertical-align:middle}.nav .icon{position:absolute;font-style:normal;text-align:center;font-size:0;color:#6565f7;font-weight:700;left:0;top:50%;margin-top:-5px;width:12px;height:12px}.nav .txt{color:#a69772;font-size:16px;font-weight:700}.nav .active .txt{color:#fff;font-size:18px;font-family:simhei}.nav .active+a .line-1,.nav a+.active .line-1{display:none}.nav .active .line{visibility:hidden}.nav a.active{background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/nav-on.png) no-repeat 146px center}.nav .active .icon{font-size:24px;line-height:79px;height:79px;width:80px;margin-top:-45px;margin-left:-36px}.nav .fold-btn{position:absolute;top:50%;margin-top:-55px;right:98%;margin-right:8px;padding:20px;cursor:pointer;z-index:101}.nav.fold .fold-btn em{background-image:url(https://img8.99.com/yhkd/image/act/2020/0320/img/fold-icon-f.png)}.nav .fold-btn em{display:block;font-style:normal;color:#6565f7;text-align:right;pointer-events:all;width:23px;height:58px;font-size:0;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/fold-icon.png) no-repeat center;background-color:rgba(158,96,35,.1)}*{box-sizing:border-box;zoom:1}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}header,footer,article,section,nav,menu,hgroup{display:block;clear:all}html{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:auto;-webkit-text-size-adjust:auto;height:100%}body{margin:0;color:#fff;background-color:#1c1412;height:100%;-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{outline:0}img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}hr{box-sizing:content-box;height:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto;resize:none}input{outline:0;border:0;font-family:"Microsoft YaHei";border-radius:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul,ol{list-style:none outside none}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.hide{display:none!important}.fl{float:left}.fr{float:right}.portrait{position:fixed;z-index:99999;background:#140f15;width:100%;height:100%;top:0;left:0;display:none}.portrait p{color:#fff;font-size:20px;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:90%;text-align:center;left:5%;letter-spacing:5px}.hor .portrait p{font-size:50px}@media screen and (orientation:portrait){.ver .portrait{display:none}.hor .portrait{display:table}}@media screen and (orientation:landscape){.ver .portrait{display:table}.hor .portrait{display:none}}.swiper-pagination-bullet{opacity:1;border-radius:0}.swiper-container-fade .swiper-slide{visibility:hidden}.swiper-container-fade .swiper-slide.swiper-slide-active{visibility:visible}.pop{background:rgba(0,0,0,.8)}.pop .pop-main{background:#000;-webkit-transform:scale(1,0) translate(-50%,-50%);transform:scale(1,0) translate(-50%,-50%)}.pop.show .pop-main{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop.pop-video .pop-main{width:700px;height:396px}.pop.usual-pop .pop-main{width:590px;height:186px;display:table}.pop.usual-pop p{vertical-align:middle;color:#f8f2d2;line-height:38px;display:table-cell;font-size:20px;text-align:center}.ios{top:56px;font-size:16px}.pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;visibility:hidden;*visibility:visible;*display:none}.pop .pop-main{opacity:0;z-index:49;background:#000;position:absolute;left:50%;top:50%}.pop .btn-close{width:40px;height:40px;position:absolute;top:-50px;right:24px;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/close.png) no-repeat center;z-index:100}.pop.show{z-index:999;visibility:visible;display:block;-webkit-transition-delay:0s;transition-delay:0s}.pop.show .pop-main{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}.pop.pop-wait .pop-main{width:600px;text-align:center;padding:100px 0;font-size:30px;margin-left:-300px;margin-top:-130px;-webkit-transform:translate(0);transform:translate(0);color:#fff}.pop.pop-video .video-box{overflow:hidden}.pop.pop-video .pop-main{width:700px;height:396px}.pop.pop-video .pop-main p{text-align:center;font-size:22px;margin-top:150px;color:#fff}.pop.pop-video iframe,.pop.pop-video .video-box{width:100%;height:100%}.ios{position:absolute;top:70px;left:0;width:100%;text-align:center;color:#fff}*{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}body{height:100%;background:#0f0e16}.logo{position:absolute;width:200px;left:50%;top:0;z-index:2;margin-left:-200px}.logo img{width:100%}.logo2{margin-left:0;top:20px}.main{margin:0 auto;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/hor-bg-01.jpg) no-repeat center -100px,url(https://img8.99.com/yhkd/image/act/2020/0320/img/hor-bg-02.jpg) no-repeat center 899px,url(https://img8.99.com/yhkd/image/act/2020/0320/img/hor-bg-03.jpg) no-repeat center 1898px,url(https://img8.99.com/yhkd/image/act/2020/0320/img/hor-bg-04.jpg) no-repeat center 2897px;overflow-x:hidden}.wrapper{overflow:hidden;height:100%;width:1200px;margin:0 auto}.arrow{width:92px;height:56px;display:block;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/btn-arrow.png) no-repeat;position:absolute;left:calc(50% - 41px);top:550px;z-index:2;-webkit-animation:next linear .4s infinite;animation:next linear .4s infinite}.header{height:653px;padding-top:443px}.header .share-btn{margin:0 auto;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/btn-share.png) no-repeat center;width:218px;height:80px;display:block}.header .share-btn.receive{background-image:url(https://img8.99.com/yhkd/image/act/2020/0320/img/btn-shared.png)}.header .share-btn.disabled{background-image:url(https://img8.99.com/yhkd/image/act/2020/0320/img/btn-geted.png)}.section{position:relative}.swiper-button-next,.swiper-button-prev{display:none}.btn-play{width:109px;height:109px;position:absolute;z-index:4;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/play.png) no-repeat center;-webkit-animation:play .2s infinite alternate;animation:play .2s infinite alternate}.sec-hero{height:747px}.sec-hero .wrapper{width:1280px;margin:0 auto;position:relative}.sec-hero h2{position:relative;top:0;color:#fff;font-size:114px;padding:0 0 0 20px;line-height:110px;font-weight:700;margin:105px 0 0 50px;width:525px;height:180px;display:none}.sec-hero .btn-play{top:100px;left:421px}.sec-hero .swiper-container{width:630px;height:125px;margin:13px 16px 0}.sec-hero .info{border-radius:10px;padding:15px;width:610px;font-size:14px;color:#fff;box-sizing:content-box;line-height:2;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/line.png) no-repeat center top,url(https://img8.99.com/yhkd/image/act/2020/0320/img/line.png) no-repeat center bottom}.sec-hero .name{color:#3d355b;font-size:0;margin-bottom:20px;line-height:20px;display:none}.sec-hero .name i,.sec-hero .name span{display:inline-block;vertical-align:middle}.sec-hero .name i{width:3px;height:20px;margin-right:10px;background:#fee4b8;display:none}.sec-hero .name span{font-size:20px;color:#e7d4ff;padding-bottom:20px}.sec-hero .skill{margin-top:227px}.sec-hero .skill-icons{z-index:60;white-space:nowrap;pointer-events:none;font-size:0;top:547px;left:-30px;height:150px;width:100%;padding:0;margin:-10px 0 0 0}.sec-hero .skill-icons li{display:inline-block;*zoom:1;*display:inline;background:0 0;pointer-events:all;width:185px;height:116px;outline:0;vertical-align:top;cursor:pointer;box-sizing:border-box}.sec-hero .skill-icons li.swiper-pagination-bullet-active{background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/skill-on.png) no-repeat center bottom}.sec-hero .skill-icons li+li{margin-right:0;margin-left:-20px}.sec-hero .skill-icons .icon{-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(0.65);transform:scale(0.65);zoom:.65 \9;display:block;margin:0 auto;margin:0 0 0 28px \9;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/icon.png);width:153px;height:153px}.sec-hero .skill-icons .sp-1 .icon{background-position:-251px -216px}.sec-hero .skill-icons .sp-2 .icon{background-position:-251px -389px}.sec-hero .skill-icons .sp-3 .icon{margin-top:-4px;background-position:-247px -552px;width:160px;height:160px}.sec-hero .skill-icons .sp-4 .icon{background-position:-251px -734px}.sec-hero .skill-icons .swiper-pagination-bullet-active.sp-1 .icon{background-position:-40px -216px}.sec-hero .skill-icons .swiper-pagination-bullet-active.sp-2 .icon{background-position:-40px -389px}.sec-hero .skill-icons .swiper-pagination-bullet-active.sp-3 .icon{background-position:-36px -552px}.sec-hero .skill-icons .swiper-pagination-bullet-active.sp-4 .icon{background-position:-40px -734px}.sec-hero .skill-icons .sj{display:block;border-top:8px solid #54ce69;border-left:8px solid transparent;border-right:8px solid transparent;height:0;width:0;margin:-50px auto 10px;margin:-7px auto 10px \9;*margin-top:0;visibility:hidden}.sec-hero .skill-icons .swiper-pagination-bullet-active .sj{}.sec-hero .skill-icons .text{display:block;text-align:center;font-size:22px;color:#fff;line-height:38px;width:100px;height:38px;margin:0 auto}.sec-hero .skill-icons .swiper-pagination-bullet-active .text{color:#faf29b}.sec-hero .skill-icons .sp-3 .text{margin-top:-3px}.sec-hero .btn-hor{display:block;width:291px;height:96px;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/pc-btn-detail.png);z-index:1;margin-left:190px}.sec-1{height:752px;position:relative}.sec-1 h2{position:relative;height:62px;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/title-sec1.png) no-repeat center bottom;margin:64px 0 0;color:#ffff92;font-size:28px;line-height:62px;text-align:center;text-shadow:0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 3px #2d0242,0 0 2px #2d0242}.sec-1 .feature-slider img{display:block;width:100%}.sec-1 .prev-btn,.sec-1 .next-btn{position:absolute;top:310px;display:block;width:50px;height:61px;cursor:pointer;z-index:10}.sec-1 .prev-btn{left:230px;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/arrow-l-2.png) no-repeat center center}.sec-1 .next-btn{right:230px;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/arrow-r-2.png) no-repeat center center}.sec-1 .feature-slider{margin:0 auto;width:580px;-webkit-transform:scale(0.92);transform:scale(0.92);-webkit-transform-origin:center top;transform-origin:center top}.sec-1 .swiper-slide{width:496px;height:479px}.sec-1 .swiper-pagination-bullet-active{width:16px;border-radius:8px}.sec-1 .banner-page{margin:-30px auto;left:0;right:0}.sec-1 .banner-page .swiper-pagination-bullet{background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/dot.png) no-repeat center;height:32px;width:50px;border-radius:100%}.sec-1 .banner-page .swiper-pagination-bullet-active{background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/dot-on.png) no-repeat center}.sec-1 .banner-page span{margin:0 10px}.sec-2{height:750px}.sec-2 .wrapper{height:100%;position:relative}.sec-2 h2{position:relative;height:260px;background:url(https://img8.99.com/yhkd/image/act/2020/0320/img/title-sec2.png) no-repeat center;display:none}.sec-2 .btn-play{top:229px;left:554px}.sec-3{height:748px}.sec-3 .wrapper{width:100%}.sec-3 h2{position:relative;height:260px;display:none}.sec-3 .btn-play{top:337px;left:1200px}@-webkit-keyframes play{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes play{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes next{to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes next{to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.tps{color:#fff;font-size:26px;text-align:center;padding:0 185px;margin-top:50px}.tps img{width:138px;height:138px;display:block;margin:20px auto}