* {
    margin: 0;
    padding: 0;
   
}

a {
    text-decoration: none;
}
@font-face {
    font-family: 'AlibabaPuHuiTiRegular';
    src: url('../images/AlibabaPuHuiTi-3-55-Regular.ttf') ;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AlibabaPuHuiTiHeavy';
    src: url('../images/AlibabaPuHuiTi-3-105-Heavy.ttf') ;
    font-weight: normal;
    font-style: normal;
}
html, body {
    width: 100%;
    height: 100%;
    position: relative;
    font-family: 'AlibabaPuHuiTiRegular';
    overflow-x: hidden;
    /* 必�?�属�? */
    background-image: url('../images/beijing@2x.png');

    /* 推荐属�?? */
    background-size: cover;       /* 覆盖整个可视区域 */
    background-position: center;  /* 图片居中显示 */
    background-repeat: no-repeat; /* 禁止重复平铺 */
}
#bodyContainer{
    width: 100%;
    position: relative;
    /*background: linear-gradient( 180deg, #F6F8FA 0%, rgba(255,255,255,0) 100%);*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    /*padding-bottom: 7.5rem;*/

}
#allDiv{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    overflow-y: auto;
    scroll-behavior: smooth; /* 平滑滚动 */
    /* 隐藏滚动�? */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    -webkit-overflow-scrolling: touch; /* 流畅滚动 */
}
/* Chrome/Safari 隐藏滚动�? */
#allDiv::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
}
#allTitleDiv{
    height: 7.125rem;
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 0px 0.625rem;

    display: flex;

}
.robotDiv{
    height: 100%;
    width: 6rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.robotDiv img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.titleRightDiv{
    height: 100%;
    width: calc(100% - 6rem);
}
.titleTopDiv{
    height: calc(100% - 3.4375rem);
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.titleNameDiv{
    margin-left: 0.875rem;
    margin-bottom: 0.75rem;
    font-family: AlibabaPuHuiTiHeavy;
    font-weight: 900;
    font-size: 1.5rem;
    color: #0DA25A;
    line-height: 1.5rem;
    letter-spacing: 1px;
    /*text-stroke: 1px #FFFFFF;*/
    text-align: left;
    font-style: normal;
    text-transform: none;

    /*-webkit-text-stroke: 1px #FFFFFF;*/

    text-shadow:
            -2px -2px 0 white,
            0   -2px 0 white,
            2px -2px 0 white,
            2px  0   0 white,
            2px  2px 0 white,
            0    2px 0 white,
            -2px 2px 0 white,
            -2px 0   0 white;
}
.titleBottomDiv{
    height: 3.4375rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.titleBottomDiv img{
    height: 3.25rem;
    /*width: auto;*/
    max-width: 100%;
    object-fit: contain;
}
/*.titleBottomDiv{
    height: 3.4375rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/dialog@2x.png');

    !* 推荐属�?? *!
    background-size: 100%;       !* 覆盖整个可视区域 *!
    background-position: center;  !* 图片居中显示 *!
    background-repeat: no-repeat; !* 禁止重复平铺 *!
    display: flex;
    justify-content: flex-end;
    align-items: center;
}*/
.titleBottomStrDiv{
    height: 100%;
    width: calc(100% - 1.4375rem);
    font-weight: 400;
    font-size: 0.75rem;
    color: #333333;
    line-height: 1.25rem;
    padding-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#titleIconDiv{
    height: 5.4375rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#titleIconDiv img{
    height: 2.875rem;
    width: 3.125rem;
}
#titleStrDiv{
    height: calc(100% - 5.4375rem);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    color: #3EA936;
    line-height: 1.5rem;
}
#allQuestionDiv{
    width: calc(100% - 1.25rem);
    height: auto;
    padding: 0.1rem 0.875rem;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
/*    max-height: calc(100% - 8.125rem);
    margin-bottom: 5px;*/
}
#queryListDiv{
    width: calc(100% - 1.25rem);
    height: auto;

}

.questionTitleDiv{
    height: 1.875rem;
    width: 100%;
    font-weight: 400;
    font-size: 0.875rem;
    color: #222222;
    line-height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.questionNameDiv{
    height: 2.625rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.5rem;
}
.questionListDiv{
    display: flex;
    flex-direction: column;
}
.questionLineDiv{
    min-height: 2.3125rem;
    width: 100%;
}
.questionItemDiv{
    margin: 0.3125rem 0px;
    min-height: 2.3125rem;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 1rem;
    color: #333333;
    line-height: 1.5rem;
    padding: 0px 0.625rem;
    background: #F6F5FA;
    border-radius: 4px 4px 4px 4px;
}
.queryDiv{
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #B0E5AC;
    height: 6.25rem;
    width: calc(100% - 1.25rem);
    margin: 0.625rem;
    position: absolute;
    bottom: 0px;
    padding: 0.625rem 0px;
}
.inputDiv{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.queryInput{
    width: 97%;
    border: none;
    font-weight: 500;
    font-size: 1rem;
    color: #333333;
    line-height: 1.5rem;
    padding: 0px 5px;
}
.inputDiv textarea::placeholder {
    font-weight: 400;
    font-size: 1rem;
    color: #666666;
    line-height: 1.5rem;

}
.buttonDiv{
    width: 4rem;
    height: 1.75rem;
    background: #3EA936;
    border-radius: 14px 14px 14px 14px;
    position: absolute;
    bottom: 0px;
    right: 0.5rem;
    font-weight: 400;
    font-size: 0.875rem;
    color: #FFFFFF;
    line-height: 1.1875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wtStrDiv{
    height: auto;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.wtDiv{
    margin: 0.3125rem 0;
    padding: 0.5rem 0.625rem;
    min-height: 2.5rem;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background: #3EA936;
    border-radius: 10px 0px 10px 10px;
    font-weight: 500;
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 1.5rem;
}
.dnStrDiv{
    height: auto;
    width: 100%;
    display: flex;
    justify-content: flex-start;

    margin: 0.3125rem 0;
    padding: 0.5rem 0.625rem;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    flex-direction: column;
}
.tinkState{
    font-size: 0.875rem;
    line-height: 1.5rem;
    width: 100%;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.6);

}
.thinkDiv{
    font-size: 0.875rem;
    line-height: 1.5rem;
    min-width: 0;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.6);
    white-space: pre-wrap; /* 保留换行符并自动换行 */
    word-break: break-word; /* 长单词或URL自动换行 */
    position: relative;
}
.thinkDownImg{
    height: 0.375rem;
    width: 0.75rem;
    /*margin-left: 0.5rem;*/
    /*margin-right: 0.5rem;*/
}
.cklyImg{
    height: 0.375rem;
    width: 0.75rem;
    margin-left: 0.5rem;
    /*margin-right: 0.5rem;*/
}
.dnDiv{
    /*margin: 0.3125rem 0;
    padding: 0.5rem 0.625rem;*/
    min-height: 2.5rem;
    width: auto;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    /*background: #FFFFFF;*/
    /*border-radius: 10px 10px 10px 10px;*/
    font-weight: 400;
    font-size: 1rem;
    color: #222222;
    line-height: 1.5rem;
    /*white-space: pre-wrap; !* 保留换行符并自动换行 *!*/
    white-space: normal; /* 保留换行符并自动换行 */
    word-break: break-word; /* 长单词或URL自动换行 */

    margin-top: 0.625rem;
}
.dnDiv img{
    max-width: calc(100% - 1.25rem);    /* 图片�?大宽度不超过容器 */
    height: auto;       /* 高度自动适配，保持原始比�? */
    display: block;     /* 消除图片底部间隙 */
    margin: 0.625rem auto;  /* 添加垂直间距并水平居�? */
    object-fit: contain;
}
.dnDiv a{
    color: #2980b9;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    padding: 2px 4px;
    border-radius: 3px;
}
.endDiv{
    height: auto;
    width: auto;
}
.endContentDiv{
    font-weight: 500;
    font-size: 1rem;
    color: #111111;
    line-height: 1.375rem;
    display: inline-flex;
    margin: 0.5rem 0px;
}
.endWordDiv{
    font-weight: bold;
}
.endUrlDiv{
    color: #4BA6ED;
    margin-left: 5px;
}
.tsStrDiv{
    height: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.75rem;
    color: #999999;
    line-height: 1rem;

}

.buttonLeftDiv{
    height: 100%;
    width: 90%;
    display: flex;
    flex-direction: column;
}
.buttonRightDiv{
    height: 100%;
    width: 10%;
    display: flex;
    flex-direction: column;
}
#typeButtonDiv{
    height: 1.75rem;
    width: 100%;
    display: flex;
}
#cleanDiv{
    height: calc(100% - 1.75rem);
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#cleanDiv img{
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    margin-left: 2px;
    margin-top: 0.5rem;
}
#sendQuery{
    height: 1.75rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#sendQuery img{
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
}
.typeButton{
    height: 100%;
    background: rgba(62,169,54,0.1);
    border-radius: 14px 14px 14px 14px;
    border: 1px solid #88D8B1;
    padding: 0px 0.5rem;
    font-size: 0.75rem;
    color: #333333;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#dsButton{
    margin-left: 0.625rem;
}
#dsButton img{
    height: 0.875rem;
    width: 0.875rem;
    margin-right: 2px;
}
#lwButton{
    margin-left: 0.5rem;
    display: none;
}
#zskButton{
    margin-left: 0.5rem;
    display: none;
}
#textDiv{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nocheckDiv{
    background: #F5F5F5;
    border-radius: 14px 14px 14px 14px;
    border: 1px solid #DDDDDD;
}
.typecheckDiv{
    background: rgba(62,169,54,0.1);
    border-radius: 14px 14px 14px 14px;
    border: 1px solid #88D8B1;
}
.buttonStrDiv{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rotated {
    transform: rotate(180deg);
}
.tinkArrow{
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
}
.tinkStateStrDiv{
    font-weight: 400;
    font-size: 0.875rem;
    color: #3EA936;
    line-height: 1.5rem;
    width: auto;
    height: 100%;
    background: #ECF7F1;
    border-radius: 6px 6px 6px 6px;
    padding: 0px 0.625rem;
}

.cklyContentDiv{
    width: auto;
    height: auto;
    margin-top: 0.625rem;
    display: flex;
    flex-direction: column;
}
.cklyTitleDiv{
    width: 100%;
    height: 1.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.625rem;
}
.cklyTitleStr{
    background: #ECF7FF;
    border-radius: 6px 6px 6px 6px;
    width: auto;
    height: 100%;
    font-weight: 400;
    font-size: 0.875rem;
    color: #4BA6ED;
    line-height: 1.5rem;
    padding: 0px 0.625rem;
}
.cklyListDiv{
    width: 100%;
    height: auto;
}
.ckItemDiv{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 4px;
}
.ckItemDiv img{
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.5rem;
}
.ckNameStrDiv{
    height: 100%;
    width: calc(100% - 1.375rem);
    font-weight: 400;
    font-size: 0.9375rem;
    color: #4BA6ED;
    line-height: 1.5rem;
    display: inline-flex;
}
.ckNameStr{
    height: 100%;
    width: calc(100% - 1rem);
}

.fontLimit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ckjrDiv{
    height: 100%;
    width: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}