.lt{float:left}.rt{float:right}.clear{overflow:auto}p{margin:0 !important}ul{margin:0 !important}.class-content{width:990px;margin:0 auto !important}.position-realtive{position:relative}.position-absolute{position:absolute}.overflow{overflow:hidden}.float-left{float:left}.text-center{text-align:center}.cursor{cursor:pointer}body{background:#f4f3f3}.video_header{width:100%;min-width:990px;height:450px}.video_header-container{width:100%;height:100%;top:-3px}#video_header-wrapper div{height:450px;width:100%;position:absolute}.video_header img{width:1920px;height:450px;position:absolute;left:50%;margin-left:-960px;top:0;z-index:1}.swiper-slide a{display:block;width:1920px;height:450px}.video_header .swiper-slide{background-position:center;background-size:cover}.video-header-main{width:1360px;position:absolute;top:0;margin:auto;z-index:2;left:50%;margin-left:-700px}@media screen and (max-width:1420px){.video-header-main{width:1350px;margin-left:-675px}}@media only screen and (max-width:1600px) and (min-width:1440px){.video-header-main{width:1200px}}@media only screen and (max-width:1440px){.video-header-main{width:990px;margin-left:-495px}}.video-listli-nohover{margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video_header_right{position:absolute;top:35px;right:0;height:380px;background:#fafafa;color:#333;z-index:3;width:320px;margin:0}.video_header_right li{width:320px;height:74px;padding:0 17px;border-bottom:1px solid #e5e5e5}.video_header_right li.video-listliadd{width:336px;height:84px;background:#fff;transform:translate(-10px,-6px);border:0;border-radius:4px}li.video-listliadd .video-hlistli-title,.video-hlistli-nick{color:#333}li.video-listliadd .video-hlistli-mao{background:url(/res/images/forCurriculum/list/listIcon.png) -38px -550px no-repeat}.video-header-listli{height:100%;color:#666;font-size:14px;padding-top:12px}.video-hlistli-title{font-size:16px}.video-hlistli-nick{float:left;display:block;width:100px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap}.subactive{width:200px}.video-hlistli-mao{display:block;width:14px;height:14px;background:url(/res/images/forCurriculum/list/listIcon.png) -16px -550px no-repeat;float:left;margin-right:7px;margin-top:3px}.video-hlistli-type{display:block;float:right;color:#e32425}.class-navbar{margin-top:12px}.class-img-wrap{height:100%}.class-img-navbarlist{height:124px;overflow:hidden;position:relative}.class-img-navbarlist li{width:25%;height:112px;float:left;opacity:.8;position:absolute;bottom:0}.class-img-navbarlist li:nth-child(1){border-top-left-radius:4px;border-bottom-left-radius:4px;left:0;background:url(/res/images/forCurriculum/list/listIcon.png) -386px 0 no-repeat}.class-img-navbarlist li:nth-child(2){left:25%;background:url(/res/images/forCurriculum/list/listIcon.png) -386px -138px no-repeat}.class-img-navbarlist li:nth-child(3){left:50%;background:url(/res/images/forCurriculum/list/listIcon.png) -386px -276px no-repeat}.class-img-navbarlist li:nth-child(4){border-top-right-radius:4px;border-bottom-right-radius:4px;left:75%;background:url(/res/images/forCurriculum/list/listIcon.png) -386px -414px no-repeat}.class-img-navbarlist li>a{display:block;height:100%}.class-name{width:75px;display:block;font-size:18px;color:#fafafa;position:relative;margin:20px 20px 0 20px;float:left;text-align:center}.classIcon{display:block;width:70px;height:70px;float:left;margin-top:25px;margin-left:30px}.class-img-navbarlist li.active{height:124px;opacity:1}.class-img-navbarlist li.active:nth-child(1){background:url(/res/images/forCurriculum/list/listIcon.png) -386px 0 no-repeat}.class-img-navbarlist li.active:nth-child(2){background:url(/res/images/forCurriculum/list/listIcon.png) -386px -138px no-repeat}.class-img-navbarlist li.active:nth-child(3){background:url(/res/images/forCurriculum/list/listIcon.png) -386px -276px no-repeat}.class-img-navbarlist li.active:nth-child(4){background:url(/res/images/forCurriculum/list/listIcon.png) -386px -414px no-repeat}.class-img-navbarlist li.active .class-name::after{content:'';display:block;height:2px;background:#fff;position:absolute;bottom:-4px;border-radius:5px;margin:0 auto;left:0;right:0}.video-navbar{margin:12px 0}.class-navbarlist{background:#fff;height:48px;line-height:48px;padding:0 20px}.class-navbarlist li{margin-right:48px;float:left;position:relative}.class-navbarlist li>a{font-size:16px;text-decoration:none;color:#333;outline:0;display:block}.class-navbarlist li:hover a{color:#e32425}.class-navbarlist .active::after{color:#e32425;border-bottom:2px solid #e32425;content:'';display:block;height:1px;position:absolute;bottom:7px;border-radius:5px;margin:0 auto;left:0;right:0}.class-navbarlist .active a{color:#e32425}.type_message .class_list{margin-left:-30px;min-height:302px}.type_message .class_list .class-bar{cursor:pointer;width:238px;margin-right:12px;margin-bottom:12px;border-radius:5px;overflow:hidden}.type_message .class_list .class-bar:nth-child(4n+0){margin-right:0}.type_message .class_list .class-bar .class_img{position:relative}.class_img .img_title{width:100%;height:100%;transition:all ease-in-out .3s}.curr_nonee{width:126px;height:126px;overflow:hidden;margin:auto;margin-top:80px;text-align:center;color:#999;font-size:14px}.type_message .class_list .class-bar .play{width:48px;height:48px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;cursor:pointer;z-index:3;opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transition:all ease-in-out .3s}.type_message .class_list .class-bar:hover .img_title{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}.type_message .class_list .class-bar:hover .listMask{transition:all .5s;opacity:1}.type_message .class_list .class-bar:hover .play_hover{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}.type_message .class_list .class-bar .payStatus{width:48px;height:20px;position:absolute;left:4px;top:4px;background:#e32425;color:#fff;text-align:center;line-height:20px;border-radius:2px}.class_pro{padding:8px;background:#fff;min-height:64px;position:relative;overflow:hidden;font-size:16px;color:#333;cursor:pointer}.class_bottom{color:#666;overflow:hidden;position:relative;margin-top:5px;font-size:14px}.class-title{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap}.play_hover{width:59px;height:59px;background:url(/res/public/images/playing.png) no-repeat 0 0;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transition:all ease-in-out .3s;background-size:100%;z-index:5}.class-nick{display:inline-block;max-width:80px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap}.class-cir{width:1px;height:15px;display:inline-block;font-size:20px;text-align:center;text-decoration:none;margin:2px 4px;background:#999}.class-count{color:#e32425;min-width:100%;float:left;margin-top:5px}.class-subnum{font-weight:600}@media only screen and (min-width:1601px){.class-content{width:1460px;margin:0 auto !important}.type_message .class_list .class-bar{width:356px}.class_img .img_title{width:100%}.class-nick{max-width:100px}.class-name{margin:20px 43px 0 49px}.class-count{float:right;min-width:0;margin-top:0}.classIcon{margin-left:60px}}@media only screen and (max-width:1600px) and (min-width:1441px){.class-content{width:1200px;margin:0 auto !important}.type_message .class_list .class-bar{width:291px}.class_img .img_title{width:100%}.class-nick{max-width:100px}.class-name{margin:20px 43px 0 49px}.classIcon{margin-left:30px}}