.maskBoxAI *{
    /*font-family: Menlo,"Roboto Mono","Courier New",Courier,monospace,"Inter",sans-serif;*/
    color: rgba(64,64,64,1);
    font-family: DeepSeek-CJK-patch,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif;
}

html {
    font-size: 100px;
}

/* ai */
.css_bd_ai{
    display: inline-block;
    height: .16rem;
}
.css_bd_ai a{
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(../image/icon_btnAI.png) no-repeat;
    background-size: 100%;
    border-radius: 50%;
    margin-left: .02rem;
}


.cn_AIBtn{
    position: fixed;
    bottom: 2rem;
    right: .34rem;
    z-index: 99;
    cursor: pointer;
}
.cn_AIBtn a{
    display: block;
    width: .80rem;
    height: .97rem;
    background: url(../image/icon_btnAIFixed.png) no-repeat;
    background-size: 100%;
    position: relative;
}
.cn_AIBtn b{
    position: absolute;
    bottom: .04rem;
    width: 100%;
    line-height: .36rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.cn_AIBtn:hover{
    transition: 1s;
    transform: scale(1.05);
}


.maskBoxAI{
    width: 4.84rem;
    height: 60%;
    position: fixed;
    bottom: 0;
    right: -100%;
    z-index: 100;
    border-radius: .14rem;
    box-shadow: .05rem 0 .16rem 0 #000000;
}
.maskBoxAI .bg{
    height: calc(100% - 1rem);
    background: #FFFFFF;
    padding: .74rem .1rem  .26rem .2rem;
    border-radius: .14rem;
}
.maskBoxAI .cc_infowindow{
    height: calc(100% - 1.77rem);
    overflow-y: auto;
    padding-right: .1rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.maskBoxAI .cc_infowindow::-webkit-scrollbar{
    display: none;
}

.maskBoxAI .box-icon{
    position: absolute;
    top: .2rem;
    right: .16rem;
    display: flex;
    align-items: center;
}
.maskBoxAI .icon{
    display: block;
    cursor: pointer;
    width: .2rem;
    height: .2rem;
    margin-left: .16rem;
}
.maskBoxAI .icon:hover{
    transition: 1s;
    transform: scale(1.2);
}
.maskBoxAI .closeScreen{
    width: .3rem;
    height: .3rem;
    background: url(../image/icon_btnClose.png) no-repeat;
    background-size: 100%;
}
.maskBoxAI .wideOpen{
    background: url(../image/icon_wideOpen.png) no-repeat;
    background-size: 100%;
}
.maskBoxAI .wideClose{
    background: url(../image/icon_wideClose.png) no-repeat;
    background-size: 100%;
}

.maskBoxAI .htOpen{
    background: url(../image/icon_htOpen.png) no-repeat;
    background-size: 100%;
}
.maskBoxAI .htClose{
    background: url(../image/icon_htClose.png) no-repeat;
    background-size: 100%;
}

.maskBox{
    background: #fff;
    border-radius: 0;
}
.maskBox .bg{
    width: 800px;
    margin: 0 auto;
    position: relative;
}


.box-ipe-kf{
    background: #F4F5FA;
    border-radius: .08rem;
    padding: .09rem .12rem .08rem;
    font-size: .14rem;
    color: #181818;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.box-ipe-kf .iconKF{
    display: block;
    width: .17rem;
    height: .16rem;
    background: url(../image/icon_btnIpeKF.png) no-repeat;
    background-size: 100%;
    margin-right: .04rem;
}
.box-ipe-kf:hover{
    color: #275CFF;
}


.box-kf{
    display: flex;
    align-items: center;
}
.box-kf img{
    width: .74rem;
    height: .74rem;
    margin-right: .2rem;
}
.box-kf .kf-title{
    width: calc(1005 - .94rem);
}
.box-kf h5{
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: bold;
    font-size: .2rem;
    line-height: .24rem;
    color: #000000;
    margin-bottom: .16rem;
}
.box-kf p{
    font-family: MicrosoftYaHei;
    font-size: .14rem;
    line-height: .16rem;
    color: #000000;
}

.gd_questionBox{
    display: none;
    margin-top: .3rem;
}
.gd_questionBox .bg-grey{
    padding: .16rem .23rem .16rem .19rem;
    background: #F5F6FF;
    border-radius: .14rem;
}
.gd_questionBox h6, .gd_questionBox .ai-text{
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.gd_questionBox h6{
    font-weight: bold;
}
.gd_questionBox .ai-text{
    line-height: 28px;
    word-wrap: break-word;
    word-break: normal;
}

.div_gd_question{
    /*margin-top: .15rem;*/
}
.div_gd_question li{
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: bold;
    margin: 4px 0;
    position: relative;
    padding-left: 24px;
    /*padding: .07rem .19rem 0.07rem .44rem;*/
    /*border: .01rem solid #AAB8FD;*/
    /*border-radius: .5rem;*/
    /*display: inline-block;*/
}
.div_gd_question li:first-of-type{
    margin: .15rem 0 .06rem;
}
.div_gd_question li:before{
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../image/icon_question.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: .01rem;
    left: 0;
}
.div_gd_question li:hover{
    color: #275CFF;
}

.divContent {
    padding-bottom: .52rem;
}
.divContent .liItem{
    margin-top: .26rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.divContent .liItem .cssquestion {
    font-size: 16px;
    line-height: 26px;
    padding: .09rem .14rem;
    border-radius: .16rem .04rem .16rem .16rem;
    background: rgba(39,91,252, .3);
    color: #021979;
}
.divContent .liItem .cssanwer,
.divContent .cssanwer li,
.divContent .cssanwer p{
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    /*color: #000;*/
    word-break: normal;
    word-wrap: break-word;
}
.divContent .cssanwer a{
    color: #275CFF;
}
.divContent .cssanwer strong{
    font-size: 16px;
    font-weight: bold;
}
.divContent .cssanwer img{
    display: block;
    max-width: 4rem;
    margin: .1rem 0;
}
.divContent .liItem .cssanwer{
    margin-top: .32rem;
}

.divContent .cssanwer h1{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: .3rem;
}
.divContent .cssanwer h2{
    font-size: 22px;
    font-weight: bold;
    margin-top: .2rem;
    margin-bottom: .1rem;
}
.divContent .cssanwer h3,
.divContent .cssanwer h3 strong{
    font-size: 18px;
    font-weight: bold;
}
.divContent .cssanwer h3{
    margin: .1rem 0 .12rem;
}

.divContent .cssanwer hr{
    display: block;
    margin: .32rem 0;
    color: rgba(229,229,229,1);
    background-color: rgba(229,229,229,1);
    border-top: none;
}


.css_zaixianzixun, .divContent .cssanwer a{
    font-size: .12rem;
    line-height: .2rem;
    color: #fff;
    background: #275CFF;
    display: inline-flex;
    padding: 0 .05rem;
    /*margin-left: .02rem;*/
    border-radius: .02rem;
    cursor: pointer;
    text-indent: 0;
}
.css_zaixianzixun:hover,
.css_zaixianzixun:active,
.css_zaixianzixun:focus{
    color: #fff;
    background: rgba(39,92,255,.8);
}

.divContent .cssanwer .css_ai_a_x{
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    padding: .05rem .12rem;
    color: #000;
    border-radius: .04rem;
    background: #F5F6FF;
    margin-bottom: .09rem;
}
.divContent .cssanwer .css_ai_a_x:hover{
    color: #275CFF;
}


.divContent .cssanwer ol,
.divContent .cssanwer ul{
    text-indent: 2em;
    margin: .1rem 0;
}
.divContent .cssanwer ol li,
.divContent .cssanwer ul li{
    margin-top: .04rem;
    list-style: inside;
}

.divContent .cssanwer ol li::marker,
.divContent .cssanwer ul li::marker{
    color: rgba(139,139,139,1);
}

.divContent .cssanwer ol li:first-of-type,
.divContent .cssanwer ul li:first-of-type{
    margin-top: 0;
}
.divContent .cssanwer li p{
    display: contents;
}

.divContent .cssanwer table{
    width: 100%;
    border: 1px solid #d2d4e1;
    border-collapse: collapse;
    margin: .1rem 0;
}
.divContent .cssanwer thead tr{
    background: #7c7f9f;
}
.divContent .cssanwer thead th,
.divContent .cssanwer tbody td{
    padding: .05rem .1rem;
    border-bottom: 1px solid #d2d4e1;
    border-left: 1px solid #d2d4e1;
}
.divContent .cssanwer thead tr th:first-of-type,
.divContent .cssanwer tbody tr td:first-of-type{
    border-left: none;
}

.divContent .cssanwer tbody .css_ai_span{
    color: #275CFF;
    cursor: pointer;
}

.divContent .cssanwer .css_sikao, .divContent .cssanwer .css_sikao p{
    font-size: 14px;
    line-height: 26px;
    color: #8b8b8b;
    font-weight: 500;
}
.divContent .cssanwer .css_sikao{
    /*background: rgb(245 245 245);*/
    border-left: .02rem solid #e5e5e5;
    padding: 32px 13px 6px;
    margin-bottom: .12rem;
    position: relative;
    white-space: pre-wrap;
}
.divContent .cssanwer .css_sikao p{}
.divContent .cssanwer .css_sikao:before,
.divContent .cssanwer .css_sikao:after{
    position: absolute;
    top: 0;
    left: .13rem;
}
.divContent .cssanwer .css_sikao:before{
    content: "";
    width: 14px;
    height: 14px;
    background: url(../image/icon_deepThink.png) no-repeat;
    background-size: 100%;
}
.divContent .cssanwer .css_sikao:after{
    content: "DeepThink";
    left: 33px;
    color: #262626;
    font-size: 14px;
    line-height: 14px;
}

/* input */
.box-ask {
    width: calc(100% - .4rem);
    position: absolute;
    bottom: .09rem;
}
.box-ask .flex-btn{
    display: flex;
    align-items: center;
    margin-bottom: .14rem;
}
.btn-deepThink{
    display: inline-flex;
    align-items: center;
    line-height: .32rem;
    background: #F5F6FA;
    border-radius: .16rem;
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-size: .14rem;
    font-weight: 500;
    color: #000000;
    padding: 0 .12rem;
    cursor: pointer;
    transition: 1s;
    position: relative;
}
.btn-deepThink input{
    /*display: none;*/
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.btn-deepThink .icons{
    display: block;
    width: .17rem;
    height: .12rem;
    background: url(../image/logo_deepseekNo.png) no-repeat;
    background-size: contain;
    margin-right: .05rem;
}
.btn-deepThink .switch{
    width: .22rem;
    height: .12rem;
    background: #CACACA;
    border-radius: .06rem;
    float: right;
    margin-left: .06rem;
    transition: 1s;
}
.btn-deepThink .switch em{
    display: block;
    width: .1rem;
    height: .1rem;
    float: left;
    margin: .01rem;
    border-radius: 50%;
    background: #FFF;
}
.btn-deepThink input:checked + label {
    background: #275CFF;
}
.btn-deepThink input:checked + label em {
    float: right;
}
.btn-deepThink input:disabled + label {
    opacity: 0.5
}

.btn-deepThink.active{
    background: #E9EEFF;
    color: #275CFF;
}
.btn-deepThink.active .icons{
    background: url(../image/logo_deepseek.png) no-repeat;
    background-size: contain;
}

.box-ask .model{
    /*max-width: 1.1rem;*/
    height: .3rem;
    font-size: .14rem;
    background: #fff;
    margin-right: .1rem;
    border-radius: .08rem;
    padding: 0 .05rem;
    border: .01rem solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
}
.box-ask .model:hover{
    color: #4c4c4c;
    background: #E0E4ED;
    border-color: rgba(0, 0, 0, 0.12);
}

.box-ask .ct-ask{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 .14rem 0 .2rem;
    height: .48rem;
    background: #FBFBFF;
    border-radius: .25rem;
    border: .01rem solid #AAB8FD;
}
.box-ask .ct-text{
    width: calc(100% - .4rem);
    line-height: .48rem;
    padding-right: .12rem;
    resize: none;
    font-size: .16rem;
    color: #000;
    border: none;
    background: transparent;
}
.box-ask .ct-text::placeholder {
    color: #999999;
    font-size: .16rem;
}

.box-ask .i-icon{
    display: block;
    width: .28rem;
    height: .28rem;
    transition: 2s;
    cursor: pointer;
}
.box-ask .btn_stop{
    display: none;
    background: url(../image/icon_btnStop.png) no-repeat;
    background-size: 100%;
}
.box-ask .btn_searchNo{
    background: url(../image/icon_btnSearchNo.png) no-repeat;
    background-size: 100%;
}
.box-ask .btn_searchNo:hover,
.box-ask .btn_search{
    background: url(../image/icon_btnSearch.png) no-repeat;
    background-size: 100%;
}

.zhanwei{
    height: 1.85rem;
}
.ai-tips{
    font-size: .12rem;
    line-height: .18rem;
    /*color: #C6C6C6;*/
    color: rgba(163,163,163,1);
    margin: .15rem .18rem 0;
    text-align: center;
}
.tipsBox{
    width: max-content;
    padding: 0 .1rem;
    line-height: .32rem;
    /*background: rgba(245,246,250, .8);*/
    font-size: .12rem;
    color: #e4773d;
    margin-top: .05rem;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    border: 1px solid rgba(228,119,61, .5);
}
.tipsBox .t-icon{
    display: block;
    width: .16rem;
    height: .16rem;
    background: url(../image/icon_tips.png) no-repeat;
    background-size: 100%;
    margin-right: .06rem;
}

.css_tip {
    font-size: 10px;
    line-height: 14px;
    color: green;
}