[data-v-8fcce5b4]{list-style:none;text-decoration:none;font-weight:400}.d-f[data-v-8fcce5b4]{display:-webkit-box;display:-ms-flexbox;display:flex}.j-b[data-v-8fcce5b4]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.j-c[data-v-8fcce5b4]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.a-c[data-v-8fcce5b4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-a[data-v-8fcce5b4]{margin:0 auto}.f-d[data-v-8fcce5b4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.f-w[data-v-8fcce5b4]{-ms-flex-wrap:wrap;flex-wrap:wrap}.skill-container[data-v-8fcce5b4]{width:100vw;height:100vh;background-color:#fff;overflow:hidden;position:relative}.skill-container .back[data-v-8fcce5b4]{position:absolute;top:10px;left:10px;color:#fff;font-size:20px;cursor:pointer;z-index:999}.skill-container .first-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .first-container .first-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .first-container .first-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .first-container .enter-btn[data-v-8fcce5b4]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:50px}.skill-container .second-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(../img/2.d8f6822f.png);background-size:100% 100%;-webkit-transition:all .4s;transition:all .4s}.skill-container .second-container .top[data-v-8fcce5b4]{width:700px;height:180px;background-image:url(../img/3.4e431579.png);background-size:100% 100%;font-size:40px;line-height:170px;color:#fff;text-align:center;font-family:SimHei}.skill-container .second-container .content[data-v-8fcce5b4]{margin-top:50px;padding:0 24px}.skill-container .second-container .content .list .li1[data-v-8fcce5b4]{width:480px}.skill-container .second-container .content .list .li1[data-v-8fcce5b4],.skill-container .second-container .content .list .li2[data-v-8fcce5b4]{height:70px;background:#0b33c2;border:5px solid #fff;border-radius:36px;font-size:28px;line-height:60px;color:#fff;font-family:SimHei;padding-left:24px;margin-left:24px;cursor:pointer}.skill-container .second-container .content .list .li2[data-v-8fcce5b4]{width:610px;margin-top:38px}.skill-container .second-container .content .list .li3[data-v-8fcce5b4]{width:680px;height:120px;background:#0b33c2;border:5px solid #fff;border-radius:60px;font-size:28px;line-height:40px;color:#fff;font-family:SimHei;padding-left:24px;padding-top:12px;margin-left:24px;margin-top:38px;cursor:pointer}.skill-container .second-container .content .remark[data-v-8fcce5b4]{width:600px;height:337px;background:rgba(0,0,0,.2);margin-right:24px;border-radius:24px}.skill-container .second-container .content .remark .second-play[data-v-8fcce5b4]{width:100%;height:100%;border-radius:24px;overflow:hidden}.skill-container .second-container .content .remark .second-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .second-container .next-btn[data-v-8fcce5b4]{width:200px;height:80px;background-image:url(../img/4.d4d09963.png);background-size:100% 100%;color:#2196f3;font-size:25px;text-align:center;line-height:75px;margin-top:100px;cursor:pointer}.skill-container .third-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .third-container .third-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .third-container .third-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .fourth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(../img/5.de075ea4.jpg);background-size:100% 100%;-webkit-transition:all .4s;transition:all .4s}.skill-container .fourth-container .error-img1[data-v-8fcce5b4]{position:absolute;top:55%;left:65px;width:158px}.skill-container .fourth-container .error-img2[data-v-8fcce5b4]{position:absolute;top:50%;right:30px;width:187px;z-index:2}.skill-container .fourth-container .error-img3[data-v-8fcce5b4]{position:absolute;bottom:20%;right:30px;width:195px}.skill-container .fourth-container .right-img[data-v-8fcce5b4]{position:absolute;bottom:35%;right:12.5%;width:166px}.skill-container .fourth-container .fourth-play[data-v-8fcce5b4]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px}.skill-container .fourth-container .fourth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .fourth-container .next-btn[data-v-8fcce5b4]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:50px;width:133px}.skill-container .fifth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .fifth-container .fifth-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .fifth-container .fifth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .sixth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(../img/11.ba400c01.jpg);background-size:100% 100%;-webkit-transition:all .4s;transition:all .4s}.skill-container .sixth-container .target-list[data-v-8fcce5b4]{margin-top:17.6%;width:45%;height:21%;display:grid;grid-template-columns:repeat(3,1fr);-webkit-column-gap:8%;-moz-column-gap:8%;column-gap:8%}.skill-container .sixth-container .target-list>div[data-v-8fcce5b4],.skill-container .sixth-container .target-list>div img[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .sixth-container .source-list[data-v-8fcce5b4]{width:60%;height:22%;display:grid;grid-template-columns:repeat(4,1fr);-webkit-column-gap:6.2%;-moz-column-gap:6.2%;column-gap:6.2%}.skill-container .sixth-container .source-list>div[data-v-8fcce5b4],.skill-container .sixth-container .source-list>div img[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .sixth-container .next-btn[data-v-8fcce5b4]{background-image:url(../img/16.fe3b572c.png)}.skill-container .sixth-container .again-btn[data-v-8fcce5b4],.skill-container .sixth-container .next-btn[data-v-8fcce5b4]{margin-top:20px;width:150px;height:70px;background-size:100% 100%;text-align:center;line-height:60px;font-size:20px;color:#fff}.skill-container .sixth-container .again-btn[data-v-8fcce5b4]{margin-left:24px;background-image:url(../img/17.537c18bd.png)}.skill-container .sixth-container .remark[data-v-8fcce5b4]{position:absolute;bottom:0;left:0;width:32%;height:64%;background-image:url(../img/18.807f446a.png);background-size:100% 100%}.skill-container .sixth-container .remark img[data-v-8fcce5b4]{width:60%;height:76%;position:absolute;left:0;bottom:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.skill-container .seventh-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(../img/20.bd6e1a57.jpg);background-size:100% 100%;-webkit-transition:all .4s;transition:all .4s;padding:10% 20% 12%}.skill-container .seventh-container .grid-container[data-v-8fcce5b4]{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);-webkit-column-gap:10%;-moz-column-gap:10%;column-gap:10%;row-gap:2%}.skill-container .seventh-container .grid-container img[data-v-8fcce5b4]{width:100%;height:100%;border:10px solid transparent}.skill-container .seventh-container .grid-container .green[data-v-8fcce5b4]{border:10px solid #6cfb6c;border-radius:55px}.skill-container .seventh-container .grid-container .grey[data-v-8fcce5b4]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.skill-container .seventh-container .remark[data-v-8fcce5b4]{position:absolute;bottom:0;left:0;width:30%;height:55%;background-image:url(../img/27.1f661025.png);background-size:100% 100%}.skill-container .seventh-container .remark img[data-v-8fcce5b4]{width:60%;height:86%;position:absolute;left:-34px;bottom:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.skill-container .seventh-container .next-btn[data-v-8fcce5b4]{margin-top:20px;width:150px;height:70px;background-image:url(../img/16.fe3b572c.png);background-size:100% 100%;text-align:center;line-height:60px;font-size:20px;color:#fff}.skill-container .eighth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .eighth-container .eighth-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .eighth-container .eighth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .ninth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s;background-image:url(../img/28.2d85f67c.jpg);background-size:100% 100%;padding:15% 8% 15%}.skill-container .ninth-container .list[data-v-8fcce5b4]{width:100%}.skill-container .ninth-container .list img[data-v-8fcce5b4]{width:250px}.skill-container .ninth-container .list .grey[data-v-8fcce5b4]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.skill-container .ninth-container .next-btn[data-v-8fcce5b4]{margin-top:48px;width:150px;height:70px;background-image:url(../img/16.fe3b572c.png);background-size:100% 100%;text-align:center;line-height:60px;font-size:20px;color:#fff}.skill-container .tenth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .tenth-container .tenth-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .tenth-container .tenth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .eleventh-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s;background-image:url(../img/36.0187db10.jpg);background-size:100% 100%;padding:15% 18%}.skill-container .eleventh-container .list[data-v-8fcce5b4]{width:100%}.skill-container .eleventh-container .list img[data-v-8fcce5b4]{width:200px}.skill-container .eleventh-container .next-btn[data-v-8fcce5b4]{margin-top:60px;width:150px;height:70px}.skill-container .eleventh-container .remark[data-v-8fcce5b4]{position:absolute;bottom:0;left:0}.skill-container .eleventh-container .remark img[data-v-8fcce5b4]{width:300px}.skill-container .twelfth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .twelfth-container .twelfth-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .twelfth-container .twelfth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .thirteenth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s;background-image:url(../img/46.a755906f.jpg);background-size:100% 100%}.skill-container .thirteenth-container .confirm-img1[data-v-8fcce5b4]{position:absolute;left:24%;top:20%;width:40%}.skill-container .thirteenth-container .confirm-img2[data-v-8fcce5b4]{position:absolute;right:16%;top:40%;width:40%}.skill-container .thirteenth-container .confirm-img3[data-v-8fcce5b4]{position:absolute;left:24%;top:60%;width:40%}.skill-container .thirteenth-container .grey[data-v-8fcce5b4]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.skill-container .thirteenth-container .remark[data-v-8fcce5b4]{position:absolute;bottom:0;left:0;width:40%;height:70%;background-image:url(../img/51.9be4ba63.png);background-size:100% 100%}.skill-container .thirteenth-container .remark .remark-item[data-v-8fcce5b4]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);width:60%;height:86%;position:absolute;left:0;bottom:0;background-image:url(../img/56.aaf3291b.png);background-size:100% 100%;-webkit-animation:move-8fcce5b4 2s;animation:move-8fcce5b4 2s}@-webkit-keyframes move-8fcce5b4{0%{background-image:url(../img/56.aaf3291b.png)}12%{background-image:url(../img/57.102278da.png)}24%{background-image:url(../img/58.e77289f1.png)}36%{background-image:url(../img/59.e1bde5e5.png)}48%{background-image:url(../img/60.d89bb2e9.png)}60%{background-image:url(../img/59.e1bde5e5.png)}72%{background-image:url(../img/58.e77289f1.png)}84%{background-image:url(../img/57.102278da.png)}to{background-image:url(../img/56.aaf3291b.png)}}@keyframes move-8fcce5b4{0%{background-image:url(../img/56.aaf3291b.png)}12%{background-image:url(../img/57.102278da.png)}24%{background-image:url(../img/58.e77289f1.png)}36%{background-image:url(../img/59.e1bde5e5.png)}48%{background-image:url(../img/60.d89bb2e9.png)}60%{background-image:url(../img/59.e1bde5e5.png)}72%{background-image:url(../img/58.e77289f1.png)}84%{background-image:url(../img/57.102278da.png)}to{background-image:url(../img/56.aaf3291b.png)}}.skill-container .thirteenth-container .next-btn[data-v-8fcce5b4]{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px;height:70px;background-image:url(../img/17.537c18bd.png);background-size:100% 100%;text-align:center;line-height:60px;font-size:20px;color:#fff}.skill-container .fourteenth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .fourteenth-container .fourteenth-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .fourteenth-container .fourteenth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .fifteenth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s;background-image:url(../img/52.1bb68fe7.jpg);background-size:100% 100%}.skill-container .fifteenth-container .list[data-v-8fcce5b4]{position:absolute;bottom:15%;left:0;padding:0 14% 0 15%}.skill-container .fifteenth-container .list img[data-v-8fcce5b4]{width:25%}.skill-container .fifteenth-container .list .green[data-v-8fcce5b4]{-webkit-filter:hue-rotate(130deg);filter:hue-rotate(130deg)}.skill-container .fifteenth-container .next-btn[data-v-8fcce5b4]{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px;height:70px;background-image:url(../img/16.fe3b572c.png);background-size:100% 100%;text-align:center;line-height:60px;font-size:20px;color:#fff}.skill-container .fifteenth-container .fifteenth-play[data-v-8fcce5b4]{position:absolute;top:50%;left:50%;width:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skill-container .fifteenth-container .fifteenth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}.skill-container .sixteenth-container[data-v-8fcce5b4]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s;transition:all .4s}.skill-container .sixteenth-container .sixteenth-play[data-v-8fcce5b4]{width:100%;height:100%}.skill-container .sixteenth-container .sixteenth-play[data-v-8fcce5b4] .vjs-big-play-button{display:none!important}