@charset "UTF-8";

body,div,p,span,ul,li,img,h1,h2,h3,h4,h5,h6,a{ margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "微软雅黑";}
.fr{ float: right;}
.fl{ float: left;}
.L_video_box{ width: 100%;}
.L_box_head{ width: 100%; background: #131313; padding: 50px 0 0 0; position: relative; height: 600px;}

#J_prismPlayer{height:550px!important;}
.prism-big-play-btn{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}

.L_head_video{ width: 98%; height: 550px; position: absolute; left: 0; bottom: 0; z-index: 2; background: #14191d;}
.L_video_directory{ width: 2%; height: 550px; position: absolute; right: 0; bottom: 0; z-index: 2; font-family: "微软雅黑"; color: #fff;} 
.L_directory_but{ width: 32px; float: left; font-size: 20px; text-align: center; margin-top: 140px; height: 200px; background: #373c40; display: inline-block; padding-top: 50px; box-sizing: border-box;}
.L_directory_but a:visited,.L_directory_but a:link,.L_directory_but a:hover,.L_directory_but a:active{ text-decoration: none;}
.L_course{ width: 90%; min-height: 550px; max-height: 550px; overflow-y:scroll; float: right; background: #202121; font-family: "微软雅黑"; padding: 30px 0 0 10px; display: none;}
.L_course_h4{ font-size: 20px; color: #fff;}
.L_chapter{font-size: 16px; color: #97999b;}
.L_section,.L_class{ font-size: 12px; color: #97999b; padding-left: 10px; cursor: pointer;}
.L_marTop{ margin: 10px 0;}
.L_class_iconPlay{ display: inline-block; width: 10px; height: 11px; background: url(../../image/video/L_icon.png) -85px -136px no-repeat;}
.L_class_progress{display: inline-block; width: 17px; height: 17px; background: url(../../image/video/L_icon.png) -84px -85px no-repeat; float: right; margin-top: 2px;}
.L_class_not{display: inline-block; width: 17px; height: 17px; background: url(../../image/video/L_icon.png) -51px -85px no-repeat; float: right; margin-top: 2px;}
.L_class_no{display: inline-block; width: 17px; height: 17px; background: url(../../image/video/L_icon.png) -113px -86px no-repeat; float: right; margin-top: 2px;}
.L_block{ display: none;}


.L_but_aDirtory{ position: relative;}
.L_but_aDirtory:before{ position: absolute; top:-20px; left: 0px; content: ""; width: 20px; height: 18px; background: url(../../image/video/L_icon.png) -81px -108px no-repeat;}
.L_directory_but span{ color: #fff;}
.L_video{ width: 977px; height: 550px; margin: 0 auto; background: url(../../image/video/vidio_bg.png);}
.L_video_icon{ display: inline-block; float: left; position: absolute; cursor: pointer;}
.L_video_icon_play{ width: 15px; height: 15px; background: url(../../image/video/L_icon.png) -110px -16px no-repeat; top:13px; left: 80px;}
.L_video_icon_voice{width: 20px; height: 15px; background: url(../../image/video/L_icon.png) -165px -16px no-repeat; top:13px; left: 115px;}
.L_video_icon_volume{width: 50px; height: 17px; background: url(../../image/video/L_icon.png) -220px -16px no-repeat; top:13px; left: 155px;}
.L_video_icon_currentime{ top:9px; left: 225px; color: #fff;}
.L_video_icon_shu{ top:9px; left: 270px;}
.L_video_icon_time{ top:9px; left: 285px;}
.L_video_icon_share{ top:-33px; right: 150px;}
.L_video_icon_share a{ display: inline-block; position: absolute;}
.L_video_icon_share .weixin{ width: 27px; height: 24px; background: url(../../image/video/L_icon.png) -13px -16px no-repeat; left:33px;}
.L_video_icon_share .qq{ width: 21px; height: 21px; background: url(../../image/video/L_icon.png) -48px -14px no-repeat; left:68px;}
.L_video_icon_share .weibo{ width: 23px; height: 18px; background: url(../../image/video/L_icon.png) -81px -17px no-repeat; left:95px; top:2px;}
.L_video_icon_share .space{ width: 21px; height: 19px; background: url(../../image/video/L_icon.png) -168px -81px no-repeat; left:122px;}
.L_video_icon_share .weixin:hover{ background: url(../../image/video/L_icon.png) -13px -50px no-repeat;}
.L_video_icon_share .qq:hover{ background: url(../../image/video/L_icon.png) -48px -48px no-repeat;}
.L_video_icon_share .weibo:hover{ background: url(../../image/video/L_icon.png) -81px -51px no-repeat;}
.L_video_icon_share .space:hover{ background: url(../../image/video/L_icon.png) -138px -81px no-repeat; left:122px;}

.L_share{ font-size: 14px; left:-5px; width: 30px; color: #ccc;}
.L_video_icon_setUp{ width: 20px; height: 20px; background: url(../../image/video/L_icon.png) -110px -48px no-repeat; top:13px; right:3.5%;}
.L_video_icon_screen{ width: 20px; height: 20px; background: url(../../image/video/L_icon.png) -139px -48px no-repeat; top:13px; right: 1%;}
.L_video_bar{ width: 100%; height: 40px; position: absolute; left: 0; bottom: 0; background: #000; z-index: 10; opacity: 1;}
.L_head_title{ position: absolute; top: 0px;  left: 20px; line-height: 50px;}
.L_title_h5{ font-size: 24px;}
.L_title_number{ font-size: 20px;}
.L_head_title{ font-family: "微软雅黑"; color: #fff;}
.L_head_title span{ margin-left: 30px;}

/**    评论**/
.L_comments{ width: 1080px; margin: 40px auto 0; font-family: "微软雅黑";}
.L_comments_div{ width: 100%; height: 40px; background: #f6f6f6; border-top: 1px solid #ccc; line-height: 40px;}
.L_comments_login h3{ font-size: 18px; padding: 0 0 0px 50px; font-weight: 500;}
.L_comments_action{ width: 100%; height: 200px;}
.L_comment_left{ width: 10%; height: 100px; margin:30px 0 0 35px;}
.L_comment_left img{ margin-left: 10px;}
.L_comment_right{ width: 85%; height: 180px; position: relative;}
.L_comment_left,.L_comment_right{ display: inline-block; zoom:1; font-size: 12px;}
.L_coment_a{ position: absolute; left: 320px; top: 70px; color: #ccc;}

.L_coment_a a{ color: #0289cd; padding-left: 8px; padding-right: 3px;}
.L_coment_span{ position: absolute; right: 5%; top: 14px;}
.L_text{ box-shadow: 0 5px 15px #f2f2f2 inset; -webkit- box-shadow: 0 5px 15px #f2f2f2 inset; resize:none; font-size: 16px; padding: 8px; display: block; box-sizing:border-box; -webkit- box-sizing:border-box;}
.L_coment_text{ overflow: hidden; zoom:1; margin-top: 35px;}
.L_expression{ cursor: pointer; margin: 10px 0 0 75px; display: inline-block; position: absolute; float: left;}
.L_expression:before{ position: absolute; top: 1px; left: -20px; content: "";width: 18px; height: 19px; 
background:url(../../image/video/L_icon.png) -17px -85px no-repeat;}
.L_YZM{ margin: 5px 0; text-align: right;font-size: 14px;}
.L_clear{ overflow: hidden;}
.L_YZM_input{ width: 65px; height: 25px; padding-left: 5px;}
.L_cancel{ display:inline-block; position: relative; width: 20px; height: 10px; cursor: pointer;}
.L_inBlock{ display: inline-block;}
.L_succes{ color: #aecb36; margin-right: 10px; position: relative;}
.L_succes:before{ width: 20px; height: 20px; content: ""; position: absolute; top: 2px; left: -17px; background: url(../../image/video/promptY.png) no-repeat;}
.L_YZM_prompt{ color: #f00; margin-right: 10px; position: relative;}
.L_YZM_prompt:before{ width: 20px; height: 20px; content: ""; position: absolute; top: 2px; left: -17px; background: url(../../image/video/prompt.png) no-repeat;}
.L_cancel:before{ width: 14px; height: 14px; position: absolute; content: ""; top: 0px; left: 0px; background: url(../../image/video/cancel.png);}
.L_but{ cursor: pointer; float: right; margin-top: 3px; display: inline-block; width: 85px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; border: 1px solid #ccc; background: #f2f2f2;}
.L_but:hover{ background: #bbbbbb;}
.L_comment_input{ display: inline-block; float: right; margin: 8px;}
.L_comment_nev{ height: 50px; width: 100%; border-bottom: 2px solid #ccc;}
.L_comment_nev ul{ overflow: hidden; zoom:1;}
.L_comment_nev ul li{ width: 15%; height: 50px; text-align: center; float: left; line-height: 50px; color: #666; font: 18px/2em "微软雅黑"; cursor: pointer;}
.border_bottom{ border-bottom:2px solid #0099ff; color: #000;}
.L_turnPage{ width: 100%; margin: 10px 0; position: relative; font-size: 12px;}
.L_comment_content{ font-size: 12px;}
.L_turnPage_number{ position: absolute; top: -3px; right: 10px;}
.L_turnPage_number a{ display: inline-block; width: 17px; color: #5ca8e2; font-size: 14px; text-align: center;}
.L_turnPage_number .L_bgk_color{ background: #c6c6c6; color: #fff; line-height: 24px;}
.L_turnPage_number .L_onDownPage{ padding:3px 5px; border: 1px solid #ccc; color: #ccc; width:60px; line-height: 15px; margin: 0px 5px;}
.L_turnPage_number .L_onDownPage:hover{ color: #5ca8e2;}
.L_artical{ position: relative; overflow: hidden; width: 100%;  height: 30px;}
.L_artical span{ position: absolute;}

.L_region{ left: 190px;}
.L_zan{ right: 140px; cursor: pointer; position: relative;}
.L_zan:before{ position: absolute; top: 1px; left: -20px; width: 19px; height: 17px; content: "";background:url(../../image/video/L_icon.png) -50px -131px no-repeat;}
.L_zan_click{ right: 140px; cursor: pointer; position: relative;}
.L_zan_click:before{position: absolute; top: 2px; left: -20px; width: 19px; height: 17px; content: ""; background:url(../../image/video/L_icon.png) -16px -132px no-repeat;}
.L_coment_sp{ right: 20px; cursor: pointer;position: relative;}
.L_coment_sp:before{ position: absolute; top: 2px; left: -20px; width: 18px; height: 17px; content: "";background:url(../../image/video/L_icon.png) -17px -108px no-repeat;}
.L_coment_sp:hover:before{background:url(../../image/video/L_icon.png) -49px -108px no-repeat;}
.L_comments_click{right: 30px; cursor: pointer;position: relative;}
.L_comments_click:before{  position: absolute; top: 2px; left: -20px; width: 18px; height: 17px; content: "";background:url(../../image/video/L_icon.png) -51px -108px no-repeat;}
.L_coment_articleLi{ overflow: hidden;}
.L_imag_head{ display: inline-block; width: 15%; height: 100px; padding: 10px 0 0 55px; float: left;}
.L_coment_box{ float: left; display: inline-block; width: 85%;}
.L_coment_articleLi img{ float: left; margin-right: 20px;}
.L_content_Li .L_coment_articleLi p{ margin: 10px 0px 15px 0px;}

.L_comment_name{ display: block; color: #0088cc;}
.L_content_Li{ padding-bottom: 20px; border-bottom: 1px solid #ccc; padding-top: 15px;}
.L_hidden{ width: 88%; background: #eaeaea; float: right; position: relative; padding-left: 35px; padding-bottom: 25px;}

.L_Play{ cursor: pointer; display: inline-block; width: 58px; height: 25px; text-align: center; line-height: 25px; float: right;}
.L_replay{  margin: 5px 55px 5px 0px;cursor: pointer;text-align: right; text-align: -webkit-right; text-align: -o-right; text-align: -ms-right; text-align: -moz-right; line-height: 25px;}
.L_replay a{ width: 58px; height: 25px; text-align: center; display: block;background: #1c98e7; color: #fff; border: 1px solid #057bc7;}
.L_replay a:hover{ background: #1588d0; color: #fff;}
.top10{top:0px;}
.L_current_input{ display: inline-block; width: 100%;}
.borderBottom{ border-top: 1px solid #ccc;}
.L_nev_togge{ overflow: hidden;}
.L_nev_togge li{ float: left; margin: 0 20px;}
.L_nev_togge li a{ font-size: 16px; display: inline-block; color: #999;}
.L_nev_togge li a:hover{ color: #000;}
.L_comments_review{ display: none;}
.L_course_cata{}
.L_togger{ display: none;}
.L_displayNone{ display: none;}

.L_sucess_p{ font: 14px/2em "微软雅黑"; color: #aecb36; display: inline-block; background: rgba(0,0,0,0.4); position: fixed; top: 33%; left: 45%; border-radius: 10px; padding: 15px 36px 15px 50px;}
.L_sucess_p:before{ width: 20px; height: 20px; content: ""; position: absolute; top: 22px; left: 30px; background: url(../../image/video/promptY.png) no-repeat;}
.L_directory_color{ color: #99ce21;}
/**微信分享***/
.L_part{ width: 100%; overflow: hidden; margin-bottom: 10px;}
.L_marRit30{ margin-right: 30px; padding-top: 15px;}
.L_part_h5{ font: 18px/2em "微软雅黑"; font-weight: bold; margin-bottom: 20px;}
.L_marRit30 p{ font-size: 16px; margin-bottom: 5px;}
.L_scanning{ position: relative;}
.L_scanning:after{ width: 21px; height: 18px; content: ""; position: absolute; right: 80px; top:2px; background: url(../../image/video/scanning.png);}
.L_steps{ width: 100%; border: 1px solid #99ce21; border-radius: 10px; background: #f8fde4; margin-bottom: 20px;}
.L_steps_title{ font: 15px/2em "微软雅黑"; padding:10px; font-weight: bold;}
.L_steps_ul{ overflow: hidden; margin-bottom: 20px;}
.L_steps_ul li{ float: left; margin-left: 11px; width: 203px;}
.L_steps_p{ font-size: 14px; text-align: center; color: #333; margin-top: 5px;}

/* 视频公益*/
.gy_return{ padding: 5px 15px; background: #333330;color:#fff; font-size:14px; border-radius: 20px;}
.gy_title{ font-size: 18px; color: #fff; margin-left: 20px;}
.gy_layer{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.gy_watch_code{ text-align: center; margin: 150px auto 90px;}
.gy_watch_code h5{font-size:18px; color: #fff; text-align: center;}
.gy_code_input{ margin:25px auto; text-align: center;}
.gy_code_input input{ outline: none; width: 300px;  height: 40px; line-height: 40px; padding-left:20px; border: 1px solid #3e3e3b!important; border-radius: 4px; font-size: 14px; background: #fff!important;}
.gy_watch_code span{ color: #a4a4a4; display: inline-block; width: 120px; margin-top: 25px; height:40px; line-height: 40px; cursor: pointer; background: #131313; font-size: 14px; border:1px solid #aecb36;}
.gy_watch_code span.clk_but{ color: #fff; background: #aecb36;}
.gy_access{ text-align: center;}
.gy_access p{ font-size: 14px; color: #a4a4a4; text-align: center;}
.gy_access p:first-child{ margin-bottom: 15px;}
.gy_access p:first-child+p{margin:0px;}
.gy_access p:first-child+p+p{ padding-left: 5em;}
.gy_ewm{ width:123px ; height: 123px; position: absolute; right:125px; bottom: 60px;}
.vidio_title{ padding-bottom: 10px; border-bottom: 1px solid #171616; width: 99%;}
.gy_cot{ text-align: right; margin-top: 15px; padding-right: 10px;}
.gy_cot span{ font-size: 12px; color: #a4a4a4; padding-right: 15px;}
.gy_cot .cot_num{padding-left: 20px; position: relative;}
.gy_cot .cot_num:before{ position: absolute; width:12px ; height:12px; content: ""; left:0px ;top: 4px; background: url(../../image/video/gy_icon.png);}
.kcxq{ width: 1080px; margin:30px auto ;}
.kcxq h3{ font-size: 18px; color: #333330;}
.kcxq p{ font-size: 14px; color: #666666; line-height: 2em; margin-top: 15px;}
.related_recom h3{ font-size: 18px; color: #333330; line-height: 2em; border-bottom: 1px solid #dedede;margin-bottom: 30px; padding-bottom: 10px;}
.related_recom{width: 1080px; margin: 0 auto;}
.related_recom li{ float: left; width:200px; margin-right: 20px;}
.related_recom li:last-child{margin: 0;}
.related_recom li div{ width: 200px; height: 150px;}
.related_recom li div a{float: left;}
.related_recom li div a img{ width: 200px; height: 150px;}
.related_recom li p{ font-size: 14px; color: #666; line-height: 1em;}
.related_recom li p:first-child{ margin-top: 20px; color: red;}
.related_recom li p:last-child{ width:10em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.vidio_title .L_class{ width: 20em;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;display: block;}
.vidio_title .vio_title_click{ color: #aecb36;}