.introduction span[data-v-0287a6a2]{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:rgba(0,0,0,.3)}.introduction .box[data-v-0287a6a2]{width:700px;height:500px;background:#fff;border-radius:8px;overflow:hidden;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10000}.introductionHead[data-v-0287a6a2]{height:54px;line-height:54px;padding-left:30px;color:#191919;font-size:18px;position:relative;border-bottom:1px solid #e5e5e5}.introductionHead img[data-v-0287a6a2]{width:30px;height:30px;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.introductionBody[data-v-0287a6a2]{width:100%;height:446px;box-sizing:border-box;padding:38px 30px;overflow:auto}.introductionBody p[data-v-0287a6a2]{color:#7f7f7f;font-size:14px;line-height:30px}.header[data-v-0287a6a2]{height:60px;background:#2f53e1;position:relative;text-align:center;line-height:60px;font-size:20px;color:#fff}.back[data-v-0287a6a2]{position:absolute;height:20px;line-height:20px;color:#fff;font-size:16px;left:80px;top:50%;transform:translateY(-50%);cursor:pointer}.back img[data-v-0287a6a2]{width:20px;height:20px;vertical-align:middle;margin-top:-3px}.body[data-v-0287a6a2]{height:calc(100vh - 60px);display:flex}.body .menu[data-v-0287a6a2]{width:380px}.body .video[data-v-0287a6a2]{flex:1;background:#000}.progress[data-v-0287a6a2]{width:100%;height:120px;padding:35px;box-sizing:border-box;color:#191919;font-size:16px;line-height:16px}.progress span[data-v-0287a6a2]{font-size:20px;color:#ff8b33;float:right}.el-progress[data-v-0287a6a2]{margin-top:20px}.catalogue[data-v-0287a6a2]{color:#191919;font-size:16px;line-height:48px;background-color:#efefef;padding-left:38px}.el-menu[data-v-0287a6a2]{height:calc(100vh - 108px);overflow:auto}.el-menu[data-v-0287a6a2]:before{width:1px;height:100%;position:absolute;left:100px;background-color:#dbdbdb}.el-menu[data-v-0287a6a2] .el-menu-item,.el-menu[data-v-0287a6a2] .el-submenu__title{padding:0 30px 0 0!important}.el-menu[data-v-0287a6a2] .studer-slider-a:not(.active) .el-menu-item:hover,.el-menu[data-v-0287a6a2] .studer-slider-a:not(.active) .el-submenu__title:hover{background-color:hsla(0,0%,91.8%,.5)}.el-menu[data-v-0287a6a2] .el-submenu__title>span{display:flex;position:relative;color:#191919;font-size:14px}.el-menu[data-v-0287a6a2] .el-submenu__title>span label,.el-submenu[data-v-0287a6a2] .el-menu-item>label{width:100px;text-align:center;border-right:1px solid #dbdbdb}.el-submenu[data-v-0287a6a2] .is-active{color:#2f53e1;background-color:rgba(47,83,225,.1)!important}.train-video[data-v-0287a6a2] .is-active .el-progress{display:block!important}.train-video[data-v-0287a6a2] .el-menu-item .el-progress{display:none;margin:0;width:35px;height:35px;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.train-video[data-v-0287a6a2] .el-menu-item .el-progress--circle .el-progress__text{font-size:12px!important;color:#2f53e1}.el-menu[data-v-0287a6a2] .el-submenu__title>span span{width:13px;height:13px;background:#fff;border:1px solid #dbdbdb;border-radius:50%;position:absolute;left:93px;top:50%;transform:translateY(-50%)}.el-menu[data-v-0287a6a2] .el-submenu__title>span p{padding-left:15px}.el-menu[data-v-0287a6a2] .el-menu-item-group__title{padding:0}.el-submenu[data-v-0287a6a2] .el-menu-item{display:flex;position:relative}.el-submenu[data-v-0287a6a2] .el-menu-item>.trainOptionTitle{padding:8px 0;max-width:230px}.el-submenu[data-v-0287a6a2] .el-menu-item>.trainOptionTitle>p{padding-left:15px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-submenu[data-v-0287a6a2] .el-menu-item>.trainOptionTitle>p:nth-of-type(2){margin-top:2px;position:relative;padding-left:35px}.el-submenu[data-v-0287a6a2] .el-menu-item>.trainOptionTitle>p span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ccc}.el-submenu[data-v-0287a6a2] .is-active>.trainOptionTitle>p span{color:#2f53e1}.activeName[data-v-0287a6a2]{height:40px;line-height:40px;background-color:#edf2f1;padding-left:86px;color:#191919;font-size:14px}.activeName span[data-v-0287a6a2]{float:right;margin-right:50px;line-height:40px;cursor:pointer}.activeName span img[data-v-0287a6a2]{vertical-align:middle;margin-top:-3px}#player-con[data-v-0287a6a2]{height:calc(100vh - 61px)!important}