.top-crumbs-model{background:#fff;width:100%}.top-crumbs-model .top-crumbs{width:1200px;margin:auto}.all_bg{z-index:99;background:#00000080;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.all_bg .video_box{box-sizing:border-box;background:#d8d8d8;width:1200px;height:675px}.class-model{background:#f8f9fb;width:100%;padding:20px 0}.class-model .class-info{background:#fff;width:1140px;margin:auto;padding:30px 30px 60px;position:relative}.class-model .class-info .left{float:left;margin-right:40px;position:relative}.class-model .class-info .left,.class-model .class-info .left .video_box,.class-model .class-info .left img{border-radius:8px;width:440px;height:248px}.class-model .class-info .left .p1{color:#3d3d3d;-webkit-line-clamp:2;width:360px;margin:20px 0 15px 30px;font-size:36px;font-weight:500}.class-model .class-info .left .p1,.class-model .class-info .left .p2{text-align:left;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.class-model .class-info .left .p2{-webkit-line-clamp:1;width:280px;margin-left:30px;font-size:24px}.class-model .class-info .have_video{background:#f8f9fb!important}.class-model .class-info .have_video .live-video-bg{opacity:.4;background:#000;border-radius:8px;width:440px;height:248px;position:absolute;top:0;left:0}.class-model .class-info .have_video .play-button{cursor:pointer;z-index:1;width:80px;height:80px;position:absolute;top:85px;left:180px}.class-model .class-info .right{float:left}.class-model .class-info .right .p1{align-items:center;display:flex}.class-model .class-info .right .p1 span{color:#3d3d3d;text-align:left;max-width:525px;font-size:36px;font-weight:600;line-height:34px}.class-model .class-info .right .p1 .label{color:#4fc1ff;background:#effcff;border:1px solid #4fc1ff;border-radius:4px;margin-left:25px;padding:2px 4px;font-size:14px;display:inline-block}.class-model .class-info .right .courseinfo-type-text{width:660px}.class-model .class-info .right .list_card_right_btn{text-align:end;margin-top:30px}.class-model .class-info .right .list_card_right_btn .el-button.is-round{padding:20px 30px!important}.class-model .class-info .right .list_card_right_btn .el-button{font-size:24px!important}.class-model .class-info .right .chang{width:100%!important}.class-model .class-info .right .p2{float:left;width:330px;margin-top:30px}.class-model .class-info .right .p2 div{text-align:left;color:#666;font-size:18px;line-height:20px}.class-model .class-info .view{align-items:center;display:flex;position:absolute;top:20px;right:15px}.class-model .class-info .view img{width:25px;height:22px}.class-model .class-info .view span{color:#aaa;font-size:18px;line-height:20px}.class-model .tab-type{z-index:80;background-color:#fff;width:1200px;height:80px;margin:auto;position:sticky;top:0;left:0}.class-model .tab-type ul{justify-content:space-between;align-items:center;height:100%;display:flex}.class-model .tab-type ul li{cursor:pointer;text-align:center;color:#333;border-radius:12px;width:117px;height:57px;font-size:18px;font-weight:600;line-height:57px}.class-model .tab-type ul li:hover{color:#e94343!important}.class-model .tab-type ul li:first-child{margin-left:20px!important}.class-model .tab-type ul li:last-child{margin-right:20px!important}.class-model .li-s{border-color:#ff8d8d;box-shadow:0 0 2px 2px #ff8d8d;color:#e94343!important}.class-model .content{background:#fff;width:1200px;margin:auto auto 20px;padding-top:40px}.class-model .content .content_bg{background:#fff;border-radius:19px;margin-bottom:20px;box-shadow:0 4px 10px #e943431a}.class-model .content .tit{background:#fff;border-radius:20px 20px 0 0;align-items:center;width:1200px;height:60px;display:flex;position:relative}.class-model .content .tit .model2{width:71px;height:77px;position:absolute;top:-4px;left:-10px}.class-model .content .tit .model4{width:12px;height:12px;position:absolute;top:25px;left:8px}.class-model .content .tit .shu{background:#e94343;border-radius:3px;width:6px;height:24px;margin-top:1px;margin-left:40px}.class-model .content .tit .shu_1{background-color:#fff!important}.class-model .content .tit .text{color:#000;margin-left:30px;margin-right:10px;font-size:24px;font-weight:700}.class-model .content .tit .text_2{margin-left:70px;margin-right:10px;color:#e94343!important}.class-model .content .tit .text_3{color:#fff!important}.class-model .content .tit .icon_model .icon{width:22px;height:22px;margin-top:5px}.class-model .content .tit .heng{align-items:center;display:flex;position:absolute;top:15px;right:70px}.class-model .content .tit .heng .heng_1{background:#e94343;width:20px;height:8px}.class-model .content .tit .heng .heng_2{background-color:#e94343;border:1px solid #e94343;width:105px;height:2px;margin-right:4px}.class-model .content .tit .heng .text{color:#e94343;font-size:24px;font-weight:700}.class-model .content .tit .yuan{background:#fff9ee;border-radius:50%;width:24px;height:24px;margin-left:990px}.class-model .content .tit .yuan_4{background:#ff8d8d}.class-model .content .tit_bg{background-color:#ff8d8d!important}.class-model .content .content_text{padding:15px 80px}.class-model .content .content_text pre{color:#3d3d3d;text-align:left;white-space:pre-wrap;word-wrap:break-word;padding-left:15px;font-size:18px;line-height:30px}.class-model .content .content_text .teacher_list{float:left;display:flex}.class-model .content .content_text .teacher_list .teacher_list_info{cursor:pointer;z-index:8;background:linear-gradient(#f0f0f0,#f8f9fb);border-radius:8px;width:329px;height:375px;margin-bottom:20px;margin-right:75px;position:relative}.class-model .content .content_text .teacher_list .teacher_list_info .teacher_name{color:#333;width:30px;font-family:cursive;font-size:32px;font-weight:800;position:absolute;top:38px;left:20px}.class-model .content .content_text .teacher_list .teacher_list_info .teacher_jobs{writing-mode:vertical-lr;letter-spacing:4px;color:#444;height:220px;font-size:18px;position:absolute;top:42px;left:62px}.class-model .content .content_text .teacher_list .teacher_list_info .teacher_pic{width:294px;height:307px;position:absolute;top:68px;right:0}.class-model .content .content_text .teacher_list .teacher_list_info:last-child{margin-right:0!important}.class-model .content .content_text .teacher_list .teacher_list_info:hover{transition:all .5s;transform:scale(1.01);box-shadow:0 0 6px 6px #eee}.class-model .more-model{text-align:left;width:1200px;margin:auto;display:flex;position:relative}.class-model .more-model .page_left{border-radius:2px;width:100%}
