.chat-page{background:var(--chat-bg-color);flex:1}.chat-box,.null-list{height:100%;width:100%;display:flex;flex-direction:column}.chat-box{display:none}.null-message{height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.null-message p{font-size:15px;background:var(--padding-bg-color);padding:6px 15px;border-radius:20px}.chat-box-top{height:55px;background:var(--bg-color);padding:0 10px;display:flex;align-items:center}.chat-box-top li{padding-left:10px}.chat-back{padding-right:16px;color:var(--fill-bg-color);font-weight:600}.friend-active-status{color:var(--fill-bg-color);padding-top:5px}.chat-list-box{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.chat-list{overflow:hidden;-webkit-overflow-scrolling:touch;overflow-y:scroll;padding:10px 0;margin:0 5px 0 11px}.chat-left,.chat-right{display:flex;padding:2px 0}.corner-left,.corner-right{display:flex;align-items:flex-end}.corner-left{margin-right:-6px}.corner-right{margin-left:-6px}.corner-left p,.corner-right p{width:0;height:0;border-left:12px solid transparent;border-right:0px solid transparent;border-bottom:10px solid var(--padding-bg-color)}.corner-right p{border-left:0 solid transparent;border-right:12px solid transparent}.chat-message-box{background:var(--padding-bg-color);border-radius:19px 19px 6px;max-width:85%}.chat-message-box ul{max-width:100%}.chat-message-box-left{border-radius:19px 19px 19px 6px}.chat-message{position:relative;word-break:break-all;overflow-wrap:break-word;font-size:14px}.chat-right{justify-content:flex-end}.message-content{user-select:text;word-break:break-all;overflow-wrap:break-word;padding:9px 12px 6px}.chat-left-name{display:block}.chat-box-bottom{width:100%;background:var(--bg-color);display:flex;min-height:50px;padding:5px 0;align-items:center}.chat-box-bottom li{padding:0 15px}.chat-box-bottom i{color:var(--fill-bg-color);font-size:25px;font-weight:600}.content-box{flex:1;padding:0!important}.content{resize:none;overflow-x:hidden;display:inline-block;font-size:14px;background-repeat:no-repeat;padding:10px 5px;max-width:100%;width:100%;border:none;background:var(--bg-color);max-height:150px;line-height:1.5;font-family:auto;min-height:34px;-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;outline:0}.message{scrollbar-width:none;-ms-overflow-style:none}.message::-webkit-scrollbar{display:none}.hint-time-box,.hint-time-box-top{padding:10px;text-align:center}.hint-time-box span,.hint-time-box-top span{padding:5px 15px;background:var(--padding-bg-color);border-radius:20px}.hint-time-box-top{padding:0 13px 0 11px;background:0 0;position:absolute;width:100%;top:8px;z-index:1}.preview-popup-app{background-color:unset!important}.preview-popup{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.preview{max-height:80%;max-width:500px;width:50%;min-width:300px;margin:auto;border-radius:10px;padding:10px 20px;display:flex;flex-direction:column;background:var(--bg-color)}.preview-top li{font-size:16px;font-weight:600;color:var(--text-color)}.preview-content{margin:20px 0;display:flex;background-color:var(--padding-bg-color);padding:6px;overflow:hidden}.preview-content li{max-height:100%;margin:0 auto;text-align:center;padding:1px;min-width:50%;width:50%;display:flex;align-items:center;justify-content:center}.preview-content li i{position:absolute;font-size:50px}.preview-content img,.preview-content video{max-height:100%;max-width:100%;border-radius:6px}.chat-content img,.chat-content video{max-width:100%;max-height:400px;border-radius:6px}.openFile{position:relative;text-align:center;overflow:hidden}.chat-message .openFile{border-radius:19px}.openFile .layui-icon-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px}.file-box-app{display:flex;justify-content:center;align-items:center}.file-box{max-height:99%;max-width:99%}.preview-checkbox{display:flex;align-items:center}.preview-checkbox input{height:20px;width:20px}.preview-checkbox span{color:var(--text-color);padding-left:10px}.preview-illustrate{padding:20px 0}.preview-illustrate-text{color:var(--button-text-color)}.preview-illustrate-input{border:none;background:0 0;font-size:15px;height:25px;border-bottom:1px solid var(--button-text-color);width:100%}.preview-bottom{display:flex;font-size:15px;font-weight:600;color:var(--button-text-color)}.preview-add{flex:1}.preview-close{padding-right:50px;margin-left:auto}.file-show{background-color:unset!important}.chat-reach-bottom{position:absolute;bottom:75px;right:19px;width:50px;display:flex;flex-wrap:wrap;justify-content:center}.chat-reach-bottom[data-resch='0']{display:none}.reach-bottom{background:var(--padding-bg-color);border-radius:50%;height:39px;width:39px;text-align:center;line-height:42px;color:var(--text-color)}.reach-bottom i{font-size:20px}.stranger-hint{width:100%;background:var(--padding-bg-color);display:none;align-items:center;justify-content:center;font-size:15px;padding:10px}.stranger-hint span{padding:5px 10px;background:var(--using-bg-color);border-radius:5px;margin-left:10px;white-space:nowrap;overflow:hidden}.stranger-cancel{background:var(--fill-bg-color)!important}.expression-msg{display:none}.chat-call-box{position:absolute;right:20px}.chat-call-box span{color:var(--fill-bg-color);font-size:20px;padding:5px}.call-pop-up,iframe{background-color:unset!important}