.video-tutorial[data-v-f027e5c4]{letter-spacing:0}.video-tutorial .tutorial-banner[data-v-f027e5c4]{width:100%;height:295px;padding:8px 145px 7px 0;background-image:url(https://cdn2.laihua.com/dev-dist/static/img/bg.af73f6e.png)}.video-tutorial .tutorial-banner .banner-cont[data-v-f027e5c4],.video-tutorial .tutorial-banner[data-v-f027e5c4]{background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box}.video-tutorial .tutorial-banner .banner-cont[data-v-f027e5c4]{width:1327px;height:100%;padding:52px 516px 53px 151px;margin:0 auto;text-align:left;background-image:url(https://cdn2.laihua.com/dev-dist/static/img/banner.d454b7f.png)}.video-tutorial .tutorial-banner .banner-cont .title[data-v-f027e5c4]{font-size:60px;font-weight:700;line-height:73px;color:#333}.video-tutorial .tutorial-banner .banner-cont .text[data-v-f027e5c4]{height:82px;margin-top:20px;font-size:20px;line-height:29px;color:#666}.video-tutorial .video-list[data-v-f027e5c4]{background:#fff;padding:100px 0 40px}.video-tutorial .video-list .switch-btn[data-v-f027e5c4]{width:511px;height:55px;margin:0 auto 80px;border:2px solid #f1f3f7;border-radius:6px;box-sizing:border-box}.video-tutorial .video-list .switch-btn .btn-cont[data-v-f027e5c4]{width:511px;height:55px;position:relative;right:2px;bottom:2px}.video-tutorial .video-list .switch-btn .btn-cont div[data-v-f027e5c4]{height:100%;font-size:20px;color:#999;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;transition:all .2s;cursor:pointer}.video-tutorial .video-list .switch-btn .btn-cont div[data-v-f027e5c4]:first-child{width:138px}.video-tutorial .video-list .switch-btn .btn-cont div[data-v-f027e5c4]:nth-child(2){width:190px}.video-tutorial .video-list .switch-btn .btn-cont div[data-v-f027e5c4]:last-child{width:183px}.video-tutorial .video-list .switch-btn .btn-cont div[data-v-f027e5c4]:hover{color:#555}.video-tutorial .video-list .switch-btn .btn-cont .btn-active[data-v-f027e5c4]{background:#e56d21;color:#fff}.video-tutorial .video-list .switch-btn .btn-cont .btn-active[data-v-f027e5c4]:hover{color:#fff}.video-tutorial .video-list .title[data-v-f027e5c4]{font-size:32px;font-weight:700;line-height:39px;color:#333}.video-tutorial .video-list .text[data-v-f027e5c4]{font-size:16px;line-height:19px;color:#666;margin:20px 0 30px}.video-tutorial .video-list .list-cont[data-v-f027e5c4]{width:1230px;margin:0 auto;display:flex;flex-wrap:wrap}.video-tutorial .video-list .list-cont .video-cont[data-v-f027e5c4]{width:380px;margin:0 15px 60px;text-align:left}.video-tutorial .video-list .list-cont .video-cont .video-detail[data-v-f027e5c4]{width:100%;height:215px;position:relative;border-radius:9px;border:1.5px solid #000;box-sizing:border-box;transition:all .3s;cursor:pointer}.video-tutorial .video-list .list-cont .video-cont .video-detail img[data-v-f027e5c4]{width:100%;height:100%;border-radius:8px}.video-tutorial .video-list .list-cont .video-cont .video-detail video[data-v-f027e5c4]{width:100%;height:100%;border-radius:8px;position:absolute;top:0;left:0}.video-tutorial .video-list .list-cont .video-cont .video-detail .duration[data-v-f027e5c4]{width:48px;height:20px;font-size:12px;line-height:20px;color:#fff;background:#000;border-radius:2px;text-align:center;position:absolute;bottom:10px;right:10px}.video-tutorial .video-list .list-cont .video-cont .video-detail[data-v-f027e5c4]:hover{box-shadow:4px 4px #000!important}.video-tutorial .video-list .list-cont .video-cont .video-title[data-v-f027e5c4]{display:inline-block;margin-top:34px;font-size:20px;line-height:28px;color:#333;cursor:pointer}.video-tutorial .video-list .icon[data-v-f027e5c4]{position:absolute;right:-40px;cursor:pointer}.video-tutorial .video-list[data-v-f027e5c4] .el-dialog__wrapper{min-width:950px;min-height:600px}.video-tutorial .video-list[data-v-f027e5c4] .el-dialog__wrapper .el-dialog{display:flex;flex-direction:column;margin:0!important;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:450px;border-radius:9px}.video-tutorial .video-list[data-v-f027e5c4] .el-dialog__wrapper .el-dialog .el-dialog__body,.video-tutorial .video-list[data-v-f027e5c4] .el-dialog__wrapper .el-dialog .el-dialog__header{padding:0!important}.video-tutorial .video-list[data-v-f027e5c4] .el-dialog__wrapper .el-dialog .el-dialog__body video{width:100%;height:450px;border-radius:8px}.video-tutorial .video-list[data-v-f027e5c4] .el-dialog__wrapper .el-dialog .el-dialog__footer{padding:0!important}