@charset "UTF-8";
body { width: 100%; height: 100%; overflow:hidden; color:#fff; }
body .layui-tab-title{ background: rgba(0,0,0,0.1); }
body .layui-tab-title li:hover { background: rgba(0,0,0,0.3); }
table { border: 0; margin: 0;border-collapse: collapse; border-spacing: 0; }
.flex_wrap { display: -webkit-box; display: flex; display: -ms-flex; display: -webkit-flex;}
.flex_item { flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; text-align: center;}
.layui-layer-title img{ height:20px; margin:0 5px 0 0; vertical-align: middle; }

/**
 * //
 */
.UserRegister {
    background-color: red;
    border-radius: 5px;
    line-height: 29px;
    width: 95px;
    height:29px;
    display: inline-block;
    color:#FFFFFF;
    text-align: left;
    padding-left:5px;
}
.UserRegister > i, .UserRegister > span{
    padding-left:5px;
}

.UserLogin {
    background-color:#5486F1;
    border-radius: 5px;
    line-height: 29px;
    width: 95px;
    height:29px;
    display: inline-block;
    color:#FFFFFF;
    text-align: left;
    padding-left:5px;
}
.UserRegister:hover,.UserLogin:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}

.btnUserLogin > i, .UserLogin > span{
    padding-left:5px;
}



/*
 * //tab
*/
.layui-tab-room { margin-top:0;height:100%; }
.layui-tab-room .layui-tab-title { border:0; overflow:hidden; }
.layui-tab-room .layui-tab-title li{ color:rgba(255,255,255,0.9); }
.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; border-bottom-color:rgba(0,0,0,0.2); background:rgb(243,3,3); }
.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; }
/*
 * //
*/
.wrapper{ background: rgba(0,0,0,0.5); }
/*
* //
*/
.news-message{position: relative;}
.news-message::before{content: " ";	border: 5px solid red;border-radius:5px;position: absolute;z-index: 1000;left: 0; top:3px; }
/*
 * //
*/
.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; }

/*
 * //
*/
.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; }
/*******************************************************************************************************
 * //
*******************************************************************************************************/
.lay-top{ position: absolute; z-index:90000; top:0; left:0; right:0; width:100%; height:60px; line-height:60px; overlow:hidden; vertical-align: middle; }
.lay-top .top_left{ float:left; text-align:left; width:70%; }
.lay-top .top_left a{ color:#fff; font-size:16px; }
.lay-top .top_midd{ float:left; text-align:left; width:60%; }

.lay-top .top_left .logo{ max-height:100%; margin-right:1px; }
.lay-top .top_left .logo img{ max-height: 60px;  }

.lay-top .top_midd a{ margin:0 0px 0 5px; }
.lay-top .top_left .currTeacher{ margin:0 0 0 10px; }
.lay-top .top_left .currTeacher img{ max-height:60px; margin:0;padding:0; }

.top_right .btnRoomskin{ color:#fff; margin-right: 10px;padding-left: 20px;}
.top_right .btn{ margin:0 10px 0 0px; }
.top_right .text{ display:inline-block; margin:0 10px 0 0; color:#fffbe6; }
.top_right .user-dropdown{ position: relative; z-index:90001; display:inline-block; padding:0 10px;  }
.top_right .user-dropdown .avatar{ display:inline-block; width:30px; height:30px;border-radius:100%; border:1px solid #999999;background: #FFF;margin-top:-3px; }
.top_right .user-dropdown .account{ display:inline-block; padding:0 0px 0 5px; color:#fff; font-size:16px; cursor:pointer; }
.top_right .user-dropdown .user-down{position: absolute; display:none; z-index:90002; background:#fff; border:1px solid #fff; border-radius:5px;right:0; top:30px; width:400px; color: #333; text-align:left;}
.top_right .user-dropdown .user-down>h4 { display:block; font-size: 18px;border-bottom: 2px solid #ddd;line-height: 24px;margin: 15px;color: #2973ca;}
.top_right .user-dropdown .user-down>h4>span {border-bottom: 2px solid #2973ca;font-weight: bold;}
.top_right .user-dropdown .user-down .profile-block {position: relative; display:block; padding: 20px 15px 20px; border-bottom: 1px solid #ddd; line-height: 50px; }
.top_right .user-dropdown .user-down .profile-block .nickName { color:#333; }
.top_right .user-dropdown .user-down .profile-block .op {position: absolute; top:10px; right:5px;}
.top_right .user-dropdown .user-down .profile-block .op li{display:inline-block; margin:0 5px;}
.top_right .user-dropdown .user-down .profile-block .title { display: block; font-size:16px;color: #999;}
.top_right .user-dropdown .user-down .profile-block .title .shareText{display: block;padding: 5px;width:98%;border: 1px solid #ddd; }
.top_right .user-dropdown .user-down .profile-block .content { position: relative; line-height:22px; }
.top_right .user-dropdown .user-down .profile-block .content .myqr{ position: absolute; right:-10px; bottom:-15px; width:100px; height:100px; }
.top_right .user-dropdown .user-down .profile-block .content .myqr img{ width:100px; height:100px; }
.top_right .user-dropdown .user-down .profile-block .avatar { border-radius: 50%; border:1px solid #ddd; width: 50px;height: 50px; vertical-align: 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:35px; left:0; right:0; z-index:1; overflow:hidden; }
.lay-main .lay-main-left{float:left;position:relative;width: 15%;height:100%;}
.lay-main .lay-main-midd{
	float:left;
	position: relative;
	height:100%;
	width: 60%;
	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: 25%;height:100%;}

@media screen and ( max-width:1600px ) {
 .lay-main .lay-main-left{width: 15%;}
 .lay-main .lay-main-midd{width: 55%;}
 .lay-main .lay-main-right{ width:25%; }
}


.lay-main .lay-main-left .content{ float: left; width:100%; height:100%; }

.lay-main .lay-main-left .content01 .quick-tool-area{ display:block; width:100%; height:100%;  }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master{  display:block; margin:0 0 0;width: 100%; }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master .tit{ background: rgba(0,0,0,0.5);  }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master h3 { width:100%; height:40px; margin: 0 auto; position: relative; }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master h3 span{ display:none;}
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul{ display:block; margin-top:0; }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul li { width: 100%; height: 40px; line-height: 40px; background:#242729; border-top:1px solid rgba(0,0,0,0.2); color: #FDF883; }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul li span { float:left; display: inline-block; width: 45px; height: 40px; line-height: 40px; text-indent:10px; font-size: 16px; font-style: italic; font-weight: bold; }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul li p { float:left; font-style: italic; vertical-align: middle;}
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul li a { float:right; text-align:right; vertical-align: middle; color: #FDF883; padding-right:5px;}
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul li a:hover{ color:rgba(255,255,255,1); }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul li a i { font-size: 16px; }
.lay-main .lay-main-left .content01 .quick-tool-area .top_master ul li a font { font-size: 12px; }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool{ display:block; text-align:center; padding:10px 10px; }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool a{ display:block; margin:0 0 0; padding:10px 0px 5px; text-align:center; line-height:26px; background:#0101014a; border-radius:5px; color:rgba(255,255,255,0.8); }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool a span{ display:block;  }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool a:hover{ color:rgba(255,255,255,1); background:#000000; }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool a img{ width:40px; height:40px; }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool a span{ display:block; }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool a.tsmall{ height:40px; line-height:40px; margin:0; padding:0; text-align: left; }
.lay-main .lay-main-left .content01 .quick-tool-area .quick-tool a.tsmall i{ margin:0 10px 0 20px; }
.lay-main .lay-main-left .content01 .quick-tool-area .open-userlist-area{ display:block;width: 100%; text-align:left; margin:0 0 0; border-radius:2px; background:rgba(0,0,0,0.3); }
.lay-main .lay-main-left .content01 .quick-tool-area .open-userlist-area .con { display: block;width: 100%; position: relative; }
.lay-main .lay-main-left .content01 .quick-tool-area .open-userlist-area .con .tit{ display:block; height:30px; line-height:30px; padding:5px; border-bottom:1px solid rgba(255,255,255,0.1); }
.scrollClient{ display:block; width: 100%; height: 98%; overflow-x: hidden; overflow-y: auto; }
.scrollClient ul{position: relative; width: 100%; }
.scrollClient 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; }
.scrollClient ul li p{ float:left; width:100%; height:22px; line-height:22px; position: relative; }
.scrollClient ul li p span{ display:block; }
.scrollClient ul li p span img{ height:15px; }
.scrollClient ul li p span.avatar{ position: absolute; top:0; left:0; }
.scrollClient ul li p span.avatar img{ border-radius:100%; border:1px solid #4EA450; width: 15px;height: 15px; }
.scrollClient ul li p span.group{ position: absolute; top:0; right:0; }
.scrollClient ul li p span.account{ padding:0 50px 0 20px;line-height: 25px; }
.userManager,.userMemeber {padding-left:5px;}


.hidden {
    display: none;
}

.lay-main .lay-main-left .content02 .quick-tool-area { float: left; width:100%; height:100%; }
.lay-main .lay-main-left .content02 .quick-tool-area table{width: 100%; height: 100%;}
.lay-main .lay-main-left .content02 .quick-tool-area .client-count{ display:block; padding:10px; }
.lay-main .lay-main-left .content02 .quick-tool-area .client-count li{ display:block; height: 40px; line-height: 40px; background:rgba(0,0,0,0.5); border-radius:5px; }
.lay-main .lay-main-left .content02 .quick-tool-area .client-count li i{ margin:0 5px 0 10px; font-size:18px; }
.lay-main .lay-main-left .content02 .quick-tool-area .client-count li.yk{ background:#a1924d; }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool{ display:block; text-align:center; padding:10px 10px 0 10px; }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool a{ display:block; margin:0 0 0; padding:5px 0px 5px; text-align:center; line-height:24px; background:rgba(0,0,0,0.3); border-radius:5px; color:rgba(255,255,255,1); }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool a span{ display:block;  }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool a:hover{ color:rgba(255,255,255,1); background:rgba(0,0,0,0.9); }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool a img{ width:40px; height:40px; }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool a span{ display:block; }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool a.tsmall{ height:40px; line-height:40px; margin:0; padding:0; text-align: left; }
.lay-main .lay-main-left .content02 .quick-tool-area .quick-tool a.tsmall i{ margin:0 10px 0 20px; }

.lay-main .lay-main-left .content03{ }
.lay-main .lay-main-left .content03 .quick-tool-area { float: left; width:100%; height:100%; }
.lay-main .lay-main-left .content03 .quick-tool-area table{width: 100%; height: 100%;}
.lay-main .lay-main-left .content03 .quick-tool-area .quick-tool{ display:block; text-align:center; height: 100%; }
.lay-main .lay-main-left .content03 .quick-tool-area .quick-tool a{ display:block; padding:5px 5px 0; margin:0; color:rgba(255,255,255,1); }
.lay-main .lay-main-left .content03 .quick-tool-area .quick-tool a span{ display:block; width:100%; font-size:12px; text-align: center; line-height:30px; }
.lay-main .lay-main-left .content03 .quick-tool-area .quick-tool a span img{ width:45px; height:45px; display:block; margin: 0 auto; }
.lay-main .lay-main-left .content03 .quick-tool-area .quick-tool a:hover{ color:rgba(255,255,255,1); background:rgba(206,36,42,0.8); }
.lay-main .lay-main-left .content03 .quick-tool-area .quick-tool a.btnHandan{ color:rgba(255,255,255,1); background:rgba(206,36,42,0.8); font-size:18px; }

.lay-main .lay-main-left .left_qr{ display:block; background: rgba(0,0,0,0.2); margin:5px; padding:0 20px 0 20px; border-radius: 5px; }
.lay-main .lay-main-left .left_qr .tx{ display: block; width:100%; line-height:22px; font-size:12px; }
.lay-main .lay-main-left .left_qr .qr{ width:100%; margin-top: 5px; border:1px solid rgba(0,0,0,0.8); }
.lay-main .lay-main-left .left_qr .qr img{ width: 100%; }


.hq_area{ display:block; }
.hq_area .hq_header { color: #fff;font-size: 14px;font-weight: bold;line-height:40px; background: rgba(0,0,0,0.2);}
.hq_area .hq_data li {text-align: left;padding: 10px 0px;margin-top: 2px;position: relative;color: red; background: rgba(0,0,0,0.2); font-size: 14px;}

@media screen and ( max-width:1920px ) {
.lay-main .lay-main-midd{width:60%}
.lay-main .lay-main-right{width:25%}
}
@media screen and ( max-width:1800px ) {
.lay-main .lay-main-midd{width:60%}
.lay-main .lay-main-right{width:25%}
.hq_area .hq_data li{font-size:12px}
.lay-main .lay-main-left .content .quick-tool-area .quick-tool{padding:0}
.layui-col-space10>*{padding: 0px 5px 5px 5px;}
.lay-main .lay-main-left .content .quick-tool-area .quick-tool a.btnHandan::after{display:none}
}
@media screen and ( max-width:1600px ) {
 .lay-main .lay-main-left{ width:15%;}
 .lay-main .lay-main-midd{ width:60%;}
 .lay-main .lay-main-right{ width:25% }
 .NoticeMarquee .NoticeTitle{ width:20%}
 .NoticeMarquee .NoticeMain{ width:80%}
 .lay-main .lay-main-left .content03 .quick-tool-area .quick-tool a span img{ width:35px; height:35px;}
}
@media screen and ( max-width:1024px ) {
.top_left a:nth-child(n+2){ display:none;}
.lay-top .top_left{width:55%}
.top_right{width: 45%;}
.lay-main .lay-main-left{ display:none;}
.lay-main .lay-main-midd{ width:60%;}
.lay-main .lay-main-right{ width:29.2%;margin-right: 5px; }
}
@media screen and ( max-width:700px ) {
    .top_right{display:none;}
    .top_right{width: 45%;}
    .lay-main .lay-main-midd {width: 100%}
    .lay-main .lay-main-right {display:none}
    .vedio-stop .focus {width: 150px; height: 50px;}
}

.lay-main .lay-main-midd .videoArea{ position: relative; width:100%; height:632px; background:#000; z-index:1; }
.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;padding: 0px 0px 0;left: 0;right: 0px;bottom: 0px;}
.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:0;position: relative;}
.lay-main .lay-main-midd .videoBottom .layui-tab-content .videoBottomCon{ position: absolute; top: 0; bottom: 0; overflow:hidden; z-index:1; }
.info-box {display:block; position: relative;  background: rgba(0,0,0,0.3);}
.info-box .info-title {padding: 10px;height: 20px; }
.info-box .info-title img{float:left; }
.info-box .info-title h3{float:left;width: 90%;font-size:16px;line-height: 25px;margin-left: 5px;font-weight: bold; }
.info-box .info-msg {border-top:1px solid #999;padding: 10px 20px;height: 190px;}

.scroll-notice{display: block; height: 40px; padding:0 5px 0 230px;}
.scroll-notice .noticeMarquee{ float: left; width:100%; height:40px; line-height:40px; overflow:hidden; }
.scroll-notice .noticeMarquee ul{ float: left; }
.scroll-notice .noticeMarquee ul li{ float: left; padding:5px 10px; height:30px; line-height:30px; }
.scroll-notice .noticeMarquee ul li a{ color:#fff; height:30px; line-height:30px; }
.scroll-notice .currTeacher{ position: absolute; left:30px; height:40px; line-height:40px; overflow:hidden; }
.scroll-notice .currTeacher .flushVideo{ margin: -3px 0 0 10px; }
/*******************************************************************************************************
* footer
*******************************************************************************************************/
.lay-bottom{ position: absolute; height:30px; bottom:0; left:0; 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; 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;}
.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; }
.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:0; 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; }
.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; margin-right:5px; padding:0 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:0;}
.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; }

.panel-middle{ right: 305px; }
.panel-user{ right: 0px; }
.panel-user .toggle{ left:0; }
.panel-user .toggle i{ left:0; background:url(../../res/images/common/icons.png) -291px 0px no-repeat;}

/*******************************************************************************************************
* //
*******************************************************************************************************/
.report-area{ position: absolute; top:130px; bottom:10px; right:0; width: 25%; }
.report-area .user-report{ padding:5px; }
.report-area .user-report ul{ padding:0 5px;}
.report-area .user-report ul li .sd-con{ display:block; padding:10px; border-radius:3px; background-color:rgba(255,255,255,0.1); }
.report-area .user-report ul li .sd-con .sd-tit{ display:block; font-size:14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: 700; }
.report-area .user-report ul li .sd-con .sd-user{ display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:12px; padding:5px 0; }
.report-area .user-report ul li .sd-con .sd-user .uu{ color:#E5C65F; }
.report-area .user-report ul li .sd-con .sd-img{  position: relative; padding:0 0;display: flex;justify-content: center;align-items: center;}
.report-area .user-report ul li .sd-con .sd-img img{ height:100px; }
.report-area .user-report ul li .sd-con .sd-img .i-zoom { display: block; width: 17px; height: 17px; position: absolute; bottom: 5px; right: 5px;background-repeat: no-repeat; background-position: -60px -220px; }
.report-area .user-report ul li .sd-con .sd-txt{ height: 20px; line-height: 20px; overflow:hidden; }
.report-area .user-report ul li .sd-con .no-more{ height: 20px; line-height: 20px; text-align:center; margin:0 auto; }
.reportManage{ position:absolute; display:block; height:50px; line-height:50px; text-align:center; left: 0; right: 0; bottom:0; background-color:rgba(0,0,0,0.1); }
.sharing-bottom {
    position:absolute;
    right: 0;
    bottom:0;
    height: 36px;
    width: 24.88%;
    background: #000000;
}
/*******************************************************************************************************
* //
*******************************************************************************************************/
#popBoxHandan{ margin:0; padding:0; }
#popBoxHandan .pop_con{ margin:0; padding:0; }
#popBoxHandan .pop_con .pop-manage-area{ height:30px;; line-height:30px; vertical-align: middle; }
#popBoxHandan .pop_con .layui-tab{ margin:0; border-width:0;box-shadow: 0 0px 0px 0 rgba(0,0,0,.1); }
#popBoxHandan .pop_con .layui-tab .layui-form-item{ margin:0; }
#popBoxHandan .pop_con .layui-tab .layui-form-item .layui-input-inline{ margin:0 0 0 10px; }
#popBoxHandan .pop_con .layui-tab .layui-tab-title li{ font-weight:bold; }
#popBoxHandan .pop_con .layui-tab .layui-tab-title li.layui-this{ font-weight:bold; color:#f00; font-size: 18px; }
#popBoxHandan .pop_con .layui-tab .searchArea{ float:right; text-align:left;margin: 5px 0 0 10px; }
#popBoxHandan .pop_con .layui-tab .searchArea input{ height: 30px;line-height: 30px; font-size:12px; }
#popBoxHandan .pop_con .layui-tab .searchArea .layui-form-select dl{ top:28px; font-size:12px; }
#popBoxHandan .layui-table { height:auto; }
#popBoxHandan .layui-table-cell { height: 28px; line-height: 28px; padding: 0 10px; overflow:inherit; }
#popBoxHandan .layui-form-switch { margin-top: -3px; }
#popBoxHandan .layui-form-switch em { top: -1px; }
#popBoxHandan .handan_vip{ position: absolute; z-index: 100000;left:1px;top:-3px;height:8px;}
#popBoxHandan .handan_vip img{ display: block; max-height:100%;}



/*******************************************************************************************************
* //
*******************************************************************************************************/
.popup_box.panel-rss .pop_con{ margin:0; }
.popup_box.panel-rss .pop_con .layui-form-item .layui-form-label{ width:110px; }
/*******************************************************************************************************
* //U2FsdGVkX198LCihO2I9cGd5rVRZ4fwp2ZovVliFImPrUcTeKve8E1z/cDb8ZSOL
*******************************************************************************************************/
.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: 20px;border-radius: 25px;transition: all .3s;height: 15px;padding-top: 0px;}
.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:16px; 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);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;}


#popBoxEnterlay{ overflow:hidden;}
#popBoxEnterlay .pop_con{ position: relative; }
#popBoxEnterlay ul{ position:absolute; height:40px; line-height:40px; left:0; right:0; bottom:0; 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:170px; top:200px; }
#popBoxTimelimit .pos li{ display:block; margin: 10px 0px 0 0; text-align: center; }
#popBoxTimelimit .pos li img{ max-height:40px; }
#popBoxTimelimit .bottom{ position:absolute; left:0; right:0; bottom:30px; padding:10px 0;text-align:center; }
#popBoxTimelimit .bottom li{ display: inline-block; margin: 0 5px; text-align: center; }
#popBoxTimelimit .bottom li img{ max-height:30px; }



.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;}


/***课时奖励***/
.reward {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top:10px
}

.reward .step {
    width: 22%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
}

.reward .stepBox {
    position: relative;
    display: inline-block;
    padding: 5px 10px 20px 10px;
    color: white;
    height: 40px;
    width: 100px;
}

.stepBox-text1 {
    font-size: 12px;
    font-weight: 300;
}

.stepBox-text2 {
    font-size: 12px;
    margin-top: 4px;
}
.reward .stepArrow {
    position: relative;
    display: inline-block;
    text-align: center;
    color: white;
}

.reward .arrow {
    width: 0;
    height: 0;
    /*transform: rotate(90deg);*/
    position: relative;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
}

.arrow-text {
    position: absolute;
    top: 50%; /* 垂直居中 */
    left: -30px;
    transform: translate(-50%, -50%); /* 调整位置以居中 */
    z-index: 1; /* 确保文字在空心三角形之上 */
    font-size: 22px;
    font-weight: 800;
}

.reward .step1 .stepBox{
    background: #FF7344;
}

.reward .step1 .arrow{
    border-left: 40px solid #FF7344;
}

.reward .step2 .stepBox{
    background: #E5A204;
}

.reward .step2 .arrow{
    border-left: 40px solid #E5A204;
}

.reward .step3 .stepBox{
    background: #4EA450;
}

.reward .step3 .arrow{
    border-left: 40px solid #4EA450;
}

.reward .step4 .stepBox{
    background: #107FD9;
}

.reward .step4 .arrow{
    border-left: 40px solid #107FD9;
}