#eychat{margin-bottom: 10px 0 0 30px;min-height:540px;}
#eychat .layui-tab-title,#eychat .layui-tab-title .layui-this{margin:0 !important;}


#roomTab {background-color:#fff !important;}
#roomTab .chat-list{margin:0px !important;}
#manageRoomDiv .layui-tab-title,#manageRoomDiv .layui-tab-title .layui-this{margin:0 !important;}
#manageRoomDiv blockquote{padding:0px; margin:0px !important;}
#manageRoomDiv table{margin:0px !important;}

.room-right .layui-tab-title .layui-this:after{height:40px;}

.group-avatar{width:80%;max-width:124px;border-radius:8px;position: absolute;margin:auto;}
.list-intro{min-height:120px;max-height:120px;overflow:hidden;margin-top:15px;}
.room-frame{padding:0 10px 0 10px;}
.room-title{cursor: pointer;}
.room-notice .layui-field-box{max-height:200px;overflow:hidden;overflow-y:auto;word-wrap:anywhere;}
.room-item{margin-bottom: 10px;}
.room-item .layui-row{padding:10px;}
.room-item img{width:40px;height:40px;border-radius:8px;}

 #roomlist {overflow:hidden;overflow-y:auto;}

.member-online{overflow:hidden;overflow-y:auto;}
.member-item {text-align: center; cursor:pointer; display:none;}
.member-item .member-avatar{padding-top:5px;position:relative !important;}
.member-item .member-avatar img{width:30px;height:30px;border-radius: 8px; margin:0 auto !important;}
.member-item .member-name{line-height:18px;height:18px;font-size: 12px;text-align: center;color: gray;overflow:hidden !important;}

.tools-face-div{width: 370px; padding: 3px;z-index:99999999;}
.tools-user-bar li{line-height:16px;font-size:12px;padding-left:5px;}
.tools-user-bar li a{text-decoration: none;}
.tools-user-bar li .layui-icon{font-size:12px;}

.tools-chatitem-bar li{line-height:16px;font-size:14px;padding-left:15px;}
.tools-chatitem-bar li a{text-decoration: none;}
.tools-chatitem-bar li .layui-icon{font-size:14px;}

#roomTab .layui-btn-xs{border-color: #d2d2d2;background: 0 0;color: #666;background-color:#fff!important;}
#roomTab .chat-input {min-height:50px;height:54px;border-width: 1px;border-style: solid;background-color: #fff;color: rgba(0,0,0,.85);border-radius: 2px !important;}
#roomTab .chat-send  {font-size:18px;border-color: #d2d2d2;background: 0 0;color: #666;background-color:#fff !important;}
.chat-list:after {content: "";clear: both;display: block;}
.chat-cont {overflow-y: auto;overflow-x: hidden;font-size: 14px;font-family: inherit;padding: 10px;position: relative;}
.chat-cont ul li {display: -webkit-box;display: -webkit-flex;display: flex;display: -ms-flexbox;margin-bottom: 12px;}
.chat-cont ul li .items-avatar {display: block;overflow: hidden;height: 40px;width: 40px;cursor:pointer;}
.chat-cont ul li .items-avatar img {vertical-align: top;height: 100%;width: 100%; border-radius: 8px;}
.chat-cont ul li .items-content {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.chat-cont ul li .items-content .itemes-author {color: #aaa;font-size: 10px;margin: 0 10px;}
.chat-cont ul li .items-content .items-msg {border-style: solid;border-width: 1px;border-radius: 4px;color: #444;float: left;font-size: 14px;margin: 0 10px;padding: 5px 10px 5px 10px;word-wrap: break-word;word-break: break-all;min-height: 18px;max-width: 560px;position: relative;transition: all .3s;}
.chat-cont ul li .items-content .items-msg a {color: #0060a0;font-family: arial;cursor: pointer;}
.chat-cont ul li .items-content .items-msg a:active {background-color: #c2e6fd;}
.chat-cont ul li .items-content .items-msg .upload-image {max-width:200px;max-height:100px;}
.chat-cont ul li.chat-item .items-content .items-msg {background-color: #fff;border-color: #f0f0f0;}
.chat-cont ul li.chat-item .items-content .items-msg:active, .chat-cont ul li.chat-item .items-content .items-msg.taped {background-color: #f2f2f2;border-color: #e9e9e9;}
.chat-cont ul li.chat-item-me .items-content .itemes-author {text-align: right;}
.chat-cont ul li.chat-item-me .items-content .items-msg {float: right;background-color: #a5d7ff;border-color: #85c7fb;}
.chat-cont ul li.chat-item-me .items-content .items-msg:active, .chat-cont ul li.chat-item-me .items-content .items-msg.taped {background-color: #8ecafb;border-color: #74bdf7;}
.chat-cont ul li .items-content .items-msg:before {content: '';display: inline-block;border-style: solid;border-width: 1px 1px 0 0;height: 10px;width: 10px;position: absolute;top: 12px;}
.chat-cont ul li.chat-item .items-content .items-msg:before {background: inherit;border-color: inherit;left: -6px;transform: translate(0, -50%) rotate(-135deg);}
.chat-cont ul li.chat-item-me .items-content .items-msg:before {background: inherit;border-color: inherit;right: -6px;transform: translate(0, -50%) rotate(45deg);}
.chat-cont ul li.items-msg-tip {padding-top: 2px;margin-bottom:0px;}
.chat-cont ul li.items-msg-tip span {color: #b0b0b0;border-radius: 3px;display: block;font-size: 12px;font-family: Verdana;overflow: hidden;margin: 0 auto;padding: 4px;line-height: normal;max-width: 90%;}


.redbagmain {background: url("../../../images/redbag_bg.png") repeat scroll 0 0;border-radius: 2px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);padding-bottom:10px;}
.redbagmain .redbagsbody{padding-top:150px;}
.redbag-photo {padding:0px; cursor: pointer;}

.danmu{position: fixed;bottom:70px;right:-500px;display: inline-block;width: 300px;z-index: 99999}
.danmu img {max-width:40px;max-height:30px;}
.danmu_box{background-color: rgba(0,0,0,.5);padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
.danmu_box .portrait{ display: inline-block;margin-right:8px;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.danmu_box .portrait img{width: 100%;height: 100%;}
.danmu_box div.p a{ margin-right: 2px; font-size: 14px;color: #fff;line-height: 40px;margin-left: 0px; }
.danmu_box div.p a:hover{text-decoration: underline;}
.danmu_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px;}
.danmu_box:hover .close{visibility:visible;opacity: 1;}
.danmu_box .close a{display:block;}
.danmu_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
.danmu .z {float: left !important;}
.danmu  a{text-decoration:none;}

.layui-layer-tips .layui-layer-content{color:blue;}