.currency-wrapper[data-v-c2492ec9] {
    box-sizing: border-box;
    padding: 4px
}

.currency-wrapper h2[data-v-c2492ec9] {
    color: var(--theme-black-color);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.currency-wrapper .currency-box h3[data-v-c2492ec9] {
    background-color: #fafafa;
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 10px
}

.currency-wrapper .currency-box .currency-item-content[data-v-c2492ec9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.currency-wrapper .currency-box .currency-item-content .currency-item[data-v-c2492ec9] {
    align-items: center;
    box-sizing: border-box;
    color: var(--theme-black-color);
    cursor: pointer;
    display: flex;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 10px;
    user-select: none;
    width: 200px
}

.currency-wrapper .currency-box .currency-item-content .currency-item span[data-v-c2492ec9] {
    align-items: center;
    color: var(--theme-black-color);
    display: flex
}

.currency-wrapper .currency-box .currency-item-content .currency-item .bold[data-v-c2492ec9] {
    font-weight: 700
}

.currency-wrapper .currency-box .currency-item-content .currency-item.active[data-v-c2492ec9],.currency-wrapper .currency-box .currency-item-content .currency-item[data-v-c2492ec9]:hover {
    background-color: rgba(255,213,0,.2);
    border-radius: var(--theme-radius)
}

[lang^=en-] .header-box .content-box .tips-wrapper .tips-item[data-v-8eb325a3] {
    margin-right: 16px
}

[lang^=en-] .header-box .content-box .tips-wrapper .tips-item p[data-v-8eb325a3] {
    font-size: 14px
}

.header-box[data-v-8eb325a3] {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    padding-right: 56px;
    position: relative;
    z-index: 2001
}

.header-box .content-box[data-v-8eb325a3] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    min-height: 60px
}

.header-box .content-box .currency[data-v-8eb325a3],.header-box .content-box .language[data-v-8eb325a3] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 32px;
    justify-content: flex-end;
    margin: 0 0 0 30px;
    width: 100px
}

.header-box .content-box .currency img[data-v-8eb325a3],.header-box .content-box .language img[data-v-8eb325a3] {
    display: block;
    transform: translateY(1px)
}

.header-box .content-box .currency.dropdown i[data-v-8eb325a3],.header-box .content-box .language.dropdown i[data-v-8eb325a3] {
    transform: rotate(-180deg)
}

.header-box .content-box .currency:hover i[data-v-8eb325a3],.header-box .content-box .language:hover i[data-v-8eb325a3] {
    border-top-color: var(--orange-color)
}

.header-box .content-box .currency:hover p[data-v-8eb325a3],.header-box .content-box .language:hover p[data-v-8eb325a3] {
    color: var(--orange-color)
}

.header-box .content-box .currency p[data-v-8eb325a3],.header-box .content-box .language p[data-v-8eb325a3] {
    color: var(--theme-black-color);
    margin-left: 6px;
    transition: color .1s linear
}

.header-box .content-box .currency i[data-v-8eb325a3],.header-box .content-box .language i[data-v-8eb325a3] {
    border: 5px solid transparent;
    border-top: 5px solid var(--theme-black-color);
    display: block;
    margin-left: 3px;
    transform: translateY(3px);
    transform-origin: 50% 36%;
    transition: all .2s ease
}

.header-box .content-box .currency[data-v-8eb325a3] {
    margin: 0 30px;
    width: auto
}

.header-box .content-box .currency.no-pointer[data-v-8eb325a3] {
    cursor: inherit
}

.header-box .content-box .currency.no-pointer p[data-v-8eb325a3] {
    margin-left: 0
}

.header-box .content-box .currency.no-pointer:hover p[data-v-8eb325a3] {
    color: var(--theme-black-color)
}

.header-box .content-box .logo-wrapper[data-v-8eb325a3] {
    align-items: center;
    display: flex
}

.header-box .content-box .logo-wrapper .logo[data-v-8eb325a3] {
    align-items: center;
    display: flex;
    justify-content: center
}

.header-box .content-box .logo-wrapper .logo img[data-v-8eb325a3] {
    height: 32px
}

.header-box .content-box .logo-wrapper .logo p[data-v-8eb325a3] {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    white-space: nowrap
}

.header-box .content-box .logo-wrapper .logo p[data-v-8eb325a3]:before {
    background-color: #e6e6e6;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 1px
}

.header-box .content-box .nav-wrapper[data-v-8eb325a3] {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.header-box .content-box .nav-wrapper .nav-item[data-v-8eb325a3] {
    color: var(--theme-black-color);
    cursor: pointer;
    font-size: 18px;
    line-height: 44px;
    margin-left: 50px;
    transition: color .1s linear
}

.header-box .content-box .nav-wrapper .nav-item[data-v-8eb325a3]:first-child {
    margin-left: 0
}

.header-box .content-box .nav-wrapper .nav-item.active[data-v-8eb325a3],.header-box .content-box .nav-wrapper .nav-item[data-v-8eb325a3]:hover {
    color: var(--orange-color)
}

.header-box .content-box .nav-wrapper .nav-item.active[data-v-8eb325a3] {
    font-weight: 700
}

.header-box .content-box .tips-wrapper[data-v-8eb325a3] {
    align-items: center;
    display: flex
}

.header-box .content-box .tips-wrapper .tips-item[data-v-8eb325a3] {
    align-items: center;
    display: flex;
    margin-right: 50px
}

.header-box .content-box .tips-wrapper .tips-item .iconfont[data-v-8eb325a3] {
    color: #999;
    font-size: 20px
}

.header-box .content-box .tips-wrapper .tips-item p[data-v-8eb325a3] {
    color: #999;
    font-size: 16px;
    margin-left: 8px
}

.header-box .content-box .tips-wrapper .tips-item[data-v-8eb325a3]:last-child {
    margin-right: 0
}

.header-box .content-box .enterprise-wrapper[data-v-8eb325a3] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.header-box .content-box .enterprise-wrapper .account-box[data-v-8eb325a3] {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center
}

.header-box .content-box .enterprise-wrapper .account-box:hover p[data-v-8eb325a3] {
    color: var(--orange-color)
}

.header-box .content-box .enterprise-wrapper .account-box p[data-v-8eb325a3] {
    color: var(--theme-black-color);
    font-size: 14px;
    margin-right: 10px;
    transition: color .1s linear
}

.header-box .content-box .enterprise-wrapper .account-box img[data-v-8eb325a3] {
    border-radius: 5px;
    height: 32px;
    object-fit: cover;
    overflow: hidden;
    width: 32px
}

.enterprise-dropdown {
    margin: 4px
}

.enterprise-dropdown li {
    color: var(--theme-grey-color);
    cursor: pointer;
    height: 50px;
    justify-content: space-between;
    padding: 0 10px;
    transition: all .1s ease
}

.enterprise-dropdown li,.enterprise-dropdown li .left-box {
    align-items: center;
    display: flex
}

.enterprise-dropdown li .left-box .iconfont {
    align-items: center;
    background-color: var(--theme-gray-color);
    border-radius: 100%;
    color: var(--theme-grey-color);
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    margin-right: 8px;
    width: 32px
}

.enterprise-dropdown li .right-box .unit {
    color: var(--orange-color);
    font-size: 14px
}

.enterprise-dropdown li .right-box .price {
    color: var(--orange-color);
    font-size: 20px
}

.enterprise-dropdown li .right-box span {
    color: var(--theme-black-color)
}

.enterprise-dropdown li:hover {
    background: var(--theme-gray-color);
    border-radius: 12px
}

.language-dropdown {
    box-sizing: border-box;
    padding: 4px
}

.language-dropdown li {
    align-items: center;
    border-radius: var(--theme-radius);
    color: var(--theme-black-color);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 44px;
    padding: 0 10px;
    transition: all .2s ease
}

.language-dropdown li.active,.language-dropdown li:hover {
    background: var(--theme-gray-color)
}

.language-dropdown li+li {
    margin-top: 4px
}

.language-dropdown li img {
    display: block;
    margin-right: 10px
}

.footer-box[data-v-d5bdc169] {
    margin-top: 60px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.footer-box>div[data-v-d5bdc169] {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 12px;
    height: 60px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px
}

.footer-box>div+div[data-v-d5bdc169] {
    border-top: 1px solid #e1e1e1
}

.footer-box>div a[data-v-d5bdc169] {
    color: #666;
    transition: color .2s linear
}

.footer-box>div a[data-v-d5bdc169]:hover {
    color: var(--orange-color)
}

.footer-box span[data-v-d5bdc169] {
    font-size: 12px
}

.message-popover-box[data-v-d6ade0c4] {
    max-height: 425px;
    width: 100%
}

.message-popover-box .message-popover-title-box[data-v-d6ade0c4] {
    border-bottom: 1px solid #e1e1e1;
    height: 34px
}

.message-popover-box .message-popover-title-box .left-box .title[data-v-d6ade0c4] {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px
}

.message-popover-box .message-popover-title-box .right-box[data-v-d6ade0c4] {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.84px
}

.message-popover-box .empty-content[data-v-d6ade0c4] {
    box-sizing: border-box;
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 24px;
    padding: 10px;
    width: 100%
}

.message-popover-box .message-popover-content[data-v-d6ade0c4] {
    margin: 10px 0;
    max-height: 340px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #ccc transparent;
    scrollbar-width: thin;
    -ms-overflow-style: none
}

.message-popover-box .message-popover-content .message-item[data-v-d6ade0c4] {
    box-sizing: border-box;
    cursor: pointer;
    padding: 10px;
    transition: background .2s ease;
    width: 100%
}

.message-popover-box .message-popover-content .message-item .content[data-v-d6ade0c4] {
    display: inline
}

.message-popover-box .message-popover-content .message-item .content .text[data-v-d6ade0c4] {
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 10px
}

.message-popover-box .message-popover-content .message-item .content .status[data-v-d6ade0c4] {
    color: var(--orange-color)
}

.message-popover-box .message-popover-content .message-item[data-v-d6ade0c4]:hover {
    background: var(--theme-gray-color)
}

.message-popover-box .message-popover-bottom-box[data-v-d6ade0c4] {
    border-top: 1px solid #e1e1e1;
    height: 32px
}

.flex-bettween[data-v-d6ade0c4] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.link[data-v-d6ade0c4] {
    color: #999;
    cursor: pointer;
    user-select: none
}

.link[data-v-d6ade0c4]:hover {
    color: var(--orange-color)
}

.history-popover-box[data-v-4d179e64] {
    width: 100%
}

.history-popover-box .history-popover-title-box[data-v-4d179e64] {
    border-bottom: 1px solid #e1e1e1;
    height: 34px
}

.history-popover-box .history-popover-title-box .left-box .title[data-v-4d179e64] {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px
}

.history-popover-box .history-popover-title-box .right-box[data-v-4d179e64] {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.84px
}

.history-popover-box .history-popover-content[data-v-4d179e64] {
    margin-top: 10px;
    max-height: 305px;
    min-height: 120px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 4px
}

.history-popover-box .history-popover-content .history-item[data-v-4d179e64] {
    box-sizing: border-box;
    padding: 10px;
    transition: background .2s ease
}

.history-popover-box .history-popover-content .history-item .title[data-v-4d179e64] {
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 18.48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history-popover-box .history-popover-content .history-item .price-box[data-v-4d179e64] {
    align-items: center;
    color: var(--theme-grey-color);
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    margin-top: 5px
}

.history-popover-box .history-popover-content .history-item .price-box[data-v-4d179e64] b {
    color: rgba(255,102,0,.5);
    font-size: 14px;
    font-weight: 400;
    margin: 0 2px
}

.history-popover-box .history-popover-content .history-item .price-box[data-v-4d179e64] b small {
    font-size: 14px
}

.history-popover-box .history-popover-content .history-item[data-v-4d179e64]:hover {
    background: var(--theme-gray-color)
}

.history-popover-box .empty-content[data-v-4d179e64] {
    align-items: center;
    box-sizing: border-box;
    color: var(--grey-color);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 100px;
    justify-content: center;
    line-height: 24px;
    padding: 10px;
    width: 100%
}

.flex-bettween[data-v-4d179e64] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.link[data-v-4d179e64] {
    color: #999;
    cursor: pointer;
    user-select: none
}

.link[data-v-4d179e64]:hover {
    color: var(--orange-color)
}

.collect-popover-box[data-v-fc514977] {
    width: 100%
}

.collect-popover-box .collect-popover-title-box[data-v-fc514977] {
    border-bottom: 1px solid #e1e1e1;
    height: 44px
}

.collect-popover-box .collect-popover-title-box .left-box .title[data-v-fc514977] {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px
}

.collect-popover-box .collect-popover-title-box .right-box[data-v-fc514977] {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.84px
}

.collect-popover-box .collect-popover-title-box .right-box[data-v-fc514977] .el-select__popper {
    left: 0!important
}

.collect-popover-box .empty-content[data-v-fc514977] {
    align-items: center;
    box-sizing: border-box;
    color: var(--grey-color);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 100px;
    justify-content: center;
    line-height: 24px;
    padding: 10px;
    width: 100%
}

.collect-popover-box .collect-popover-content[data-v-fc514977] {
    height: 340px;
    margin: 10px 0;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #ccc transparent;
    scrollbar-width: thin;
    -ms-overflow-style: none
}

.collect-popover-box .collect-popover-content .collect-item[data-v-fc514977] {
    box-sizing: border-box;
    cursor: pointer;
    padding: 10px;
    position: relative;
    width: calc(100% - 17px)
}

.collect-popover-box .collect-popover-content .collect-item .title[data-v-fc514977] {
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 18.48px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease;
    white-space: nowrap;
    width: 250px
}

.collect-popover-box .collect-popover-content .collect-item .title[data-v-fc514977]:hover {
    color: var(--orange-color)
}

.collect-popover-box .collect-popover-content .collect-item .address[data-v-fc514977] {
    color: var(--theme-grey-color);
    font-size: 12px;
    font-weight: 400
}

.collect-popover-box .collect-popover-content .collect-item .iconfont[data-v-fc514977] {
    color: var(--theme-black-color);
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 12px;
    transition: color .2s ease;
    user-select: none
}

.collect-popover-box .collect-popover-content .collect-item .iconfont[data-v-fc514977]:hover {
    color: var(--orange-color)
}

.collect-popover-box .collect-popover-content .collect-item[data-v-fc514977]:hover {
    background: var(--theme-gray-color)
}

.collect-popover-box .collect-popover-bottom-box[data-v-fc514977] {
    border-top: 1px solid #e1e1e1;
    height: 32px
}

.flex-bettween[data-v-fc514977] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.link[data-v-fc514977] {
    color: #999;
    cursor: pointer;
    user-select: none
}

.link[data-v-fc514977]:hover {
    color: var(--orange-color)
}

[data-v-53d7e36c] .el-dialog {
    border-radius: var(--theme-radius);
    height: 330px;
    overflow: hidden
}

[data-v-53d7e36c] .el-dialog .el-dialog__header {
    background: #fff;
    border-bottom: none
}

[data-v-53d7e36c] .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 20px;
    font-weight: 400
}

.suggested-feedback-content .propsal-box-content .propsal-box-title[data-v-53d7e36c] {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.suggested-feedback-content .propsal-box-content[data-v-53d7e36c] .el-textarea .el-textarea__inner {
    height: 92px
}

.suggested-feedback-content .propsal-box-content .input-box[data-v-53d7e36c] {
    align-items: center;
    display: flex;
    margin-top: 20px;
    width: 100%
}

.suggested-feedback-content .propsal-box-content .input-box .left-box[data-v-53d7e36c] {
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    margin-right: 7px
}

.suggested-feedback-content .propsal-box-content .input-box .right-box[data-v-53d7e36c] {
    flex: 1
}

.suggested-feedback-content .propsal-box-content .button-box[data-v-53d7e36c] {
    display: flex;
    justify-content: end;
    margin-top: 40px
}

.suggested-feedback-content .propsal-box-content .button-box[data-v-53d7e36c] .el-button--primary {
    height: 40px;
    width: 124px
}

[data-v-8ab8c2a7] .el-dialog {
    border-radius: var(--theme-radius);
    height: 286px;
    overflow: hidden
}

[data-v-8ab8c2a7] .el-dialog .el-dialog__header {
    background: #fff;
    border-bottom: none
}

[data-v-8ab8c2a7] .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 20px;
    font-weight: 400
}

[data-v-8ab8c2a7] .el-dialog .info-box div {
    color: var(--theme-black-color);
    font-size: 14px
}

[data-v-8ab8c2a7] .el-dialog .info-box div+div {
    margin-top: 30px
}

.chat-box[data-v-4b55603e] {
    background-color: #f2f2f2;
    border-radius: var(--theme-radius);
    bottom: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    overflow: hidden;
    position: fixed;
    right: 66px;
    transform-origin: right bottom;
    width: 340px;
    z-index: 2001
}

.chat-box .extend-box[data-v-4b55603e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding: 0 10px
}

.chat-box .extend-box p[data-v-4b55603e] {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    color: var(--theme-black-color);
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    margin: 10px 0;
    padding: 0 16px;
    transition: all .2s linear
}

.chat-box.has-msg .scroll-to-down[data-v-4b55603e] {
    transform: translate(0)
}

.chat-box .scroll-to-down[data-v-4b55603e] {
    background: var(--theme-color);
    border-radius: 8px 0 0 8px;
    bottom: 150px;
    color: var(--theme-black-color);
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 0;
    transform: translate(100%);
    transition: transform .3s linear
}

.chat-box .chat-top-box[data-v-4b55603e] {
    align-items: center;
    background-color: var(--theme-color);
    display: flex;
    height: 44px;
    justify-content: space-between;
    padding: 0 16px
}

.chat-box .chat-top-box h1[data-v-4b55603e] {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 23.76px
}

.chat-box .chat-content[data-v-4b55603e] {
    height: 60vh;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 16px 16px;
    width: calc(100% - 32px)
}

.chat-box .chat-content .chat-item[data-v-4b55603e] {
    margin-top: 24px
}

.chat-box .chat-content .chat-item .time[data-v-4b55603e] {
    color: var(--grey-color);
    font-size: 12px;
    text-align: center
}

.chat-box .chat-content .chat-item.time+.chat-item[data-v-4b55603e] {
    margin-top: 0
}

.chat-box .chat-content .user[data-v-4b55603e] {
    justify-content: right
}

.chat-box .chat-content .user .right-icon[data-v-4b55603e] {
    display: none
}

.chat-box .chat-content .ask-item[data-v-4b55603e] {
    display: flex;
    justify-content: flex-end
}

.chat-box .chat-content .ask-item[data-v-4b55603e] .ask-message {
    background-color: var(--theme-color);
    border-radius: 20px 0 20px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    margin: 4px 0;
    max-width: 80%;
    padding: 10px 16px;
    white-space: pre-wrap;
    word-break: break-all
}

.chat-box .chat-content .ask-item[data-v-4b55603e] .ask-message a {
    color: #007aff;
    font-size: 12px
}

.chat-box .chat-content .ask-item[data-v-4b55603e] .ask-image {
    background-color: var(--theme-color);
    border-radius: 10px 0 10px 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    margin: 4px 0;
    max-width: 80%;
    padding: 10px;
    white-space: pre-wrap;
    word-break: break-all
}

.chat-box .chat-content .ask-item[data-v-4b55603e] .ask-image a {
    color: #007aff;
    font-size: 12px
}

.chat-box .chat-content .repy-item[data-v-4b55603e] {
    margin-top: 10px
}

.chat-box .chat-content .repy-item .system-info[data-v-4b55603e] {
    align-items: center;
    display: flex
}

.chat-box .chat-content .repy-item .system-info .logo[data-v-4b55603e] {
    background-color: #fff0cc;
    border-radius: 100%;
    height: 32px;
    overflow: hidden;
    width: 32px
}

.chat-box .chat-content .repy-item .system-info .logo img[data-v-4b55603e] {
    display: block;
    width: 100%
}

.chat-box .chat-content .repy-item .system-info .nickname[data-v-4b55603e] {
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px
}

.chat-box .chat-content .repy-item .chat-text[data-v-4b55603e] {
    display: flex
}

.chat-box .chat-content .repy-item .chat-text .chat-message[data-v-4b55603e] {
    border-radius: 0 20px 20px 20px;
    padding: 10px 14px
}

.chat-box .chat-content .repy-item .chat-text .chat-image[data-v-4b55603e],.chat-box .chat-content .repy-item .chat-text .chat-message[data-v-4b55603e] {
    background-color: #fff;
    color: var(--theme-black-color);
    font-size: 14px;
    font-weight: 400;
    margin-left: 32px;
    margin-right: 24px;
    max-width: 80%;
    white-space: pre-wrap
}

.chat-box .chat-content .repy-item .chat-text .chat-image[data-v-4b55603e] {
    border-radius: 0 10px 10px 10px;
    padding: 10px
}

.chat-box .chat-content .service-item[data-v-4b55603e] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    color: var(--grey-color);
    font-size: 12px;
    margin: 33px auto 0;
    padding-bottom: 10px;
    padding-top: 25px;
    position: relative;
    text-align: center;
    width: 213px
}

.chat-box .chat-content .service-item .logo[data-v-4b55603e] {
    display: block;
    height: 32px;
    left: calc(50% - 16px);
    position: absolute;
    top: -16px;
    width: 32px
}

.chat-box .chat-content .end-item[data-v-4b55603e] {
    background-color: #f6f6f6;
    border-radius: 20px;
    color: var(--grey-color);
    font-size: 12px;
    font-weight: 400;
    margin: 12px auto;
    padding: 2px 8px;
    width: fit-content
}

.chat-box .chat-content .overflow-box[data-v-4b55603e] {
    height: 4 px
}

.chat-box[data-v-4b55603e] .el-textarea .el-textarea__inner {
    font-size: 12px;
    font-weight: 400;
    height: 90px;
    line-height: 15.84px
}

.chat-box[data-v-4b55603e] .el-textarea .el-textarea__inner::placeholder {
    color: #ccc;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.84px
}

.chat-box .button-box[data-v-4b55603e] {
    justify-content: space-between;
    padding: 10px
}

.chat-box .button-box[data-v-4b55603e],.chat-box .button-box .tools[data-v-4b55603e] {
    align-items: center;
    display: flex
}

.chat-box .button-box .tools .controller[data-v-4b55603e]:not(.no-tips):hover:after {
    background: rgba(0,0,0,.68);
    border-radius: 4px;
    color: #fff;
    content: attr(data-tips);
    font-size: 12px;
    line-height: 20px;
    padding: 0 16px;
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translate(100%,-50%);
    white-space: nowrap
}

.chat-box .button-box .tools .emoji[data-v-4b55603e] {
    position: relative;
    z-index: 3
}

.chat-box .button-box .tools .emoji .controller[data-v-4b55603e] {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.chat-box .button-box .tools .emoji .emoji-wrapper[data-v-4b55603e] {
    background: #efefef;
    bottom: 38px;
    display: flex;
    flex-wrap: wrap;
    height: 170px;
    left: -10px;
    overflow-y: scroll;
    padding-bottom: 15px;
    position: absolute;
    width: 340px
}

.chat-box .button-box .tools .emoji .emoji-wrapper .emoji-item[data-v-4b55603e] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 24px;
    justify-content: center;
    margin: 15px 0 0 15px;
    transition: transform .1s linear;
    width: 24px
}

.chat-box .button-box .tools .emoji .emoji-wrapper .emoji-item[data-v-4b55603e]:hover {
    transform: scale(1.2)
}

.chat-box .button-box .tools .screenshot[data-v-4b55603e] {
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    z-index: 2
}

.chat-box .button-box .tools .screenshot i[data-v-4b55603e] {
    color: #666;
    font-size: 24px
}

.chat-box .button-box .tools .img-upload[data-v-4b55603e] {
    cursor: pointer;
    margin-left: 14px;
    position: relative
}

@keyframes loading-4b55603e {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.chat-box .button-box .tools .img-upload.uploading[data-v-4b55603e] {
    cursor: no-drop
}

.chat-box .button-box .tools .img-upload.uploading .controller[data-v-4b55603e]:hover:after {
    display: none
}

.chat-box .button-box .tools .img-upload.uploading[data-v-4b55603e]:before {
    border: 2px solid hsla(0,0%,78%,.6);
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 10px
}

.chat-box .button-box .tools .img-upload.uploading[data-v-4b55603e]:after {
    animation: loading-4b55603e 2s linear infinite;
    border-color: hsla(0,0%,39%,.8) transparent transparent hsla(0,0%,39%,.8);
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 10px
}

.chat-box .button-box .tools .img-upload.uploading i[data-v-4b55603e] {
    opacity: .5
}

.chat-box .button-box .tools .img-upload input[data-v-4b55603e] {
    display: none
}

.chat-box .button-box .tools .img-upload i[data-v-4b55603e] {
    color: #666;
    font-size: 22px
}

.chat-box .button-box .el-button[data-v-4b55603e] {
    height: 32px;
    width: 76px
}

.close-chat-box[data-v-4b55603e] {
    background: #fff;
    border-radius: var(--theme-radius) var(--theme-radius) 0 0;
    bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    box-sizing: border-box;
    cursor: pointer;
    height: 60px;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 16px;
    position: fixed;
    right: 66px;
    transform-origin: right bottom;
    user-select: none;
    width: 340px;
    z-index: 1500
}

.close-chat-box[data-v-4b55603e],.close-chat-box .left-box[data-v-4b55603e] {
    align-items: center;
    display: flex
}

.close-chat-box .left-box .logo[data-v-4b55603e] {
    height: 24px;
    width: 24px
}

.close-chat-box .left-box p[data-v-4b55603e] {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px
}

.close-chat-box .right-box .dot[data-v-4b55603e] {
    background-color: red;
    border-radius: 100%;
    color: #fff;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px
}

.tools-box[data-v-f9be62e3] {
    background: #fff;
    border-left: 1px solid #e1e1e1;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    transform-origin: top right;
    width: 56px;
    z-index: 2001
}

.tools-box.disable-hover .tools-wrapper-item:hover:not(.active)>div[data-v-f9be62e3] {
    background-color: transparent!important
}

.tools-box.disable-hover .tools-wrapper-item:hover .tools-item-name[data-v-f9be62e3] {
    opacity: 0!important;
    transform: translate(0)!important
}

.tools-box .tools-content-box[data-v-f9be62e3] {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.tools-box .tools-content-box .tools-tooltips-box .tooltips-item[data-v-f9be62e3] {
    align-items: center;
    display: flex;
    height: 65px;
    justify-content: flex-end;
    opacity: 0
}

.tools-box .tools-content-box .tools-tooltips-box .tooltips-item .tooltips-content[data-v-f9be62e3] {
    background-color: #ffd500;
    border-radius: var(--theme-radius);
    box-shadow: 0 0 16px rgba(0,0,0,.25);
    overflow: hidden;
    padding: 16px
}

.tools-box .tools-content-box .tools-tooltips-box .tooltips-item .tooltips-arrow[data-v-f9be62e3] {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffd500;
    border-top: 10px solid transparent;
    height: 0;
    width: 0
}

.tools-box .tools-content-box .tools-tooltips-box .tooltips-item.is-show[data-v-f9be62e3] {
    opacity: 1
}

.tools-box .tools-content-box .tools-wrapper-box[data-v-f9be62e3] {
    width: 56px
}

.tools-box .tools-content-box .tools-wrapper-box>div[data-v-f9be62e3]:nth-of-type(4) {
    margin-top: 148px
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item[data-v-f9be62e3] {
    align-items: center;
    cursor: pointer;
    justify-content: center;
    opacity: 1;
    position: relative;
    transition: all .2s linear
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item.hide[data-v-f9be62e3] {
    opacity: 0;
    visibility: hidden
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item .iconfont[data-v-f9be62e3] {
    color: var(--theme-black-color);
    font-size: 26px
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item.active>div[data-v-f9be62e3] {
    background-color: #ffd500
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item.active .tools-item-name[data-v-f9be62e3] {
    opacity: 0!important;
    transform: translate(0)!important
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item>div[data-v-f9be62e3] {
    align-items: center;
    background: #fff;
    display: flex;
    height: 56px;
    justify-content: center;
    left: 0;
    position: relative;
    top: 0;
    transition: background .3s ease;
    width: 56px;
    z-index: 2
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item .tools-item-name[data-v-f9be62e3] {
    background: var(--theme-color);
    border-radius: 12px 0 0 12px;
    height: 100%;
    left: 0;
    line-height: 56px;
    opacity: 0;
    padding: 0 16px;
    position: absolute;
    top: 0;
    transform: translate(0);
    transition: opacity .3s ease,transform .2s ease;
    white-space: nowrap
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item .dot[data-v-f9be62e3] {
    background-color: red;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    left: 50%;
    line-height: 20px;
    padding: 0 6px;
    position: absolute;
    top: -6px;
    transform: translate(-50%)
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item:hover>div[data-v-f9be62e3] {
    background-color: var(--theme-color)
}

.tools-box .tools-content-box .tools-wrapper-box .tools-wrapper-item:hover .tools-item-name[data-v-f9be62e3] {
    opacity: 1;
    transform: translate(-100%)
}

.layout-wrap[data-v-40c4d29e] {
    background-color: #f6f6f6
}

body {
    margin: 0 auto;
    padding: 0
}