.teacher_boss ul{display:flex;flex-wrap:wrap;margin-bottom:40px}.teacher_boss ul>li{color:#fff;width:275px;margin:30px 30px 0 0}.teacher_boss ul>li:nth-child(4n){margin-right:0}.teacher_boss ul>li .teacher_box{position:relative}.teacher_boss ul>li .teacher_box .teacher_img>img{width:275px;height:325px;transition:transform .3s ease;transform:scale(1)}.teacher_boss ul>li .teacher_box .teacher_info_box{width:100%;height:325px;position:absolute;bottom:0;background:rgba(0,0,0,.2);z-index:12;box-sizing:border-box;transition:transform .5s ease;overflow:hidden}.teacher_boss ul>li .teacher_box .teacher_info_box .teacher_name{position:absolute;bottom:0;line-height:20px;padding:0 15px 15px}.teacher_boss ul>li .teacher_box .teacher_info_box .teacher_name>p{font-weight:500;font-size:24px;color:#fff;line-height:33px;box-sizing:border-box}.teacher_boss ul>li .teacher_box .teacher_info_box .teacher_name span{font-size:14px;color:#fff;line-height:20px}.teacher_boss ul>li .teacher_box .teacher_info_box .teacher_txet{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:none;margin-top:20px}.teacher_boss ul>li:hover{cursor:pointer;overflow:hidden}.teacher_boss ul>li:hover .teacher_img>img{transform:scale(1.1)}.teacher_boss ul>li:hover .teacher_info_box{height:325px;overflow:hidden;box-sizing:border-box}.teacher_boss ul>li:hover .teacher_info_box .teacher_name{padding:0 15px 80px}.teacher_boss ul>li:hover .teacher_info_box .teacher_txet{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-family:PingFangSC-Medium;overflow-wrap:break-word;-webkit-line-clamp:3;line-height:22px;font-weight:400}.teacher_boss .nowrap_cont{background-image:url(../img/teacher_bg.13cc7ed9.png);background-repeat:no-repeat;background-size:100% auto;width:100%;padding-top:50px;padding-bottom:10px}@media screen and (max-width:1024px){.teacher_boss .nowrap_cont{padding-top:30px}}.teacher_boss .nowrap_cont .nowrap_box{width:100%;display:flex;flex-wrap:nowrap}@media screen and (max-width:1024px){.teacher_boss .nowrap_cont .nowrap_box{padding:40px 0 20px;overflow-x:scroll;justify-content:space-between;scrollbar-width:none;-ms-overflow-style:none}.teacher_boss .nowrap_cont .nowrap_box::-webkit-scrollbar{display:none}.teacher_boss .nowrap_cont .nowrap_box{gap:20px}}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item{width:25%!important;margin:0;padding:40px;box-sizing:border-box;transform:all .5s ease}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box{width:100%}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_img{width:100%;background:linear-gradient(180deg,#89919f,#ecedf4);position:relative;margin-bottom:15px}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_img .pos_box{width:100%;height:100%;overflow:hidden;position:absolute;bottom:0;transform:all .5s ease}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_img img{width:110%;position:absolute;top:20px;left:50%;transform:translateX(-50%);transition:transform .3s ease;z-index:999}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_name{text-align:center}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_name p{font-family:PingFang SC;font-weight:600;font-size:32px;color:#306eff}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_name span{display:block;font-family:PingFang SC;font-weight:600;font-size:20px;color:#333;padding-top:5px}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_txet{display:none}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item.active{transform:translateY(-25px);background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:4px}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item.active .teacher_box .teacher_img .pos_box{height:calc(100% + 20px)}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item.active .teacher_box .teacher_img img{top:0}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item.active .teacher_name{display:flex;align-items:center;justify-content:space-between}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item.active .teacher_name span{font-size:16px;padding-top:0}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item.active .teacher_txet{display:block;font-family:PingFang SC;font-weight:400;font-size:12px;color:#666;padding-top:10px;text-align:justified}@media screen and (max-width:1024px){.teacher_boss .nowrap_cont .nowrap_box .nowrap_item{padding:40px 20px 20px;width:40%!important;flex-shrink:0}}@media screen and (max-width:480px){.teacher_boss .nowrap_cont .nowrap_box .nowrap_item{width:70%!important;transform:translateY(-25px);background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:4px}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_img .pos_box{height:calc(100% + 20px)}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_box .teacher_img img{top:0}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_name{display:flex;align-items:center;justify-content:space-between}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_name p{font-size:24px!important}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_name span{font-size:16px!important;padding-top:0}.teacher_boss .nowrap_cont .nowrap_box .nowrap_item .teacher_txet{display:block!important;font-family:PingFang SC;font-weight:400;font-size:12px;color:#666;padding-top:10px;text-align:justified}}.topic_list>ul{display:flex;flex-wrap:wrap;gap:30px}.topic_list>ul>li{background:#fff;width:calc(25% - 22.5px)}@media screen and (max-width:1024px){.topic_list>ul>li{width:calc(33% - 15px)}}@media screen and (max-width:480px){.topic_list>ul>li{width:100%}}.topic_list>ul>li{box-shadow:0 2px 9px 1px rgba(209,212,221,.98);border-radius:8px;cursor:pointer}.topic_list>ul>li:nth-child(4n){margin-right:0}.topic_list>ul>li .topic_head{margin-top:20px}.topic_list>ul>li .topic_head .tag_box{width:77px;height:28px;line-height:28px;background:linear-gradient(90deg,#93c0ff,#1677ff);text-align:center;border-top-right-radius:13px;border-bottom-right-radius:13px;font-size:14px;color:#fff}.topic_list>ul>li .topic_head .puton{background:linear-gradient(90deg,#f993ff,#6416ff)}.topic_list>ul>li .topic_head .chguan{background:linear-gradient(90deg,#ff8f8f,#ff5757)}.topic_list>ul>li .topic_head .lianxi{background:linear-gradient(90deg,#4adb27,#0c9f03)}.topic_list>ul>li .topic_head .dingshi{background:linear-gradient(90deg,#93c0ff,#1677ff)}.topic_list>ul>li .topic_body{margin:15px 20px 20px}.topic_list>ul>li .topic_body>h3{width:100%;font-size:16px;line-height:30px;color:#1e2033;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topic_list>ul>li .topic_body .txt_box{display:flex;font-size:14px;margin-top:10px;line-height:26px}.topic_list>ul>li .topic_body .txt_box font{background:#f3f5f8;color:#4e5969;padding:0 8px;font-size:12px;margin-right:8px}.topic_list>ul>li .topic_body>P{font-size:14px;margin-top:10px;color:#9e9e9e}.topic_list>ul>li .topic_body .topic_bottom{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.topic_list>ul>li .topic_body .topic_bottom .price{display:flex;align-items:center}.topic_list>ul>li .topic_body .topic_bottom .price .free{font-size:20px;color:#ff5e5d;line-height:24px;margin-right:10px;font-weight:600}.topic_list>ul>li .topic_body .topic_bottom .price>font{text-decoration:line-through;color:#9e9e9e}.topic_list>ul>li .topic_body .topic_bottom .el-button,.topic_list>ul>li .topic_body .topic_bottom>p{background:#1677ff;color:#fff;border-radius:2px;height:30px;line-height:30px;padding:0 10px;font-size:14px;border:none}.topic_list>ul>li .topic_body .text-wrapper_12{background-color:#1677ff;height:30px;margin-left:70px;width:77px;position:relative;left:1px}.topic_list>ul>li .topic_body .text_26{width:56px;height:22px;overflow-wrap:break-word;color:#fff;font-size:14px;font-weight:400;text-align:left;white-space:nowrap;line-height:22px;margin:3px 0 0 10px;position:relative;top:-8px;right:20px}.v_title_box[data-v-7d717cb7]{display:flex;align-items:center}.v_title_box .vertical[data-v-7d717cb7]{width:4px;height:26px;background:#1677ff;margin-right:10px}.v_title_box h2[data-v-7d717cb7]{width:300px;height:40px;font-weight:600;font-size:24px;color:#1e2033;line-height:40px}.course_recommend{width:100%;overflow-x:hidden;padding-top:60px;background-color:#fff}.course_recommend .banner_item,.course_recommend .banner_item img{width:100%}@media screen and (max-width:768px){.course_recommend .banner_item img{width:180%;margin-left:-15%}}.course_recommend .content_box{width:80%;margin:0 auto;padding-bottom:50px}@media screen and (max-width:1024px){.course_recommend .content_box{width:90%}}.course_recommend .content_box .title_item{padding:50px 0 30px}.course_recommend .content_box .title_item .title{font-size:36px;font-weight:600}@media screen and (max-width:1024px){.course_recommend .content_box .title_item .title{font-size:30px}}@media screen and (max-width:768px){.course_recommend .content_box .title_item .title{font-size:24px}}@media screen and (max-width:480px){.course_recommend .content_box .title_item .title{font-size:20px;text-align:center}}.course_recommend .content_box .course_list{display:flex;flex-wrap:wrap;align-items:center;gap:60px}@media screen and (max-width:1024px){.course_recommend .content_box .course_list{gap:30px}}@media screen and (max-width:768px){.course_recommend .content_box .course_list{gap:20px}}@media screen and (max-width:480px){.course_recommend .content_box .course_list{width:100%;flex-wrap:nowrap;overflow-x:scroll;justify-content:space-between;scrollbar-width:none;-ms-overflow-style:none}.course_recommend .content_box .course_list::-webkit-scrollbar{display:none}}.course_recommend .content_box .course_list li{border:1px solid #e5e5e5;background-color:#fff;border-radius:8px;width:calc(33.33% - 40px);box-sizing:border-box;overflow:hidden}@media screen and (max-width:1024px){.course_recommend .content_box .course_list li{width:calc(33.33% - 20px)}}@media screen and (max-width:768px){.course_recommend .content_box .course_list li{width:calc(33.33% - 13.33px)}}@media screen and (max-width:480px){.course_recommend .content_box .course_list li{width:65vw;flex-shrink:0}}.course_recommend .content_box .course_list li:nth-child(4n){margin-right:0!important}.course_recommend .content_box .course_list li .course_img{width:auto;height:15vw;text-align:center;overflow:hidden;position:relative}@media screen and (max-width:480px){.course_recommend .content_box .course_list li .course_img{height:40vw}}.course_recommend .content_box .course_list li .course_img>img{width:100%;height:100%}.course_recommend .content_box .course_list li .course_img .course_type{position:absolute;top:0;right:0;font-size:14px;color:#fff;background:#306eff;padding:3px 10px;border-radius:0 0 0 8px}@media screen and (max-width:768px){.course_recommend .content_box .course_list li .course_img .course_type{font-size:12px}}.course_recommend .content_box .course_list li .course_md{padding:15px}@media screen and (max-width:768px){.course_recommend .content_box .course_list li .course_md{padding:10px}}.course_recommend .content_box .course_list li .course_md>h2{font-size:16px;font-weight:800;color:#1e2033;line-height:26px;height:52px;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width:768px){.course_recommend .content_box .course_list li .course_md>h2{font-size:14px;line-height:20px;height:40px}}.course_recommend .content_box .course_list li .course_md .course_tit{display:flex;align-items:center}.course_recommend .content_box .course_list li .course_md .course_tit p{padding:0 8px;height:20px;background:#f3f5f8;border-radius:4px;line-height:20px;font-size:10px;color:#4e5969;text-align:center;margin-right:5px}.course_recommend .content_box .course_list li .course_md .course_data{display:flex;justify-content:space-between;align-items:center;margin-top:15px}@media screen and (max-width:768px){.course_recommend .content_box .course_list li .course_md .course_data{margin-top:10px}}.course_recommend .content_box .course_list li .course_md .course_data .left{display:flex;align-items:center}@media screen and (max-width:768px){.course_recommend .content_box .course_list li .course_md .course_data .left{align-items:flex-start}}.course_recommend .content_box .course_list li .course_md .course_data .left .price{font-size:18px;font-weight:700;color:#e1261d;line-height:24px;margin-right:10px;height:24px}@media screen and (max-width:768px){.course_recommend .content_box .course_list li .course_md .course_data .left .price{font-size:16px}}.course_recommend .content_box .course_list li .course_md .course_data p{font-size:14px;color:#666;line-height:24px}@media screen and (max-width:768px){.course_recommend .content_box .course_list li .course_md .course_data p{font-size:12px}}.course_recommend .content_box .course_list li .course_md .course_data .el-button{background:#1677ff;border-radius:2px;height:40px;line-height:40px;padding:0 15px;font-size:14px;border:none;border-radius:6px}@media screen and (max-width:1024px){.course_recommend .content_box .course_list li .course_md .course_data .el-button{height:30px;line-height:30px;padding:0 10px}}.course_recommend .side-container{position:relative}.course_recommend .side-hang{position:fixed;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;background-color:#fff;border:1px solid #e3e7ed;border-radius:8px;box-shadow:0 2px 8px hsla(0,0%,43.1%,.1);z-index:999}@media screen and (max-width:768px){.course_recommend .side-hang{display:none}}.course_recommend .side-hang .hang-item{width:80px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-sizing:border-box;padding:8px;border-bottom:1px solid #e3e7ed}.course_recommend .side-hang .hang-item:last-child{border-bottom:none}.course_recommend .side-hang .hang-item .icon img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.course_recommend .side-hang .hang-item span{font-size:14px;color:#333;margin-top:5px;white-space:nowrap}.course_recommend .side-hang .hang-item:hover span{color:#306eff}.course_recommend .popup{position:fixed;right:90px;padding:12px;z-index:998;transition:all .3s ease}.course_recommend .popup p{margin:0;color:#333;font-size:14px;line-height:1.5}.course_recommend .wechat-popup{top:38%;text-align:center;background-image:url(../img/qipao_1.b895873e.png);background-size:100% auto;background-repeat:no-repeat;padding:10px 20px 10px 10px}.course_recommend .wechat-popup img{width:120px;height:120px;margin:0 auto 8px;display:block}.course_recommend .course-popup{top:48%}.course_recommend .cooperation-popup,.course_recommend .course-popup{background-image:url(../img/qipao_2.a622c083.png);background-size:100% auto;background-repeat:no-repeat;padding:20px 32px 17px 23px}.course_recommend .cooperation-popup{top:55%}.exam_list>ul{display:flex;flex-wrap:wrap;gap:30px}.exam_list>ul>li{background:#fff;width:calc(25% - 22.5px)}@media screen and (max-width:1024px){.exam_list>ul>li{width:calc(33% - 15px)}}@media screen and (max-width:480px){.exam_list>ul>li{width:100%}}.exam_list>ul>li{box-shadow:0 2px 9px 1px rgba(209,212,221,.98);border-radius:8px;cursor:pointer}.exam_list>ul>li:nth-child(4n){margin-right:0}.exam_list>ul>li .topic_head{margin-top:20px}.exam_list>ul>li .topic_head .tag_box{padding:0 15px;height:28px;line-height:28px;background:linear-gradient(90deg,#93c0ff,#1677ff);text-align:center;border-top-right-radius:13px;border-bottom-right-radius:13px;font-size:14px;color:#fff;display:inline-block}.exam_list>ul>li .topic_head .tag_box.bg_1{background:linear-gradient(270deg,#00b7ff,#9adffa)}.exam_list>ul>li .topic_head .tag_box.bg_2{background:linear-gradient(270deg,#ff6f00,#ffc290)}.exam_list>ul>li .topic_head .tag_box.bg_3{background:linear-gradient(270deg,#00c0ce,#95f1ed)}.exam_list>ul>li .topic_head .tag_box.bg_4{background:linear-gradient(270deg,#ff1f9a,#ffbcf8)}.exam_list>ul>li .topic_head .tag_box.bg_5{background:linear-gradient(270deg,#32b100,#b9eba0)}.exam_list>ul>li .topic_head .tag_box.bg_6{background:linear-gradient(270deg,#f30000,#ffaeae)}.exam_list>ul>li .topic_head .tag_box.bg_7{background:linear-gradient(270deg,#0069ff,#7fb4ff)}.exam_list>ul>li .topic_head .tag_box.bg_8{background:linear-gradient(270deg,#5f00ff,#e583ff)}.exam_list>ul>li .topic_head .puton{background:linear-gradient(90deg,#f993ff,#6416ff)}.exam_list>ul>li .topic_head .chguan{background:linear-gradient(90deg,#ff8f8f,#ff5757)}.exam_list>ul>li .topic_head .lianxi{background:linear-gradient(90deg,#4adb27,#0c9f03)}.exam_list>ul>li .topic_head .dingshi{background:linear-gradient(90deg,#93c0ff,#1677ff)}.exam_list>ul>li .topic_body{margin:15px 20px 20px}.exam_list>ul>li .topic_body>h3{width:100%;height:66px;font-family:PingFang SC;font-weight:500;font-size:20px;color:#333;line-height:30px;color:#1e2033;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.exam_list>ul>li .topic_body .txt_box{display:flex;font-size:14px;margin-top:10px;line-height:26px}.exam_list>ul>li .topic_body .txt_box font{background:#f3f5f8;color:#4e5969;padding:0 8px;font-size:12px;margin-right:8px}.exam_list>ul>li .topic_body>P{font-size:14px;margin-top:10px;color:#9e9e9e}.exam_list>ul>li .topic_body .topic_bottom{margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end}.exam_list>ul>li .topic_body .topic_bottom p{font-size:14px;margin-top:10px;color:#9e9e9e}.exam_list>ul>li .topic_body .topic_bottom .price{display:flex;align-items:center}.exam_list>ul>li .topic_body .topic_bottom .price .free{font-size:20px;color:#ff5e5d;line-height:24px;margin-right:10px;font-weight:600}.exam_list>ul>li .topic_body .topic_bottom .price>font{text-decoration:line-through;color:#9e9e9e}.exam_list>ul>li .topic_body .topic_bottom .el-button,.exam_list>ul>li .topic_body .topic_bottom>p{background:#1677ff;color:#fff;border-radius:2px;height:30px;line-height:30px;padding:0 10px;font-size:14px;border:none}.exam_list>ul>li .topic_body .text-wrapper_12{background-color:#1677ff;height:30px;margin-left:70px;width:77px;position:relative;left:1px}.exam_list>ul>li .topic_body .text_26{width:56px;height:22px;overflow-wrap:break-word;color:#fff;font-size:14px;font-weight:400;text-align:left;white-space:nowrap;line-height:22px;margin:3px 0 0 10px;position:relative;top:-8px;right:20px}.teacher_list{height:30vw}