.classify-wrapper{padding:20px}.classify-wrapper .classify_left_box .classify_left_affix{width:350px;min-height:800px;border:1px solid #efefef;border-radius:5px;float:left;background-color:#fff;padding:20px}.classify-wrapper .classify_left_box .type_box{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:15px}.classify-wrapper .classify_left_box .type_box .type_name{display:inline-block;width:50px;font-size:16px}.classify-wrapper .classify_left_box .type_box .type_choice{width:258px}.classify-wrapper .classify_left_box .type_box .type_choice>span{display:inline-block;padding:3px 18px;border-radius:20px;margin-bottom:5px;cursor:pointer}.classify-wrapper .classify_left_box .type_box .type_choice>span.on{background-color:#75ced1;color:#fff}.classify-wrapper .classify_left_box .select_box{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.classify-wrapper .classify_left_box .select_box .select_name{font-size:16px}.classify-wrapper .classify_left_box .teaher_info{margin-bottom:20px}.classify-wrapper .classify_left_box .teaher_info .img_box{width:100px;height:100px;border-radius:50%;overflow:hidden;margin:0 auto}.classify-wrapper .classify_left_box .teaher_info .img_box>img{width:100%;height:100%}.classify-wrapper .classify_left_box .teaher_info .teacher_name{margin-top:20px;text-align:center;font-size:18px;font-weight:700;color:#17233d}.classify-wrapper .classify_left_box .teaher_info .teacher_dsc{margin-top:20px;padding:0 20px;font-size:15px;color:#808695;font-weight:700}.classify-wrapper .classify_right_box{width:calc(100% - 370px)}.classify-wrapper .videoOrFile li{display:inline-block;margin-right:40px;font-size:22px;padding:0 5px;position:relative;color:#999;cursor:pointer}.classify-wrapper .videoOrFile .current{color:#75ced1;font-weight:700}.classify-wrapper .videoOrFile .current i{display:block;width:20px;height:4px;position:absolute;left:18px;bottom:-6px;background-color:#75ced1}.classify-wrapper .subNav{height:50px;line-height:50px;margin-bottom:30px;margin-top:20px}.classify-wrapper .subNav li{float:left;margin-right:30px;font-size:18px;cursor:pointer}.classify-wrapper .subNav .current,.classify-wrapper .subNav li:hover{color:#75ced1}.classify-wrapper .detailContent{margin-top:30px}.classify-wrapper .detailContent .unit{margin-bottom:20px}.classify-wrapper .detailContent .unit>.title{font-size:20px;font-weight:400;color:#333}.classify-wrapper .detailContent .unit>.title i{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#75ced1;margin-right:20px;vertical-align:middle}.classify-wrapper .detailContent .unit .listUl{margin-top:20px}.classify-wrapper .videoBox .listUl .item{width:225px;height:120px;padding:10px 10px 15px 10px;float:left;margin-right:18px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .5s ease-in-out;background:url(../../static/img/subject_bg5.fbb449ba.png);position:relative}.classify-wrapper .videoBox .listUl .item:hover{transform:scale(1.1)}.classify-wrapper .videoBox .listUl .item.li1,.classify-wrapper .videoBox .listUl .item:hover{background:url(../../static/img/subject_bg1.55423a81.png)}.classify-wrapper .videoBox .listUl .item.li2{background:url(../../static/img/subject_bg2.ac99bedf.png)}.classify-wrapper .videoBox .listUl .item.li3{background:url(../../static/img/subject_bg3.289fa607.png)}.classify-wrapper .videoBox .listUl .item.li3:hover{background:url(../../static/img/subject_bg1.55423a81.png)}.classify-wrapper .videoBox .listUl .item.li4{background:url(../../static/img/subject_bg4.e9157467.png)}.classify-wrapper .videoBox .listUl .item.li5{background:url(../../static/img/subject_bg5.fbb449ba.png)}.classify-wrapper .videoBox .listUl .item .subjectName{height:60px;line-height:30px;color:#fff;font-size:20px;font-weight:700;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.classify-wrapper .videoBox .listUl .item .otherInfo{font-size:16px;color:#fff;display:flex;justify-content:space-between}.classify-wrapper .videoBox .listUl .item .video_progress_box{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end}.classify-wrapper .videoBox .listUl .item .video_progress_box .video_progress{width:calc(100% - 40px);line-height:none}.classify-wrapper .videoBox .listUl .item .video_progress_box>span{display:inline-block;width:40px;font-size:12px;color:#fff;text-align:right;padding-right:3px}.classify-wrapper .documentBox{margin-top:30px}.classify-wrapper .documentBox .listUl li{width:380px;height:150px;background-color:#fff;padding:10px 20px;float:left;border:1px solid #f6f6f6;box-shadow:0 1px 3px -1px #abe4e5;margin-right:27px;margin-bottom:20px}.classify-wrapper .documentBox .listUl li:hover{border:1px solid rgba(117,206,209,.3);box-shadow:0 1px 3px -1px #75ced1}.classify-wrapper .documentBox .listUl li:hover .imgBox img{transform:scale(1.2)}.classify-wrapper .documentBox .listUl li .p1{width:100%;height:90px;display:flex;justify-content:space-around;align-items:center}.classify-wrapper .documentBox .listUl li .p1 .imgBox{display:block;width:43px;height:46px}.classify-wrapper .documentBox .listUl li .p1 .imgBox img{transition:all .5s ease-in-out}.classify-wrapper .documentBox .listUl li .p1 .fileName{display:block;width:250px;font-size:20px;color:#333;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.classify-wrapper .documentBox .listUl li .p2{margin-top:10px;height:32px;line-height:32px}.classify-wrapper .documentBox .listUl li .p2 .time{display:block;float:left;color:#999;font-size:18px}.classify-wrapper .documentBox .listUl li .p2 a{display:block;float:right}.classify-wrapper .el-breadcrumb{font-size:16px}@media screen and (min-device-width:950px) and (max-device-width:1200px){.classify-wrapper .videoOrFile{margin-top:20px}.classify-wrapper .videoOrFile li{font-size:1.5em}.classify-wrapper .detailContent{margin-top:20px}.classify-wrapper .detailContent .unit{margin-bottom:20px}.classify-wrapper .detailContent .unit>.title{font-size:1.4em}.classify-wrapper .videoBox .listUl .item{width:23%;height:120px;padding:10px;margin-right:2%;margin-bottom:15px}.classify-wrapper .videoBox .listUl .item:nth-child(4n){margin-right:0}.classify-wrapper .videoBox .listUl .item:nth-child(5n){margin-right:2%}.classify-wrapper .videoBox .listUl .item .subjectName{height:60px;line-height:30px;font-size:1.3em}.classify-wrapper .videoBox .listUl .item .otherInfo{font-size:1em}.classify-wrapper .documentBox{margin-top:30px}.classify-wrapper .documentBox .listUl li{width:32%;height:150px;margin-right:2%}.classify-wrapper .documentBox .listUl li:nth-child(3n){margin-right:0}.classify-wrapper .documentBox .listUl li .p1{width:100%;height:90px;display:flex;justify-content:space-between;align-items:center}.classify-wrapper .documentBox .listUl li .p1 .imgBox{display:block;width:30px;height:35px}.classify-wrapper .documentBox .listUl li .p1 .fileName{display:block;width:75%;font-size:1.3em}.classify-wrapper .documentBox .listUl li .p2 .time{font-size:1.1em}}