@charset "UTF-8";
/* 全局 */
body {font-family:"Microsoft YaHei";width: 100%;height: 100%;background: #80aed3;color:#fff;overflow:hidden;position: fixed;top:0px;bottom: 0px;left:0px;right: 0;}
/*移动端隐藏控制面板*/
.layui-layim, .layui-layim-min { display:none; }
.layui-layim-min.layui-layim-min-my {
    display:block;
}

/*重定义tab*/
.layui-tab-room { margin-top:0;height:100%; }
.layui-tab-room .layui-tab-title { border:0; overflow:hidden; border-bottom:1px solid rgba(0,0,0,0.1);height: 36px; background: rgba(0,0,0,0.1); }
.layui-tab-room .layui-tab-title li{ border:0; border:0; color:rgba(255,255,255,0.9); width:25%; padding:0; font-size:16px; height: 36px; line-height: 36px; }
.layui-tab-room .layui-tab-title li::after{content:"";position:absolute;bottom:0; top:0; left:0; width:1px; height:100%; background-color:rgba(0,0,0,0.1); }
.layui-tab-room .layui-tab-title li.layui-this{ color:#ffffff; background: rgba(0,0,0,0.1); }
.layui-tab-room .layui-tab-title li.layui-this::after { display:none; border:0; border-radius:0; }
.layui-tab-room .layui-tab-content { padding:0; }

/*视频区*/
.videoArea-mobile{ position: relative; width:100%; height:40%; background-color:#000; z-index:1; overflow:hidden; }
.videoArea-mobile .videoDiv {width: 100%;height: 100%;position: absolute; left:0; top:0; z-index:2;}
/*聊天区*/
.chatArea-mobile{ position: absolute; top:340px; bottom:00px; left:0px; right: 0; }

/*老师投票*/
.masterVote{ position: absolute; top:40px; bottom:0px; bottom:0px; left:0px; right:0px; overflow:hidden; }
.masterVote .content{ display:block; padding:0 5px; }
.masterVote .content .skillbar { color:#ffffff; position:relative; display:block; margin:5px 0px 10px 0px; width:100%; height:30px;line-height:30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.masterVote .content .skillbar-tit { background:rgb(30 158 220 / 83%);  position:absolute; top:0; left:0;width:80px; height:30px;line-height:30px; font-weight:bold; text-align:center; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.masterVote .content .skillbar-num{ position:absolute; left:85px; height:30px;line-height:30px; }
.masterVote .content .skillbar-bar { position:absolute; background:rgb(235 92 92 / 43%); left:80px; right:75px; height:30px;line-height:30px; }
.masterVote .content .skillbar-bar p{ background:rgba(0,0,0,0.3); text-indent:10px; height:30px;line-height:30px; width:0px; color:rgba(255,255,255,0.5); font-size:12px; }
.masterVote .content .skillbar-btn {position:absolute;right:0px;top:0; height:30px;line-height:30px; width:70px; padding: 0 10px; }

/*签到按钮*/
.btnSign{ position: absolute; width:50px; right:5px; bottom:180px; z-index:1000000000; }
.btnSign img{ max-width:100%; }
/*红包按钮*/
.btnRedBag{ position: absolute; width:50px; right:5px; bottom:100px; z-index:100; }
.btnRedBag img{ max-width:100%; }
.btnRedBag .myMoney{ display:block; background: #FC4C4C; color:#fff; text-align: center; line-height:18px; font-size:12px; border-radius:3px; }
/*******************************************************************************************************
* 弹幕
*******************************************************************************************************/
.popup_box .pop_con.barrage-addfm{ padding:0; }
.popup_box .pop_con.barrage-addfm .layui-form-item .layui-form-label{ width: 110px; }
.popup_box .pop_con.barrage-addfm .layui-form-item .layui-input-inline{ width: 105px; }
.barrage-display{position: fixed; display: inline-block; z-index: 99999; }
.barrage-display .barrage_box{ position:relative; background-color: rgba(0,0,0,.5); padding:10px; border-radius: 20px;transition: all .3s;}
.barrage-display .barrage_box:hover .close{visibility:visible;opacity: 1;}
.barrage-display .barrage_box .portrait{ display: table-cell; }
.barrage-display .barrage_box .portrait img{ margin:0 10px 0 0; max-height:600px; vertical-align: top; }
.barrage-display .barrage_box div.p{ padding:0 0px 0 0px; display: table-cell; font-weight:bold; }
.barrage-display .barrage_box div.p a{ font-size:14px; color: #fff; line-height:2; cursor:pointer;word-break:break-all; word-wrap:break-word; }
.barrage-display .barrage_box div.p a:hover{text-decoration: underline;}
.barrage-display .barrage_box .close{
	position:absolute; right:-5px; top:-5px; visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px; border-radius: 50%;background:rgba(255,255,255,.1);
	background-image: url(../images/close.png); cursor:pointer;
}
.barrage-display .barrage_box .close a{ display:block;}
.barrage-display .barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
.barrage-display .barrage_box .barrage  a{text-decoration:none;}