.user-chat,.user-chat.forUI{bottom:1px}.user-chat,.user-chat .chat-content .chat-block{-webkit-box-orient:vertical;-webkit-box-direction:normal}.user-chat{position:fixed!important;left:1px;z-index:10000;width:300px;display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:300px;min-height:350px;height:90vh;border-radius:5px;overflow:hidden}.user-chat.open{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.user-chat .top-chat{background:#252B4E;border-radius:3px 3px 0 0;padding:15px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:45px;cursor:all-scroll}.user-chat .top-chat .user-count{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:1;color:#EAEAFF}.user-chat .top-chat .user-count.open,.user-chat .top-chat .user-count:hover{color:#617AFA}.user-chat .top-chat .user-count:hover .ico svg path{fill:#707BB9}.user-chat .top-chat .user-count.open .ico svg path{fill:#617AFA}.user-chat .top-chat .user-count .ico{width:15px;height:15px;margin-right:5px}.user-chat .top-chat .user-count .ico svg{width:100%;height:100%}.user-chat .top-chat .close{width:10px;height:10px}.user-chat .top-chat .close:hover svg path{fill:#fff}.user-chat .top-chat .close svg{width:100%;height:100%;display:block}.user-chat .top-chat .close svg path{fill:#707BB9}.user-chat .chat-content{position:relative;height:calc(100% - 45px)}.user-chat .chat-content .chat-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;background:#303866}.user-chat .chat-content .chat-block .chat{padding:15px;-webkit-box-flex:calc(100% - 55px);-webkit-flex:calc(100% - 55px) 0 1;-ms-flex:calc(100% - 55px) 0 1;flex:calc(100% - 55px) 0 1;overflow-y:auto;overflow-x:hidden}.user-chat .chat-content .chat-block .chat::-webkit-scrollbar{width:4px}.user-chat .chat-content .chat-block .chat::-webkit-scrollbar-track{background:#303866}.user-chat .chat-content .chat-block .chat::-webkit-scrollbar-thumb{background:#617AFA}.user-chat .chat-content .chat-block .chat .message{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px}.user-chat .chat-content .chat-block .chat .message.your{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.user-chat .chat-content .chat-block .chat .message.your .user-avatar{margin:0 10px 0 0}.user-chat .chat-content .chat-block .chat .message.your .left{-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1}.user-chat .chat-content .chat-block .chat .message.your .left .wrapper-chat-new{-webkit-box-flex:100%;-webkit-flex:100% 0 1;-ms-flex:100% 0 1;flex:100% 0 1;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background:-o-linear-gradient(2.3deg,#617AFA 8.82%,#7A90FF 103.9%);background:linear-gradient(87.7deg,#617AFA 8.82%,#7A90FF 103.9%);-webkit-box-shadow:-2px -4px 6px #3D4778,2px 4px 6px #242B53;box-shadow:-2px -4px 6px #3D4778,2px 4px 6px #242B53;border-radius:15px 0 15px 15px}.user-chat .chat-content .chat-block .chat .message.your .left .replay-msg-block{background:-o-linear-gradient(.08deg,#8A9DFF .06%,rgba(138,157,255,0) 99.93%);background:linear-gradient(89.92deg,#8A9DFF .06%,rgba(138,157,255,0) 99.93%);border-radius:3px}.user-chat .chat-content .chat-block .chat .message.your .left .replay-msg-block .replay-ico svg path{fill:#fff}.user-chat .chat-content .chat-block .chat .message.your .left .replay{display:none}.user-chat .chat-content .chat-block .chat .message.your .left .text-block .user-name{color:#D1D9FE}.user-chat .chat-content .chat-block .chat .message.your .left .text-block .text{color:#FFF}.user-chat .chat-content .chat-block .chat .message.your .time-block{text-align:right;margin-left:0;padding-right:10px}.user-chat .chat-content .chat-block .chat .message .user-avatar{width:30px;margin-right:10px;height:30px;min-width:30px;border-radius:100%;overflow:hidden}.user-chat .chat-content .chat-block .chat .message .user-avatar img{width:100%;height:100%}.user-chat .chat-content .chat-block .chat .message .left{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:100%;-webkit-flex:100% 0 1;-ms-flex:100% 0 1;flex:100% 0 1;width:100%}.user-chat .chat-content .chat-block .chat .message .left .wrapper-chat-new{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:#1B203C;-webkit-box-shadow:-2px -4px 6px #3D4778,2px 4px 6px #242B53;box-shadow:-2px -4px 6px #3D4778,2px 4px 6px #242B53;border-radius:0 15px 15px;padding:10px;position:relative;-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1;width:calc(100% - 20px)}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block{background:-o-linear-gradient(.08deg,#313962 .06%,rgba(49,57,98,0) 99.93%);background:linear-gradient(89.92deg,#313962 .06%,rgba(49,57,98,0) 99.93%);border-radius:3px;padding:7px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:5px}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-ico{width:14px;height:11px;margin-right:6px;margin-top:5px;-webkit-box-flex:20px;-webkit-flex:20px 0 1;-ms-flex:20px 0 1;flex:20px 0 1}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-ico svg{display:block;width:100%;height:100%}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-ico svg path{fill:#FFF}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-msg{-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1;color:#D1D9FE}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-msg .user-name{font-size:12px;color:#d1d9fe}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-msg .text{font-size:12px}.user-chat .chat-content .chat-block .chat .message .left .text-block{width:calc(100% - 40px);overflow-wrap:break-word;word-wrap:break-word}.user-chat .chat-content .chat-block .chat .message .left .text-block .user-name{font-size:12px;color:#757EB1;margin-bottom:5px}.user-chat .chat-content .chat-block .chat .message .left .text-block .text{font-size:14px;line-height:19px;color:#EAEAFF}.user-chat .chat-content .chat-block .chat .message .left .replay{width:14px;height:11px;-webkit-box-flex:14px;-webkit-flex:14px 0 1;-ms-flex:14px 0 1;flex:14px 0 1;margin-left:6px}.user-chat .chat-content .chat-block .chat .message .left .replay:hover svg path{fill:#737CB1}.user-chat .chat-content .chat-block .chat .message .left .replay svg{display:block;width:100%;height:100%}.user-chat .chat-content .chat-block .chat .message .left .replay svg path{fill:#485185}.user-chat .chat-content .chat-block .chat .message .time-block{width:100%;font-size:10px;line-height:14px;color:#545D91;margin-left:5px;margin-top:3px}.user-chat .chat-content .chat-block .bottom-chat{position:relative;margin-bottom:7px;padding:0 7px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text{background:#3D467A;border-radius:20px 20px 0 0;position:absolute;left:7px;top:30px;right:7px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);z-index:5;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:15px 50px 45px 15px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .ico{width:14px;min-width:14px;height:11px;margin-right:8px;margin-top:5px;-webkit-box-flex:20px;-webkit-flex:20px 0 1;-ms-flex:20px 0 1;flex:20px 0 1}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .ico svg{width:100%;height:100%;display:block}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .ico svg path{fill:#747FBD}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content{padding-right:10px;-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1;max-width:calc(100% - 20px)}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .user-name{font-size:12px;color:#757EB1;margin-bottom:5px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .text{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px;color:#EAEAFF}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close{position:absolute;top:20px;right:15px;width:10px;height:10px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close:hover svg path{fill:#EAEAFF}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close svg{width:100%;height:100%;display:block}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close svg path{fill:#747FBD}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper{background:#485185;padding:15px;position:relative;border-radius:25px;z-index:6}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input{width:100%;background:0 0;border:0;padding-right:30px;font-size:14px;color:#FFF}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::-webkit-input-placeholder{color:#949DD1}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::-moz-placeholder{color:#949DD1}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input:-ms-input-placeholder{color:#949DD1}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::-ms-input-placeholder{color:#949DD1}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::placeholder{color:#949DD1}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat{right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat .send-msg{width:20px;height:17px;-webkit-transform:rotate(-38.18deg);-ms-transform:rotate(-38.18deg);transform:rotate(-38.18deg)}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat .send-msg svg{width:100%;height:100%}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat .send-msg svg path{fill:#617AFA}.user-chat .chat-content .user-list{position:absolute;top:0;left:0;right:0;bottom:55px;background:#303866;display:none;padding:15px;overflow-y:auto}.user-chat .chat-content .user-list::-webkit-scrollbar-track{background-color:#303866;border-radius:15px}.user-chat .chat-content .user-list::-webkit-scrollbar{width:2px;border-radius:15px}.user-chat .chat-content .user-list::-webkit-scrollbar-thumb{background-color:#617AFA;border-radius:15px}.user-chat .chat-content .user-list.open{display:block}.user-chat .chat-content .user-list .user{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:13px;cursor:pointer;color:#EAEAFF;font-size:14px;line-height:1}.user-chat .chat-content .user-list .user:hover{color:#617AFA}.user-chat .chat-content .user-list .user .user-avatar{width:25px;min-width:25px;height:25px;margin-right:8px;border-radius:100%;overflow:hidden}.user-chat .chat-content .user-list .user .user-avatar img{width:100%;height:100%}.user-chat .chat-content .new-mess-block-new{width:190px;text-align:center;padding:7px;line-height:1;background:#6E85FC;-webkit-box-shadow:0 2px 15px rgba(14,22,62,.5);box-shadow:0 2px 15px rgba(14,22,62,.5);border-radius:25px;font-size:14px;color:#EAEAFF;position:absolute;bottom:80px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}.user-chat .chat-content .new-mess-block-new:hover{background:#566FEF}.user-chat .chat-content .new-mess-block-new .color{color:#EAEAFF;font-weight:600}@media (max-width:992px){.user-chat,.user-chat.open{left:0!important;right:0!important;width:100%!important;height:auto!important;top:60px!important;bottom:71px!important}}