@import url(//at.alicdn.com/t/font_1076444_ju2xpxwlq1k.css);.chat-toggle-button[data-v-1097d678]{position:fixed;right:20px;bottom:20px;width:120px;height:40px;background-color:#409eff;color:#fff;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:1000;-webkit-transition:all .3s;transition:all .3s}.chat-toggle-button[data-v-1097d678]:hover{background-color:#66b1ff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.chat-toggle-button i[data-v-1097d678]{margin-right:5px;font-size:18px}.unread-badge[data-v-1097d678]{position:absolute;top:-5px;right:-5px}.chat-container[data-v-1097d678]{position:fixed;right:20px;bottom:20px;width:600px;z-index:1000;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.chat-header[data-v-1097d678]{background-color:#409eff;color:#fff;padding:12px 15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-header[data-v-1097d678],.header-content[data-v-1097d678]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.support-avatar[data-v-1097d678]{background-color:#fff;color:#409eff;margin-right:10px}.header-info[data-v-1097d678]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.support-name[data-v-1097d678]{font-weight:700;margin-bottom:3px}.status-indicator[data-v-1097d678]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-card[data-v-1097d678]{border-radius:0 0 8px 8px;border:none;border-top:none}.chat-messages[data-v-1097d678]{height:400px;overflow-y:auto;padding:15px;background-color:#f5f7fa}.system-message[data-v-1097d678]{text-align:center;margin-bottom:15px}.message-item[data-v-1097d678]{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:80%}.client-message[data-v-1097d678]{margin-left:auto;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-avatar[data-v-1097d678]{margin:0 8px;background-color:transparent}.message-content[data-v-1097d678]{padding:5px 10px;border-radius:18px;position:relative;word-wrap:break-word;max-width:80%}.client-message .message-content[data-v-1097d678]{background-color:#fff;border:1px solid #e4e7ed;border-top-right-radius:4px}.support-message .message-content[data-v-1097d678]{background-color:#fff;border:1px solid #e4e7ed;border-top-left-radius:4px}.text-message[data-v-1097d678]{text-align:left;line-height:1.6}.image-message img[data-v-1097d678]{max-width:200px;border-radius:4px}.file-message[data-v-1097d678]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-icon[data-v-1097d678]{margin-right:5px}.file-name[data-v-1097d678]{text-align:left;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.message-time[data-v-1097d678]{font-size:12px;color:#888;margin-top:5px;text-align:right}.file-preview[data-v-1097d678]{padding:10px 15px;border-top:1px solid #e4e7ed}.preview-content[data-v-1097d678]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-icon-large[data-v-1097d678]{font-size:40px;margin-right:10px;color:#409eff}.file-info[data-v-1097d678]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px}.file-name[data-v-1097d678]{font-weight:500}.file-size[data-v-1097d678]{font-size:12px;color:#666}.remove-file[data-v-1097d678]{color:#f56c6c}.input-area[data-v-1097d678]{padding:5px 10px;border-top:1px solid #e4e7ed}.message-input[data-v-1097d678]{border-radius:20px;-webkit-transition:all .3s;transition:all .3s}.message-input[data-v-1097d678]:focus{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.action-buttons[data-v-1097d678]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:distribute;justify-content:space-around;padding-left:10px}.action-btn[data-v-1097d678]{width:28px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.send-btn[data-v-1097d678]{background-color:#67c23a;border-color:#67c23a}[data-v-1097d678] .el-card__body,[data-v-1097d678] .el-card__header{padding:0}[data-v-1097d678] .el-textarea__inner{padding:0;border:1px solid #fff}[data-v-1097d678] .el-link--inner{text-align:left}.router-link-active,a{text-decoration:none}.yc{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.yc,.yc-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.yc-body{margin:0;padding:0}[mode=cover]{-o-object-fit:cover;object-fit:cover}[mode=fill]{-o-object-fit:fill;object-fit:fill}.yc-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.yc-flex-item{-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1}body,html{margin:0;padding:0;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f5f5f6;width:100%;height:100%}#app,body,html{font-family:SansHans-Light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{text-align:center;color:#2c3e50}#app,.body-content{height:100%;position:relative}.body-content{width:100%}.padding-t20{padding-top:20px!important}.floatnone{float:none}.el-popup-parent--hidden{padding-right:0!important;overflow:hidden!important}.main[data-v-4ea91ed2]{margin:20px auto}.main_title[data-v-4ea91ed2]{font-size:30px;font-family:SansHans-Light;font-weight:300;color:#223037;text-align:center;margin:0 auto}.main p[data-v-4ea91ed2]{height:20px;font-size:15px;font-family:SansHans-Light;font-weight:300}.lines[data-v-4ea91ed2]{width:52px;height:3px;border-radius:3px 0 0 3px;margin:5px auto}@font-face{font-family:SansHans-Light;src:url(../../static/fonts/NotoSansHans-Light.569f7a3a.otf);font-weight:400;font-style:normal}@font-face{font-family:SansHans-Normal;src:url(../../static/fonts/SourceHanSans-Normal.a98ad819.otf);font-weight:400;font-style:normal}