.aitourism-banner-wrap{
    width: 100%;
    height: 650px;
    margin-top: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-image: url('../images/aitourism/banner.png');
}

.aitourism-title-wrap{
    position: absolute;
    top: 71px;
}

.aitourism-title{
    color: var(--primary-800, #062D62);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Alimama ShuHeiTi";
    font-size: 62px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.aitourism-info{
    color: var(--primary-700, #083A7E);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    /* 16/CN-Regular */
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
}

.flex_row {
    display: flex;
    flex-direction: row;
}

.btns {
    justify-content: center;
    margin-top: 12px;
}

.connect_btn_1 {
    align-items: center;
    justify-content: center;
    /* padding: 0 16px; */
    width: 118px;
    height: 40px;
    background: #0B51B2;
    border-radius: 8px;
}

.cursor_pointer {
    cursor: pointer;
}

.connect_btn_2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /* padding: 8px 16px; */
    width: 118px;
    height: 40px;
    background: transparent;
    border: 1px solid #E7EEF7;
    border-radius: 8px;
    margin-left: 12px;
}

.connect_btn_1_text {
    /* font-family: 'PingFang SC'; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-left: 5.5px;
}

.connect_btn_2_text {
    /* font-family: 'PingFang SC'; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #0B51B2;
    margin-left: 5.5px;
}

.connect_btn_1:hover {
    background: #0A4AA2;
}

.aitourism-activity-wrap{
    padding: 120px 0;
}

.w-1200{
    width: 1200px;
    margin: 0 auto;
}

.aitourism-activity-title{
    color: var(--gray-800, var(--gray-800, #323C49));
    font-feature-settings: 'clig' off, 'liga' off;
    /* 40/CN-Bold */
    font-family: "PingFang SC";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
}

.aitourism-activity-info{
    color: var(--gray-800, var(--gray-800, #323C49));
    font-feature-settings: 'clig' off, 'liga' off;
    /* 16/CN-Regular */
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px;
}

.aitourism-activity-list{
    display: flex;
    gap: 32px
}

.aitourism-activity-item{
    width: 276px;
    display: flex;
}

.aitourism-activity-item-l{
    margin-right: 24px;
}

.aitourism-activity-item-r{
    width: 200px;
}

.aitourism-activity-item-r-text1{
    color: var(--text-beas-1, #272E39);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 20/CN-Bold */
    font-family: "PingFang SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.aitourism-activity-item-r-text2{
    color: var(--text-beas-3, #848C99);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 14/CN-Regular */
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.aitourism-capacity-wrap{
    padding: 120px 0;
}

.aitourism-capacity-title-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 718px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.aitourism-capacity-title-text1{
    color: var(--gray-800, var(--gray-800, #323C49));
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    /* 40/CN-Bold */
    font-family: "PingFang SC";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
}

.aitourism-capacity-title-text2{
    color: var(--gray-600, var(--gray-600, #475467));
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;

    /* 16/CN-Regular */
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.aitourism-capacity-list{
    display: flex;
}

.aitourism-capacity-item{
    width: 400px;
    background: var(--bg-beas-25, #FAFAFA);
    display: flex;
    padding: 80px 0px 40px 0px;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.aitourism-capacity-item-head{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.aitourism-capacity-item-img{
    margin-bottom: 8px;
}

.aitourism-capacity-item-text{
    color: var(--text-beas-1, #272E39);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 18/CN-Regular */
    font-family: "PingFang SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 24px;
}

.aitourism-capacity-item-phone{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 6px 6px 19px 0px rgba(0, 0, 0, 0.10), 26px 24px 35px 0px rgba(0, 0, 0, 0.09), 57px 54px 47px 0px rgba(0, 0, 0, 0.05), 102px 95px 56px 0px rgba(0, 0, 0, 0.01), 160px 149px 61px 0px rgba(0, 0, 0, 0.00);
    width: 239px;
    background: var(--bg-beas-25, #FAFAFA);
    border-radius: 38px;
}


.aitourism-capacity-item-phone img{
    width: 240px;
}

.aitourism-capacity-item-body{
    width: 266px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.aitourism-capacity-item-body-i{
    display: flex;
    gap: 10px
}

.aitourism-capacity-item-body-i-r{
    width: 232px;
}

.aitourism-capacity-item-body-i-r-text1{
    color: var(--text-beas-1, #272E39);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 16/CN-Bold */
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px;
}

.aitourism-capacity-item-body-i-r-text2{
    color: var(--text-beas-3, #848C99);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 12/CN-Regular */
    font-family: "PingFang SC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.aitourism-writing-wrap{
    padding: 120px 0;
}

.aitourism-writing-box{
    display: flex;
    gap: 60px;
    align-items: center;
}

.aitourism-writing-left{
    width: 620px;
}

.aitourism-writing-right > img{
    margin-bottom: 10px;
}

.aitourism-writing-right > video{
    width: 520px;
    height: 500px;
}

.aitourism-writing-right-text{
    color: var(--text-beas-3, #848C99);
    font-feature-settings: 'clig' off, 'liga' off;

    /* 12/CN-Regular */
    font-family: "PingFang SC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}

.aitourism-writing-left-title{
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-beas-1, #272E39);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    /* 40/CN-Bold */
    font-family: "PingFang SC";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 12px;
}

.aitourism-writing-left-list{
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.aitourism-writing-left-item{
    color: var(--text-color-green-text, #03AB4C);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 14/CN-Regular */
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    padding: 4px 12px;
    border-radius: 8px;
    border: 1px solid var(--border-color-green-normal, #B1EACA);
    background: var(--bg-color-green-light, #F3FCF7);
}

.aitourism-writing-left-item.writing-left-item-blue{
    color: var(--text-color-blue-light-text, #32B1E8);
    border: 1px solid var(--border-color-blue-light-normal, #C1ECFF);
    background: var(--bg-color-blue-light-light, #F0FAFF);
}

.aitourism-writing-left-item.writing-left-item-yellow{
    color: var(--text-color-yellow-text, #D59B07);
    border: 1px solid var(--border-color-yellow-normal, #F8E5B2);
    background: var(--bg-color-yellow-light, #FEFAF1);
}

.aitourism-writing-left-info{
    color: var(--text-beas-2, #475467);
    font-feature-settings: 'clig' off, 'liga' off;

    /* 16/CN-Regular */
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 60px;
}

.aitourism-writing-left-btn{
    width: 121px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8.1px;
    background-image: url('../images/aitourism/w_btn.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: absolute;
    left: -1px;
    top: -1px;
    color: var(--text-beas-2, #475467);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 16/CN-Bold */
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.aitourism-writing-left-btn-wrap{
    width: 119px;
    height: 48px;
    position: relative;
    border-radius: 13.663px;
    box-shadow: 0px 0.899px 3.598px 0.899px rgba(0, 0, 0, 0.12), 0px 2.698px 2.923px -1.349px rgba(0, 0, 0, 0.25), 0px 0px 0.225px 0.675px rgba(0, 0, 0, 0.05), 0px 0px 0.225px 0.225px rgba(0, 0, 0, 0.07);
}

.aitourism-voice-wrap{
    padding: 120px 0;
}

.aitourism-voice-box{
    display: flex;
    gap: 60px;
    align-items: center;
    justify-content: center;
}

.aitourism-voice-left > img{
    margin-bottom: 10px;
}

.aitourism-voice-right{
    width: 465px;
}

.aitourism-audio-wrap{
    width: 465px;
    height: 62px;
    border-radius: 8px;
    border: 1px solid var(--border-color-blue-light-normal, #C1ECFF);
    background: var(--bg-color-blue-light-light, #F0FAFF);
    margin-bottom: 60px;
    padding: 12px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
}

.aitourism-audio-right{
    width: 397px;
}

.aitourism-audio-right-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aitourism-audio-right-top-l{
    color: var(--text-beas-1, #272E39);
    font-feature-settings: 'clig' off, 'liga' off;

    /* 14/CN-Regular */
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.aitourism-audio-right-top-r{
    color: var(--text-beas-1, #272E39);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Figtree;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.aitourism-data-wrap{
    padding: 120px 0;
}

.aitourism-data-box{
    display: flex;
    gap: 60px;
    align-items: center;
    justify-content: center;
}

.aitourism-data-left{
    width: 445px;
}

.aitourism-data-right > img{
    margin-bottom: 10px;
}

.aitourism-architecture-wrap{
    padding: 120px 0;
    background: var(--bg-beas-25, #FAFAFA);
}

.aitourism-architecture-title-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.aitourism-architecture-title-wrap > img{
    margin-bottom: 12px;
}

.aitourism-architecture-title{
    color: var(--gray-800, var(--gray-800, #323C49));
    font-feature-settings: 'clig' off, 'liga' off;
    /* 40/CN-Bold */
    font-family: "PingFang SC";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 150% */
}

.aitourism-architecture-info{
    color: var(--gray-500, var(--gray-500, #6C7685));
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    /* 16/CN-Regular */
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.aitourism-audio-left{
    cursor: pointer;
}


.el-slider__runway{
    margin: 6px 0;
    height: 4px;
    border-radius: 8px;
    background: var(--Color-Blue-light-200, #C1ECFF);
}

.el-slider__bar{
    height: 4px;
    border-radius: 8px;
    background: var(--bg-color-blue-light-normal, #37C3FF);
}

.el-slider__button-wrapper{
    top: -16px
}

.el-slider__button{
    border: 1px solid #37C3FF;
}