.chatroom{height:calc(100% - 15px)}.chatroom-head{background:#181d23}.chatroom-head .chat-title{width:calc(100% - 30px);margin-left:15px;height:86px;line-height:86px;padding:0 15px;position:relative;text-align:center}.chatroom-head .chat-title .title-icon{font-size:35px;color:#ffc107;margin-right:15px}.chatroom-head .chat-title .title-name{font-size:22px;font-weight:700;color:#ffc107}.loading-chat-back{position:absolute;height:calc(100% - 86px);width:100%;top:86px;background:#000;opacity:.1;z-index:99}.loading-chat-spinner{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);color:#007bff;font-size:25px;text-align:center}.chatroom-list-box{height:calc(100% - 71px);border-top:1px solid #363636}.loading-spinner-text{display:block;margin-top:10px;font-size:15px;font-weight:700}.chatroom-list{height:100%;padding:0}.chatroom-list .ps__rail-y{opacity:.6}.chatroom-list .ps__thumb-y{right:0;background:#aaa!important}.chatroom-ul{padding:0;margin:0;color:#d2d3d5}.chatroom-ul li{list-style:none;padding:0 0;border-bottom:1px solid #363636;height:80px;position:relative;cursor:pointer}.chatroom-ul li:hover{background:#15191d}.chatroom-ul .chatroom-img{width:60px;height:60px;position:absolute;top:10px;left:15px}.chatroom-ul .chatroom-img img{width:60px;height:60px;border-radius:20px}.chatroom-ul .chatroom-title{position:absolute;left:90px;height:100%;padding:10px 0;font-size:18px;width:calc(100% - 80px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chatroom-ul .chatroom-title .mission-coin{font-size:18px;font-weight:700}.chatroom-ul .chatroom-title .mission-coin .mission-total-coin{color:#ff0;line-height:35px}.chatroom-ul .chatroom-title .mission-coin .mission-my-coin{color:#004692}.chatroom-ul .chatroom-room-profile{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chatroom-ul .chatroom-room-profile .chatroom-type1{color:#ffc107;font-weight:700;margin-right:5px}.chatroom-ul .chatroom-last-message{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;margin-top:3px;color:#d2d3d5}.chatroom-ul .chatroom-count{position:absolute;right:0;height:100%;line-height:80px;font-size:18px;color:#575757;right:15px}.chatroom-ul .chatroom-count span{background:red;color:#fff;padding:5px}@media (max-width:580px){.chatroom-ul .chatroom-room-profile{padding-right:60px}}