.dialogue[data-v-45f4e5ff]{width:100%;min-height:100vh;background-color:#071a2c;padding:.322917rem .25rem 0;display:flex}.dialogue .chat-side[data-v-45f4e5ff]{width:1.9375rem;height:5.104167rem;background:#142d4c;padding:.208333rem .234375rem;display:flex;flex-direction:column}.dialogue .chat-side .new-chat[data-v-45f4e5ff]{width:.869792rem;height:.25rem;background:linear-gradient(0deg,#3579f6,#3eb8e5);border-radius:.026042rem;display:flex;align-items:center;justify-content:center;margin:0 0 .3125rem 0;cursor:pointer}.dialogue .chat-side .new-chat[data-v-45f4e5ff]:hover{opacity:.8}.dialogue .chat-side .new-chat img[data-v-45f4e5ff]{width:.182292rem;height:.177083rem;margin-right:.067708rem}.dialogue .chat-side .new-chat span[data-v-45f4e5ff]{width:.369792rem;height:.088542rem;font-size:.083333rem;color:#fff}.dialogue .chat-side .search-chat[data-v-45f4e5ff]{margin-bottom:.15625rem;font-size:.09375rem;font-weight:400;color:#fff;padding:0 0 0 .078125rem;position:relative}.dialogue .chat-side .search-chat[data-v-45f4e5ff]:before{content:"";background-color:#fff;width:.020833rem;height:.09375rem;border-radius:.010417rem;position:absolute;top:50%;transform:translateY(-50%);left:0}.dialogue .chat-side .chat-list[data-v-45f4e5ff]{width:100%;height:83%;overflow-y:hidden;display:flex;flex-direction:column}.dialogue .chat-side .chat-list .chat-list-items[data-v-45f4e5ff]{width:100%;min-height:.166667rem;background:#173355;border:.005208rem solid #1b3e68;border-radius:.010417rem;display:flex;align-items:center;padding:.03125rem .078125rem;margin-bottom:.114583rem;font-size:.0625rem;color:#fff;cursor:pointer}.dialogue .chat-side .chat-list .chat-list-items[data-v-45f4e5ff]:hover{color:#3e90e5}.dialogue .chat-side .chat-list .chat-list-items .icon[data-v-45f4e5ff]{width:.083333rem;height:.083333rem;margin-right:.067708rem}.dialogue .chat-side .chat-list .chat-list-items span[data-v-45f4e5ff]{line-height:.125rem}.dialogue .chat-window[data-v-45f4e5ff]{flex:1;height:5.104167rem;background:#0e2138;display:flex;justify-content:center;padding:.177083rem 0}.dialogue .chat-window .chat-main[data-v-45f4e5ff]{width:5.052083rem;height:100%;display:flex;flex-direction:column;position:relative}.dialogue .chat-window .chat-main .chat-content[data-v-45f4e5ff]{width:100%;height:3.854167rem;overflow-y:auto}.dialogue .chat-window .chat-main .chat-content[data-v-45f4e5ff]::-webkit-scrollbar{width:0}.dialogue .chat-window .chat-main .chat-content[data-v-45f4e5ff]::-webkit-scrollbar-thumb{border-radius:0}.dialogue .chat-window .chat-main .chat-content .chat-content-item[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce[data-v-45f4e5ff]{display:flex;margin-bottom:.104167rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item .chat-head[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .chat-head[data-v-45f4e5ff]{width:.244792rem;height:.244792rem;margin-right:.109375rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item .introduce-content[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .introduce-content[data-v-45f4e5ff]{width:5.052083rem;height:1.598958rem;background:rgba(34,77,127,.7);border-radius:.052083rem;display:flex;flex-direction:column;color:#fff;padding:.104167rem .151042rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item .introduce-content .hello[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .introduce-content .hello[data-v-45f4e5ff]{font-size:.125rem;font-weight:700;margin-bottom:.109375rem;line-height:.177083rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item .introduce-content .role[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .introduce-content .role[data-v-45f4e5ff]{font-size:.0625rem;margin-bottom:.098958rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item .introduce-content .friendship-tips[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .introduce-content .friendship-tips[data-v-45f4e5ff]{width:100%;height:.75rem;background:#193b61;display:flex;flex-direction:column;justify-content:space-around;padding:.109375rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item .introduce-content .friendship-tips .friendship-tips-title[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .introduce-content .friendship-tips .friendship-tips-title[data-v-45f4e5ff]{font-size:.083333rem;font-weight:700;color:#ffd95e}.dialogue .chat-window .chat-main .chat-content .chat-content-item .introduce-content .friendship-tips .friendship-tips-main[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .introduce-content .friendship-tips .friendship-tips-main[data-v-45f4e5ff]{height:calc(100% - .13542rem);display:flex;flex-direction:column;justify-content:space-around}.dialogue .chat-window .chat-main .chat-content .chat-content-item .introduce-content .friendship-tips .friendship-tips-main span[data-v-45f4e5ff],.dialogue .chat-window .chat-main .chat-content .introduce .introduce-content .friendship-tips .friendship-tips-main span[data-v-45f4e5ff]{font-size:.0625rem;color:#fff}.dialogue .chat-window .chat-main .chat-content .chat-content-item[data-v-45f4e5ff]{width:100%;font-size:.072917rem;color:#fff;display:flex}.dialogue .chat-window .chat-main .chat-content .chat-content-item .user-name[data-v-45f4e5ff]{margin-right:.109375rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item .user-send-content[data-v-45f4e5ff]{padding:.072917rem .104167rem;border-radius:.052083rem;background-color:rgba(34,77,127,.7);line-height:.135417rem}.dialogue .chat-window .chat-main .chat-content .chat-content-item.is-user-style[data-v-45f4e5ff]{flex-direction:row-reverse}.dialogue .chat-window .chat-main .chat-content .chat-content-item.is-user-style .user-send-content[data-v-45f4e5ff]{color:#193b61;background-color:#fff}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff]{width:100%;display:flex;background:#0e2138;flex-direction:column;position:absolute;padding:.041667rem 0;bottom:.145833rem}.dialogue .chat-window .chat-main .send-module .tips[data-v-45f4e5ff]{font-size:.072917rem;color:#fff;margin-bottom:.088542rem}.dialogue .chat-window .chat-main .send-module .hot-entry[data-v-45f4e5ff]{width:100%;display:flex;flex-wrap:wrap;margin-bottom:.15625rem}.dialogue .chat-window .chat-main .send-module .hot-entry .entry-items[data-v-45f4e5ff]{min-height:.208333rem;background:rgba(34,77,127,.7);border-radius:.026042rem;padding:.078125rem .130208rem;font-size:.0625rem;color:#fff;margin:0 .057292rem .0625rem 0;cursor:pointer}.dialogue .chat-window .chat-main .send-module .hot-entry .entry-items[data-v-45f4e5ff]:hover{color:#3e90e5}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window{position:relative}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window .send-textarea .el-textarea__inner{width:100%;height:.583333rem;background:rgba(34,77,127,.7);border-radius:.052083rem;padding:.109375rem .119792rem;font-size:.072917rem;color:#fff;resize:none;border:.005208rem solid rgba(34,77,127,.7)}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window .send-textarea .el-textarea__inner::-webkit-scrollbar{width:0}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window .send-textarea .el-textarea__inner::input-placeholder{color:#fff!important}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window .send-textarea .el-textarea__inner::-webkit-input-placeholder{color:#fff!important}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window .send-btn{width:.5rem;height:.208333rem;background:linear-gradient(0deg,#3579f6,#3eb8e5);border-radius:.104167rem;font-size:.072917rem;color:#fff;text-align:center;position:absolute;bottom:.088542rem;right:.166667rem;border:none;cursor:pointer}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window .send-btn:hover{opacity:.8}.dialogue .chat-window .chat-main .send-module[data-v-45f4e5ff] .send-window.is-red .send-textarea .el-textarea__inner{border-color:#f56c6c}