body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cls-1{fill:#fff}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px}.plt0{top:0}.plb0,.plt0{left:0;position:absolute}.plb0{bottom:0}.prb0{bottom:0}.prb0,.prt0{position:absolute;right:0}.prt0{top:0}.kong{height:100vh;vertical-align:top}.transitionMove{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.transitionMove1{-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body,html{height:100%;width:100%}body{background:#000;overflow:hidden}.wrap{opacity:0;-webkit-transform:translateZ(.09259259vh);transform:translateZ(.09259259vh);width:100vw}.contentBox,.wrap{height:100vh;overflow:hidden;position:relative}.contentBox{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:2.22222222vh;text-align:left;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .5s ease-out;transition:all .5s ease-out;width:700vw}.content{background:url(https://special.huxiucdn.com/static/video/cyber_being/p/image/bg.6f45a407.png) no-repeat 50%;background-size:cover;height:100vh;min-width:100vw;position:relative;width:100vw}@-webkit-keyframes beingMove{0%{-webkit-transform:rotateY(0deg) translateZ(3.7037037vh) translateY(-.92592593vh);transform:rotateY(0deg) translateZ(3.7037037vh) translateY(-.92592593vh)}to{-webkit-transform:rotateY(1turn) translateZ(3.7037037vh) translateY(-.92592593vh);transform:rotateY(1turn) translateZ(3.7037037vh) translateY(-.92592593vh)}}@keyframes beingMove{0%{-webkit-transform:rotateY(0deg) translateZ(3.7037037vh) translateY(-.92592593vh);transform:rotateY(0deg) translateZ(3.7037037vh) translateY(-.92592593vh)}to{-webkit-transform:rotateY(1turn) translateZ(3.7037037vh) translateY(-.92592593vh);transform:rotateY(1turn) translateZ(3.7037037vh) translateY(-.92592593vh)}}@-webkit-keyframes cyberMove{0%{-webkit-transform:rotateY(0deg) translateZ(-3.7037037vh) scale(1.1);transform:rotateY(0deg) translateZ(-3.7037037vh) scale(1.1)}to{-webkit-transform:rotateY(1turn) translateZ(-3.7037037vh) scale(1.1);transform:rotateY(1turn) translateZ(-3.7037037vh) scale(1.1)}}@keyframes cyberMove{0%{-webkit-transform:rotateY(0deg) translateZ(-3.7037037vh) scale(1.1);transform:rotateY(0deg) translateZ(-3.7037037vh) scale(1.1)}to{-webkit-transform:rotateY(1turn) translateZ(-3.7037037vh) scale(1.1);transform:rotateY(1turn) translateZ(-3.7037037vh) scale(1.1)}}.cyberLogoBox{bottom:8.51851852vh;height:3.14814815vh;left:50%;margin-left:-17.59259259vh;position:absolute;width:38.88888889vh}.cyberLogoBox,.cyberLogoBox .huxiuLogoBox,.cyberLogoBox .zhihuLogoBox{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.cyberLogoBox .huxiuLogoBox,.cyberLogoBox .zhihuLogoBox{padding:0 2.03703704vh}.cyberLogoBox .huxiuLogoBox .logoText,.cyberLogoBox .zhihuLogoBox .logoText{color:#fff;font-size:2.12962963vh;height:3.14814815vh;line-height:3.14814815vh;opacity:.7;vertical-align:middle}.cyberLogoBox .huxiuLogoBox .huxiuLogoSvg,.cyberLogoBox .zhihuLogoBox .huxiuLogoSvg{height:2.87037037vh;vertical-align:middle;width:3.98148148vh}.cyberLogoBox .huxiuLogoBox .zhihuLogoSvg,.cyberLogoBox .zhihuLogoBox .zhihuLogoSvg{height:2.40740741vh;vertical-align:middle;width:5.27777778vh}.cyberHeaderWrap{height:61.11111111vh;left:50%;margin-left:-33.33333333vh;margin-top:-30.55555556vh;-webkit-perspective:1200;perspective:1200;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:absolute;top:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:66.66666667vh}.cyberHeaderWrap .cyber{height:32.12962963vh;left:0;position:absolute;top:4.90740741vh;-webkit-transform:rotateY(0deg) translateZ(-3.7037037vh) scale(1.1);transform:rotateY(0deg) translateZ(-3.7037037vh) scale(1.1);width:62.5vh}.cyberHeaderWrap .header{height:41.85185185vh;left:14.16666667vh;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:40.09259259vh}.cyberHeaderWrap .being{bottom:0;height:32.96296296vh;position:absolute;right:0;-webkit-transform:rotateY(0deg) translateZ(3.7037037vh) translateY(-.92592593vh);transform:rotateY(0deg) translateZ(3.7037037vh) translateY(-.92592593vh);width:61.48148148vh}.cyberHeaderWrap .season{bottom:15.92592593vh;height:5.92592593vh;left:15.83333333vh;position:absolute;-webkit-transform:scale(.8) translateZ(7.40740741vh) translateY(-.92592593vh) translateX(-1.85185185vh);transform:scale(.8) translateZ(7.40740741vh) translateY(-.92592593vh) translateX(-1.85185185vh);width:28.05555556vh}.cyberHeaderWrapMove .cyber{-webkit-animation:cyberMove 1.5s ease-out 1;animation:cyberMove 1.5s ease-out 1}.cyberHeaderWrapMove .being{-webkit-animation:beingMove 1.5s ease-out .15s 1;animation:beingMove 1.5s ease-out .15s 1}.kong1{height:100vh;max-width:18.51851852vh;min-width:18.51851852vh;width:18.51851852vh}.infoBox,.kong1{vertical-align:top}.infoBox{color:#fff;height:62.40740741vh;margin-top:20.92592593vh;max-width:57.40740741vh;min-width:57.40740741vh;width:57.40740741vh}.infoBox .infoTitle{font-size:3.7037037vh;font-weight:800;line-height:5.55555556vh;padding-top:5.55555556vh}.infoBox .infoText{font-size:2.03703704vh;font-weight:100;line-height:4.44444444vh;padding-top:2.77777778vh}.kong2{height:100vh;max-width:19.25925926vh;min-width:19.25925926vh;vertical-align:top;width:19.25925926vh}.videoList{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;position:relative;text-align:left}.kong3{height:100vh;max-width:4.44444444vh;min-width:4.44444444vh;vertical-align:top;width:4.44444444vh}.videoBox{color:#fff;height:57.77777778vh;margin-top:20.92592593vh;max-width:82.22222222vh;min-width:82.22222222vh;position:relative;width:82.22222222vh}.videoBox .imgWrap{cursor:pointer;height:46.2962963vh;left:0;position:absolute;top:5.55555556vh;width:82.22222222vh}.videoBox .imgWrap .imgBox{border:.09259259vh solid #e10dc4;height:100%;left:0;position:absolute;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.videoBox .imgWrap .imgBox img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.videoBox .imgWrap .filterBox{background-color:transparent;mix-blend-mode:multiply;opacity:.3}.videoBox .imgWrap .filterBox,.videoBox .imgWrap .iconBox{height:100%;left:0;position:absolute;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.videoBox .imgWrap .iconBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;opacity:0}.videoBox .imgWrap .iconBox .iconPlay{height:6.11111111vh;width:6.11111111vh}.videoBox .imgWrap .iconBox .videoLongTime{color:#fff;font-size:2.96296296vh;font-weight:800;height:4.07407407vh;line-height:4.07407407vh}.videoBox .imgWrap .noticeBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.videoBox .imgWrap .noticeBox .noticeText{color:#fff;font-size:2.96296296vh;font-weight:800;height:4.07407407vh;line-height:4.07407407vh}.videoBox .imgWrap .topText{color:#fff;font-family:myFont;font-size:3.33333333vh;height:5.09259259vh;left:2.22222222vh;line-height:5.09259259vh;position:absolute;top:0}.videoBox .imgWrap .bonusText{bottom:2.77777778vh;color:#fff;font-size:2.40740741vh;height:3.24074074vh;left:2.77777778vh;line-height:3.24074074vh;position:absolute}.videoBox .noPlay{cursor:auto!important}.videoBox .videoTitle{color:#fff;font-size:2.96296296vh;height:5.55555556vh;left:0;line-height:5.55555556vh;list-style:5.55555556vh;max-width:100%;opacity:0;position:absolute;text-align:center;text-decoration:none;top:0;-webkit-transform:translate3d(0,5.55555556vh,0);transform:translate3d(0,5.55555556vh,0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:82.22222222vh}.videoBox .videoTitle div{color:#fff;display:inline-block;text-decoration:none;vertical-align:middle}.videoBox .videoTitle .userImgBox{background:#fff;border-radius:50% 50%;height:3.33333333vh;overflow:hidden;width:3.33333333vh}.videoBox .videoTitle .userImgBox img{height:3.33333333vh;vertical-align:top;width:3.33333333vh}.videoBox .videoTitle .userName{font-size:2.40740741vh;height:3.33333333vh;line-height:3.33333333vh;margin-top:.46296296vh}.videoBox .videoTitle .memberGrade,.videoBox .videoTitle .memberType{border-radius:50% 50%;height:2.96296296vh;overflow:hidden;width:2.96296296vh}.videoBox .videoTitle .memberGrade img,.videoBox .videoTitle .memberType img{height:2.96296296vh;vertical-align:top;width:2.96296296vh}.videoBox .videoInfo{-webkit-box-orient:vertical;-webkit-line-clamp:2;bottom:0;color:#fff;display:-webkit-box;font-size:2.96296296vh;height:11.11111111vh;left:0;line-height:5.55555556vh;list-style:5.55555556vh;max-width:100%;opacity:0;overflow:hidden;position:absolute;text-align:center;-webkit-transform:translate3d(0,-5.55555556vh,0);transform:translate3d(0,-5.55555556vh,0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:82.22222222vh}.videoBox:hover .videoTitle{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.videoBox:hover .videoInfo{opacity:1;-webkit-transform:translate3d(0,5.55555556vh,0);transform:translate3d(0,5.55555556vh,0)}.videoBox:hover .imgWrap .filterBox{opacity:0}.videoBox:hover .imgWrap .iconBox,.videoBox:hover .imgWrap .noticeBox{opacity:1}.videoBox:hover .imgWrap .imgBox{border:.09259259vh solid transparent}.contentBtn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:62.40740741vh;justify-content:center;margin-top:20.92592593vh;max-width:83.33333333vh;min-width:83.33333333vh;width:83.33333333vh}.contentBtn .btnBox{height:22.22222222vh;margin:-3.7037037vh 5.09259259vh 0;text-decoration:none}.contentBtn .btnBox,.contentBtn .btnBox .btn{position:relative;vertical-align:top;width:17.22222222vh}.contentBtn .btnBox .btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:.27777778vh solid transparent;border-radius:50% 50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:17.22222222vh;justify-content:center;-webkit-transition:all .3s linear;transition:all .3s linear}.contentBtn .btnBox .text{color:#fff;font-size:2.03703704vh;font-weight:200;height:2.77777778vh;line-height:2.77777778vh;margin-top:2.31481481vh;text-align:center;vertical-align:top;width:17.22222222vh}.contentBtn .btnBox .codeBox,.contentBtn .btnBox .text{-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.contentBtn .btnBox .codeBox{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:1.48148148vh 1.48148148vh;bottom:26.85185185vh;display:-webkit-box;display:-ms-flexbox;display:flex;height:23.7037037vh;justify-content:center;left:-3.24074074vh;opacity:0;position:absolute;width:23.7037037vh}.contentBtn .btnBox .codeBox img{height:22.22222222vh;width:22.22222222vh}.contentBtn .btnBox .codeBox canvas{height:21.2962963vh;width:21.2962963vh}.contentBtn .btnBox .codeBox:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAABHNCSVQICAgIfAhkiAAAAfxJREFUWEfN180rBHEYwHGDInHhxJEjR7YcrFAO3g6KlOXmThR/AkX8DawDyoGilPeDwpEjR05cSBTW96nfMjtmd56Zfd16embWM7/ns7+meYZVZPvEYrENTvuICvv3eTx+o/c2MWFZ1rs4rDgG7BjHq3nEpWo9Alg2MwE8xPlmgYKHAW85wbLbJ0S4wND7eHoBxxLAcsJtUUbaIzoLBH2EowfsR9zzew/b7uVKji+Ipjyjb+jfCvbV7vgHNjtdSz4nGvKEvqNvG9hHZ39XsEHXky+Jmhyjn+gXAnvv1jcp2KBbyIdEVY7QL/TpAnuVrF9KsEF3kA+I0iyjP1m/G+xxqj6eYIMeJctQKc4S+pt1x8Gue62vAhv0JHnZa8GAf58Cu6K5Vg026HnyrGZhHzULYOe09b7ABr1GjmgbeNRFwco7jPoTBFzC6vIGNaDu4l64w9eDgL/8rOMbbHZZRvgZEfLTzFYrz/ewfeRq1wkENuhq8inhd4TLyG0H+6xF2usCgw1aRvg1Uads/kBds9vIVV7/9z6svcBZxxteo9lprxEuI1d29jZoL7kurR2ONwYtI1zu6fIkGPn3Ru7ZpCNX+yMyAja3Rz9Znh7OES4jV54Gu1pUqrqMgQ1aRnjU0TCiGbnaH5NRsEFPkxcNYAbskhajqcs4WNM0nZofequEGeFrwe0AAAAASUVORK5CYII=);background-position:50%;background-size:4.07407407vh 2.22222222vh;bottom:-2.87037037vh;content:"";height:2.22222222vh;left:9.81481481vh;position:absolute;width:4.07407407vh}.contentBtn .btnBox .likeBtn{cursor:pointer}.contentBtn .btnBox .likeBtn .contactsImg{height:4.62962963vh;margin-left:.46296296vh;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;vertical-align:top;width:10.55555556vh}.contentBtn .btnBox .likeBtn .contacts_b{display:none}.contentBtn .btnBox .likeBtn .contacts_w{display:block}.contentBtn .btnBox .weixinBtn .wechatImg{height:7.12962963vh;vertical-align:top;width:8.24074074vh}.contentBtn .btnBox .weixinBtn .wechat_b{display:none}.contentBtn .btnBox .weixinBtn .wechat_w{display:block}.contentBtn .btnBoxActive .btn{background-color:#e10dc4}.contentBtn .btnBoxActive .likeBtn .contacts_b{display:block}.contentBtn .btnBoxActive .likeBtn .contacts_w{display:none}.contentBtn .btnBoxActive .weixinBtn .wechat_b{display:block}.contentBtn .btnBoxActive .weixinBtn .wechat_w{display:none}.contentBtn .btnBoxActive .text{color:#e10dc4;font-weight:400}.contentBtn .btnBoxActive .codeBox{opacity:1}.wrapVideoBox{height:13.88888889vh;left:0;opacity:0;position:absolute;top:0;width:13.88888889vh}.wrapVideoBox .imgBox{height:100%;left:0;position:absolute;top:0;width:100%}.wrapVideoBox .imgBox img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wrapVideoBox .maskVideoBox{height:100%;left:0;position:absolute;top:0;width:100%}.wrapVideoBox .maskVideoBox #maskVideo{height:100%;width:100%}.progressBox{background:#fff;bottom:0;height:.92592593vh;left:0;position:absolute;width:100vw}.progressBar{background:transparent;height:100%;left:-100%;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.progressVideoBar{height:6.48148148vh;left:50vw;margin-left:-13.88888889vh;overflow:hidden;position:absolute;top:6.48148148vh;width:27.77777778vh}.progressVideoBar .progressList{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:6.48148148vh;justify-content:center;opacity:0;-webkit-transform:translate3d(0,-3.24074074vh,0);transform:translate3d(0,-3.24074074vh,0);-webkit-transition:all .2s linear;transition:all .2s linear;width:27.77777778vh}.progressVideoBar .progressList .progressLi{background:#fff;cursor:pointer;height:1.66666667vh;margin:0 .64814815vh;position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;width:.83333333vh}.progressVideoBar .progressList .progressLi .progressLiIndex{bottom:-2.31481481vh;color:#fff;font-size:1.85185185vh;left:0;line-height:1.85185185vh;opacity:0;position:absolute;text-align:center;width:100%}.progressVideoBar .progressList .progressLiActive{height:4.16666667vh;width:1.66666667vh}.progressVideoBar .progressList .progressLiActive .progressLiIndex{opacity:1}.progressVideoBar .progressListShow{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}#mask{background-color:rgba(0,0,0,.8);display:none;height:100vh;left:0;opacity:0;top:0;width:100vw}#mask,.yuan{position:absolute}.yuan{bottom:3.7037037vh;height:16.66666667vh;mix-blend-mode:difference;right:3.7037037vh;width:16.66666667vh}.yuan .yuanHuang{-webkit-transform-origin:center center;transform-origin:center center}.yuan .lines .line{stroke-dasharray:25;-webkit-transition:stroke-dashoffset .6s cubic-bezier(.86,0,.07,1) .1s;transition:stroke-dashoffset .6s cubic-bezier(.86,0,.07,1) .1s}.yuanzheng .lines .lineLeft{stroke-dasharray:25;stroke-dashoffset:0}.yuanfan .lines .lineLeft,.yuanzheng .lines .lineRight{stroke-dasharray:25;stroke-dashoffset:25}.yuanfan .lines .lineRight{stroke-dasharray:25;stroke-dashoffset:0}.p{font-family:myFont;font-size:2.77777778vh}