/**/
h4.tit+div, h4.nytit+div {
    margin-bottom: .4rem;
}

h4.tit+div p, h4.nytit+div p {
    text-align: justify;
    font-size: 0.16rem;
    line-height: 2em;
    color: #333;
}


.chat {
    position: fixed;
    left: 0.3rem;
    bottom: 0.5rem;
    z-index: 99999;
}



.chat .chatBox {
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 99999;
    border: solid 5px #6c53f3;
}

.chat .chatBox .aiChat {
    position: absolute;
    left: -0.25rem;
    top: -0.3rem;
    width: 1.5rem;
}

.chat .chatBox .text {
    margin-top: 1rem;
    display: block;
    text-align: center;
    background-clip: text;
    -ms-background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #c084fc, #218bff);
    font-weight: 600;
    cursor: pointer;
}

.chat .chatBox .glasses {
    position: absolute;
    width: 0.6rem;
    top: 0.125rem;
    left: 0.36rem;
    animation: blink 8s infinite;
    -webkit-animation: blink 8s infinite;
}

@-webkit-keyframes blink {

    0%,
    10% {
        transform: scaleY(1);
    }

    5%,
    15% {
        transform: scaleY(0.5);
    }

    30%,
    40% {
        transform: scaleY(1);
    }

    35%,
    45% {
        transform: scaleY(0.5);
    }

    60%,
    70% {
        transform: scaleY(1);
    }

    65%,
    75% {
        transform: scaleY(0.5);
    }

    85%,
    95% {
        transform: scaleY(0.5);
    }

    80%,
    100% {
        transform: scaleY(1);
    }
}

@keyframes blink {

    0%,
    10% {
        transform: scaleY(1);
    }

    5%,
    15% {
        transform: scaleY(0.5);
    }

    30%,
    40% {
        transform: scaleY(1);
    }

    35%,
    45% {
        transform: scaleY(0.5);
    }

    60%,
    70% {
        transform: scaleY(1);
    }

    65%,
    75% {
        transform: scaleY(0.5);
    }

    85%,
    95% {
        transform: scaleY(0.5);
    }

    80%,
    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.chat .chatBox .idea {
    position: absolute;
    width: 0.25rem;
    top: -0.2rem;
    left: -0.2rem;
}

.chat .chatBox .closeChatBox {
    display: none;
}

.chat .chatBox:hover .idea {
    animation: tada 1s;
    -webkit-animation: tada 1s;
}

.chat .chatBox:hover .text {
    animation: tada 1s;
    -webkit-animation: tada 1s;
}

.chat .infoBox {
    position: absolute;
    top: 50%;
    background: #fefafc;
    border-radius: 8px;
    left: 1.8rem;
    padding: 0.3rem 0.4rem;
    border: solid 10px rgba(255, 255, 255, 1);
    transform: scale(0) translateY(-50%);
    transform-origin: left top;
    transition: all 0.5s;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.chat .showInfoBox {
    transform: scale(1) translateY(-50%);
    transition: all 0.5s;
    transform-origin: center center;
}

.chat .infoBox p {
    line-height: 0.28rem;
    font-size: 0.16rem;
    color: #5c5c5c;
    margin-bottom: 0.2rem;
}

.chat .infoBox p span {
    background-clip: text;
    -ms-background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #c084fc, #218bff);
    font-weight: 600;
}

.chat .infoBox .aiSearchBox {
    display: flex;
    width: 7.5rem;
    height: 0.48rem;
}

.chat .infoBox .aiSearchBox input {
    flex-grow: 1;
    border: solid 1px #e3e3f7;
    border-right: 0px;
    outline: none;
    padding-left: 20px;
    background: #fff;
    border-radius: 4px 0px 0px 4px;
}

.chat .infoBox .aiSearchBox .aiSearchBtn {
    width: 1.2rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    background: linear-gradient(to right, #c084fc, #218bff);
    border-radius: 0px 4px 4px 0px;
    font-size: 0.16rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.chat .infoBox .closeBox {
    position: absolute;
    top: -0.18rem;
    right: -0.18rem;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 50%;
    display: flex;
    background: linear-gradient(to right, #c084fc, #218bff);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px rgba(225, 225, 225, 0.2);
}

.chat .infoBox .closeBox img {
    width: 0.14rem;
    height: 0.14rem;
    animation: rotate0 0.5s;
    -webkit-animation: rotate0 0.5s;
}

.chat .infoBox .closeBox:hover img {
    animation: rotate360 0.5s;
    -webkit-animation: rotate360 0.5s;
}

@keyframes rotate0 {
    from {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes rotate0 {
    from {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
    }
}

@-webkit-keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
    }
}
@media (max-width: 1024px) {
.chat {
    bottom: 58%;
}
}