body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
ul,ol,dl{list-style:none;}
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; border:none;}
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑" "Time New Roman"; }
a { text-decoration:none;color:#5d5d5d; }
a:hover{text-decoration:underline;color:#f60;}


/* 聊天 */

/* 语音聊天  */
.group_msg_audio{
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    width:99px;
    height:40px;
    line-height: 40px;
    padding-left: 50px;
    font-size: 16px;
    color: #fff;
    background:rgba(102,181,255,1) url('../img/audio_play.png') no-repeat 20px center ;
    background-size: 14px auto;
    border-radius:20px;
    transition: all 0.3s;
}
.audio_stop{
    background:rgba(102,181,255,1) url('../img/audio_stop.png') no-repeat 20px center ;
    background-size: 14px auto;
}
.group_msg_audio:after{
    display: inline-block;
    content: '';
    margin-left: 4px;
    position: relative;
    top: -7px;
    width: 7px;
    height: 7px;
    background: url('../img/audio_voice.png') no-repeat center;
    background-size: 7px auto;
}
.group_msg_audio audio{
    display: none;
}


/* 静音提示 */
.volume-class-modal {
	overflow: hidden !important;
	border-radius: 7px !important;
}
.volume-class-modal .layui-layer-setwin {
	display: none;
}

.volume-class-modal .layui-layer-title {
	text-align: center;
	padding: 0px;
	background: #fff;
	border: none;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.volume-class-modal .layui-layer-content {
	padding: 0px 24px;
	color: #666666;
	border-bottom: 1px solid #eeeeee;
	font-size: 15px;
	height: 100px;
}

.volume-class-modal .layui-layer-content .intro{
	margin-top: 16px;
}

.volume-class-modal .layui-layer-content .introaction{
	margin-top: 8px;
}

.volume-class-modal .layui-layer-content .introaction input{
	margin-right: 4px;
}

.volume-class-modal .layui-layer-btn {
	padding: 0px !important;
}

.volume-class-modal .layui-layer-btn .layui-layer-btn0 {
	border: 0px;
	display: inline-block;
	width: 100%;
    /* color: #333333; */
    color: #1e9fff;
	background: #fff;
	padding: 0px;
	margin: 0px;
	height: 100%;
	padding: 12px 0px;
	font-size: 16px;
	text-align: center;
}

.volume-class-modal .layui-layer-btn .layui-layer-btn1 {
	border: 0px;
	display: inline-block;
	width: 49%;
	color: #1e9fff;
	background: #fff;
	padding: 0px;
	margin: 0px;
	height: 100%;
	padding: 12px 0px;
	font-size: 16px;
	border-left: 1px solid #eeeeee;
	text-align: center;
}
.bottom_operation .nologinbtn{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #E9E9E9;
    font-size: 18px;
    color: #666;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    top: 0px;
    left: 0px;
}

.tall_text .nologinbtn{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #E9E9E9;
    font-size: 24px;
    color: #666;
    line-height: 109px;
    text-align: center;
	cursor: pointer;
	top: 0px;
    left: 0px;
}