.mission-chat{height:100%;border:1px solid #e2e2e2}.chat-head{height:80px;position:relative}.room-profile-image{height:80px;width:80px;padding:10px 15px}.room-profile-image img{width:60px;height:60px;border-radius:100%}.room-profile-info{position:absolute;height:100%;width:calc(100% - 220px);top:0;left:90px;margin:0;padding:0}.room-profile-info li{list-style:none;height:40px}.room-profile-info li.name{font-size:18px;padding-top:15px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-profile-info li.name .mission-name{color:#007bff}.room-profile-info li.time{font-size:14px;padding-top:5px}.room-profile-close{position:absolute;height:40px;right:0;width:130px;top:20px;text-align:right;padding-right:15px}.loading-back1{position:absolute;height:calc(100% - 150px);width:100%;top:80px;background:#000;opacity:.1;z-index:99}.loading-spinner1{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);color:#007bff;font-size:25px;text-align:center}.gift-svga{position:absolute;height:calc(100% - 150px);width:100%;top:80px;z-index:99}#gift-svga-back{position:relative}#gift-canvas{top:50%;transform:translateY(-50%)}#gift-canvas,.gift-image{position:absolute;width:100%}.gift-image{height:calc(100% - 150px);top:80px;z-index:99}#gift-image-back{position:relative;overflow:hidden}#gift-image-back img{width:calc(100% - 160px);margin-left:80px;border:10px solid #007bff;border-radius:15px}.chat-body{height:calc(100% - 80px);border-top:1px solid #e2e2e2}.chat-room-coin{height:50px;border-bottom:1px solid #e2e2e2;color:#007bff;font-weight:700;line-height:50px;padding:0 15px;background:#f5f5f5}.chat-room-coin span.room_tottal_coin{float:right;color:#f60;font-size:18px}.chat-room-mission{height:60px;background:#e2e2e2;border-bottom:1px solid #e2e2e2}.chat-room-mission .mission-item{font-size:14px}.chat-room-mission .mission-item>span{padding:0 15px;display:inline-block;margin-top:3px;font-weight:700;color:#555}.chat-room-mission .mission-item>span:last-child{float:right}.chat-room-mission .mission-info{text-align:center;font-size:18px;font-weight:700;padding-top:5px;color:#f60}.mission-chat-list{height:calc(100% - 180px);padding:0}.mission-chat-list .ps__rail-y{opacity:.6}.mission-chat-list .ps__thumb-y{right:0;background:#aaa!important}.chat-ul{margin:0 0 30px 0;padding:0}.chat-ul li{padding-top:20px;list-style:none}.message-box{position:relative}.manager-message .triangle{position:absolute;width:0;height:0;border-right:25px solid #f5f5f5;border-top:10px solid transparent;border-bottom:10px solid transparent;border-radius:0;bottom:0}.message-box span.span-message-image-gift{margin:0 20px;padding:10px 10px;border-radius:5px;display:inline-block;max-width:calc(100% - 80px);word-wrap:break-word}.manager-message{text-align:left}.manager-message span.span-message-image-gift{background:#f5f5f5}.my-message{text-align:right}.my-message span.span-message-image-gift{background:#007bff;color:#fff;text-align:left}.my-message .triangle{position:absolute;width:0;height:0;border-left:25px solid #007bff;border-top:10px solid transparent;border-bottom:10px solid transparent;border-radius:0;bottom:0;right:0}.type-coin .coin-icon{margin-right:10px}.type-coin{padding:0 20px}.type-coin .triangle{display:none}.type-coin span{margin:0;padding:12px 10px;border-radius:5px;display:inline-block;width:100%;word-wrap:break-word;background:#ff604f;text-align:center;font-weight:700;color:#fff;font-size:16px}.type-mission1 .mission-icon{margin-right:10px}.type-mission1{padding:0 20px}.type-mission1 .triangle{display:none}.type-mission1 span{margin:0;padding:12px 10px;border-radius:5px;background:#007bff;display:inline-block;width:100%;word-wrap:break-word;text-align:center;font-weight:700;color:#fff;font-size:16px}.type-mission2 .mission-icon{margin-right:10px}.type-mission2{padding:0 20px}.type-mission2 .triangle{display:none}.type-mission2 span{margin:0;padding:12px 10px;border-radius:5px;background:#ff3c03;display:inline-block;width:100%;word-wrap:break-word;text-align:center;font-weight:700;color:#fff;font-size:16px}.type-gift img,.type-image img{max-width:300px}.chat-body .chat-footer{height:70px;width:100%;border-top:1px solid #e2e2e2}.chat-footer{position:relative}.chat-footer-send{position:absolute;width:calc(100% - 80px);height:100%;padding:10px 0 10px 15px}.chat-footer-send .my-form-control{height:50px}.chat-footer-btn{position:absolute;width:80px;right:0;height:100%;padding:10px 15px 10px 5px;text-align:right}.chat-footer-btn .image-btn,.chat-footer-btn .msessage-btn{font-size:18px;margin:0;width:70px;height:50px;display:inline-block;border-radius:.25rem;color:#fff;text-align:center;line-height:50px;cursor:pointer}.chat-footer-btn .msessage-btn{background:#ff4966;border-color:#ff4966}.chat-footer-btn .image-btn{background:#007bff;border-color:#007bff;border-bottom-left-radius:0;border-top-left-radius:0;display:none}.misssion-chat .chat-footer-btn{width:160px}.misssion-chat .chat-footer-send{width:calc(100% - 160px)}.misssion-chat .msessage-btn{border-bottom-right-radius:0;border-top-right-radius:0}.misssion-chat .image-btn{display:inline-block}.chat-password{max-width:300px!important}.chat-password h3{font-size:20px;font-weight:700}@media (max-width:580px){.message-box span.span-message-image-gift,.type-gift img,.type-image img{max-width:100%}.chat-room-coin-text span,.close-chat,.time-text{display:none}#gift-image-back img{width:calc(100% - 50px);margin-left:25px}}