.chat-contents{height:32.142857rem;padding-bottom:2.857143rem;overflow-y:scroll}.chat-content{padding:.857143rem;display:flex}.chat-content .chat-content-data{margin-left:.857143rem}.chat-content .chat-content-data .chat-content-data-name{font-size:1rem;color:#666;margin-bottom:.285714rem}.chat-content .chat-content-data .chat-content-data-content{background-color:#fff;padding:.714286rem .571429rem;color:#333;font-size:1rem;border-radius:0 .571429rem .571429rem .571429rem;word-wrap:break-word;word-break:normal}.panel{position:absolute;bottom:3.428571rem;right:0;left:0;z-index:10;background-color:#f6f6f6}.panel.active{height:39.285714rem;transition:height .3s ease-in}.panel.no-active{height:0;transition:height .3s ease-out}.chat-input-box{position:fixed;bottom:3.428571rem;left:0;right:0;width:100%;height:4rem;background-color:#fff;font-size:1rem;display:flex;box-sizing:border-box;padding:.857143rem}.chat-input-box input{border:none;background-color:#f7f7f7;width:100%;height:2.285714rem;border-radius:1.142857rem;box-sizing:border-box;padding:.428571rem .857143rem}.chat-input-box .chat-input-send{width:4rem;height:100%;display:flex;align-items:center;justify-content:center}.chat-setting{height:36.428571rem}.chat-right{height:7.142857rem;color:#fff;font-size:.857143rem;flex-direction:column;align-content:flex-end}.chat-label,.chat-right{display:flex;justify-content:flex-end}.chat-label{background-color:rgba(0,0,0,.5);height:2.142857rem;border-radius:1.071429rem;padding:0 .857143rem;margin-bottom:.428571rem;align-items:center}.chat-label:last-child{margin-bottom:0}.chat-label-name{width:3.928571rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-video{width:100%;height:100%}.web-chat{position:absolute;bottom:0;right:0;left:0}.live-chat-right{position:absolute;right:0;bottom:14.285714rem}.overlay-content{height:100%;width:100%;display:flex;align-items:center;justify-content:center}