:root{
    --width330: (330 / 430);
    --width344: (344 / 430);
    --width360: (360 / 430);
    --width375: (375 / 430);
    --width390: (390 / 430);
    --width395: (395 / 430);
    --width400: (400 / 430);
    --width412: (412 / 430);
    --width415: (415 / 430);
    --width430: (430 / 430);
    --width500: (500 / 430);
    --width525: (525 / 430);
    --width540: (540 / 430);
    --width560: (560 / 430);
    --width750: (750 / 430);
    --width1024: (1024 / 430);
}


    .index09_main{
        width: 100%;
        padding: 0 calc(var(--width1024) * 20px);
        box-sizing: border-box;
    }
    .index09_main *{
        box-sizing: border-box;
    }
    .index09_1{
        margin-top: calc(var(--width1024) * 20px);
        width: 100%;
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 20px);
        overflow-x: auto;
        scrollbar-width: none;
    }
    .index09_1::-webkit-scrollbar{
        display: none;
    }
    .index09_1s{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(var(--width1024) * 10px);
        flex: 0 0cap;
        position: relative;
        width: calc(var(--width1024) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width1024) * 57px);
        height: calc(var(--width1024) * 57px);
        border-radius: 50%;
    }
    .index09_1s > span{
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 20px);
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .index09_1s > b{
        position: absolute;
        top: 0;
        left: 50%;
        font-size: calc(var(--width1024) * 10px);
        color: #FFFFFF;
        font-weight: bold;
        line-height: calc(var(--width1024) * 14px);
        padding: 0 calc(var(--width1024) * 4px);
        border-radius: calc(var(--width1024) * 5px) calc(var(--width1024) * 5px) calc(var(--width1024) * 5px) 0;
    }
    b.icon_Hot{
        background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
    }
    b.icon_New{
        background: linear-gradient(to right, #006CFC, #2D86FD, #63A4FA);
    }
    b.icon_AI{
        background: linear-gradient(to right, #6000FF, #A249FC, #D048FD);
        padding: 0 calc(var(--width1024) * 8px);
    }
    .index09_2{
        width: 100%;
        padding: calc(var(--width1024) * 20px) calc(var(--width1024) * 15px);
        background: linear-gradient(to right, #E6F8FE, #FDECF0, #E5F7FD);
        margin-top: calc(var(--width1024) * 20px);
        border-radius: calc(var(--width1024) * 3px);
    }
    .index09_2_title{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--width1024) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width1024) * 24px);
        color: #333333;
        line-height: calc(var(--width1024) * 28px);
        font-weight: bold;
        color: transparent;
    }
    .index09_2_title > span:nth-of-type(1){
        background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
        background-clip: text;
    }
    .index09_2_title > span:nth-of-type(2){
        background: linear-gradient(to right, #2969FB, #FF006C, #FE00A7);
        background-clip: text;
    }
    .index09_2_title > span:nth-of-type(3){
        background: linear-gradient(to right, #FF00F0, #AE03FE, #FF00C6);
        background-clip: text;
    }
    .index09_2_search{
        width: 100%;
        margin-top: calc(var(--width1024) * 15px);
        border-radius: calc(var(--width1024) * 25px);
        border: calc(var(--width1024) * 3px) solid transparent;
        background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #F13536, #FA595A, #FB642A) border-box;
        padding: calc(var(--width1024) * 10px) calc(var(--width1024) * 15px);
    }
    .index09_2_search.active{
        box-shadow: 0px 0px 15px 0px #FC8E8F;
    }
    .index09_2_search > div{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(var(--width1024) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width1024) * 30px);
        height: calc(var(--width1024) * 30px);
        background: url(../mobimages/icon1180.png) no-repeat;
        background-size: contain;
        border: none;
    }
    .index09_2_btn.active{
        background: url(../mobimages/icon1180s.png) no-repeat;
        background-size: contain;
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width1024) * 50px));
        display: flex;
        align-items: center;
        overflow-x: auto;
        scrollbar-width: none;
        gap: calc(var(--width1024) * 10px);
    }
    .index09_2_class::-webkit-scrollbar{
        display: none;
    }
    .index09_2_class > a{
        font-size: calc(var(--width1024) * 14px);
        line-height: calc(var(--width1024) * 25px);
        padding: 0 calc(var(--width1024) * 10px);
        border-radius: calc(var(--width1024) * 13px);
        flex: 0 0 auto;
    }
    .index09_2_class > a:nth-of-type(4n+1){
        background: #DBEAFF;
        color: #0066FF;
    }
    .index09_2_class > a:nth-of-type(4n+2){
        background: #F2E7FF;
        color: #7100FF;
    }
    .index09_2_class > a:nth-of-type(4n+3){
        background: #DDFEE7;
        color: #02A836;
    }
    .index09_2_class > a:nth-of-type(4n+4){
        background: #FEEAEA;
        color: #F13536;
    }
    .index09_2_search > textarea{
        width: 100%;
        border: none;
        resize: none;
    }
    .index09_2_info{
        width: 100%;
        margin-top: calc(var(--width1024) * 20px);
    }
    .index09_2_info1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .index09_2_info1 > span{
        font-weight: bold;
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 18px);
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 3px);
    }
    .index09_2_info1 > span::before{
        content: "";
        display: block;
        width: calc(var(--width1024) * 19px);
        height: calc(var(--width1024) * 19px);
        background: url(../mobimages/icon1181.png) no-repeat;
        background-size: contain;
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width1024) * 14px);
        color: #999999;
        line-height: calc(var(--width1024) * 16px);
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 3px);
        background: none;
        border: none;
    }
    .index09_2_info1 > button::after{
        content: "";
        display: block;
        width: calc(var(--width1024) * 13px);
        height: calc(var(--width1024) * 13px);
        background: url(../mobimages/icon1182.png) no-repeat;
        background-size: contain;
    }
    .index09_2_info2{
        width: 100%;
        margin-top: calc(var(--width1024) * 15px);
        display: flex;
        flex-direction: column;
        gap: calc(var(--width1024) * 18px);
    }
    .index09_2_info2 > a{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--width1024) * 10px);
        height: calc(var(--width1024) * 33px);
        background: #FFFFFF;
        border-radius: calc(var(--width1024) * 17px) calc(var(--width1024) * 17px) calc(var(--width1024) * 17px) calc(var(--width1024) * 17px);
        border: calc(var(--width1024) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width1024) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 33px);
        width: calc(100% - calc(var(--width1024) * 20px));
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .index09_2_info2 > a::after{
        content: "";
        display: block;
        width: calc(var(--width1024) * 9px);
        height: calc(var(--width1024) * 12px);
        background: url(../mobimages/icon1183.png) no-repeat;
        background-size: contain;
    }
    .index09_3,
    .index09_4,
    .index09_5{
        width: 100%;
        margin-top: calc(var(--width1024) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        width: 100%;
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 25px);
        overflow-x: auto;
        scrollbar-width: none;
        padding-bottom: calc(var(--width1024) * 18px);
        border-bottom: calc(var(--width1024) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width1024) * 20px);
    }
    .index09_3_title::-webkit-scrollbar,
    .index09_4_title::-webkit-scrollbar,
    .index09_5_title::-webkit-scrollbar,
    .index09_6_title::-webkit-scrollbar,
    .index09_7_title::-webkit-scrollbar{
        display: none;
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width1024) * 20px);
        color: #333333;
        line-height: calc(var(--width1024) * 24px);
        flex: 0 0 auto;
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width1024) * 18px);
        color: #333333;
        line-height: calc(var(--width1024) * 24px);
        flex: 0 0 auto;
    }
    .index09_3_title > a.active,
    .index09_4_title > a.active,
    .index09_5_title > a.active,
    .index09_6_title > a.active,
    .index09_7_title > a.active{
        font-weight: bold;
        position: relative;
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        content: "";
        position: absolute;
        bottom: calc(var(--width1024) * -18px);
        left: 0;
        width: 100%;
        height: calc(var(--width1024) * 5px);
        border-radius: calc(var(--width1024) * 3px);
        background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
    }
    .index09_3M,
    .index09_4M{
        width: 100%;
        margin-top: calc(var(--width1024) * 20px);
        display: flex;
        flex-direction: column;
        gap: calc(var(--width1024) * 20px);
    }
    .index09_3s{
        width: 100%;
        height: calc(var(--width1024) * 33px);
        background: #FBFBFB;
        border-radius: calc(var(--width1024) * 17px) calc(var(--width1024) * 17px) calc(var(--width1024) * 17px) calc(var(--width1024) * 17px);
        border: calc(var(--width1024) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width1024) * 18px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width1024) * 20px));
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 33px);
    }
    .index09_3s::after{
        content: "";
        display: block;
        width: calc(var(--width1024) * 9px);
        height: calc(var(--width1024) * 12px);
        background: url(../mobimages/icon1183.png) no-repeat;
        background-size: contain;
    }
    .index09_4s{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(var(--width1024) * 15px);
        overflow: hidden;
    }
    .index09_4s_img{
        width: calc(var(--width1024) * 65px);
        height: calc(var(--width1024) * 65px);
        display: block;
        border: calc(var(--width1024) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width1024) * 15px);
        overflow: hidden;
        flex: 0 0 auto;
    }
    .index09_4s_img > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .index09_4s_btn{
        font-size: calc(var(--width1024) * 16px);
        color: #999999;
        line-height: calc(var(--width1024) * 28px);
        padding: 0 calc(var(--width1024) * 14px);
        border-radius: calc(var(--width1024) * 14px);
        background: #F8F8F8;
        border: calc(var(--width1024) * 1px) solid #F1F1F1;
        flex: 0 0 auto;
    }
    .index09_4s > div{
        width: auto;
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: calc(var(--width1024) * 16px);
    }
    .index09_4s_title{
        width: 100%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 18px);
    }
    .index09_4s > div p{
        width: 100%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: calc(var(--width1024) * 14px);
        color: #999999;
        line-height: calc(var(--width1024) * 16px);
    }
    .index_getmore{
        width: 100%;
        height: calc(var(--width1024) * 35px);
        background: #FBFBFB;
        border-radius: calc(var(--width1024) * 18px) calc(var(--width1024) * 18px) calc(var(--width1024) * 18px) calc(var(--width1024) * 18px);
        border: calc(var(--width1024) * 1px) solid #F3F3F3;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(var(--width1024) * 3px);
        font-size: calc(var(--width1024) * 16px);
        color: #999999;
        line-height: calc(var(--width1024) * 35px);
    }
    .index_getmore::after{
        content: "";
        display: block;
        width: calc(var(--width1024) * 9px);
        height: calc(var(--width1024) * 12px);
        background: url(../mobimages/icon1183.png) no-repeat;
        background-size: contain;
    }
    .index09_5M{
        width: 100%;
        margin-top: calc(var(--width1024) * 20px);
    }
    .index09_5M1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: calc(var(--width1024) * 20px);
        padding-bottom: calc(var(--width1024) * 15px);
        border-bottom: calc(var(--width1024) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width1024) * 10px));
    }
    .index09_5M1s_img{
        display: block;
        width: 100%;
        aspect-ratio: 186 / 110;
        height: auto;
        border-radius: calc(var(--width1024) * 3px);
        overflow: hidden;
        border-bottom: calc(var(--width1024) * 3px) solid #F13536;
    }
    .index09_5M1s_img img{
        width: 100%;
        height: 100%;
    }
    .index09_5M1s_title{
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 18px);
        margin-top: calc(var(--width1024) * 17px);
    }
    .index09_5M1s > p{
        width: 100%;
        font-size: calc(var(--width1024) * 14px);
        color: #999999;
        line-height: calc(var(--width1024) * 20px);
        height: calc(var(--width1024) * 40px);
        overflow: hidden;
        margin-top: calc(var(--width1024) * 8px);
    }
    .index09_5M2{
        width: 100%;
        margin-top: calc(var(--width1024) * 15px);
        display: flex;
        flex-direction: column;
    }
    .index09_5M2s{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(var(--width1024) * 30px);
    }
    .index09_5M2s > a{
        flex: 1;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 36px);
        position: relative;
        padding-left: calc(var(--width1024) * 24px);
    }
    .index09_5M2s > a::before{
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: calc(var(--width1024) * 14px);
        height: calc(var(--width1024) * 14px);
        background: url(../mobimages/icon1184.png) no-repeat;
        background-size: contain;
    }
    .index09_5M2s > a::after{
        content: "";
        position: absolute;
        left: calc(var(--width1024) * 6px);
        top: 0;
        width: calc(var(--width1024) * 1px);
        height: 100%;
        background-color: #F1F1F1;
    }
    .index09_5M2s:first-of-type > a::after{
        height: 50%;
        top: auto;
        bottom: 0;
    }
    .index09_5M2s:last-of-type > a::after{
        height: 50%;
    }
    .index09_5M2s > span{
        font-size: calc(var(--width1024) * 14px);
        color: #999999;
        line-height: calc(var(--width1024) * 16px);
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 3px);
        flex: 0 0 auto;
    }
    .index09_5M2s > span::before{
        content: "";
        display: block;
        width: calc(var(--width1024) * 14px);
        height: calc(var(--width1024) * 15px);
        background: url(../mobimages/icon251.png) no-repeat;
        background-size: contain;
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width1024) * 15px);
    }
    .index09_6{
        width: 100%;
        margin-top: calc(var(--width1024) * 30px);
    }
    .index_title{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .index_title > span{
        font-size: calc(var(--width1024) * 20px);
        color: #333333;
        line-height: calc(var(--width1024) * 22px);
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 3px);
    }
    .index_title > span::before{
        content: "";
        display: block;
        width: calc(var(--width1024) * 21px);
        height: calc(var(--width1024) * 20px);
        background: url(../mobimages/icon1185.png) no-repeat;
        background-size: contain;
    }
    .index_title > a{
        font-size: calc(var(--width1024) * 14px);
        color: #959595;
        line-height: calc(var(--width1024) * 16px);
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 3px);
    }
    .index_title > a::after{
        content: "";
        display: block;
        width: calc(var(--width1024) * 9px);
        height: calc(var(--width1024) * 12px);
        background: url(../mobimages/icon1183.png) no-repeat;
        background-size: contain;
    }
    .index09_6M{
        width: 100%;
        margin-top: calc(var(--width1024) * 20px);
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width1024) * 20px);
    }
    .index09_6s{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        gap: calc(var(--width1024) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width1024) * 65px);
        height: calc(var(--width1024) * 65px);
        border: calc(var(--width1024) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width1024) * 15px);
        object-fit: cover;
    }
    .index09_6s > span{
        width: 100%;
        overflow: hidden;
        font-size: calc(var(--width1024) * 16px);
        color: #000000;
        line-height: calc(var(--width1024) * 18px);
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .index09_7{
        width: 100%;
        margin-top: calc(var(--width1024) * 30px);
    }
    .index09_7Ms{
        width: 100%;
        padding: calc(var(--width1024) * 20px) 0;
        border-bottom: calc(var(--width1024) * 1px) solid #F3F3F3;
        display: flex;
        justify-content: space-between;
        gap: calc(var(--width1024) * 12px);
    }
    .index09_7Ms_img{
        display: block;
        width: calc(var(--width1024) * 140px);
        height: calc(var(--width1024) * 86px);
        border-radius: calc(var(--width1024) * 5px);
        overflow: hidden;
        position: relative;
        flex: 0 0 auto;
    }
    .index09_7Ms_img > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width1024) * 14px);
        color: #FFFFFF;
        line-height: calc(var(--width1024) * 20px);
        font-weight: bold;
        padding: 0 calc(var(--width1024) * 5px);
        border-radius: calc(var(--width1024) * 8px) calc(var(--width1024) * 0px) calc(var(--width1024) * 8px) calc(var(--width1024) * 0px);
        position: absolute;
        top: calc(var(--width1024) * 11px);
        left: calc(var(--width1024) * 12px);
    }
    .index09_7Ms_img > span.wztagjs{
        background: #02C0BE;
    }
    .index09_7Ms_img > span.wztagwd{
        background: #D07BFC;
    }
    .index09_7Ms_img > span.wztagjc{
        background: #9EBF04;
    }
    .index09_7Ms_img > span.wztagzy{
        background: #04A585;
    }
    .index09_7Ms_img > span.wztagbd{
        background: #8CE303;
    }
    .index09_7Ms_img > span.wztagxw{
        background: #FE0296;
    }
    .index09_7Ms_img > span.wzntagzx{
        background: #2C83F7;
    }
    .index09_7Ms_img > span.wzntagrm{
        background: #F13536;
    }
    .index09_7Ms_img > span.wzntagtj{
        background: #FF9C00;
    }
    .index09_7Ms_img > span.wzntagjx{
        background: #C003B1;
    }
    .index09_7Ms_img > span.wzntagyc{
        background: #FFD201;
    }
    .index09_7Ms_img > span.wzntaggx{
        background: #03C548;
    }
    .index09_7Ms_img > span.wzntagbd{
        background: #01DDFE;
    }
    .index09_7Ms_img > span.wzntagsd{
        background: #FD25F0;
    }
    .index09_7Ms_img > span.wzntaggh{
        background: #7E00FF;
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width1024) * 152px));
        height: calc(var(--width1024) * 86px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .index09_7Ms_title{
        display: inline-block;
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 28px);
        width: 100%;
        height: calc(var(--width1024) * 56px);
        overflow: hidden;
        word-break: break-all;
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width1024) * 14px);
        color: #FFFFFF;
        line-height: calc(var(--width1024) * 20px);
        padding: 0 calc(var(--width1024) * 5px);
        border-radius: calc(var(--width1024) * 8px) calc(var(--width1024) * 0px) calc(var(--width1024) * 8px) calc(var(--width1024) * 0px);
        font-weight: bold;
    }
    .index09_7Ms_title > span.wztagjs{
        background: #02C0BE;
    }
    .index09_7Ms_title > span.wztagjc{
        background: #9EBF04;
    }
    .index09_7Ms_title > span.wztagwd{
        background: #D07BFC;
    }
    .index09_7Ms_title > span.wztagzy{
        background: #04A585;
    }
    .index09_7Ms_title > span.wztagbd{
        background: #8CE303;
    }
    .index09_7Ms_title > span.wztagxw{
        background: #FE0296;
    }
    /* .index09_7Ms_title > span.wztagbd{
        background: #01DDFE;
    }
    .index09_7Ms_title > span.wztagsd{
        background: #FD25F0;
    }
    .index09_7Ms_title > span.wztaggh{
        background: #7E00FF;
    } */
    .index09_7Ms_info{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(var(--width1024) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width1024) * 12px);
        color: #999999;
        line-height: calc(var(--width1024) * 14px);
        display: flex;
        align-items: center;
        gap: calc(var(--width1024) * 3px);
        flex: 0 0 auto;
    }
    .index09_7Ms_info > span::before{
        content: "";
        display: block;
        width: calc(var(--width1024) * 14px);
        height: calc(var(--width1024) * 15px);
        background: url(../mobimages/icon251.png) no-repeat;
        background-size: contain;
    }
    .index09_7Ms_info > div{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: calc(var(--width1024) * 5px);
        overflow-x: auto;
        scrollbar-width: none;
    }
    .index09_7Ms_info > div::-webkit-scrollbar{
        display: none;
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width1024) * 12px);
        color: #999999;
        line-height: calc(var(--width1024) * 20px);
        padding: 0 calc(var(--width1024) * 8px);
        background: #F8F8F8;
        border-radius: calc(var(--width1024) * 10px);
        border: calc(var(--width1024) * 1px) solid #E4E4E4;
        flex: 0 0 auto;
    }
    .index09_7M .index_getmore{
        width: 100%;
        margin-top: calc(var(--width1024) * 20px);
    }
    .index09_8{
        margin-bottom: 20px !important;
    }
    .index09_8 .readswiper{
        width: 100%;
        margin-top: calc(var(--width1024) * 22px);
    }
    .index09_9 .coursesswiper{
        width: 100%;
        margin-top: calc(var(--width1024) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width1024) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width1024) * 13px);
        border: calc(var(--width1024) * 1px) solid #F1F1F1;
        background: #F8F8F8;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width1024) * 15px);
        height: calc(var(--width1024) * 5px);
        border-radius: calc(var(--width1024) * 3px);
        margin-right: calc(var(--width1024) * 6px);
        background: #D9D9D9;
    }
    .index09_9 .swiper-pagination-bullet-active{
        background: #6B6B6B !important;
    }
    .index09_8.hours-read{
        margin: 0;
        margin-top: calc(var(--width1024) * 30px);
        padding-bottom: calc(var(--width1024) * 20px);
    }
    .index09_9.rightAiRanking{
        margin: 0;
        margin-top: calc(var(--width1024) * 30px);
        padding-bottom: calc(var(--width1024) * 25px);
    }
    .index09_10.hot-down{
        margin: 0;
        margin-top: calc(var(--width1024) * 30px);
        padding-bottom: calc(var(--width1024) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width1024) * 20px);
    }
    .index09_10 .hotra{
        -webkit-line-clamp: 1;
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width1024) * 14px);
        color: #999999;
        line-height: calc(var(--width1024) * 16px);
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: calc(var(--width1024) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width1024) * 13px);
        border: calc(var(--width1024) * 1px) solid #F1F1F1;
        background: #F8F8F8;
    }
    .index09_11{
        width: 100%;
        margin-top: calc(var(--width1024) * 30px);
    }
    .index09_11M{
        width: 100%;
        margin-top: calc(var(--width1024) * 20px);
        display: flex;
        flex-wrap: wrap;
        gap: calc(var(--width1024) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width1024) * 16px);
        color: #333333;
        line-height: calc(var(--width1024) * 18px);
    }

    .index09_8 .hournum{
        background: url(../mobimages/icon358.png) no-repeat !important;
        background-size: contain !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .index09_8 .swiper-slide:first-of-type .hoursided:nth-of-type(1) .hournum{
        background: url(../mobimages/icon355.png) no-repeat !important;
        background-size: contain !important;
    }
    .index09_8 .swiper-slide:first-of-type .hoursided:nth-of-type(2) .hournum{
        background: url(../mobimages/icon356.png) no-repeat !important;
        background-size: contain !important;
    }
    .index09_8 .swiper-slide:first-of-type .hoursided:nth-of-type(3) .hournum{
        background: url(../mobimages/icon357.png) no-repeat !important;
        background-size: contain !important;
    }
    .index09_8 .hournum p{
        padding: 0 !important;
        padding-right: 2px !important;
        font-weight: 700;
    }
    .index09_9 .AiRankList_li span{
        background: url(../mobimages/icon358.png) no-repeat !important;
        background-size: contain !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .index09_9 .AiRankList_li span b{
        padding: 0 !important;
        padding-bottom: 4px !important;
    }
    .index09_9 .swiper-slide:first-of-type .AiRankList_li:nth-of-type(1) span{
        background: url(../mobimages/icon355.png) no-repeat !important;
        background-size: contain !important;
    }
    .index09_9 .swiper-slide:first-of-type .AiRankList_li:nth-of-type(2) span{
        background: url(../mobimages/icon356.png) no-repeat !important;
        background-size: contain !important;
    }
    .index09_9 .swiper-slide:first-of-type .AiRankList_li:nth-of-type(3) span{
        background: url(../mobimages/icon357.png) no-repeat !important;
        background-size: contain !important;
    }

@media screen and (max-width: 750px) {
    .index09_main{
        padding: 0 calc(var(--width750) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width750) * 20px);
        gap: calc(var(--width750) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width750) * 10px);
        width: calc(var(--width750) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width750) * 57px);
        height: calc(var(--width750) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width750) * 10px);
        line-height: calc(var(--width750) * 14px);
        padding: 0 calc(var(--width750) * 4px);
        border-radius: calc(var(--width750) * 5px) calc(var(--width750) * 5px) calc(var(--width750) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width750) * 8px);
    }
    .index09_2{
        padding: calc(var(--width750) * 20px) calc(var(--width750) * 15px);
        margin-top: calc(var(--width750) * 20px);
        border-radius: calc(var(--width750) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width750) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width750) * 24px);
        line-height: calc(var(--width750) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width750) * 15px);
        border-radius: calc(var(--width750) * 25px);
        border: calc(var(--width750) * 3px) solid transparent;
        padding: calc(var(--width750) * 10px) calc(var(--width750) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width750) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width750) * 30px);
        height: calc(var(--width750) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width750) * 50px));
        gap: calc(var(--width750) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 25px);
        padding: 0 calc(var(--width750) * 10px);
        border-radius: calc(var(--width750) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width750) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
        gap: calc(var(--width750) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width750) * 19px);
        height: calc(var(--width750) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 16px);
        gap: calc(var(--width750) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width750) * 13px);
        height: calc(var(--width750) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width750) * 15px);
        gap: calc(var(--width750) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width750) * 10px);
        height: calc(var(--width750) * 33px);
        border-radius: calc(var(--width750) * 17px) calc(var(--width750) * 17px) calc(var(--width750) * 17px) calc(var(--width750) * 17px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width750) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 33px);
        width: calc(100% - calc(var(--width750) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width750) * 9px);
        height: calc(var(--width750) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width750) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width750) * 25px);
        padding-bottom: calc(var(--width750) * 18px);
        border-bottom: calc(var(--width750) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width750) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width750) * 20px);
        line-height: calc(var(--width750) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width750) * 18px);
        line-height: calc(var(--width750) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width750) * -18px);
        height: calc(var(--width750) * 5px);
        border-radius: calc(var(--width750) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width750) * 20px);
        gap: calc(var(--width750) * 20px);
    }
    .index09_3s{
        height: calc(var(--width750) * 33px);
        border-radius: calc(var(--width750) * 17px) calc(var(--width750) * 17px) calc(var(--width750) * 17px) calc(var(--width750) * 17px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width750) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width750) * 20px));
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width750) * 9px);
        height: calc(var(--width750) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width750) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width750) * 65px);
        height: calc(var(--width750) * 65px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width750) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 28px);
        padding: 0 calc(var(--width750) * 14px);
        border-radius: calc(var(--width750) * 14px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width750) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 16px);
    }
    .index_getmore{
        height: calc(var(--width750) * 35px);
        border-radius: calc(var(--width750) * 18px) calc(var(--width750) * 18px) calc(var(--width750) * 18px) calc(var(--width750) * 18px);
        border: calc(var(--width750) * 1px) solid #F3F3F3;
        gap: calc(var(--width750) * 3px);
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width750) * 9px);
        height: calc(var(--width750) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width750) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width750) * 20px);
        padding-bottom: calc(var(--width750) * 15px);
        border-bottom: calc(var(--width750) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width750) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width750) * 3px);
        border-bottom: calc(var(--width750) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
        margin-top: calc(var(--width750) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 20px);
        height: calc(var(--width750) * 40px);
        margin-top: calc(var(--width750) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width750) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width750) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 36px);
        padding-left: calc(var(--width750) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width750) * 14px);
        height: calc(var(--width750) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width750) * 6px);
        width: calc(var(--width750) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 16px);
        gap: calc(var(--width750) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width750) * 14px);
        height: calc(var(--width750) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width750) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width750) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width750) * 20px);
        line-height: calc(var(--width750) * 22px);
        gap: calc(var(--width750) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width750) * 21px);
        height: calc(var(--width750) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 16px);
        gap: calc(var(--width750) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width750) * 9px);
        height: calc(var(--width750) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width750) * 20px);
        gap: calc(var(--width750) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width750) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width750) * 65px);
        height: calc(var(--width750) * 65px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width750) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width750) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width750) * 20px) 0;
        border-bottom: calc(var(--width750) * 1px) solid #F3F3F3;
        gap: calc(var(--width750) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width750) * 140px);
        height: calc(var(--width750) * 86px);
        border-radius: calc(var(--width750) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 20px);
        padding: 0 calc(var(--width750) * 5px);
        border-radius: calc(var(--width750) * 8px) calc(var(--width750) * 0px) calc(var(--width750) * 8px) calc(var(--width750) * 0px);
        top: calc(var(--width750) * 11px);
        left: calc(var(--width750) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width750) * 152px));
        height: calc(var(--width750) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 28px);
        height: calc(var(--width750) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 20px);
        padding: 0 calc(var(--width750) * 5px);
        border-radius: calc(var(--width750) * 8px) calc(var(--width750) * 0px) calc(var(--width750) * 8px) calc(var(--width750) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width750) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width750) * 12px);
        line-height: calc(var(--width750) * 14px);
        gap: calc(var(--width750) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width750) * 14px);
        height: calc(var(--width750) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width750) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width750) * 12px);
        line-height: calc(var(--width750) * 20px);
        padding: 0 calc(var(--width750) * 8px);
        border-radius: calc(var(--width750) * 10px);
        border: calc(var(--width750) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width750) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width750) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width750) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width750) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width750) * 13px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width750) * 15px);
        height: calc(var(--width750) * 5px);
        border-radius: calc(var(--width750) * 3px);
        margin-right: calc(var(--width750) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width750) * 30px);
        padding-bottom: calc(var(--width750) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width750) * 30px);
        padding-bottom: calc(var(--width750) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width750) * 30px);
        padding-bottom: calc(var(--width750) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width750) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 16px);
        margin-top: calc(var(--width750) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width750) * 13px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width750) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width750) * 20px);
        gap: calc(var(--width750) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
    }
}

@media screen and (max-width: 560px) {
    .index09_main{
        padding: 0 calc(var(--width560) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width560) * 20px);
        gap: calc(var(--width560) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width560) * 10px);
        width: calc(var(--width560) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width560) * 57px);
        height: calc(var(--width560) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width560) * 10px);
        line-height: calc(var(--width560) * 14px);
        padding: 0 calc(var(--width560) * 4px);
        border-radius: calc(var(--width560) * 5px) calc(var(--width560) * 5px) calc(var(--width560) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width560) * 8px);
    }
    .index09_2{
        padding: calc(var(--width560) * 20px) calc(var(--width560) * 15px);
        margin-top: calc(var(--width560) * 20px);
        border-radius: calc(var(--width560) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width560) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width560) * 24px);
        line-height: calc(var(--width560) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width560) * 15px);
        border-radius: calc(var(--width560) * 25px);
        border: calc(var(--width560) * 3px) solid transparent;
        padding: calc(var(--width560) * 10px) calc(var(--width560) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width560) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width560) * 30px);
        height: calc(var(--width560) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width560) * 50px));
        gap: calc(var(--width560) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 25px);
        padding: 0 calc(var(--width560) * 10px);
        border-radius: calc(var(--width560) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width560) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
        gap: calc(var(--width560) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width560) * 19px);
        height: calc(var(--width560) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 16px);
        gap: calc(var(--width560) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width560) * 13px);
        height: calc(var(--width560) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width560) * 15px);
        gap: calc(var(--width560) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width560) * 10px);
        height: calc(var(--width560) * 33px);
        border-radius: calc(var(--width560) * 17px) calc(var(--width560) * 17px) calc(var(--width560) * 17px) calc(var(--width560) * 17px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width560) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 33px);
        width: calc(100% - calc(var(--width560) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width560) * 9px);
        height: calc(var(--width560) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width560) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width560) * 25px);
        padding-bottom: calc(var(--width560) * 18px);
        border-bottom: calc(var(--width560) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width560) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width560) * 20px);
        line-height: calc(var(--width560) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width560) * 18px);
        line-height: calc(var(--width560) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width560) * -18px);
        height: calc(var(--width560) * 5px);
        border-radius: calc(var(--width560) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width560) * 20px);
        gap: calc(var(--width560) * 20px);
    }
    .index09_3s{
        height: calc(var(--width560) * 33px);
        border-radius: calc(var(--width560) * 17px) calc(var(--width560) * 17px) calc(var(--width560) * 17px) calc(var(--width560) * 17px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width560) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width560) * 20px));
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width560) * 9px);
        height: calc(var(--width560) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width560) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width560) * 65px);
        height: calc(var(--width560) * 65px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width560) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 28px);
        padding: 0 calc(var(--width560) * 14px);
        border-radius: calc(var(--width560) * 14px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width560) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 16px);
    }
    .index_getmore{
        height: calc(var(--width560) * 35px);
        border-radius: calc(var(--width560) * 18px) calc(var(--width560) * 18px) calc(var(--width560) * 18px) calc(var(--width560) * 18px);
        border: calc(var(--width560) * 1px) solid #F3F3F3;
        gap: calc(var(--width560) * 3px);
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width560) * 9px);
        height: calc(var(--width560) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width560) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width560) * 20px);
        padding-bottom: calc(var(--width560) * 15px);
        border-bottom: calc(var(--width560) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width560) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width560) * 3px);
        border-bottom: calc(var(--width560) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
        margin-top: calc(var(--width560) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 20px);
        height: calc(var(--width560) * 40px);
        margin-top: calc(var(--width560) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width560) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width560) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 36px);
        padding-left: calc(var(--width560) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width560) * 14px);
        height: calc(var(--width560) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width560) * 6px);
        width: calc(var(--width560) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 16px);
        gap: calc(var(--width560) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width560) * 14px);
        height: calc(var(--width560) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width560) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width560) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width560) * 20px);
        line-height: calc(var(--width560) * 22px);
        gap: calc(var(--width560) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width560) * 21px);
        height: calc(var(--width560) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 16px);
        gap: calc(var(--width560) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width560) * 9px);
        height: calc(var(--width560) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width560) * 20px);
        gap: calc(var(--width560) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width560) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width560) * 65px);
        height: calc(var(--width560) * 65px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width560) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width560) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width560) * 20px) 0;
        border-bottom: calc(var(--width560) * 1px) solid #F3F3F3;
        gap: calc(var(--width560) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width560) * 140px);
        height: calc(var(--width560) * 86px);
        border-radius: calc(var(--width560) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 20px);
        padding: 0 calc(var(--width560) * 5px);
        border-radius: calc(var(--width560) * 8px) calc(var(--width560) * 0px) calc(var(--width560) * 8px) calc(var(--width560) * 0px);
        top: calc(var(--width560) * 11px);
        left: calc(var(--width560) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width560) * 152px));
        height: calc(var(--width560) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 28px);
        height: calc(var(--width560) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 20px);
        padding: 0 calc(var(--width560) * 5px);
        border-radius: calc(var(--width560) * 8px) calc(var(--width560) * 0px) calc(var(--width560) * 8px) calc(var(--width560) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width560) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width560) * 12px);
        line-height: calc(var(--width560) * 14px);
        gap: calc(var(--width560) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width560) * 14px);
        height: calc(var(--width560) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width560) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width560) * 12px);
        line-height: calc(var(--width560) * 20px);
        padding: 0 calc(var(--width560) * 8px);
        border-radius: calc(var(--width560) * 10px);
        border: calc(var(--width560) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width560) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width560) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width560) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width560) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width560) * 13px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width560) * 15px);
        height: calc(var(--width560) * 5px);
        border-radius: calc(var(--width560) * 3px);
        margin-right: calc(var(--width560) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width560) * 30px);
        padding-bottom: calc(var(--width560) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width560) * 30px);
        padding-bottom: calc(var(--width560) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width560) * 30px);
        padding-bottom: calc(var(--width560) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width560) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 16px);
        margin-top: calc(var(--width560) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width560) * 13px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width560) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width560) * 20px);
        gap: calc(var(--width560) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
    }
}

@media screen and (max-width: 540px) {
    .index09_main{
        padding: 0 calc(var(--width540) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width540) * 20px);
        gap: calc(var(--width540) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width540) * 10px);
        width: calc(var(--width540) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width540) * 57px);
        height: calc(var(--width540) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width540) * 10px);
        line-height: calc(var(--width540) * 14px);
        padding: 0 calc(var(--width540) * 4px);
        border-radius: calc(var(--width540) * 5px) calc(var(--width540) * 5px) calc(var(--width540) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width540) * 8px);
    }
    .index09_2{
        padding: calc(var(--width540) * 20px) calc(var(--width540) * 15px);
        margin-top: calc(var(--width540) * 20px);
        border-radius: calc(var(--width540) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width540) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width540) * 24px);
        line-height: calc(var(--width540) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width540) * 15px);
        border-radius: calc(var(--width540) * 25px);
        border: calc(var(--width540) * 3px) solid transparent;
        padding: calc(var(--width540) * 10px) calc(var(--width540) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width540) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width540) * 30px);
        height: calc(var(--width540) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width540) * 50px));
        gap: calc(var(--width540) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 25px);
        padding: 0 calc(var(--width540) * 10px);
        border-radius: calc(var(--width540) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width540) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
        gap: calc(var(--width540) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width540) * 19px);
        height: calc(var(--width540) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 16px);
        gap: calc(var(--width540) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width540) * 13px);
        height: calc(var(--width540) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width540) * 15px);
        gap: calc(var(--width540) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width540) * 10px);
        height: calc(var(--width540) * 33px);
        border-radius: calc(var(--width540) * 17px) calc(var(--width540) * 17px) calc(var(--width540) * 17px) calc(var(--width540) * 17px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width540) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 33px);
        width: calc(100% - calc(var(--width540) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width540) * 9px);
        height: calc(var(--width540) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width540) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width540) * 25px);
        padding-bottom: calc(var(--width540) * 18px);
        border-bottom: calc(var(--width540) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width540) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width540) * 20px);
        line-height: calc(var(--width540) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width540) * 18px);
        line-height: calc(var(--width540) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width540) * -18px);
        height: calc(var(--width540) * 5px);
        border-radius: calc(var(--width540) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width540) * 20px);
        gap: calc(var(--width540) * 20px);
    }
    .index09_3s{
        height: calc(var(--width540) * 33px);
        border-radius: calc(var(--width540) * 17px) calc(var(--width540) * 17px) calc(var(--width540) * 17px) calc(var(--width540) * 17px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width540) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width540) * 20px));
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width540) * 9px);
        height: calc(var(--width540) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width540) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width540) * 65px);
        height: calc(var(--width540) * 65px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width540) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 28px);
        padding: 0 calc(var(--width540) * 14px);
        border-radius: calc(var(--width540) * 14px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width540) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 16px);
    }
    .index_getmore{
        height: calc(var(--width540) * 35px);
        border-radius: calc(var(--width540) * 18px) calc(var(--width540) * 18px) calc(var(--width540) * 18px) calc(var(--width540) * 18px);
        border: calc(var(--width540) * 1px) solid #F3F3F3;
        gap: calc(var(--width540) * 3px);
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width540) * 9px);
        height: calc(var(--width540) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width540) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width540) * 20px);
        padding-bottom: calc(var(--width540) * 15px);
        border-bottom: calc(var(--width540) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width540) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width540) * 3px);
        border-bottom: calc(var(--width540) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
        margin-top: calc(var(--width540) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 20px);
        height: calc(var(--width540) * 40px);
        margin-top: calc(var(--width540) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width540) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width540) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 36px);
        padding-left: calc(var(--width540) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width540) * 14px);
        height: calc(var(--width540) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width540) * 6px);
        width: calc(var(--width540) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 16px);
        gap: calc(var(--width540) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width540) * 14px);
        height: calc(var(--width540) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width540) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width540) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width540) * 20px);
        line-height: calc(var(--width540) * 22px);
        gap: calc(var(--width540) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width540) * 21px);
        height: calc(var(--width540) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 16px);
        gap: calc(var(--width540) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width540) * 9px);
        height: calc(var(--width540) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width540) * 20px);
        gap: calc(var(--width540) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width540) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width540) * 65px);
        height: calc(var(--width540) * 65px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width540) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width540) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width540) * 20px) 0;
        border-bottom: calc(var(--width540) * 1px) solid #F3F3F3;
        gap: calc(var(--width540) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width540) * 140px);
        height: calc(var(--width540) * 86px);
        border-radius: calc(var(--width540) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 20px);
        padding: 0 calc(var(--width540) * 5px);
        border-radius: calc(var(--width540) * 8px) calc(var(--width540) * 0px) calc(var(--width540) * 8px) calc(var(--width540) * 0px);
        top: calc(var(--width540) * 11px);
        left: calc(var(--width540) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width540) * 152px));
        height: calc(var(--width540) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 28px);
        height: calc(var(--width540) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 20px);
        padding: 0 calc(var(--width540) * 5px);
        border-radius: calc(var(--width540) * 8px) calc(var(--width540) * 0px) calc(var(--width540) * 8px) calc(var(--width540) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width540) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width540) * 12px);
        line-height: calc(var(--width540) * 14px);
        gap: calc(var(--width540) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width540) * 14px);
        height: calc(var(--width540) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width540) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width540) * 12px);
        line-height: calc(var(--width540) * 20px);
        padding: 0 calc(var(--width540) * 8px);
        border-radius: calc(var(--width540) * 10px);
        border: calc(var(--width540) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width540) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width540) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width540) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width540) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width540) * 13px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width540) * 15px);
        height: calc(var(--width540) * 5px);
        border-radius: calc(var(--width540) * 3px);
        margin-right: calc(var(--width540) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width540) * 30px);
        padding-bottom: calc(var(--width540) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width540) * 30px);
        padding-bottom: calc(var(--width540) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width540) * 30px);
        padding-bottom: calc(var(--width540) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width540) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 16px);
        margin-top: calc(var(--width540) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width540) * 13px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width540) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width540) * 20px);
        gap: calc(var(--width540) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
    }
}

@media screen and (max-width: 525px) {
    .index09_main{
        padding: 0 calc(var(--width525) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width525) * 20px);
        gap: calc(var(--width525) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width525) * 10px);
        width: calc(var(--width525) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width525) * 57px);
        height: calc(var(--width525) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width525) * 10px);
        line-height: calc(var(--width525) * 14px);
        padding: 0 calc(var(--width525) * 4px);
        border-radius: calc(var(--width525) * 5px) calc(var(--width525) * 5px) calc(var(--width525) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width525) * 8px);
    }
    .index09_2{
        padding: calc(var(--width525) * 20px) calc(var(--width525) * 15px);
        margin-top: calc(var(--width525) * 20px);
        border-radius: calc(var(--width525) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width525) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width525) * 24px);
        line-height: calc(var(--width525) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width525) * 15px);
        border-radius: calc(var(--width525) * 25px);
        border: calc(var(--width525) * 3px) solid transparent;
        padding: calc(var(--width525) * 10px) calc(var(--width525) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width525) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width525) * 30px);
        height: calc(var(--width525) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width525) * 50px));
        gap: calc(var(--width525) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 25px);
        padding: 0 calc(var(--width525) * 10px);
        border-radius: calc(var(--width525) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width525) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 18px);
        gap: calc(var(--width525) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width525) * 19px);
        height: calc(var(--width525) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 16px);
        gap: calc(var(--width525) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width525) * 13px);
        height: calc(var(--width525) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width525) * 15px);
        gap: calc(var(--width525) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width525) * 10px);
        height: calc(var(--width525) * 33px);
        border-radius: calc(var(--width525) * 17px) calc(var(--width525) * 17px) calc(var(--width525) * 17px) calc(var(--width525) * 17px);
        border: calc(var(--width525) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width525) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 33px);
        width: calc(100% - calc(var(--width525) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width525) * 9px);
        height: calc(var(--width525) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width525) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width525) * 25px);
        padding-bottom: calc(var(--width525) * 18px);
        border-bottom: calc(var(--width525) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width525) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width525) * 20px);
        line-height: calc(var(--width525) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width525) * 18px);
        line-height: calc(var(--width525) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width525) * -18px);
        height: calc(var(--width525) * 5px);
        border-radius: calc(var(--width525) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width525) * 20px);
        gap: calc(var(--width525) * 20px);
    }
    .index09_3s{
        height: calc(var(--width525) * 33px);
        border-radius: calc(var(--width525) * 17px) calc(var(--width525) * 17px) calc(var(--width525) * 17px) calc(var(--width525) * 17px);
        border: calc(var(--width525) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width525) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width525) * 20px));
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width525) * 9px);
        height: calc(var(--width525) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width525) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width525) * 65px);
        height: calc(var(--width525) * 65px);
        border: calc(var(--width525) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width525) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 28px);
        padding: 0 calc(var(--width525) * 14px);
        border-radius: calc(var(--width525) * 14px);
        border: calc(var(--width525) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width525) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 16px);
    }
    .index_getmore{
        height: calc(var(--width525) * 35px);
        border-radius: calc(var(--width525) * 18px) calc(var(--width525) * 18px) calc(var(--width525) * 18px) calc(var(--width525) * 18px);
        border: calc(var(--width525) * 1px) solid #F3F3F3;
        gap: calc(var(--width525) * 3px);
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width525) * 9px);
        height: calc(var(--width525) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width525) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width525) * 20px);
        padding-bottom: calc(var(--width525) * 15px);
        border-bottom: calc(var(--width525) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width525) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width525) * 3px);
        border-bottom: calc(var(--width525) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 18px);
        margin-top: calc(var(--width525) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 20px);
        height: calc(var(--width525) * 40px);
        margin-top: calc(var(--width525) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width525) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width525) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 36px);
        padding-left: calc(var(--width525) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width525) * 14px);
        height: calc(var(--width525) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width525) * 6px);
        width: calc(var(--width525) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 16px);
        gap: calc(var(--width525) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width525) * 14px);
        height: calc(var(--width525) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width525) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width525) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width525) * 20px);
        line-height: calc(var(--width525) * 22px);
        gap: calc(var(--width525) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width525) * 21px);
        height: calc(var(--width525) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 16px);
        gap: calc(var(--width525) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width525) * 9px);
        height: calc(var(--width525) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width525) * 20px);
        gap: calc(var(--width525) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width525) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width525) * 65px);
        height: calc(var(--width525) * 65px);
        border: calc(var(--width525) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width525) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width525) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width525) * 20px) 0;
        border-bottom: calc(var(--width525) * 1px) solid #F3F3F3;
        gap: calc(var(--width525) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width525) * 140px);
        height: calc(var(--width525) * 86px);
        border-radius: calc(var(--width525) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 20px);
        padding: 0 calc(var(--width525) * 5px);
        border-radius: calc(var(--width525) * 8px) calc(var(--width525) * 0px) calc(var(--width525) * 8px) calc(var(--width525) * 0px);
        top: calc(var(--width525) * 11px);
        left: calc(var(--width525) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width525) * 152px));
        height: calc(var(--width525) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 28px);
        height: calc(var(--width525) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 20px);
        padding: 0 calc(var(--width525) * 5px);
        border-radius: calc(var(--width525) * 8px) calc(var(--width525) * 0px) calc(var(--width525) * 8px) calc(var(--width525) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width525) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width525) * 12px);
        line-height: calc(var(--width525) * 14px);
        gap: calc(var(--width525) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width525) * 14px);
        height: calc(var(--width525) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width525) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width525) * 12px);
        line-height: calc(var(--width525) * 20px);
        padding: 0 calc(var(--width525) * 8px);
        border-radius: calc(var(--width525) * 10px);
        border: calc(var(--width525) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width525) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width525) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width525) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width525) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width525) * 13px);
        border: calc(var(--width525) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width525) * 15px);
        height: calc(var(--width525) * 5px);
        border-radius: calc(var(--width525) * 3px);
        margin-right: calc(var(--width525) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width525) * 30px);
        padding-bottom: calc(var(--width525) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width525) * 30px);
        padding-bottom: calc(var(--width525) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width525) * 30px);
        padding-bottom: calc(var(--width525) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width525) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width525) * 14px);
        line-height: calc(var(--width525) * 16px);
        margin-top: calc(var(--width525) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width525) * 13px);
        border: calc(var(--width525) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width525) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width525) * 20px);
        gap: calc(var(--width525) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width525) * 16px);
        line-height: calc(var(--width525) * 18px);
    }
}

@media screen and (max-width: 500px) {
    .index09_main{
        padding: 0 calc(var(--width500) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width500) * 20px);
        gap: calc(var(--width500) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width500) * 10px);
        width: calc(var(--width500) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width500) * 57px);
        height: calc(var(--width500) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width500) * 10px);
        line-height: calc(var(--width500) * 14px);
        padding: 0 calc(var(--width500) * 4px);
        border-radius: calc(var(--width500) * 5px) calc(var(--width500) * 5px) calc(var(--width500) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width500) * 8px);
    }
    .index09_2{
        padding: calc(var(--width500) * 20px) calc(var(--width500) * 15px);
        margin-top: calc(var(--width500) * 20px);
        border-radius: calc(var(--width500) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width500) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width500) * 24px);
        line-height: calc(var(--width500) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width500) * 15px);
        border-radius: calc(var(--width500) * 25px);
        border: calc(var(--width500) * 3px) solid transparent;
        padding: calc(var(--width500) * 10px) calc(var(--width500) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width500) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width500) * 30px);
        height: calc(var(--width500) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width500) * 50px));
        gap: calc(var(--width500) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 25px);
        padding: 0 calc(var(--width500) * 10px);
        border-radius: calc(var(--width500) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width500) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 18px);
        gap: calc(var(--width500) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width500) * 19px);
        height: calc(var(--width500) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 16px);
        gap: calc(var(--width500) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width500) * 13px);
        height: calc(var(--width500) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width500) * 15px);
        gap: calc(var(--width500) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width500) * 10px);
        height: calc(var(--width500) * 33px);
        border-radius: calc(var(--width500) * 17px) calc(var(--width500) * 17px) calc(var(--width500) * 17px) calc(var(--width500) * 17px);
        border: calc(var(--width500) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width500) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 33px);
        width: calc(100% - calc(var(--width500) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width500) * 9px);
        height: calc(var(--width500) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width500) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width500) * 25px);
        padding-bottom: calc(var(--width500) * 18px);
        border-bottom: calc(var(--width500) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width500) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width500) * 20px);
        line-height: calc(var(--width500) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width500) * 18px);
        line-height: calc(var(--width500) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width500) * -18px);
        height: calc(var(--width500) * 5px);
        border-radius: calc(var(--width500) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width500) * 20px);
        gap: calc(var(--width500) * 20px);
    }
    .index09_3s{
        height: calc(var(--width500) * 33px);
        border-radius: calc(var(--width500) * 17px) calc(var(--width500) * 17px) calc(var(--width500) * 17px) calc(var(--width500) * 17px);
        border: calc(var(--width500) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width500) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width500) * 20px));
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width500) * 9px);
        height: calc(var(--width500) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width500) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width500) * 65px);
        height: calc(var(--width500) * 65px);
        border: calc(var(--width500) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width500) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 28px);
        padding: 0 calc(var(--width500) * 14px);
        border-radius: calc(var(--width500) * 14px);
        border: calc(var(--width500) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width500) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 16px);
    }
    .index_getmore{
        height: calc(var(--width500) * 35px);
        border-radius: calc(var(--width500) * 18px) calc(var(--width500) * 18px) calc(var(--width500) * 18px) calc(var(--width500) * 18px);
        border: calc(var(--width500) * 1px) solid #F3F3F3;
        gap: calc(var(--width500) * 3px);
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width500) * 9px);
        height: calc(var(--width500) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width500) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width500) * 20px);
        padding-bottom: calc(var(--width500) * 15px);
        border-bottom: calc(var(--width500) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width500) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width500) * 3px);
        border-bottom: calc(var(--width500) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 18px);
        margin-top: calc(var(--width500) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 20px);
        height: calc(var(--width500) * 40px);
        margin-top: calc(var(--width500) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width500) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width500) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 36px);
        padding-left: calc(var(--width500) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width500) * 14px);
        height: calc(var(--width500) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width500) * 6px);
        width: calc(var(--width500) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 16px);
        gap: calc(var(--width500) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width500) * 14px);
        height: calc(var(--width500) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width500) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width500) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width500) * 20px);
        line-height: calc(var(--width500) * 22px);
        gap: calc(var(--width500) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width500) * 21px);
        height: calc(var(--width500) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 16px);
        gap: calc(var(--width500) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width500) * 9px);
        height: calc(var(--width500) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width500) * 20px);
        gap: calc(var(--width500) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width500) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width500) * 65px);
        height: calc(var(--width500) * 65px);
        border: calc(var(--width500) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width500) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width500) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width500) * 20px) 0;
        border-bottom: calc(var(--width500) * 1px) solid #F3F3F3;
        gap: calc(var(--width500) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width500) * 140px);
        height: calc(var(--width500) * 86px);
        border-radius: calc(var(--width500) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 20px);
        padding: 0 calc(var(--width500) * 5px);
        border-radius: calc(var(--width500) * 8px) calc(var(--width500) * 0px) calc(var(--width500) * 8px) calc(var(--width500) * 0px);
        top: calc(var(--width500) * 11px);
        left: calc(var(--width500) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width500) * 152px));
        height: calc(var(--width500) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 28px);
        height: calc(var(--width500) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 20px);
        padding: 0 calc(var(--width500) * 5px);
        border-radius: calc(var(--width500) * 8px) calc(var(--width500) * 0px) calc(var(--width500) * 8px) calc(var(--width500) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width500) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width500) * 12px);
        line-height: calc(var(--width500) * 14px);
        gap: calc(var(--width500) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width500) * 14px);
        height: calc(var(--width500) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width500) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width500) * 12px);
        line-height: calc(var(--width500) * 20px);
        padding: 0 calc(var(--width500) * 8px);
        border-radius: calc(var(--width500) * 10px);
        border: calc(var(--width500) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width500) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width500) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width500) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width500) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width500) * 13px);
        border: calc(var(--width500) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width500) * 15px);
        height: calc(var(--width500) * 5px);
        border-radius: calc(var(--width500) * 3px);
        margin-right: calc(var(--width500) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width500) * 30px);
        padding-bottom: calc(var(--width500) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width500) * 30px);
        padding-bottom: calc(var(--width500) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width500) * 30px);
        padding-bottom: calc(var(--width500) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width500) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width500) * 14px);
        line-height: calc(var(--width500) * 16px);
        margin-top: calc(var(--width500) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width500) * 13px);
        border: calc(var(--width500) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width500) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width500) * 20px);
        gap: calc(var(--width500) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width500) * 16px);
        line-height: calc(var(--width500) * 18px);
    }
}

@media screen and (max-width: 430px) {
    .index09_main{
        padding: 0 20px;
    }
    .index09_1{
        margin-top: 20px;
        gap: 20px;
    }
    .index09_1s{
        gap: 10px;
        width: 75px;
    }
    .index09_1s > img{
        width: 57px;
        height: 57px;
    }
    .index09_1s > span{
        font-size: 16px;
        line-height: 20px;
    }
    .index09_1s > b{
        font-size: 10px;
        line-height: 14px;
        padding: 0 4px;
        border-radius: 5px 5px 5px 0;
    }
    b.icon_ai{
        padding: 0 8px;
    }
    .index09_2{
        padding: 20px 15px;
        margin-top: 20px;
        border-radius: 3px;
    }
    .index09_2_title{
        gap: 20px;
    }
    .index09_2_title > span{
        font-size: 24px;
        line-height: 28px;
    }
    .index09_2_search{
        margin-top: 15px;
        border-radius: 25px;
        border: 3px solid transparent;
        padding: 10px 15px;
    }
    .index09_2_search > div{
        gap: 20px;
    }
    .index09_2_btn{
        width: 30px;
        height: 30px;
    }
    .index09_2_class{
        width: calc(100% - 50px);
        gap: 10px;
    }
    .index09_2_class > a{
        font-size: 14px;
        line-height: 25px;
        padding: 0 10px;
        border-radius: 13px;
    }
    .index09_2_info{
        margin-top: 20px;
    }
    .index09_2_info1 > span{
        font-size: 16px;
        line-height: 18px;
        gap: 3px;
    }
    .index09_2_info1 > span::before{
        width: 19px;
        height: 19px;
    }
    .index09_2_info1 > button{
        font-size: 14px;
        line-height: 16px;
        gap: 3px;
    }
    .index09_2_info1 > button::after{
        width: 13px;
        height: 13px;
    }
    .index09_2_info2{
        margin-top: 15px;
        gap: 18px;
    }
    .index09_2_info2 > a{
        gap: 10px;
        height: 33px;
        border-radius: 17px 17px 17px 17px;
        border: 1px solid #F1F1F1;
        padding: 0 15px;
    }
    .index09_2_info2 > a > span{
        font-size: 16px;
        line-height: 33px;
        width: calc(100% - 20px);
    }
    .index09_2_info2 > a::after{
        width: 9px;
        height: 12px;
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: 25px;
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: 25px;
        padding-bottom: 18px;
        border-bottom: 1px solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: 20px;
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: 20px;
        line-height: 24px;
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: 18px;
        line-height: 24px;
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: -18px;
        height: 5px;
        border-radius: 3px;
    }
    .index09_3M,
    .index09_4M{
        margin-top: 20px;
        gap: 20px;
    }
    .index09_3s{
        height: 33px;
        border-radius: 17px 17px 17px 17px;
        border: 1px solid #F1F1F1;
        padding: 0 18px;
    }
    .index09_3s > span{
        width: calc(100% - 20px);
        font-size: 16px;
        line-height: 33px;
    }
    .index09_3s::after{
        width: 9px;
        height: 12px;
    }
    .index09_4s{
        gap: 15px;
    }
    .index09_4s_img{
        width: 65px;
        height: 65px;
        border: 1px solid #F1F1F1;
        border-radius: 15px;
    }
    .index09_4s_btn{
        font-size: 16px;
        line-height: 28px;
        padding: 0 14px;
        border-radius: 14px;
        border: 1px solid #F1F1F1;
    }
    .index09_4s > div{
        gap: 16px;
    }
    .index09_4s_title{
        font-size: 16px;
        line-height: 18px;
    }
    .index09_4s > div p{
        font-size: 14px;
        line-height: 16px;
    }
    .index_getmore{
        height: 35px;
        border-radius: 18px 18px 18px 18px;
        border: 1px solid #F3F3F3;
        gap: 3px;
        font-size: 16px;
        line-height: 35px;
    }
    .index_getmore::after{
        width: 9px;
        height: 12px;
    }
    .index09_5M{
        margin-top: 20px;
    }
    .index09_5M1{
        gap: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - 10px);
    }
    .index09_5M1s_img{
        border-radius: 3px;
        border-bottom: 3px solid #F13536;
    }
    .index09_5M1s_title{
        font-size: 16px;
        line-height: 18px;
        margin-top: 17px;
    }
    .index09_5M1s > p{
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        margin-top: 8px;
    }
    .index09_5M2{
        margin-top: 15px;
    }
    .index09_5M2s{
        gap: 30px;
    }
    .index09_5M2s > a{
        font-size: 16px;
        line-height: 36px;
        padding-left: 24px;
    }
    .index09_5M2s > a::before{
        width: 14px;
        height: 14px;
    }
    .index09_5M2s > a::after{
        left: 6px;
        width: 1px;
    }
    .index09_5M2s > span{
        font-size: 14px;
        line-height: 16px;
        gap: 3px;
    }
    .index09_5M2s > span::before{
        width: 14px;
        height: 15px;
    }
    .index09_5M .index_getmore{
        margin-top: 15px;
    }
    .index09_6{
        margin-top: 30px;
    }
    .index_title > span{
        font-size: 20px;
        line-height: 22px;
        gap: 3px;
    }
    .index_title > span::before{
        width: 21px;
        height: 20px;
    }
    .index_title > a{
        font-size: 14px;
        line-height: 16px;
        gap: 3px;
    }
    .index_title > a::after{
        width: 9px;
        height: 12px;
    }
    .index09_6M{
        margin-top: 20px;
        gap: 20px;
    }
    .index09_6s{
        gap: 13px;
    }
    .index09_6s > img{
        width: 65px;
        height: 65px;
        border: 1px solid #F1F1F1;
        border-radius: 15px;
    }
    .index09_6s > span{
        font-size: 16px;
        line-height: 18px;
    }
    .index09_7{
        margin-top: 30px;
    }
    .index09_7Ms{
        padding: 20px 0;
        border-bottom: 1px solid #F3F3F3;
        gap: 12px;
    }
    .index09_7Ms_img{
        width: 140px;
        height: 86px;
        border-radius: 5px;
    }
    .index09_7Ms_img > span{
        font-size: 14px;
        line-height: 20px;
        padding: 0 5px;
        border-radius: 8px 0px 8px 0px;
        top: 11px;
        left: 12px;
    }
    .index09_7Ms > div{
        width: calc(100% - 152px);
        height: 86px;
    }
    .index09_7Ms_title{
        font-size: 16px;
        line-height: 28px;
        height: 56px;
    }
    .index09_7Ms_title > span{
        font-size: 14px;
        line-height: 20px;
        padding: 0 5px;
        border-radius: 8px 0px 8px 0px;
    }
    .index09_7Ms_info{
        gap: 20px;
    }
    .index09_7Ms_info > span{
        font-size: 12px;
        line-height: 14px;
        gap: 3px;
    }
    .index09_7Ms_info > span::before{
        width: 14px;
        height: 15px;
    }
    .index09_7Ms_info > div{
        gap: 5px;
    }
    .index09_7Ms_info > div a{
        font-size: 12px;
        line-height: 20px;
        padding: 0 8px;
        border-radius: 10px;
        border: 1px solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: 20px;
    }
    .index09_8 .readswiper{
        margin-top: 22px;
    }
    .index09_9 .coursesswiper{
        margin-top: 22px;
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - 126px);
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: 13px;
        border: 1px solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: 15px;
        height: 5px;
        border-radius: 3px;
        margin-right: 6px;
    }
    .index09_8.hours-read{
        margin-top: 30px;
        padding-bottom: 20px;
    }
    .index09_9.rightAiRanking{
        margin-top: 30px;
        padding-bottom: 25px;
    }
    .index09_10.hot-down{
        margin-top: 30px;
        padding-bottom: 20px;
    }
    .index09_10 .hotswiper{
        margin-top: 20px;
    }
    .index09_10 .hotrap{
        font-size: 14px;
        line-height: 16px;
        margin-top: 10px;
    }
    .index09_10 .hotrdown{
        border-radius: 13px;
        border: 1px solid #F1F1F1;
    }
    .index09_11{
        margin-top: 30px;
    }
    .index09_11M{
        margin-top: 20px;
        gap: 20px;
    }
    .index09_11s{
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width: 415px) {
    .index09_main{
        padding: 0 calc(var(--width415) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width415) * 20px);
        gap: calc(var(--width415) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width415) * 10px);
        width: calc(var(--width415) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width415) * 57px);
        height: calc(var(--width415) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width415) * 10px);
        line-height: calc(var(--width415) * 14px);
        padding: 0 calc(var(--width415) * 4px);
        border-radius: calc(var(--width415) * 5px) calc(var(--width415) * 5px) calc(var(--width415) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width415) * 8px);
    }
    .index09_2{
        padding: calc(var(--width415) * 20px) calc(var(--width415) * 15px);
        margin-top: calc(var(--width415) * 20px);
        border-radius: calc(var(--width415) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width415) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width415) * 24px);
        line-height: calc(var(--width415) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width415) * 15px);
        border-radius: calc(var(--width415) * 25px);
        border: calc(var(--width415) * 3px) solid transparent;
        padding: calc(var(--width415) * 10px) calc(var(--width415) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width415) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width415) * 30px);
        height: calc(var(--width415) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width415) * 50px));
        gap: calc(var(--width415) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 25px);
        padding: 0 calc(var(--width415) * 10px);
        border-radius: calc(var(--width415) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width415) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 18px);
        gap: calc(var(--width415) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width415) * 19px);
        height: calc(var(--width415) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 16px);
        gap: calc(var(--width415) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width415) * 13px);
        height: calc(var(--width415) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width415) * 15px);
        gap: calc(var(--width415) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width415) * 10px);
        height: calc(var(--width415) * 33px);
        border-radius: calc(var(--width415) * 17px) calc(var(--width415) * 17px) calc(var(--width415) * 17px) calc(var(--width415) * 17px);
        border: calc(var(--width415) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width415) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 33px);
        width: calc(100% - calc(var(--width415) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width415) * 9px);
        height: calc(var(--width415) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width415) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width415) * 25px);
        padding-bottom: calc(var(--width415) * 18px);
        border-bottom: calc(var(--width415) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width415) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width415) * 20px);
        line-height: calc(var(--width415) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width415) * 18px);
        line-height: calc(var(--width415) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width415) * -18px);
        height: calc(var(--width415) * 5px);
        border-radius: calc(var(--width415) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width415) * 20px);
        gap: calc(var(--width415) * 20px);
    }
    .index09_3s{
        height: calc(var(--width415) * 33px);
        border-radius: calc(var(--width415) * 17px) calc(var(--width415) * 17px) calc(var(--width415) * 17px) calc(var(--width415) * 17px);
        border: calc(var(--width415) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width415) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width415) * 20px));
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width415) * 9px);
        height: calc(var(--width415) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width415) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width415) * 65px);
        height: calc(var(--width415) * 65px);
        border: calc(var(--width415) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width415) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 28px);
        padding: 0 calc(var(--width415) * 14px);
        border-radius: calc(var(--width415) * 14px);
        border: calc(var(--width415) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width415) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 16px);
    }
    .index_getmore{
        height: calc(var(--width415) * 35px);
        border-radius: calc(var(--width415) * 18px) calc(var(--width415) * 18px) calc(var(--width415) * 18px) calc(var(--width415) * 18px);
        border: calc(var(--width415) * 1px) solid #F3F3F3;
        gap: calc(var(--width415) * 3px);
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width415) * 9px);
        height: calc(var(--width415) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width415) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width415) * 20px);
        padding-bottom: calc(var(--width415) * 15px);
        border-bottom: calc(var(--width415) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width415) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width415) * 3px);
        border-bottom: calc(var(--width415) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 18px);
        margin-top: calc(var(--width415) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 20px);
        height: calc(var(--width415) * 40px);
        margin-top: calc(var(--width415) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width415) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width415) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 36px);
        padding-left: calc(var(--width415) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width415) * 14px);
        height: calc(var(--width415) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width415) * 6px);
        width: calc(var(--width415) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 16px);
        gap: calc(var(--width415) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width415) * 14px);
        height: calc(var(--width415) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width415) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width415) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width415) * 20px);
        line-height: calc(var(--width415) * 22px);
        gap: calc(var(--width415) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width415) * 21px);
        height: calc(var(--width415) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 16px);
        gap: calc(var(--width415) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width415) * 9px);
        height: calc(var(--width415) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width415) * 20px);
        gap: calc(var(--width415) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width415) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width415) * 65px);
        height: calc(var(--width415) * 65px);
        border: calc(var(--width415) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width415) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width415) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width415) * 20px) 0;
        border-bottom: calc(var(--width415) * 1px) solid #F3F3F3;
        gap: calc(var(--width415) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width415) * 140px);
        height: calc(var(--width415) * 86px);
        border-radius: calc(var(--width415) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 20px);
        padding: 0 calc(var(--width415) * 5px);
        border-radius: calc(var(--width415) * 8px) calc(var(--width415) * 0px) calc(var(--width415) * 8px) calc(var(--width415) * 0px);
        top: calc(var(--width415) * 11px);
        left: calc(var(--width415) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width415) * 152px));
        height: calc(var(--width415) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 28px);
        height: calc(var(--width415) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 20px);
        padding: 0 calc(var(--width415) * 5px);
        border-radius: calc(var(--width415) * 8px) calc(var(--width415) * 0px) calc(var(--width415) * 8px) calc(var(--width415) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width415) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width415) * 12px);
        line-height: calc(var(--width415) * 14px);
        gap: calc(var(--width415) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width415) * 14px);
        height: calc(var(--width415) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width415) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width415) * 12px);
        line-height: calc(var(--width415) * 20px);
        padding: 0 calc(var(--width415) * 8px);
        border-radius: calc(var(--width415) * 10px);
        border: calc(var(--width415) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width415) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width415) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width415) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width415) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width415) * 13px);
        border: calc(var(--width415) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width415) * 15px);
        height: calc(var(--width415) * 5px);
        border-radius: calc(var(--width415) * 3px);
        margin-right: calc(var(--width415) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width415) * 30px);
        padding-bottom: calc(var(--width415) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width415) * 30px);
        padding-bottom: calc(var(--width415) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width415) * 30px);
        padding-bottom: calc(var(--width415) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width415) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width415) * 14px);
        line-height: calc(var(--width415) * 16px);
        margin-top: calc(var(--width415) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width415) * 13px);
        border: calc(var(--width415) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width415) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width415) * 20px);
        gap: calc(var(--width415) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width415) * 16px);
        line-height: calc(var(--width415) * 18px);
    }
}

@media screen and (max-width: 412px) {
    .index09_main{
        padding: 0 calc(var(--width412) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width412) * 20px);
        gap: calc(var(--width412) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width412) * 10px);
        width: calc(var(--width412) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width412) * 57px);
        height: calc(var(--width412) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width412) * 10px);
        line-height: calc(var(--width412) * 14px);
        padding: 0 calc(var(--width412) * 4px);
        border-radius: calc(var(--width412) * 5px) calc(var(--width412) * 5px) calc(var(--width412) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width412) * 8px);
    }
    .index09_2{
        padding: calc(var(--width412) * 20px) calc(var(--width412) * 15px);
        margin-top: calc(var(--width412) * 20px);
        border-radius: calc(var(--width412) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width412) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width412) * 24px);
        line-height: calc(var(--width412) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width412) * 15px);
        border-radius: calc(var(--width412) * 25px);
        border: calc(var(--width412) * 3px) solid transparent;
        padding: calc(var(--width412) * 10px) calc(var(--width412) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width412) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width412) * 30px);
        height: calc(var(--width412) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width412) * 50px));
        gap: calc(var(--width412) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 25px);
        padding: 0 calc(var(--width412) * 10px);
        border-radius: calc(var(--width412) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width412) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 18px);
        gap: calc(var(--width412) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width412) * 19px);
        height: calc(var(--width412) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 16px);
        gap: calc(var(--width412) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width412) * 13px);
        height: calc(var(--width412) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width412) * 15px);
        gap: calc(var(--width412) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width412) * 10px);
        height: calc(var(--width412) * 33px);
        border-radius: calc(var(--width412) * 17px) calc(var(--width412) * 17px) calc(var(--width412) * 17px) calc(var(--width412) * 17px);
        border: calc(var(--width412) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width412) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 33px);
        width: calc(100% - calc(var(--width412) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width412) * 9px);
        height: calc(var(--width412) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width412) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width412) * 25px);
        padding-bottom: calc(var(--width412) * 18px);
        border-bottom: calc(var(--width412) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width412) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width412) * 20px);
        line-height: calc(var(--width412) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width412) * 18px);
        line-height: calc(var(--width412) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width412) * -18px);
        height: calc(var(--width412) * 5px);
        border-radius: calc(var(--width412) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width412) * 20px);
        gap: calc(var(--width412) * 20px);
    }
    .index09_3s{
        height: calc(var(--width412) * 33px);
        border-radius: calc(var(--width412) * 17px) calc(var(--width412) * 17px) calc(var(--width412) * 17px) calc(var(--width412) * 17px);
        border: calc(var(--width412) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width412) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width412) * 20px));
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width412) * 9px);
        height: calc(var(--width412) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width412) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width412) * 65px);
        height: calc(var(--width412) * 65px);
        border: calc(var(--width412) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width412) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 28px);
        padding: 0 calc(var(--width412) * 14px);
        border-radius: calc(var(--width412) * 14px);
        border: calc(var(--width412) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width412) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 16px);
    }
    .index_getmore{
        height: calc(var(--width412) * 35px);
        border-radius: calc(var(--width412) * 18px) calc(var(--width412) * 18px) calc(var(--width412) * 18px) calc(var(--width412) * 18px);
        border: calc(var(--width412) * 1px) solid #F3F3F3;
        gap: calc(var(--width412) * 3px);
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width412) * 9px);
        height: calc(var(--width412) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width412) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width412) * 20px);
        padding-bottom: calc(var(--width412) * 15px);
        border-bottom: calc(var(--width412) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width412) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width412) * 3px);
        border-bottom: calc(var(--width412) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 18px);
        margin-top: calc(var(--width412) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 20px);
        height: calc(var(--width412) * 40px);
        margin-top: calc(var(--width412) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width412) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width412) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 36px);
        padding-left: calc(var(--width412) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width412) * 14px);
        height: calc(var(--width412) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width412) * 6px);
        width: calc(var(--width412) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 16px);
        gap: calc(var(--width412) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width412) * 14px);
        height: calc(var(--width412) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width412) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width412) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width412) * 20px);
        line-height: calc(var(--width412) * 22px);
        gap: calc(var(--width412) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width412) * 21px);
        height: calc(var(--width412) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 16px);
        gap: calc(var(--width412) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width412) * 9px);
        height: calc(var(--width412) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width412) * 20px);
        gap: calc(var(--width412) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width412) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width412) * 65px);
        height: calc(var(--width412) * 65px);
        border: calc(var(--width412) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width412) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width412) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width412) * 20px) 0;
        border-bottom: calc(var(--width412) * 1px) solid #F3F3F3;
        gap: calc(var(--width412) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width412) * 140px);
        height: calc(var(--width412) * 86px);
        border-radius: calc(var(--width412) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 20px);
        padding: 0 calc(var(--width412) * 5px);
        border-radius: calc(var(--width412) * 8px) calc(var(--width412) * 0px) calc(var(--width412) * 8px) calc(var(--width412) * 0px);
        top: calc(var(--width412) * 11px);
        left: calc(var(--width412) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width412) * 152px));
        height: calc(var(--width412) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 28px);
        height: calc(var(--width412) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 20px);
        padding: 0 calc(var(--width412) * 5px);
        border-radius: calc(var(--width412) * 8px) calc(var(--width412) * 0px) calc(var(--width412) * 8px) calc(var(--width412) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width412) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width412) * 12px);
        line-height: calc(var(--width412) * 14px);
        gap: calc(var(--width412) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width412) * 14px);
        height: calc(var(--width412) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width412) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width412) * 12px);
        line-height: calc(var(--width412) * 20px);
        padding: 0 calc(var(--width412) * 8px);
        border-radius: calc(var(--width412) * 10px);
        border: calc(var(--width412) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width412) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width412) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width412) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width412) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width412) * 13px);
        border: calc(var(--width412) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width412) * 15px);
        height: calc(var(--width412) * 5px);
        border-radius: calc(var(--width412) * 3px);
        margin-right: calc(var(--width412) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width412) * 30px);
        padding-bottom: calc(var(--width412) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width412) * 30px);
        padding-bottom: calc(var(--width412) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width412) * 30px);
        padding-bottom: calc(var(--width412) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width412) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width412) * 14px);
        line-height: calc(var(--width412) * 16px);
        margin-top: calc(var(--width412) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width412) * 13px);
        border: calc(var(--width412) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width412) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width412) * 20px);
        gap: calc(var(--width412) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width412) * 16px);
        line-height: calc(var(--width412) * 18px);
    }
}

@media screen and (max-width: 400px) {
    .index09_main{
        padding: 0 calc(var(--width400) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width400) * 20px);
        gap: calc(var(--width400) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width400) * 10px);
        width: calc(var(--width400) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width400) * 57px);
        height: calc(var(--width400) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width400) * 10px);
        line-height: calc(var(--width400) * 14px);
        padding: 0 calc(var(--width400) * 4px);
        border-radius: calc(var(--width400) * 5px) calc(var(--width400) * 5px) calc(var(--width400) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width400) * 8px);
    }
    .index09_2{
        padding: calc(var(--width400) * 20px) calc(var(--width400) * 15px);
        margin-top: calc(var(--width400) * 20px);
        border-radius: calc(var(--width400) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width400) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width400) * 24px);
        line-height: calc(var(--width400) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width400) * 15px);
        border-radius: calc(var(--width400) * 25px);
        border: calc(var(--width400) * 3px) solid transparent;
        padding: calc(var(--width400) * 10px) calc(var(--width400) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width400) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width400) * 30px);
        height: calc(var(--width400) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width400) * 50px));
        gap: calc(var(--width400) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 25px);
        padding: 0 calc(var(--width400) * 10px);
        border-radius: calc(var(--width400) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width400) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 18px);
        gap: calc(var(--width400) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width400) * 19px);
        height: calc(var(--width400) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 16px);
        gap: calc(var(--width400) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width400) * 13px);
        height: calc(var(--width400) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width400) * 15px);
        gap: calc(var(--width400) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width400) * 10px);
        height: calc(var(--width400) * 33px);
        border-radius: calc(var(--width400) * 17px) calc(var(--width400) * 17px) calc(var(--width400) * 17px) calc(var(--width400) * 17px);
        border: calc(var(--width400) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width400) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 33px);
        width: calc(100% - calc(var(--width400) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width400) * 9px);
        height: calc(var(--width400) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width400) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width400) * 25px);
        padding-bottom: calc(var(--width400) * 18px);
        border-bottom: calc(var(--width400) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width400) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width400) * 20px);
        line-height: calc(var(--width400) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width400) * 18px);
        line-height: calc(var(--width400) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width400) * -18px);
        height: calc(var(--width400) * 5px);
        border-radius: calc(var(--width400) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width400) * 20px);
        gap: calc(var(--width400) * 20px);
    }
    .index09_3s{
        height: calc(var(--width400) * 33px);
        border-radius: calc(var(--width400) * 17px) calc(var(--width400) * 17px) calc(var(--width400) * 17px) calc(var(--width400) * 17px);
        border: calc(var(--width400) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width400) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width400) * 20px));
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width400) * 9px);
        height: calc(var(--width400) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width400) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width400) * 65px);
        height: calc(var(--width400) * 65px);
        border: calc(var(--width400) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width400) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 28px);
        padding: 0 calc(var(--width400) * 14px);
        border-radius: calc(var(--width400) * 14px);
        border: calc(var(--width400) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width400) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 16px);
    }
    .index_getmore{
        height: calc(var(--width400) * 35px);
        border-radius: calc(var(--width400) * 18px) calc(var(--width400) * 18px) calc(var(--width400) * 18px) calc(var(--width400) * 18px);
        border: calc(var(--width400) * 1px) solid #F3F3F3;
        gap: calc(var(--width400) * 3px);
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width400) * 9px);
        height: calc(var(--width400) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width400) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width400) * 20px);
        padding-bottom: calc(var(--width400) * 15px);
        border-bottom: calc(var(--width400) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width400) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width400) * 3px);
        border-bottom: calc(var(--width400) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 18px);
        margin-top: calc(var(--width400) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 20px);
        height: calc(var(--width400) * 40px);
        margin-top: calc(var(--width400) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width400) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width400) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 36px);
        padding-left: calc(var(--width400) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width400) * 14px);
        height: calc(var(--width400) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width400) * 6px);
        width: calc(var(--width400) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 16px);
        gap: calc(var(--width400) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width400) * 14px);
        height: calc(var(--width400) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width400) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width400) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width400) * 20px);
        line-height: calc(var(--width400) * 22px);
        gap: calc(var(--width400) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width400) * 21px);
        height: calc(var(--width400) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 16px);
        gap: calc(var(--width400) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width400) * 9px);
        height: calc(var(--width400) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width400) * 20px);
        gap: calc(var(--width400) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width400) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width400) * 65px);
        height: calc(var(--width400) * 65px);
        border: calc(var(--width400) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width400) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width400) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width400) * 20px) 0;
        border-bottom: calc(var(--width400) * 1px) solid #F3F3F3;
        gap: calc(var(--width400) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width400) * 140px);
        height: calc(var(--width400) * 86px);
        border-radius: calc(var(--width400) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 20px);
        padding: 0 calc(var(--width400) * 5px);
        border-radius: calc(var(--width400) * 8px) calc(var(--width400) * 0px) calc(var(--width400) * 8px) calc(var(--width400) * 0px);
        top: calc(var(--width400) * 11px);
        left: calc(var(--width400) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width400) * 152px));
        height: calc(var(--width400) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 28px);
        height: calc(var(--width400) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 20px);
        padding: 0 calc(var(--width400) * 5px);
        border-radius: calc(var(--width400) * 8px) calc(var(--width400) * 0px) calc(var(--width400) * 8px) calc(var(--width400) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width400) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width400) * 12px);
        line-height: calc(var(--width400) * 14px);
        gap: calc(var(--width400) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width400) * 14px);
        height: calc(var(--width400) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width400) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width400) * 12px);
        line-height: calc(var(--width400) * 20px);
        padding: 0 calc(var(--width400) * 8px);
        border-radius: calc(var(--width400) * 10px);
        border: calc(var(--width400) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width400) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width400) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width400) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width400) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width400) * 13px);
        border: calc(var(--width400) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width400) * 15px);
        height: calc(var(--width400) * 5px);
        border-radius: calc(var(--width400) * 3px);
        margin-right: calc(var(--width400) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width400) * 30px);
        padding-bottom: calc(var(--width400) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width400) * 30px);
        padding-bottom: calc(var(--width400) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width400) * 30px);
        padding-bottom: calc(var(--width400) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width400) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width400) * 14px);
        line-height: calc(var(--width400) * 16px);
        margin-top: calc(var(--width400) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width400) * 13px);
        border: calc(var(--width400) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width400) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width400) * 20px);
        gap: calc(var(--width400) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width400) * 16px);
        line-height: calc(var(--width400) * 18px);
    }
}

@media screen and (max-width: 395px) {
    .index09_main{
        padding: 0 calc(var(--width395) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width395) * 20px);
        gap: calc(var(--width395) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width395) * 10px);
        width: calc(var(--width395) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width395) * 57px);
        height: calc(var(--width395) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width395) * 10px);
        line-height: calc(var(--width395) * 14px);
        padding: 0 calc(var(--width395) * 4px);
        border-radius: calc(var(--width395) * 5px) calc(var(--width395) * 5px) calc(var(--width395) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width395) * 8px);
    }
    .index09_2{
        padding: calc(var(--width395) * 20px) calc(var(--width395) * 15px);
        margin-top: calc(var(--width395) * 20px);
        border-radius: calc(var(--width395) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width395) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width395) * 24px);
        line-height: calc(var(--width395) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width395) * 15px);
        border-radius: calc(var(--width395) * 25px);
        border: calc(var(--width395) * 3px) solid transparent;
        padding: calc(var(--width395) * 10px) calc(var(--width395) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width395) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width395) * 30px);
        height: calc(var(--width395) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width395) * 50px));
        gap: calc(var(--width395) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 25px);
        padding: 0 calc(var(--width395) * 10px);
        border-radius: calc(var(--width395) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width395) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 18px);
        gap: calc(var(--width395) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width395) * 19px);
        height: calc(var(--width395) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 16px);
        gap: calc(var(--width395) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width395) * 13px);
        height: calc(var(--width395) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width395) * 15px);
        gap: calc(var(--width395) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width395) * 10px);
        height: calc(var(--width395) * 33px);
        border-radius: calc(var(--width395) * 17px) calc(var(--width395) * 17px) calc(var(--width395) * 17px) calc(var(--width395) * 17px);
        border: calc(var(--width395) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width395) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 33px);
        width: calc(100% - calc(var(--width395) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width395) * 9px);
        height: calc(var(--width395) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width395) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width395) * 25px);
        padding-bottom: calc(var(--width395) * 18px);
        border-bottom: calc(var(--width395) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width395) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width395) * 20px);
        line-height: calc(var(--width395) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width395) * 18px);
        line-height: calc(var(--width395) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width395) * -18px);
        height: calc(var(--width395) * 5px);
        border-radius: calc(var(--width395) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width395) * 20px);
        gap: calc(var(--width395) * 20px);
    }
    .index09_3s{
        height: calc(var(--width395) * 33px);
        border-radius: calc(var(--width395) * 17px) calc(var(--width395) * 17px) calc(var(--width395) * 17px) calc(var(--width395) * 17px);
        border: calc(var(--width395) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width395) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width395) * 20px));
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width395) * 9px);
        height: calc(var(--width395) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width395) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width395) * 65px);
        height: calc(var(--width395) * 65px);
        border: calc(var(--width395) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width395) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 28px);
        padding: 0 calc(var(--width395) * 14px);
        border-radius: calc(var(--width395) * 14px);
        border: calc(var(--width395) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width395) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 16px);
    }
    .index_getmore{
        height: calc(var(--width395) * 35px);
        border-radius: calc(var(--width395) * 18px) calc(var(--width395) * 18px) calc(var(--width395) * 18px) calc(var(--width395) * 18px);
        border: calc(var(--width395) * 1px) solid #F3F3F3;
        gap: calc(var(--width395) * 3px);
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width395) * 9px);
        height: calc(var(--width395) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width395) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width395) * 20px);
        padding-bottom: calc(var(--width395) * 15px);
        border-bottom: calc(var(--width395) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width395) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width395) * 3px);
        border-bottom: calc(var(--width395) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 18px);
        margin-top: calc(var(--width395) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 20px);
        height: calc(var(--width395) * 40px);
        margin-top: calc(var(--width395) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width395) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width395) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 36px);
        padding-left: calc(var(--width395) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width395) * 14px);
        height: calc(var(--width395) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width395) * 6px);
        width: calc(var(--width395) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 16px);
        gap: calc(var(--width395) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width395) * 14px);
        height: calc(var(--width395) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width395) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width395) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width395) * 20px);
        line-height: calc(var(--width395) * 22px);
        gap: calc(var(--width395) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width395) * 21px);
        height: calc(var(--width395) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 16px);
        gap: calc(var(--width395) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width395) * 9px);
        height: calc(var(--width395) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width395) * 20px);
        gap: calc(var(--width395) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width395) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width395) * 65px);
        height: calc(var(--width395) * 65px);
        border: calc(var(--width395) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width395) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width395) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width395) * 20px) 0;
        border-bottom: calc(var(--width395) * 1px) solid #F3F3F3;
        gap: calc(var(--width395) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width395) * 140px);
        height: calc(var(--width395) * 86px);
        border-radius: calc(var(--width395) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 20px);
        padding: 0 calc(var(--width395) * 5px);
        border-radius: calc(var(--width395) * 8px) calc(var(--width395) * 0px) calc(var(--width395) * 8px) calc(var(--width395) * 0px);
        top: calc(var(--width395) * 11px);
        left: calc(var(--width395) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width395) * 152px));
        height: calc(var(--width395) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 28px);
        height: calc(var(--width395) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 20px);
        padding: 0 calc(var(--width395) * 5px);
        border-radius: calc(var(--width395) * 8px) calc(var(--width395) * 0px) calc(var(--width395) * 8px) calc(var(--width395) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width395) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width395) * 12px);
        line-height: calc(var(--width395) * 14px);
        gap: calc(var(--width395) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width395) * 14px);
        height: calc(var(--width395) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width395) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width395) * 12px);
        line-height: calc(var(--width395) * 20px);
        padding: 0 calc(var(--width395) * 8px);
        border-radius: calc(var(--width395) * 10px);
        border: calc(var(--width395) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width395) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width395) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width395) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width395) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width395) * 13px);
        border: calc(var(--width395) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width395) * 15px);
        height: calc(var(--width395) * 5px);
        border-radius: calc(var(--width395) * 3px);
        margin-right: calc(var(--width395) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width395) * 30px);
        padding-bottom: calc(var(--width395) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width395) * 30px);
        padding-bottom: calc(var(--width395) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width395) * 30px);
        padding-bottom: calc(var(--width395) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width395) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width395) * 14px);
        line-height: calc(var(--width395) * 16px);
        margin-top: calc(var(--width395) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width395) * 13px);
        border: calc(var(--width395) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width395) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width395) * 20px);
        gap: calc(var(--width395) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width395) * 16px);
        line-height: calc(var(--width395) * 18px);
    }
}

@media screen and (max-width: 390px) {
    .index09_main{
        padding: 0 calc(var(--width390) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width390) * 20px);
        gap: calc(var(--width390) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width390) * 10px);
        width: calc(var(--width390) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width390) * 57px);
        height: calc(var(--width390) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width390) * 10px);
        line-height: calc(var(--width390) * 14px);
        padding: 0 calc(var(--width390) * 4px);
        border-radius: calc(var(--width390) * 5px) calc(var(--width390) * 5px) calc(var(--width390) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width390) * 8px);
    }
    .index09_2{
        padding: calc(var(--width390) * 20px) calc(var(--width390) * 15px);
        margin-top: calc(var(--width390) * 20px);
        border-radius: calc(var(--width390) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width390) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width390) * 24px);
        line-height: calc(var(--width390) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width390) * 15px);
        border-radius: calc(var(--width390) * 25px);
        border: calc(var(--width390) * 3px) solid transparent;
        padding: calc(var(--width390) * 10px) calc(var(--width390) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width390) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width390) * 30px);
        height: calc(var(--width390) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width390) * 50px));
        gap: calc(var(--width390) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 25px);
        padding: 0 calc(var(--width390) * 10px);
        border-radius: calc(var(--width390) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width390) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
        gap: calc(var(--width390) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width390) * 19px);
        height: calc(var(--width390) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 16px);
        gap: calc(var(--width390) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width390) * 13px);
        height: calc(var(--width390) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width390) * 15px);
        gap: calc(var(--width390) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width390) * 10px);
        height: calc(var(--width390) * 33px);
        border-radius: calc(var(--width390) * 17px) calc(var(--width390) * 17px) calc(var(--width390) * 17px) calc(var(--width390) * 17px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width390) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 33px);
        width: calc(100% - calc(var(--width390) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width390) * 9px);
        height: calc(var(--width390) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width390) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width390) * 25px);
        padding-bottom: calc(var(--width390) * 18px);
        border-bottom: calc(var(--width390) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width390) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width390) * 20px);
        line-height: calc(var(--width390) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width390) * 18px);
        line-height: calc(var(--width390) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width390) * -18px);
        height: calc(var(--width390) * 5px);
        border-radius: calc(var(--width390) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width390) * 20px);
        gap: calc(var(--width390) * 20px);
    }
    .index09_3s{
        height: calc(var(--width390) * 33px);
        border-radius: calc(var(--width390) * 17px) calc(var(--width390) * 17px) calc(var(--width390) * 17px) calc(var(--width390) * 17px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width390) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width390) * 20px));
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width390) * 9px);
        height: calc(var(--width390) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width390) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width390) * 65px);
        height: calc(var(--width390) * 65px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width390) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 28px);
        padding: 0 calc(var(--width390) * 14px);
        border-radius: calc(var(--width390) * 14px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width390) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 16px);
    }
    .index_getmore{
        height: calc(var(--width390) * 35px);
        border-radius: calc(var(--width390) * 18px) calc(var(--width390) * 18px) calc(var(--width390) * 18px) calc(var(--width390) * 18px);
        border: calc(var(--width390) * 1px) solid #F3F3F3;
        gap: calc(var(--width390) * 3px);
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width390) * 9px);
        height: calc(var(--width390) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width390) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width390) * 20px);
        padding-bottom: calc(var(--width390) * 15px);
        border-bottom: calc(var(--width390) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width390) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width390) * 3px);
        border-bottom: calc(var(--width390) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
        margin-top: calc(var(--width390) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 20px);
        height: calc(var(--width390) * 40px);
        margin-top: calc(var(--width390) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width390) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width390) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 36px);
        padding-left: calc(var(--width390) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width390) * 14px);
        height: calc(var(--width390) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width390) * 6px);
        width: calc(var(--width390) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 16px);
        gap: calc(var(--width390) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width390) * 14px);
        height: calc(var(--width390) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width390) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width390) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width390) * 20px);
        line-height: calc(var(--width390) * 22px);
        gap: calc(var(--width390) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width390) * 21px);
        height: calc(var(--width390) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 16px);
        gap: calc(var(--width390) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width390) * 9px);
        height: calc(var(--width390) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width390) * 20px);
        gap: calc(var(--width390) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width390) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width390) * 65px);
        height: calc(var(--width390) * 65px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width390) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width390) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width390) * 20px) 0;
        border-bottom: calc(var(--width390) * 1px) solid #F3F3F3;
        gap: calc(var(--width390) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width390) * 140px);
        height: calc(var(--width390) * 86px);
        border-radius: calc(var(--width390) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 20px);
        padding: 0 calc(var(--width390) * 5px);
        border-radius: calc(var(--width390) * 8px) calc(var(--width390) * 0px) calc(var(--width390) * 8px) calc(var(--width390) * 0px);
        top: calc(var(--width390) * 11px);
        left: calc(var(--width390) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width390) * 152px));
        height: calc(var(--width390) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 28px);
        height: calc(var(--width390) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 20px);
        padding: 0 calc(var(--width390) * 5px);
        border-radius: calc(var(--width390) * 8px) calc(var(--width390) * 0px) calc(var(--width390) * 8px) calc(var(--width390) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width390) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width390) * 12px);
        line-height: calc(var(--width390) * 14px);
        gap: calc(var(--width390) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width390) * 14px);
        height: calc(var(--width390) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width390) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width390) * 12px);
        line-height: calc(var(--width390) * 20px);
        padding: 0 calc(var(--width390) * 8px);
        border-radius: calc(var(--width390) * 10px);
        border: calc(var(--width390) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width390) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width390) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width390) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width390) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width390) * 13px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width390) * 15px);
        height: calc(var(--width390) * 5px);
        border-radius: calc(var(--width390) * 3px);
        margin-right: calc(var(--width390) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width390) * 30px);
        padding-bottom: calc(var(--width390) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width390) * 30px);
        padding-bottom: calc(var(--width390) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width390) * 30px);
        padding-bottom: calc(var(--width390) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width390) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 16px);
        margin-top: calc(var(--width390) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width390) * 13px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width390) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width390) * 20px);
        gap: calc(var(--width390) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
    }
}

@media screen and (max-width: 375px) {
    .index09_main{
        padding: 0 calc(var(--width375) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width375) * 20px);
        gap: calc(var(--width375) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width375) * 10px);
        width: calc(var(--width375) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width375) * 57px);
        height: calc(var(--width375) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width375) * 10px);
        line-height: calc(var(--width375) * 14px);
        padding: 0 calc(var(--width375) * 4px);
        border-radius: calc(var(--width375) * 5px) calc(var(--width375) * 5px) calc(var(--width375) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width375) * 8px);
    }
    .index09_2{
        padding: calc(var(--width375) * 20px) calc(var(--width375) * 15px);
        margin-top: calc(var(--width375) * 20px);
        border-radius: calc(var(--width375) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width375) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width375) * 24px);
        line-height: calc(var(--width375) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width375) * 15px);
        border-radius: calc(var(--width375) * 25px);
        border: calc(var(--width375) * 3px) solid transparent;
        padding: calc(var(--width375) * 10px) calc(var(--width375) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width375) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width375) * 30px);
        height: calc(var(--width375) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width375) * 50px));
        gap: calc(var(--width375) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 25px);
        padding: 0 calc(var(--width375) * 10px);
        border-radius: calc(var(--width375) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width375) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 18px);
        gap: calc(var(--width375) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width375) * 19px);
        height: calc(var(--width375) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 16px);
        gap: calc(var(--width375) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width375) * 13px);
        height: calc(var(--width375) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width375) * 15px);
        gap: calc(var(--width375) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width375) * 10px);
        height: calc(var(--width375) * 33px);
        border-radius: calc(var(--width375) * 17px) calc(var(--width375) * 17px) calc(var(--width375) * 17px) calc(var(--width375) * 17px);
        border: calc(var(--width375) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width375) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 33px);
        width: calc(100% - calc(var(--width375) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width375) * 9px);
        height: calc(var(--width375) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width375) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width375) * 25px);
        padding-bottom: calc(var(--width375) * 18px);
        border-bottom: calc(var(--width375) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width375) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width375) * 20px);
        line-height: calc(var(--width375) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width375) * 18px);
        line-height: calc(var(--width375) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width375) * -18px);
        height: calc(var(--width375) * 5px);
        border-radius: calc(var(--width375) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width375) * 20px);
        gap: calc(var(--width375) * 20px);
    }
    .index09_3s{
        height: calc(var(--width375) * 33px);
        border-radius: calc(var(--width375) * 17px) calc(var(--width375) * 17px) calc(var(--width375) * 17px) calc(var(--width375) * 17px);
        border: calc(var(--width375) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width375) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width375) * 20px));
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width375) * 9px);
        height: calc(var(--width375) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width375) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width375) * 65px);
        height: calc(var(--width375) * 65px);
        border: calc(var(--width375) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width375) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 28px);
        padding: 0 calc(var(--width375) * 14px);
        border-radius: calc(var(--width375) * 14px);
        border: calc(var(--width375) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width375) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 16px);
    }
    .index_getmore{
        height: calc(var(--width375) * 35px);
        border-radius: calc(var(--width375) * 18px) calc(var(--width375) * 18px) calc(var(--width375) * 18px) calc(var(--width375) * 18px);
        border: calc(var(--width375) * 1px) solid #F3F3F3;
        gap: calc(var(--width375) * 3px);
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width375) * 9px);
        height: calc(var(--width375) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width375) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width375) * 20px);
        padding-bottom: calc(var(--width375) * 15px);
        border-bottom: calc(var(--width375) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width375) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width375) * 3px);
        border-bottom: calc(var(--width375) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 18px);
        margin-top: calc(var(--width375) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 20px);
        height: calc(var(--width375) * 40px);
        margin-top: calc(var(--width375) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width375) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width375) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 36px);
        padding-left: calc(var(--width375) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width375) * 14px);
        height: calc(var(--width375) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width375) * 6px);
        width: calc(var(--width375) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 16px);
        gap: calc(var(--width375) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width375) * 14px);
        height: calc(var(--width375) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width375) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width375) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width375) * 20px);
        line-height: calc(var(--width375) * 22px);
        gap: calc(var(--width375) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width375) * 21px);
        height: calc(var(--width375) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 16px);
        gap: calc(var(--width375) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width375) * 9px);
        height: calc(var(--width375) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width375) * 20px);
        gap: calc(var(--width375) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width375) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width375) * 65px);
        height: calc(var(--width375) * 65px);
        border: calc(var(--width375) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width375) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width375) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width375) * 20px) 0;
        border-bottom: calc(var(--width375) * 1px) solid #F3F3F3;
        gap: calc(var(--width375) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width375) * 140px);
        height: calc(var(--width375) * 86px);
        border-radius: calc(var(--width375) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 20px);
        padding: 0 calc(var(--width375) * 5px);
        border-radius: calc(var(--width375) * 8px) calc(var(--width375) * 0px) calc(var(--width375) * 8px) calc(var(--width375) * 0px);
        top: calc(var(--width375) * 11px);
        left: calc(var(--width375) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width375) * 152px));
        height: calc(var(--width375) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 28px);
        height: calc(var(--width375) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 20px);
        padding: 0 calc(var(--width375) * 5px);
        border-radius: calc(var(--width375) * 8px) calc(var(--width375) * 0px) calc(var(--width375) * 8px) calc(var(--width375) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width375) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width375) * 12px);
        line-height: calc(var(--width375) * 14px);
        gap: calc(var(--width375) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width375) * 14px);
        height: calc(var(--width375) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width375) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width375) * 12px);
        line-height: calc(var(--width375) * 20px);
        padding: 0 calc(var(--width375) * 8px);
        border-radius: calc(var(--width375) * 10px);
        border: calc(var(--width375) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width375) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width375) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width375) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width375) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width375) * 13px);
        border: calc(var(--width375) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width375) * 15px);
        height: calc(var(--width375) * 5px);
        border-radius: calc(var(--width375) * 3px);
        margin-right: calc(var(--width375) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width375) * 30px);
        padding-bottom: calc(var(--width375) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width375) * 30px);
        padding-bottom: calc(var(--width375) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width375) * 30px);
        padding-bottom: calc(var(--width375) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width375) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width375) * 14px);
        line-height: calc(var(--width375) * 16px);
        margin-top: calc(var(--width375) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width375) * 13px);
        border: calc(var(--width375) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width375) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width375) * 20px);
        gap: calc(var(--width375) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width375) * 16px);
        line-height: calc(var(--width375) * 18px);
    }
}

@media screen and (max-width: 360px) {
    .index09_main{
        padding: 0 calc(var(--width360) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width360) * 20px);
        gap: calc(var(--width360) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width360) * 10px);
        width: calc(var(--width360) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width360) * 57px);
        height: calc(var(--width360) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width360) * 10px);
        line-height: calc(var(--width360) * 14px);
        padding: 0 calc(var(--width360) * 4px);
        border-radius: calc(var(--width360) * 5px) calc(var(--width360) * 5px) calc(var(--width360) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width360) * 8px);
    }
    .index09_2{
        padding: calc(var(--width360) * 20px) calc(var(--width360) * 15px);
        margin-top: calc(var(--width360) * 20px);
        border-radius: calc(var(--width360) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width360) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width360) * 24px);
        line-height: calc(var(--width360) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width360) * 15px);
        border-radius: calc(var(--width360) * 25px);
        border: calc(var(--width360) * 3px) solid transparent;
        padding: calc(var(--width360) * 10px) calc(var(--width360) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width360) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width360) * 30px);
        height: calc(var(--width360) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width360) * 50px));
        gap: calc(var(--width360) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 25px);
        padding: 0 calc(var(--width360) * 10px);
        border-radius: calc(var(--width360) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width360) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
        gap: calc(var(--width360) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width360) * 19px);
        height: calc(var(--width360) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 16px);
        gap: calc(var(--width360) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width360) * 13px);
        height: calc(var(--width360) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width360) * 15px);
        gap: calc(var(--width360) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width360) * 10px);
        height: calc(var(--width360) * 33px);
        border-radius: calc(var(--width360) * 17px) calc(var(--width360) * 17px) calc(var(--width360) * 17px) calc(var(--width360) * 17px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width360) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 33px);
        width: calc(100% - calc(var(--width360) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width360) * 9px);
        height: calc(var(--width360) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width360) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width360) * 25px);
        padding-bottom: calc(var(--width360) * 18px);
        border-bottom: calc(var(--width360) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width360) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width360) * 20px);
        line-height: calc(var(--width360) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width360) * 18px);
        line-height: calc(var(--width360) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width360) * -18px);
        height: calc(var(--width360) * 5px);
        border-radius: calc(var(--width360) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width360) * 20px);
        gap: calc(var(--width360) * 20px);
    }
    .index09_3s{
        height: calc(var(--width360) * 33px);
        border-radius: calc(var(--width360) * 17px) calc(var(--width360) * 17px) calc(var(--width360) * 17px) calc(var(--width360) * 17px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width360) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width360) * 20px));
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width360) * 9px);
        height: calc(var(--width360) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width360) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width360) * 65px);
        height: calc(var(--width360) * 65px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width360) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 28px);
        padding: 0 calc(var(--width360) * 14px);
        border-radius: calc(var(--width360) * 14px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width360) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 16px);
    }
    .index_getmore{
        height: calc(var(--width360) * 35px);
        border-radius: calc(var(--width360) * 18px) calc(var(--width360) * 18px) calc(var(--width360) * 18px) calc(var(--width360) * 18px);
        border: calc(var(--width360) * 1px) solid #F3F3F3;
        gap: calc(var(--width360) * 3px);
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width360) * 9px);
        height: calc(var(--width360) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width360) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width360) * 20px);
        padding-bottom: calc(var(--width360) * 15px);
        border-bottom: calc(var(--width360) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width360) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width360) * 3px);
        border-bottom: calc(var(--width360) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
        margin-top: calc(var(--width360) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 20px);
        height: calc(var(--width360) * 40px);
        margin-top: calc(var(--width360) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width360) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width360) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 36px);
        padding-left: calc(var(--width360) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width360) * 14px);
        height: calc(var(--width360) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width360) * 6px);
        width: calc(var(--width360) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 16px);
        gap: calc(var(--width360) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width360) * 14px);
        height: calc(var(--width360) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width360) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width360) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width360) * 20px);
        line-height: calc(var(--width360) * 22px);
        gap: calc(var(--width360) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width360) * 21px);
        height: calc(var(--width360) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 16px);
        gap: calc(var(--width360) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width360) * 9px);
        height: calc(var(--width360) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width360) * 20px);
        gap: calc(var(--width360) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width360) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width360) * 65px);
        height: calc(var(--width360) * 65px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width360) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width360) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width360) * 20px) 0;
        border-bottom: calc(var(--width360) * 1px) solid #F3F3F3;
        gap: calc(var(--width360) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width360) * 140px);
        height: calc(var(--width360) * 86px);
        border-radius: calc(var(--width360) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 20px);
        padding: 0 calc(var(--width360) * 5px);
        border-radius: calc(var(--width360) * 8px) calc(var(--width360) * 0px) calc(var(--width360) * 8px) calc(var(--width360) * 0px);
        top: calc(var(--width360) * 11px);
        left: calc(var(--width360) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width360) * 152px));
        height: calc(var(--width360) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 28px);
        height: calc(var(--width360) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 20px);
        padding: 0 calc(var(--width360) * 5px);
        border-radius: calc(var(--width360) * 8px) calc(var(--width360) * 0px) calc(var(--width360) * 8px) calc(var(--width360) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width360) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width360) * 12px);
        line-height: calc(var(--width360) * 14px);
        gap: calc(var(--width360) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width360) * 14px);
        height: calc(var(--width360) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width360) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width360) * 12px);
        line-height: calc(var(--width360) * 20px);
        padding: 0 calc(var(--width360) * 8px);
        border-radius: calc(var(--width360) * 10px);
        border: calc(var(--width360) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width360) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width360) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width360) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width360) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width360) * 13px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width360) * 15px);
        height: calc(var(--width360) * 5px);
        border-radius: calc(var(--width360) * 3px);
        margin-right: calc(var(--width360) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width360) * 30px);
        padding-bottom: calc(var(--width360) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width360) * 30px);
        padding-bottom: calc(var(--width360) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width360) * 30px);
        padding-bottom: calc(var(--width360) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width360) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 16px);
        margin-top: calc(var(--width360) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width360) * 13px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width360) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width360) * 20px);
        gap: calc(var(--width360) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
    }
}

@media screen and (max-width: 344px) {
    .index09_main{
        padding: 0 calc(var(--width344) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width344) * 20px);
        gap: calc(var(--width344) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width344) * 10px);
        width: calc(var(--width344) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width344) * 57px);
        height: calc(var(--width344) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width344) * 10px);
        line-height: calc(var(--width344) * 14px);
        padding: 0 calc(var(--width344) * 4px);
        border-radius: calc(var(--width344) * 5px) calc(var(--width344) * 5px) calc(var(--width344) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width344) * 8px);
    }
    .index09_2{
        padding: calc(var(--width344) * 20px) calc(var(--width344) * 15px);
        margin-top: calc(var(--width344) * 20px);
        border-radius: calc(var(--width344) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width344) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width344) * 24px);
        line-height: calc(var(--width344) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width344) * 15px);
        border-radius: calc(var(--width344) * 25px);
        border: calc(var(--width344) * 3px) solid transparent;
        padding: calc(var(--width344) * 10px) calc(var(--width344) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width344) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width344) * 30px);
        height: calc(var(--width344) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width344) * 50px));
        gap: calc(var(--width344) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 25px);
        padding: 0 calc(var(--width344) * 10px);
        border-radius: calc(var(--width344) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width344) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 18px);
        gap: calc(var(--width344) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width344) * 19px);
        height: calc(var(--width344) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 16px);
        gap: calc(var(--width344) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width344) * 13px);
        height: calc(var(--width344) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width344) * 15px);
        gap: calc(var(--width344) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width344) * 10px);
        height: calc(var(--width344) * 33px);
        border-radius: calc(var(--width344) * 17px) calc(var(--width344) * 17px) calc(var(--width344) * 17px) calc(var(--width344) * 17px);
        border: calc(var(--width344) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width344) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 33px);
        width: calc(100% - calc(var(--width344) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width344) * 9px);
        height: calc(var(--width344) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width344) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width344) * 25px);
        padding-bottom: calc(var(--width344) * 18px);
        border-bottom: calc(var(--width344) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width344) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width344) * 20px);
        line-height: calc(var(--width344) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width344) * 18px);
        line-height: calc(var(--width344) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width344) * -18px);
        height: calc(var(--width344) * 5px);
        border-radius: calc(var(--width344) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width344) * 20px);
        gap: calc(var(--width344) * 20px);
    }
    .index09_3s{
        height: calc(var(--width344) * 33px);
        border-radius: calc(var(--width344) * 17px) calc(var(--width344) * 17px) calc(var(--width344) * 17px) calc(var(--width344) * 17px);
        border: calc(var(--width344) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width344) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width344) * 20px));
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width344) * 9px);
        height: calc(var(--width344) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width344) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width344) * 65px);
        height: calc(var(--width344) * 65px);
        border: calc(var(--width344) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width344) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 28px);
        padding: 0 calc(var(--width344) * 14px);
        border-radius: calc(var(--width344) * 14px);
        border: calc(var(--width344) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width344) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 16px);
    }
    .index_getmore{
        height: calc(var(--width344) * 35px);
        border-radius: calc(var(--width344) * 18px) calc(var(--width344) * 18px) calc(var(--width344) * 18px) calc(var(--width344) * 18px);
        border: calc(var(--width344) * 1px) solid #F3F3F3;
        gap: calc(var(--width344) * 3px);
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width344) * 9px);
        height: calc(var(--width344) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width344) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width344) * 20px);
        padding-bottom: calc(var(--width344) * 15px);
        border-bottom: calc(var(--width344) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width344) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width344) * 3px);
        border-bottom: calc(var(--width344) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 18px);
        margin-top: calc(var(--width344) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 20px);
        height: calc(var(--width344) * 40px);
        margin-top: calc(var(--width344) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width344) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width344) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 36px);
        padding-left: calc(var(--width344) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width344) * 14px);
        height: calc(var(--width344) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width344) * 6px);
        width: calc(var(--width344) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 16px);
        gap: calc(var(--width344) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width344) * 14px);
        height: calc(var(--width344) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width344) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width344) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width344) * 20px);
        line-height: calc(var(--width344) * 22px);
        gap: calc(var(--width344) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width344) * 21px);
        height: calc(var(--width344) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 16px);
        gap: calc(var(--width344) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width344) * 9px);
        height: calc(var(--width344) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width344) * 20px);
        gap: calc(var(--width344) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width344) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width344) * 65px);
        height: calc(var(--width344) * 65px);
        border: calc(var(--width344) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width344) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width344) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width344) * 20px) 0;
        border-bottom: calc(var(--width344) * 1px) solid #F3F3F3;
        gap: calc(var(--width344) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width344) * 140px);
        height: calc(var(--width344) * 86px);
        border-radius: calc(var(--width344) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 20px);
        padding: 0 calc(var(--width344) * 5px);
        border-radius: calc(var(--width344) * 8px) calc(var(--width344) * 0px) calc(var(--width344) * 8px) calc(var(--width344) * 0px);
        top: calc(var(--width344) * 11px);
        left: calc(var(--width344) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width344) * 152px));
        height: calc(var(--width344) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 28px);
        height: calc(var(--width344) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 20px);
        padding: 0 calc(var(--width344) * 5px);
        border-radius: calc(var(--width344) * 8px) calc(var(--width344) * 0px) calc(var(--width344) * 8px) calc(var(--width344) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width344) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width344) * 12px);
        line-height: calc(var(--width344) * 14px);
        gap: calc(var(--width344) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width344) * 14px);
        height: calc(var(--width344) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width344) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width344) * 12px);
        line-height: calc(var(--width344) * 20px);
        padding: 0 calc(var(--width344) * 8px);
        border-radius: calc(var(--width344) * 10px);
        border: calc(var(--width344) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width344) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width344) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width344) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width344) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width344) * 13px);
        border: calc(var(--width344) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width344) * 15px);
        height: calc(var(--width344) * 5px);
        border-radius: calc(var(--width344) * 3px);
        margin-right: calc(var(--width344) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width344) * 30px);
        padding-bottom: calc(var(--width344) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width344) * 30px);
        padding-bottom: calc(var(--width344) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width344) * 30px);
        padding-bottom: calc(var(--width344) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width344) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width344) * 14px);
        line-height: calc(var(--width344) * 16px);
        margin-top: calc(var(--width344) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width344) * 13px);
        border: calc(var(--width344) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width344) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width344) * 20px);
        gap: calc(var(--width344) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width344) * 16px);
        line-height: calc(var(--width344) * 18px);
    }
}

@media screen and (max-width: 330px) {
    .index09_main{
        padding: 0 calc(var(--width330) * 20px);
    }
    .index09_1{
        margin-top: calc(var(--width330) * 20px);
        gap: calc(var(--width330) * 20px);
    }
    .index09_1s{
        gap: calc(var(--width330) * 10px);
        width: calc(var(--width330) * 75px);
    }
    .index09_1s > img{
        width: calc(var(--width330) * 57px);
        height: calc(var(--width330) * 57px);
    }
    .index09_1s > span{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 20px);
    }
    .index09_1s > b{
        font-size: calc(var(--width330) * 10px);
        line-height: calc(var(--width330) * 14px);
        padding: 0 calc(var(--width330) * 4px);
        border-radius: calc(var(--width330) * 5px) calc(var(--width330) * 5px) calc(var(--width330) * 5px) 0;
    }
    b.icon_ai{
        padding: 0 calc(var(--width330) * 8px);
    }
    .index09_2{
        padding: calc(var(--width330) * 20px) calc(var(--width330) * 15px);
        margin-top: calc(var(--width330) * 20px);
        border-radius: calc(var(--width330) * 3px);
    }
    .index09_2_title{
        gap: calc(var(--width330) * 20px);
    }
    .index09_2_title > span{
        font-size: calc(var(--width330) * 24px);
        line-height: calc(var(--width330) * 28px);
    }
    .index09_2_search{
        margin-top: calc(var(--width330) * 15px);
        border-radius: calc(var(--width330) * 25px);
        border: calc(var(--width330) * 3px) solid transparent;
        padding: calc(var(--width330) * 10px) calc(var(--width330) * 15px);
    }
    .index09_2_search > div{
        gap: calc(var(--width330) * 20px);
    }
    .index09_2_btn{
        width: calc(var(--width330) * 30px);
        height: calc(var(--width330) * 30px);
    }
    .index09_2_class{
        width: calc(100% - calc(var(--width330) * 50px));
        gap: calc(var(--width330) * 10px);
    }
    .index09_2_class > a{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 25px);
        padding: 0 calc(var(--width330) * 10px);
        border-radius: calc(var(--width330) * 13px);
    }
    .index09_2_info{
        margin-top: calc(var(--width330) * 20px);
    }
    .index09_2_info1 > span{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
        gap: calc(var(--width330) * 3px);
    }
    .index09_2_info1 > span::before{
        width: calc(var(--width330) * 19px);
        height: calc(var(--width330) * 19px);
    }
    .index09_2_info1 > button{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 16px);
        gap: calc(var(--width330) * 3px);
    }
    .index09_2_info1 > button::after{
        width: calc(var(--width330) * 13px);
        height: calc(var(--width330) * 13px);
    }
    .index09_2_info2{
        margin-top: calc(var(--width330) * 15px);
        gap: calc(var(--width330) * 18px);
    }
    .index09_2_info2 > a{
        gap: calc(var(--width330) * 10px);
        height: calc(var(--width330) * 33px);
        border-radius: calc(var(--width330) * 17px) calc(var(--width330) * 17px) calc(var(--width330) * 17px) calc(var(--width330) * 17px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width330) * 15px);
    }
    .index09_2_info2 > a > span{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 33px);
        width: calc(100% - calc(var(--width330) * 20px));
    }
    .index09_2_info2 > a::after{
        width: calc(var(--width330) * 9px);
        height: calc(var(--width330) * 12px);
    }
    .index09_3,
    .index09_4,
    .index09_5{
        margin-top: calc(var(--width330) * 25px);
    }
    .index09_3_title,
    .index09_4_title,
    .index09_5_title,
    .index09_6_title,
    .index09_7_title{
        gap: calc(var(--width330) * 25px);
        padding-bottom: calc(var(--width330) * 18px);
        border-bottom: calc(var(--width330) * 1px) solid #F1F1F1;
    }
    .index09_6_title,
    .index09_7_title{
        margin-top: calc(var(--width330) * 20px);
    }
    .index09_3_title > a,
    .index09_4_title > a,
    .index09_5_title > a{
        font-size: calc(var(--width330) * 20px);
        line-height: calc(var(--width330) * 24px);
    }
    .index09_6_title > a,
    .index09_7_title > a{
        font-size: calc(var(--width330) * 18px);
        line-height: calc(var(--width330) * 24px);
    }
    .index09_3_title > a.active::after,
    .index09_4_title > a.active::after,
    .index09_5_title > a.active::after,
    .index09_6_title > a.active::after,
    .index09_7_title > a.active::after{
        bottom: calc(var(--width330) * -18px);
        height: calc(var(--width330) * 5px);
        border-radius: calc(var(--width330) * 3px);
    }
    .index09_3M,
    .index09_4M{
        margin-top: calc(var(--width330) * 20px);
        gap: calc(var(--width330) * 20px);
    }
    .index09_3s{
        height: calc(var(--width330) * 33px);
        border-radius: calc(var(--width330) * 17px) calc(var(--width330) * 17px) calc(var(--width330) * 17px) calc(var(--width330) * 17px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
        padding: 0 calc(var(--width330) * 18px);
    }
    .index09_3s > span{
        width: calc(100% - calc(var(--width330) * 20px));
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 33px);
    }
    .index09_3s::after{
        width: calc(var(--width330) * 9px);
        height: calc(var(--width330) * 12px);
    }
    .index09_4s{
        gap: calc(var(--width330) * 15px);
    }
    .index09_4s_img{
        width: calc(var(--width330) * 65px);
        height: calc(var(--width330) * 65px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width330) * 15px);
    }
    .index09_4s_btn{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 28px);
        padding: 0 calc(var(--width330) * 14px);
        border-radius: calc(var(--width330) * 14px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
    }
    .index09_4s > div{
        gap: calc(var(--width330) * 16px);
    }
    .index09_4s_title{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
    }
    .index09_4s > div p{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 16px);
    }
    .index_getmore{
        height: calc(var(--width330) * 35px);
        border-radius: calc(var(--width330) * 18px) calc(var(--width330) * 18px) calc(var(--width330) * 18px) calc(var(--width330) * 18px);
        border: calc(var(--width330) * 1px) solid #F3F3F3;
        gap: calc(var(--width330) * 3px);
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 35px);
    }
    .index_getmore::after{
        width: calc(var(--width330) * 9px);
        height: calc(var(--width330) * 12px);
    }
    .index09_5M{
        margin-top: calc(var(--width330) * 20px);
    }
    .index09_5M1{
        gap: calc(var(--width330) * 20px);
        padding-bottom: calc(var(--width330) * 15px);
        border-bottom: calc(var(--width330) * 1px) solid #F1F1F1;
    }
    .index09_5M1s{
        width: calc(50% - calc(var(--width330) * 10px));
    }
    .index09_5M1s_img{
        border-radius: calc(var(--width330) * 3px);
        border-bottom: calc(var(--width330) * 3px) solid #F13536;
    }
    .index09_5M1s_title{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
        margin-top: calc(var(--width330) * 17px);
    }
    .index09_5M1s > p{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 20px);
        height: calc(var(--width330) * 40px);
        margin-top: calc(var(--width330) * 8px);
    }
    .index09_5M2{
        margin-top: calc(var(--width330) * 15px);
    }
    .index09_5M2s{
        gap: calc(var(--width330) * 30px);
    }
    .index09_5M2s > a{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 36px);
        padding-left: calc(var(--width330) * 24px);
    }
    .index09_5M2s > a::before{
        width: calc(var(--width330) * 14px);
        height: calc(var(--width330) * 14px);
    }
    .index09_5M2s > a::after{
        left: calc(var(--width330) * 6px);
        width: calc(var(--width330) * 1px);
    }
    .index09_5M2s > span{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 16px);
        gap: calc(var(--width330) * 3px);
    }
    .index09_5M2s > span::before{
        width: calc(var(--width330) * 14px);
        height: calc(var(--width330) * 15px);
    }
    .index09_5M .index_getmore{
        margin-top: calc(var(--width330) * 15px);
    }
    .index09_6{
        margin-top: calc(var(--width330) * 30px);
    }
    .index_title > span{
        font-size: calc(var(--width330) * 20px);
        line-height: calc(var(--width330) * 22px);
        gap: calc(var(--width330) * 3px);
    }
    .index_title > span::before{
        width: calc(var(--width330) * 21px);
        height: calc(var(--width330) * 20px);
    }
    .index_title > a{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 16px);
        gap: calc(var(--width330) * 3px);
    }
    .index_title > a::after{
        width: calc(var(--width330) * 9px);
        height: calc(var(--width330) * 12px);
    }
    .index09_6M{
        margin-top: calc(var(--width330) * 20px);
        gap: calc(var(--width330) * 20px);
    }
    .index09_6s{
        gap: calc(var(--width330) * 13px);
    }
    .index09_6s > img{
        width: calc(var(--width330) * 65px);
        height: calc(var(--width330) * 65px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
        border-radius: calc(var(--width330) * 15px);
    }
    .index09_6s > span{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
    }
    .index09_7{
        margin-top: calc(var(--width330) * 30px);
    }
    .index09_7Ms{
        padding: calc(var(--width330) * 20px) 0;
        border-bottom: calc(var(--width330) * 1px) solid #F3F3F3;
        gap: calc(var(--width330) * 12px);
    }
    .index09_7Ms_img{
        width: calc(var(--width330) * 140px);
        height: calc(var(--width330) * 86px);
        border-radius: calc(var(--width330) * 5px);
    }
    .index09_7Ms_img > span{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 20px);
        padding: 0 calc(var(--width330) * 5px);
        border-radius: calc(var(--width330) * 8px) calc(var(--width330) * 0px) calc(var(--width330) * 8px) calc(var(--width330) * 0px);
        top: calc(var(--width330) * 11px);
        left: calc(var(--width330) * 12px);
    }
    .index09_7Ms > div{
        width: calc(100% - calc(var(--width330) * 152px));
        height: calc(var(--width330) * 86px);
    }
    .index09_7Ms_title{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 28px);
        height: calc(var(--width330) * 56px);
    }
    .index09_7Ms_title > span{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 20px);
        padding: 0 calc(var(--width330) * 5px);
        border-radius: calc(var(--width330) * 8px) calc(var(--width330) * 0px) calc(var(--width330) * 8px) calc(var(--width330) * 0px);
    }
    .index09_7Ms_info{
        gap: calc(var(--width330) * 20px);
    }
    .index09_7Ms_info > span{
        font-size: calc(var(--width330) * 12px);
        line-height: calc(var(--width330) * 14px);
        gap: calc(var(--width330) * 3px);
    }
    .index09_7Ms_info > span::before{
        width: calc(var(--width330) * 14px);
        height: calc(var(--width330) * 15px);
    }
    .index09_7Ms_info > div{
        gap: calc(var(--width330) * 5px);
    }
    .index09_7Ms_info > div a{
        font-size: calc(var(--width330) * 12px);
        line-height: calc(var(--width330) * 20px);
        padding: 0 calc(var(--width330) * 8px);
        border-radius: calc(var(--width330) * 10px);
        border: calc(var(--width330) * 1px) solid #E4E4E4;
    }
    .index09_7M .index_getmore{
        margin-top: calc(var(--width330) * 20px);
    }
    .index09_8 .readswiper{
        margin-top: calc(var(--width330) * 22px);
    }
    .index09_9 .coursesswiper{
        margin-top: calc(var(--width330) * 22px);
    }
    .index09_9 .AiRankList_li > div{
        width: calc(100% - calc(var(--width330) * 126px));
    }
    .index09_9 .AiRankList_li_class > a{
        border-radius: calc(var(--width330) * 13px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
    }
    .index09_9 .swiper-pagination-clickable .swiper-pagination-bullet{
        width: calc(var(--width330) * 15px);
        height: calc(var(--width330) * 5px);
        border-radius: calc(var(--width330) * 3px);
        margin-right: calc(var(--width330) * 6px);
    }
    .index09_8.hours-read{
        margin-top: calc(var(--width330) * 30px);
        padding-bottom: calc(var(--width330) * 20px);
    }
    .index09_9.rightAiRanking{
        margin-top: calc(var(--width330) * 30px);
        padding-bottom: calc(var(--width330) * 25px);
    }
    .index09_10.hot-down{
        margin-top: calc(var(--width330) * 30px);
        padding-bottom: calc(var(--width330) * 20px);
    }
    .index09_10 .hotswiper{
        margin-top: calc(var(--width330) * 20px);
    }
    .index09_10 .hotrap{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 16px);
        margin-top: calc(var(--width330) * 10px);
    }
    .index09_10 .hotrdown{
        border-radius: calc(var(--width330) * 13px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
    }
    .index09_11{
        margin-top: calc(var(--width330) * 30px);
    }
    .index09_11M{
        margin-top: calc(var(--width330) * 20px);
        gap: calc(var(--width330) * 20px);
    }
    .index09_11s{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
    }
}