[v-cloak] {
  display: none
;}

.guideBoxc1030 {
    width: 100%;
    border: 1px solid #dff2ff;
    border-radius: 0.12rem;
    box-shadow: 0px 0.08rem 0.24rem 0px rgba(107, 134, 161, 0.1);
    box-sizing: border-box;
    background-image: linear-gradient(to right, #f4fafe, #d1e4fe);
    font-family: "AlibabaPuHuiTi, Microsoft YaHei, PingFang SC, Arial, BlinkMacSystemFont, Helvetica Neue, Open Sans, Hiragino Sans GB, sans-serif";}

.guideBoxc1030 .guideInfo {
    width: 100%;
    min-height: 1.42rem;
    border-radius: 0.12rem;
    background: url(/system/resource/AiWebSiteResource/images/introBg.png) center right no-repeat;
    background-size: cover;
    padding: 0px 0.26rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;}

.guideBoxc1030 .guideInfo img {
    width: 0.64rem;
    height: 0.64rem;
    object-fit: contain;
    margin-right: 0.16rem;}

.guideBoxc1030 .guideInfo p {
    color: #082155;
    font-size: 1.5em;
    line-height: 1.2;
    width: 10px;
    flex-grow: 1;
    font-weight: bold;
    letter-spacing: 1px;}

.guideBoxc1030 .guideInfo p span {
    color: #4A7BFD;}

 .guideBoxc1030 .guideCon{
    width: 100%;
    padding: 0.14rem 0.2rem;
    box-sizing: border-box;
    border-radius: 0 0 0.12rem 0.12rem;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(1.2rem);
    margin-top: -0.16rem;
    overflow: hidden;}

.guideBoxc1030 pre {
    padding: 0;
    width: 100%;
    color: #363F4A;
    line-height: 1.8;
    white-space: pre-wrap;
    font-family: "AlibabaPuHuiTi, Microsoft YaHei, PingFang SC, Arial, BlinkMacSystemFont, Helvetica Neue, Open Sans, Hiragino Sans GB, sans-serif";}
[v-cloak] {
  display: none
;}

.guidec1114519{
    font-family: "AlibabaPuHuiTi, Microsoft YaHei, PingFang SC, Arial, BlinkMacSystemFont, Helvetica Neue, Open Sans, Hiragino Sans GB, sans-serif";}

.guidec1114519 h4{
    font-size:1.2em;
    font-weight: 500;
    line-height: 0.26rem;
    margin-bottom: 0.1rem;}

.guidec1114519 .cardc1114519{
    display: flex;
    gap:0.12rem 0.2rem;
    flex-wrap: wrap;}
.guidec1114519 .cardc1114519 .questionItemc1114519{
    display: flex;
    gap: 0.1rem;
    border: 1px solid rgba(205, 223, 249, 0.5);
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(144, 154, 170, 0.1);
    padding:0.07rem 0.15rem;
    border-radius: 0.12rem;
    height:0.44rem;
    width: calc((100% - 0.2rem) / 2);
    align-items:center;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s, border 0.3s;}

.guidec1114519 .cardc1114519 .questionItemc1114519:hover{
    transform: translateY(-2px);
    border: 1px solid #cddff9;
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(144, 154, 170, 0.5);
    transition: transform 0.3s, box-shadow 0.3s, border 0.3s;}

.guidec1114519 .cardc1114519 .questionItemc1114519:active{
    opacity: 0.5;}

.guidec1114519 .cardc1114519 .questionItemc1114519 img{
    max-height:0.28rem;}
.guidec1114519 .cardc1114519 .questionItemc1114519 img.defaultImg{
     height:0.1rem;}

.guidec1114519 .cardc1114519 .questionItemc1114519 p{
    flex-grow: 1;
    width:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:1.4;
    color: #1F2329;}
[v-cloak] {
    display: none
;}

:root {
    --primary-color: #3873FF;
    --secondary-color: #F4F009;
    --font-color: #363F4A;
    --hover-font-color: 90, 90, 90;
    --delay-time: .3s
;}

.chatSessionc1114520 {
    box-sizing: border-box;
    font-family: "AlibabaPuHuiTi, Microsoft YaHei, PingFang SC, Arial, BlinkMacSystemFont, Helvetica Neue, Open Sans, Hiragino Sans GB, sans-serif";}

.chatSessionc1114520 *{
    box-sizing: border-box;}

.chatSessionc1114520 .sessionList {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    width: 100%;
    margin: 0 auto
;}

.chatSessionc1114520 .sessionList .sessionItem {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.16rem
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo .pre-loading {
    margin-left: 0.17rem;
    display: flex;
    gap: 0.06rem;
    height: 0.26rem;
    align-items: center
;}

@keyframes ball-pulse {

    0%,
    60%,
    100% {
        opacity: 1;
        transform: scale(1)
    ;}

    30% {
        opacity: .1;
        transform: scale(0.01)
    ;}
}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo .pre-loading>div {
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.08rem;
    animation: ball-pulse .7s ease-in-out infinite
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo .pre-loading .circle-loading-first {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    animation-delay: -200ms
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo .pre-loading .circle-loading-second {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    animation-delay: -100ms
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo .pre-loading .circle-loading-third {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    animation-delay: 0ms
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo * {
    word-wrap: break-word;
    line-height: 0.26rem
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo *:not(.hljs, .hljs *) {
    color: var(--delay-time);
    margin-bottom: 0.08rem;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo p{
    text-indent: 2.2em;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo hr {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo a {
    cursor: pointer;
    color: var(--primary-color) !important;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo a:hover {
    opacity: 0.8;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo a:active {
    opacity: 1;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo blockquote {
    border-left: 0.04rem solid rgba(var(--hover-font-color), 0.3);
    color: rgb(var(--hover-font-color));
    padding: 0 0.15rem;
    margin: 0.08rem 0
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo ul,
.chatSessionc1114520 .sessionList .sessionItem .QAInfo ol {
    -webkit-padding-start: 0.4rem;
    padding-inline-start: 0.4rem
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo img {
    max-width: 80% !important;
    max-height: 5rem;
    display: block;
    margin: 0.1rem auto
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo table {
    border-top: solid 1px rgb(var(--hover-font-color));
    border-left: solid 1px rgb(var(--hover-font-color));
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    border-collapse: collapse
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo table th,
.chatSessionc1114520 .sessionList .sessionItem .QAInfo table td {
    border-bottom: solid 1px rgb(var(--hover-font-color));
    border-right: solid 1px rgb(var(--hover-font-color));
    padding: 0.05rem 0.1rem;
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub {
    padding: 0px 0.08rem;
    margin-left: 0.04rem;
    position: relative
;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub>span {
    display:none;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub::after {
    content: attr(quoteindex);
    min-width: 0.16rem;
    height: 0.16rem;
    width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: not-allowed;
    background-color: #D9EBFF;
    border-radius: 0.04rem;
    font-size: 0.13rem;
    font-weight: 500;
    line-height: 0.16rem;
    text-align: center;
    color: var(--primary-color);
    transform: translate(-50%, -50%);
    background-size: 0.14rem 0.14rem;
    font-family: "Alibaba PuHuiTi 2.0";
    background-position: center;
    background-repeat: no-repeat;
    text-indent: 0px;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.numSub::after{
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.other::after {
    content: ' ';
    background-color: transparent;
    background-image: url(/system/resource/AiWebSiteResource/images/other.png);
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.website::after {
    content: ' ';
    background-color: transparent;
    background-image: url(/system/resource/AiWebSiteResource/images/website.png);
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.office_account::after {
    content: ' ';
    background-color: transparent;
    background-image: url(/system/resource/AiWebSiteResource/images/weChat.png);
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.doc::after {
    content: ' ';
    background-color: transparent;
    background-image: url(/system/resource/AiWebSiteResource/images/doc.png);
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.faq::after {
    content: ' ';
    background-color: transparent;
    background-image: url(/system/resource/AiWebSiteResource/images/faq.png);
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.entity::after {
    content: ' ';
    background-color: transparent;
    background-image: url(/system/resource/AiWebSiteResource/images/entity.png);
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .QAInfo span.sub.photo::after {
    content: ' ';
    background-color: transparent;
    background-image: url(/system/resource/AiWebSiteResource/images/photo.png);
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox {
    display: flex;
    align-items: center;
    height: 0.16rem;
    gap: 0.12rem
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox {
    display: flex;
    height: 100%;
    position: relative;
    align-items: center
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox:hover .rate {
    opacity: 0.8;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox:hover .tooltip-trigger {
    display: block;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .rate {
    display: flex;
    cursor: help;
    gap: 0.05rem
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .rate .star {
    width: 0.16rem;
    height: 0.16rem;
    position: relative
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .rate .star .bgSvg {
    width: 100%;
    height: 100%;
    color: rgba(var(--hover-font-color), 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .rate .star i {
    width: 0%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .rate .star i .fillSvg {
    width: 0.16rem;
    height: 0.16rem;
    color: #fec900
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .tooltip-trigger {
    position: absolute;
    left: 110%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: none;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .tooltip-trigger .tooltip-content {
    padding: 0.08rem 0.12rem;
    line-height: 0.18rem;
    color: var(--hover-font-color);
    background: #fff;
    box-shadow: 0 0.06rem 0.21rem 0 rgba(30, 31, 36, 0.2);
    border-radius: 0.08rem;
    white-space: nowrap;}


.chatSessionc1114520 .sessionList .sessionItem .operateBox .chatRateBox .tooltip-trigger .tooltip-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-100%);
    border: solid 0.06rem rgba(0, 0, 0, 0);
    border-right-color: #fff;}



.chatSessionc1114520 .sessionList .sessionItem .operateBox span {
    height: 100%;
    cursor: pointer
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox span.active svg path,
.chatSessionc1114520 .sessionList .sessionItem .operateBox span.active svg ellipse,
.chatSessionc1114520 .sessionList .sessionItem .operateBox span:hover svg path,
.chatSessionc1114520 .sessionList .sessionItem .operateBox span:hover svg ellipse {
    fill: var(--primary-color)
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox span.disabled:hover {
    cursor: not-allowed
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox span.disabled:hover svg path,
.chatSessionc1114520 .sessionList .sessionItem .operateBox span.disabled:hover svg ellipse {
    fill: var(--font-color)
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox span svg {
    width: 0.16rem;
    height: 0.16rem
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox span svg path,
.chatSessionc1114520 .sessionList .sessionItem .operateBox span svg ellipse {
    fill: var(--font-color)
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .line {
    width: 1px;
    height: 0.1rem;
    background: rgba(var(--hover-font-color), 0.3)
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .bar {
    fill: var(--primary-color);
    transform-box: fill-box;
    transform-origin: bottom;
    animation: breathe 1.2s infinite ease-in-out
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox #b1 {
    animation-delay: 0s
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox #b2 {
    animation-delay: -0.15s
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox #b3 {
    animation-delay: -0.3s
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox #b4 {
    animation-delay: -0.15s
;}

.chatSessionc1114520 .sessionList .sessionItem .operateBox #b5 {
    animation-delay: 0s
;}

@keyframes breathe {

    0%,
    100% {
        transform: scaleY(0.25)
    ;}

    50% {
        transform: scaleY(1)
    ;}
}

.chatSessionc1114520 .sessionList .sessionItem .operateBox .tips {
    margin-left: auto;
    line-height:1;
    background: linear-gradient(270deg, var(--primary-color) 3%, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    user-select: none;
    background-clip: text
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .title {
    color: rgb(var(--hover-font-color));
    line-height:1.2;
    height: 0.18rem;
    margin-left: 0.08rem;
    margin-bottom: 0.12rem
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .keyWords {
    display: flex;
    flex-direction: column;
    gap: 0.08rem
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .keyWords p {
    border-radius: 0.18rem;
    background: #fff;
    height: 0.36rem;
    line-height:2.2;
    padding: 0px 0.15rem;
    cursor: pointer;
    color: rgb(var(--hover-font-color));
    border: 1px solid #CDDFF9;
    width: -moz-max-content;
    width: max-content;
    transition: transform var(--delay-time);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .keyWords p:hover {
    color: rgb(var(--hover-font-color));
    transform: translateY(-2px);
    transition: transform var(--delay-time), color var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .relatedFiles {
    width: 60%;
    padding: 0.25rem;
    border-radius: 0.16rem;
    background: #fff;
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(var(--hover-font-color), 0.3);
    border: 1px solid #f4f8ff;
    display: flex;
    flex-direction: column;
    transition: transform var(--delay-time), box-shadow var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .relatedFiles:hover {
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(var(--hover-font-color), 0.3);
    transform: translateY(-2px);
    transition: transform var(--delay-time), box-shadow var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .relatedFiles .fileInfo {
    display: flex;
    gap: 0.12rem;
    align-items: center;
    align-content: center
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .relatedFiles .fileInfo svg {
    width: 0.2rem;
    height: 0.2rem;
    flex-shrink: 0
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .relatedFiles .fileInfo p {
    width: 0.1rem;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--font-color)
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .relatedFiles .fileInfo span {
    color: var(--primary-color);
    cursor: pointer
;}

.chatSessionc1114520 .sessionList .sessionItem .guessKeyWord .relatedFiles .fileInfo span:hover {
    color: var(--secondary-color)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.18rem;
    align-items: center;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox{
    max-width: 90%;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line {
    cursor: pointer;
    border-radius: 0.19rem;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #CDDFF9;
    display: flex;
    gap: 0.06rem;
    align-items: center;
    padding: 0.09rem 0.2rem;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 0px;
    flex-wrap: wrap;
    max-width: 100%;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line span {
    line-height:1.2;
    color: rgb(var(--hover-font-color));
    position: relative;
    user-select: none;
    z-index: 1
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList {
    display: flex;
    align-items: center;
    gap: 0.08rem
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i {
    padding: 0.07rem;
    background: no-repeat center;
    background-size: 100% 100%
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i.other {
    background-image: url(/system/resource/AiWebSiteResource/images/other.png)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i.website {
    background-image: url(/system/resource/AiWebSiteResource/images/website.png)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i.office_account {
    background-image: url(/system/resource/AiWebSiteResource/images/weChat.png)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i.photo {
    background-image: url(/system/resource/AiWebSiteResource/images/photo.png)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i.doc {
    background-image: url(/system/resource/AiWebSiteResource/images/doc.png)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i.faq {
    background-image: url(/system/resource/AiWebSiteResource/images/faq.png)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line .iconList i.entity {
    background-image: url(/system/resource/AiWebSiteResource/images/entity.png)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line:hover {
    opacity: .8
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .leftSourceBox .split-line:active {
    opacity: 1
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox {
    overflow: hidden;
    transition: height var(--delay-time) ease
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem {
    border-radius: 0.12rem;
    padding: 0 0.2rem;
    background: #fff;
    border: 1px solid rgba(var(--hover-font-color), 0.3);
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(var(--hover-font-color), 0.3)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem:hover {
    border: 1px solid #cddff9
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p {
    height: 0.4rem;
    padding: 0.12rem 0px;
    display: flex;
    gap: 0.06rem;
    align-items: center;
    position: relative
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p::before {
    position: absolute;
    bottom: 0;
    left: 0.22rem;
    right: 0px;
    height: 1px;
    content: " ";
    display: block;
    background: #e3e9f1
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p:last-child::before {
    display: none
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p svg {
    width: 0.16rem;
    height: 0.16rem
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p span {
    cursor: pointer
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p span:hover {
    color: rgb(var(--hover-font-color))
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p span.disable {
    cursor: not-allowed
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .sourceBox .sourceItem p span.disable:hover {
    color: var(--font-color)
;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .loadRecommend {
    display: flex;
    gap:0.04rem;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .loadRecommend span {
    color: rgba(var(--hover-font-color), 0.8);}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .loadRecommend img {
    width: 0.14rem;
    height: 0.14rem;
    animation: basicRotate 3s linear infinite;}

@keyframes basicRotate {
    0% {
        transform: rotate(0deg);}

    100% {
        transform: rotate(360deg);}
}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .AiRecommend {
    padding: 0.06rem 0.15rem;
    border-radius: 0.13rem;
    line-height: 0.12rem;
    display: flex;
    gap: 0.04rem;
    align-items: center;
    cursor: pointer;
    border: solid 1px #CDDFF9;
    background: #fff;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .AiRecommend:hover {
    opacity: 0.8;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .AiRecommend:active {
    opacity: 1;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .AiRecommend span {
    color: #5F7288;}

.chatSessionc1114520 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .AiRecommend img {
    height: 0.12rem;}

.chatSessionc1114520 .sessionList .sessionItem .entityCard {
    display: flex;
    flex-direction: column;
    gap: 0.12rem
;}

.chatSessionc1114520 .sessionList .sessionItem .entityCard h3 {
    color: var(--font-color);
    line-height: 0.22rem;
    height: 0.22rem
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard {
    border-radius: 0.16rem;
    background: #fff;
    border:1px solid #CDDFF9;
    padding: 0.12rem 0.18rem;
    display: flex;
    gap: 0.22rem;
    cursor: pointer;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard img {
    width: 0.86rem;
    height: 0.68rem;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0.12rem
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard .articleBox {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    flex-grow: 1
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard .articleBox p {
    line-height: 0.24rem;
    color: var(--font-color);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard .articleBox span {
    line-height: 1;
    color: rgb(var(--hover-font-color))
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard .handleBtn {
    display: flex;
    gap: 0.12rem;
    flex-shrink: 0;
    align-self: center
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard .handleBtn .btn {
    border-radius: 0.12rem;
    border: 1px solid rgba(205, 223, 249, .6);
    height: 0.26rem;
    padding: 0 0.12rem;
    line-height: 1.5;
    color: rgb(var(--hover-font-color));
    cursor: pointer;
    box-shadow: 0px 2px 0.1rem 0px rgba(144, 154, 170, 0);
    transition: border var(--delay-time), box-shadow var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard .handleBtn .btn:hover {
    border: 1px solid #cddff9;
    box-shadow: 0px 2px 0.1rem 0px rgba(144, 154, 170, .3);
    transition: border var(--delay-time), box-shadow var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .newsList .newsCard .handleBtn .btn:active {
    border: 1px solid rgba(205, 223, 249, .6);
    box-shadow: 0px 2px 0.1rem 0px rgba(144, 154, 170, 0)
;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard {
    display: flex;
    gap: 0.08rem;
    flex-wrap: wrap;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard .imgBox {
    width: calc((100% - 0.24rem)/4);
    border-radius: 0.08rem;
    cursor: pointer;
    transition: transform var(--delay-time);
    background: #fff;
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(144, 154, 170, .1);
    overflow: hidden
;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard .imgBox:hover {
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(144, 154, 170, .3);
    transform: translateY(-2px);
    transition: transform var(--delay-time), box-shadow var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard .imgBox:hover .img img {
    transform: scale(1.1);
    transition: transform var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard .imgBox .img {
    height: 1.35rem;
    width: 100%;
    overflow: hidden
;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard .imgBox .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard .imgBox .description {
    height: 0.7rem;
    padding: 0.14rem
;}

.chatSessionc1114520 .sessionList .sessionItem .imgList .imgCard .imgBox .description .text {
    line-height: 0.22rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
;}

.chatSessionc1114520 .sessionList .sessionItem .dividingLine {
    height: 0.18rem;
    line-height: 0.18rem;
    display: flex;
    align-items: center;
    gap: 0.14rem;}

.chatSessionc1114520 .sessionList .sessionItem .dividingLine span {
    color: #909AAA;
    flex-shrink: 0;}

.chatSessionc1114520 .sessionList .sessionItem .dividingLine .leftLine,
.chatSessionc1114520 .sessionList .sessionItem .dividingLine .rightLine {
    width: 50%;
    flex-grow: 1;
    background: #DEE4ED;
    height: 1px;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox h3{
    color: var(--font-color);
    line-height: 0.22rem;
    height: 0.22rem;
    margin-bottom: 0.12rem;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard{
    border-radius: 0.16rem;
    background: #fff;
    border: 1px solid #CDDFF9;
    padding: 0.12rem 0.18rem;
    display: flex;
    gap: 0.22rem;
    cursor: pointer;
    width: max-content;
    max-width: 100%;
    align-items: center;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard .newsImg{
    width: 0.86rem;
    height: 0.68rem;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard .docImg{
    width: 0.68rem;
    height: 0.68rem;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard .newsTitle{
    flex-grow: 1;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard .newsTitle p{
    line-height: 0.24rem;
    color: var(--font-color);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard .openBtn{
    border-radius: 0.12rem;
    border: 1px solid rgba(205, 223, 249, .6);
    height: 0.26rem;
    padding: 0 0.12rem;
    line-height: 1.5;
    color: rgb(var(--hover-font-color));
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0px 2px 0.1rem 0px rgba(144, 154, 170, 0);
    transition: border var(--delay-time), box-shadow var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard .openBtn:hover{
    border: 1px solid #cddff9;
    box-shadow: 0px 2px 0.1rem 0px rgba(144, 154, 170, .3);
    transition: border var(--delay-time), box-shadow var(--delay-time)
;}

.chatSessionc1114520 .sessionList .sessionItem .analyzeBox .analyzeCard .openBtn:active{
    border: 1px solid rgba(205, 223, 249, .6);
    box-shadow: 0px 2px 0.1rem 0px rgba(144, 154, 170, 0)
;}

.chatSessionc1114520 .sessionList .mySession {
    display: flex;
    width: auto;
    flex-direction: column;
    align-items: end;
    gap: 0.08rem
;}

.chatSessionc1114520 .sessionList .mySession .QABox {
    width: auto;
    margin-left: auto;
    line-height: 0.2rem;
    color: var(--primary-color);
    padding: 0.13rem 0.2rem;
    border-radius: 0.12rem;
    background: #eef8ff;
    border: 1px solid #cddff9
;}

.chatSessionc1114520 .sessionList .mySession img {
    max-width: 50%;
    max-height: 5rem;
    border-radius: 0.16rem
;}

.chatSessionc1114520 .recommendationTitle{
    font-size: 1.2em;
    font-weight: 500;
    color: #333;
    line-height: 1.5;
    padding-left: 0.12rem;}

.chatSessionc1114520 .recommendationCard,.chatSessionc1114520 .attachmentList{
    border-radius: 0.16rem;
    background: #FFFFFF;
    padding: 0.24rem;}

.chatSessionc1114520  .recommendationCard .cardTitle{
    display: flex;
    align-items: center;
    gap: 0.1rem;
    margin-bottom:0.13rem;}

.chatSessionc1114520  .recommendationCard .cardTitle svg{
    width: 0.18rem;
    height: 0.18rem;
    color: var(--primary-color);}

.chatSessionc1114520  .recommendationCard .cardTitle h5{
    color:#333;
    line-height: 0.18rem;}

.chatSessionc1114520  .recommendationCard p{
    padding-left:0.28rem;
    line-height:0.26rem;
    color:#1F2329;}

.chatSessionc1114520  .recommendationCard .questionerList{
    display: flex;
    flex-direction: column;
    gap: 0.16rem;}

.chatSessionc1114520  .recommendationCard .questionerList p{
    line-height:0.2rem;
    cursor: pointer;}

.chatSessionc1114520  .recommendationCard .questionerList p:hover{
   color: var(--primary-color);}

.chatSessionc1114520 .attachmentList{
    display: grid;
    gap: 0.2rem 0.4rem;
    grid-template-columns: repeat(2, 1fr);}

.chatSessionc1114520 .attachmentList .attachmentItem{
    display: flex;
    align-items: center;
    gap: 0.1rem;}

.chatSessionc1114520 .attachmentList .attachmentItem img{
    width:0.18rem;
    height:0.18rem;}

.chatSessionc1114520 .attachmentList .attachmentItem p{
    color: #3D3D3D;
    width: 0.1rem;
    flex-grow: 1;}

.chatSessionc1114520 .attachmentList .attachmentItem span{
    color:#3873FF;
    cursor: pointer;}

.chatSessionc1114520 .noRecommendationBox{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.28rem;}

.chatSessionc1114520 .noRecommendationBox img{
    width: 2.66rem;}

.chatSessionc1114520 .noRecommendationBox span{
    color: #5F7288;}

.custom-popover {
  background: #fff;
  border: 1px solid rgba(205, 223, 249, .5);
  padding: 0.2rem;
  box-shadow: 0px 0.04rem 0.2rem 0px rgba(144, 154, 170, .1);
  width: 4rem;
  max-height: 3rem;
  overflow-x: auto;
  border-radius: 0.16rem
;}

.custom-popover .lfsg-entity .lfsg-card{
    padding: 0;
    border: none;
    box-shadow: none;}


.custom-popover h5 {
  line-height:1.5;
  font-size:1.24em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  color: var(--font-color);}

.custom-popover .content-box {
  margin-top: 0.08rem;
  margin-bottom: 0.08rem;
  color: rgb(var(--font-color));
  word-wrap: break-word;
  line-height: 1.6;}

.custom-popover .content-box h1{font-size:1.2em;}
.custom-popover .content-box h2{font-size:1.1em;}
.custom-popover .content-box h3{font-size:1em;}
.custom-popover .content-box h4{font-size:0.9em;}
.custom-popover .content-box h5{font-size:0.8em;}
.custom-popover .content-box h6{font-size:0.7em;}

.custom-popover img{
   max-height:2rem;
   max-width:100%;
   margin-top: 0.08rem;
   margin-bottom: 0.08rem;}

.custom-popover .info {
  display: flex;
  gap: 0.08rem;
  align-items: center
;}

.custom-popover .info .icon {
  width: 0.16rem;
  height: 0.16rem;
  flex-shrink: 0;
  background: no-repeat center;
  background-size: 100% 100%
;}

.custom-popover .info .icon.other{
  background-image: url(/system/resource/AiWebSiteResource/images/other.png)
;}

.custom-popover .info .icon.website {
  background-image: url(/system/resource/AiWebSiteResource/images/website.png)
;}

.custom-popover .info .icon.office_account {
  background-image: url(/system/resource/AiWebSiteResource/images/weChat.png)
;}

.custom-popover .info .icon.photo {
  background-image: url(/system/resource/AiWebSiteResource/images/photo.png)
;}

.custom-popover .info .icon.doc {
  background-image: url(/system/resource/AiWebSiteResource/images/doc.png)
;}

.custom-popover .info .icon.faq {
  background-image: url(/system/resource/AiWebSiteResource/images/faq.png)
;}

.custom-popover .info .icon.entity {
  background-image: url(/system/resource/AiWebSiteResource/images/entity.png)
;}

.custom-popover .info span {
  flex-grow: 1;
  color: rgb(var(--hover-font-color));}

.custom-popover .info a {
  width: 0.14rem;
  height: 0.14rem;
  flex-shrink: 0;
  background: url(/system/resource/AiWebSiteResource/images/link.png) no-repeat center;
  background-size: 100% 100%;
  cursor: pointer
;}


.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 99999999;
  display: flex;
  justify-content: flex-end;
  transition: background 0.3s ease-out;}

.drawer-overlay.show-overlay{
  background: rgba(255, 255, 255, 0.2);
  transition: background 0.3s ease-out;}

.drawer-overlay .drawer-container {
  height: calc(100% - 0.32rem);
  margin-top: 0.16rem;
  min-width: 4rem;
  background-color: #fff;
  overflow-y: auto;
  transition: transform 0.3s ease-out;
  will-change: transform;
  transform: translateX(100%);
  border: 1px solid rgba(205, 223, 249, 0.5);
  border-radius: 0.16rem;
  box-shadow: -0.1rem 0 0.2rem 0.05rem rgba(0, 0, 0, 0.1);}

.drawer-overlay .drawer-container.show-drawer-container{
    transition: transform 0.3s ease-out;
    transform: translateX(calc(0% - 0.16rem));}

.drawer-overlay .drawer-content {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;}

.drawer-overlay .drawer-content #drawerBody{
    height: 10px;
    flex-grow: 1;
    width: 800px;}

.drawer-overlay .drawer-content #drawerBody .articleBox{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    background: linear-gradient(0deg, #F8FBFF, #F8FBFF), #F9FAFB;
    border-radius: 0.08rem;
    overflow: hidden;
    box-shadow: 0 2px 0.08rem rgba(0, 0, 0, 0.1);}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleTitle{
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 0.12rem 0.16rem;
    background: #fff;
    border-bottom: 1px solid #e9ecef;}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleTitle h4{
    font-size:1.1em;
    width: 10px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleTitle a{
    display: flex;
    align-items: center;
    gap: 0.08rem;
    padding: 0.08rem 0.12rem;
    background: #fff;
    border: 1px solid #F0F1F2;
    color: #1F2329;
    border-radius: 0.08rem;
    cursor: pointer;
    margin-left: 0.08rem;
    text-decoration: none;}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleTitle img{
    width: 0.16rem;
    height: 0.16rem;
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 0.08rem;}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleLoading{
    display: flex;
    height: 10px;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.16rem;}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleLoading img{
    width: 0.32rem;
    height: 0.32rem;
    animation: basicRotate 3s linear infinite;}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleLoading span{
    font-size:0.8em;
    color: rgba(var(--hover-font-color), 0.8);}

.drawer-overlay .drawer-content #drawerBody .articleBox .articleContent{
    padding: 0.16rem;
    height: 10px;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 1.8;
    background: #fff;
    border-radius: 0.16rem;}

.drawer-overlay .drawer-content #photoContent{
    width:100%;
    height:100%;}

.drawer-overlay .drawer-content .title{
  display: flex;
  align-items: center;
  margin: 0.2rem 0.2rem 0;
  justify-content: space-between;}

.drawer-overlay .drawer-content .title h4{
    font-size:1.1em;
    color: var(--font-color);}

.drawer-overlay .drawer-content .title svg{
    width: 0.18rem;
    height: 0.18rem;
    cursor: pointer;
    color: rgb(var(--hover-font-color));
    transform: rotate(0deg);
    transition: transform var(--delay-time);}

.drawer-overlay .drawer-content .title svg:hover{
    transform: rotate(180deg);
    transition: transform var(--delay-time);}

.drawer-overlay .drawer-content .sourcesList,.drawer-overlay .drawer-content #recommendList{
    height: 10px;
    flex-grow: 1;
    width: 3.6rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    margin: 0 0.2rem 0.2rem;}

.drawer-overlay .drawer-content .sourcesList::-webkit-scrollbar {
  display: none;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem {
  border: 1px solid rgba(205, 223, 249, .5);
  border-radius: 0.16rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  padding: 0.2rem 0.2rem 0.1rem;
  flex-shrink: 0;
  transition: background var(--delay-time) ease, height var(--delay-time) ease;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem:hover {
  background: linear-gradient(0deg, rgba(238, 248, 255, 0), rgba(238, 248, 255, 0.1)), rgba(252, 254, 255, 0.7);
  transition: background var(--delay-time) ease
;}


.drawer-overlay .drawer-content .sourcesList .sourcesItem h1{font-size:1.2em;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h2{font-size:1.1em;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h3{font-size:1em;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h4{font-size:0.9em;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h5{font-size:0.8em;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h6{font-size:0.7em;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .newsTitle {
  display: flex;
  gap:0.08rem;
  align-items: center;
  flex-shrink: 0;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .newsTitle span{
    width:10px;
    flex-grow: 1;
    color: var(--font-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bolder;
    cursor: pointer
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .newsTitle:hover {
  opacity: .8
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .newsTitle:active {
  opacity: 1
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem img{
    max-height: 2rem;
    max-width: 100%;
    align-self: start;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .content-box {
  font-size:0.8em;
  word-wrap: break-word;
  line-height: 1.8;
  color: #4b5563;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem.expand .content-box::after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 0.5rem;
    background: linear-gradient(to top, #fff, transparent);
    bottom: 0;
    left: 0;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .expandBtn{
    display: flex;
    color: var(--primary-color);
    align-items: center;
    gap: 4px;
    width: max-content;
    margin: 0 auto;
    line-height: 1;
    cursor: pointer;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .expandBtn svg{
    transition:all var(--delay-time);
    width: 0.11rem;
    height: 0.11rem;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .expandBtn:hover{
    opacity: 0.8;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .expandBtn:hover svg{
    transition:all var(--delay-time);
    transform: translateY(2px);}

.drawer-overlay .drawer-content .sourcesList .sourcesItem.foldup .expandBtn svg{
    transform: rotate(180deg);
    transition:all var(--delay-time);}

.content-box table{
    display: block;
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: auto;
    overflow: auto;
    max-height:4rem;
    background-color: #fff;
    border-radius: 0.08rem;}

.content-box table thead {
  position: sticky;
  top: 0;
  z-index: 10;
  background:#333;}

.content-box table th {
  padding: 0.06rem 0.12rem;
  text-align: left;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  min-width: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:0.8em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

.content-box table tbody tr {
  transition: background-color 0.2s ease;}

.content-box table tbody tr:nth-child(even) {
  background-color: #f8f9fa;}

.content-box table tbody tr:nth-child(odd) {
  background-color: #ffffff;}

.content-box table tbody tr:hover {
  background-color: #e8f4fd;}

.content-box table td {
  padding: 0.06rem 0.12rem;
  border-bottom: 1px solid #e0e0e0;
  color: #333;
  max-width: 2rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.6;}

.content-box table::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;}

.content-box table::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 0.04rem;}

.content-box table::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.04rem;}

.content-box table::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info {
  display: flex;
  align-items: center;
  gap: 0.08rem
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i {
  width: 0.14rem;
  height: 0.14rem;
  flex-shrink: 0;
  background: no-repeat center;
  background-size: 100% 100%
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i.other{
  background-image: url(/system/resource/AiWebSiteResource/images/other.png)
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i.website {
  background-image: url(/system/resource/AiWebSiteResource/images/website.png)
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i.office_account {
  background-image: url(/system/resource/AiWebSiteResource/images/weChat.png)
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i.photo {
  background-image: url(/system/resource/AiWebSiteResource/images/photo.png)
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i.doc {
  background-image: url(/system/resource/AiWebSiteResource/images/doc.png)
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i.faq {
  background-image: url(/system/resource/AiWebSiteResource/images/faq.png)
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info i.entity {
  background-image: url(/system/resource/AiWebSiteResource/images/entity.png)
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .info span {
  font-size:0.8em;
  color:rgb(var(--hover-font-color))
;}



@media screen and (max-width: 1024px){
    

    .chatSessionc1114520 .sessionList .sessionItem .operateBox .tips{
        display:none;}
    
    .drawercc1114520 .autoFill .originalContent{
        display: none;}
    .drawercc1114520 .autoFill .viceChat{
        width: 100% !important;}
    
    .drawercc1114520 .autoFill .viceChat #analyzChatList .sessionList{
        padding:0 0.24rem;}
    
    .drawercc1114520 .autoFill .viceChat .chatInputBox{
        padding:0 0.24rem;}
    
    .popover-wrapper{
        left: 0px !important;
        top: 0px !important;
        height: 100vh;
        width: 100vw;
        background: rgba(0, 0, 0, 0.4);
        display: flex;
        justify-content: center;
        align-items: center;}
    
    .desktop .popover-wrapper{
        pointer-events: none !important;}
    
    .popover-wrapper .custom-popover{
        max-width: 88vw;
        max-height: 80vh;
        display: flex;
        flex-direction: column;}
    
    .popover-wrapper .custom-popover .content-box{
        height: max-content;
        overflow-y: auto;}
    
    .drawer-overlay{
        justify-content: flex-start;
        align-items: flex-end;}
    
    .drawer-overlay.show-overlay{
        background: rgba(0,0,0, 0.4);}
    
    .drawer-overlay.show-overlay #recommendList{
        width: calc(100% - 0.4rem);}
    
    .drawer-overlay .drawer-container{
        height:80vh;
        margin-top:0px;
        min-width: 100vw;
        transform:translate(0%,100%);}
    .drawer-overlay .drawer-container.show-drawer-container{
        transform:translate(0%, 0%);
        border-radius: 0.16rem 0.16rem 0 0;}
    .drawer-overlay .drawer-container .drawer-content .sourcesList{
        width: calc(100vw - 0.4rem);}
    .drawer-overlay .drawer-container .drawer-content .sourcesList .sourcesItem img{
        max-height: 3rem;}
    
}


image-screen .img-screen-wrapper {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #F8FBFF, #F8FBFF), #F9FAFB;
  z-index: 1000;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}

image-screen .img-screen-header {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #e9ecef;}

image-screen .img-screen-header-title {
  font-size:1.2em;
  color: #1F2329;
  width: 10px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

image-screen .img-screen-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #F0F1F2;
  color: #1F2329;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  margin-left: 8px;}

image-screen .img-screen-close-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 8px;}

image-screen .img-screen-close-btn img {
  width: 18px;
  height: 18px;}

image-screen .img-screen-info {
  clear: both;
  padding-top: 10px;}

image-screen .img-screen-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;}

image-screen .img-screen-details {
  font-size: 12px;
  color: #666;}

image-screen .img-screen-container {
  position: relative;
  width: 100%;
  height: 100px;
  flex-grow: 1;
  overflow: hidden;
  cursor: grab;}

image-screen .img-screen-wrapper-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0px, 0px);}

image-screen .img-screen-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  cursor: grab;
  user-select: none;
  -webkit-user-drag: none;
  transform-origin: center center;}

image-screen .img-screen-controls {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 15px;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  border-radius: 25px;}

image-screen .img-screen-control-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #333;}

image-screen .img-screen-control-btn:hover {
  background: white;}

image-screen .img-screen-control-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;}

image-screen .img-screen-scale {
  color: white;
  font-size: 14px;
  min-width: 40px;
  text-align: center;}

image-screen .img-screen-download-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #333;}

image-screen .img-screen-download-btn:hover {
  background: white;}

image-screen .img-screen-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #666;}


.lfsg-entity,
.lfsg-entity * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "AlibabaPuHuiTi,Microsoft YaHei,PingFang SC,Arial,BlinkMacSystemFont,Helvetica Neue,Open Sans,Hiragino Sans GB, sans-serif";}

.lfsg-entity {
    display: block;}

.lfsg-entity .lfsg-card {
    padding: 0.2rem;
    border-radius: 0.12rem;
    background: #FFFFFF;
    border: 1px solid rgba(205, 223, 249, 0.5);
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(144, 154, 170, 0.1);
    display: flex;
    flex-direction: column;
    gap: 0.16rem;}

.lfsg-entity .lfsg-card .lfsg-card__title {
    line-height: 0.22rem;
    color: #3D3D3D;
    padding-left: 0.12rem;
    position: relative;}

.lfsg-entity .lfsg-card .lfsg-card__title::before {
    content: ' ';
    display: block;
    width: 0.04rem;
    height: 0.14rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #3873FF;}

.lfsg-entity .lfsg-card .lfsg-item {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding-bottom: 0.16rem;
    position: relative;}

.lfsg-entity .lfsg-card .lfsg-item::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(205, 223, 249, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;}

.lfsg-entity .lfsg-card .lfsg-item:last-child {
    padding-bottom: 0px;}

.lfsg-entity .lfsg-card .lfsg-item:last-child::after {
    display: none;}

.lfsg-entity .lfsg-card .lfsg-item p {
    display: flex;
    gap: 0.08rem;
    font-size:0.9em;
    line-height: 0.22rem;}

.lfsg-entity .lfsg-card .lfsg-item p .lfsg-item__label {
    color: #5F7288;
    width: max-content;
    min-width: 0.6rem;
    flex-shrink: 0;}

.lfsg-entity .lfsg-card .lfsg-item p .lfsg-item__value {
    color: #1F2329;
    width: 0.2rem;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
;}

.lfsg-entity .lfsg-card .lfsg-item p .lfsg-item__systemName{
    color: #1F2329;
    font-size:0.9em;
    flex-grow: 1;
    width: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.lfsg-entity .lfsg-card .lfsg-item p .lfsg-item__action{
    padding: 0px 0.07rem;
    cursor: pointer;
    border: 1px solid rgba(56, 115, 255, 0.6);
    border-radius: 0.04rem;
    height: 0.22rem;
    line-height: 0.2rem;
    color: #3873FF;
    flex-shrink: 0;}

.lfsg-entity .lfsg-card .lfsg-item p a{
    text-decoration: none;}

.lfsg-entity .lfsg-card .lfsg-item p a:hover{
    opacity: 0.8;}

.lfsg-entity .lfsg-card .lfsg-item p .lfsg-news__titleLink{
    flex-grow: 1;
    width: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1F2329;
    font-size:0.9em;
    cursor: pointer;}

.lfsg-entity .lfsg-card .lfsg-item p .lfsg-news__time{
    color: #5F7288;
    font-size:0.9em;
    flex-shrink: 0;}

.lfsg-entity .lfsg-card .lfsg-notice{
    display: flex;
    gap: 0.16rem;}

.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__timeBox{
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 0.06rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #E8F3FF;
    flex-shrink: 0;
    font-style: oblique;}

.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__timeBox b{
    font-size: 1.2em;
    color: #3873FF;}

.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__timeBox span{
    color: #A2C7FF;
    font-size:0.8em;}

.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__info{
    flex-grow: 1;
    width: 10px;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;}

.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__info .lfsg-notice__titleLink{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1F2329;
    line-height: 2;
    text-decoration: none;
    cursor: pointer;}

.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__info p {
    display: flex;
    gap: 0.08rem;
    font-size:0.9em;
    line-height: 0.22rem;}


.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__info p .lfsg-item__label {
    color: #5F7288;
    width: max-content;
    min-width: 0.6rem;
    flex-shrink: 0;}

.lfsg-entity .lfsg-card .lfsg-notice .lfsg-notice__info p .lfsg-item__value {
    color: #1F2329;
    width: 0.2rem;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
;}

.lfsg-entity .lfsg-card .lfsg-item.lfsg-people{
    flex-direction: row;
    gap: 0.18rem;}

.lfsg-entity .lfsg-card .lfsg-item.lfsg-people .lfsg-people__photo{
    width: 0.92rem;
    height: 1.18rem;
    padding-right: 0.06rem;
    padding-bottom: 0.06rem;
    position: relative;
    flex-shrink: 0;}

.lfsg-entity .lfsg-card .lfsg-item.lfsg-people .lfsg-people__photo img{
    width: 100%;
    height: 100%;
    border-radius: 0.06rem;
    object-fit: cover;
    position: relative;
    z-index: 2;}

.lfsg-entity .lfsg-card .lfsg-item.lfsg-people .lfsg-people__photo::after{
    content: ' ';
    width: calc(100% - 0.06rem);
    height: calc(100% - 0.06rem);
    border-radius: 0.06rem;
    background: #E8F3FF;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;}

.lfsg-entity .lfsg-card .lfsg-item.lfsg-people .lfsg-people__basic{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;}

.lfsg-entity .lfsg-card .lfsg-item.lfsg-people .lfsg-people__basic .lfsg-people__name{
    font-size:1.2em;
    color: #1F2329;
    line-height: 0.22rem;
    margin: 0.04rem 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.file-auxiliary-screen {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    background: linear-gradient(0deg, #F8FBFF, #F8FBFF), #F9FAFB;
    border-radius: 0.08rem;
    overflow: hidden;
    box-shadow: 0 2px 0.08rem rgba(0, 0, 0, 0.1);}

.file-auxiliary-screen .app-container {
    flex: 1;
    display: flex;
    height: calc(100% - 0.5rem);
    position: relative;}

.file-auxiliary-screen .thumbnail-panel {
    width: 0px;
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    transition: width 0.3s ease;
    background: #fff;
    border-right: 1px solid #e9ecef;}

.file-auxiliary-screen .thumbnail-panel.visible {
    width: 2rem;
    overflow-y: auto;}

.file-auxiliary-screen .thumbnail-container {
    height: 100%;
    padding: 0.12rem 0.08rem;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    overflow-y: auto;}

.file-auxiliary-screen .thumbnail-container::-webkit-scrollbar {
    width: 0.06rem;}

.file-auxiliary-screen .thumbnail-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0.03rem;}

.file-auxiliary-screen .thumbnail-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 0.03rem;}

.file-auxiliary-screen .thumbnail {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 0.04rem;
    transition: all 0.2s ease;
    width: 100%;
    background: #fff;
    padding: 0.04rem;}

.file-auxiliary-screen .thumbnail:hover {
    border-color: #007bff;
    box-shadow: 0 2px 0.04rem rgba(0, 123, 255, 0.2);}

.file-auxiliary-screen .thumbnail.active {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    background: #f8f9ff;}

.file-auxiliary-screen .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: width 0.3s ease;
    min-width: 0;}

.file-auxiliary-screen .pdf-header {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.12rem 0.16rem;
    background: #fff;
    border-bottom: 1px solid #e9ecef;}

.file-auxiliary-screen .pdf-header .docTitle{
      font-size:1.2em;
      width: 10px;
      flex-grow: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
;}

.file-auxiliary-screen .bottom-top-botton {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    padding: 0.08rem 0.12rem;
    background: #fff;
    border: 1px solid #F0F1F2;
    color: #1F2329;
    border-radius: 0.08rem;
    cursor: pointer;
    font-size: 0.9em;
    margin-left: 0.08rem;}

.file-auxiliary-screen .bottom-top-botton:hover {
    opacity: 0.8;}

.file-auxiliary-screen .bottom-top-botton:disabled {
    background: #f5f5f5;
    cursor: not-allowed;}

.file-auxiliary-screen .close-btn {
    width: 0.32rem;
    height: 0.32rem;
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 0.08rem;}

.file-auxiliary-screen .close-btn:hover {
     opacity: 0.8;}

.file-auxiliary-screen .close-btn img{
  width:0.18rem;
  height:0.18rem;}

.file-auxiliary-screen .pdf-viewer-container {
    flex: 1;
    overflow: auto;
    background: #f8f9fa;
    position: relative;
    will-change: scroll-position;}

.file-auxiliary-screen .pdf-viewer-container::-webkit-scrollbar {
    width: 0.06rem;
    height:0.06rem;}

.file-auxiliary-screen .pdf-viewer-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;}

.file-auxiliary-screen .pdf-viewer-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;}

.file-auxiliary-screen .pdf-viewer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.2rem;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;}

.file-auxiliary-screen .pdf-canvas {
    max-width: 100%;
    height: auto;
    box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.1);
    border-radius: 0.04rem;}

.file-auxiliary-screen .pdf-page-container {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    transform-origin: left top;
    transform-style: preserve-3d;}

.file-auxiliary-screen .controls {
    height: 0.5rem;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.16rem;
    border-top: 1px solid #e9ecef;
    background: #fff;
    gap: 0.16rem;
    flex-wrap: wrap;}

.file-auxiliary-screen .toggle-thumbnail {
    width: 0.32rem;
    height: 0.32rem;
    cursor: pointer;
    background: transparent;
    border: none;}

.file-auxiliary-screen .toggle-thumbnail:hover {
    opacity:0.8;}

.file-auxiliary-screen .pagination {
    display: flex;
    align-items: center;
    gap: 0.08rem;}

.file-auxiliary-screen .page-btn {
    width: 0.32rem;
    height: 0.32rem;
    border: 1px solid #dee2e6;
    background: white;
    cursor: pointer;
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;}

.file-auxiliary-screen .page-btn:hover:not(:disabled) {
    background: #f8f9fa;
    border-color: #007bff;}

.file-auxiliary-screen .page-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;}

.file-auxiliary-screen .page-num {
    width: 0.6rem;
    padding: 0.06rem 0.08rem;
    border: 1px solid #dee2e6;
    border-radius: 0.04rem;
    text-align: center;
    font-size: 0.9em;}

.file-auxiliary-screen .page-num:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}

.file-auxiliary-screen .page-info {
    font-size: 0.9em;
    color: #6c757d;
    min-width: 0.6rem;}

.file-auxiliary-screen .zoom-controls {
    display: flex;
    align-items: center;
    gap: 0.12rem;}

.file-auxiliary-screen .zoom-btn {
    width: 0.32rem;
    height: 0.32rem;
    border: 1px solid #dee2e6;
    background: white;
    cursor: pointer;
    border-radius: 0.04rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;}

.file-auxiliary-screen .zoom-btn:hover:not(:disabled) {
    background: #f8f9fa;
    border-color: #007bff;}

.file-auxiliary-screen .zoom-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;}

.file-auxiliary-screen .zoom-percentage {
    font-size:0.9em;
    color: #6c757d;
    min-width: 0.5rem;
    text-align: center;}

.file-auxiliary-screen .loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.16rem;}

.file-auxiliary-screen .loading-spinner {
    width: 0.32rem;
    height: 0.32rem;
    border: 3px solid #e9ecef;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;}

.file-auxiliary-screen .loading-spinner p{
    font-size:0.9em;}

@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

.file-auxiliary-screen .error-message {
    padding: 2rem;
    color: #dc3545;
    text-align: center;
    background: #f8f9fa;
    border-radius: 0.08rem;
    margin: 0.2rem;}


.drawercc1114520{
    height: 93vh;
    border-top: rgba(205, 223, 249, .8) solid 1px;
    border-radius: 0.4rem 0.4rem 0px 0px;
    -webkit-backdrop-filter: blur(0.4rem);
    backdrop-filter: blur(0.4rem);
    background: linear-gradient(to bottom, #f3f7fc, #fff);
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    box-shadow: 0 -0.05rem 0.2rem 0.03rem rgba(0, 0, 0, .1);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    z-index: 999;
    display: none;
    transform: translateY(100%);
    transition: transform .3s ease;
    font-size:0.9em;
    font-family: "AlibabaPuHuiTi,Microsoft YaHei,PingFang SC,Arial,BlinkMacSystemFont,Helvetica Neue,Open Sans,Hiragino Sans GB, sans-serif"
;}
.drawercc1114520.showDrawer{
    transform: translateY(0%);
    transition: transform .3s ease
;}

.drawercc1114520 .autoFill{
    flex-grow: 1;
    display: flex;
    gap:0.4rem;
    justify-content: center;}

.drawercc1114520 .autoFill .originalContent{
    height:100%;
    width:9.2rem;}

.drawercc1114520 .autoFill .originalContent .articleBox{
    display: flex;
    flex-direction: column;
    height: 100%;
    gap:0.16rem;}

.drawercc1114520 .autoFill .originalContent .articleBox .articleTitle{
    height: 0.38rem;
    display: flex;
    gap: 0.2rem;
    align-items: center;}

.drawercc1114520 .autoFill .originalContent .articleBox .articleTitle h4{
    font-size:1.2em;
    width: 10px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:var(--font-color);}

.drawercc1114520 .autoFill .originalContent .articleBox .articleTitle span{
    padding: 0.05rem 0.08rem;
    border: 1px solid var(--primary-color);
    border-radius: 0.06rem;
    flex-shrink: 0;
    align-items: center;
    font-size:0.8em;
    line-height: 0.16rem;
    color: var(--primary-color);
    cursor: pointer;}

.drawercc1114520 .autoFill .originalContent .articleBox .articleTitle span:hover{
    opacity: .8
;}

.drawercc1114520 .autoFill .originalContent .articleBox .articleTitle span:active{
    opacity: .1
;}

.drawercc1114520 .autoFill .originalContent .articleBox .articleLoading{
    height: 20px;
    flex-grow: 1;
    display: flex;
    gap:0.12rem;
    justify-content: center;
    flex-direction: column;
    align-items: center;}

.drawercc1114520 .autoFill .originalContent .articleBox .articleLoading img{
    width:0.28rem;
    height:0.28rem;
    animation: basicRotate 3s linear infinite;}

.drawercc1114520 .autoFill .originalContent .articleBox .articleLoading span{
    font-size:0.8em;
    color: rgba(var(--hover-font-color), 1);}

.drawercc1114520 .autoFill .originalContent .articleBox .articleContent{
    padding: 0.16rem;
    height: 10px;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 1.8;
    background: #fff;
    border-radius: 0.16rem;}

.drawercc1114520 .autoFill .originalContent .docBox{
    width:100%;
    height:100%;}

.drawercc1114520 .autoFill .viceChat{
    height: 100%;
    width: 6.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;}

.drawercc1114520 .autoFill .viceChat .chatListBox{
    height: 10px;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.16rem;}

.drawercc1114520 .autoFill .viceChat .chatInputBox {
  position: relative
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox .chatInputBorder {
    border-radius: 0.15rem;
    border: 2px solid var(--font-color);
    background: #fff;
    display: flex;
    overflow: hidden;
    gap: 0.12rem;}

.drawercc1114520 .autoFill .viceChat .chatInputBox .chatInputBorder #messageBox{
    outline: none;
    border: none;
    flex-grow: 1;
    padding-left: 0.2rem;}

.drawercc1114520 .autoFill .viceChat .chatInputBox .chatInputBorder .rightBox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.2rem;
    height:0.65rem;
    gap: 0.12rem
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox .chatInputBorder .rightBox .send {
  width: 0.36rem;
  height: 0.36rem;
  flex-shrink: 0;
  background: var(--font-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox .chatInputBorder .rightBox .send:hover {
  opacity: .8
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox .chatInputBorder .rightBox .send:active {
  opacity: 1
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox .chatInputBorder .rightBox .send svg {
  width: 0.2rem;
  height: 0.2rem
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox.disabledInputBox {
  cursor: not-allowed
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox.disabledInputBox .chatInputBorder .rightBox .asrIcon {
  cursor: not-allowed
;}

.drawercc1114520 .autoFill .viceChat .chatInputBox.disabledInputBox .chatInputBorder .rightBox .asrIcon:hover g path {
  fill:rgb(var(--hover-font-color))
;}

.drawercc1114520 .closeDrawer{
    position: absolute;
    top: 0.2rem;
    right: 0.33rem;
    cursor: pointer
;}

.drawercc1114520 .closeDrawer:hover {
  opacity: .8
;}

.drawercc1114520 .closeDrawer:active{
  opacity: .1
;}

.drawercc1114520 .closeDrawer svg {
  width: 0.25rem;
  height: 0.25rem
;}

.feedbackLayer{
    position: fixed;
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;}

.feedbackLayer .feedbackBox{
    width: 5rem;
    height: 3.2rem;
    background: #fff;
    padding: 0.2rem;
    border-radius: 0.16rem;
    box-shadow: 0px 4px 20px 0px rgba(144, 154, 170, 0.1);
    display: flex;
    flex-direction: column;
    gap: 0.16rem;}

.feedbackLayer .feedbackBox .feedbackTitle{
    font-size: 1.2em;
    font-weight: 600;
    color: var(--font-color);}

.feedbackLayer .feedbackBox textarea{
    flex-grow: 1;
    border: solid 2px var(--primary-color);
    border-radius: 0.08rem;
    padding: 0.14rem;
    resize: none;
    outline: none;
    font-size:0.9em;
    line-height: 1.6;}

.feedbackLayer .feedbackBox .feedbackBtns{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.9em;
    gap: 0.16rem;}
.feedbackLayer .feedbackBox .feedbackBtns .feedbackBtn{
    padding: 0.07rem 0.15rem;
    background: rgba(var(--hover-font-color), 0.15);
    border-radius: 0.07rem;
    cursor: pointer;
    color: var(--font-color);}
.feedbackLayer .feedbackBox .feedbackBtns .feedbackBtn:hover{
    opacity: .8
;}
.feedbackLayer .feedbackBox .feedbackBtns .feedbackBtn:active{
    opacity:1
;}
.feedbackLayer .feedbackBox .feedbackBtns .feedbackBtn.saveBtn{
    background: var(--primary-color);
    color: #fff;}
[v-cloak] {
    display: none
;}

:root {
  --primary-color: #3873FF;
  --secondary-color: #F4F009;
  --font-color: #1F2329;
  --hover-font-color:90,90,90;
  --delay-time: .3s
;}

.chatInputc1114521{
    position: relative;}

.chatInputc1114521 .scrollContainer{
    height: 0.55rem;
    width: 100%;
    display: flex;
    align-items: center;
    pointer-events: none;
    justify-content: space-between;}

.chatInputc1114521 .scrollContainer .leftArea{
    flex-grow: 1;
    display: flex;
    gap: 0.1rem;
    width: 50%;}

.chatInputc1114521 .scrollContainer .leftArea .addNewChat,.chatInputc1114521 .scrollContainer .leftArea .removeChat{
    height: 0.34rem;
    display: flex;
    gap: 0.04rem;
    align-items: center;
    padding: 0 0.12rem;
    background: #fff;
    border-radius: 0.06rem;
    color: var(--primary-color);
    font-size: 0.14rem;
    box-shadow: 0px 1px 0.1rem 0px rgba(48, 61, 105, 0.1);
    cursor: pointer;
    pointer-events: all;
    transition: all 0.3s;}

.chatInputc1114521 .scrollContainer .leftArea .addNewChat:hover,.chatInputc1114521 .scrollContainer .leftArea .removeChat:hover{
    transition: all 0.3s;
    box-shadow: 0px 1px 0.1rem 0px rgba(48, 61, 105, 0.2);}

.chatInputc1114521 .scrollContainer .leftArea .removeChat{
    color: #909AAA;}

.chatInputc1114521 .scrollContainer .leftArea .addNewChat svg,.chatInputc1114521 .scrollContainer .leftArea .removeChat svg{
    width:0.14rem;
    height:0.14rem;}

.chatInputc1114521 .scrollContainer .leftArea .addNewChat.disable,.chatInputc1114521 .scrollContainer .leftArea .removeChat.disable{
    cursor: not-allowed;
    color:#afafaf;}

.chatInputc1114521 .scrollContainer .leftArea .addNewChat.disable:hover,.chatInputc1114521 .scrollContainer .leftArea .removeChat.disable:hover{
    box-shadow: 0px 1px 0.1rem 0px rgba(48, 61, 105, 0.1);}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn{
    display: flex;
    align-items: center;
    gap: 0.1rem;
    pointer-events: all;}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn .playSvg{
    width:0.3rem;
    height:0.3rem;
    cursor: pointer;
    color: var(--primary-color);}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn .pauseSvg{
    width:0.3rem;
    height:0.3rem;
    cursor: pointer;
    color: rgb(var(--hover-font-color));}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn .disabledPause{
    cursor: not-allowed
;}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn .bar {
  fill: var(--primary-color);
  transform-box: fill-box;
  transform-origin: bottom;
  animation: breathe 1.2s infinite ease-in-out;}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn #b1,.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn #b5 {
  animation-delay: -0.00s;}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn #b2,.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn #b4 {
  animation-delay: -0.15s;}

.chatInputc1114521 .scrollContainer .leftArea .broadcastBtn #b3 {
  animation-delay: -0.30s;}

@keyframes breathe {
  0%,
  100% {
    transform: scaleY(0.25);}

  50% {
    transform: scaleY(1);}
}

.chatInputc1114521 .scrollContainer .cursor{
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    border: 1px solid #F0F2F5;
    box-shadow: 0px 0.04rem 0.1rem 0px rgba(223, 113, 113, .1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #fff;
    opacity: 0;
    transform: rotate(0deg);
    pointer-events: none;
    transition:opacity var(--delay-time) , transform var(--delay-time);}

.chatInputc1114521 .scrollContainer.showScrollContainer .cursor{
    opacity: 1;
    pointer-events: all;
    transition:opacity var(--delay-time) , transform var(--delay-time);}

.chatInputc1114521 .scrollContainer.scrollDown .cursor{
    transform: rotate(180deg);
    transition:opacity var(--delay-time) , transform var(--delay-time);}

.chatInputc1114521 .scrollContainer .cursor:hover img{
    opacity: 0.7;}

.chatInputc1114521 .scrollContainer .cursor:active img{
    opacity: 1;}

.chatInputc1114521 .scrollContainer .cursor img{
    width:0.2rem;
    height:0.2rem;}

.chatInputc1114521 .scrollContainer .rightArea{
    flex-grow: 1;
    width: 50%;}

.chatInputc1114521 .chatInputBox {
    position: relative;
    background: rgba(255, 255, 255, 0.4);
    padding: 0.08rem;
    border-radius: 0.43rem;
    margin-bottom: 0.3rem;}

.chatInputc1114521 .chatInputBox .chatInputBorder {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(31.5px);
    box-shadow: 0px 20px 40px 0px rgba(127, 163, 235, 0.25);
    height: 0.7rem;
    border-radius: 0.35rem;
    display: flex;
    overflow: hidden;
    gap: 0.12rem;}

.chatInputc1114521 .chatInputBox .chatInputBorder .starIcon{
    width: 0.18rem;
    height: 0.18rem;}

.chatInputc1114521 .chatInputBox .chatInputBorder #messageBox{
    outline: none;
    border: none;
    flex-grow: 1;
    padding-left: 0.24rem;
    color: #627AAC;
    font-size: 0.16rem;}

.chatInputc1114521 .chatInputBox .chatInputBorder .rightBox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.2rem;
    height:100%;
    gap: 0.12rem
;}

.chatInputc1114521 .chatInputBox .chatInputBorder .asrIcon {
  height: 0.24rem;
  width: 0.24rem;
  position: relative;
  cursor: pointer
;}

.chatInputc1114521 .chatInputBox .chatInputBorder .asrIcon svg{
  height:100%;
  width: 100%;}

.chatInputc1114521 .chatInputBox .chatInputBorder .asrIcon:hover svg path {
  fill: var(--font-color)
;}

.chatInputc1114521 .chatInputBox .chatInputBorder .asrIcon:active svg path {
  fill: var(--primary-color);
  position: relative;}

.chatInputc1114521 .chatInputBox .chatInputBorder .asrIcon:active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(0deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 37%, rgba(255, 255, 255, 0) 63%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 37%, rgba(255, 255, 255, 0) 63%);
    background-size: 100% 200%;
    pointer-events: none;
    animation: ivuSkeletonMove 1s ease infinite
;}

@keyframes ivuSkeletonMove {
    0% {
        background-position: 0 100%
    ;}

    to {
        background-position: 0 0%
    ;}
}

.chatInputc1114521 .chatInputBox .chatInputBorder .asrIcon svg path {
  fill: rgb(var(--hover-font-color))
;}

.chatInputc1114521 .chatInputBox .chatInputBorder .rightBox .line {
  width: 2px;
  height: 0.2rem;
  background: rgba(var(--hover-font-color), 0.3)
;}

.chatInputc1114521 .chatInputBox .chatInputBorder .rightBox .send {
    width: 0.48rem;
    height: 0.48rem;
    flex-shrink: 0;
    background: linear-gradient(210deg, #36B7F3 3%, #1563FE 75%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;}

.chatInputc1114521 .chatInputBox .chatInputBorder .rightBox .send:hover {
  opacity: .8
;}

.chatInputc1114521 .chatInputBox .chatInputBorder .rightBox .send:active {
  opacity: 1
;}

.chatInputc1114521 .chatInputBox .chatInputBorder .rightBox .send svg {
  width: 0.2rem;
  height: 0.2rem
;}

.chatInputc1114521 .chatInputBox.disabledInputBox {
  cursor: not-allowed
;}

.chatInputc1114521 .chatInputBox.disabledInputBox .chatInputBorder .rightBox .asrIcon {
  cursor: not-allowed
;}

.chatInputc1114521 .chatInputBox.disabledInputBox .chatInputBorder .rightBox .asrIcon:hover svg g path {
  fill:rgb(var(--hover-font-color))
;}

.dictationBgc1114521{
    display:none;}

@media screen and (max-width: 750px) {
    
    .chatInputc1114521 .chatInputBox{
        width:100%;
        padding:0;}
    
    .chatInputc1114521 .scrollContainer .rightArea,.chatInputc1114521 .scrollContainer .cursor{
        display:none;}
    
    .chatInputc1114521 .chatInputBox .chatInputBorder{
        width: 100%;
        height: 0.6rem;
        border-radius: 0.3rem;
        padding: 0;
        gap: 0.16rem !important;
        padding-left: 0.16rem;
        margin-bottom: 0.2rem;
        align-items: center;}
    
    .chatInputc1114521 .chatInputBox .chatInputBorder #messageBox {
        padding-left: 0px !important;}
    .chatInputc1114521 .chatInputBox .chatInputBorder .asrIcon{
        width:0.32rem;
        height:0.32rem;}
    .chatInputc1114521 .chatInputBox .chatInputBorder .rightBox .send svg{
        width:0.28rem;
        height:0.28rem;}
    .chatInputc1114521 .chatInputBox .chatInputBorder.pressBox{
        padding-left:0.98rem;
        padding-right:0.3rem;}
    
    .chatInputc1114521 .chatInputBox .chatInputBorder.pressBox .voiceSpanRef{
        width: 100px;
        color: #666;
        text-align: center;
        user-select: none;
        flex-grow: 1;}
    
    .dictationBgc1114521{
        position: fixed;
        inset: 0;
        background: linear-gradient(180deg, transparent 10%, #fff 50%);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        z-index:9;}
    .dictationBgc1114521 .bubbleBox{
        margin: auto 0.6rem 0.6rem;
        border-radius: 0.16rem;
        padding: 0.14rem 0.18rem 0.18rem;
        background: #F7F8FA;
        color: #5F7288;
        position: relative;}
    
    .dictationBgc1114521 .bubbleBox::after {
        content: " ";
        position: absolute;
        border: solid 0.1rem transparent;
        border-top: solid 0.1rem #F7F8FA;
        left: 50%;
        margin-left: 0.05rem;
        bottom: -0.19rem;}
    
    .dictationBgc1114521 .bubbleBox .circleLoading{
        display: flex;
        gap: 0.08rem;
        height: 0.39rem;
        align-items: center;}
    @keyframes ball-pulse {
        0%,
        60%,
        100% {
            opacity: 1;
            transform: scale(1);}
        
        30% {
            opacity: 0.1;
            transform: scale(0.01);}
    }

    .dictationBgc1114521 .bubbleBox .circleLoading>div{
        width:0.1rem;
        height: 0.1rem;
        border-radius: 50%;
        animation: ball-pulse 0.7s ease-in-out infinite;}
    
    .dictationBgc1114521 .bubbleBox .circleLoading .circle-loading-first {
      background: linear-gradient(to right, #3876ff, #398afe);
      animation-delay: -200ms;}

    .dictationBgc1114521 .bubbleBox .circleLoading .circle-loading-second {
      background: linear-gradient(to right, #3a99fd, #3aadfb);
      animation-delay: -100ms;}

    .dictationBgc1114521 .bubbleBox .circleLoading .circle-loading-third {
      background: linear-gradient(to right, #3cbcfb, #3cd1f9);
      animation-delay: 0ms;}
    
    .dictationBgc1114521 .bubbleBox p{
        outline: none;
        line-height: 1.5;}
    
    .dictationBgc1114521 .bubbleBox p::after {
        content: "|";
        animation: Flickering .5s infinite;}
    
    .dictationBgc1114521 .bubbleBox p.hideCursor::after{
        display:none;}
    @keyframes Flickering {
        0% {
            opacity: 1
        ;}
    
        100% {
            opacity: 0
        ;}
    }
    
    .dictationBgc1114521 .bubbleBox p:focus::after {
        display:none;}
    
    .dictationBgc1114521 .dictationBtn{
        padding:0 0.6rem;}
    
    .dictationBgc1114521 .dictationBtn .touchBtns,.dictationBgc1114521 .dictationBtn .editBtns{
        display: flex;
        justify-content: space-between;}
    
    .dictationBgc1114521 .dictationBtn .cancelBtn,.dictationBgc1114521 .dictationBtn .confirmBtn{
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F7F8FA;
        color:#909AAA;
        font-size:1.15em;
        position: relative;}
    
    .dictationBgc1114521 .dictationBtn .cancelBtn svg{
        width:0.32rem;
        height:0.32rem;}
    
    .dictationBgc1114521 .dictationBtn .cancelBtn .tips{
        position: absolute;
        top: -0.28rem;
        left: 50%;
        transform: translateX(-0.45rem);
        width: 1rem;
        text-align: center;
        pointer-events: none;
        color: #ff6666;
        display:none;}
    
    .dictationBgc1114521 .dictationBtn .cancelBtn.activeBtn{
        background: #ff6666;
        color:#fff;}
    
    .dictationBgc1114521 .dictationBtn .cancelBtn.activeBtn .tips{
        display:block;}
    
    .dictationBgc1114521 .dictationBtn .confirmBtn{
        color:#5F7288;
        position: relative;
        letter-spacing: 0.03rem;}
    
    .dictationBgc1114521 .dictationBtn .tips{
        position: absolute;
        top: -0.28rem;
        left: 50%;
        transform: translateX(-0.45rem);
        width: 1rem;
        text-align: center;
        pointer-events: none;
        color:#5F7288;
        display:none;}
    
    .dictationBgc1114521 .dictationBtn .activeBtn{
        color:#ffffff;
        background: linear-gradient(210deg, #36B7F3 3%, #1563FE 75%);}
    
    .dictationBgc1114521 .dictationBtn .activeBtn .tips{
        display:block;}
    
    .dictationBgc1114521 .dictationBtn .sendBtn{
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background:linear-gradient(210deg, #36B7F3 3%, #1563FE 75%);}
    
    .dictationBgc1114521 .soundWaveBg{
        width: 100%;
        height: 1.5rem;
        position: relative;
        padding-top: 0.75rem;}
    .dictationBgc1114521 .soundWaveBg::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4rem;
        background-color: #F7F8FA;
        border-radius: 50% 50% 0 0;
        transform: scaleX(1.5) translateY(0);
        transform-origin: bottom center;
        box-shadow: 0 -0.1rem 0.22rem rgba(0, 0, 0, .1);}
    .dictationBgc1114521 .soundWaveBg .tips{
        position: absolute;
        top: -0.4rem;
        left: 0;
        width: 100%;
        line-height: 1.5;
        color: #5F7288;
        text-align: center;}
    .dictationBgc1114521 .soundWaveBg .voice-dots{
        height: 0.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.04rem;}
    .dictationBgc1114521 .soundWaveBg .voice-dots .dot{
        width: .06rem;
        height: .12rem;
        background:linear-gradient(210deg, #36B7F3 3%, #1563FE 75%);
        border-radius: 50%;
        animation: voiceWave .8s ease-in-out infinite;
        opacity: .7;
        transform-origin: center center;}
    
    @keyframes voiceWave {
      0% {
        transform: scaleY(1);
        opacity: 0.7;}

      25% {
        transform: scaleY(2);
        opacity: 1;}

      50% {
        transform: scaleY(1);
        opacity: 0.7;}

      75% {
        transform: scaleY(1.5);
        opacity: 0.9;}

      100% {
        transform: scaleY(1);
        opacity: 0.7;}
    }
    
    .dictationBgc1114521 .soundWaveBg.outside{
        opacity: 0.3;}
    
    .dictationBgc1114521 .soundWaveBg.outside .tips{
        display:none;}
    
    .dictationBgc1114521 .soundWaveBg.hide{
        opacity: 0;
        pointer-events: none;}
}