body{
  height: 100vh;
}
.ml60{
 margin-left: 60px;	
}
.ml10{
  margin-left: 10px;
}
.mr10{
  margin-right: 10px;
}
.zhibo_header{
  height: 80px;
  background: #fff;
  padding: 0 10px;
}
.center{
  width: 90%;
  min-width: 1366px;
  max-width: 1704px;
  margin: 0 auto;	
}
.zhibo_logo .logo_img{
  float: left;
  display: block;
  margin-top:17px;
}
.logo_title{
  float: left;
  margin-left: 40px;	
  font-size: 24px;
  font-family: microsoft yahei;
  font-weight: 600;
  color: #333;
  line-height: 80px;	
}
.zhibo_auth{
  width: 41px;
  height: 41px;
  border-radius: 50%;
  margin-top: 20px;	
}
.zhibo_auth img{
  width: 41px;
  height: 41px;
  border-radius: 50%;	
}
.zhibo_vshow{
  margin-top: 15px;
}
.zhibo_vshow_left{
  width: 76%;
  height: 687px;	
  background-color: #000;
}
.zhibo_vshow_right{
  width: 24%;
  height: 687px;
  background-color: #0f0f1e;
}
.zhibo_bottom{	
  height: 65px;
  background: #0a0a19;
}
.video_wrap{
  width: 100%;
  height: 100%;
  position: relative;
}
.video_bottom{
  width: 100%;
  height: 52px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.progress_bar{
  width: 100%;
  height: 4px;
  background: #59607c;
}
.progress_active{
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  background-color: #0070ff;
}
.progress_active:after{
  content: "";
  width:12px;
  height:12px;
  border-radius: 50%;
  display: block;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: -4px;
  cursor: pointer;
}
.bofang_statr{
  width:15px;
  height:48px;
  background-image: url(/uploads/image/svimages/icon_sjx_r3.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.bofang_stop{
  width:15px;
  height:48px;
  background-image: url(/uploads/image/svimages/icon_stop.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.bofang_time{
  line-height: 48px;
  font-size: 13px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #fff;
}
.bofang_volume{
  width: 20px;
  height: 48px;
  background-image: url(/uploads/image/svimages/icon_yl.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;  
}
.bofang_biaozhun_select{
  position: relative;
}
.bofang_biaozhun{
  margin-top: 12px;
  width: 54px;
  height: 24px;
  background: #18191e;
  border-radius: 12px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  font-family: pingfang sc;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
}
.bofang_biaozhun:hover,.bofang_biaozhun.active{
  background-color: #fe661f;
}
.bofang_biaozhun_option{
  display: none;
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 54px;
}
.bofang_biaozhun_option p{
  height:24px;
  margin-top: 3px;
  background-color: rgba(17, 10, 12, 0.5);
  font-size: 12px;
  font-family: pingfang sc;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  text-align: center;
}
.bofang_biaozhun_option p:first-child{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.bofang_biaozhun_option p:last-child{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bofang_biaozhun_option p:hover{
  color: #fe661f;
  cursor: pointer;
}
.bofang_shezhi{
  width:15px;
  height:48px;
  background-image: url(/uploads/image/svimages/icon_sz.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer; 
}
.bofang_max{
  width:15px;
  height:48px;
  background-image: url(/uploads/image/svimages/icon_max.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer; 
}
.bofang_small{
  position: absolute;
  right: 25px;
  top: 20px;
  padding-left: 25px;
  background-image: url(/uploads/image/svimages/icon_small.png);
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.zhibo_hd{
  text-align: center;
  padding-top: 25px;
}
.zhibo_hd ul li{
  display: inline-block;	
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
}
.zhibo_hd ul li.active{
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: relative;
}
.zhibo_hd ul li.active:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 75px;
  height: 5px;
  background:rgba(254, 102, 31, 0.7);
}
.zhibo_hudong .ul_wrap{
  height:595px;
  padding: 15px;
  overflow-y: auto;
  position: relative;
}
.zhibo_hudong .ul_wrap::-webkit-scrollbar {
  width: 5px;
  background-color:#4f516f; 
}
.zhibo_hudong .ul_wrap::-webkit-scrollbar-track {
  background-color:#0f0f1e;
}
.zhibo_hudong .ul_wrap::-webkit-scrollbar-thumb {
  height: 5px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(100, 100, 100, .3);
  background-color:#4f516f; 
}
.zhibo_hudong li{
  padding-top: 10px;
  border-bottom: 1px dashed #4d4d72;
  position: relative;	
}
.zhibo_hudong li.left_hudong{
  padding-left: 50px;
}
.zhibo_hudong li.right_hudong{
  padding-right: 50px;
}
.zhibo_hudong li .auth_img{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;	
  top: 10px;
}
.zhibo_hudong li.left_hudong .auth_img{
  left: 0;
}
.zhibo_hudong li.right_hudong .auth_img{
  right: 0;
}
.zhibo_hudong li .auth_name{
  font-size: 12px;
  font-weight: 600;
  color: #4d4d72;
}
.zhibo_hudong li .auth_content{
  padding-bottom: 10px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}
.zhibo_hudong li.right_hudong .auth_name,.zhibo_hudong li.right_hudong .auth_content{
  text-align: right;
}
.zhibo_hudong .btn_load{
  width: 245px;
  height: 27px;
  margin: 10px auto;
  background: #1c1d30;
  border-radius: 14px;
  line-height: 27px;
  text-align: center;
  font-size: 12px;
  font-family: pingfang sc;
  font-weight: 400;
  color: #fe661f;
  cursor: pointer;
}
.zhibo_hudong .btn_load em{
  padding-right: 15px;
  background-image: url(/uploads/image/svimages/icon_xiala3.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.zhibo_mulu{
  height:636px;
  padding:10px 15px 550px 12px;
  overflow-y: auto;
  position: relative;
}
.zhibo_mulu::-webkit-scrollbar {
  width: 5px;
  background-color:#4f516f; 
}
.zhibo_mulu::-webkit-scrollbar-track {
  background-color:#0f0f1e;
}
.zhibo_mulu::-webkit-scrollbar-thumb {
  height: 5px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(100, 100, 100, .3);
  background-color:#4f516f; 
}
.zhibo_mulu ul li{
  padding-top: 15px;
  padding-bottom: 24px;
  font-size: 14px;
  color: #fff;
  position: relative;
}
.zhibo_mulu ul li:after{
  position: absolute;
  left: 12px;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  height: 1px;
  border-bottom: 1px dashed #25263e;
}
.zhibo_mulu li .title{
  padding-left: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
.zhibo_mulu li .desc{
  padding-left: 12px;
  margin-top: 14px;
  font-size: 12px;
  color: #b5b5ff;
}
.zhibo_mulu li .btn_status{
  width: 86px;
  height: 29px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 13px;
  border-radius: 15px;
  line-height: 29px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.zhibo_mulu li .btn_status em{
  padding: 9px;
  background-repeat: no-repeat;
  background-position: left center;
}
.zhibo_mulu li  .btn_huifang{
  background: #fe661f;
}
.zhibo_mulu li .btn_huifang em{
  background-image: url(/uploads/image/svimages/icon_sjx_r4.png);
}

.zhibo_mulu li  .btn_yuyue{
  background: #fe661f;
}
.zhibo_mulu li .btn_yuyue em{
  background-image: url(/uploads/image/svimages/icon_yuyue.png);
}

.zhibo_mulu li  .btn_yiyuyue{
  background: #fe661f;
}
.zhibo_mulu li .btn_yiyuyue em{
  background-image: url(/uploads/image/svimages/icon_yiyuyue.png);
}

.zhibo_mulu li  .btn_zhibo{
  background: #fe661f;
}
.zhibo_mulu li .btn_zhibo em{
  background-image: url(/uploads/image/slimages/_2.gif);
}

.zhibo_mulu ul li.active .title:before,.zhibo_mulu ul li:hover .title:before{
  content: "";
  display: block;
  position: absolute;
  left:0;
  top: 8px;
  width: 4px;
  height: 4px;
  background: #fe661f;
  border-radius: 50%;
}

.zhibo_mulu ul li.active .title , .zhibo_mulu ul li.active .desc{
  color: #fe661f;
}

.video_operate ul li{
  margin-left: 22px;
  float: left;
  font-size: 13px;
  line-height: 65px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #fff;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
.video_operate ul li.li_zlxz{
  background-image: url(/uploads/image/svimages/icon_zlxz.png);
}
.video_operate ul li.li_tiwen{
  background-image: url(/uploads/image/svimages/icon_ask.png);
}
.video_operate ul li.li_pingjia{
  background-image: url(/uploads/image/svimages/icon_pingjia.png);
}
.video_operate ul li.li_jiucuo{
  background-image: url(/uploads/image/svimages/icon_jiucuo.png);
}
.video_operate ul li.li_biji{
  background-image: url(/uploads/image/svimages/icon_biji.png);
}
.video_operate ul li.li_load{
  background-image: url(/uploads/image/svimages/icon_jiangyi.png);
}
.video_operate ul li.li_zlxz:hover,.video_operate ul li.li_zlxz.active{
  background-image: url(/uploads/image/svimages/icon_zlxz_active.png);
}
.video_operate ul li.li_tiwen:hover,.video_operate ul li.li_tiwen.active{
  background-image: url(/uploads/image/svimages/icon_ask_active.png);
}
.video_operate ul li.li_pingjia:hover,.video_operate ul li.li_pingjia.active{
  background-image: url(/uploads/image/svimages/icon_pingjia_active.png);
}
.video_operate ul li.li_jiucuo:hover,.video_operate ul li.li_jiucuo.active{
  background-image: url(/uploads/image/svimages/icon_jiucuo_active.png);
}
.video_operate ul li.li_biji:hover,.video_operate ul li.li_biji.active{
  background-image: url(/uploads/image/svimages/icon_biji_active.png);
}
.video_operate ul li.li_load:hover,.video_operate ul li.li_load.active{
  background-image: url(/uploads/image/svimages/icon_jiangyi_active.png);
}
.video_operate ul li:hover,.video_operate ul li.active{
  color: #fe661f;
}
.btn_fenxiang{
  background-image: url(/uploads/image/svimages/fengxiang_2.png);
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
}
.btn_fenxiang:hover,.btn_fenxiang.active{
  background-image: url(/uploads/image/svimages/fengxiang_3.png);
  background-repeat: no-repeat;
  background-position: left center;  
}
.fenxiang_absolute{
  display: none;
  width: 450px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  left: 0;
  top: -65px;
}
.btn_kefu{
  background-image: url(/uploads/image/svimages/icon_mao.png);
  background-repeat: no-repeat;
  background-position: left center; 
}
.btn_kefu:hover,.btn_kefu.active{
  background-image: url(/uploads/image/svimages/icon_mao_active.png);
  background-repeat: no-repeat;
  background-position: left center; 
}
.gonggao{
  max-width: 80%;
  height:60px;
  line-height: 60px;
  padding-left: 40px;
  padding-right: 10px;
  background-image: url(/uploads/image/svimages/icon_lp.png);
  background-repeat: no-repeat;
  background-position: left center; 
  background-size: 30px auto;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.teacher_img_wrap{
  width: 30px;
  height: 30px;
  background: #dfdcda;
  border-radius: 50%;
  position: relative;
}
.teacher_img_wrap .teacher_img{
  width: 30px;
  height: 30px;
  border-radius: 50%; 
}
.teacher_img_wrap .vip_img{
  position: absolute;
  right: 0;
  bottom: 0;
}
.teacher_name{
  font-size: 16px;
  line-height: 30px;
  font-family: pingfang sc;
  font-weight: 400;
  margin-left: 10px;
  color: #fff;
}
.teacher_zhicheng{
  width: 78px;
  height: 26px;
  margin-left: 10px;
  margin-top: 2px;
  background-color: #421500;
  background-color: rgba(66, 21, 0, 0.4);
  border-radius: 13px;
  font-size: 12px;
  font-family: pingfang sc;
  font-weight: 400;
  color: #fe661f;
  line-height: 26px;
  text-align: center;
}
.chatting{
  padding-left: 10px;
  margin-right: 10px;
  height: 40px;
  background: #1c1d30;
  border-radius: 20px;
  margin-top:12px;
  display: flex;
  align-items: center;
}
.chatting_text{
  width:323px;
  height: 40px;
  padding: 10px;
  font-size: 13px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #5f6071;
  outline: none;
}
.chatting_text:hover{
  color: #fff;
}
.chatting_sub{
 cursor: pointer;
 width: 70px;
 height: 40px;
 background: #313350;
 border-radius: 0px 20px 20px 0px;
 font-size: 14px;
 color: #fff;
 line-height: 40px;
 text-align: center;
}
.footer_2{
  width: 100%;
  background-color: #fff;
  padding-top:15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-family: microsoft yahei;
  font-weight: 400;
  color: #333;
  text-align: center;
}
.footer_2 .ml54{
  margin-left: 54px;
}


/**
直播弹窗人数
 */
.btn_renshu{
  position: absolute;
  right: 30px;
  top: 20px;
  height:40px;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
.video_msg{
  width: 970px;
  height: 545px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -485px;
}
.left_bar,.right_bar{
  width:29px;
  height:114px;
  position: absolute;
  top: 0;
  z-index: 3;
  background-image: url(/uploads/image/svimages/bar.png);
}
.left_bar{
  left: 144px;
}
.right_bar{
  right: 144px;
}
.video_msg_content{
  position: absolute;
  left: 0;
  top: 86px;
  width:100%;
  background-color: #1c1d31;
  border-radius: 8px;
  padding: 64px;
}
.video_msg_content .line{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 3px solid #b2a177;
  padding-top: 30px;
  padding-bottom:30px;
  position: relative;
  text-align: center;
}
.video_msg_content .sjx_r,.video_msg_content .sjx_l{
  display: block;
  width:57px;
  height:22px;
  position: absolute;
}
.video_msg_content .sjx_l{
  left:44px;
  top: -12px;
  background-image: url(/uploads/image/svimages/left_sjx.png);
}
.video_msg_content .sjx_r{
  right:44px;
  bottom: -12px;
  background-image: url(/uploads/image/svimages/right_sjx.png);
}
.video_msg_content .msg_title{
  font-size: 30px;
  color: #fff;
  text-align: center;
}
.video_msg_content .msg_title{
  font-size: 30px;
  color: #fff;
  text-align: center;
}
.video_msg_content .msg_djs{
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.video_msg_content .msg_djs:before{
  content: "";
  padding-left: 36px;
  background-image: url(/uploads/image/svimages/shizhong.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.video_msg_content .btn_yue{
  display: inline-block;
  min-width: 364px;
  height: 64px;
  margin-top: 30px;
  border-radius: 32px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 64px;
  text-align: center;
  font-size:28px;
  color: #1c1d31;
   background: #ffd272;
   background: -moz-linear-gradient(left, #ffce6d 0%, #fff4a1 100%);
   background: -webkit-gradient(linear, left left, left right, color-stop(0%,#ffce6d), color-stop(100%,#fff4a1));
   background: -webkit-linear-gradient(left, #ffce6d 0%,#fff4a1 100%);
   background: -o-linear-gradient(left, #ffce6d 0%,#fff4a1 100%);
   background: -ms-linear-gradient(left, #ffce6d 0%,#fff4a1 100%);
   background: linear-gradient(to right, #ffce6d 0%,#fff4a1 100%);
}
.video_msg_content .msg{
  font-size: 20px;
  color: #aeb0d8;
  text-align: center;
}
.corffd06f{
  color: #ffd06f;
}
.video_msg_content .msg_zhuanma{
  font-size: 24px;
  color: #aeb0d8;
  text-align: center;
  line-height: 60px;
}
.video_msg_content .msg_zhuanma:before{
  content: "";
  padding-left: 36px;
  background-image: url(/uploads/image/svimages/zm.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.video_msg_content .msg_pt{
  font-size: 24px;
  color: #aeb0d8;
  text-align: center;
  line-height: 60px;
}
.video_msg_content .msg_pt:before{
  content: "";
  padding-left: 36px;
  background-image: url(/uploads/image/svimages/pt.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.zhibo_bj{
  height: 636px;
  overflow-y: auto;
}
.zhibo_bj::-webkit-scrollbar {
  width: 5px;
  background-color:#4f516f; 
 }
.zhibo_bj::-webkit-scrollbar-track {
  background-color:#0f0f1e;
}
.zhibo_bj::-webkit-scrollbar-thumb {
  height: 5px;
  border-radius: 3px;
 -webkit-box-shadow: inset 0 0 2px rgba(100, 100, 100, .3);
 background-color:#4f516f; 
}            
.zhibo_bj .pub_date{
 font-size: 12px;
 color: #fe661f;
 line-height: 30px;
 padding-left: 15px;
}
.btn_del{
 width:30px;
 height:30px;
 background-image: url(/uploads/image/svimages/del_dft.png);
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer;
}
.zhibo_bj ul{
 padding-right: 20px;
 padding-left: 25px;
}            
.zhibo_bj ul li{
 margin-top: 10px;
 padding-bottom: 10px;
 position: relative;
}
.zhibo_bj ul li:after{
 content: "";
 height: 1px;
 position: absolute;
 left: 15px;
 bottom: 0;
 right: 0;
 border-bottom: 1px dashed #25263e;              
}
.zhibo_bj ul li.active .btn_del{
   background-image: url(/uploads/image/svimages/del_active.png);
}
.bj_content{
  padding-left: 15px;	
  font-size: 12px;
  color: #fff;
  line-height: 24px;
  position: relative;
  word-wrap: break-word;
}
.bj_content:after{
  content: "";
  padding-left: 20px;
}
.bj_content::last-line{
  padding-right: 22px;
 }
.bj_content.hide{
 /*height: 48px;*/
 /*overflow: hidden;*/
}
.bj_content:before{
 content: "";
 display: block;
 width:3px;
 height:3px;
 border-radius: 50%;
 background-color: #fe661f;
 position: absolute;
 left: -15px;
 top: 10px;
 }
.bj_up,.bj_down{
  width:20px;
  height:24px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
.bj_up{
   background-image: url(/uploads/image/svimages/bj_up.png);              
}
.bj_down{
    background-image: url(/uploads/image/svimages/bj_down.png);            
 }
/*
互动图标
 */
.emoji_content {
  height: 240px;
  overflow-y: auto;
  background: #ffffff;
  left: 0;
  bottom: 3.6rem;
  border-top: 1px solid #dddddd;
}

/*
播放控件隐藏
 */
/*.prism-detect-info.prism-center {*/
/*  display: none;*/
/*}*/

/*.prism-error-content {*/
/*  display: none;*/
/*}*/

/*.prism-error-operation {*/
/*  display: none;*/
/*}*/