@charset "utf-8";
@import url(main.css);
@import url(css.css);

.message_box{width:870px;margin:10px auto;background:#fff;border-radius:5px;overflow:hidden;min-height:400px;background:#f9f9f9;}

.message_item{margin:0 10px;padding:10px 0;overflow:hidden;border-bottom:1px solid #E4E4EE;}
.message_item .avatar{width:50px;float:left;}
.message_item .avatar img{width:50px;height:50px;border-radius:100%;}

.message_item .info{width:calc(100% - 60px);float:right;}
.message_item .info li{height:20px;line-height:20px;}
.message_item .info .name{font-size:16px;color:#333;}
.message_item .info .name span{float:right;color:#999;font-size:14px;font-weight:normal;}

.message_item .info .name i.official{color:red;font-size:12px;font-weight:normal;border:1px solid red;padding:0px 3px;border-radius:3px;margin-left:5px;}
.centertitle i.official{color:red;font-size:12px;font-weight:normal;border:1px solid red;padding:0px 3px;border-radius:3px;}


.message_item .info .content{position:relative;padding-top:5px;padding-bottom:10px;}
.message_item .info .content p{font-size:14px;color:#666;width:100%;height:20px;line-height:20px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.message_item .info .content span.new{position:absolute;right:0;top:12px;width:10px;height:10px;background:#FE2B11;border-radius:100%;}


.risk{background:#fff;border-radius:5px;width:94%;margin:10px 3%;padding:10px;font-size:12px;color:#f00;box-sizing:border-box;clear:both;overflow:hidden;}

.look_history{text-align:center;}
.look_history span.his{color:#33AAFF;background:url(../images/time2.png) left center no-repeat;background-size:15px 15px;padding-left:18px;}
.look_history span.load{background:url(../images/loading2.gif) center center no-repeat;background-size:15px 15px;width:20px;height:20px;display:inline-block;}

.message_show_box{width:94%;padding:10px 3%;border-radius:5px;overflow:hidden;}
.mess_detail_left{width:100%;padding:10px;box-sizing:border-box;clear:both;overflow:hidden;}
.mess_detail_left ul{float:left;}
.mess_detail_left ul.avatar{width:60px;text-align:left;}
.mess_detail_left ul.avatar img{width:50px;height:50px;border-radius:100%;}

.mess_detail_left ul.content{width:calc(100% - 70px);position:relative;margin-left:5px;}
.mess_detail_left ul.content li{float:left;}
.mess_detail_left ul.content .triangle{position:absolute;width:10px;height:10px;background:#fff;transform:rotate(45deg);top:10px;left:-5px;}
.mess_detail_left ul.content .message{background:#fff;border-radius:5px;padding:10px;text-align:left;}
.mess_detail_left ul.content .message img{width:auto;height:90px;}



.mess_detail_right{width:100%;padding:10px;box-sizing:border-box;clear:both;overflow:hidden;}
.mess_detail_right ul{float:right;}
.mess_detail_right ul.avatar{width:60px;text-align:right;}
.mess_detail_right ul.avatar img{width:50px;height:50px;border-radius:100%;}

.mess_detail_right ul.content{width:calc(100% - 70px);position:relative;margin-right:5px;}
.mess_detail_right ul.content li{float:right;}
.mess_detail_right ul.content .triangle{position:absolute;width:10px;height:10px;background:#fff;transform:rotate(45deg);top:10px;right:-5px;}
.mess_detail_right ul.content .message{background:#fff;border-radius:5px;padding:10px;text-align:left;}
.mess_detail_right ul.content .message img{width:auto;height:90px;}

.msg_time{text-align:center;font-size:12px;color:#666;}
.msg_hidden{display:none;}

.example_box{position:fixed;top:0;left:0;width:100%;display:none;z-index:102;height:100%;line-height:100%;background:rgba(0,0,0,.2);text-align:center;}
.example_box .close{background:url(../images/detail/x.png) rgba(0,0,0,.3) center center no-repeat;width:30px;height:30px;display:inline-block;z-index:103;position:fixed;top:15px;right:10px;background-size:30px 30px;border-radius:100%;}
.example_box img{width:100%;height:auto;line-height:auto;margin:0 auto;}


.chat{width:100%;max-width:750px;padding:0 3%;box-sizing:border-box; margin:0 auto; background:#fff; position:fixed; z-index:9; bottom:0; overflow:hidden; float:left; min-height:40px;line-height:40px;height:auto;}
.chat li{float:left;padding-top:10px;}

.chat li.input_li{width:calc(100% - 115px);}
.chat li.input_li{box-sizing:border-box;}
.chat li.input_li input{width:100%;border:1px solid #D1D1D1;height:35px;line-height:35px;border-radius:3px;padding:0 10px;}
.chat li.file_li{width:35px;float:right;}
.chat li.button_li{width:60px;float:right;}
.chat li.button_li button{background:#33AAFF;color:#fff;border-radius:5px;width:60px;height:30px;line-height:30px;text-align:center;font-size:14px;}



.uni-textarea-textarea {
	width:calc(100% - 20px);border:1px solid #e1e1e1;height:20px;border-radius:3px;padding:3px 10px;
	margin-top:4px;
	box-shadow:0px 0px 0px rgba(0,0,0,0); 
	-webkit-appearance:none;
}


.blackuser{color:gray;}


.floatleft{float:left;}
.floatright{float:right;}