@charset "utf-8";
.videoplay{ margin:2% auto 2%; overflow: hidden; position: relative; width: 1440px;}
.videoplay_left{ float:left; overflow: hidden; width: 75%; }
.videoplay_left_title{ padding: 10px 0px 30px 0px; height:30px; overflow: hidden; position: relative;}
.videoplay_left_title_line{ position: absolute; left: 0px; top: 0px; height: 100%; width: 2px;  background-color: #292931;}
.videoplay_left_title_p{ font-size:13px; position: relative; height: 22px; z-index: 9; float: left;line-height: 22px; border-bottom-right-radius: 5px;border-top-right-radius: 5px;background-color: #0475df; color: #ffffff; padding: 0px 10px;}
.videoplay_left_title_p02{ font-size:16px; color: #000000;float: left; margin-left: 40px; position: relative; z-index: 9; display: block; line-height: 22px;}
.videoplay_left_img{ width:100%; display: block;}
.videoplay_right{ float:right; overflow: hidden; width: 23%; }
.videoplay_right_main{ background-color: #f7f7f7;  overflow: hidden; width: 100%; }
.videoplay_right_main_top{ overflow:hidden; height: 40px;position: relative; border-bottom: solid 1px #979797; margin:0 10px; }
.videoplay_right_main_top li{ display: block; width: 50%; text-align:left;float: left; height: 40px;}
.videoplay_right_main_top li p{ display:inline-block; margin: 0 auto; cursor: pointer;line-height: 37px; text-align: center; font-size: 16px; color: #cccccc; border-bottom: solid 3px #333333;}
.videoplay_right_main_top li.hover p{ color: #000000 !important;}

.videoplay_right_main_font{ overflow: hidden; position: relative;}
.videoplay_right_main_font_div{ padding: 10px 10px 10px 10px; cursor: pointer;overflow: hidden; position: relative; min-height: 22px; line-height: 22px; margin-top: 10px;}
.videoplay_right_main_font_div span img{width: 48px;margin-right: 10px;}
.videoplay_right_main_font_div span{display: flex; align-items: center; color: #000000;line-height:30px;cursor: pointer; position:relative;}
.videoplay_right_main_font_div span .wjdx{  font-weight: normal; color: #999; display: block; position: absolute; right: 35px;}
.videoplay_right_main_font_div span .downant { position: absolute; right: 0;top:4px;}
.videoplay_right_main_font_div span .downant img { width: 22px; margin-right: 0px;}

.videoplay_right_main_font_div:hover{ background-color: #EDEDED;}
.videoplay_right_main_font_div_left{ padding-right:40px;display: block; font-size: 14px; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.videoplay_right_main_font_div_right{ position:absolute; height: 22px; font-size: 14px; color: #000000; line-height: 22px; top:14px; right: 30px;}
.videoplay_right_main_font_div:hover .videoplay_right_main_font_div_left{ color: #0475df !important;}
.videoplay_right_main_font_div:hover .videoplay_right_main_font_div_right{ color: #0475df !important;}
.videoplay_right_main_font_div_play{color: #0475df !important; }

.videoplay_right_main_font_div02{ padding: 12px 30px; background-color:#313135; cursor: pointer;overflow: hidden; position: relative; min-height: 22px; line-height: 22px;}
.videoplay_right_main_font_div02:hover{ background-color: #29292c;}

.schoolname{left:10px;line-height:40px; top:0px;font-size: 18px; color: #000000;}
.teacher{left:10px; line-height:30px;font-size: 14px; color: #000000;}
.count_num{left:10px; line-height:30px;font-size: 14px; color: #000000;}
.play_bottom_commit{width:100px}
.play_bottom_commit span img{  width: 18px;margin-right: 5px;}
.play_bottom_commit span{display: flex; align-items: center;color: #000000;line-height:30px;cursor: pointer;}

.playcont { padding: 20px; overflow: hidden; background: #fff; position: relative;}
.playcont2 { float: left; overflow: hidden;}
.playcont .eri { float: left; width: 90px; overflow: hidden; margin-right: 20px;}
.playcont .playbt { font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.playcont .playxq {  overflow: hidden; margin-bottom: 10px; }
.playcont .playxq li { float: left; margin-right: 20px; }
.playcont .playdz {   overflow: hidden;}
.playcont .playdz span{ padding-right: 20px; color: #999;}
.playcont .playdz ul { overflow: hidden; margin-bottom: 0px;}
.playcont .playdz li { float: left; overflow: hidden;}
.playcont .playdj { position: absolute; right: 20px; bottom: 20px;}
.playcont .playdj li.atsc {float: right;  color: #999; display: block; background: url(/html/images/collect.png) no-repeat left center;  background-size: 20px; padding-left: 26px; margin-left: 40px; }
.playcont .playdj li.atsc2 {float: right;  color: #999; display: block; background: url(/html/images/like.png) no-repeat left center; background-size: 20px; padding-left: 26px; margin-left: 40px; }
.playcont .playdj li.atsc3 {float: right;  color: #999; display: block; background: url(/html/images/grade.png) no-repeat left center; background-size: 20px; padding-left: 26px; margin-left: 40px; }
.playcont .pf { position: absolute; right: 20px; top: 20px; font-size: 14px; color: #ffffff; border-radius: 35px; background: #FA6400;   padding: 10px 20px;}

.freeplaybt { font-size: 22px; font-weight: bold; margin-bottom: 10px;width:100%}
.freeplaycont {  margin-top: 40px;height:550px;padding: 20px; overflow: hidden; background: #fff; position: relative;}
.freeeunit { float: left;font-weight: bold;line-height: 40px; font-size: 20px;overflow: hidden; margin-left: 20px;}
.freeeteacher { float: left;line-height: 40px; font-size: 18px;overflow: hidden; margin-left: 20px;width:100%}
.freeeblank { float: left;line-height: 200px; font-size: 18px;overflow: hidden; margin-left: 20px;width:100%}
.freeescan { float: left;line-height: 60px; font-size: 18px;overflow: hidden; margin-left: 20px;width:100%}
.freeewm { float: left; width: 120px; overflow: hidden; margin-left: 80px;}

.videobq { padding: 0 10px; width: 50px; text-align: center; background-color: #FA6400; border-radius: 2px; color: #fff; margin-right: 20px;}
.videobq:hover { color: #ffffff;}
.videotop10 { margin-top: 10px;}
.videobq2 { padding: 0 10px; width: 50px; text-align: center; background-color: #0475DF; border-radius: 2px; color: #fff; margin-right: 20px;}
.videobq2:hover { color: #ffffff;}

.playbt2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}

@media (min-width: 1440px){
    .videoplay{  width: 1400px;}
}

@media (max-width: 1440px){
    .videoplay{  width: 1200px;}
}

@media (max-width: 1200px){
    .videoplay{  width: 1100px;}
}

@media (max-width:960px){
    .videoplay{ width: 100%;}
    .videoplay_left{ float: none; width: 100%;}
    .videoplay_right{ float: none; width: 100%;}
    #video{ height: auto;}
}