.themedetailsheader[data-v-06431e58]{height:654px}.themedetailsheader .TDH-header[data-v-06431e58]{min-width:1280px;position:relative;width:100%;height:544px}.themedetailsheader .TDH-header>img[data-v-06431e58]{width:100%;height:100%}.themedetailsheader .TDH-header .introduceBox[data-v-06431e58]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);box-sizing:border-box}.themedetailsheader .TDH-header .introduceBox .container[data-v-06431e58]{display:flex;flex-wrap:wrap;padding:77px 28px 123px;padding-bottom:0}.themedetailsheader .TDH-header .introduceBox .container .introduce-left[data-v-06431e58]{width:612px;height:345px;margin-right:37px}.themedetailsheader .TDH-header .introduceBox .container .introduce-left>img[data-v-06431e58]{width:100%;height:100%}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth[data-v-06431e58]{width:630px;height:345px;font-weight:500;font-family:PingFangHK-Medium,PingFangHK;color:#fff;padding:12px 0;box-sizing:border-box}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .title[data-v-06431e58]{display:flex;flex-direction:column;justify-content:space-between;height:62px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .title span[data-v-06431e58]{font-size:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:break-word}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .title span[data-v-06431e58]:last-child{font-size:15px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .details[data-v-06431e58]{display:flex;flex-direction:column;justify-content:space-between;height:145px;margin:48px 0 27px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .details span[data-v-06431e58]{font-size:15px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .learnBtn[data-v-06431e58]{cursor:pointer;width:129px;height:39px;line-height:39px;font-size:15px;text-align:center;color:#b30000;background:#f9fafb;border-radius:5px}.themedetailsheader .TDH-header .introduceBox .container .introduce-part[data-v-06431e58]{width:100%;height:18px}.themedetailsheader .TDH-header .introduceBox .container .introduce-part .part-box[data-v-06431e58]{display:flex;float:right}.themedetailsheader .TDH-header .introduceBox .container .introduce-part .part-box>div[data-v-06431e58]{display:flex;align-items:center;margin-right:22px;font-size:15px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#fff}.themedetailsheader .TDH-header .introduceBox .container .introduce-part .part-box>div img[data-v-06431e58]{margin-right:5px}.themedetailsheader .TDH-header .introduceBox .container .floorBox[data-v-06431e58]{display:flex;position:absolute;bottom:-111px;width:1280px;height:163px;border-radius:16px;background-color:#fff;padding:23px 62px;box-sizing:border-box}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn[data-v-06431e58]{position:relative;display:flex;width:578px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft[data-v-06431e58]{display:flex;flex-direction:column;justify-content:space-between;width:402px;font-size:15px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#333}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .progress[data-v-06431e58]{display:flex;align-items:center}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .progress>div[data-v-06431e58]{width:275px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .red[data-v-06431e58]{color:#b30000}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .state .learnProgress[data-v-06431e58]{position:relative;font-size:13px;color:#999;margin-top:5px;padding-left:24px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .state .learnProgress[data-v-06431e58]:before{position:absolute;left:6px;top:-4px;content:"";width:1px;height:15px;background-color:#9b9b9b}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .state .learnProgress[data-v-06431e58]:after{position:absolute;left:6px;top:10px;content:"";width:15px;height:1px;background-color:#9b9b9b}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .msg[data-v-06431e58]{font-size:13px;color:#999}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnRigth[data-v-06431e58]{display:flex;flex-direction:column;justify-content:center;width:172px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnRigth>div[data-v-06431e58]{cursor:pointer;width:76px;height:30px;line-height:30px;font-size:13px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#fff;text-align:center;border-radius:4px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnRigth .top[data-v-06431e58]{background:#b30000}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnRigth .buttom[data-v-06431e58]{background:#888;margin-top:7px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn[data-v-06431e58]:after{position:absolute;right:0;top:2px;content:"";width:2px;height:105px;opacity:.39;background:#979797}.themedetailsheader .TDH-header .introduceBox .container .floorBox .averageScore[data-v-06431e58]{display:flex;flex-direction:column;justify-content:space-around;width:577px;padding:20px 0;padding-left:238px;box-sizing:border-box}.themedetailsheader .TDH-header .introduceBox .container .floorBox .averageScore>div[data-v-06431e58]{display:flex;font-size:17px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#666}@media screen and (max-width:1279px){.themedetailsheader[data-v-06431e58]{height:553px}.themedetailsheader .TDH-header[data-v-06431e58]{min-width:1080px;height:460px}.themedetailsheader .TDH-header .introduceBox .container[data-v-06431e58]{padding:65px 23px 104px;padding-bottom:0}.themedetailsheader .TDH-header .introduceBox .container .introduce-left[data-v-06431e58]{width:517px;height:291px;margin-right:32px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth[data-v-06431e58]{width:530px;height:291px;padding:10px 0}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .title[data-v-06431e58]{height:53px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .title span[data-v-06431e58]{font-size:16px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .title span[data-v-06431e58]:last-child{font-size:13px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .details[data-v-06431e58]{height:126px;margin:41px 0 23px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .details span[data-v-06431e58]{font-size:13px}.themedetailsheader .TDH-header .introduceBox .container .introduce-rigth .learnBtn[data-v-06431e58]{width:109px;height:33px;font-size:15px;line-height:33px}.themedetailsheader .TDH-header .introduceBox .container .introduce-part .part-box>div[data-v-06431e58]{font-size:13px}.themedetailsheader .TDH-header .introduceBox .container .floorBox[data-v-06431e58]{width:1080px;bottom:-94px;height:138px;border-radius:14px;padding:21px 52px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn[data-v-06431e58]{width:488px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft[data-v-06431e58]{width:343px;font-size:13px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .progress>div[data-v-06431e58]{width:232px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .state .learnProgress[data-v-06431e58]{font-size:12px;margin-top:3px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .state .learnProgress[data-v-06431e58]:before{height:13px;top:-2px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .state .learnProgress[data-v-06431e58]:after{width:13px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnLeft .msg[data-v-06431e58]{font-size:12px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnRigth[data-v-06431e58]{width:145px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnRigth>div[data-v-06431e58]{width:64px;height:25px;line-height:25px;font-size:12px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn .learnRigth .buttom[data-v-06431e58]{margin-top:5px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .learn[data-v-06431e58]:after{top:2px;height:88px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .averageScore[data-v-06431e58]{width:487px;padding:16px 0;padding-left:201px}.themedetailsheader .TDH-header .introduceBox .container .floorBox .averageScore>div[data-v-06431e58]{font-size:14px}}.ThemeDetailsFloor .ThemeDetailsFloorBox[data-v-4d09b5cc]{display:flex;justify-content:space-between;margin-bottom:106px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs[data-v-4d09b5cc]{width:924px;height:966px;max-height:966px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs[data-v-4d09b5cc] .el-tabs__nav{margin-left:20px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs[data-v-4d09b5cc] .el-tabs__nav .el-tabs__item{height:67px;line-height:67px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .el-tab-pane[data-v-4d09b5cc]{padding-left:20px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course[data-v-4d09b5cc]{height:865px;overflow:auto}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li[data-v-4d09b5cc]{position:relative;display:flex;align-items:center;height:65px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li .tag[data-v-4d09b5cc]{height:25px;font-size:15px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#fff;background:#aaa;border-radius:3px;padding:2px 10px;box-sizing:border-box;margin-right:17px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li span[data-v-4d09b5cc]{max-width:700px;font-size:15px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li i[data-v-4d09b5cc]{position:absolute;right:35px;width:14px;height:14px;border-radius:50%;border:1px solid #979797}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel[data-v-4d09b5cc]{width:318px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher[data-v-4d09b5cc]{width:100%;height:553px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .title[data-v-4d09b5cc]{height:65px;font-size:17px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#333;line-height:65px;padding-left:17px;border-bottom:2px solid #e4e7ed}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .teacherName[data-v-4d09b5cc]{display:flex;align-items:center;height:86px;padding:0 17px;box-sizing:border-box}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .teacherName img[data-v-4d09b5cc]{width:47px;height:47px;border-radius:50%;margin-right:16px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .teacherName span[data-v-4d09b5cc]{font-size:14px;font-family:PingFangHK-Regular,PingFangHK;font-weight:400;color:#666}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .intro[data-v-4d09b5cc]{font-size:15px;font-family:PingFangHK-Regular,PingFangHK;font-weight:400;color:#666;line-height:22px;padding:0 17px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student[data-v-4d09b5cc]{height:390px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .title[data-v-4d09b5cc]{height:65px;font-size:17px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#333;line-height:65px;padding-left:17px;border-bottom:2px solid #e4e7ed}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list[data-v-4d09b5cc]{height:365px;overflow:auto}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list ul li[data-v-4d09b5cc]{display:flex;flex-direction:column;align-items:center;float:left;width:105px;margin-top:26px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list ul li img[data-v-4d09b5cc]{width:60px;height:60px;border-radius:50%}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list ul li span[data-v-4d09b5cc]{margin-top:10px;font-size:15px;font-family:PingFangHK-Medium,PingFangHK;font-weight:500;color:#333;line-height:21px}@media screen and (max-width:1279px){.ThemeDetailsFloor .ThemeDetailsFloorBox[data-v-4d09b5cc]{margin-bottom:90px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs[data-v-4d09b5cc]{width:780px;height:815px;max-height:815px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs[data-v-4d09b5cc] .el-tabs__nav{margin-left:10px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs[data-v-4d09b5cc] .el-tabs__nav .el-tabs__item{height:57px;line-height:57px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .el-tab-pane[data-v-4d09b5cc]{padding-left:10px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course[data-v-4d09b5cc]{height:740px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li[data-v-4d09b5cc]{height:50px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li .tag[data-v-4d09b5cc]{height:20px;font-size:13px;padding:2px 8px;margin-right:10px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li span[data-v-4d09b5cc]{max-width:600px;font-size:13px}.ThemeDetailsFloor .ThemeDetailsFloorBox .courseTabs .tab-course li i[data-v-4d09b5cc]{position:absolute;right:26px;width:12px;height:12px;border-radius:50%;border:1px solid #979797}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel[data-v-4d09b5cc]{width:268px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher[data-v-4d09b5cc]{width:100%;height:466px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .title[data-v-4d09b5cc]{height:55px;font-size:14px;line-height:55px;padding-left:14px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .teacherName[data-v-4d09b5cc]{height:72px;padding:0 14px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .teacherName img[data-v-4d09b5cc]{width:40px;height:40px;margin-right:14px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .teacherName span[data-v-4d09b5cc]{font-size:12px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .teacher .cont .intro[data-v-4d09b5cc]{font-size:13px;line-height:19px;padding:0 14px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student[data-v-4d09b5cc]{height:313px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .title[data-v-4d09b5cc]{height:55px;font-size:14px;line-height:55px;padding-left:14px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list[data-v-4d09b5cc]{height:300px;overflow:auto}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list ul li[data-v-4d09b5cc]{width:88px;margin-top:20px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list ul li img[data-v-4d09b5cc]{width:50px;height:50px}.ThemeDetailsFloor .ThemeDetailsFloorBox .personnel .student .list ul li span[data-v-4d09b5cc]{font-size:13px;line-height:18px}}.ThemeDetails[data-v-5bf12485]{min-height:-200vh;min-height:calc(100vh - 300px)}