@charset "UTF-8";
body { width: 100%; min-height:768px; overflow:hidden; color:#fff; background:#2D303A; }
/*
 * 换肤
*/
.roomSkinS { padding:5px; margin:0; }
.roomSkinS a{display:block; width:100%; height:56px; border:1px solid #ddd; background-color: #3ca9f6;vertical-align: middle;}
.roomSkinS a:hover{ border:1px solid #ccc; }
.roomSkin01 { background: url(../images/bg/bg01.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%; }
.roomSkin01s{ background: url(../images/bg/bg01s.jpg) left top no-repeat; background-size: 100% 100%; }
.roomSkin02 { background: url(../images/bg/bg02.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin02s{ background: url(../images/bg/bg02s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin03 { background: url(../images/bg/bg03.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin03s{ background: url(../images/bg/bg03s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin04 { background: url(../images/bg/bg04.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin04s{ background: url(../images/bg/bg04s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin05 { background: url(../images/bg/bg05.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin05s{ background: url(../images/bg/bg05s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin06 { background: url(../images/bg/bg06.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin06s{ background: url(../images/bg/bg06s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin07 { background: url(../images/bg/bg07.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin07s{ background: url(../images/bg/bg07s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin08 { background: url(../images/bg/bg08.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin08s{ background: url(../images/bg/bg08s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin09 { background: url(../images/bg/bg09.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin09s{ background: url(../images/bg/bg09s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin10 { background: url(../images/bg/bg10.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin10s{ background: url(../images/bg/bg10s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin11 { background: url(../images/bg/bg11.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin11s{ background: url(../images/bg/bg11s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin12 { background: url(../images/bg/bg12.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin12s{ background: url(../images/bg/bg12s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin13 { background: url(../images/bg/bg13.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin13s{ background: url(../images/bg/bg13s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin14 { background: url(../images/bg/bg14.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin14s{ background: url(../images/bg/bg14s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin15 { background: url(../images/bg/bg15.jpg) left top no-repeat; background-attachment: fixed; background-size: 100% 100%;}
.roomSkin15s{ background: url(../images/bg/bg15s.jpg) left top no-repeat; background-size: 100% 100%;}
.roomSkin16 { background: rgba(0,0,0,0.8);}
.roomSkin16s{ background: url(../images/bg/bg16s.jpg) left top no-repeat; background-size: 100% 100%;}
/*
 * 头部
*/
.lay-top{ position: absolute; z-index:90000; top:0px; left:0px; right:0; width:100%; height:60px; line-height:60px; overlow:hidden; vertical-align: middle; }
.lay-top .top_left{ float:left; text-align:left; width:67%; text-align: left; }
.lay-top .top_midd{ float:left; text-align:left; width:57%; }
.lay-top .top_right{ float:right; text-align:right; width:32%; }
.lay-top .top_left .logo img{ max-height:80%; max-width:80%;  height:60px}
.lay-top .top_midd a{ margin:0 5px 0; }
.lay-top .top_right .btnRoomskin{ color:#fff;background: url(../images/huan.png) no-repeat 0px 3px; margin-right: 10px;padding-left: 20px;}
.lay-top .top_right .btn{ margin:0 10px 0 0px; }
.lay-top .top_right .text{ display:inline-block; margin:0 10px 0 0; color:#fffbe6; }
.lay-top .top_right .user-dropdown{ position: relative; z-index:90001; display:inline-block; padding:0 10px;  }
.lay-top .top_right .user-dropdown .avatar{ display:inline-block; width:30px; height:30px; border:2px solid #d2e0f3; border-radius:100%; margin-top:-3px; }
.lay-top .top_right .user-dropdown .account{ display:inline-block; padding:0px 0px 0 5px; color:#fff; font-size:16px; cursor:pointer; }
.lay-top .top_right .user-dropdown .user-down{position: absolute; display:none; z-index:90002; background:#fff; border:1px solid #fff; border-radius:5px;right:10px; top:60px; width:400px; color: #333; text-align:left;}
.lay-top .top_right .user-dropdown .user-down>h4 { display:block; font-size: 18px;border-bottom: 2px solid #ddd;line-height: 24px;margin: 15px;color: #2973ca;}
.lay-top .top_right .user-dropdown .user-down>h4>span {border-bottom: 2px solid #2973ca;font-weight: bold;}
.lay-top .top_right .user-dropdown .user-down .profile-block {position: relative; display:block; padding: 20px 15px 20px; border-bottom: 1px solid #ddd; line-height: 50px; }
.lay-top .top_right .user-dropdown .user-down .profile-block .nickName { color:#333; }
.lay-top .top_right .user-dropdown .user-down .profile-block .op {position: absolute; top:10px; right:5px;}
.lay-top .top_right .user-dropdown .user-down .profile-block .op li{display:inline-block; margin:0 5px;}
.lay-top .top_right .user-dropdown .user-down .profile-block .title { display: block; font-size:16px;color: #999;}
.lay-top .top_right .user-dropdown .user-down .profile-block .title .shareText{display: block;padding: 5px;width:98%;border: 1px solid #ddd; }
.lay-top .top_right .user-dropdown .user-down .profile-block .content { position: relative; line-height:22px; }
.lay-top .top_right .user-dropdown .user-down .profile-block .content .myqr{ position: absolute; right:-10px; bottom:-15px; width:100px; height:100px; }
.lay-top .top_right .user-dropdown .user-down .profile-block .content .myqr img{ width:100px; height:100px; }
.lay-top .top_right .user-dropdown .user-down .profile-block .avatar { border-radius: 50%; border:1px solid #ddd; width: 50px;height: 50px; vertical-align: top; }
.lay-top .top_right .user-dropdown .user-down .profile-block .nickName {font-size:20px;display:inline-block;line-height:60px; margin-left:10px;}
/*
 * 主体
*/
.lay-main{ position: absolute; top:65px; bottom:0; left:0; right:0; z-index:1; overflow:hidden; }
.lay-main .lay-main-left{ float:left; position:relative; width:12%; height:100%; }
.lay-main .lay-main-midd{float:left; position: relative; width:65%; height:100%; border-left:5px solid rgba(255,255,255,0); border-right:5px solid rgba(255,255,255,0); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.lay-main .lay-main-right{float:right;position:relative; width:23%; height:100%; }
/*兼容小分辨*/
@media screen and ( max-width:1600px ) {
 .lay-top .top_left{ width:70%; }
 .lay-top .top_midd{ width:55%; }
 .lay-top .top_right{width:30%; }
 .lay-main .lay-main-left{ width:12%; }
 .lay-main .lay-main-midd{ width:65%; }
 .lay-main .lay-main-right{ width:23%; }
}
/*
 * 左侧
*/
.lay-main .lay-main-left .content{ float: left; width:100%; height:100%; }
/*财经数据*/
.lay-main .lay-main-left .content .left-sinadata-area{ display:block; background: rgba(0,0,0,0.3); }
.lay-main .lay-main-left .content .left-sinadata-area .hq_tit { background: rgba(0,0,0,0.2); color: #fff;font-size: 12px;font-weight: bold;line-height:40px; }
.lay-main .lay-main-left .content .left-sinadata-area .hq_data li {text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); padding: 10px 0px; position: relative;color: red; font-size: 12px;}
/*人气嘉宾*/
.lay-main .lay-main-left .content .left-master-area{ display:block; margin:0px 0 0;background: rgba(0,0,0,0.3); }
.lay-main .lay-main-left .content .left-master-area .tit{ background: rgba(0,0,0,0.2); }
.lay-main .lay-main-left .content .left-master-area h3 { width:100%; height:40px; margin: 0 auto; position: relative; background: url(../images/rq_txt.png) center 0px no-repeat;}
.lay-main .lay-main-left .content .left-master-area h3 span{ display:none;}
.lay-main .lay-main-left .content .left-master-area ul{ display:block; }
.lay-main .lay-main-left .content .left-master-area ul li { float:left; position: relative;width: 100%; border-bottom:1px solid rgba(255,255,255,0.1); font-size: 12px; }
.lay-main .lay-main-left .content .left-master-area ul li span {float:left;text-align:center;background:#ff2222;width:20px;height:20px;line-height:20px;margin:10px 5px 10px 10px;border:1px solid #DA0000;border-radius:5px;font-weight:bold;color:#fff;}
.lay-main .lay-main-left .content .left-master-area ul li p { float:left; height:40px;line-height:40px;color:#ffffff;vertical-align: middle; font-size: 14px;}
.lay-main .lay-main-left .content .left-master-area ul li a { position: absolute;right: 0px; height:20px;line-height:20px; padding:0 5px; margin:10px 5px 10px 0px; background: #ff2222; border: 1px solid #DA0000;border-radius:5px; color:#fff;}
.lay-main .lay-main-left .content .left-master-area ul li a:hover{ background:#E12914; color:#fff; }
/*用户列表*/
.lay-main .lay-main-left .content .left-userlist-area{ display:block;width: 100%; text-align:left; margin:0px 0 0; background:rgba(0,0,0,0.3); }
.lay-main .lay-main-left .content .left-userlist-area .con { display: block;width: 100%; position: relative; }
.lay-main .lay-main-left .content .left-userlist-area .con .tit{ display:block; height:30px; line-height:30px; padding:5px; border-bottom:1px solid rgba(255,255,255,0.1); }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList{ display:block; width: 100%; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul{position: relative; width: 100%; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li{ display:block; padding:5px 5px 5px 5px; height:22px; line-height:22px; border-bottom:1px solid rgba(255,255,255,0.1); vertical-align: middle; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li p{ float:left; width:100%; height:22px; line-height:22px; position: relative; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li p span{ display:block; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li p span img{ height:22px; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li p span.avatar{ position: absolute; top:-2px; left:0; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li p span.avatar img{ border-radius:100%; border:1px solid #d2e0f3; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li p span.group{ position: absolute; top:-2px; right:0; }
.lay-main .lay-main-left .content .left-userlist-area .con .openClientList ul li p span.account{ padding:0 50px 0 30px; }
/*快捷菜单*/
.lay-main .lay-main-left .content .left-tool-area{ display:block; text-align:center; padding:5px 5px; }
.lay-main .lay-main-left .content .left-tool-area a{ display:block; margin:0px 0 0; padding:10px 0px 5px; text-align:center; line-height:26px; background:rgba(0,0,0,0.3); border-radius:5px; color:rgba(255,255,255,1); }
.lay-main .lay-main-left .content .left-tool-area a:hover{ color:rgba(255,255,255,1); background:#000000; }
.lay-main .lay-main-left .content .left-tool-area a img{ width:30px; height:30px; }
.lay-main .lay-main-left .content .left-tool-area a span{ display:block; }
.lay-main .lay-main-left .content .left-tool-area.line{ padding:5px 5px 0; }
.lay-main .lay-main-left .content .left-tool-area.line a span{ display:block; }
.lay-main .lay-main-left .content .left-tool-area.line a{ display:block; margin:0px 0px 0; padding:10px; text-align: left; line-height:30px; color:#fff; }
.lay-main .lay-main-left .content .left-tool-area.line a:hover{ background:rgba(0,0,0,0.8); }
.lay-main .lay-main-left .content .left-tool-area.line a img{ margin:0 10px; }
.lay-main .lay-main-left .content .left-tool-area.line a span{ display:inline-block; }
/*qr*/
.lay-main .lay-main-left .content .left-qr-area{ display:block; background: rgba(0,0,0,0.2); margin:5px; padding:10px 10px; border-radius: 5px; }
.lay-main .lay-main-left .content .left-qr-area .tx{ display: block; width:100%; height:30px; line-height:30px; font-size:12px; padding: 0 0 5px; }
.lay-main .lay-main-left .content .left-qr-area .qr{ width:90%; margin-top: 0px; border:1px solid rgba(0,0,0,0.8); }
.lay-main .lay-main-left .content .left-qr-area .qr img{ width: 100%; }
/*
 *中上
*/
.lay-main .lay-main-midd .videoArea{ position: absolute; width:100%;  background:#000; z-index:1;top: 40px; bottom: 130px; }
.lay-main .lay-main-midd .videoArea .videoDiv {width: 100%;height: 100%;position: absolute;left:0; top:0; z-index:2;}
.lay-main .lay-main-midd .videoArea .view_limit{ display:none; height:20px; line-height:20px;position: absolute; z-index: 100; top:5px; right:10px; color: orangered; }
.lay-main .lay-main-midd .videoArea .view_limit i{ display:inline-block; text-align:center; width:20px; }
/*
 *中下
*/
.lay-main .lay-main-midd .videoBottom{ position: absolute; left: 0; bottom: -65px; right: 0; display: block; height:190px; }
.lay-main .lay-main-midd .videoBottom .layui-tab-title { }
.lay-main .lay-main-midd .videoBottom .layui-tab-title li{ width:19.9%; padding: 0 0px; margin:0; }
.lay-main .lay-main-midd .videoBottom .layui-tab-title li:last-child { border:0; }
.lay-main .lay-main-midd .videoBottom .layui-tab-content{ padding:0px;position: relative;}
.lay-main .lay-main-midd .videoBottom .layui-tab-content .videoBottomCon{ position: absolute; top: 0; bottom: 0; overflow:hidden; z-index:1; }
.videoTop{ display: block; height: 40px; padding:0 5px 0 180px; background: rgba(0,0,0,0.8); }
.videoTop .teacherCurr{ position: absolute; width:150px; padding:0 0 0 30px; left:0px; height:40px; line-height:40px; overflow:hidden; background: url(../images/live.png) 6px 0px no-repeat; }
.videoTop .teacherCurr .flushVideo{ position: absolute; right: 0; top: 10px; }
.videoTop .scroll-notice{display: block; height: 40px; padding:0 0 0 45px; background: url(../images/notice.png) 0px 0px no-repeat }
.videoTop .scroll-notice .noticeMarquee{ float: left; width:100%; height:40px; line-height:40px; overflow:hidden; }
.videoTop .scroll-notice .noticeMarquee ul{ float: left; }
.videoTop .scroll-notice .noticeMarquee ul li{ float: left; padding:5px 10px 5px 0; height:30px; line-height:30px; }
.videoTop .scroll-notice .noticeMarquee ul li a{ color:#fff; height:30px; line-height:30px; }

/*******************************************************************************************************
* footer
*******************************************************************************************************/
.lay-bottom{ position: absolute; height:30px; bottom:0px; left:0px; right:0; width:100%; z-index:1; }
.lay-bottom .main{ display:block; line-height:30px; text-align:center; color:#dddddd; font-size:12px; }

/*******************************************************************************************************
* 用户列表
*******************************************************************************************************/
.lay-userpanel { position: absolute; top:65px; bottom:35px; right:-300px; width:300px; border-left:0; z-index:89000;}
.lay-userpanel *{ color:#fff; }
.lay-userpanel .toggle {position:absolute;content:''; left:-10px; top:30%; width:10px;px; height:100px;line-height:100px; cursor: pointer; color: #fff; text-align: center; z-index: 999;background: rgba(255,0,0,0.5); }
.lay-userpanel .toggle i{display: inline-block; width:10px; height:15px; vertical-align: middle;background:url(../../images/common/icons.png) -283px 0px no-repeat;}
.lay-userpanel .user-list { position: relative; width: 100%; height: 100%;}
.lay-userpanel .user-list .layui-tab-title li{ padding:0; width:33.3333%; font-size: 12px; }
.lay-userpanel .user-list .userlist-search { position: absolute; top: 40px; width: 100%; background: rgba(53, 53, 53, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.lay-userpanel .user-list .userlist-search .left,.lay-userpanel .user-list .userlist-search .right {float:left; font-size: 12px; width:50%; height:40px; line-height: 40px; color: rgba(255,255,255,0.5); margin:0; background: rgba(0, 0, 0, 0.5); text-align:center; }
.lay-userpanel .user-list .userlist-search .left .search-input { width:100%; height:30px; line-height: 30px; color: #fff; padding: 5px 0px 5px 0px; text-indent:2em; margin:0; border:0;background:url(../images/common/icons.png) -270px -175px rgba(0, 0, 0, 0.5) no-repeat; }
.lay-userpanel .user-list .userlist-search .right a{ margin:0 5px; color: rgba(255,255,255,0.8); }
.lay-userpanel .user-list .userlist-search .right a:hover,.lay-userpanel .user-list .userlist-search .right a.select{ color: rgba(255,255,255,1); font-weight:bold; }
.lay-userpanel .user-list .scroll{ display:block; position: absolute; top:80px; bottom:0px; left: 0; right: 0; overflow:hidden; background: rgba(0, 0, 0, 0.5); }
.lay-userpanel .user-list .userlist{ display:block; width:100%; padding:0 0px; }
.lay-userpanel .user-list .userlist .user-item{ display:block; position:relative;text-align:left; padding:10px 10px 10px; font-size:12px; border-bottom: 1px solid rgba(53, 53, 53, 0.5); }
.lay-userpanel .user-list .userlist .user-item:hover{ background:rgba(53, 53, 53,0.5); }
.lay-userpanel .user-list .userlist .user-item .base{ display:block; line-height:22px; vertical-align: middle; }
.lay-userpanel .user-list .userlist .user-item .base .group{ display:inline-block; color:#F43926; }
.lay-userpanel .user-list .userlist .user-item .base .group img{ height:21px; vertical-align: bottom; }
.lay-userpanel .user-list .userlist .user-item .base .account{ display:inline-block; height:20px; line-height:20px; cursor: pointer; }
.lay-userpanel .user-list .userlist .user-item .base .status{ display:inline-block;height:18px; line-height:18px; padding:0px 5px; font-size:12px; border: 1px solid rgba(221, 221, 221, 0.5); border-radius:5px; }
.lay-userpanel .user-list .userlist .user-item .address{ display:block; line-height:22px; color:#ddd; }
.lay-userpanel .user-list .userlist .user-item .manage{ position: absolute; right:5px; top:10px; }
/*用户控制*/
.laytip-user-control .layui-layer-setwin{ right: 10px; top: 10px; }
.laytip-user-control .layui-layer-setwin a{margin-left:0px;}
.laytip-user-control .user-control{ padding: 5px 0;  }
.laytip-user-control .user-control a{ display:inline-block; width:70px; margin:5px; padding:0; text-align:center; }
/*toggle*/
.panel-middle{ right: 305px; }
.panel-user{ right: 0px; }
.panel-user .toggle{ left:0px; }
.panel-user .toggle i{ left:0px; background:url(../../images/common/icons.png) -291px 0px no-repeat;}
/*
 * 注册登陆
*/
.popup_box.regester{  height:100%;padding:0px; margin:0px; border:0; background:url(../images/reg_bg.png) left top no-repeat; background-size: cover; display:none; }
.popup_box.toggleReg .regester{ display:block; }
.popup_box.toggleReg .login{ display:none; }
.popup_box.togglelogin .regester{ display:none; }
.popup_box.togglelogin .login{ display:block; }
.popup_box.regester .regester-left{ float: left; margin: 100px 0px 0 40px; width:260px; }
.popup_box.regester .regester-left .logo{ float: left; width: 100%;text-align: center; }
.popup_box.regester .regester-left .logo img{ max-width:100% }
.popup_box.regester .regester-left .qr{ float: left; width: 100%; margin-top:30px; }
.popup_box.regester .regester-left .qr span{ float: left; width:160px; margin: 0 0 0 40px; height:160px; padding:10px; background:url(../images/reg_qr_bg.png) left top no-repeat; }
.popup_box.regester .regester-left .qr span img{ float: left; width:160px; height:160px; }
.popup_box.regester .regester-left .qr p{ float: left; width: 100%; margin:20px 0 0 0; height:40px; line-height:40px; text-align:center; background: #06477c;color: #e8e7e7;font-size: 16px;border-radius: 5px; }
.popup_box.regester .regester-con{ float:right; width:330px; background-color:rgba(255,255,255,0.2); padding:10px 20px 10px; margin:30px 30px 0 0; border-radius:10px; }
.popup_box.regester .regester-con.login{ margin-top:50px; }
.popup_box.regester .regester-con .pop_tit{ padding:0px 0 0; margin:0px; color:#333; }
.popup_box.regester .regester-con .pop_con{ padding:0; margin:0px 0; color:#fff; }
.popup_box.regester .regester-con .pop_con .layui-btn{ border-radius:5px; }
.popup_box.regester .regester-con .pop_con .layui-form-item{ margin:10px 0 0; width:100%; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline{ width:100%;}
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .layui-input{ padding-left:30px; border-radius:5px; border-color: #FFFFFF !important; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .account{ background: url(../../user/images/user_bg.png) 0px -53px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .password{ background: url(../../user/images/user_bg.png) 0px -24px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .verify{ background: url(../../user/images/user_bg.png) 0px -145px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .email{ background: url(../../user/images/user_bg.png) 0px -115px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .qq{ background: url(../../user/images/user_bg.png) 0px -178px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .mobile{ background: url(../../user/images/user_bg.png) 0px -83px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .verify-code{ position:absolute; right:1px; top:1px; height:36px;line-height:34px; border:1px solid #FFFFFF; background-color:#fff; overflow:hidden; }
.popup_box.regester .regester-con .pop_con .user-form-etc{ line-height:40px; color: #333; text-align:center; }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt{ display:inline-block; color:#fff; }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt a{ color:#FEFD0C; }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt a.forgetpassBtn{ color:#666; }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt a:hover{ opacity:.8; filter:alpha(opacity=90); }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt .layui-form-checkbox[lay-skin="primary"] { margin-top: 0px; color:#fff; }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt .layui-form-checkbox[lay-skin="primary"] span{ color:#fff; }
.popup_box.regester .regester-con .pop_con .user-form-auth{ color:#fff; line-height:40px; text-align:left; margin:0; }
.popup_box.regester .close_reg{ width:100%;margin:0;display:block;text-align:center;color: #fff;font-size: 16px;margin: 200px auto 0; }
/*
 * 订阅
*/
.popup_box.panel-rss .pop_con{ margin:0; }
.popup_box.panel-rss .pop_con .layui-form-item .layui-form-label{ width:110px; }
/*
 * 弹幕
*/
.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{ float: left; position:relative; display: block; background-color: rgba(0,0,0,.5); padding:20px; border-radius: 25px;transition: all .3s;}
.barrage-display .barrage_box .image{ display: block; padding:0 0px 0 0px; display: table-cell; font-weight:bold; }
.barrage-display .barrage_box .image img{ display: block; margin:5px; max-height:600px; }
.barrage-display .barrage_box .text a{ font-size:16px; color: #fff; line-height:2; cursor:pointer;word-break:break-all; word-wrap:break-word; }
.barrage-display .barrage_box .text a:hover{text-decoration: underline;}
.barrage-display .barrage_box .close{
	position:absolute; right:-5px; top:-5px; text-align: center; width:25px;height: 25px; border-radius: 50%; background:rgba(255,255,255,.1);
	background-image: url(../../common/images/close.png); cursor:pointer; visibility:hidden;opacity:0;
}
.barrage-display .barrage_box:hover .close{ visibility:visible;opacity: 1; }
/*
 * 进入弹窗
*/
#popBoxEnterlay{ overflow:hidden;}
#popBoxEnterlay .pop_con{ position: relative; }
#popBoxEnterlay ul{ position:absolute; height:40px; line-height:40px; left:0; right:0; bottom:0px; width:100%; text-align: center; background: rgba(0,0,0,.5); }
#popBoxEnterlay ul li{ float:left; width:20%; text-align: center; }
#popBoxEnterlay ul li img{ max-height:25px; }
/*
 * 观看到期
*/
#popBoxTimelimit{ overflow:hidden; background:none; }
#popBoxTimelimit .pop_con{ position: relative; }
#popBoxTimelimit .pos{ position:absolute; left:0px; right:0px; bottom:13%; text-align:center; }
#popBoxTimelimit .pos li{ display:inline-block; margin: 0px 5px; text-align: center; }
#popBoxTimelimit .pos li img{ max-height:40px; }
/*
 * 快捷按钮
*/
.right-quick{ position: absolute; width:50px; right:5px; top:50px; z-index:100; }
.right-quick a{ display:block; margin:10px 0; }
.right-quick a img{ max-width:100%; }
.btnRedBag{ position: fixed; width:50px; right:5px; bottom:220px; z-index:100; }
.btnRedBag .myMoney{ display:block; background: #FC4C4C; color:#fff; text-align: center; line-height:18px; font-size:12px; border-radius:3px; }

/*
 * 幸运抽奖
*/
.lotteryArea{ position: relative; width:870px; height:560px; background:url(../images/lottery_bg.png) left top no-repeat; }
.lotteryArea .rotary-area{ float:left; width: 100%; height:auto; position: relative; }
.lotteryArea .rotary-area .rotaryArrow { position: absolute; left:0px; top:0px; width:553px; height:553px;  z-index:2; }
.lotteryArea .rotary-area .rotaryArrow img{ max-width:100%; }
.lotteryArea .lottery-list{ position: absolute; right:10px; top:195px; display:block; width:290px; height:170px; overflow:hidden; margin:0;}
.lotteryArea .lottery-list ul{float:left; width:100%; padding:0px; }
.lotteryArea .lottery-list ul li{ float:left; width:100%; height:24px; line-height:24px; text-align:left;}
.lotteryGet{ display:block; padding:20px; }
.lotteryGet .layui-form-item .layui-input-inline{ width: 100%;margin-right: 0px; }
/*
 * 礼物区
*/
.gift-list-area{ display:block; width:250px; height:190px; padding:0px 0 0px 0px; }
.gift-list-area .gift-item{ float:left; position: relative; width:50px; height:50px; margin:9px 0px 0 10px; cursor: pointer; }
.gift-list-area .gift-item .gift-image{ max-width:100%; opacity:0.8; filter:alpha(opacity=80); }
.gift-list-area .gift-item:hover .gift-image{ display:block; opacity:1; filter:alpha(opacity=100); }
.gift-box-area{ display:none;}
.gift-box-area-box { width:380px; height:150px; padding:10px 10px 40px; background:#fff; }
.gift-box-area-box .img { width:70px; height:70px; float:left}
.gift-box-area-box .img img { width:100%; height:100%}
.gift-box-area-box .txt { float:left; width:290px; height:60px; margin-top:10px; margin-left:15px;}
.gift-box-area-box .txt .name { color:#939393; font-size:20px; margin-right:10px}
.gift-box-area-box .txt .charge { color:#ff9f15; font-size:15px}
.gift-box-area-box .txt .memo { margin-top:5px; color:#939393; font-size:15px }
.gift-box-area-box .qnum { float:left; width:100%; margin:20px 0; }
.gift-box-area-box .qnum a { float:left; margin:0 5px; width:50px; height:25px; line-height:25px;text-align:center;border:1px solid #e8e8e8;border-radius:5px; background:#f8f8f8;}
.gift-box-area-box .qnum a.curr { border:1px solid #E15434; background:#E15335; color:#fff; }
.gift-box-area-box .bottom { float:left;width:100%; }
.gift-box-area-box .bottom .left { float:left; width:50%; color:#999; line-height:30px}
.gift-box-area-box .bottom .right { float:right; }

/*密码进入*/
.roompass-block {width: 100% ;max-width: 640px;margin: 100px auto 0 auto; }
.roompass-block .roompass-tit {padding-top: 30px;color: #fff;font-weight: 700;font-size: 40px;text-align: center;width: 100%;}
.roompass-block .roompass-tit span {color: #008FBF;}
.roompass-block .roompass-font {font-size: 16px;width: 100% ;color: #5e5e5e;text-align: center;padding: 20px 0;padding-top: 10px;margin: 10px auto;}
.roompass-block .roompass-font span {color: #fff}
.roompass-block .roompass-form {margin: 0 auto;width: 60%;}
.roompass-block .roompass-input {margin-left: 0;}
.roompass-block .roompass-btn {width: 100% ;background: #008FBF;}
/*
 * 风险提示
*/
.FxAgree{ display:block;margin-top:10px; padding:10px 25px; border-top:1px solid #ddd; }
.FxAgree .layui-form-checkbox[lay-skin="primary"] span { color: #f00; }
.FxAgree .layui-form-checkbox[lay-skin="primary"]:hover i { border-color: #f00;}
.FxAgree .layui-form-checked[lay-skin="primary"] i { border-color: #f00; background-color: #f00; color: #fff; }

/* 聊天页 右侧加公司信息 */
.layim-chat-left{ width: 70%; float: left; position: relative; }
.layim-chat-left:after{position: absolute;position: absolute;right: 0;bottom: 0px;display: block;border: 1px solid #f4f4f4;content: '';top: 0;}
.layim-chat-right{ width: 30%; float: right; }
.layim-chat-right .layim-chat-intro{ display:block; padding:15px 0; position: relative; }
.layim-chat-right .layim-chat-intro .avatar{ display:block; text-align:center; }
.layim-chat-right .layim-chat-intro .avatar img{ width:70px; height:70px; border-radius: 70px;border: 1px solid #f0f0f0; }
.layim-chat-right .layim-chat-intro .account{ display:block; height:30px; line-height:30px; padding:5px 0 0px; text-align:center; font-size:16px; color:#382D87; }
.layim-chat-right .layim-chat-intro .group{ display:block;height:24px; line-height:24px; padding:5px 0 0px; text-align:center; }
.layim-chat-right .layim-chat-intro .qq{ display:block; padding:5px 0 0px; text-align:center; line-height:30px; }
.layim-chat-right .layim-chat-intro .qq a{ display: inline-block; text-align:center; width:77px; height:22px; background: url(../../images/qqchat.png) left center no-repeat; }
.layim-chat-right .layim-chat-intro .sign{ display:block; min-height:150px; padding:10px; margin-top:10px; line-height:24px; font-size:12px; text-align: left; text-indent: 2rem; border-top: 1px solid #F1F1F1; }
/*客服面板最小化*/
.layui-layim-min.layui-layim-min-my {border:none;background-color: #1E9EFE;color:#fff;}
.layui-layim-min.layui-layim-min-my .layui-layer-content {position: relative;margin:0 0px;padding: 5px;line-height: auto;cursor: pointer;border-radius: 3px;overflow: hidden;text-overflow: ellipsis; }
.layui-layim-min.layui-layim-min-my .layui-layer-content img {float: left; width:24px; height:24px;margin:5px 2px 5px; border-radius: 100%; border: 1px solid #ddd; }
.layui-layim-min.layui-layim-min-my .layui-layer-content span {float: left; display: block;width: 30px; line-height:30px;padding: 0; font-size:16px;writing-mode:vertical-lr;}
/*投票css*/
.vote-box-list{ display:block; margin:20px; font-size:14px; }
.vote-box-list li{ display:block; padding:10px 10px; margin:10px 0; background: #fff; }
.vote-box-list li .vote-item-wrap{ display:block; position:relative; padding-left:70px; }
.vote-box-list li .vote-item-wrap .avatar{ position: absolute; width:50px; height:50px; border:1px solid #ccc; border-radius: 50px; left: 10px; top: -1px; }
.vote-box-list li .vote-item-wrap h4{ float:left; line-height:50px;}
.vote-box-list li .vote-item-wrap p.progress{float:left;height:20px;width:300px;border:1px solid #F9F9F9;background-color:#EFEFEF;margin:15px 10px;}
.vote-box-list li .vote-item-wrap p.progress span{float:left;height:20px;line-height: 20px;background-color:#F36161;font-size: 12px;text-indent: 5px;color: #fff;}
.vote-box-list li .vote-item-wrap .vnum{ float:left; width:75px; line-height:50px;}
.vote-box-list li .vote-item-wrap .btnVoteUser{ float:left; width:100px; margin:10px 0px; height:26px; line-height:26px; text-align:center; color:#F36161; border:2px solid #F36161; }
.vote-box-list li .vote-item-wrap .btnVoteUser:hover{ background:#F36161; color:#fff; }
/*课程表*/
#popBoxRoomCourse{ height:100%; }
#popBoxRoomCourse .pop_con{height: 100%;}
#popBoxRoomCourse .pop_con .course-table{display:block; width:100%; height:100%; border-collapse: collapse; }
#popBoxRoomCourse .pop_con .course-table table{margin:0;background:rgba(0,0,0,0.5);width:100%; height:100%; }
#popBoxRoomCourse .pop_con .course-table th,
#popBoxRoomCourse .pop_con .course-table td{padding: 5px 5px; text-align:center; color:#ffffff; border:1px solid #F8F8F8; }
#popBoxRoomCourse .pop_con .course-table th{ background-color: rgba(0,0,0,0.5); }
#popBoxRoomCourse .pop_con .course-table td{ background-color: rgba(0,0,0,0.3); }
#popBoxRoomCourse .pop_con .course-table .curr td{ font-weight:bold; color:#0198F1; }
/**/
#popBoxQr{ position: relative; width: 100%; height: 100%; background: url(../images/mobile-pop.jpg) left center no-repeat; }
#popBoxQr .pop_con a{ width: 190px; height: 190px; position: absolute; right: 28px;top: 55px; }
#popBoxQr .pop_con a img{ width: 100%; height: 100%; }