.introduce {        display: flex;        align-items: center;        justify-content: center;        padding: 80px 0;    }    .introduce .introduceInner {        width: 1104px;        display: flex;        align-items: center;        justify-content: space-between;    }    .introduce .left {        width: 680px;    }    .introduce .left .slogen {        background-color: #dfe0dc;        height: 25px;        border-radius: 13px;        font-size: 12px;        display: flex;        align-items: center;        display: inline-flex;        padding: 0 12px;    }    .introduce .left .title {        margin-top: 32px;        font-size: 60px;        font-family: Manrope, system-ui, sans-serif;    }    .introduce .left .sub_title {        width: 440px;        margin-top: 24px;        font-family: Manrope, system-ui, sans-serif;        font-size: 17px;        color: rgb(107, 103, 96);    }    .introduce .left .inputPanel {        border: solid 1px rgba(26, 25, 22, 0.1);        background-color: white;        display: flex;        flex-direction: column;        margin-top: 40px;    }    .introduce .left .inputPanel .inputPart {        display: flex;        flex-direction: row;        padding: 16px;    }    .introduce .left .inputPanel .inputPart input {        flex-grow: 1;        height: 40px;        border: none;        color: rgb(26, 25, 22);        font-size: 15px;    }    .introduce .left .inputPanel .inputPart button {        height: 40px;        background-color: rgb(30, 58, 47);        color: rgb(244, 243, 239);        border: none;        padding: 10px 16px;        border-radius: 2px;        display: flex;        align-items: center;        justify-content: center;        gap: 8px;    }    .introduce .left .inputPanel .inputPart button:hover {        background-color: #364d44;    }    .introduce .left .inputPanel .demoList {        border-top: solid 1px #f3f3f3;        display: flex;        flex-direction: row;        align-items: center;        font-family: Manrope, system-ui, sans-serif;        padding: 10px 16px 12px;        gap: 8px;    }    .introduce .left .inputPanel .demoList .tipTitle {        font-size: 12px;        color: rgb(107, 103, 96);    }    .introduce .left .inputPanel .demoList .tip {        font-size: 12px;        color: rgb(107, 103, 96);        border: solid 1px rgba(26, 25, 22, 0.1);        height: 23px;        border-radius: 12px;        display: flex;        align-items: center;        padding: 0 8px;    }    .introduce .right {        width: 360px;        height: 458px;        background-color: white;        box-shadow: rgb(0 0 0 / 26%) 0px 5px 14px 0px;        border: solid 1px rgba(26, 25, 22, 0.1);        box-sizing: border-box;        position: relative;        overflow: hidden;    }    .introduce .right img {        width: 100%;    }    .introduce .right .info {        background-color: rgba(255, 255, 255, 0.7);        margin-top: 12px;        position: absolute;        top: 0;        width: 90%;        left: 5%;    }    .introduce .right .info .title {        font-size: 18px;        color: rgb(25, 25, 25);        text-align: center;    }    .introduce .right .info .desc {        font-size: 13px;        color: rgb(79, 79, 79);        text-align: center;    }