.videoTutorial .banner[data-v-d2883bc0]{width:100%;height:550px;position:relative;overflow:hidden}.videoTutorial .banner img[data-v-d2883bc0]{position:absolute;left:50%;top:0;transform:translateX(-50%);width:1920px}.videoTutorial .c1[data-v-d2883bc0]{background:url(../img/c1-bg.f93f64b8.png) no-repeat 50%/115% 75px;background-position-y:630px}.videoTutorial .c1 .title-w[data-v-d2883bc0]{margin-top:60px}.videoTutorial .c1 .roadmap[data-v-d2883bc0]{flex-wrap:wrap;justify-content:space-between;margin-top:110px}.videoTutorial .c1 .roadmap li[data-v-d2883bc0]{width:320px;height:356px;background:#28272f;border-radius:19px;padding:69px 0 0 63px;box-sizing:border-box}.videoTutorial .c1 .roadmap li[data-v-d2883bc0]:nth-child(n+5){margin-top:155px}.videoTutorial .c1 .roadmap li[data-v-d2883bc0]:nth-child(2n){background:#434145}.videoTutorial .c1 .roadmap li[data-v-d2883bc0]:hover{background:linear-gradient(90deg,#845ee3,#cc38be)}.videoTutorial .c1 .roadmap li p[data-v-d2883bc0]{color:hsla(0,0%,100%,.48);font-size:18px;line-height:35px}.videoTutorial .c1 .roadmap li h3[data-v-d2883bc0]{font-size:30px;color:hsla(0,0%,100%,.8);margin-top:38px}.videoTutorial .c2[data-v-d2883bc0]{padding-bottom:120px}.videoTutorial .c2 .video-list[data-v-d2883bc0]{justify-content:space-between;flex-wrap:wrap;margin-top:80px}.videoTutorial .c2 .video-list li[data-v-d2883bc0]{width:659px;height:335px;border-radius:20px;overflow:hidden;position:relative;z-index:999}.videoTutorial .c2 .video-list li h3[data-v-d2883bc0]{font-size:24px;font-weight:700;margin-bottom:22px;padding:0 34px;transform:translateY(270px);z-index:99}.videoTutorial .c2 .video-list li p[data-v-d2883bc0]{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:400;padding:0 34px;transform:translateY(335px);z-index:99}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(n+3){margin-top:20px}.videoTutorial .c2 .video-list li:hover h3[data-v-d2883bc0]{animation:mymove-d2883bc0 .6s;animation-fill-mode:forwards}.videoTutorial .c2 .video-list li:hover p[data-v-d2883bc0]{animation:mymoves-d2883bc0 .6s;animation-fill-mode:forwards}.videoTutorial .c2 .video-list li:hover .op-box[data-v-d2883bc0]{display:block;z-index:-1}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:first-child{background:url(../img/video1.3c522095.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(2){background:url(../img/video2.f3cf5485.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(3){background:url(../img/video3.bf1ceaf6.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(4){background:url(../img/video4.d8735aa2.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(5){background:url(../img/video5.429746bb.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(6){background:url(../img/video6.e06f2364.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(7){background:url(../img/video7.93970232.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li[data-v-d2883bc0]:nth-child(8){background:url(../img/video8.a8a80a94.png) no-repeat 50%/100% 100%}.videoTutorial .c2 .video-list li .op-box[data-v-d2883bc0]{width:100%;height:100%;position:absolute;background:linear-gradient(90deg,#845ee3,#cc38be);border-radius:20px;top:0;left:0;opacity:.6;display:none}.videoTutorial .c3[data-v-d2883bc0]{width:100%;background:#28272d;padding-top:83px;padding-bottom:137px}.videoTutorial .c3 .title-w[data-v-d2883bc0]{margin-top:0}.videoTutorial .c3 .form-box[data-v-d2883bc0]{justify-content:center;margin-top:180px}.videoTutorial .c3 .form-box .form-box-l[data-v-d2883bc0],.videoTutorial .c3 .form-box .form-box-r[data-v-d2883bc0]{text-align:center;padding-top:60px;box-sizing:border-box;cursor:pointer}.videoTutorial .c3 .form-box .form-box-l img[data-v-d2883bc0],.videoTutorial .c3 .form-box .form-box-r img[data-v-d2883bc0]{width:106px;height:106px}.videoTutorial .c3 .form-box .form-box-l p[data-v-d2883bc0],.videoTutorial .c3 .form-box .form-box-r p[data-v-d2883bc0]{font-size:24px;color:#fff;margin-top:10px}.videoTutorial .c3 .form-box .form-box-m[data-v-d2883bc0]{margin:0 76px}.videoTutorial .c3 .form-box .input-box[data-v-d2883bc0]{width:536px;height:60px;line-height:60px;background:#fff;border-radius:20px;display:flex;padding-left:30px;margin-bottom:16px}.videoTutorial .c3 .form-box .input-box[data-v-d2883bc0]:last-child{margin-bottom:0}.videoTutorial .c3 .form-box .input-box label[data-v-d2883bc0]{display:block;font-size:18px;color:rgba(19,19,19,.6);width:80px}.videoTutorial .c3 .form-box .input-box input[data-v-d2883bc0]{width:100%;height:100%;font-size:18px}.videoTutorial .c4 .download-list[data-v-d2883bc0]{justify-content:space-between;margin-top:64px}.videoTutorial .c4 .download-list li[data-v-d2883bc0]{width:260px;height:200px;background:#313131;border-radius:20px;padding-top:50px;box-sizing:border-box;text-align:center}.videoTutorial .c4 .download-list li img[data-v-d2883bc0]{width:100px;height:100px}.videoTutorial .c4 .download-list li:nth-child(4) img[data-v-d2883bc0]{width:112px;height:105px}.videoTutorial .c4 .download-list li[data-v-d2883bc0]:last-child{padding-top:56px}.videoTutorial .c4 .download-list li:last-child img[data-v-d2883bc0]{width:44px;height:44px}.videoTutorial .c4 .download-list li:last-child p[data-v-d2883bc0]{color:#fff;font-size:18px;font-weight:700;line-height:75px}.videoTutorial .c4 .download-list li[data-v-d2883bc0]:hover{box-shadow:0 0 10px 0 #ccc}.videoTutorial .c5[data-v-d2883bc0]{padding-bottom:50px}.videoTutorial .c5 .experience-list[data-v-d2883bc0]{justify-content:space-between;margin-top:60px}.videoTutorial .c5 .experience-list li .photo-box[data-v-d2883bc0]{width:434px;height:228px;overflow:hidden;border-radius:20px}.videoTutorial .c5 .experience-list li img[data-v-d2883bc0]{width:100%;height:100%}.videoTutorial .c5 .experience-list li h3[data-v-d2883bc0]{font-size:16px;color:#fff;margin-top:32px;margin-bottom:10px}.videoTutorial .c5 .experience-list li p[data-v-d2883bc0]{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:hsla(0,0%,100%,.3)}.videoTutorial .c5 .experience-list li:hover img[data-v-d2883bc0]{transform:scale(1.4);transition:all .6s}@keyframes mymove-d2883bc0{0%{transform:translateY(270px)}to{transform:translateY(170px)}}@keyframes mymoves-d2883bc0{0%{transform:translateY(335px)}to{transform:translateY(160px)}}