.banner_page .banner_box{width:1200px;height:440px;margin:20px auto 0}.banner_page .banner_box .img_vessel{display:flex;justify-content:center}.banner_page .banner_box .img_vessel>img{margin-top:20px;width:100%;height:380px}.el-carousel__button{background-color:#1677ff!important;width:56px;height:13px;border-radius:4px;position:relative;top:10px}.course_list>ul{display:flex;flex-wrap:wrap;align-items:center}.course_list>ul li{box-shadow:0 0 10px 1px hsla(0,0%,86.3%,.5);background-color:#fff;border-radius:8px;margin-top:30px;margin-right:30px;width:275px}.course_list>ul li:nth-child(4n){margin-right:0!important}.course_list>ul li .course_img{width:auto;height:155px;border-radius:10px 10px 0 0;text-align:center;overflow:hidden}.course_list>ul li .course_img>img{width:100%;height:100%}.course_list>ul li .course_md{padding:15px}.course_list>ul 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}.course_list>ul li .course_md .course_tit{display:flex;align-items:center}.course_list>ul 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_list>ul li .course_md .course_data{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.course_list>ul li .course_md .course_data .left{display:flex;align-items:center}.course_list>ul li .course_md .course_data .left .price{font-size:18px;color:#ff5e5d;line-height:24px;margin-right:10px}.course_list>ul li .course_md .course_data p{font-size:14px;color:#9e9e9e;line-height:24px}.course_list>ul li .course_md .course_data .el-button{background:#1677ff;border-radius:2px;height:30px;line-height:30px;padding:0 10px;font-size:14px;border:none}.live_list>ul{display:flex;flex-wrap:wrap;align-items:center}.live_list>ul li{box-shadow:0 0 10px 1px hsla(0,0%,86.3%,.5);background-color:#fff;border-radius:8px;margin-top:30px;margin-right:30px;width:275px}.live_list>ul li:nth-child(4n){margin-right:0!important}.live_list>ul li .live_img{width:auto;height:150px;border-radius:10px;text-align:center;overflow:hidden}.live_list>ul li .live_img>img{width:100%;height:100%}.live_list>ul li .live_md{padding:15px}.live_list>ul li .live_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}.live_list>ul li .live_md .live_tit{display:flex;align-items:center}.live_list>ul li .live_md .live_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}.live_list>ul li .live_md .live_data{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.live_list>ul li .live_md .live_data .left{display:flex;align-items:center}.live_list>ul li .live_md .live_data .left .price{font-size:18px;color:#ff5e5d;line-height:24px;margin-right:10px}.live_list>ul li .live_md .live_data .left p{font-size:14px;color:#9e9e9e;line-height:24px}.live_list>ul li .live_md .live_data .el-button{background:#1677ff;border-radius:2px;height:30px;line-height:30px;padding:0 10px;font-size:14px;border:none}.live_list>ul li .teacher_time{display:flex;justify-content:space-between;align-items:center;padding:0 15px}.live_list>ul li .teacher_time .teacher{height:26px}.live_list>ul li .teacher_time .teacher>p{font-size:14px;color:#1e2033;line-height:26px;display:flex;align-items:center;border-radius:50%}.live_list>ul li .teacher_time .teacher>p>img{width:26px;height:26px;border-radius:50%;margin-right:10px}.live_list>ul li .teacher_time .time{color:var(--bg-primary);font-size:14px}.live_list>ul li .teacher_time .time .time_txt{display:flex}.live_list>ul li .teacher_time .time .time_txt>span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #ff7b12}.live_list>ul li .teacher_time .time .time_txt font{margin:0 5px}.live_list>ul li .teacher_time .time .end_box{display:flex;align-items:center;color:#656565}.live_list>ul li .teacher_time .time .end_box>i{margin-right:5px;font-size:14px}.live_list>ul li .botton_box{text-align:center;line-height:30px;background:#1677ff;border-radius:2px;color:#fff;margin:20px 40px;font-size:14px;cursor:pointer}.live_list>ul li .c_blue{background:#4f74a7}.live_list>ul li .c_grey{background:#757677}.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}.class_list_page{width:100%}.class_list_page>ul{display:flex;flex-wrap:wrap}.class_list_page>ul>li{margin-right:22px;margin-top:25px}.class_list_page>ul>li:nth-child(3n+3){margin-right:0}.class_list_page>ul>li .class_box{width:385px;transition:all .3s;background:#fff;box-shadow:0 0 4px 0 rgba(210,213,221,.98);position:relative;top:0;padding:20px 15px;border:1px solid #dddedf;box-sizing:border-box}.class_list_page>ul>li .class_box .class_head{display:flex;align-items:center}.class_list_page>ul>li .class_box .class_head .head_icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;box-shadow:0 0 10px 2px #eee}.class_list_page>ul>li .class_box .class_head .head_icon>i{font-size:22px;color:#658fff}.class_list_page>ul>li .class_box .class_head>h3{width:300px}.class_list_page>ul>li .class_box .class_head>h3,.class_list_page>ul>li .class_box .class_title{line-height:20px;font-size:18px;font-weight:400;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.class_list_page>ul>li .class_box .study_cont,.class_list_page>ul>li .class_box .time_box{font-size:14px;font-weight:400;color:#858585;line-height:20px;margin:15px 0}.class_list_page>ul>li .class_box .progress_box{margin:15px 0;display:flex;align-items:center}.class_list_page>ul>li .class_box .progress_box>font{font-size:14px;font-weight:400;color:#999}.class_list_page>ul>li .class_box .progress_box>div{width:210px}.class_list_page>ul>li .class_box .progress_box>div .el-progress__text{color:#ff771b}.class_list_page>ul>li:hover{cursor:pointer}.class_list_page>ul>li:hover .class_box{box-shadow:0 0 14px 2px rgba(210,213,221,.98);top:-10px}.class_list_page>ul .home_li{margin-right:20px}.class_list_page>ul .home_li .class_box{width:375px}.topic_list>ul{display:flex;flex-wrap:wrap}.topic_list>ul>li{background:#fff;width:275px;box-shadow:0 2px 9px 1px rgba(209,212,221,.98);border-radius:8px;margin:30px 30px 0 0;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}.content_box{width:1200px;margin:0 auto}.content_box .title_box{padding:30px 0 0;display:flex;align-items:center}.content_box .title_box .genduo{font-size:14px;color:#1677ff}.content_box .title_box .thumbnail_2{width:12px;height:12px}.content_box .content_body{padding-top:20px}.content_box .content_body .major_advise>ul{display:flex;justify-content:space-between}.content_box .content_body .major_advise>ul>li{width:24%;line-height:56px;height:56px;border-radius:8px;text-align:center;cursor:pointer;font-size:17px;color:#fff}.content_box .content_body .major_advise>ul>li:first-child{background:linear-gradient(270deg,#6864d0,#332e9f)}.content_box .content_body .major_advise>ul>li:nth-child(2){background:linear-gradient(130deg,#27b9ff,#4b87fd)}.content_box .content_body .major_advise>ul>li:nth-child(3){background:linear-gradient(130deg,#04bb96,#3effd8)}.content_box .content_body .major_advise>ul>li:nth-child(4){background:linear-gradient(130deg,rgba(244,183,174,.9725490196),#ff7474)}