[v-cloak] {
  display: none
;}

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

.guidec1014 h4{
    font-size: .18rem;
    font-weight: bold;
    color: #2060EA;
    margin-bottom: .15rem;}

.guidec1014 .cardc1014{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.guidec1014 .cardc1014 .questionItemc1014{
    display: flex;
    gap: 0.1rem;
    width:48%;
    align-items:center;
    cursor: pointer;
    font-size: .16rem;
    line-height: .3rem;}

.guidec1014 .cardc1014 .questionItemc1014 .point{
    width: .09rem;
    height: .09rem;
    border: .03rem solid #2058D0;
    border-radius: 50%;}

.guidec1014 .cardc1014 .questionItemc1014 p{
    flex-grow: 1;
    width: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    margin-top:0px;
    font-size: .16rem;
    line-height: .3rem;}

@media screen and (max-width:751px) {
    .guidec1014 .cardc1014{
        flex-direction: column;
        gap: 0.12rem;}
    .guidec1014 .cardc1014 .questionItemc1014{
        width:100%;}
}
[v-cloak] {
    display: none
;}

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

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

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

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

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

.chatSessionc1013 .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)
    ;}
}

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

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

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

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

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

.chatSessionc1013 .sessionList .sessionItem .QAInfo *:not(.hljs, .hljs *) {
    color: var(--delay-time)
;}

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

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

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

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

.chatSessionc1013 .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
;}

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

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

.chatSessionc1013 .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
;}

.chatSessionc1013 .sessionList .sessionItem .QAInfo table th,
.chatSessionc1013 .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
;}

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

.chatSessionc1013 .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.12rem;
    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;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.chatSessionc1013 .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
;}

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

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

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

.chatSessionc1013 .sessionList .sessionItem .operateBox .chatRateBox .tooltip-trigger .tooltip-content {
    padding: 0.08rem 0.12rem;
    font-size: 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;}


.chatSessionc1013 .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;}



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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes breathe {

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

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

.chatSessionc1013 .sessionList .sessionItem .operateBox .tips {
    margin-left: auto;
    line-height: 0.14rem;
    font-size: 0.14rem;
    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
;}

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

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

.chatSessionc1013 .sessionList .sessionItem .guessKeyWord .keyWords p {
    border-radius: 0.18rem;
    background: #fff;
    height: 0.36rem;
    line-height: 0.36rem;
    padding: 0px 0.15rem;
    cursor: pointer;
    font-size: 0.13rem;
    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
;}

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

.chatSessionc1013 .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)
;}

.chatSessionc1013 .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)
;}

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

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

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

.chatSessionc1013 .sessionList .sessionItem .guessKeyWord .relatedFiles .fileInfo span {
    font-size: 0.12rem;
    color: var(--primary-color);
    cursor: pointer
;}

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

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

.chatSessionc1013 .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;}

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

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

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

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

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

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

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

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

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

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

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

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

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

.chatSessionc1013 .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)
;}

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

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

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

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

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

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

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

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

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

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

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

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

.chatSessionc1013 .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);}
}

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

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

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

.chatSessionc1013 .sessionList .sessionItem .sourceAndOperate .rightOperateBox .AiRecommend span {
    color: #5F7288;
    font-size: 0.14rem;}

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

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

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

.chatSessionc1013 .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;}

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

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

.chatSessionc1013 .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
;}

.chatSessionc1013 .sessionList .sessionItem .newsList .newsCard .articleBox span {
    line-height: 0.16rem;
    font-size: 0.12rem;
    color: rgb(var(--hover-font-color))
;}

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

.chatSessionc1013 .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: 0.24rem;
    font-size: 0.13rem;
    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)
;}

.chatSessionc1013 .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)
;}

.chatSessionc1013 .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)
;}

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

.chatSessionc1013 .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
;}

.chatSessionc1013 .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)
;}

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

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

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

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

.chatSessionc1013 .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
;}

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

.chatSessionc1013 .sessionList .sessionItem .dividingLine span {
    font-size: 0.13rem;
    color: #909AAA;
    flex-shrink: 0;}

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

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

.chatSessionc1013 .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;}

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

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

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

.chatSessionc1013 .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;}

.chatSessionc1013 .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: 0.24rem;
    font-size: 0.13rem;
    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)
;}

.chatSessionc1013 .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)
;}

.chatSessionc1013 .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)
;}

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

.chatSessionc1013 .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
;}

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

.chatSessionc1013 .recommendationTitle{
    font-size: 0.18rem;
    font-weight: 500;
    color: #333;
    line-height: 0.25rem;
    padding-left: 0.12rem;}

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

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

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

.chatSessionc1013  .recommendationCard .cardTitle h5{
    font-size:0.16rem;
    color:#333;
    line-height: 0.18rem;}

.chatSessionc1013  .recommendationCard p{
    padding-left:0.28rem;
    line-height:0.26rem;
    font-size:0.14rem;
    color:#1F2329;}

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

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

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

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

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

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

.chatSessionc1013 .attachmentList .attachmentItem p{
    font-size: 0.14rem;
    color: #3D3D3D;
    width: 0.1rem;
    flex-grow: 1;}

.chatSessionc1013 .attachmentList .attachmentItem span{
    font-size:0.12rem;
    color:#3873FF;
    cursor: pointer;}

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

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

.chatSessionc1013 .noRecommendationBox span{
    font-size: 0.13rem;
    color: #5F7288;}

.popover-scroll{
    background: #fff;
    border: 1px solid rgba(205, 223, 249, .5);
    padding: 0.2rem;
    padding-right: 0.1rem;
    box-shadow: 0px 0.04rem 0.2rem 0px rgba(144, 154, 170, .1);
    width: 4rem;
    border-radius: 0.16rem;}

.custom-popover {
    max-height: 300px;
    overflow: auto;
    padding-right: 0.1rem;}

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


.custom-popover h5 {
  line-height: 0.22rem;
  font-size: 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--font-color)
;}

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

.custom-popover .content-box h1{font-size:0.15rem;}
.custom-popover .content-box h2{font-size:0.14rem;}
.custom-popover .content-box h3{font-size:0.13rem;}
.custom-popover .content-box h4{font-size:0.12rem;}
.custom-popover .content-box h5{font-size:0.11rem;}
.custom-popover .content-box h6{font-size:0.1rem;}

.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));
  font-size: 0.12rem
;}

.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;
  font-size: 0.13rem;
  font-family: "AlibabaPuHuiTi,Microsoft YaHei,PingFang SC,Arial,BlinkMacSystemFont,Helvetica Neue,Open Sans,Hiragino Sans GB, sans-serif";
  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 #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: 0.18rem;
    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;
  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(32,96,234,0), rgba(32,96,234, 0.1)), rgba(252, 254, 255, 0.7);
  transition: background var(--delay-time) ease, height var(--delay-time) ease;}


.drawer-overlay .drawer-content .sourcesList .sourcesItem h1{font-size:0.15rem;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h2{font-size:0.14rem;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h3{font-size:0.13rem;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h4{font-size:0.12rem;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h5{font-size:0.11rem;}
.drawer-overlay .drawer-content .sourcesList .sourcesItem h6{font-size:0.1rem;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .newsTitle {
  font-weight: normal;
  color: var(--font-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:0.16rem;
  padding-left: 0.12rem;
  position: relative;
  font-weight: bolder;
  flex-shrink: 0;
  cursor: pointer
;}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .newsTitle::before{
    content: ' ';
    display: block;
    width: 0.04rem;
    height: 0.14rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #3873FF;}

.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.12rem;
  word-wrap: break-word;
  line-height:1.6;
  color: rgb(var(--font-color));}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .expandBtn{
    position: absolute;
    width: 0.44rem;
    height: 0.44rem;
    background: #fff;
    left: 50%;
    bottom: 0.1rem;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    margin-left:-0.22rem;
    justify-content: center;
    align-items: center;
    transition: transform var(--delay-time);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0.7);}

.drawer-overlay .drawer-content .sourcesList .sourcesItem .expandBtn::after{
    content: ' ';
    width: 0.2rem;
    height: 0.2rem;
    background: url(/system/resource/AiWebSiteResource/images/cursor.png) no-repeat center;
    background-size: 100% 100%;}

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

.drawer-overlay .drawer-content .sourcesList .foldup .expandBtn{
    transform: rotate(0deg);
    display: none;
    transition: transform var(--delay-time);}

.drawer-overlay .drawer-content .sourcesList .foldup:hover .expandBtn{
    display:flex;}

.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.12rem;
  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;
  font-size: 0.12rem;
  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.12rem;
  color:rgb(var(--hover-font-color))
;}



@media screen and (max-width: 1024px){
    .chatSessionc1013 .sessionList .sessionItem .operateBox .tips{
        display:none;}
    
    .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 .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,.drawer-overlay .drawer-container .drawer-content #recommendList{
        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: 0.18rem;
  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;
    font-size: 0.16rem;
    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.14rem;
    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.14rem;
    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.14rem;
    cursor: pointer;}

.lfsg-entity .lfsg-card .lfsg-item p .lfsg-news__time{
    color: #5F7288;
    font-size: 0.14rem;
    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: 0.2rem;
    color: #3873FF;}

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

.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;
    font-size: 0.16rem;
    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.14rem;
    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: 0.18rem;
    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: 0.18rem;
      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.13rem;
    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.14rem;}

.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.14rem;
    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-size: 0.16rem;
    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.14rem;
    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.14rem;}

@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;}

.drawercc1013{
    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.13rem;
    font-family: "AlibabaPuHuiTi,Microsoft YaHei,PingFang SC,Arial,BlinkMacSystemFont,Helvetica Neue,Open Sans,Hiragino Sans GB, sans-serif"
;}
.drawercc1013.showDrawer{
    transform: translateY(0%);
    transition: transform .3s ease
;}

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

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

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

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

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

.drawercc1013 .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.12rem;
    line-height: 0.16rem;
    color: var(--primary-color);
    cursor: pointer;}

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

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

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

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

.drawercc1013 .autoFill .originalContent .articleBox .articleLoading span{
    font-size: 0.12rem;
    color: rgba(var(--hover-font-color), 1);}

.drawercc1013 .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;}

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

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

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

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

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

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

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

.drawercc1013 .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
;}

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

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

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

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

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

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

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

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

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

.drawercc1013 .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: 0.18rem;
    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.13rem;
    line-height: 1.6;}

.feedbackLayer .feedbackBox .feedbackBtns{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.13rem;
    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
;}

.chatInputc1015{
    font-size: 0.13rem;
    position: relative;}

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

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

.chatInputc1015 .scrollContainer .leftArea .addNewChat{
    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 0.04rem 0.1rem 0px rgba(48, 61, 105, 0.1);
    cursor: pointer;
    pointer-events: all;}

.chatInputc1015 .scrollContainer .leftArea .addNewChat:hover svg{
    opacity: 0.8;}

.chatInputc1015 .scrollContainer .leftArea .addNewChat:hover span{
    opacity: 0.8;}

.chatInputc1015 .scrollContainer .leftArea .addNewChat.disable{
    cursor: not-allowed;
    color:rgb(var(--hover-font-color),0.7);}

.chatInputc1015 .scrollContainer .leftArea .addNewChat.disable:hover svg{
    opacity: 1;}

.chatInputc1015 .scrollContainer .leftArea .addNewChat.disable:hover span{
    opacity: 1;}

.chatInputc1015 .scrollContainer .leftArea .addNewChat:active svg{
    opacity: 1;}

.chatInputc1015 .scrollContainer .leftArea .addNewChat:active span{
    opacity: 1;}

.chatInputc1015 .scrollContainer .leftArea .addNewChat svg{
    width:0.14rem;
    height:0.14rem;}

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

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

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

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

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

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

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

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

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

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

.chatInputc1015 .scrollContainer .cursor{
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    border: 1px solid #F0F2F5;
    box-shadow: 0px 0.04rem 0.1rem 0px rgba(0, 0, 0, 0.05);
    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);}

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

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

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

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

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

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

.chatInputc1015 .chatInputBox {
  position: relative
;}

.chatInputc1015 .chatInputBox .chatInputBorder {
    border-radius: 0.15rem;
    box-shadow: rgba(52, 69, 108, 0.1) 0rem 0.01rem 0.12rem 0rem;
    background: #fff;
    display: flex;
    overflow: hidden;
    gap: 0.12rem;}

.chatInputc1015 .chatInputBox .chatInputBorder #messageBox{
    outline: none;
    border: none;
    flex-grow: 1;
    font-size: 0.16rem;
    padding-left: 0.2rem;}

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

.chatInputc1015 .chatInputBox .chatInputBorder .rightBox .asrIcon {
  height: 0.24rem;
  width: 0.24rem;
  cursor: pointer
;}

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

.chatInputc1015 .chatInputBox .chatInputBorder .rightBox .asrIcon:active path {
  fill: var(--primary-color)
;}

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

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

.chatInputc1015 .chatInputBox .chatInputBorder .rightBox .send {
    width: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.2rem;
    gap:0.1rem;
    cursor: pointer;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    background: var(--bg-btn-color);
    border-radius: 0.2rem;}

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

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

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

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

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

.chatInputc1015 .chatInputBox.disabledInputBox .chatInputBorder .rightBox .asrIcon:hover g path {
  fill:rgb(var(--hover-font-color))
;}
[v-cloak] {
  display: none
;}

.fwxx ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;}
.fwxx ul li {
    width: calc(50% - 8px);
    min-height: 100%;
    display: block;
    box-sizing: border-box;
    backdrop-filter: blur(0.2rem);
    box-shadow: rgba(137, 161, 187, 0.2) 0.04rem 0.01rem 0.12rem 0rem;
    position: relative;
    border-radius: 0.1rem;
    background: linear-gradient(rgb(246, 250, 255) -6%, rgba(237, 244, 255, 0.5) 105%);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-image: initial;
    padding: 0.25rem 0.21rem 0.3rem;}
.fwxx ul li:nth-child(3) {
    width: 100%;
    margin-top: 0.15rem;
    padding-bottom: 0.35rem;}
.fwxx ul li::before {
    content: "";
    position: absolute;
    left: 0.01rem;
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
    width: 0.02rem;
    height: 0.94rem;
    max-height: 70%;
    background: var(--border-color);}
.fwxx ul li h3 {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.32rem;
    letter-spacing: normal;
    color: var(--theme-h3-color);}
.fwxx ul li h4 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.32rem;
    letter-spacing: normal;
    color: var(--theme-h4-color);
    margin-top: 0.1rem;}
.fwxx ul li p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    letter-spacing: normal;
    color: var(--theme-p-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 0.6rem;
    margin-top: 0.2rem;
    overflow: hidden;}

.zyzd h3 {
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.32rem;
    letter-spacing: normal;
    color: var(--theme-h3-color);}
.zyzd .zyzd-con {
    margin-top: 0.17rem;
    display: flex;
    height: 254px;
    gap: 0.04rem;}
.zyzd .zyzd-con a {
    display: block;
    overflow: hidden;
    flex: 1 1 0%;
    transition: flex 0.5s;}
.zyzd .zyzd-con a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;}
.zyzd .zyzd-con a:hover {
    flex: 3 1 0%;}
.zyzd .zyzd-con a:hover img {
    transform: scale(1.1);}