@charset "utf-8";
.layui-carousel{
    background: none !important;
}
/* position */
a{ text-decoration: none; /* color:white !important; */}
a:hover{ color: yellow; }
img { border:0px;}
.tcontent img {max-width: 1000px;max-height: 500px;}
.ption_r {position:relative;}
.ption_a {position:absolute;}
.f_left{float:left;}
.f_right{float:right;}
.clearfix{clear:both; _height:1px; overflow:hidden; *display:inline;}
.hid,.qqdiv{display:none;}
select,input{   vertical-align:middle;}
select{ height:20px; font-size:12px;}
html, body {font-size: 9pt;margin: 0px;color: #FFF;font-family: Microsoft Yahei, Verdana, Geneva, sans-serif;overflow: hidden;height: 100%;background: #fbf8f8;}
p { margin: 0px; }
.zoomWallpaperGrid img { position: absolute; top: 0;left: 0;z-index: -999;width: 100%;height: 100%;}
.gd {color: #FFF;height: 36px;line-height: 36px;background: #000;position: absolute;bottom: 0px;left: 0px;z-index: 100px;width: 50%;font-size: 12px;right: 200px;}
.u {color: #5a6f98;}
.uadmin {color: #f44336 !important;}
.date {color: #5a6f98;font-size:12px;border-radius: 3px;line-height: 24px;float: left;/* background: rgba(0,0,0,.3); */margin-right: 0;text-align: center;width: 36px;height: 24px;margin-left: 4px;}
.OnLineUser {width: 244px;overflow: auto;position: relative;/* background: url(../../images/bj1.png); */height: 860px;}
.OnLineUser li { list-style-type: none; float: left; }
.OnLineUser li img { border: 0px; }
.OnLineUser li a { line-height: 22px; float: left; width: 215px; padding: 4px 4px 4px 10px; cursor:default;}
.OnLineUser li span { float: right; cursor: pointer; }
.OnLineUser li cite { float: left; padding-right: 3px; position: relative; height: 22px; overflow: hidden; padding-top: 2px;}
.OnLineUser li cite .head { height: 22px; width: 22px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.OnLineUser li cite .state { position: relative; margin-right: -15px; left: -13px; top: 3px; }
.OnLineUser li dt {height: 32px;line-height: 32px;width: 115px;overflow: hidden;float: left;margin: 0px;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #714f46;}
.OnLineUser li dt code { color: #999; display: none }
.OnLineUser li dd { height: 20px; width: 45px; overflow: hidden; float: left; margin: 0px; display: none; }
.OnLineUser li dl { height: 26px; width: 170px; overflow: hidden; float: left; margin: 0px; color: #999; display: none; }
.OnLineUser li a:hover dt { width: 100px; }
.OnLineUser li a:hover { background:#ac877f;}
#UI_MainBox {width: 100%;min-width: 1024px;height: 100vh;min-height: 768px;}
#UI_Head {MIN-WIDTH: 0px;HEIGHT: 60px;background: rgba(0,0,0,0.4);background: #eeeeee;}
#UI_Head .heads {MIN-WIDTH: 0px;HEIGHT: 60px;margin-bottom: 1px;}
#UI_Head .logo_bg {position: absolute;top: 0px;left: 27px;height: 60px;z-index: 1000;padding-left: 170px;line-height: 60px;font-size: 14px;vertical-align:middle}
#UI_Head #head_box {POSITION: relative;width: 100%;height: 100%;}
#roe-huanhu{background:url(../../images/huan.png) no-repeat 0px 8px; margin-right:10px;float:left; height:29px; padding-left:25px; font-size:14px; line-height:28px;}
#Sign{background:url(../../images/qian.png) no-repeat 0px 4px; margin-right:10px;float:left; height:29px; padding-left:25px; font-size:14px; line-height:28px;}
#UI_Head #head_box .head_user {POSITION: absolute;COLOR: #fffbe6;TOP: 16px;RIGHT: 9px;display: flex;align-items: center;}
#UI_Head #head_box .head_user .reg,#UI_Head #head_box .head_user .login{border-radius: 4px;float: left;display: block;width: 60px;height: 28px;display: flex;align-items: center;justify-content: center;font-size: 14px;/* letter-spacing: 4px; */}
#UI_Head #head_box .head_user .reg{background:url(../../images/register.png) no-repeat;}
#UI_Head #head_box .head_user .reg:hover{background-color:#9f9f9f;}
#UI_Head #head_box .head_user .login{/* background:url(../../images/login.png) no-repeat; */margin-right: 10px;background: #59c5de;color: #725149;}
#UI_Head #head_box .head_user .login:hover{background-color: #3cbfdd; color:white;}
#UI_Head #head_box .head_user .userinfo {
        text-align: center;
        font-size: 14px;
        float: left;
        display: block;
        height: 32px;
        line-height: 32px;
        background: #97827f;
        color: #fff;
        padding-right:10px;
        -moz-border-radius: 5px 0px 0px 5px;      /* Gecko browsers */
        -webkit-border-radius: 5px 0px 0px 5px;   /* Webkit browsers */
        border-radius:5px 0px 0px 5px;          /* W3C syntax */
        overflow: hidden;
        }
#UI_Head #head_box .head_user .userinfo2 {
        text-align: center;
        margin-right:10px;
        font-size: 14px;
        float: left;
        display: block;
        height: 32px;
        line-height: 32px;
        background: #a8d8d8;
        color: #fff;
        padding-right:8px;
        padding-left:8px;
        -moz-border-radius: 0px 5px 5px 0px;      /* Gecko browsers */
        -webkit-border-radius: 0px 5px 5px 0px;   /* Webkit browsers */
        border-radius:0px 5px 5px 0px;            /* W3C syntax */
        overflow: hidden;
        }
#UI_Head #head_box .head_user .userimg{float: left;height: 32px; margin-right:5px;}
#UI_Head #head_box .head_user .userlogout{
        text-align: center;
        font-size: 14px;
        float: left;
        display: block;
        height: 32px;
        line-height: 32px;
        background: #a8d8d8;
        color: #fff;
        padding-right:10px;
        padding-left:10px;
        -moz-border-radius: 5px;      /* Gecko browsers */
        /* -webkit-border-radius: 5px; */   /* Webkit browsers */
        /* border-radius:5px; */            /* W3C syntax */
        overflow: hidden;
        border-radius: 0 5px 5px 0;
        }
#Y_pub_Tools{ position: absolute;right: 2px;top: 4px; z-index:99;}
#Y_pub_Tools a {background: url("../../images/mesbg.png") repeat scroll 0 0 transparent;border-radius: 3px;float: left;height: 26px;cursor: pointer;line-height: 26px;margin-right: 5px;text-align: center;width: 50px;}
#Y_pub_Tools .clear {
    background: url("../../images/tool.png") no-repeat;
    background-position: 0px -319px;
    padding-left: 18px;
    color: #523d38;
}
#Y_pub_Tools .scroll {
    background: url("../../images/tool.png") no-repeat;
    background-position: 0 -360px;
    padding-left: 18px;
    color: #523d38;
}
#Y_pub_Tools .noscroll {
    background: url("../../images/tool.png") no-repeat scroll left top transparent;
    background-position: 0 -154px;
}
#Y_pub_Tools span {
    box-shadow: none;
    margin: 0;
    height: 26px;
    display: inline-block;
}
#favlink a{margin:0;padding-right:12px;}
#favlink #app_12{background: url("../../images/n-icon-11.png") no-repeat 3px 6px;padding-left: 25px;/*color: rgb(204, 0, 0);*/font-size: 20px; color: #E04343; font-weight: bold;}
#favlink .link1{background: none;padding:3px 7px 5px 7px;padding-left:12px;color:#eee;font-size: 20px;}
.link1.left1{ display: block;float: left; font-size: 12px;color: #fff;height: 30px;line-height: 32px; padding: 0 13px 0px 40px;background: url('../../images/save_ico.png') 12px 6px no-repeat #e03f27; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;  margin-left:7px;}
#favlink .link1:hover{color:#FF0;}
#UI_Left1 { float: left; width: 60px; margin-bottom: 0px; overflow: hidden }
#UI_Left2 {float: left;width: auto;margin-left: 2px;position: relative;height: 100%;}
.hq{ margin-top:3px;}
#MsgBox { }
#Msg img { vertical-align:text-bottom; max-height:100%; }
.load_msg{ width:100%; text-align:center; margin-top:5px; margin-bottom:5px;}
.load_msg a{background:url(../../images/load_more.png) left center no-repeat;padding-left:20px;color: #96766f;}
.load_msg a.wait{background:url(../../images/load_wait.gif) left center no-repeat;}
.tips{width: 100%;line-height: 20px;height: 20px;background: url("../../images/line.png") center center no-repeat;font-size: 12px;display: inline-block;text-align: center;color: #523d38;z-index:99999;}
.giftf{ width:180px; height:150px;  position:absolute; bottom:10px; right:20px; z-index:99999; text-align:center;display:none;}
.gifttit{ padding-left:5px; padding-right:5px;height:30px; line-height:30px; color:#ff0;border-radius:5px; margin:0 auto; text-align:center; font-weight:bold; }
.down{position:absolute;bottom:0px;height:20px;width:100%;z-index: 999;text-align: left; background: #222; line-height: 20px; text-align: center;}
.Room_Tools{ position:absolute; right:5px; top:105px; z-index:99}
.Room_Tools a{display: block;width: 46px;margin-bottom: 10px;text-align: center;color: #fff;}
.Room_Tools a img{ height:36px; }
/*鲜花*/
.Room_Tools .rwmcode {position: absolute;left: -200px; padding: 10px;border-radius: 5px;background-color: #000; top: 50px; display: none;width: 160px !important;height: 160px !important;}
.Room_Tools a:hover{color: #e7341e;}
.flower{ width:300px; height:70px; position:absolute; left:50%; top:50%; z-index:999; background:#FFFFFF; border-radius: 5px; display:none;}
.flower img { margin: 0px auto !important; display: block; }
.flower a { display: block; text-align: center; float: left; margin: 5px 10px; position: relative; color: #666; width:66px; height:68px; }
.flower a em{font-style: normal;}
.flower .flower-close {width: 29px; height: 29px;display: block;position: absolute; top: -8px;right: -8px;background: url("../../images/g_m_cha.png") center center no-repeat;background-size: 100% 100%;cursor: pointer;}
.flower .tips {background-color: #fff; position: absolute; border-radius: 5px;display: inline-block;padding: 0 10px;height:28px;line-height: 28px; top: -43px;width: 220px;color: #333;left: 37%; margin-left: -100px;z-index: 99;display:none;}
.flower .tips i {width: 15px;height: 12px;display: block;position: absolute;left: 50%; margin-left: -7px; bottom: -11px;background: url("../../images/d3.png") center center no-repeat; background-size: 100% 100%;}
/*鲜花end*/
/*送礼物*/
.gift_list{ width:428px; height:200px; position:absolute; left:50%; top:50%; z-index:999; background:#FFFFFF; border-radius: 5px; display:none;}
.gift_list img { margin: 0px auto !important; display: block; }
.gift_list a { display: block; text-align: center; float: left; margin: 5px 10px; position: relative; color: #666; width:66px; height:68px; }
.gift_list a em{font-style: normal;}
.gift_list .flower-close {width: 29px; height: 29px;display: block;position: absolute; top: -8px;right: -8px;background: url("../../images/g_m_cha.png") center center no-repeat;background-size: 100% 100%;cursor: pointer;}
.gift_list .tips {background-color: #fff; position: absolute; border-radius: 5px;display: inline-block;padding: 0 10px;height:28px;line-height: 28px; top: -43px;width: 220px;color: #333;left: 37%; margin-left: -100px;z-index: 99;display:none;}
.gift_list .tips i {width: 15px;height: 12px;display: block;position: absolute;left: 50%; margin-left: -7px; bottom: -11px;background: url("../../images/d3.png") center center no-repeat; background-size: 100% 100%;}
.min_gift{background: #fff;border-radius: 3px; overflow:hidden;}
.min_gift li{ width: 48px;height: 70px;margin: 9px 6px 0 6px;float: left;}
.min_gift_list ._to_people{ margin:3px 0 8px 10px;}
.min_gift_list ._number{ margin:4px 0 8px 10px;}
.min_gift_list .infoPay_btn{ width: 70px; height: 30px; border-radius:3px; line-height: 30px; float:right; margin-right:10px;}
.min_gift_list em { width: 16px; height: 8px; background: url(../images/g_more.png); position: absolute; right: 10px; bottom: -8px;}
.min_gift_list ._teacher_box em { width: 11px; height: 6px; background: url(../images/t_e.png); position: absolute; left: 59px; bottom: -5px;}
.min_gift_list ._number_box em{ width: 11px; height: 6px; background: url(../images/t_e.png); position: absolute; left: 25px; bottom: -5px;}
.min_gift li span {width: 33px;height: 33px;display: block;margin: 3px auto 0;}
.min_gift li img {width: 38px;height: 38px;border-radius: 50%;}
.min_gift li p { width: 100%;height: 20px;color: #666;line-height: 40px;text-align: center;}
.min_gift{font-size: 12px}
.min_gift li:hover {background: #eee; border-top: 2px solid #ec781a;}
.min_gift li {width: 55px; height: 70px;margin: 5px 3px 4px 3px;float: left;border-top: 2px solid #fff;cursor:pointer;}
.mou_hover{ width:280px; height:80px; z-index:9999; background:#fff; border: 1px solid #bfbfbf; padding:10px; position: absolute; /*right:0;*/ bottom:53px; display: none;}
.mou_hover_after{ display:block;}
.mou_hover dt{ margin-right:10px; float:left;}
.mou_hover dt img{ width:80px; height:80px; border-radius:3px;}
.mou_hover dd{ float:left;width:166px;}
.mou_hover dd p{ line-height:17px; font-size:12px;color: #666;}
.g_pro_title{ font-size:16px; font-weight:bold; height:22px; color:#000000;}
.g_pro_title i{font-style: normal;}
.g_pro_money{ color:#f70; font-weight:normal; font-size:14px;font-style: normal;}
.contribution{ color:#959595;}
.gaoji_pro{ height:20px; color:#3c3c3c;}
.more_hover{ width:280px; height:102px; z-index:14; background:#fff; border: 1px solid #bfbfbf; padding:10px; position: absolute; /*right:0;*/ display:none;}
.more_hover dt{ margin-right:10px; float:left;}
.more_hover dt img{ width:80px; height:80px; border-radius:3px;}
.more_hover dd{ float:left;width:166px;}
.more_hover dd p{ line-height:17px; font-size:12px;color: #666;}
.select_send_gift{ width:175px; height:95px; position:absolute; left:50%; top:50%;z-index:1000; background:#fff; border: 1px solid #bfbfbf; padding:10px; display:none;}
.select_send_gift .send_gift-close {width: 29px; height: 29px;display: block;position: absolute; top: -8px;right: -8px;background: url("../../images/g_m_cha.png") center center no-repeat;background-size: 100% 100%;cursor: pointer;}
#gift_tc{ color:#f70;}
#gift_gold{ color:#f70;}
.send_gift_img{ height:35px; color:#555; }
.send_gift_img_main img{width:35px;height:35px;padding:0px;margin:0px;vertical-align:middle;margin-top:-7px;}
.send_gift_name{ font-size:16px; color:#000000; font-weight:bold; margin-left:10px;}
.send_gift_gold{ margin-left:10px;}
.send_gift_gold{ color:#f70;}
.gift_send_tc{ color:#555; margin-top:10px;}
.gift_send_select{ margin-top:10px; color:#555;}
._number_input{ width:40px; border: solid 1px #bfbfbf; margin-top:-3px; margin-left:5px; text-align:center; color:#555;}
#bt_gift_send{ height:20px; width:50px; color:#FFFFFF; background:#f70; margin-right:1px; text-align:center; display:block; cursor:pointer; float:right; margin-top:-2px; line-height:20px;border-radius: 2px }
.chat_gift{height:40px; line-height:40px; background:#FFF; float:left; color:#000000;margin-bottom:5px;border-radius: 3px;}
.chat_giftimg{vertical-align:middle; margin-left:5px; width:37px; height:37px;}
.chat_giftx{color:#f70; margin-left:5px; font-weight:bold;}
.ryPopGift {position: absolute}
.ryPopGift.ryPopGift_small {opacity: 0;font-size: 12px;padding: 0 50px 0 40px; background-color: rgba(82,82,82,0.6);border-radius: 20px;left: -500px;-webkit-transition-duration: 500ms;transition-duration: 500ms;-webkit-transition-property: opacity,left;transition-property: opacity,left; z-index: 998}
.ryPopGift.ryPopGift_small.first { top: 130px}
.ryPopGift.ryPopGift_small.middele { top: 190px}
.ryPopGift.ryPopGift_small.last {top: 250px}
.ryPopGift.ryPopGift_small.ends { top: 310px}
.ryPopGift.ryPopGift_small.first.active,.ryPopGift.ryPopGift_small.last.active,.ryPopGift.ryPopGift_small.middele.active,.ryPopGift.ryPopGift_small.ends.active {left: 30px;opacity: 1}
.ryPopGift.ryPopGift_small .icon-avatar {display: block;position: absolute;left: 0;top: 2;width: 30px;height: 30px;background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto; border-radius: 20px;box-sizing: border-box}
.ryPopGift.ryPopGift_small .nickname {height: 20px; line-height: 20px;color: #fff}
.ryPopGift.ryPopGift_small .giftname { height: 15px;line-height: 15px; color: #1daeff}
.ryPopGift.ryPopGift_small .icon-gift { display: block;position: absolute; right: 0;bottom: 0;right: -5px;width: 50px; height: 50px;background-repeat: no-repeat; background-position: 0 0;background-size: 100% auto;border-radius: 20px}
.ryPopGift.ryPopGift_small .giftNum {position: absolute; right: -45px; top: -10px; font-size: 20px;color: #1fbcf8;text-shadow: 0 0 1px white}
.ryPopGift.ryPopGift_small .giftNum.active {-webkit-animation: giftNum 100ms ease-in-out 0s;animation: giftNum 100ms ease-in-out 0s}
@-webkit-keyframes giftNum {
    0% {-webkit-transform: scale(4);transform: scale(4)}
    50% {-webkit-transform: scale(1); transform: scale(1)}
    100% {-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes giftNum {
    0% { -webkit-transform: scale(4);transform: scale(4)}
    50% {-webkit-transform: scale(1);transform: scale(1)}
    100% {-webkit-transform: scale(1);transform: scale(1)}
}
/*送礼物end*/
#FontBar { background:#F8F8F8; padding: 4px; height: 20px; width: 400px; overflow: hidden; position: absolute;  border-radius: 5px 5px 0px 0px;}
#ColorTable li { list-style-position: outside; list-style-type: none; width: 10px; height: 10px; overflow: hidden; float: left; cursor: hand; }
.drag_skin { height: 1px; cursor: n-resize; overflow: hidden; background-image: url(../../images/MesSplit.png) }
a {font-size: 12px;color: #FFF;text-decoration: none;cursor:pointer;}
.bt_down { font-family: Webdings; width: 10px; text-align: center; }
.bt_true { border: 1px #999 solid; background-color:#CCC; }
.bt_false { border: 1px #F8F8F8 solid; background-color: #F8F8F8; }
.head_bg { background-image: url(HeadBackground_R.jpg); background-repeat: no-repeat; background-position: right; height: 40px; }
.title_bar {height: 40px;line-height: 40px;overflow: hidden;/* padding-left: 5px; */color: #FFF;font-size: 14px;}
.title_bar input {  margin-left: 2px; margin-right: 2px; }
.Notice_icon{color:#FFFFFF;height: 40px;float:left;width: 88px;padding-left: 5px;}
.Notice_icon i{display:block;width:20px;height:20px;margin-top:11px;background: url(../../images/titleicon01.png) no-repeat;background-size: 20px;float:left;margin-right: 2px;}
.Notice_main{overflow:hidden;display:block;height: 40px;}
.Notice_r{ float:right; width:5px; height:35px;}
#Send_key_option { border: 1px solid #CCB3B3; background: #f4fdec; padding: 2px; width: 180px; position: absolute; overflow: hidden; cursor: hand; }
#Manage { border: 1px solid #CCB3B3; background: #f4fdec; width: 290px; padding: 5px; position: absolute; overflow: hidden; }
#ColorTable { border: 1px solid #CCB3B3; background: #F8F8F8; padding: 5px; width: 180px; position: absolute; overflow: hidden; }
#ToUser{vertical-align: baseline;margin: 0px;margin-left: 5px;display: inline-block;}
.Tochat {margin-right: 12px;height: 22px;margin-top: 3px;background-color: #978183;line-height: 22px;padding: 0 10px;color: #73dfe9;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#Tochatclose {position: absolute;width: 19px;height: 19px;z-index: 1001;background: url(../../images/close.png) no-repeat 0 0;right: -10px; bottom: 12px;display: none; cursor:pointer;}
#Video_List { position: absolute; }
#Video_List .list { float: left; width: 148px; height: 110px; overflow: hidden; border: 1px solid #CCB3B3; margin-top: 1px; margin-left: 1px; }
#Video_List input { float: right; margin-top: 2px; }
#massage_box { border: 1px solid #ccc; }
#massage_box .title { background: #ccc; }
.Video_main_over { position: absolute; display: block; height: 150px; width: 260px; overflow: hidden; }
.Video_main_out { position: absolute; display: block; height: 150px; width: 150px; overflow: hidden; }
#menu {  cursor: default; position: absolute; color: #996699; background:url("../../images/ManageMenu_BG.png") repeat scroll 0 0 transparent  }
#menu #n { height: 23px; line-height: 23px; margin: 2px; margin: 1px; }
#menu #icon { height: 23px; width: 23px; float: left; overflow: hidden; padding-left: 5px;padding-right: 2px; }
#menu .over { background: #996699; color: #FFF; padding: 2px; }
#menu .out { padding: 2px; }
#menu .hr { padding: 0px;border-bottom: 1px dotted #5B5C60; }
#PInfo { position: absolute; border: 1px solid #ccc; border-top: 3px solid #ccc; top: -1000px; z-index: 1000;}
#PInfo .div { border: 1px solid #ccc; }
#Emote .div1 { border: 1px #FFF solid; margin: 1px; cursor: pointer; height: 24px; overflow: hidden }
#Emote .div2 { border: 1px #CCC solid; margin: 1px; cursor: pointer; height: 24px; overflow: hidden }
/*.bg_png { background: rgba(80,80,80,0.3); }
.bg_png1 { background: rgba(80,80,80,0.3); }
*/
.bg_pngs{background-image: url(../../images/bjpng1.png);}
.bg_png {/* background-image: url(../../images/bj1.png); */}
.bg_png2 {background-image: url(../../images/png2.png);}
.bg_png3 {border-bottom: #fff 2px solid;height:35px;line-height:35px;}
.sex-man { float: right; margin-top: 1px; cursor: pointer; width: 16px; height: 16px; background: url(t3.png) no-repeat -16px -11px; }
.sex-womon { float: right; margin-top: 1px; cursor: pointer; width: 16px; height: 16px; background: url(t3.png) no-repeat -45px -11px; }
.vipico {float: right;/* height: 20px; */}
.vote{ height:44px;}
.vipico img{height: 32px;cursor:default}
.vipico .state{
    height: 20px;
}
.content { background: rgb(243,245,246); padding: 3px; border-radius: 3px; float: left; box-shadow: 1px 1px 3px #000; line-height: 19px; color: #333; margin-bottom: 2px; }
.left_nav{ margin-top:0px; margin-left:-2px; padding-top: 5px;}
.appico {display: block;text-align: center;width: 100%;height: 60px;display: flex;align-items: center;}
.appico img {width: 35px;height: 35px;border: 0px;margin-right: 4px;}
.appico span {color: #aa6d5f;display: inline-block;font-size: 16px;width: 32px;overflow: hidden;height: 28px;line-height: 28px;font-weight: bold;}
.appico:hover span { color: #59c5de; }
.msg {float: left;margin-bottom: 15px;font-size: 14px;position:relative;}
.msg .msg_head {float: left;width: 45px;margin: 0px 0px 0 3px;height: 24px;display: flex;align-items: center;}
.msg .msg_head img {width: auto;height: 42px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-top: 18px;}
.msg .msg_content {float: left;margin-left:3px;display: flex;}
.msg .msg_content img{
    width: 18px;
    margin-top: 3px;
}
.msg .msg_content font{
    cursor: pointer;
    color: #523d38;
    font-size: 14px;
    float: left;
    line-height: 24px;
    margin-bottom: 5px;
}
.layim_chatsay{
    clear: both;
    max-width: 83%;
    /* padding: 0 8px; */
    /* border: 1px solid #d6d8dd; */
    margin: 0 0 0 50px;
    overflow: hidden;
    background: none;
    color: #8d6b63;
    font-weight: bold;
}
.uadmin font{
    color: #f44336 !important;
    font-size: 18px !important;
}
.msg .msg_group_ico{ width:18px; height:18px; vertical-align:text-bottom}
.dui { background-color: #EC781A; padding: 0 8px; border-radius: 3px; float:left;  margin-left:6px; margin-right:5px; color:#fff; font-size:12px;line-height: 24px;}
.title_tab{float:left;background: #97827f;}
.title_tab a{display:block; width:122px; height:30px; float:left; line-height:30px; text-align:center; color:#FFF;cursor: pointer; }
.title_tab a:hover{ color:#73dfe9 !important;}
.zmurl{background: #0C0; border-radius: 3px; padding:3px 5px;}
.zmurl img{ width:16px; height:16px; vertical-align:text-bottom; border:0px;}
.kefu {background:url(../../images/qqonline.png) no-repeat;margin-left: 17px; width:120px; height:29px; margin-top:10px; display:block; float:left;}
.kefu img{ width:16px; height:16px; vertical-align:text-bottom; border:0px;}

#NoticeList>div{height: 140px;width: auto;position: relative;}
#NoticeList>.noticemsg{ overflow: hidden; padding: 10px; }

.NoticeList{/* border-radius: 5px; */overflow:hidden;height: 140px;margin-top: 18px;width: 100%;display: flex;justify-content: space-between;}
.NoticeList>.tab{display: flex;display: none;}
.NoticeList .tab a:first-child i{ background: none; }
.NoticeList .tab a{ float:left;width:90px;text-align:center;height:31px;line-height:31px;margin-top:4px;display:inline-block;color:#fff;font-size:14px;border-bottom: #fff 2px solid; }
.NoticeList .tab a i{background: url("../../images/line2.png") left center no-repeat; width:1px; height:18px; display:block; float:left; margin-top:5px;}
.NoticeList .tab a.linei i{ background:none;}
.NoticeList .tab a:hover{color: #f39800 !important;border-color: #f39800;background: url("../../images/t.png") center 27px no-repeat;}
.NoticeList .tab .active{color: #f39800;border-color: #f39800;background: url("../../images/t.png") center 27px no-repeat ;}
#kickmp { margin:10px;}
#kickmp  input{ height:20px; line-height:20px; width:260px;}
#kickmp  select{ height:20px; line-height:20px; width:130px;}
.bt1{text-align: center;font-size: 14px; display: block; margin:5px 0 ; padding:5px;background: #6BC30D;color: #fff; border:0px;cursor: pointer;padding: 3px 15px; }
.bt2{text-align: center;font-size: 14px; display: block; margin:5px 0 ; padding:5px;background:#666;color: #fff; border:0px;}
#OnLine_MV{height: calc(100vh - 320px);text-align:center;position:relative;width:100%;padding-right:5px;}
/* 发红包 */
.redbagsbgmain{ display:none;position:absolute; left:50%; top:50%;margin:-242px 0 0 -173px; width:347px; height:485px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);border-radius: 5px; z-index:99999; background:url(../../images/sendregbagsbg.png)}
#redbagsbgcloes{ position:absolute; top:10px; right:10px;height:16px; width:16px; background:url(../../images/redbags_close.png) no-repeat; cursor:pointer;}
.redbagsbody{ margin-top:135px;}
.redbagslist{font-size: 14px;color: #000;padding-left:60px; padding-top:20px; padding-bottom:5px;}
.redbagslist input {width: 150px; height: 23px;border: 1px #e2e2e2 solid;padding: 2px 10px;color: #a0a0a0;}
.redbagslist span.beizhu{position: relative;bottom: 25px;}
.redbagslist textarea {width: 150px; height: 50px; font-weight: 400;padding: 2px 10px;color: #a0a0a0;border: 1px #e2e2e2 solid;}
.redbagsmoney{text-align: center;font-size: 36px;font-weight: 400;color: #fc4c4c;}
.redbagsbalance{text-align: center;font-size: 15px;font-weight: 400;color: #000; padding-top:10px;}
.redbagsbody a.send_redbag{ background: #E83939;color: #fff;line-height: 32px;text-align: Center;border-radius: 5px;width: 100px; display:block; margin-left:auto; margin-right:auto; margin-top:20px;text-shadow: 0 -1px 0 rgba(0,0,0,0.2); font-weight:900;}
/**红包信息**/
.redbag_info{ position:absolute;width:380px;height:480px;background:#F9F4F4; display:none; z-index:99999;left: 50%;top: 50%;margin: -240px 0 0 -190px;border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); overflow:hidden;}
#redbag_infocloes{ position:absolute; top:10px; right:10px;height:16px; width:16px; background:url(../../images/redbags_close.png) no-repeat; cursor:pointer;}
#redbag_info .redbag_sender{  background: #E83939; color: #fff; height: 60px;  padding: 10px 0px;}
#redbag_info .redbag_sender ._avatar{  float: left;line-height: 60px; height: 60px;}
#redbag_info .redbag_sender ._avatar img{height:40px;margin:10px}
#redbag_info .redbag_sender ._info{height: 60px; float: left;margin-left:10px}
#redbag_info .redbag_sender ._info ._info_total{  font-size: 18px;color: #ff0; line-height: 36px;}
#redbag_info .redbag_sender ._info ._info_from{display:block}
#redbag_info  h1{  line-height: 26px;color: #ADA5A5; padding: 0px 10px; border-bottom: 1px solid #F0EDED; font-size:16px;}
#redbag_info table{  width: 100%;background: #fff; color:#000000;}
#redbag_info table tr{height:60px;  border-bottom: 1px solid #F0EDED;}
#redbag_info table tr td{}
#redbag_info table tr td span{  font-size: 16px; font-weight: bold;}
#redbag_info table tr td p{}
#redbag_info .redbag_get_bottom{ line-height: 26px;color: #ADA5A5; padding: 0px 10px; }
/* 聊天区输入部分样式 */
/* 聊天区输入部分样式 */
#topicinput {
    width: 100%;
    height: 94px;
    left: 0;
    bottom: 5px;
}

.magsr {
    width: 100%;
    margin: 0 auto;
    padding: 8px 8px 20px 8px;
    box-shadow: 0px 0px 5px 0px #c9c9c9;
    box-sizing: border-box;
    background: #e4e7ec;
    border-top: 1px solid #e4e7ec;
}

.tool_bar {
    margin: 0px;
    height: auto;
    /* overflow: hidden; */
    position: relative;
}

.msgsend_tools {
    /* background: #FFF; */
    height: 26px;
    padding-bottom: 6px;
}

.msgsend_top {
    position: relative;
    height: 30px;
    overflow: hidden;
    /* background-color: #FFFFFF; */
}

.tool_bar a {
    color: #898989 !important;
}

#qqbts {
    height: 40px;
    line-height: 53px;
    overflow: hidden;
    border-top: #5a5a68 1px solid;
    display: flex;
    align-items: center;
}

#qqbts p {
}

#qqbts a {
    margin-right: 10px;
    display: inline-block;
}

#qqbts a img {
    display: inline-block;
    height: 30px;
}

#qqbts span {
    background: url(../../images/bi.png) right no-repeat;
    width: 79px;
    height: 23px;
    display: inline-block;
    float: left;
    color: #fff;
    margin-right: 5px;
    margin-top: 9px;
}

#qqbts .morekf {
    float: right;
    color: #ff0;
    font-size: 14px;
    margin-top: -5px;
}

.bar {
    height: 22px;
    display: inline-block;
    background: url(../../images/tool.png) no-repeat;
    width: 22px;
    margin-right: 10px;
}

/* .bar:hover {
    border: #999 1px solid;
} */

.bar_1 {
    background-position: 4px 4px;
}

.bar_2 {background-position: 4px -35px;}

.bar_3 {
    background-position: 4px -77px;
}

.bar_4 {
    background-position: 4px -118px;
}

.bar_5 {
    float: right;
    background: none;
    display: inline-block;
    width: 52px;
}
.tool_bar .bar_5{
    color: #4571e7 !important;
}

.bar_6 {
    background: url(../../images/icon_1.png) no-repeat;
    background-position: -7px -5px;
    margin-right: 5px;
}

.bar_7 {
    background: url(../../images/icon_1.png) no-repeat;
    background-position: -7px -380px;
}

 .bar_1:hover {
    background-position: 4px -201px;
}

.bar_2:hover {
    background-position: 4px -240px;
}

.bar_3:hover {
    background-position: 4px -282px;
} 

.bar_4:hover {
    background-position: 4px -323px;
}

.bar_5[select=true] {
    /*background-position: 4px -363px;*/
}

.bar_7:hover {
    background-position: -7px -355px;
}

.tool_bar .s_right {
    position: absolute;
    right: 3px;
    top: 7px;
    background: rgb(243,243,243);
    padding-left: 30px;
}

.tool_bar select {
    margin: 0 5px;
}

.input_area {
    margin: 0 5px;
    background: rgb(255,255,255);
    height: 62px;
    position: relative;
    padding: 5px 130px 0 5px;
}

.input_area input {
    font-size: 20px;
    padding: 5px 0;
    width: 100%;
    height: 42px;
    border: #B67233 1px solid;
    outline: none;
    font-family: Microsoft Yahei
}

.sub_btn {
    background: #aaa url(../../images/sent.png) center center no-repeat;
    width: 110px;
    height: 55px;
    line-height: 35px;
    display: block;
    border-radius: 5px;
    font-size: 0px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#Msg[placeholder]:empty:before {
    content: attr(placeholder);
    color: #b6b6b6;
}
/* 表情、彩条 */
/* 表情、彩条 */
#face{background:#fff;border:rgb(146,146,142) 1px solid;color:#000;border-radius:3px;padding:5px;width: 346px;height: 401px;position:fixed;box-shadow: 1px 1px 3px #000;z-index:99999999;}
#face dd{float:left;width:30px;height:30px; margin-left:6px; margin-top:6px;overflow:hidden;cursor:pointer;border: 1px solid #80808047;display: flex;justify-content: center;align-items: center;}
#face #f_dtbq img{ width: 30px; height: 30px; }
#face ul,#caitiao ul{height:22px; line-height:22px;background:#e4e4e3 url(../../images/g_bg.jpg) left top repeat-x;position:absolute;left:0;bottom:0;width:100%;}
#face ul li,#caitiao ul li{float:left; padding:0 5px;border-left:#e4e4e3 1px solid;border-right:#e4e4e3 1px solid;}
#face ul li:hover,#face ul .f_cur,#caitiao ul li:hover,#caitiao ul .f_cur{background:#fff;border-color:#d9d9d8;cursor:pointer;}
#caitiao{background:#fff;border:rgb(146,146,142) 1px solid;border-radius:3px;padding:5px;width: 200px;height: 400px;left:73px;bottom: 200px;box-shadow: 1px 1px 5px #666;color:#000;}
#caitiao dd{/* background:#f8f6fe; */height: 40px;text-align:center;cursor:pointer;display: flex;align-items: center;justify-content: center;}
/* #caitiao dd:hover{background:#4ca0d9;} */
#caitiao dd img{ height: 20px; width: auto; }
.gray { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
/*视频头部*/
#Div_VN1{width:100px;text-align:center;color:#fff; background:url(../../images/video_ico.png) 0px 0px no-repeat; padding-left:22px;}
#shuaxin{font-size: 14px;}
.videotools{border-radius: 5px; padding:0px 5px 2px 25px; background:url(../../images/video_sx.png) 5px 0px no-repeat #facd89; margin-left:10px;}
#defvideosrc{/* padding-left:25px; *//* background:url(../../images/video_t.png) 0px 1px no-repeat; */}
.videotools a{ color:#857f77 !important;}
.video_zan{margin-top:10px;float:right; color:#fff; margin-right:5px; height:20px; width:35px;border-radius: 5px; line-height:20px; padding-left:40px;background:url(../../images/video_x.png) 10px 4px no-repeat #f39800;}
.video_zan:hover{opacity: .8;}
.video_bo{margin-top:10px;float:right; color:#fff; margin-right:5px; height:20px; width:35px;border-radius: 5px; line-height:20px; padding-left:40px;background:url(../../images/video_b.png) 10px 3px no-repeat #ff432c;}
.video_bo:hover{opacity: .8;}
#roe-hf img{
    border: 1px solid transparent;
}
#roe-hf img:hover{
    border: 1px solid red;
}
/*弹窗CSS*/

.kf_content {position: absolute;top: 50%;left: 50%;width: 800px;height: 285px;margin: -143px 0 0 -400px;color: #f00;}
.kf_content div {position: relative;}.kf_content div img#cls {position: absolute;width: 20px;height: 20px;top: 0px;right: 0px;overflow: hidden;text-indent: -99px;cursor: pointer;}
#kfpn {margin-top: 230px;padding: 10px;}
#kfs {text-align: center;display: block;width: 770px;}
#kfpn li {float: left;height: 28px;line-height: 28px;width: 95px;list-style-type: none;display: inline-block;}
#kfpn li a {margin-top: 0px;margin-right: 2px;padding-left: 12px;}
#kfpn li img {height: height:22px;width: 77px;}

/*弹窗CSS结束*/

/*公告板幻灯片*/
.lts_new2 { margin-top:5px;
    /*
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    */
}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.carousel-item>div img{width: 100%;height: 100%;/* border-radius: 10px; */}

/*公告板幻灯片结束*/
/*行情*/
.red{color:#f00;}
.green{color:#00B259;}
.datatable td{color: #fff; font-size: 12px; padding: 5px 0; padding-left: 5px;}
.datatable .t3 span{text-align: center;width: 85%; padding: 1px 3px; color: #fff;border-radius: 3px;display: block;}
/*行情结束*/
.admin_tool{
        border: none;
        cursor: pointer;
        background: #523d38;
        color: #FFFFFF;
        height: 135px;
        width: 35px;
        border-radius: 5px 0 0 5px;
        margin-top: 1px;
        position: absolute;
        right: 0px;
        bottom: 248px;
        z-index: 999;
        padding-top: 30px;
        background: url(../../images/icon_manage.png) no-repeat #978183;
        background-size: 28px;
        background-position: 4px 3px;
}
.admin_show{
    position: absolute;
    background: #e1e1e1;
    display: none;
    width: 125px;
    height: 230px;
    overflow: hidden;
    right: 36px;
    bottom: 232px;
    z-index: 99;
}
.admin_show_tit{color:#FFFFFF;height:30px;line-height:30px;width:125px;background-color: #523d38;text-indent:10px;}
.admin_show a.close{ display:block;float: right; font: bold 14px/14px simsun; line-height:30px;}
.admin_show a.admin_showa{display:block;height:25px;width:100px;background: #97827f;color:#FFFFFF;border-radius: 5px;margin-top:5px;line-height:25px;text-align:center;margin-left:12px;}
.admin_show a.admin_showa:hover{ background:#a8d8d8;}
/**抽奖样式**/
#dowebok {position:absolute; width: 840px; height: 474px; margin: 0 auto; background-image: url(../../images/s3_bg.png);display:none;  top: 50%;left: 50%; margin-left: -447px; margin-top: -280px;    background-size: contain;z-index:999}
.rotary { position: relative; float: left; width: 410px; height: 410px; margin: 32px 0 0 32px; background-image: url(../../images/g.png);    background-size: contain;}
.hand { position: absolute;     left: 106px;top: 106px;  width: 200px;  height: 200px; cursor: pointer;}
.list { float: right; width: 300px; padding-top: 12px; margin-right:50px;}
.list strong { position: relative; left: -135px;top:20px; display: block; height: 65px; line-height: 65px; font-size: 28px; color: #ffe63c;display:none}
.list h4 { height: 45px; margin: 80px 0 10px; line-height: 15px; font-size: 24px; color: #fff;}
.list ul { line-height: 36px; list-style-type: none; font-size: 12px; color: #fff;}
.list span { display: inline-block;}
.rotateMobile{position:absolute;z-index:999;left:50%;top:50%;margin-top:-150px;margin-left:-203px;background-color:#fff;padding:0 20px;display:none; color:#000000; border: 8px solid #f60;border-radius: 15px; height:300px;}
.rotatecdk{position:absolute;z-index:999;left:50%;top:50%;margin-top:-150px;margin-left:-203px;background-color:#fff;padding:0 20px;display:none; color:#000000; border: 8px solid #f60;border-radius: 15px; height:210px;}
.tzck_close {position: absolute;right: -10px;height: 30px;background: #F60;line-height: 30px;width: 30px;text-align: center;top: -20px;border: 5px solid #fff; border-radius: 30px;color: #fff;cursor: pointer;}
.rotateMobile h1{text-align:center;margin:18px 0;font-size:16px;font-weight:bold; color:#f60;}
.rotatecdk h1{text-align:center;margin:18px 0;font-size:16px;font-weight:bold; color:#f60;}
.btn-send{ background-color:#ebebeb;padding:12px;text-decoration:none;border:1px solid #CCC;font-size:12px;margin-left:10px; color:#000000;border-radius: 6px;}
.rotateMobile_c{padding:0 35px 0 0;margin-top:26px;overflow:hidden;text-align:right;font-size:12px}
.rotateMobile_c input{width:210px;height:40px; line-height:40px;border-radius: 6px;border:1px #81d3ff solid;padding:2px 10px;color:#a0a0a0; font-size:14px;}
.rotateMobile_c input#rcode{width:90px}
.registercode{text-align:left;}
.buttonBlu{background: #f60;display: inline-block;width:250px;height: 50px;background-size: 100% 100%;line-height: 50px; color: #fff; font-size: 25px;letter-spacing: 8px; border:none; cursor:pointer; margin-top:20px;border-radius: 6px;margin-left:40px;}
.cjtstit{ margin-top:10px; display:block; width:100%; text-align:center;}
.cancelled{font-size:12px;cursor:pointer}
#fancybox-close {position: absolute;top: 0px;right: -5px;width: 50px;height: 50px;background-image: url('../../images/fancy_close.png');cursor: pointer;z-index: 1103;display: none;}

/*录播*/
.videolist{  position: absolute;  background: #fff; z-index: 9999;display:none;width: auto;}
.videolist h1{  background: #394E5D; color: #fff;height: 26px; font-size: 16px; padding: 0px 10px; line-height: 26px;}
.videolist h1 a{  float: right; color: #fff;  }
.videolist ul {  margin: 10px 0px;float: left;width:100%;max-height:240px;overflow-y:auto;  overflow-x: hidden;}
.videolist ul li {  float: left;width: 50%;}
.videolist ul li a{line-height:18px;  vertical-align: top;height: 100%; width: 100%;display: block; padding: 5px 0px; color:#000}
.videolist ul li a.b{border-right: 1px solid #000;}
.videolist ul li a img{  height: 40px; margin: -3px 8px;}
.videolist ul li a:hover{ text-decoration:underline;}
.switchvideo_btn{  position: absolute;z-index: 999; bottom: 6px;text-align: center; height: 27px; margin-left: 50%; left: -52px;}
/*录播end*/
.giftf{ width:180px; height:150px;  position:absolute; bottom:10px; right:20px; z-index:99999; text-align:center;display:none;}
.gifttit{ padding-left:5px; padding-right:5px;height:30px; line-height:30px; color:#ff0;border-radius:5px; margin:0 auto; text-align:center; font-weight:bold; }
.Expire_main{width:100%;height:100%; background:#1c1c1c;}
.Expire_txt{ color:#f46b0a; font-size:20px; font-family:"黑体"; text-align:center; position:absolute; top:10%; width:100%; line-height:35px;}
.Expire_rl{ margin-left:auto; margin-right:auto; width:200px; height:45px; margin-top:20px;}
.Expire_reg,.Expire_login{float: left;display: block;width: 95px;height:29px;}
.Expire_reg{background:url(../../images/register.png) no-repeat;}
.Expire_reg:hover{background-color:#9f9f9f;}
.Expire_login{background:url(../../images/login.png) no-repeat;margin-right: 10px;}
.Expire_login:hover{background-color: #f77a22;}
.Expire_img{ background:url(../../images/xx.png); background-repeat:no-repeat; width:200px; height:200px; margin-left:auto; margin-right:auto;}
/*观看时长*/
.videoTimeTxt { float: left;line-height: 25px;}
.videoTime { position: absolute;right: 0px; top: 7px;z-index: 989;color: #fff;font-size: 14px;}
#colockbox {width: 176px; height: 23px;background: url(../../images/colockbox.png) no-repeat; float: right; margin-left: 8px;padding: 2px 0 0 7px;}
#colockbox span { letter-spacing: 11px;}
#colockbox span.hour { margin-left: 17px;}
#colockbox span.minute { margin-left: 1px;}
#colockbox span.second { margin-left: 2px;}
/*观看时长end*/
/*提醒注册*/
.Savedesktop{ display:block;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.RemindReg{ width:600px; height:234px; background:url(../../images/prompt.png) no-repeat;}
.RemindRegF{ color:#FFF; font-size:16px; font-weight:bold; text-align:center; padding-top:75px;text-shadow: 0 -1px 0 #374683;}
.RemindRegtext{ color:#FFFFFF;font-size:13px; width:440px; font-weight:bold; margin-left:auto; margin-right:auto; padding-top:30px;}
.RemindRegBt{ width:260px; height:30px;margin-left:auto;  margin-right:auto; text-align:center; padding-top:15px;}
.RemindRegBtlg{width:95px; height:29px;background:url(../../images/Remind_lg.png) no-repeat; display:block; float:left;}
.RemindRegBtre{width:95px; height:29px;background:url(../../images/Remind_re.png) no-repeat; margin-left:50px; display:block; float:left;}

.left_nav{height: 100%;overflow: auto;}
.left_nav li{ width: 100%; }
.right_nav{float: right;background: #e4e7ec;height: 100%;position: absolute;left: -248px;z-index: 999;}

/* 欢迎进入 */
#welcome{ position: absolute; left: 0px; bottom: 10px; z-index: 100; max-height: 275px;}
.welcome{ position: relative; left: -460px; background: url('../../images/welcome.png') no-repeat; height: 56px; width: 460px; line-height: 62px; padding-left: 100px; font-size: 16px;z-index: 100; color: yellow;}

#msg_tip_admin_show span,#msg_tip_admin_show p,#msg_tip_admin_show font{
    color: yellow !important;
}
#msg_tip_show span,#msg_tip_show p,#msg_tip_show font{
    color: yellow !important;
}

/* 整理 */
.onlinebox{ float: left; line-height: 28px; margin-right: 10px; }
.ykhade{ float:left; display:none; line-height:30px; margin-right:5px; }
.head_user>div{float:left;line-height:30px;margin-right:10px;color: #20110d;}
.left_nav{float: left;width: 100px;background: #e4e7ec;position: relative;}
#OnlineUser_Find{height:25px;/* margin-top:1px; */padding:2px;overflow:hidden;line-height:25px;margin-bottom:1px;background: #a8d8d8;}
#OnlineUser_Find>input:first-child{ float:right; margin:5px; }
#finduser{ border:0px; width:150px; height:25px; line-height:25px; padding:0px; background:none; color:#FFF; }
#OnLineUser_OhterList{height: calc(100% - 60px);display: none;overflow: hidden;outline: none;}
#OnLineUser_FindList{height: calc(100% - 60px);display: none;overflow: hidden;outline: none;}
#OnLineUser{height: calc(100% - 60px);overflow: hidden;outline: none;}
#defvideosrc{/* margin-left:18%; */font-size: 12px;color: #aa6d5f;}
#todefvideosrc{color: #523d38;}
/* .videoTime{ display: none; } */
#OnLine_MV{/* height: 608px; */cursor: nw-resize;}
#OnLine_MV>img{ width: 100%; height: 100%; }
#NoticeList{overflow: hidden;outline: none;/* border-radius: 10px; */width: calc(100% - 270px);}
#NoticeList .layui-this{
    background: none;
}
#test1{ width: 100%; height: 100%; }
#MsgBox{position:relative;z-index: 99;overflow: hidden;}
#MsgBox1{ overflow: hidden; height: 610px; padding: 0px 6px; position: relative; outline: none; }
#MsgBox1 div{color: #8d6b63;}
#MsgBox2{ height: 100px; overflow: hidden; padding: 0px 10px; position: relative; display: none; outline: none; }
#drag_bar{ display: none; }
.click_phone{height: 70px;width: 55px;position: absolute;right: 4px;top: 70px;text-align: center;z-index: 1000;cursor:pointer;}
.click_phone>img{ width: 30px; height: 45px; }
.click_phone>span{ font-weight: bold;font-size:9px }
.codess{height: 100px;position: absolute;right: 68px;top: 70px;display: none;}
.msg_tip_admin_show_box{ height:30px; line-height:30px; overflow: hidden; font-size:14px; }
.msgsend_tools>span:first-child{ float:left; margin-left:5px; }
.msgsend_tools>span:nth-child(2){margin-left: 20px;float:left;color:#898989;/* margin-top:7px; */}
.msgsend_top>div:first-child{ border-top:#d1d1d1 1px solid; height:10px; }
#Msg {
    width: 80%;
    height: 30px;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    background: #FFF;
    background-color: #F0F2F7;
    border: none;
    color: #535353;
    border-radius: 5px;
    float: left;
    padding-left: 5px;
    box-sizing: border-box;
}

#sendbtnbox {
    width: 16%;
    height: 100%;
    float: right;
}
#sendbtnbox{     width: 16%;
    height: 100%;
    float: right;}
#Send_bt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #523d38;
    color: white;
    border-radius: 3px;
}
#manage_div{background: #E1E1E1;margin:0px;color:#333;height:30px;line-height:30px;padding-left:5px;margin-top: 10px;}
#ykhade{float: left;height: 22px;margin-right: 8px;}

.horizontalLine{width:90%;background: linear-gradient(to left,#242370,#fff,#242370);height:1px;margin:0 auto;opacity: .05;}
.menuTitle {/* padding-left: 2px; */display: inline-block;width: 100%;height: 26px;/* line-height: 26px; *//* border-left: 4px solid transparent; */background-color:transparent;display: flex;align-items: center;justify-content: center;}
/*.menuTitle:hover{ border-left: 2px solid white; }*/

/*免责声明*/
.UI_Left_Bottom{height: auto;width: 100%;position:absolute;bottom: 20px;}
.UI_Left_Bottom_top{ height:56px; border-bottom: 1px solid #4a5265; padding-top:20px;}
.UI_Left_Bottom_bottom{color:#4a5265;text-align:center; font-size:13px; color: rgba(255,255,255,.5); margin-top:10px; line-height:20px;}
.UI_Left_Bottom_bottom a{font-size: 14px;color: #aa6d5f;}
.UI_Left_Bottom_bottom>div{
    margin: 18px 0;
    font-weight: bold;
}
/*手机观看*/
/*分享*/
 .mobile:hover,.share_btn:hover{color:#62738B}
.lookmobile img,.lookmobile p{cursor: default!important;}
.lookmobile{
    position: fixed;
    bottom: 48px;
    left: 102px;
    padding: 15px;
    background: #FFFFFF;
    border-radius: 10px;
    display: none;
    z-index: 111;
}
.lookmobile img{width: 85px;height: 85px;}
.lookmobile p{margin: 8px 0 0 0;color: #909090;}
.share_list a{color:#909090}
.lookmobile::after{
    content: '';
    width: 0;height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFFFFF;
    position: absolute;
    left: -10px;top: 50%;
    margin-top: -9px;
}
.share_box{white-space: nowrap;bottom: 11px;}
.share_box > div{display: inline-block;margin: 0;}
.share_r p{margin-bottom: 15px;color:#CCCCCC}
.share_r img{width: 40px;height: 40px;display: block;margin: 0 auto 8px auto;}
.share_list > div{margin-left: 15px;color: #999988;font-size: 13px;}
.share_list{
    display: flex;
}

/*私聊在线状态*/
.layim_chatlist li {
    padding: 0 20px 0 20px !important;
}
.onlinestatus{ width: 8px;height: 8px;border-radius: 50%;z-index: 999;position: absolute;top: 12px;left: 6px; }
.colorg{background: green;box-shadow: 0px 0px 10px green;}
.colorr{background: red;box-shadow: 0px 0px 10px red;}
.sllayim_chatsay{ color: black !important; }


/*点播*/
.video_box{
    width: 535px;
    height: 400px;
    z-index: 999;
    overflow-y: auto;
    display: none;
}
.video_box a{
    display: inline-block;
    padding: 5px;
    width: auto;
    height: auto;
    background: #505361;
    margin: 5px;
}
.video_box a>img{
    width: 150px;
    height: 150px;
    }
.video_box a>div{
    height: 30px;   
    line-height: 30px;  
    text-align: center;  
    background: #505361;
}
.video_box:after {
    content: "";
    flex: auto;
}


/*右侧IM客服*/
.imkf{position:absolute;right:0px;bottom: 43%;width:40px;height:150px;border:solid 1px #1e9fff;border-top-left-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px;cursor:pointer;background:#1e9fff;text-align:center;word-wrap: break-word;font-weight:600;font-size:16px;color:#fff;line-height:25px;z-index: 99;-webkit-box-shadow:#1e1e1e 3px 5px 13px;-moz-box-shadow:#1e1e1e 3px 5px 13px;box-shadow: #1e1e1e 3px 5px 13px;}
.imkf i{font-size:25px;color:#fff;line-height:40px;}
.imkf .xxts{color:#f86321;}
.layui-anim{animation-duration: .5s;}

/*-------*/
.bottom-tip{
    text-align: center;
    font-size: 12px;
    color: #aa6d5f;
    line-height: 40px;
    margin-bottom: 0;
}


/*当前课程*/
.current-tea{
    height: 60px;
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    align-items: center;
    background: none;
}
.current-tea>div{}
.current-tea .current-teainfo{
    display: flex;
    align-items: center;
}
.teainfo-left{
    font-size: 20px;
    font-family: 楷体;
    width: 60px;
    /* background: #aa6d5f; */
    /* padding: 4px; */
    text-align: center;
    border-radius: 2px;
    margin-right: 11px;
}
.teainfo-right{}
.current-tea .current-teainfo .teainfo-top{}
.current-tea .current-teainfo .teainfo-top span{
    color: #aa6d5f;
}
.current-tea .current-teainfo .teainfo-bottom{
    display: flex;
    align-items: center;
    margin-top: 2px;
    color: #aa6d5f;
}
.current-tea .current-teainfo .teainfo-bottom div{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.current-tea .current-teainfo .teainfo-bottom div img{
    width: 100%;
}
.current-tea .current-teainfo .teainfo-bottom span{
    color: #aa6d5f;
    margin-left: 8px;
}


.current-tea .current-userinfo{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.current-tea .current-userinfo .tea-userinfo{
    color: #aa6d5f;
    font-size: 13px;
}
.current-tea .current-userinfo .tea-userinfo span{}
.current-tea .current-userinfo .tea-status{
    text-align: left;
}
.current-tea .current-userinfo .tea-status #defvideosrc{}
.current-tea .current-userinfo .tea-status #defvideosrc span{
    color: #73dfe9 !important;
}
.current-tea .current-userinfo .tea-status #classclock{}
#bt_defvideosrc{color: #f44336;}
.current-tea .current-userinfo .tea-status #classclock a{
    color: #59c5de;
    font-weight: bold;
}
.current-tea .current-userinfo .tea-status #classclock span{
    color: #59c5de;
}


/*分享关注*/
.share-box{
    display: flex;
    background: #e4e7ec;
    width: 225px;
    padding: 20px 20px;
    /* border-radius: 8px; */
    justify-content: space-between;
    align-items: center;
}
.share-box .share-left{}
.share-box .share-left div{
    font-size: 14px;
    line-height: 20px;
    color: #aa6d5f;
    text-align: center;
}
.share-box .share-left img{
    width: 85px;
    height: 85px;
    margin: 4px 0;
}
.share-box .share-right{
}
.share-box .share-right{}
.share-box .share-right a{
    display: flex;
    align-items: center;
    color: #aa6d5f;
    margin: 6px 0;
    font-size: 14px;
}
.share-box .share-right a div{
    /* background: #523d38; */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.share-box .share-right a div img{
    width: 75%;
}
.share-box .share-right a span{}

.notice-msgtip{
    background: #523d38;
    border-bottom: 1px solid #523d38;
    z-index: 9999;
}

.nologinTip{
    height: 45px;
    width: 100%;
    background: #523d38;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
}
.nologinTip .nologin-left{
    border-top: none !important;
    height: 100% !important;
    line-height: 45px;
    font-size: 14px;
}
.nologinTip .nologin-left span{
    color: #59c5de;
    padding: 0 4px;
    border-bottom: 1px solid #59c5de;
    font-size: 14px;
    margin-right: 6px;
    cursor: pointer;
}
.nologinTip .nologin-right{
    background: #8f726b;
    padding: 6px 10px;
    border-radius: 5px;
    opacity: .5;
}

/*课程*/
.nav_div a.on{background: #0C101E;color:#DCDCDC}
.jiemu{
    width: 338px;
    height: calc(100% - 90px);
    position: absolute;
    top: 60px;
    left: 100px;
    background: rgb(228 231 236);
    z-index: 30;
    padding: 15px 5px 15px 15px;
    display: none;
    overflow: hidden;
}
.display{display: block !important;}
.jiemu_title{position: relative;color: #D8B284;line-height: 30px;font-size: 16px;font-weight: bold;}
.jiemu_title span{font-size: 32px;color: #FFFFFF;position: absolute;top: -3px;right: 7px;cursor: pointer;}
.jiemu_time{margin: 12px 0 20px 0;justify-content: left;white-space: nowrap;overflow-x: hidden;-webkit-overflow-scrolling: touch;display: block;}
.jiemu_time > div{
    cursor: pointer;
    /* flex: 1; */
    width: 60px;
    display: inline-block;
}
.jiemu_time > div span{font-size: 12px;display: inline-block;height: 25px;}
.jiemu_user p:first-child img{margin-left:0}
.jiemu_time,.jiemu_time p{color: #523d38;margin-bottom: 8px;}
.jiemu_time .on,.jiemu_time .on p{color: #D8B284;}
#jiemu_gun{
    overflow: hidden;
    height: 80vh;
    padding-right: 10px;
}
.jiemu_am{color: #FFFFFF;/* background: #afa382; */background: #62738B;border-radius: 4px;display: inline-block;padding: 3px 7px;margin-left: 15px;}
.jiemu_list{padding-left: 15px;margin-top: 20px;}
.jiemu_item{position: relative;margin-bottom: 20px;}
.jiemu_item::after{
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: -15px;
    background: #523d38;
}
.jiemu_item::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 150%;
    background: #1b404b;
    left: -11px;
    top: 15px;
}
.jiemu_item:last-child:before{height:100%}
.jiemu_item p{color: #523d38;}
.jiemu_cen{padding: 8px;border-radius: 5px;background: #a8d8d8;margin-top: 10px;display: flex;}
.jiemu_cen > img{width: 60px;height: 60px;border-radius: 5px;margin-right: 10px;}
.jiemu_cen h4{color: #FFFFFF;margin-bottom: 12px;font-weight:bold;font-size:14px}
.jiemu_user{color: #FFFFFF;}
.jiemu_user img{height: 30px;width: 30px;border-radius: 50%;margin: 0 5px 0 7px;}
/* .jiemu_user img:last-child{margin-left: 0;} */
.jiemu_list .jiemu_am{margin: 0 0 20px 0;}
.jiemu_list .jiemu_item.active >p{color:#ECCDA6}
.jiemu_list .jiemu_item.active .jiemu_cen{background:#D8B284}
.jiemu_list .jiemu_item.active::after{background:#ECCDA6}
.jiemu_am.active{background:#D8B284}

/*简介*/
.flex{ display: flex; }
.flex-column {
    flex-direction: column;
}
.about_txt1{color: #523d38;margin-top: 15px;line-height: 24px;font-size: 14px;}
.about_txt1 p{color: #523d38;}
.about_div1{background: url(../img/about_bg.png) no-repeat;background-size: 100% 100%;overflow: hidden;}
.about_div1 > img{width: 118px;height: 168px;position: relative;left: -10px;bottom: -5px;}
.about_div1 p{font-size: 14px;}
.about_name{margin-bottom: 10px;}
.about_name img{height: 30px;margin-right: 8px;}
.about_txt2{color: #FFFFFF;font-weight:bold;font-size: 14px;}
.about_txt2 span{margin-bottom: 0 !important;margin-top: 3px !important;color: #D8B284 !important;font-weight: bold;}

.about_div2{width: 960px;min-height: 500px;overflow: auto;border-radius: 10px;background: url(../../images/about_bg22.png) no-repeat;background-size: 100% 100%;position: relative;overflow: hidden;/* background: #435656; */}
.about_div2 .close{color: #FFFFFF;top: 7px;}
.about_div2 h2{background: #a8d8d8;color: #FFFFFF;text-align: center;line-height: 45px;font-size: 16px;}
.about_cen .news_item{background: none;}
.about_div3{padding: 0px 0px 10px 32px; position: relative;}
.about_div3 > img{height: 468px;width: 317px;margin-top:12px;position: absolute; left: 35px; bottom: 0px;}
.about_cen{overflow: auto;height: 510px;overflow: hidden; padding-left: 330px;}
.about_cen .about_name{margin-bottom: 25px;}
.about_cen .about_name img{height: 48px;margin-right: 15px;}
.about_cen .about_txt2{font-size: 22px;}
.about_cen .about_txt2 span{font-size: 16px;}
.about_cen .news_item > p{font-size: 14px;line-height: 26px;margin-bottom: 12px;}
.about_cen::-webkit-scrollbar{
  width : 7px;  
  height: 1px;
}
.about_cen::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #295c6a;
}
.about_cen::-webkit-scrollbar-track {
border-radius: 10px;
}
.news_cen::-webkit-scrollbar{
  width : 7px; 
  height: 1px;
}
.news_cen::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow   : inset 0 0 0px rgba(0, 0, 0, 1);
background   : #eee;
}
.news_cen::-webkit-scrollbar-track {
border-radius: 10px;
 background   : #fff; 
}
.chat_scroll::-webkit-scrollbar{
  width : 1px;  
  height: 1px;
}
.chat_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #295c6a!important;
}
.chat_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
}

/*咨询*/
.fenxishi{
    height: 400px;
    overflow: auto;
        font-size: 14px;
    color: #CCCCCC;
}
.news_item{padding: 16px;background: #a8d8d8;margin-top: 8px;border-radius: 8px;margin-bottom: 8px;padding: 16px;box-sizing: border-box;}
.news_item h3{font-size: 16px;color: #FFFFFF;margin-bottom:8px;    font-weight: bold;margin-top:5px}
.news_item span{font-size: 12px;color: #909090;margin: 0px 0 12px;}
.news_item p,.about-msg{font-size: 14px;color: #ffffff;margin-bottom:12px;}
.news_item a{color: #D8B284;display: flex;align-items: center;font-size: 14px;}
.news_item a span{display:inline-block;width: 10px;height: 10px;background: url(../../images/right_gold_Nomal.png) repeat-x;background-size: auto 100%;margin:0}
.news_cen p{margin:0}
.news_item a:hover{color:#ECCDA6}
.news_item a:hover span{background:url(../../images/right_gold_Hover.png) repeat-x;background-size: auto 100%;}
.text_four {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.news_box,.about_box,.kefu_box{position: fixed;width: auto;height: auto;z-index: 999;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none;}
.news_div1{width: 960px;height: 60%;min-height: 500px;overflow: auto;border-radius: 10px;padding:32px 8px 32px 32px;background: #FFFFFF;position: relative;}
.news_div1 h2{font-size: 22px;padding-right: 30px;color:#333;margin-top:0;margin-bottom:0;font-weight: bold;}
.news_div1 .close,.about_div2 .close{position: absolute;top: 11px;right: 15px;font-size: 30px;color: #999999;padding: 0 5px;cursor: pointer;}
.close_about_detail{opacity: 1;top: 1px !important;}
.close_about_detail img{ width: 22px; }
.about_div2>h2{ margin-top: 0px; }
.news_div1 span{color: #909090;font-size: 12px;margin: 8px 0 20px;line-height:21px}
.news_cen p{line-height: 21px;color:#333}
.news_cen img{display: block;max-width: 100%;margin-bottom: 12px;}
.news_div1::-webkit-scrollbar{
  width : 7px;
  height: 1px;
}
.news_div1::-webkit-scrollbar-thumb {
border-radius: 10px;

background   : #000;
}
.news_div1::-webkit-scrollbar-track {
border-radius: 10px;
background   : #000; 
}
#fenxi_gun{
    height: calc(100% - 285px);
    padding-right: 20px;
    margin-top: 8px;
    position: absolute;
}
.fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,0.6);
    display: none;
}
#zhishi_gun{
        height: 45vh;
    padding-right: 24px;
    overflow: hidden;
    outline: none;
    width: 900px;
}


.list_show{
    position: fixed;
    width: 20px;
    height: 100px;
    color: #14e6e8;
    font-weight: bold;
    left: 0;
    top: 40%;
    background: #eff3f9;
    z-index: 999;
    box-shadow: 0px 0px 5px 0 rgb(205 215 234);
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
}

/*快捷回复*/
#replyBox{

position: fixed;

z-index: 99999999999;

width: 180px;

min-height: 100px;

background: white;

box-shadow: 0px 0px 5px 1px rgb(205 215 234);

color: gray;

/*top: 100px;

left: 10px;*/

display: none;

box-sizing: border-box;
}
#replyBox .replay_close{

float: right;

width: 20px;

height: 20px;

position: relative;

top: -6px;

text-align: center;

background: #928a8af2;

color: white;

border-radius: 50%;

line-height: 20px;

right: -6px;

box-shadow: 0px 0px 5px 1px rgb(156 172 202);

cursor: pointer;
}
#replyBox .reply_list{

line-height: 25px;

padding: 15px;

min-height: 100px;
}
#replyBox .reply_list>div{

cursor: pointer;
}
#replyBox .replay_add{
    
cursor: pointer;
    
width: 100%;
    
height: 30px;
    
background: #efefef;
    
color: black;
    
display: flex;
    
align-items: center;
    
justify-content: center;
}

#replyBoxSet{

position: fixed;

width: 500px;

height: 500px;

background: white;

z-index: 999999999;

top: 20%;

left: 36%;

padding: 20px;

box-sizing: border-box;

box-shadow: 0px 0px 5px 1px rgb(205 215 234);

display: none;
}
#replyBoxSet .replyMenu{

height: 40px;

border-bottom: 1px solid gray;
}
#replyBoxSet .replyMenu tip{
    
position: relative;
    
top: -21px;
    
left: 88px;
}
#replyBoxSet .replyMenu .reply_add_btn{

padding: 5px 10px;

background: #4777f4;

width: 50px;

height: 20px;

text-align: center;

color: white;

border-radius: 3px;

cursor: pointer;
}
#replyBoxSet .replyEdit{

margin-top: 10px;

overflow: hidden;

display: none;
}
#replyBoxSet .replyEdit input{

width: 400px;

border: 1px solid #80808066;

height: 32px;

border-radius: 2px 0 0 2px;

float: left;

padding-left: 5px;
}
#replyBoxSet .replyEdit .reply_edit_btn{

float: right;

height: 30px;

width: 58px;

line-height: 30px;

background: #4777f4;

text-align: center;

color: white;

border: 1px solid #4777f4;

border-radius: 0 2px 2px 0;

cursor: pointer;
}
#replyBoxSet .replyEditList{

clear: both;

height: 370px;

border: 1px solid #80808066;

border-top: navajowhite;

padding: 5px 10px;

overflow-y: auto;
}
#replyBoxSet .replyEditList>.edit_item{

height: 30px;

display: flex;

align-items: center;

border-bottom: 1px solid #80808066;
}
#replyBoxSet .replyEditList .reply_desc{width: 390px;display: inline-block;overflow: hidden;color: black;}
#replyBoxSet .replyEditList img{

width: 20px;

height: 20px;

cursor: pointer;

margin-left: 10px;
}
.replyClose{
    
width: 30px;
    
height: 30px;
    
background: #4777f4;
    
color: white;
    
border-radius: 50%;
    
text-align: center;
    
line-height: 30px;
    
font-size: 16px;
    
position: absolute;
    
right: -9px;
    
top: -12px;
    
cursor: pointer;
}

#qwimg{
    position: absolute;
    right: 0px;
    bottom: 65%;
    cursor: pointer;
    z-index: 999;
}
#qwimg img{
    width: 45px;
}