html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{border-radius:7px}html::-webkit-scrollbar-thumb{border-radius:7px;background-image:linear-gradient(25deg, #71b3ef, #71b3ef, #71b3ef)}.oscroll::-webkit-scrollbar{width:8px;background-color:transparent}.oscroll::-webkit-scrollbar-thumb{background-color:#ead6a2;border-radius:4px}.oscroll::-webkit-scrollbar-track{border-radius:10px;background-color:#704149}.oscroll{scrollbar-color:#ead6a2 #704149;scrollbar-width:thin}.headbar{position:absolute;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;height:auto;padding:20px 56px 0 20px;z-index:2}.headbar .logo{width:161px;height:69px}.headbar .links{margin-top:-30px}.headbar .download{margin-left:10px}.section{position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover}.section .sectit{width:1440px;margin:10px auto 0;height:98px;background-repeat:no-repeat;background-position:left top}.section1{height:891px;background-image:url(../images/pagebg1.jpg);background-position:left top;position:relative}.section1 .sloganwrap{position:relative}.section1 .poster{position:absolute;width:932px;height:953px;background-image:url(../images/role.png);background-repeat:no-repeat;background-position:left top;background-size:100%;top:49px;right:37px}.section1 .yulu{width:322px;height:56px;background-image:url(../images/yulu.png);background-repeat:no-repeat;background-position:left top;background-size:100%;flex-shrink:0;margin-top:26px;display:none}.section1 .slogan{padding-top:144px;margin-left:200px}.section1 .slogan .heroname{width:419px;height:248px;background-image:url(../images/heroname.png);background-repeat:no-repeat;background-position:left top;background-size:100%}.section1 .slogan .intro{width:276px;height:78px;background-image:url(../images/heroinfo.png);background-repeat:no-repeat;background-position:left top;background-size:100%}.section1 .slogan .introwrap{margin-top:38px}.section1 .slogan .introwrap .txt{width:668px;color:#293144;font-size:16px;line-height:30px}.section1 .slogan .introwrap .txt span{font-size:170px;position:absolute;color:#f0f7f8}@media (max-width: 1800px){.section1 .poster{right:-256px}}@media (max-width: 1550px){.section1 .yulu{display:none}.section1 .poster{right:-390px}}.section2{height:945px;overflow:hidden;background-image:url(../images/pagebg2.png)}.section2 .sectit{background-image:url(../images/sectit1.png)}.section2 .userwrap{width:1440px;padding:48px 0 18px 57px;margin:0 auto;font-size:0}.section2 .user{font-size:18px;color:#3b3b39;font-weight:500;position:relative;display:inline-block}.section2 .user_login_succeed{font-size:0;height:30px;color:#3b3b39;letter-spacing:1px}.section2 .user_login_succeed span{font-size:18px}.section2 .user_login_succeed b{font-weight:500;font-size:22px}.section2 .user_login_succeed a{color:#3b3b39;position:relative;font-size:18px}.section2 .user_login_succeed .exchangearea{margin-left:16px}.section2 .user_login_succeed .ptbcoin{margin-left:57px;cursor:Default}.section2 .user_login_succeed .ptbcoin:hover{cursor:Default}.section2 .user_login_succeed .tocharge{margin-left:16px}.section2 .cnt{width:1440px;margin:0 auto}.section2 .cnt .unlockWrap{width:1290px;height:555px;margin-left:30px;background-image:url(../images/superway.png);background-repeat:no-repeat;background-position:left top;background-size:cover;position:relative}.section2 .cnt .lt-wrap{float:left;width:228px;padding-left:25px}.section2 .cnt .lt-wrap .unlock{height:287px;font-size:17px}.section2 .cnt .lt-wrap .unlock:nth-of-type(1){height:287px;padding-top:160px;color:#495da1}.section2 .cnt .lt-wrap .unlock:nth-of-type(2){height:270px;padding-top:140px;color:#be4590}.section2 .cnt .lt-wrap .unlockbtn{width:141px;height:55px;background-repeat:no-repeat;background-position:left top;background-size:cover;text-align:center;line-height:46px}.section2 .cnt .lt-wrap .unlockbtn span{display:inline-block;color:#e3f5fe;font-size:30px;font-weight:bold;vertical-align:middle}.section2 .cnt .lt-wrap .unlockbtn span:nth-of-type(2){font-size:15px;margin-left:3px;vertical-align:middle}.section2 .cnt .lt-wrap .unlockbase{background-image:url(../images/unlockbase.png)}.section2 .cnt .lt-wrap .unlocksup{background-image:url(../images/unlocksup.png)}.section2 .cnt .rt-wrap{float:right;position:relative}.section2 .cnt .rt-wrap .dt{height:40px;width:100%;background-color:#616a8c;letter-spacing:-1px;background-image:url(../images/datebg.png);background-repeat:no-repeat;background-position:right center}.section2 .cnt .rt-wrap .dt span{color:#ecfbfe;opacity:0.5}.section2 .cnt .rt-wrap .dt span:nth-of-type(1){font-size:18px}.section2 .cnt .rt-wrap .dt span:nth-of-type(2){font-size:26px}.section2 .cnt .rt-wrap .dt span:nth-of-type(3){font-size:24px}.section2 .cnt .rt-wrap .currentday{background-image:url(../images/dateactivebg.png);background-repeat:no-repeat;background-position:right center}.section2 .cnt .rt-wrap .currentday span{opacity:1}.section2 .cnt .rt-wrap .getedseal{position:absolute;width:100px;height:100px;bottom:37px;left:50%;margin-left:-50px;background-image:url(../images/getedseal.png);background-repeat:no-repeat;background-position:center top}.section2 .cnt .rt-wrap .actionbtn{width:90px;height:45px;margin:24px auto 0;background-image:url(../images/getbtnitem.png);background-repeat:no-repeat;background-size:600px}.section2 .cnt .rt-wrap .can-sign-base-award .actionbtn{background-position:-2px -58px}.section2 .cnt .rt-wrap .can-sign-sup-award .actionbtn{background-position:-120px -60px}.section2 .cnt .rt-wrap .can-base-award .actionbtn{background-position:-2px -5px}.section2 .cnt .rt-wrap .can-sup-award .actionbtn{background-position:-121px -5px}.section2 .cnt .rt-wrap .un-base-award .actionbtn{background-position:-240px 0px}.section2 .cnt .rt-wrap .un-sup-award .actionbtn{background-position:-240px 0px}.section2 .cnt .rt-wrap .lastgetdt{text-align:center;line-height:49px;letter-spacing:-1px}.section2 .cnt .rt-wrap .lastgetdt span{color:#ecfbfe;opacity:0.5}.section2 .cnt .rt-wrap .lastgetdt span:nth-of-type(1){font-size:18px}.section2 .cnt .rt-wrap .lastgetdt span:nth-of-type(2){font-size:26px}.section2 .cnt .rt-wrap .lastgetdt span:nth-of-type(3){font-size:24px}.section2 .cnt .rt-wrap .lastgetdt.active span{opacity:1}.section2 .cnt .rt-wrap .lastbase,.section2 .cnt .rt-wrap .lastsup{height:244px;padding-top:30px;position:relative}.section2 .cnt .rt-wrap .lastbase .tt,.section2 .cnt .rt-wrap .lastsup .tt{text-align:center;font-size:18px;color:#4e5b8e;font-weight:bold;padding:0 10px;height:24px}.section2 .cnt .rt-wrap .lastbase .picshow,.section2 .cnt .rt-wrap .lastsup .picshow{position:relative;width:70px;height:70px;margin:40px auto 0}.section2 .cnt .rt-wrap .lastbase .picshow span,.section2 .cnt .rt-wrap .lastsup .picshow span{color:#4e5b8e;font-size:20px;position:absolute;right:-34px;bottom:-10px;font-weight:bold}.section2 .cnt .rt-wrap .lastbase .pic img,.section2 .cnt .rt-wrap .lastsup .pic img{width:100%;height:100%;object-fit:cover}.section2 .cnt .rt-wrap .lastbase .getedseal,.section2 .cnt .rt-wrap .lastsup .getedseal{bottom:17px}.section2 .cnt .rt-wrap .paganationWrap{height:40px;width:1060px;background-color:#616a8c;margin-top:7px;padding-left:15px;box-sizing:border-box;text-align:left;line-height:35px;border-top-left-radius:3px;border-bottom-left-radius:3px}.section2 .cnt .rt-wrap .paganationWrap .swiper-slide{width:170px;font-size:0}.section2 .cnt .rt-wrap .awardshowWrap{position:relative;width:1060px;margin-top:15px;padding-left:15px}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide{width:170px}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item{width:170px;height:466px;padding-top:18px;background-image:url(../images/awardlistbg.png);background-repeat:no-repeat;background-position:center top;background-size:100%}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .baseaward,.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .supaward{position:relative}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .baseaward .nothing,.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .supaward .nothing{width:124px;height:151px;background-image:url(../images/nothing.png);background-repeat:no-repeat;background-position:center top;background-size:100%}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .baseaward{height:218px}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .supaward{height:230px;padding-top:25px}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .tt{width:145px;height:32px;margin-left:22px;background-image:url(../images/gradient1.png);background-repeat:no-repeat;background-position:center top;background-size:100%;font-size:16px;color:#4e5b8e;line-height:1.2em;font-weight:bold;padding-left:10px;padding-right:20px;display:flex;align-items:center}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .baseaward .picshow img{border:1px solid #62cbf5}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .supaward .picshow img{border:1px solid #d884ca}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .picshow{width:60px;height:60px;padding:5px;margin-top:18px;position:relative;background-color:rgba(224,236,246,0.8)}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .picshow img{display:block;width:100%;height:100%}.section2 .cnt .rt-wrap .awardshowSlid .swiper-slide .item .picshow span{color:#4e5b8e;font-size:20px;position:absolute;right:-31px;bottom:-6px;font-weight:bold}.section2 .cnt .rt-wrap .lastsuperaward{width:222px;height:557px;top:-12px;right:-15px;z-index:1;position:absolute;background-image:url(../images/pc-gift1.png);background-repeat:no-repeat;background-position:center top}.section2 .tips{width:1290px;margin:20px auto 0;padding-left:226px}.section2 .tips .getallbtn{width:152px;height:60px;background-image:url(../images/getbtnitem.png);background-repeat:no-repeat;background-position:-240px -54px}.section2 .tips p{padding-left:64px;font-size:17px;line-height:28px;position:relative}.section2 .tips p span{color:#f11596}.section3{height:787px;overflow:hidden;padding-top:85px;background-image:url(../images/pagebg3.jpg)}.section3 .sectit{background-image:url(../images/sectit2.png)}.section3 .cnt{width:1440px;margin:50px auto 0;position:relative}.section3 .cnt .skil-lt{width:640px;float:left}.section3 .cnt .skilIntroSlid .tit{width:546px;height:60px;line-height:74px;color:#f0f7f8;font-size:20px;padding-left:10px;background-image:url(../images/skiltit.png);background-repeat:no-repeat;background-position:center top;background-size:100%}.section3 .cnt .skilIntroSlid .artic{font-size:16px;color:#383a3f;line-height:30px}.section3 .cnt .skilIntroSlid .artic p{margin-top:10px}.section3 .cnt .skil-rt{float:right;width:668px;position:relative;padding-top:70px}.section3 .cnt .skil-rt .skilVideoSlid{width:661px;height:355px;margin-top:23px;background-image:url(../images/videoborder.png);background-repeat:no-repeat;background-position:center top;background-size:100%}.section3 .cnt .skil-rt .skill-content{width:661px;height:355px;padding:8px;overflow:hidden;position:relative}.section3 .cnt .skil-rt .skill-content .skill-play-wrapper{position:relative}.section3 .cnt .skil-rt .skill-content .playBtn{position:absolute;top:50%;left:50%;cursor:pointer;transform:translate(-50%, -50%);opacity:0.5;z-index:2;border-radius:50%}.section3 .cnt .skil-rt .skill-content .playBtn:hover{opacity:0.5;transform:translate(-50%, -50%) scale(1.3)}.section3 .cnt .skil-rt .skill-content .playBtn .skill-play-btn{width:87px;height:87px}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet{opacity:1;background-color:transparent;border-radius:initial;position:relative;width:73px;height:31px;margin-left:33px}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet:nth-of-type(1){margin-left:0;width:91px}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet:nth-of-type(4){width:61px}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet::before{content:"";position:absolute;background-image:url(../images/skilltab.png);background-repeat:no-repeat;width:73px;height:31px;z-index:1}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet:nth-of-type(1)::before{background-position:0 0;width:91px}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet:nth-of-type(2)::before{background-position:-126px 0}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet:nth-of-type(3)::before{background-position:-230px 0}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet:nth-of-type(4)::before{background-position:-340px 0}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet:nth-of-type(5)::before{background-position:-434px 0}.section3 .cnt .skil-rt .navaction .swiper-pagination-bullet-active::after{content:"";position:absolute;width:96px;height:18px;background-image:url(../images/skilltabbg.png);background-repeat:no-repeat;background-position:center top;background-size:100%;bottom:-12px;left:50%;transform:translateX(-50%)}.section3 .cnt .skil-rt .video-swiper-button-nav{position:relative}.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-prev{top:14px;left:-59px}.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-next{right:7px;top:14px}.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-next,.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-prev{width:20px;height:29px;background-color:#f0fbfd}.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-next::after,.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-prev::after{font-size:26px}.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-next::before,.section3 .cnt .skil-rt .video-swiper-button-nav .swiper-button-prev::before{font-size:26px}.section4{height:828px;background-image:url(../images/pagebg4.jpg);overflow:hidden}.section4 .sectit{background-image:url(../images/sectit3.png)}.section4 .cnt{position:relative;width:1280px;height:527px;margin:0 auto;margin-top:60px;background-image:url(../images/methodbg.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding-top:30px}.section4 .cnt .navaction{width:458px;top:29px;position:absolute;z-index:10}.section4 .cnt .navaction .swiper-pagination-method span{color:#5d8297;font-size:20px}.section4 .cnt .navaction .swiper-pagination-method span.active{color:#383a3f;font-size:24px}.section4 .cnt .navaction .method-swiper-button-nav{width:80px;position:relative}.section4 .cnt .navaction .swiper-button-prev{left:21px}.section4 .cnt .navaction .swiper-button-next,.section4 .cnt .navaction .swiper-button-prev{width:20px;height:29px;background-color:#3a425f;color:#faffff}.section4 .cnt .navaction .swiper-button-next::after,.section4 .cnt .navaction .swiper-button-prev::after{font-size:26px}.section4 .cnt .navaction .swiper-button-next::before,.section4 .cnt .navaction .swiper-button-prev::before{font-size:26px}.section5{height:975px;background-image:url(../images/pagebg5.jpg);overflow:hidden}.section5 .sectit{background-image:url(../images/sectit4.png);margin-top:62px}.section5 .cnt{width:1440px;margin:0 auto;margin-top:35px}.section5 .cnt .heroBeautySlid{width:1201px}.section5 .cnt .swiper-container{margin-left:0;margin-right:0}.section5 .cnt .swiper-slide{height:697px}.section5 .cnt .swiper-slide img{width:100%;height:100%}.section5 .cnt .navaction{width:162px;position:relative;margin-left:23px}.section5 .cnt .navaction .beautyscal p{text-align:center;margin:12px auto;color:#f0f7f8;font-size:18px}.section5 .cnt .navaction .beautyscal:first-child{margin-bottom:28px}.section5 .cnt .navaction .beautyscal.active .beautyscalpic{opacity:1}.section5 .cnt .navaction .beautyscalpic{width:162px;height:96px;background-color:#cde7f8;padding:2px;opacity:0.5}.section5 .cnt .navaction .beautyscalpic img{width:100%;height:100%;object-fit:cover}.section5 .cnt .navaction .Beauty-swiper-button-nav{width:60px;margin-top:70px;position:relative}.section5 .cnt .navaction .swiper-button-prev{left:0px}.section5 .cnt .navaction .swiper-button-next,.section5 .cnt .navaction .swiper-button-prev{width:20px;height:29px;background-color:#f0fbfd}.section5 .cnt .navaction .swiper-button-next::after,.section5 .cnt .navaction .swiper-button-prev::after{font-size:26px}.section5 .cnt .navaction .swiper-button-next::before,.section5 .cnt .navaction .swiper-button-prev::before{font-size:26px}.fastnav{width:115px;height:314px;font-size:17px;position:fixed;right:7px;bottom:50%;transform:translateY(50%);animation:fade 0.5s ease;z-index:9}.fastnav .act.active{color:#f1f8f8;background-image:url(../images/fastnav.png);background-repeat:no-repeat;background-position:center;background-size:100%;line-height:50px;text-align:left;padding-left:5px}.fastnav .act{width:122px;height:38px;line-height:38px;text-align:center;font-weight:bold;color:#3b3b39;margin-top:30px}.confirm{width:177px;line-height:55px;background-color:#c8f4f9;color:#386eb3;font-size:23px;text-align:center;margin:0 auto;border-radius:55px}.messagePop .pop-wrap{width:608px;height:384px;padding:74px 106px 0 106px;background-image:url(../images/messagePop.png);background-repeat:no-repeat;background-position:center;background-size:100%;font-size:18px;color:#ba784a}.messagePop .pop-wrap .close-pop{width:60px;height:60px;position:absolute;top:-18px;right:-68px;color:#a6d9ff;font-size:60px;line-height:1em}