:root {
    --colorz: #0276cd;
}
.czkj-content-body{
    clear: both;
    position: relative;
    height: auto;
    background: url("../image/bg.jpg") !important;
    background-size: 100% 100% !important;
}
 .czkj-textarea::-webkit-scrollbar, .zhipu-hot .czkj-recommend-change, .zhipu-hot .czkj-recommend-item::before, .chat-type-rag2 .czkj-robot-avatar {
    display: none
}
.czkj-eval-btn img {
    display: none !important;
}
.zhipu-appraisal {
    position: absolute;
    top: 0px;
    right: -30px;
    width: 24px;
    background: #fff;
    border-radius: 20px;
    padding: 6px 3px;
}

.czkj-eval-btn {
    color: #fff;
    font-size: 0;
    background: url("../image/manyi.svg") no-repeat center center;
    border: none;
    width: 18px;
    padding: 0;
    background-size: 16px;
    border-radius: 0;
    height: 18px;
    margin: 0;
}

.czkj-eval-btn.actived,
.czkj-eval-btn:hover {
    background: url("../image/manyi1.svg") no-repeat center center;
    background-size: 16px;
}
.czkj-eval-btn.actived {
    margin-bottom: 6px;
}

.czkj-eval-false-zhipu {
    background: url("../image/bumanyi.svg") no-repeat center center;
    background-size: 16px;
    border-left: 0;
    width: 18px;
    margin: 6px 0 0 0;
    border-top: 1px solid #ccc;
    padding-top: 8px;
    height: 28px;
}

.czkj-eval-false-zhipu.actived,
.czkj-eval-false-zhipu:hover {
    background: url("../image/bumanyi1.svg") no-repeat center center;
    background-size: 16px;
}
.czkj-eval-false-zhipu.actived {
    border: none;
    margin-top: 0;
}

.czkj-submit-no div, .czkj-no-item.active, .czkj-tags-item.tag-actived {
    background-color: var(--colorz);
}
.czkj-no-item.active, .czkj-tags-item.tag-actived, .stopChat {
    border-color: var(--colorz);
}
.czkj-file-href, .czkj-relevance-item, .czkj-search-result-item, .stopChat {
    color: var(--colorz);
}
.czkj-resource-view-text a, .czkj-tags-item.czkj-tags-text:hover {
    color: var(--colorz) !important;
}
.czkj-recommend-title {
    color: #333 !important;
    font-weight: normal;
}
.czkj-tags-item {
    border-radius: 8px;
    border: solid 1px #cccccc;
    color: #333;
}
.czkj-tags-item:hover {
    color: var(--colorz);
    background-color: #ffeae6;
    border-color: #ffeae6;;
}
.zhipu-hot .czkj-msg {
    background-color: transparent !important;
    box-shadow: none;
    padding: 0;
    width: 90%;
}
.zhipu-hot .czkj-recommend-group {
    display: flex;
    flex-wrap: wrap;
}
.zhipu-hot .czkj-recommend-item {
    color: #333;
    line-height: 22px;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    border-bottom: none;
    margin-bottom: 10px;
    margin-right: 14px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px 
    rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
#czkj-chat li.zhipu-hot {
    padding-bottom: 0;
}
.zhipu-hot .czkj-recommend-item:hover {
    color: #fff;
    background-color:var(--colorz);
}
.czkj-wsbl a {
    color: var(--colorz);
}
.chatgpt-qa sup {
    color: var(--colorz);
    background: #fff4f4;
}
.chatgpt-note {
    margin-top: 0;
}
.chatsse-contexts {
    color: var(--colorz);
}
.chatsse-contexts .czkj-tags-item {
    background-color: transparent !important;
    color: var(--colorz);
}
.chatsse-contexts .czkj-tags-item:hover {
    opacity: .8;
}
.loading-header + .chat-type-rag2 .czkj-robot-avatar {
    display: block;
}
.hot-type-title {
    color: var(--colorz) !important;
    line-height: 42px;
}
.chatgpt-qa {
    white-space: pre-line;
}

.lgindex {
    display: block !important;
    position: absolute;
    /* background: url("../image/zjdk.png") no-repeat center; */
    z-index: 11;
    width: 100%;
    background-size: 100% 100%;
    /* padding: 20px 40px; */
    top: 50px;
}
.lgcontent {
    margin: 0 -20px;
    position: relative;
}
.lgcontent .lgindex-kfw {
    width: 100%;
}
.lgcontent .title {
    position: absolute;
    left: 0;
    right: 0;
    top: 4%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lgcontent .title img {
    margin-right: 10px;
}
.lgcontent .title  span {

}
.lgcontent .welcome {
    position: absolute;
    left: 10%;
    top: 28%;
    display: flex;
    align-items: center;
    right: 50px;
}

.lgindex-img {
    margin-right: 20px;
    height: 145px;
}
.lgindex-name {
    font-size: 20px;
    max-height: 125px;
    overflow: hidden;
    opacity: 0;
    
}
.lgindex-name.active {
    opacity: 1;
    transition: opacity 2s;
}
.lgcontent .thing {
    position: absolute;
    left: 10%;
    top: 61%;
    display: flex;
    right: 5%;
} 
.lgcontent .thing .content {
    
}
.lgcontent .thing .content img  {
    
}
.lgcontent .thing .btn {
    background-color: #e0effe;
    border-radius: 20px;
    display: flex;
    padding: 4px;
    width: 208px;
    margin: auto;
    margin-top: 20px;
}
.lgcontent .thing .btn span {
    line-height: 32px;
    font-size: 18px;
    width: 100px;
    text-align: center;
    cursor: pointer;
}
.lgcontent .thing .btn .active {
    color: #fff;
    background-image: linear-gradient(0deg, #0276cd 0%, #3495de 56%, #66b4ef 100%), linear-gradient(#e8f4ff, #e8f4ff);
    border-radius: 16px;
}
.lgcontent .thing .lg-geren, .lgcontent .thing .lg-faren {
    max-width: calc(100% - 230px);
    position: relative;
    top: -20px;
    right: -5px;
}
.lgcontent .thing .thing-img {
    display: block;
    width: 100%;
}
.lgcontent .thing a {
    position: absolute;
    height: 12%;
    width: 12%;
}
.lgcontent .thing .a {
    bottom: 5%;
    left: 14%;
}
.lgcontent .thing .b {
    bottom: 34%;
    left: 34%;
}
.lgcontent .thing .c {
    bottom: 13%;
    left: 57%;
    width: 14%;
}
.lgcontent .thing .d {
    bottom: 0%;
    left: 57%;
}
.lgcontent .thing .e {
    bottom: 30%;
    left: 77%;
}
.lgcontent .thing .a1 {
    bottom: 24%;
    left: 19%;
}
.lgcontent .thing .b1 {
    bottom: 11%;
    left: 19%;
}
.lgcontent .thing .c1 {
    bottom: 0%;
    left: 19%;
}
.lgcontent .thing .d1 {
    bottom: 16%;
    left: 48%;
}
.lgcontent .thing .e1 {
    bottom: 3%;
    left: 48%;
    width: 20%;
}
.lgcontent .thing .f1 {
    bottom: 30%;
    left: 77%;
    width: 18%;
}
.lgcontent .thing .g1 {
    bottom: 15%;
    left: 77%;
    width: 14%;
}
.lgcontent .thing .h1 {
    bottom: 29%;
    left: 48%;
    width: 17%;
}
.lgindex-textarea {
    position: relative;
    margin: 40px 0 20px;
}
.lgindex-textarea textarea {
    outline-style: none;
    resize: none;
    border: 1px solid #fff;
    display: block;
    width: 100%;
    height: 120px;
    border-radius: 20px;
    padding: 20px 30px 40px 20px;
    font-size: 14px;
}
.lgindex-textarea textarea:hover {
    border: solid 1px var(--colorz);
}
.lgindex-textarea img {
    position: absolute;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
}
.czkj-content-body {
    min-width: 1300px;
}

.lgindex-hot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
}
.lgindex-hot .item {
    background: url("../image/hot.svg") no-repeat calc(100% - 10px) center !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0px 0px 6px 0px rgba(2, 113, 192, 0.08);
    border-radius: 35px;
    padding: 10px 50px 10px 20px;
    margin: 0 10px 10px;
    cursor: pointer;
    min-width: 29%;
}
#czkj-chat {
    border: none !important;
    display: none;
    padding: 10px;
}
.czkj-chat-left.active #czkj-chat, .czkj-chat-left.active .lg-href {
    display: block;
}

.chatgpt-li .czkj-msg, .chatgpt-msg {
    margin-top: 0px;
}
.chatgpt-tips {
    position: static;
    white-space: normal;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    max-height: none;
}
.czkj-user-copy img {
    height: 28px;
    padding-top: 12px;
}

@media (min-width: 641px) {
    html {
        min-width: 1520px;
    }
    .czkj-chat-deeprag.hasMore {
        position: static;
        clear: both;
    }
    .czkj-logo-radio, .czkjRadioImg, .czkj-right-question-tile, .question-radio, .last-hot-type-item, .czkj-enter, .zhipu-hot .czkj-recommend-item::before, .zhipu-hot .czkj-avatar, .czkj-recommend-title i, .guide-btn span, #czkj-chat .more-btn .clearfix, .positioning-robot, .czkj-logo-icon, .hot-type {
        display: none !important;
    }
    /* .czkj-chat-center {
        display: none;
    } */
    .czkj-content-all {
        padding-top: 0px;
    }
    
    #czkj-chat, .hot-type, .czkj-chat-input {
        background-color: transparent !important;
    }
    
    .czkj-logo-title-out {
        left: 0;
        box-shadow:none;
        background: transparent;
        width: 100%;
        top: -215px;
    }
    .czkj-logo-title {
        padding-left: 20px;
        background: transparent;
    }
    .yzt-font {
        position: absolute;
        top: 17px;
        right: 0;
        font-size: 14px;
        line-height: 12px;
        padding: 11px 0;
    }
    
    .yzt-font span {
        display: inline-block;
        padding: 0 6px;
        cursor: pointer;
    }
    
    .yzt-font .span {
        border-left: 1px solid #c6c6c6;
        border-right: 1px solid #c6c6c6;
    }
    
    .yzt-font .active,
    .yzt-font span:hover {
        color: var(--colorz);
    }
    .czkj-chat-center {
        top: -5px;
        padding-right: 0;
        padding-top: 60px;
    }
    .czkj-content {
        padding-left: 340px;
        padding-right: 340px;
        width: 1780px;
    }
    .czkj-logo-name {
        font-size: 32px !important;
    }
    .lgposition .czkj-logo-positioning {
        line-height: 50px;
        float: right;
        position: absolute;
        right: 10px;
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 0;
        text-align: right;
        display: none !important;
    }
  
    .czkj-logo-positioning .positioning-text {
        
    }
    .czkj-chat-left {
        padding-bottom: 178px;
        box-shadow: none;
        
    }
    .czkj-chat-left.active {
        background: url("../image/chat.png") no-repeat 5px top;
        background-size: 100% 710px;
        padding-top: 6px;
    }
    .czkj-title-right {
        margin-right: -34px;
    }
    .czkj-common-list, .czkj-history-list {
        background: transparent !important;
        box-shadow: none;
        height: auto;
        border-radius: 0;
    }
    .czkj-chat-right .czkj-chat-right-head span.active + .czkj-history-del {
        position: absolute;
        right: 20px;
        display: block;
    }
    .no-histroy {
        margin-top: 10px;
    }
    .czkj-chat-right {
        background-color: #fff;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
        border-radius: 0px 20px 20px 0px;
        width: 400px;
        font-size: 14px;
    }
    .czkj-chat-right .czkj-chat-right-head {
        background-image: linear-gradient(270deg, 
		rgba(255, 255, 255, 0.5) 0%, 
        #d8edff 100%);
        line-height: 50px;
        display: flex;
        padding: 0 20px;
    }
    .czkj-chat-right .czkj-chat-right-head span {
        margin-right: 40px;
        line-height: 46px;
        border: 2px solid transparent;
        font-size: 16px;
    }
    .czkj-chat-right .czkj-chat-right-head span.active {
        font-weight: bold;
        border-bottom: 2px solid #333;
    }
    .czkj-chat-right-work {
        position: relative;
        background: #fff;
        padding: 50px 30px 40px 20px;
    }
    .czkj-chat-right-work .title {
        background-image: linear-gradient(0deg, 
		#ffffff 0%, 
		#d6ecff 100%);
        box-shadow: 0px 0px 3px 0px 
		rgba(2, 118, 205, 0.16);
        border-radius: 20px;
        line-height: 40px;
        position: absolute;
        z-index: 1;
        width: 230px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        left: 0;
        right: 0;
        margin: auto;
        top: 30px;
    }
    .czkj-chat-right-work .bg {
        background-color: #d6ecff;
	    border-radius: 6px;
        position: absolute;
        left: 30px;
        top: 60px;
        right: 20px;
        bottom: 30px;
    }
    .czkj-chat-right-work .content {
        background-color: #ffffff;
        box-shadow: 0px 3px 4px 0px rgba(2, 118, 205, 0.16);
        border-radius: 6px;
        border: solid 1px #d6ecff;
        position: relative;
        padding: 40px 20px 30px 20px;
    }
    .czkj-chat-right-work .content p {
        margin: 0 0 11px;
        line-height: 20px;
    }
    .hot-type-item{
        border: solid 1px var(--colorz);
        color: var(--colorz);
        box-shadow: none;
        background-color: transparent;
        height: 28px;
        line-height: 26px;
        background-color: #eff7ff;
    }
    .hot-type {
        padding-left: 16px;
        top: 0;
    }
    .czkj-textarea {
        height: 100px;
        border-radius: 20px;
        padding: 20px 50px 20px 20px;
        line-height: 24px;
        margin-top: 50px !important;
        background: url("../image/srk.png") no-repeat center center ;
        background-size: 100% 100%;
    }
    /* .czkj-textarea:hover {
        border: solid 1px var(--colorz);
    } */
    .czkj-chat-input .input-before {
        left: 112px;
        top: 62px !important;
        display: none;
    }
    .czkj-chat-input .czkj-enter-btn {
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 25px;
        bottom: 45px;
    }
    
    .czkj-enter-btn img {
        height: 36px;
        width: 36px;
        margin: 0;
    }
    .czkj-chat-input .czkj-enter-btn.actived, .czkj-chat-input .czkj-enter-btn {
        background: transparent;
    }
    .czkj-chat-input .czkj-enter-btn.actived img {
        display: none;
    }
    .czkj-chat-input .czkj-enter-btn.actived .hide {
        display: block;
    }
    .czkj-chat-input {
        height: 175px;
        border: none !important;
    }
    .czkj-suggest {
        bottom: 100px !important;
    }
    .czkj-tags-group, .czkj-text-group{
        height: auto !important;
        overflow: auto !important;
        float: left;
        border-top: 1px solid #ccc;
    }
    .czkj-pc-audio {
        display: none !important;
        position: absolute;
        top: 52px;
        left: 40px;
        align-items: center;
    }
    .czkj-pc-audio cite {
        height: 26px;
        width: 1px;
        background: #ccc;
        margin-left: 20px;
    }
    .czkj-msg {
        background: #fff;
        box-shadow: 3px 3px 6px 0px 
		rgba(0, 0, 0, 0.08);
        padding-left: 12px;
    }
    
    .czkj-hot-item i {
        background: url("../image/cjwt.svg") no-repeat center center !important;
        left: 0;
        top: 11px;
    }

    #czkj-chat .czkj-resource-group + .more-btn {
        bottom: 0;
        margin-top: 0;
    }
    #czkj-chat .czkj-resource-group + .czkj-tags-group, #czkj-chat .czkj-resource-group + .czkj-text-group {
        margin-top: 10px;
    }

    #czkj-chat .more-btn {
        bottom: 18px;
    }

    #czkj-chat .more-btn .more-button {
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        background: transparent !important;
        color: var(--colorz);
        font-size: 12px;    
        width: auto;
    }
    #czkj-chat .more-btn .more-button::before {
        content: '查看更多';
    }
    #czkj-chat .more-btn .more-button.is-click::before {
        content: '收起';
    }
    #czkj-chat .more-btn .more-button::after {
        content: '';
        background: url("../image/ckgd.svg") no-repeat center center;
        height: 12px;
        width: 20px;
    }
    #czkj-chat .more-btn .more-button.is-click:after {
        content: '';
        transform: rotate(180deg);
    }
    
    
    .guide-btn {
        background-color: #d6ecff;
        border-radius: 6px;
        color: var(--colorz);
    }
    
    .location-tip {
        display: block;
        font-size: 18px;
        text-align: center;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgba(0,0,0,.2);
        display: none;
        z-index: 99999;
    } 
    .location-tip .location-tip-content {
        position: relative;
        top: 153px;
        max-width: 1400px;
        margin: auto;
        
    }
    .location-tip .location-tip-c {
        width: 500px;
        background: #fff;
        padding: 40px 10px;
        border-radius: 6px;
        position: relative;
    }
    .location-tip .location-tip-c::after {
        content: '';
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        left: 55px;
        top: -9px;
    }
    .location-tip .location-tip-h {

    }
    .location-tip .location-tip-h span {
        color: var(--colorz);
    }
    .location-tip .location-tip-b {
        font-size: 14px;
        background: var(--colorz);
        color: #fff;
        padding: 2px 10px;
        border-radius: 4px;
        display: inline-block;
        margin-top: 30px;
        cursor: pointer;
    }
    .hot-type-item:hover {
        color: var(--colorz);
        background-color: #eff7ff;
        opacity: .8;
    }
    .czkj-chat-center.big,
    .czkj-chat-center.big .zhipu-hot .czkj-recommend-item,
    .czkj-chat-center.big .czkj-tags-group-title,
    .czkj-chat-center.big .czkj-text-title,
    .czkj-chat-center.big .czkj-mobile-common-title {
        font-size: 18px;
        line-height: 26px;
    }

    .czkj-chat-center.big .czkj-msg,
    .czkj-chat-center.big .czkj-resource-view-text,
    .czkj-chat-center.big .czkj-resource-view-text div,
    .czkj-chat-center.big .czkj-resource-view-text span,
    .czkj-chat-center.big .czkj-resource-view-text p,
    .czkj-chat-center.big .czkj-resource-view-text nav,
    .czkj-chat-center.big .czkj-resource-view-text b,
    .czkj-chat-center.big .czkj-resource-view-text dd,
    .czkj-chat-center.big .czkj-resource-view-text dl,
    .czkj-chat-center.big .czkj-resource-view-text dt,
    .czkj-chat-center.big .czkj-resource-view-text em,
    .czkj-chat-center.big .czkj-resource-view-text footer,
    .czkj-chat-center.big .czkj-resource-view-text form,
    .czkj-chat-center.big .czkj-resource-view-text h1,
    .czkj-chat-center.big .czkj-resource-view-text h2,
    .czkj-chat-center.big .czkj-resource-view-text h3,
    .czkj-chat-center.big .czkj-resource-view-text h4,
    .czkj-chat-center.big .czkj-resource-view-text h5,
    .czkj-chat-center.big .czkj-resource-view-text h6,
    .czkj-chat-center.big .czkj-resource-view-text header,
    .czkj-chat-center.big .czkj-resource-view-text label,
    .czkj-chat-center.big .czkj-resource-view-text li,
    .czkj-chat-center.big .czkj-resource-view-text font,
    .czkj-chat-center.big .czkj-tags-item {
        font-size: 18px !important;
        line-height: 26px;
    }

    .czkj-chat-center.big .yzt-loading,
    .czkj-chat-center.big .stopChat {
        font-size: 18px;
    }

    .czkj-chat-center.big .chatgpt-tips,
    .czkj-chat-center.big .stopChatActive {
        font-size: 16px;
    }

    .czkj-chat-center.small,
    .czkj-chat-center.small .zhipu-hot .czkj-recommend-item,
    .czkj-chat-center.small .czkj-tags-group-title,
    .czkj-chat-center.small .czkj-text-title,
    .czkj-chat-center.small .czkj-mobile-common-title,
    .czkj-chat-center.small .yzt-loading,
    .czkj-chat-center.small .stopChat {
        font-size: 12px;
        line-height: 18px;
    }

    .czkj-chat-center.small .czkj-msg,
    .czkj-chat-center.small .czkj-resource-view-text,
    .czkj-chat-center.small .czkj-resource-view-text div,
    .czkj-chat-center.small .czkj-resource-view-text span,
    .czkj-chat-center.small .czkj-resource-view-text p,
    .czkj-chat-center.small .czkj-resource-view-text nav,
    .czkj-chat-center.small .czkj-resource-view-text b,
    .czkj-chat-center.small .czkj-resource-view-text dd,
    .czkj-chat-center.small .czkj-resource-view-text dl,
    .czkj-chat-center.small .czkj-resource-view-text dt,
    .czkj-chat-center.small .czkj-resource-view-text em,
    .czkj-chat-center.small .czkj-resource-view-text footer,
    .czkj-chat-center.small .czkj-resource-view-text form,
    .czkj-chat-center.small .czkj-resource-view-text h1,
    .czkj-chat-center.small .czkj-resource-view-text h2,
    .czkj-chat-center.small .czkj-resource-view-text h3,
    .czkj-chat-center.small .czkj-resource-view-text h4,
    .czkj-chat-center.small .czkj-resource-view-text h5,
    .czkj-chat-center.small .czkj-resource-view-text h6,
    .czkj-chat-center.small .czkj-resource-view-text header,
    .czkj-chat-center.small .czkj-resource-view-text label,
    .czkj-chat-center.small .czkj-resource-view-text li,
    .czkj-chat-center.small .czkj-resource-view-text font,
    .czkj-chat-center.small .czkj-tags-item {
        font-size: 12px !important;
        line-height: 18px;
    }

    .czkj-chat-center.small .chatgpt-tips,
    .czkj-chat-center.small .stopChatActive {
        font-size: 12px;
    }
    .dialogue {
        position: absolute;
        top: 40px;
        left: 100px;
        right: 20px;
        height: 64px;
        padding-top: 12px;
        z-index: 1;
        text-align: center;
    
    }
    .dialogue::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        background-color: #fff;
        right: 58px;
    }
    .dialogue img {
        margin-right: 100px;
        position: relative;
    }

    .czkj-chat-body.czkj-no-hot .czkj-chat-left {
        padding-bottom: 178px;
    }
    .czkj-chat-body.czkj-no-hot #czkj-chat {
        position: relative;
        z-index: 1;
    }

    .czkj-chatsse-info {
        display: flex !important;
        position: absolute;
        top: 25px !important;
        align-items: center;
        background: transparent;
        color: var(--colorz);
        right: 20px;
        line-height: 16px;
        z-index: 1;
    }
    #czkj-chat li.czkj-server {
        min-height: 5px;
        display: none;
    }
    .yzt-history {
        position: absolute;
        left: 20px;
        top: 50px;
        bottom: 0;
        width: 300px;
        overflow: hidden;
        border-radius: 0px;
        z-index: 1;
    }
    .yzt-history.right {
        left: auto;
        right: 20px;
    }
    .lg-recommend-title {
        background: url("../image/rmwt.png") no-repeat;
        background-size: 100% 100%;
        height: 190px;
        margin-top: -2px;
        color: #fff;
        padding: 6px 14px;
        font-weight: bold;
        font-size: 16px;
    }
    .lg-policy-search {
        background: url("../image/searchbg.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin-bottom: 0;
        padding: 10px 78px 20px 34px;
    }
    .lg-policy-search img {
        position: absolute;
        left: 12px;
        top: 18px;
    }
    .lg-policy-search input {
        border: none;
        background: transparent;
        height: 30px;
        display: block;
        width: 100%;
        color: var(--colorz);
    }
    .lg-policy-search ::placeholder {
        color: var(--colorz);
    }
    .lg-policy-search .lgSearchBtn {
        position: absolute;
        right: 14px;
        top: 10px;
        color: #fff;
        height: 30px;
        width: 60px;
        text-align: center;
        border-radius: 6px;
        line-height: 30px;
        cursor: pointer;
        background-image: linear-gradient(180deg, 
		#94bafa 0%, 
        #5b95f7 100%);
    }
    .lg-recommend-title .title {
        padding-left: 14px;
    } 
    .lg-recommend-title-d {
        height: 130px;
        overflow: hidden;
        margin-top: 12px;
    }
    .lg-recommend-title-d .czkj-recommend-item {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333;
        font-weight: normal;
        border: none;
        padding: 2px 14px 0px 30px;
        position: relative;
    }
    .lg-recommend-title-d .czkj-recommend-item:hover {
        background-color: transparent;
    }
    .lg-recommend-title-d .czkj-recommend-item::after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent var(--colorz);
        left: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 0;

    }
    .lg-dhjl {
        height: 525px;
        padding: 20px;
        background: url("../image/dhjl.png") no-repeat;
        background-size: 100% 100%;
        margin-top: 0;
    }
    .lg-dhjl .names {
        font-size: 17px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin-top: -19px;
        position: relative;
    }
    .lg-dhjl .yzt-h-c-log {
        margin-top: 30px;
        overflow: hidden;
        height: calc(100% - 30px);
    }
    .yzt-history .yzt-history-title {
        display: flex;
        padding-left: 15px;
        margin-bottom: 0px;
        align-content: center;
        padding-top: 20px;
        display: none;
    
    }
    .yzt-history .yzt-history-title img {
        padding-right: 10px;
        height: 50px;
    }
    .yzt-history .yzt-history-title .czkj-logo-name {
        font-size: 20px !important;
        line-height: 50px;
        overflow: hidden;
        white-space: nowrap;
        font-weight: bold;
        color: #333 !important;
        text-overflow: ellipsis;
        font-family: 'AlimamaFangYuanTiVF-Bold,Microsoft YaHei,PingFang SC'
    }
    .yzt-history .yzt-history-title.lgposition .czkj-logo-name {
        
        max-width: calc(100% - 140px);
    }
    .yzt-history .yzt-history-content {
        border-radius: 18px;
        overflow: hidden;
        padding: 20px 30px;
        height: calc(100% - 105px);
        background: url("../image/zbdk.png") no-repeat;
        background-size: 100% 100%;
        margin: -7px -10px;

    }
    .yzt-history .yzt-history-content .yzt-h-c-title {
        margin-bottom: 0;
        padding-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
    }
    .yzt-history .yzt-history-content .yzt-h-c-title.a {
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 23px;
        padding: 8px 10px;
        cursor: pointer;
        display: flex;
        margin: 10px -5px 20px;
        justify-content: space-between;
    }
    .yzt-history .yzt-history-content .yzt-h-c-title img {
        margin-right: 6px;
    }
    .yzt-history .yzt-history-content .yzt-h-c-log {
    
    }
    .yzt-h-c-btn  {
        position: absolute;
        top: 0;
        display: flex;
        line-height: 30px;
        justify-content: end;
        padding-top: 10px;
        width: 100%;
        right: 10px;
        z-index: 1;
    }
    .lg-modal-title {
        text-align: left;
        font-weight: bold;
        margin-top: -30px;
        font-size: 22px;
        padding-left: 10px;
    }
    .lg-modal-title.only {
        padding-top: 10px;
        margin-top: 0;
        z-index: 111;
        position: relative;
    }
    .lg-m-footer {
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        color: #e21313;
        padding: 0 20px;
        margin-top: 10px;
        border-top: 1px solid #7cc2f6;
        padding-top: 10px;
    }
    .lg-m-footer span {
        width: 90px;
    height: 30px;
    background-color: #e8e8e8;
    border-radius: 4px;
    border: solid 1px #aeaeae;
    text-align: center;
    color: #aeadad;
    font-size: 16px;
    }
    .lg-m-footer span.active {
        background-color: var(--colorz);
        border: solid 1px var(--colorz);
        color: #fff;
        cursor: pointer;
    }
    .lg-modal-content {
        font-size: 16px;
        padding: 20px;
        text-indent: 32px;
        height: calc(100% - 5px);
        overflow: auto;
    }
    .lg-modal-content.only {
        overflow: auto;
        height: calc(100% - 65px);
        margin-top: 10px;
    }
    .lg-modal-content .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--colorz);
        margin-top: 10px;
        text-indent: 10px;
    }
    .lg-modal-content .btn span {
        height: 14px;
        width: 14px;
        border: 1px solid #333;
        border-radius: 2px;
        line-height: 12px;
        display: block;
        text-indent: 0;
        text-align: center;
        font-size: 0;
        cursor: pointer;
    }
    .lg-modal-content .btn span.active {
        border: 1px solid var(--colorz);
        background: var(--colorz);
        color: #fff;
        font-size: 12px;
    }
    .lg-modal-content .no-index {
        text-indent: 0;
    }
    .lg-modal-content .a {
        text-align: right;
        margin-top: 50px;
    }
    .yzt-h-c-btn .item  {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #2171eb;
        background-image: linear-gradient(rgba(2, 118, 205, 0.14), rgba(2, 118, 205, 0.14)), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        border-radius: 14px;
        font-size: 16px;
        margin-left: 10px;
        padding: 0 20px;
    }
    .yzt-h-c-btn .item.active {
        background: #0276cd;
        color: #fff;
    }
    .yzt-h-c-btn .item .img, .yzt-h-c-btn .item.active .img1 {
        display: block;
    }
    .yzt-h-c-btn .item .img1, .yzt-h-c-btn .item.active .img {
        display: none;
    }

    ::-webkit-scrollbar, #czkj-chat::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    ::-webkit-scrollbar-track-piece , #czkj-chat::-webkit-scrollbar-track-piece{
        background-color: #fff8f4;
    }

    ::-webkit-scrollbar-thumb , #czkj-chat::-webkit-scrollbar-thumb{
        height: 50px;
        background-color: var(--colorz);
        -webkit-border-radius: 6px;
        outline: 2px solid var(--colorz);
        outline-offset: -2px;
        border: 2px solid #fff;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        
    }

    ::-webkit-scrollbar-thumb:hover, #czkj-chat::-webkit-scrollbar-thumb:hover {
        height: 50px;
        background-color: var(--colorz);
        -webkit-border-radius: 6px
    }
    .yzt-h-c-btn .item img  {
        margin-right: 5px;
    }
    .yzt-history .yzt-h-c-log .yzt-h-c-l-item {
        padding: 0 10px;
        position: relative;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .yzt-history .yzt-h-c-log .yzt-h-c-l-item span {
        background: url("../image/yzt-delete.svg") no-repeat right center;
        position: absolute;
        right: 0;
        height: 24px;
        width: 14px;
        cursor: pointer;
        top: 0;
        display: none;
    }
    .yzt-history .yzt-h-c-log .yzt-h-c-l-item div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333;
        border: none;
        padding: 0;
    }
    .yzt-history .yzt-h-c-log .yzt-h-c-l-item div:hover {
        background-color: transparent;
    }
    .lg-zc {
        margin-bottom: 20px;
        padding: 0 22px;
    }
    .lg-zc a {
        margin-bottom: 17px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 10px;
        position: relative;
        background: url("../image/bmzt1.png") no-repeat center center;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--colorz);
        height: 59px;
        font-size: 18px;
    }
    .lg-zc a img {
        margin-right: 15px;
    }
    .lg-cyzc {
        background: #fff;
        padding: 20px 22px 50px;
        background: url("../image/cyzcbg.png") no-repeat center center;
        background-size: 100% 100%;
        margin: 0 -12px;
    }
    .lg-cyzc a {
        position: relative;
        display: block;
        padding-left: 5px;
        margin-bottom: 10px;
        padding-right: 10px;
    }
    .lg-zjlg {

    }
    .lg-zjlg a {
        display: block;
    }
    .lg-zjlg img {
        display: block;
        width: 100%;
        height: 113px;
        margin-bottom: 8px;
    }
    .lg-cyzc a::after {
        content: '';
        width: 2px;
        height: 10px;
        background-color: var(--colorz);
        position: absolute;
        top: 5px;
        left: 0;
    }
   .lg-recommend-title {

   }
    .lg-zt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .lg-zt a {
        max-width: 48%;
        margin-bottom: 10px;
        min-width: 48%;
        display: flex;
        justify-content: center;
    }
    .lg-zt img {
        width: 100%;
    }
    .czkj-chat-body {
        height: 930px !important;
    }

    
    #czkj-chat li.czkj-welcome-msg, .czkj-recommend-item:before, .czkj-history-item:before, .zhipu-hot {
        display: none !important;
    }
    .lgchat #czkj-chat  li.czkj-welcome-msg {
        display: block !important;
    }
    .czkj-welcome-msg .czkj-msg {
        width: auto;
    }
    .czkj-li-hot {
        display: flex;
        padding-left: 10px !important;
    }
    .czkj-li-hot .item {
        flex-basis: 32%;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0px 0px 6px 0px rgba(2, 113, 192, 0.08);
        border-radius: 20px;
        border: solid 1px #ffffff;
        padding: 14px;
        margin-right: 2%;
    }
    .czkj-li-hot .item:last-child {
        margin-right: 0;
    }
    .czkj-li-hot .title {
        font-size: 16px;
        display: flex;
        color: var(--colorz);
        font-weight: bold;
        margin-bottom: 14px;
    }
    .czkj-li-hot .title img {
        margin-right: 5px;
    }
    .czkj-li-hot a, .czkj-li-hot .czkj-recommend-item {
        position: relative;
        margin-bottom: 10px;
        display: block;
        color: #333;
        text-indent: 12px;
        border: none;
        padding: 0;
    }
    .czkj-li-hot a:hover, .czkj-li-hot .czkj-recommend-item:hover  {
        color: #333;
    }
    .czkj-li-hot .czkj-recommend-item:hover {
        background-color: transparent;
    }
    .czkj-li-hot a:last-child{
        margin-bottom: 0;
    }
    .czkj-li-hot a::before, .czkj-li-hot .czkj-recommend-item::before{
        content:  '';
        position: absolute;
        width: 5px;
        height: 5px;
        border: solid 1px var(--colorz);
        border-radius: 5px;
        left: 0;
        top: 6px;
        
    }
    .czkj-li-hot .czkj-recommend-item::before {
        content: '';
        display: block !important;
        background-color: var(--colorz);
    }
    .czkj-li-hot .czkj-hot-item {
        border-bottom: 1px #86c5f5 dashed;
        padding: 0 0 10px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .czkj-robot-modal.lgModal {

    }
    .czkj-robot-modal.lgModal .czkj-modal-content {
        background-image: linear-gradient(50deg, #d5eafc 1%, #ffffff 73%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
        height: 90%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 1000px;
        left: 0;
        right: 0;
        background-blend-mode: normal, normal;
        box-shadow: 3px 4px 10px 0px rgba(2, 118, 205, 0.2);
        border-radius: 20px;
        max-height: 680px;
    }
    .czkj-robot-modal.lgModal .lg-modal-content p {
        font-weight: bold;
        margin: 10px 0;
        text-indent: 0;
    }
    .czkj-chat-input .lg-href {
        position: absolute;
        top: 18px;
        margin-left: 5px;
    }
    .lg-href a {
        display: flex;
        align-items: center;
        background-color: rgba(255, 255, 255, .6);
        border-radius: 6px;
        line-height: 28px;
        margin-right: 8px;
        padding: 0 11px;
        float: left;
    }
    .lg-href a.active {
        font-weight: bold;
    }
    a:hover {
        color: var(--colorz);
    }
    .lg-href img {
        height: 14px;
        margin-right: 4px;
    }
    .lglink {
        display: flex;
        justify-content: space-between;
        margin: 0 15px;
        margin-top: 20px;
        overflow: hidden;
    }
    .lglink .item {
        margin: 5px;
        position: relative;
        min-width: 260px;
        border-radius: 20px 10px 10px 20px ;
    }
    .lglink .item:hover,  .lglink .item.active{
        box-shadow: 0 0 10px 0 #4a95ff;
        color: #666;
        
    }
    .lglink .item.active {
        font-weight: bold;
    }
    .lglink .item img {
        width: 100%;
    }
    .lglink .item .title {
        position: absolute;
        left: 31%;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 4%;
        padding-top: 3%;
    }
    .lglink .item .title span {
        color: var(--colorz);
        font-size: 16px !important;
        
        margin-bottom: 2px;
        display: block;
    }
    .lglink .item .title div {
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }
    .czkj-history-del {
        position: absolute;
        right: 5px;
        top: 17px;
    }
    .czkj-history-del img {
        height: 24px;
        width: 24px;
     }
     .chatsse-data {
        background: url("../image/xingxing.svg") no-repeat 5px center;
        background-color: #fff;
        padding-left: 30px;
     }
}

@media (max-width: 640px) {
    html, body{
        overflow: auto;
    }
    .czkj-user-copy {
        right: 5px;
    }
    .voice-hold, .voice-refresh {
        background: transparent;
        border: none;
    }
    .czkj-content-body{
        height: 100%;
        overflow: hidden;
        padding-bottom: 0;
        background: url("../image/bg.png") !important;
        background-size: 100% 100% !important;
    }
    .location-tip, .yzt-history{
        display: none !important;
    }
    .czkj-user-btn-item.czkjRadioImg {
        background: transparent !important;
    }
    .hot-type {
        display: block !important;
    }
    .czkj-chatsse-info {
        color: var(--colorz);
    }
    .czkj-logo-title-out {
        padding-left: 0;
    }
    .czkj-logo-title {
        padding-left: 70px;
    }
    .czkj-content-body {
        min-width: auto;
    }
    .yzt-h-c-btn {
        position: absolute;
        top: 22px;
        display: flex;
        right: 10px;
        z-index: 1;
    }
    .yzt-h-c-btn .lgSy,.hot-type, .lg-footer, .lg-header,  #czkj-chat::-webkit-scrollbar, .czkj-my, .czkj-logo-positioning, .lglink, .positioning-robot, .czkj-user-avatar, .czkj-robot-avatar, .czkj-server, .czkj-logo-radio img{
        display: none !important;
    }
    .yzt-h-c-btn .item {
        font-size: 0;
        margin-left: 8px;
    }
    .yzt-h-c-btn .item img {
        height: 16px;
    }
    #czkj-chat, .czkj-logo-title, .czkj-logo-title-out, .czkj-chatsse-info, .czkj-user-btns{
        background: transparent !important;
    }
    .czkj-chat-input {
        border: none !important;
    }
    .lgcontent {
        margin: 5px;
    }
    .czkj-logo-title-out {
        box-shadow: none;
    }
    .lgcontent .lgindex-kfw {
        
    }
    .lgindex-img {
        height: 70px;
        margin-right: 10px;
    }
    .lgcontent .thing .content img {
        height: 14px;
        margin-right: 10px;
    }
    .lgcontent .title {
        top: 1%;
    }
    .lgcontent .title img {
        height: 18px;
        margin-right: 4px;
    }
    .lgcontent .czkj-logo-name{
        width: auto;
        font-size: 14px !important;
        padding-top: 2px;
    }
    .lgcontent .welcome {
        align-items: start;
        left: 5%;
        right: 5%;
        top: 17%;
    }
    .lgindex-name {
        font-size: 12px;
    }
    .lgcontent .thing {
        flex-wrap: wrap;
        bottom: 3%;
        top: auto;
        left: 2%;
        right: 2%;
    }
    .lgcontent .thing .content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 100%;
    }
    .lgcontent .thing .btn {
        width: 128px;
        margin: 0;
    }
    .lgcontent .thing .btn span {
        line-height: 20px;
        font-size: 12px;
        width: 60px;
    }
    .lgcontent .thing .lg-geren, .lgcontent .thing .lg-faren {
        position: static;
        max-width: none;
        min-width: 100%;
    }
    #czkj-chat .czkj-user {
        padding-right: 0;
    }
    #czkj-chat li.czkj-robot {
        padding-left: 0;
    }
    .czkj-msg {
        max-width: 94%;
        background-color: rgba(255, 255, 255, 0.6) !important;
	box-shadow: 2px 2px 4px 0px 
		rgba(2, 113, 192, 0.1);
    }
    .czkj-special-width .czkj-msg {
        width: 94%;
    }
    .lgcontent .thing a.a {
        width: 20%;
        left: 3%;
    }
    .lgcontent .thing .b {
        bottom: 25%;
        left: 28%;
        width: 16%;
    }
    .lgcontent .thing .c {
        bottom: 12%;
        left: 55%;
        width: 24%;
    }
    .lgcontent .thing .d {
        width: 16%;
    }
    .lgcontent .thing .e {
        bottom: 26%;
        left: 78%;
    }
    .lgcontent .thing .a1, .lgcontent .thing .b1, .lgcontent .thing .c1 {
        bottom: 20%;
        left: 8%;
        width: 20%;
    }
    .lgcontent .thing .b1 {
        bottom: 9%;
    }
    .lgcontent .thing .d1, .lgcontent .thing .e1, .lgcontent .thing .h1 {
        bottom: 21%;
        left: 44%;
        width: 24%;
    }
    .lgcontent .thing .c1, .lgcontent .thing .e1{
        bottom: -1%;
    }
    .lgcontent .thing .h1 {
        bottom: 32%;
    }
    /* .czkj-send {
        background: url("../image/send-btn1.svg") !important;
        height: 22px;
        width: 22px;
        background-size: 22px 22px !important;
    } */
    .czkj-chat-input {
        background: url("../image/srk1.png") no-repeat 5px 5px;
        background-size: calc(100% - 10px) calc(100% - 10px);
        z-index: 11;
    }
    .czkj-chat-input .czkj-textarea {
        padding-left: 0;
        background: transparent;
        border: none;
        padding-right: 0;
    }
    .czkj-chatsse-info {
        top: -22px;
        display: none !important;
    }
    .czkj-user .czkj-msg {
        background-color: #ffffff !important;
	box-shadow: 2px 2px 4px 0px 
		rgba(2, 113, 192, 0.1);
        color: #333 !important;
        padding-left: 12px;
    }
    .lg-modal-title {
        font-size: 18px;
    }
    .lg-modal-content{
        font-size: 14px;
    }
    .czkj-chat-input .lg-href {
        position: absolute;
        top: -22px;
    }
    .czkj-chat-input .lg-href a {
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: 6px;
        padding: 4px 8px;
        font-size: 12px;
        color: var(--colorz);
    }
    .czkj-chat-input .lg-href a.active {
        font-weight: bold;
    }
    .czkj-chat-input .lg-href img {
        margin-right: 4px;
    }
    .czkj-logo-icon .czkj-logo-name {
        width: calc(100% - 30px);
        font-size: 16px !important;
        text-align: center;
        color: #333 !important;
        font-weight: normal;
    }

    .czkj-logo-radio {
        background: url('../image/zhankai.svg') no-repeat left center;
        box-shadow: none;
        background-size: 16px;
        left: 10px;
        top: 2px;
        width: 30px;
        cursor: pointer;
    }
    .czkj-chat-center {
        top: 46px;
        height: calc(100% - 46px);
    }
    .czkj-logo-title {
        height: 56px;
        line-height: 56px;
    }
    .wap-nav {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background: rgba(0, 0, 0, 0.3);
        padding-right: 15%;
        border-top: 3px solid var(--colorz);
        display: none;
    }
    .wap-nav::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        right: 15%;
        z-index: -1;
    }
    .wap-nav .wap-nav-close {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 85%;
        background: rgba(0, 0, 0, 0.1);
        z-index: 2;
        cursor: pointer;
    }
    .wap-nav .nav-item {
        display: none;
        height: 100%;
        overflow: auto;
        padding-bottom: 5px;
    }
    .wap-nav .nav-item-title {
        padding: 20px 10px 10px;
        font-size: 16px;
        font-weight: bold;
    }
    .wap-nav .lg-chat .nav-item-content,.wap-nav  .lg-matter .nav-item-content {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
        justify-content: space-between;
    }
    .wap-nav .lg-chat .nav-item-content a {
        flex-basis: calc(50% - 5px);
        margin-bottom: 10px;
    }
    .wap-nav .lg-chat .nav-item-content img {
        width: 100%;
        display: block;
    }
    .wap-nav .lg-policy .nav-item-content {
        margin: 0 10px;
        background-color: #f0f7ff;
        border-radius: 10px;
        padding: 15px 10px;
    }
    .wap-nav .lg-policy .nav-item-content a {
        position: relative;
        display: block;
        font-size: 13px;
        color: #333;
        margin-bottom: 12px;
        padding-left: 8px;
    }
    .wap-nav .lg-policy .nav-item-content a::before {
        content: '';
        height: 13px;
        width: 2px;
        position: absolute;
        background: var(--colorz);
        left: 0;
        top: 4px;
    }
    .wap-nav .lg-matter .nav-item-content a {
        flex-basis: calc(50% - 5px);
        background-color: #f0f7ff;
        border-radius: 19px;
        margin-bottom: 10px;
        padding: 7px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
    }
    .wap-nav .lg-matter .nav-item-content img {
        height: 18px;
        margin-right: 8px;
    }
    .wap-nav  .yzt-h-c-log {
        margin: 0 10px;
    }
    .wap-nav  .yzt-h-c-log .yzt-h-c-l-item {
        background-color: #f7f8fa;
        border-radius: 19px;
        margin-bottom: 10px;
        position: relative;
    }
    .wap-nav  .yzt-h-c-log .czkj-history-item {
        border: none;
        color: #333;
        padding-left: 10px;
        margin-right: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .wap-nav  .yzt-h-c-log .czkj-history-item::before {
        display: none;
    }
    .wap-nav  .yzt-h-c-log .yzt-h-c-l-item span {
        background: url("../image/yzt-delete.svg") no-repeat right center;
        position: absolute;
        right: 10px;
        height: 24px;
        width: 14px;
        cursor: pointer;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .zhipu-appraisal {
        right: -26px;
    }
    .swiper-container img {
        width: 100%;
        display: block;
    }
    .swiper-pagination {
        text-align: right;
        bottom: 0px !important;
    }
    .lgindex .wap-link {
        display: block;
        justify-content: space-between;
        margin: 0 10px;
        overflow: hidden;

    }
    .wap-link .wap-link-left {
        width: 130px;
        max-width: 130px;
        min-width: 130px;
        height: 126px;
        overflow: hidden;
        float: left;
        position: relative;
    }
    .wap-link .wap-link-right {
        background: url("../image/rmwtbg.png") no-repeat center;
        position: relative;
        width: calc(100% - 140px);
        padding: 10px;
        background-size: 100% 100%;
        float: right;
        height: 126px;
    }
    .wap-link .wap-link-right img {

    }
    .wap-link .wap-link-right .title {
        font-weight: bold;
    }
    .wap-link .wap-link-right .content {
        height: 75px;
        overflow: hidden;
        margin-top: 8px;
    }
    .wap-link .wap-link-right .item {
        background: url("../image/remen.svg") no-repeat left center;
        padding-left: 15px;
        line-height: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        padding-left: 15px;
        color: #333;
        border: none;
    }
    
    .swiper-slide a {
        position: relative;
        display: block;
    }
    .swiper-slide a > img {
    }
    .swiper-slide a .title {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 15px;
        color: var(--colorz);
    }
    .swiper-slide a.active .title {
        font-weight: bold;
    }
    .swiper-slide a .title span {
        width: 20px;
        margin-top: 5px;
    }
    .swiper-slide a .title img {
        width: 20px;
        margin-top: 5px;
    }
    .lgindex {
        bottom: 65px;
        overflow: auto;
    }
    .wap-link-left .swiper-pagination-bullet {
        height: 5px;
        width: 5px;
        background: #fff;
        opacity: 1;
    }
    .wap-link-left .swiper-pagination-bullet-active {
        background: var(--colorz);
    }
    .wap-link .wap-link-right .content .czkj-recommend-item {

    }
    .wap-link .wap-link-right .content .czkj-recommend-item::before {
        display: none;
    }
    .czkj-chat-left.active {
        z-index: 12;
    }
    .czkj-content-all.wx-mini-app-container {
        height: 100%;
        border-bottom: none;
    }
}

@media screen and (max-height: 830px)  and (min-width: 640px){
    .czkj-content-body {
        height: auto;
    }
    .czkj-chat-body{
        height: 710px;
    }
    
}