.page-chat main {
    background: #F4F5F7; }

  .chat-panel {
    padding: 0 .2rem;
    border-top:0;
    background: #F4F5F7; }
    .chat-panel .time {
      margin: .2rem 0;
      padding: 3px .2rem;
      /*height: .4rem;*/
      border-radius: .2rem;
      background: #d8d8d8;
      color: #fff;
      font-size: .18rem; }
    .chat-panel .chat-icon {
      width: .6rem;
      height: .6rem; }
    .chat-panel .bui-box-align-top {
      margin-bottom: .2rem; }
    .chat-panel .chat-content {
      display: inline-block;
      background: #fff;
      -webkit-border-radius: .05rem;
      border-radius: .05rem;
      position: relative;
      padding: .15rem;
      }
    .chat-panel .chat-target .chat-content {
      margin-right: 10px;
      margin-left: .2rem;
      }
      .chat-panel .chat-target .chat-content.bui-arrow-left:before {
        border: none; }
      .chat-panel .chat-target .chat-content.bui-arrow-left:before, .chat-panel .chat-target .chat-content.bui-arrow-left:after {
        top: .1rem;
        margin-top: 0; }
    .chat-panel .chat-mine .chat-content {
      margin-left: 10px;
      margin-right: .2rem;
      background: #B3EAFF; }
      .chat-panel .chat-mine .chat-content.bui-arrow-right:before, .chat-panel .chat-mine .chat-content.bui-arrow-right:after {
        top: .1rem;
        margin-top: 0;
        border-left-color: #B3EAFF; }
      .chat-panel .chat-mine .chat-content.bui-arrow-right:before {
        border: none; }

  .chatbar {
    padding: .12rem; }
    .chatbar .bui-input i {
      width: .7rem;
      height: .46rem;
      line-height: .46rem;
      font-size: .46rem; }
    .chatbar .bui-input .bui-btn {
      display: inline-block;
      padding-left:0;
      padding-right:0;
      width: 1rem;
      border:0;
    }
    .chatbar .bui-input input {
      border: 1px solid #dedede;
      margin: 0 .12rem 0 0;
      padding: .2rem;
      -webkit-border-radius: .05rem;
      border-radius: .05rem;
      padding-right: .1rem;
      padding-left: .1rem; }
  footer {
      background: #fff;
  }

#chat_win{
	display: flex;
	flex-flow: column-reverse;
	padding-bottom:60px;
}

.right-tongji .bui-badges{
	display:none;
}

.chatbar{
	position: fixed;
	bottom:0px;
	width:100%;
	z-index:122;
	padding:0;
	margin:0;
}
.chatbar textarea{
	border:1px solid #eee;
	border-radius:5px;
	margin:3px;
	padding:3px;
}

.chat-panel .show_username{
	margin-left:35px;
	color:#999;
}


.chat-panel .del{	
	color:#ddd;
	font-size:18px;
	cursor:pointer;
}

.chat-panel .chat-mine .del{
	margin-top:8px;
}

.layui-layer-setwin .layui-layer-close2{
	top:1px;
	right:1px;
}

.bui-arrow-left:after, .bui-arrow-right:after, .bui-arrow-up:after, .bui-arrow-down:after{
	z-index:1;
}

 .chat-panel .chat-content  audio{
	width:250px;
 }



.chat-panel .model-list .model-title{
	font-weight:bold;
}
.chat-panel .model-list .model-more{
	position: relative;
	margin-top:8px;
	max-height:60px;
}
.chat-panel .model-list .model-more .model-content{
	font-size:13px;
	margin-right:70px;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.chat-panel .model-list .model-more .model-picurl{
	position: absolute;
	top:0px;
	right:0px;
	width:60px;
	height:60px;
}
.chat-panel .model-list .model-picurl img{
  	width:60px;
	height:60px;
}


/*********** 站内引用  *********/

.topic-box{
	border:1px solid #eee;
	padding:5px;
	position: relative;
	width: calc(100vw*7/10);
}

.topic-box .topic-img{
	width:90px;
	text-align:center;
	background:#eee;
}
.topic-box .topic-img img{
	width:auto;
	max-width:90px;
	max-height:75px;
}
.topic-box .topic-text{
	position: absolute;
	left:100px;
	top:5px;
}
.topic-box .topic-title{
	line-height:180%;
	font-weight:bold;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;

	line-height:120%;
		-webkit-line-clamp: 2;
		line-clamp: 2;
}
.topic-box .topic-content{
	font-size:13px;
	text-indent:20px;
	color:#888;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.topic-box .topic-content a{
	color:#888;
}


.chat-panel .give_qun_money{
	position: relative;
}
.chat-panel .give_qun_money span{
	position: absolute;
	bottom:15px;
	width:100%;
	display:block;
	height:20px; 
	text-align:center;
	color:#fff;
}
.chat-panel .give_qun_money span b{
	font-weight:bold;
	color:yellow;
}

/*
.live-player-warp{
	display:none;
	position:fixed;
	right:2px;
	top:50px;
	width:200px;
	height:150px;
	background:#ccc;
	text-align:center;
	z-index:1;
	opacity:0.5;
}
.live-player-warp span{
	display:block;
	margin-top:100px;
	color:blue;
	font-weight:bold;
}
*/


#live_video_warp{
	display:none;
}
.live_video_warp{
	padding:20px;
	line-height:30px;
}
.live_video_warp input[type="text"]{
	width:100%;
}
.live_video_warp .codeimg{
	width:100%;
	text-align:center;
	height:150px;
	line-height:15px;
	font-weight:bold;
}
.live_video_warp .codeimg img{
	width:130px;
}


#remind_online{
	background:#e48a76;
	color:#fff;
	text-align:center;
	font-size:14px;
	display:none;
	line-height:24px;	
	width:100%;
	/*position:fixed;
	z-index:122;
	opacity:0.5;*/
}

#headbody{
	position: fixed;
	top:50px;
	z-index:122;
	width:100%;
}

.chat_mod_btn{
	background:#fff;
}
.chat_mod_btn .span1{
	padding:.1rem;
}
.chat_mod_btn .span1>span{
	display:block;
	padding:6px 2px 6px 2px;
	border:1px solid #eee;
	color:#999;
	border-radius:.1rem;
}
.chat_mod_btn .span1{
	font-size:.2rem;
}
.chat_mod_btn .span1 i{
	font-size:.5rem;
	width:.6rem;
	height:.6rem;
	margin:auto;
	display:block;
}
.face_wrap,.chat_mod_btn{
	display:none;
}