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{height:100vh;min-width:100vw;position:relative;width:100vw}.cameraWrap{left:50%;margin-left:-20.15vh;margin-top:-24.4vh;top:50%}.cameraWrap,.cameraWrap .cameraBox{height:48.8vh;position:absolute;width:40.3vh}.cameraWrap .cameraBox{left:0;top:0}.cameraWrap .cameraBox .cameraImgBox{height:37.96296296vh;left:0;position:absolute;top:0;width:34.90740741vh}.cameraWrap .cameraBox .cameraImgBox .cameraBj{bottom:0;height:37.96296296vh;position:absolute;right:0;width:34.90740741vh}.cameraWrap .cameraBox .cameraImgBox .cameraRect{background-color:transparent;border:.92592593vh solid #fff;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:26.2037037vh;position:absolute;right:0;width:26.2037037vh}.cameraWrap .cameraBox .cameraImgBox .cameraLineBox{height:.92592593vh;left:0;position:absolute;top:4.62962963vh;width:.92592593vh}.cameraWrap .cameraBox .cameraImgBox .cameraLineBox .svg{bottom:-22.22222222vh;height:88.15425926vh;position:absolute;right:-9.25925926vh;width:167.17305556vh}.cameraWrap .cameraBox .cameraImgBox .cameraLineBox .svg .guangBai{opacity:1}.cameraWrap .cameraBox .cameraImgBox .cameraLineBox .svg .guangSan{opacity:0}.cameraWrap .cameraBox .cameraImgBox .cameraImg{bottom:0;height:36.66666667vh;position:absolute;right:0;width:32.87037037vh}.cameraWrap .cameraBox .cameraImgBox .cameraRectTop{border-bottom:.92592593vh solid #fff;border-right:.92592593vh solid #fff;bottom:0;height:9.25925926vh;position:absolute;right:0;width:9.25925926vh}.cameraWrap .cameraBox .topText{height:5vh;left:8.14814815vh;position:absolute;top:39.62962963vh;width:28.33333333vh}.cameraWrap .cameraBox .time{bottom:0;color:#fff;font-size:2.31481481vh;height:3.33333333vh;left:8.14814815vh;line-height:3.33333333vh;position:absolute}.cameraWrap .cameraBox .nub{bottom:3.7037037vh;color:transparent;font-family:myFont;font-size:3.88888889vh;height:3.88888889vh;left:30.55555556vh;line-height:3.88888889vh;position:absolute}@-webkit-keyframes cameraWrapMove{0%{left:0}80%{left:0}88%{left:.37037037vh}to{left:0}}@keyframes cameraWrapMove{0%{left:0}80%{left:0}88%{left:.37037037vh}to{left:0}}.cameraWrapActive .cameraBox{-webkit-animation:cameraWrapMove .5s linear infinite;animation:cameraWrapMove .5s linear infinite}.cameraWrapActive .cameraBox .cameraImgBox .cameraLineBox .svg .guangBai{opacity:0}.cameraWrapActive .cameraBox .cameraImgBox .cameraLineBox .svg .guangSan{opacity:1}@-webkit-keyframes grap1{0%{opacity:0}0.1%{opacity:1}18%{opacity:1}18.1%{opacity:0}to{opacity:0}}@keyframes grap1{0%{opacity:0}0.1%{opacity:1}18%{opacity:1}18.1%{opacity:0}to{opacity:0}}@-webkit-keyframes grap2{0%{opacity:0}18%{opacity:0}18.1%{opacity:1}36%{opacity:1}36.1%{opacity:0}to{opacity:0}}@keyframes grap2{0%{opacity:0}18%{opacity:0}18.1%{opacity:1}36%{opacity:1}36.1%{opacity:0}to{opacity:0}}@-webkit-keyframes grap3{0%{opacity:0}36%{opacity:0}36.1%{opacity:1}54%{opacity:1}54.1%{opacity:0}to{opacity:0}}@keyframes grap3{0%{opacity:0}36%{opacity:0}36.1%{opacity:1}54%{opacity:1}54.1%{opacity:0}to{opacity:0}}@-webkit-keyframes grap4{0%{opacity:0}54%{opacity:0}54.1%{opacity:1}72%{opacity:1}72.1%{opacity:0}to{opacity:0}}@keyframes grap4{0%{opacity:0}54%{opacity:0}54.1%{opacity:1}72%{opacity:1}72.1%{opacity:0}to{opacity:0}}@-webkit-keyframes grap5{0%{opacity:0}72%{opacity:0}72.1%{opacity:1}99.9%{opacity:1}to{opacity:0}}@keyframes grap5{0%{opacity:0}72%{opacity:0}72.1%{opacity:1}99.9%{opacity:1}to{opacity:0}}.cameraWrapActive .cameraBox .cameraImgBox .cameraLineBox .svg #_2{-webkit-animation:grap1 .5s linear infinite;animation:grap1 .5s linear infinite}.cameraWrapActive .cameraBox .cameraImgBox .cameraLineBox .svg #_3{-webkit-animation:grap2 .5s linear infinite;animation:grap2 .5s linear infinite}.cameraWrapActive .cameraBox .cameraImgBox .cameraLineBox .svg #_4{-webkit-animation:grap3 .5s linear infinite;animation:grap3 .5s linear infinite}.cameraWrapActive .cameraBox .cameraImgBox .cameraLineBox .svg #_5{-webkit-animation:grap4 .5s linear infinite;animation:grap4 .5s linear infinite}.cameraWrapActive .cameraBox .cameraImgBox .cameraLineBox .svg #_6{-webkit-animation:grap5 .5s linear infinite;animation:grap5 .5s linear infinite}.bulletChat{-webkit-box-sizing:border-box;box-sizing:border-box;left:0;margin-top:-24.4vh;padding:0 2vw;position:absolute;top:50%}.bulletChat,.bulletChat #canvas{height:48.8vh;width:100vw}.kong1{height:100vh;max-width:4.62962963vh;min-width:4.62962963vh;width:4.62962963vh}.infoBox,.kong1{vertical-align:top}.infoBox{color:#fff;height:62.40740741vh;margin-top:20.92592593vh;max-width:49.44444444vh;min-width:49.44444444vh;width:49.44444444vh}.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{height:100%;left:0;position:absolute;top:0;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}.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 .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 .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{opacity:1}.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}.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;cursor:pointer;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 .contactsImg{height:8.7037037vh;margin-left:.46296296vh;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;vertical-align:top;width:6.38888889vh}.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:#ff0}.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:#ff0;font-weight:400}.contentBtn .btnBoxActive .codeBox{opacity:1}.historyBox,.historyWrap{float:left;height:100vh}.historyBox{background-color:transparent;max-width:38.88888889vh;min-width:38.88888889vh;padding:0 5.55555556vh;width:48.14814815vh}.historyBox .history{color:#000;height:62.40740741vh;margin-top:20.92592593vh;width:38.88888889vh}.historyBox .history .title{font-size:2.96296296vh;height:4.07407407vh;padding-top:16.66666667vh}.historyBox .history .list,.historyBox .history .title{display:inline-block;text-align:left;width:38.88888889vh}.historyBox .history .list{height:38.88888889vh;padding-top:1.85185185vh}.historyBox .history .list li{display:inline-block;font-size:2.31481481vh;height:5.74074074vh;line-height:5.74074074vh;width:32%}.historyBox .history .list li a{color:#000;cursor:pointer;text-decoration:none}.historyBox .history .list li:nth-of-type(3n+1){text-align:left}.historyBox .history .list li:nth-of-type(3n+2){text-align:center}.historyBox .history .list li:nth-of-type(3n){text-align:right}.logoBox{left:4.62962963vh;position:absolute;top:4.62962963vh}.logoBox a{display:inline-block}.logoBox a,.logoBox a img{height:3.42592593vh;width:4.72222222vh}.logoBox a img{vertical-align:top}.slo{position:absolute;right:4.62962963vh;text-align:right;text-decoration:none;top:4.62962963vh;width:46.2962963vh}.slo p{color:#fff;font-size:2.31481481vh;height:3.24074074vh;line-height:3.24074074vh;mix-blend-mode:difference}.slo p span{color:transparent}.btnsBox{bottom:4.62962963vh;left:4.62962963vh;position:absolute;width:22.22222222vh}.btnsBox .btn{border:.18518519vh solid hsla(0,0%,100%,.5);border-radius:50% 50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:8.33333333vh;vertical-align:top;width:8.33333333vh}.btnsBox .btn .imgWrap{-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:100%;justify-content:center;width:100%}.btnsBox .btn .imgWrap img{vertical-align:middle}.btnsBox .likeBtn img{height:3.05555556vh;width:3.33333333vh}.btnsBox .commentBtn{margin-left:4.62962963vh;opacity:.4}.btnsBox .commentBtn img{height:2.31481481vh;width:2.5vh}.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}