* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img {
    object-fit: cover;
}

a {
    text-decoration: none;
    color: #000000;
}

li {
    list-style: none;
}
/* :root {
    --screen-width: 750 ;
    --width430:( 430 / 750 );
    --width360:( 360 / 750 );
    --width560:( 560 / 750 );
    --width768:(768 / 1024 );
    --width820:(820 / 1024 );
    --fontsize20a360:(20px * var(--width360) );
    --fontsize24a360:(24px * var(--width360) );
    --lineheight35a360:(35px * var(--width360) );
    --fontsize26a360:(26px * var(--width360) );
    --fontsize32a360:(32px * var(--width360) );
    --lineheight28a360:(28px * var(--width360) );
    --fontsize30a360:(30px * var(--width360) );
    --fontsize28a360:(28px * var(--width360) );
    --lineheight32a360:(32px * var(--width360) );
    --lineheight31a360:(32px * var(--width360) );
 
    
} */

:root {
    --screen-width: 430;
    --width430: 1; /* 430/430 */
    --width360: calc(360 / 430);
    --width560: calc(560 / 430);
    --width768: calc(768 / 430);
    --width820: calc(820 / 430);
    --width1024: calc(1024 / 430);
    --fontsize20a360: calc(20px * var(--width360));
    --fontsize24a360: calc(24px * var(--width360));
    --lineheight35a360: calc(35px * var(--width360));
    --fontsize26a360: calc(26px * var(--width360));
    --fontsize32a360: calc(32px * var(--width360));
    --lineheight28a360: calc(28px * var(--width360));
    --fontsize30a360: calc(30px * var(--width360));
    --fontsize28a360: calc(28px * var(--width360));
    --lineheight32a360: calc(32px * var(--width360));
    --lineheight31a360: calc(31px * var(--width360));
}

body{
    max-width: 1024px;
    margin: 0 auto !important;
}

    header{
        width: 100%;
        
    }
    body{
        background-color: #FCFCFC;
    }
    .header{
        width: 100%;
        height: calc(var(--width1024)*42px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid #F0F2F5;
        padding: 0 calc(var(--width1024)*16px);
        gap: 50px;
    }
    .header_logo{
        /* width: calc(var(--width1024)*28px); */
        width: auto;
        aspect-ratio: 102/29;
        height: calc(var(--width1024)*29px);
    }
    .header_logo a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .header_logo a img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .header_menu{
        width: calc(var(--width1024)*26px);
        height: calc(var(--width1024)*26px);
        background-color: transparent;
        border: none;
    }
    .header_search{
        width: calc(100% - calc(var(--width1024)*28px) - 100px - calc(var(--width1024)*26px));
        height: calc(var(--width1024)*28px);
        background-color: #EFF2F5;
        border-radius: calc(var(--width1024)*14px);
        padding:  0 calc(var(--width1024)*14px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_search input{
        width: calc(100% - calc(var(--width1024)*15px));
        background-color: transparent;
        border: none;
        height: 100%;
    }
    .header_search input::placeholder{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
    .header_search input:focus{
        border: none;
        outline: none;
    }
    .header_search button{
        background-color: transparent;
        border: none;
        width: calc(var(--width1024)*14px);
        height: calc(var(--width1024)*14px);
    }
    .header_search button .icon{
        display: block;
        width: calc(var(--width1024)*14px);
        height: calc(var(--width1024)*14px);
    }
    .header_menu .icon{
        width: calc(var(--width1024)*26px);
        height: calc(var(--width1024)*26px);
    }
    main{
        width: 100%;
    
        background-color: #FCFCFC;
    }
    .header_hide{
        display: none;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffffff;
        overflow-y: auto;
    }
    .header_hide.active{
        display: block;
        z-index: 999;
    }
    .header_hide .header{
        height: calc(var(--width1024)*42px);
    }
    .header_hide_tops{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .header_hide_tops .icon_f{
        width: calc(var(--width1024)*32px);
        height: calc(var(--width1024)*32px);
        border-radius: 8px;
        background: #F5B97F;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_hide_tops .icon_f .icon{
        width: calc(var(--width1024)*18px);
        height: calc(var(--width1024)*18px);
    }
    .header_hide_tops > span{
        font-size: calc(var(--width1024)*14px);
        color: #808A9D;
        line-height: calc(var(--width1024)*18px);
    }
    .header_hide_top{
        width: 100%;
        padding: calc(var(--width1024)*40px) calc(var(--width1024)*40px) calc(var(--width1024)*20px) calc(var(--width1024)*40px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_hide_tops:nth-child(2) .icon_f{
        background-color: #FF775F;
    }
    .header_hide_tops:nth-child(3) .icon_f{
        background-color: #16C784;
    }
    .header_hide_tops:nth-child(4) .icon_f{
        background-color: #8A3FFC;
    }
    .header_hide_tops:nth-child(5) .icon_f{
        background-color: #2544D4;
    }
    .header_hide_bottom{
        width: 100%;
        padding: 0 calc(var(--width1024)*17px);
    }
    .header_hide_bottom hr{
        border: none;
        background-color: #EFF2F5;
        height: 1px;  
    }
    .header_hide_bottoms{
        width: 100%;
    
        border-bottom: 1px solid #EFF2F5;
    }
    .header_hide_bottoms_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
    }
    .header_hide_bottoms_topL{
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .header_hide_bottoms_topL > .icon_f{
        display: block;
        width: calc(var(--width1024)*18px);
        height: calc(var(--width1024)*18px);
    }
    .header_hide_bottoms_topL > .icon_f .icon{
        width: calc(var(--width1024)*18px);
        height: calc(var(--width1024)*18px);
    }
    .header_hide_bottoms_topL > span{
        font-size: calc(var(--width1024)*18px);
        color: #333333;
        line-height: calc(var(--width1024)*25px);
    }
    .header_hide_bottoms_topR .icon_f{
        display: block;
        width: calc(var(--width1024)*18px);
        height: calc(var(--width1024)*18px);
    }
    
    .header_hide_bottoms_topR .icon_f .icon{
        width: calc(var(--width1024)*18px);
        height: calc(var(--width1024)*18px);
    }
    .header_hide_bottoms_M{
        display: none;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width1024)*20px);
        padding-bottom: calc(var(--width1024)*16px);
    }
    .header_hide_bottoms_M a{
        height: calc(var(--width1024)*28px);
        border-radius: calc(var(--width1024)*14px);
        background: #EFF2F5;
        font-size: calc(var(--width1024)*14px);
        color: #616E85;
        line-height: calc(var(--width1024)*20px);
        width: calc(var(--width1024)*77px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: calc(var(--width1024)*28px);
        padding: 0 calc(var(--width1024)*10px);
        text-align: center;
    }
    /* 初始只显示展开图标，收起图标和内容都隐藏 */
    
    /* 展开时，显示内容和收起图标，隐藏展开图标 */
    .header_hide_bottoms.open .header_hide_bottoms_M { display: grid; }
    .header_hide_bottoms.open .icon_f .icon-expand { display: none; }
    .header_hide_bottoms.open .icon_f .icon-collapse { display: inline; }
    
    .header_hide_bottoms_topR .icon_f .icon-collapse { display: none; }
    .header_hide_bottoms_topR .icon_f .icon-expand { display: inline; }
    .header_hide_bottoms_topR .header_hide_bottoms_M { display: none; }
    
    .indexmian_m_Carousel .index-swiper {
    width: 100%;
    height: calc(var(--width1024)*180px);
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    }
    .indexmian_m_Carousel .index-swiper .swiper-slide {
    text-align: center;
    position: relative;
    }
    .indexmian_m_Carousel .index-swiper img {
    width: 100%;
    height: 100%;
    display: block;
    }
    .indexmian_m_Carousel .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 8px calc(var(--width1024)*12px);
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*14px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m_Carousel .swiper-button-prev:after,
    .indexmian_m_Carousel .swiper-button-next:after{
    font-size: calc(var(--width1024)*18px);
    }
    
    .header_nav{
    width: 100%;
    padding:  calc(var(--width1024)*20px) 0 calc(var(--width1024)*20px) calc(var(--width1024)*16px);
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    background-color: #FCFCFC;
    }
    .header_nav::-webkit-scrollbar {
    display: none; 
    }
    .header_nav a{
    flex: 0 0 auto;
    font-size: calc(var(--width1024)*18px);
    color: #3C3C3C;
    line-height: calc(var(--width1024)*25px);
    }
    .header_nav a.active{
    color: #3861FB;
    }
    .indexmian_m{
    width: 100%;
    padding:  0 calc(var(--width1024)*16px);
    }
    .indexmian_m1{
    width: 100%;
    margin-top: calc(var(--width1024)*20px);
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .indexmian_m1::-webkit-scrollbar {
    display: none; 
    }
    .indexmian_m1 > a{
    display: block;
    width: calc(var(--width1024)*180px);
    height: calc(var(--width1024)*136px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    }
    .indexmian_m1 > a > img{
    width: 100%;
    height: 100%;
    }
    .indexmian_m1 > a > div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 6px calc(var(--width1024)*10px);
    
    }
    .indexmian_m1 > a > div > span{
    font-size: calc(var(--width1024)*12px);
    line-height: calc(var(--width1024)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m1 > a > div > div{
    font-size: calc(var(--width1024)*12px);
    color: #E2E2E2;
    line-height: calc(var(--width1024)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m1 > a > div > div > span{
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmian_m1_point{
    display: block;
    width: 2px !important;
    height: 2px;
    background-color: #E2E2E2;
    border-radius: 50%;
    }
    .indexmian_m2{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m2 > h2{
    font-size: calc(var(--width1024)*18px);
    color: #000000;
    line-height: calc(var(--width1024)*20px);
    }
    .indexmian_m2m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m2ms{
    width: 100%;
    height: calc(var(--width1024)*88px);
    padding: calc(var(--width1024)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    margin-top: calc(var(--width1024)*15px);
    }
    .indexmian_m2ms_img{
    display: block;
    width: calc(var(--width1024)*124px);
    height: calc(var(--width1024)*68px);
    }
    .indexmian_m2ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px;
    }
    .indexmian_m2ms_info{
    width: calc(100% - var(--width1024) * 134px);
    height: calc(var(--width1024)*68px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .indexmian_m2ms_info > a > h3{
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    }
    .indexmian_m2ms_info > div{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1{
    /* padding: calc(var(--width1024)*10px); */
    padding-bottom: calc(var(--width1024)*20px);
    margin-top: calc(var(--width1024)*20px);
    }
    .indexmain2R1 h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*24px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: calc(var(--width1024)*10px);
    
    }
    .indexmain2R1M{
    width: 100%;
    margin-top: calc(var(--width1024)*10px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*12px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width1024)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width1024)*10px);
    }
    .indexmain2R1Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    .indexmain2R1Ms_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    }
    .indexmain2R1Ms_top:hover{
    background-color: #F8FAFD;
    }
    .indexmain2R1Ms_top .icon-f{
    display: block;
    width: calc(var(--width1024)*18px);
    height: calc(var(--width1024)*18px);
    }
    .indexmain2R1Ms_top .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_top > a{
    width: calc(100% - calc(var(--width1024)*25px));
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width1024)*16px);
    color: #1C1C1C;
    line-height: calc(var(--width1024)*22px);
    }
    .indexmain2R1Ms_bottom{
    width: 100%;
    display: flex;
    padding-left: calc(var(--width1024)*25px);
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1Ms_bottom .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*14px);
    height: calc(var(--width1024)*14px);
    }
    .indexmain2R1Ms_bottom .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_bottom span{
    color: #6D6D6D;
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*20px);
    }
    .indexmain2R1Ms_top_ranking.topranking1{
        background-color: #ffb54a;
    }
    .indexmain2R1Ms_top_ranking.topranking2{
        background-color: #cacfda;
    }
    .indexmain2R1Ms_top_ranking.topranking3{
        background-color: #ff9449;
    }
    .indexmain2R1Ms_top_ranking{
    width: calc(var(--width1024)*20px);
    height: calc(var(--width1024)*20px);
    background-color: #84A8C2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
    }
    .indexmain2R2{
    width: 100%;
    
    
    }
    .indexmain2R2 h2{
    font-size: calc(var(--width1024)*18px);
    color: #000000;
    line-height: calc(var(--width1024)*24px);
    }
    .indexmain2R2M{
    width: 100%;
    margin-top: calc(var(--width1024)*20px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width1024)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width1024)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width1024)*10px);
    }
    .indexmain2R2Ms{
    font-size: calc(var(--width1024)*14px);
    color: #616E85;
    line-height: calc(var(--width1024)*20px);
    padding: 8px calc(var(--width1024)*16px);
    border-radius: calc(var(--width1024)*21px);
    background: #EFF2F5;
    }
    .indexmain2R2Ms:hover{
    color: #333333;
    }
    .indexmian_m3{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m3 > h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*20px);
    }
    .indexmian_m3m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m3ms{
    width: 100%;
    margin-top: calc(var(--width1024)*15px);
    
    }
    .indexmian_m3ms_img{
    display: block;
    width: 100%;
    height: calc(var(--width1024)*160px);
    }
    .indexmian_m3ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    }
    .indexmian_m3ms_info{
    width: 100%;
    padding: calc(var(--width1024)*10px);
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    }
    .indexmian_m3ms_name{
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*22px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m3ms_time{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*17px);
    margin-top: 5px;
    }
    .indexmian_m4{
    width: 100%;
    margin-top: 30px;
    }
    .indexmian_m4 > h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*20px);
    }
    .indexmian_m4m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m4ms{
    width: 100%;
    height: calc(var(--width1024)*82px);
    padding: calc(var(--width1024)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex
    ;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    margin-top: calc(var(--width1024)*15px);
    }
    .indexmian_m4ms_img{
    display: block;
    width: calc(var(--width1024)*62px);
    height: calc(var(--width1024)*62px);
    }
    .indexmian_m4ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    }
    .indexmian_m4ms_info{
    width: calc(100% - var(--width1024)*72px);
    height: calc(var(--width1024)*62px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    }
    .indexmian_m4ms_name h3{
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m4ms_infos{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex
    ;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m4ms_infos .indexmian_m1_point{
    background-color: #707070;
    }
    
    .indexmain4s{
    width: 100%;
    margin-top: calc(var(--width1024)*15px);
    border-radius: 8px;
    box-shadow: 0px 0px calc(var(--width1024)*15px) 0px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 8px;
    }
    .indexmain4s:hover{
    box-shadow: 1px 1px 4px 0px #CDCDCD, -1px -1px 4px 0px rgba(88,102,126,0);
    }
    .indexmain4s_img{
    display: block;
    width: 100%;
    height: calc(var(--width1024)*198px);
    
    }
    .indexmain4s_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    }
    .indexmain4s_column{
    width: 100%;
    padding: calc(var(--width1024)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .indexmain4s_columnL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_columnL .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*18px);
    height: calc(var(--width1024)*18px);
    }
    .indexmain4s_columnL .icon{
    width: calc(var(--width1024)*18px);
    height: calc(var(--width1024)*18px);
    }
    .indexmain4s_columnL span{
    font-size: calc(var(--width1024)*12px);
    color: #3861FB;
    line-height: calc(var(--width1024)*17px);
    }
    .indexmain4s_columnR{
    font-size: calc(var(--width1024)*12px);
    color: #999999;
    line-height: calc(var(--width1024)*17px);
    }
    .indexmain4s_more{
        display: block;
        margin: calc(var(--width1024)*20px) auto;
        width: 100%;
        height: calc(var(--width1024)*38px);
        font-size: calc(var(--width1024)*16px);
        line-height: calc(var(--width1024)*38px);
        text-align: center;
        background-color: #3861FB;
        color: #ffffff;
        border-radius: 6px;
    }
    .indexmain4s_name{
    margin-top: 10px;
    padding: 0 calc(var(--width1024)*10px);
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
    font-weight: 600;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmain4s p{
    font-size: calc(var(--width1024)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width1024)*18px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width1024)*10px);
    margin-top: calc(var(--width1024)*10px);
    height: auto;
    }
    .indexmain4s_info{
    width: 100%;
    padding: 0 calc(var(--width1024)*10px);
    margin-top: calc(var(--width1024)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(var(--width1024)*10px);
    }
    .indexmain4s_infoL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_infoL .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*14px);
    height: calc(var(--width1024)*14px);
    }
    .indexmain4s_infoL .icon{
    width: calc(var(--width1024)*14px);
    height: calc(var(--width1024)*14px);
    }
    .indexmain4s_infoL span{
    color: #6D6D6D;
    font-size: calc(var(--width1024)*12px);
    line-height: calc(var(--width1024)*17px);
    }
    .indexmain4s_infoR{
    font-size: calc(var(--width1024)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width1024)*17px);
    }
    footer{
    width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    padding: calc(var(--width1024)*33px);
    margin-top: 30px;
    
    }
    .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    .footer span{
    font-size: calc(var(--width1024)*14px);
    color: #333333;
    line-height: calc(var(--width1024)*20px);
    text-align: center;
    }
    .totop .icon-f{
    display: block;
    width: calc(var(--width1024)*24px);
    height: calc(var(--width1024)*24px);
    }
    .totop .icon{
    width: calc(var(--width1024)*24px);
    height: calc(var(--width1024)*24px);
    }
    .totop{
    /* display: none; */
    position: fixed;
    right: calc(var(--width1024)*10px);
    bottom: calc(var(--width1024)*100px);
    width: calc(var(--width1024)*24px);
    height: calc(var(--width1024)*24px);
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
    }
    
    .totop.show {
    opacity: 1;
    pointer-events: auto;
    }
    
    .totop .iconhover{
    display: none;
    }
    
    .totop:hover .icon{
    display: none;
    }
    .totop:hover .iconhover{
    display: inline-block;
    }

    /* 222222 */
    .downlist{
        width: 100%;
     
      }
      .downlist1{
        padding:calc(var(--width1024)*16px);
        background-color: #ffffff;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
      }
      .downlist1 > span{
        display: block;width: 100%;
        height: 1px;
        background-color: #F7F8FA;
        margin-top: calc(var(--width1024)*16px);
        margin-bottom: calc(var(--width1024)*16px);
      }
      .topnav{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 3px;
    
    }
    .topnav .icon_f{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width1024)*12px);
        height: calc(var(--width1024)*12px);
    }
    .topnav .icon{
        width: calc(var(--width1024)*12px);
        height: calc(var(--width1024)*12px);
    }
    .topnavs{
        font-size: calc(var(--width1024)*12px);
        color: #6F7B8F;
        line-height: calc(var(--width1024)*17px);
    }
    .topnavs:hover{
        text-decoration: underline;
    }
    .topnav span{
        font-size: calc(var(--width1024)*12px);
        line-height: calc(var(--width1024)*12px);
    }
    .downlist1M{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width1024)*20px);
    }
    .downlist1M > a{
        padding: calc(var(--width1024)*4px) calc(var(--width1024)*10px);
        display: block;
        width: 100%;
        font-size: calc(var(--width1024)*14px);
        color: #768296;
        line-height: calc(var(--width1024)*20px);
        background: #EFF2F5;
        border-radius: calc(var(--width1024)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .downlist1M > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2{
        width: 100%;
        padding: calc(var(--width1024)*14px);
        margin-top: calc(var(--width1024)*30px);
        padding-top: 0;
    }
    .downlist2_top{
        width: 100%;
        height: calc(var(--width1024)*48px);
        display: flex;
        border-radius: calc(var(--width1024)*4px);
        border: 1px solid #3861FB;
        overflow: hidden;
    }
    .downlist2_top > a{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: calc(var(--width1024)*16px);
        color: #3861FB;
        line-height: calc(var(--width1024)*22px);
        background-color: #FCFCFC;
    }
    .downlist2_top > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2_bottom{
        margin-top: calc(var(--width1024)*20px);
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: calc(var(--width1024)*15px);
    }
    .downlist2s{
        width: 100%;
        padding: calc(var(--width1024)*10px);
        display: flex;
        align-items: center;
        gap: calc(var(--width1024)*10px);
        background: #FFFFFF;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
        border-radius: calc(var(--width1024)*4px);
    }
    .downlist2s_img{
        display: block;
        width: calc(var(--width1024)*62px);
        height: calc(var(--width1024)*62px);
        flex: 0 0 auto;
    }
    .downlist2s_img img{
        width: 100%;
        height: 100%;
        border-radius: calc(var(--width1024)*4px);
    
    }
    .downlist2s_info{
    
        width: calc(100% - calc(var(--width1024)*138px));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(var(--width1024)*62px);
    
    }
    .downlist2s_name{
        font-size: calc(var(--width1024)*16px);
        color: #000000;
        line-height: calc(var(--width1024)*20px);
        font-weight: 600;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_info > span{
        font-size: calc(var(--width1024)*12px);
        color: #E2E2E2;
        line-height: calc(var(--width1024)*12px);
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_btn{
        padding: calc(var(--width1024)*4px) calc(var(--width1024)*10px);
        display: block;
        width: calc(var(--width1024)*56px);
        font-size: calc(var(--width1024)*14px);
        color: #3861FB;
        line-height: calc(var(--width1024)*20px);
        border: 1px solid #3861FB;
        border-radius: calc(var(--width1024)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .page{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--width1024)*5px);
        margin-top: calc(var(--width1024)*20px);
        flex-wrap: wrap;
    }
    .lastpage,
    .nextpage{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width1024)*17px);
        height: calc(var(--width1024)*17px);
    }
    .lastpage .icon,
    .nextpage .icon{
        width: calc(var(--width1024)*17px);
        height: calc(var(--width1024)*17px);
    }
    .pages{
        font-size: calc(var(--width1024)*14px);
        line-height: calc(var(--width1024)*16px);
        padding:calc(var(--width1024)*11px) calc(var(--width1024)*13px);
        border-radius: calc(var(--width1024)*4px);
    }
    .pages:hover{
        background-color: #F0F6FF;
    }
    .pages.active{
        background-color: #3861FB;
        color: #ffffff;
    }



    /* 3333333333 */
.downmain{
    width: 100%;
    padding: calc(var(--width1024)*16px);
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
}
.downmain_line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EFF2F5;
    margin: calc(var(--width1024)*16px) 0;
}
.downmain1{
    width: 100%;
    padding: calc(var(--width1024)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
}
.downmain1_top{
    display: flex;
    gap: calc(var(--width1024)*10px);
}
.downmain1_top > img{
    width: calc(var(--width1024)*62px);
    height: calc(var(--width1024)*62px);
    border-radius: 4px;
}
.downmain1_info{
    width: calc(100% - calc(var(--width1024)*72px));
    height: calc(var(--width1024)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.downmain1_info h2{
    font-size: calc(var(--width1024)*16px);
    color: #000000;
    line-height: calc(var(--width1024)*20px);
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_info > span{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*14px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_tags{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    overflow: hidden;
    height: calc(var(--width1024)*20px);
    flex-wrap: wrap;
}
.downmain1_tags span{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*14px);
    padding: calc(var(--width1024)*3px) calc(var(--width1024)*6px);
    background: #EBEBEB;
    border-radius: 4px;
}
.downmain1_bottom{
    padding: calc(var(--width1024)*10px);
    margin-top: calc(var(--width1024)*10px);
    width: 100%;


}
.downmain1_bottom > a{
    display: block;
    width: 100%;
    height: calc(var(--width1024)*38px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width1024)*16px);
    color: #FFFFFF;
    line-height: calc(var(--width1024)*38px);
    text-align: center;
}
.downmain2{
    width: 100%;
    font-size: calc(var(--width1024)*14px);
    color: #111825;
    line-height: calc(var(--width1024)*22px);
}
.downmain2 p{
    margin: calc(var(--width1024)*10px) 0;
    font-size: calc(var(--width1024)*14px);
    color: #111825;
    line-height: calc(var(--width1024)*22px);
}
.downmain2 img{
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: calc(var(--width1024)*10px) auto;
    border-radius: 4px;
}
.downmain2 h2{
    font-weight: 600;
    font-size: calc(var(--width1024)*14px);
    color: #000000;
    line-height: calc(var(--width1024)*20px);
    margin: calc(var(--width1024)*10px) auto;
}
.downmain2 ol li,
.downmain2 ul li{
    padding-left: calc(var(--width1024)*20px);
    font-size: calc(var(--width1024)*14px);
    color: rgb(66, 66, 66);
    line-height: calc(var(--width1024)*20px);
    margin: calc(var(--width1024)*10px) 0;
}
.downmain2 a{
    color: #3861FB;
}
.downmain3{
    width: 100%;

}
.downmain3 h2{
    font-size: calc(var(--width1024)*18px);
    color: #111825;
    line-height: calc(var(--width1024)*22px);
    font-weight: bold;
}
.downmain3M{
    width: 100%;
    margin-top: calc(var(--width1024)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
    padding: calc(var(--width1024)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*20px);
}
.downmain3Ms{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downmain3Ms span:first-child{
    font-size: calc(var(--width1024)*14px);
    color: #7C7C7C;
    line-height: calc(var(--width1024)*18px);
}
.downmain3Ms span:last-child{
    font-size: calc(var(--width1024)*14px);
    color: #000000;
    line-height: calc(var(--width1024)*18px);
}
.downmain4{
    width: 100%;
    margin-top: calc(var(--width1024)*20px);
}
.downmain4 h2{
    font-size: calc(var(--width1024)*18px);
    color: #111825;
    line-height: calc(var(--width1024)*22px);
    font-weight: bold;
}
.downmain4M{
    width: 100%;
    margin-top: calc(var(--width1024)*20px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    gap: calc(var(--width1024)*20px);
}
.downmain4M a{
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    padding: calc(var(--width1024)*10px);
    border-radius: 4px;

}
.downmain4M a img{
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 4px;
}
.downmain4M a span:first-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.downmain4M a span:last-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    height: calc(var(--width1024)*28px);
    border-radius: 2px;
    border: 1px solid #3861FB;
    font-size: calc(var(--width1024)*14px);
    color: #3861FB;
    line-height: calc(var(--width1024)*28px);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain5{
    width: 100%;
    margin-top: calc(var(--width1024)*30px);

}
.downmain5_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.downmain5_top h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*20px);
}
.downmain5_top > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*18px);
    height: calc(var(--width1024)*18px);
}
.downmain5_top > a .icon{
    width: calc(var(--width1024)*18px);
    height: calc(var(--width1024)*18px);
}
.downmain5M{
    width: 100%;
    margin-top: calc(var(--width1024)*20px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: calc(var(--width1024)*20px);
}
.downmain5Ms{
    width: 100%;

}
.downmain5M_img{
    display: block;
    width: 100%;
    height: calc(var(--width1024)*107px);


}
.downmain5M_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0px 0px;
}
.downmain5Ms_info{
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 0px 0px 2px 2px;
    padding: calc(var(--width1024)*10px);
}
.downmain5M_name{
    width: 100%;
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*22px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.downmain5Ms_info span{
    display: block;
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*17px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: calc(var(--width1024)*10px);
}
.downmain6{
    width: 100%;
    margin-top: calc(var(--width1024)*30px);
}
.downmain6 h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*20px);
}


/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width1024)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width1024)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width1024)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width1024)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width1024)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width1024)*10px);
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
}

/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width1024)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width1024)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width1024)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width1024)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width1024)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width1024)*10px);
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
}
.ranking1{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: calc(var(--width1024)*20px);
}
.ranking1 > a{
    width: 100%;
    height: calc(var(--width1024)*28px);
    font-size: calc(var(--width1024)*14px);
    color: #616E85;
    line-height: calc(var(--width1024)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width1024)*4px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width1024)*10px);
    text-align: center;
}
.ranking1 > a.active{
    background-color: #3861FB;
    color: #ffffff;
}
.ranking2{
    width: 100%;
    padding: 0 calc(var(--width1024)*16px);
    margin-top: calc(var(--width1024)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*15px);
}
.ranking2s{
    width: 100%;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width1024)*15px) 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width1024)*4px);
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    
}
.ranking2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*25px);
    height: calc(var(--width1024)*25px);
    flex: 0 0 auto;
    font-size: calc(var(--width1024)*16px);
    color: #666666;
    font-weight: bold;
}
.ranking2s .icon_f .icon{
    width: calc(var(--width1024)*25px);
    height: calc(var(--width1024)*25px);
}
.ranking2s_img{

    flex: 0 0 auto;
    display: block;
    width: calc(var(--width1024)*62px);
    height: calc(var(--width1024)*62px);
}
.ranking2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width1024)*4px);
}
.ranking2s_info{
    width: calc(100% - calc(var(--width1024)*173px));
    height: calc(var(--width1024)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.ranking2s_name{
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_info span{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_btn{
    flex: 0 0 auto;
    width: calc(var(--width1024)*56px);
    height: calc(var(--width1024)*28px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width1024)*14px);
    font-size: calc(var(--width1024)*14px);
    color: #3861FB;
    line-height: calc(var(--width1024)*28px);
    padding: 0 calc(var(--width1024)*10px);
    text-align: center;
}
/* 555555555 */
.ArticleList1{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*10px);
}
.ArticleList1s{
    width: 100%;
    display: flex;
    gap: calc(var(--width1024)*10px);
    padding-bottom: calc(var(--width1024)*10px);
    border-bottom: 1px solid #F7F8FA;
}
.ArticleList1s_img{
    width: calc(var(--width1024)*132px);
    height: calc(var(--width1024)*72px);
}
.ArticleList1s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ArticleList1s_info{
    width: calc(100% - calc(var(--width1024)*142px));
    display: flex;
    flex-direction: column;
    height: calc(var(--width1024)*72px);
    justify-content: space-between;
}
.ArticleList1s_name h2{
    width: 100%;
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList1s_time{
    display: flex;
    justify-content: right;
}
.ArticleList1s_time span{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*12px);
}
    

/* 66666666 */
.ArticleList2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*15px);
}
.ArticleList2s{
    width: 100%;
    border-radius: calc(var(--width1024)*8px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}
.ArticleList2s_img{
    display: block;
    width: 100%;
    height: calc(var(--width1024)*198px);
}
.ArticleList2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width1024)*4px);
}
.ArticleList2s_info{
    width: 100%;
    padding: calc(var(--width1024)*10px);
}
.ArticleList2s_name h2{
    width: 100%;
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_info > p{
    font-size: calc(var(--width1024)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width1024)*18px);
    margin-top: calc(var(--width1024)*10px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_tag{
    width: 100%;
    margin-top: calc(var(--width1024)*10px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width1024)*10px);
    overflow: hidden;
    height: calc(var(--width1024)*28px);
}
.ArticleList2s_tag > a{
    font-size: calc(var(--width1024)*12px);
    color: #616E85;
    line-height: calc(var(--width1024)*28px);
    height: calc(var(--width1024)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width1024)*4px);
    padding: 0 calc(var(--width1024)*5px);

}
.ArticleList2s_info > span{
    display: block;
    font-size: calc(var(--width1024)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width1024)*17px);
    margin-top: calc(var(--width1024)*10px);
}

/* 77777777777 */
.Articlemain1{
    width: 100%;

}
.Articlemain1 > h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*24px);
}
.Articlemain1_info{
    width: 100%;
    margin-top: calc(var(--width1024)*17px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Articlemain1_info > span{
    font-size: calc(var(--width1024)*12px);
    line-height: calc(var(--width1024)*17px);
}
.download_mainL1R{
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*20px);
}
.download_mainL1_times{
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*5px);
}
.download_mainL1_times .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*12px);
    height: calc(var(--width1024)*12px);
}
.download_mainL1_times .icon{
    width: calc(var(--width1024)*12px);
    height: calc(var(--width1024)*12px);
}
.download_mainL1_times span{
    font-size: calc(var(--width1024)*14px);
    color: #6D6D6D;
    line-height: calc(var(--width1024)*20px);
}
.download_mainL1_download_sp{
    font-size: calc(var(--width1024)*12px);
    color: #3861FB;
    line-height: calc(var(--width1024)*14px);
    padding: calc(var(--width1024)*3px) calc(var(--width1024)*10px);
    background-color: #EFF2F5;
    border-radius: calc(var(--width1024)*4px);
}
.download_mainL2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*10px);
    margin-top: calc(var(--width1024)*10px);
}
.download_mainL2s{
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*10px);
}
.download_mainL2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*14px);
    height: calc(var(--width1024)*14px);
}
.download_mainL2s .icon{
    width: calc(var(--width1024)*14px);
    height: calc(var(--width1024)*14px);
}
.download_mainL2s span{
    font-size: calc(var(--width1024)*14px);
    color: #788296;
    line-height: calc(var(--width1024)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4{
    width: 100%;
    background-color: #F7F9FB;
    border-radius: calc(var(--width1024)*4px);
    padding: calc(var(--width1024)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*10px);
}
.download_mainL4 > img{
    width: calc(var(--width1024)*62px);
    height: calc(var(--width1024)*62px);
}
.download_mainL4 > a{
    width: calc(var(--width1024)*80px);
    flex: 0 0 auto;
    color: #3861FB;
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*20px);
    padding: calc(var(--width1024)*4px) calc(var(--width1024)*10px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width1024)*4px);
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info{
    width: calc(100% - calc(var(--width1024)*162px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width1024)*62px);
}
.download_mainL4_info > a{
    font-size: calc(var(--width1024)*16px);
    color: #000000;
    line-height: calc(var(--width1024)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info > span{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL5{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    margin-top: calc(var(--width1024)*10px);
}
.download_mainL5 a{
    font-size: calc(var(--width1024)*12px);
    color: #616E85;
    line-height: calc(var(--width1024)*17px);
    padding: calc(var(--width1024)*4px) calc(var(--width1024)*10px);
    border: 1px solid #DEDEDE;
    border-radius: calc(var(--width1024)*4px);
}
.Articlemain2{
    width: 100%;
    padding: calc(var(--width1024)*11px) calc(var(--width1024)*30px);
    background: #F8FAFD;
    border-radius: calc(var(--width1024)*4px);
    font-size: calc(var(--width1024)*14px);
    color: #0D1421;
    line-height: calc(var(--width1024)*20px);
    margin-top: calc(var(--width1024)*10px);
}
.Articlemain2 span{
    color: #3861FB;
    font-weight: 600;
}
.Articlemain3{
    width: 100%;
 

}
.Articlemain3 a{
    margin-top: calc(var(--width1024)*10px);
    display: block;
    width: 100%;
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*20px);
    color: #333945;
    padding: calc(var(--width1024)*11px) calc(var(--width1024)*27px);
    border: 1px solid #efefef;
    box-shadow: 0px 0px 1px 1px #F8FAFD;
    border-radius: calc(var(--width1024)*24px);
    background: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain3 a span{
    color: #3861FB;
}
.indexmian_m3ms{
    border-radius: calc(var(--width1024)*4px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.indexmain4s{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.Articlemain4{
    width: 100%;
    margin-top: calc(var(--width1024)*20px);
}
.Articlemain4 h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*20px);
}
.Articlemain4M{
    width: 100%;
    margin-top: calc(var(--width1024)*5px);
}
.Articlemain4s{
    margin-top: calc(var(--width1024)*15px);
    width: 100%;
    padding: calc(var(--width1024)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: calc(var(--width1024)*4px);
}
.Articlemain4_img{
    display: block;
    width: calc(var(--width1024)*62px);
    height: calc(var(--width1024)*62px);
}
.Articlemain4_img img{
    width: 100%;
    height: 100%;
}
.Articlemain4s_info{
    width: calc(100% - calc(var(--width1024)*72px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width1024)*62px);
}
.Articlemain4s_name{
    font-size: calc(var(--width1024)*16px);
    color: #000000;
    line-height: calc(var(--width1024)*20px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Articlemain4s_infos{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*5px);
}
.Articlemain4s_infos span{
    font-size: calc(var(--width1024)*12px);
    color: #707070;
    line-height: calc(var(--width1024)*12px);
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain4s_infos span.dot{
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #707070;
}

/* 888888888 */

.tagmain1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width1024)*20px);
    height: calc(var(--width1024)*76px);
    overflow: hidden;
    transition: height 0.3s ease;
}
.tagmain1.expanded {
    height: auto;
}
.tagmain1 a{
    font-size: calc(var(--width1024)*14px);
    color: #616E85;
    line-height: calc(var(--width1024)*20px);
    padding: calc(var(--width1024)*4px) calc(var(--width1024)*14px);
    background: #EFF2F5;
    border-radius: calc(var(--width1024)*14px);
}
.tagmain1_more{
    width: 100%;
    margin-top: calc(var(--width1024)*20px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width1024)*6px);
    background: #EFF2F5;
    border: none;
    border-radius: calc(var(--width1024)*4px);
    padding: calc(var(--width1024)*8px);
    cursor: pointer;
}
.tagmain1_more span{
    font-size: calc(var(--width1024)*16px);
    color: #3861FB;
    line-height: calc(var(--width1024)*22px);
}
.tagmain1_more .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*18px);
    height: calc(var(--width1024)*18px);
}
.tagmain1_more .icon_f .icon{
    width: calc(var(--width1024)*18px);
    height: calc(var(--width1024)*18px);
}
.tagmain1_more .icon_f .icon_sp{
    display: none;
}
.tagmain1_more.expanded .icon {
    display: none;
}
 
.tagmain1_more.expanded .icon_sp {
    display: block;
}
.tagmain2 .ranking2s_img{
    position: relative;
}
.tagmain2 .icon_f{
    position: absolute;
    top: calc(var(--width1024)*-9px);
    right: calc(var(--width1024)*-2px);
    width: calc(var(--width1024)*30px);
    height: calc(var(--width1024)*30px);
}
.tagmain2 .icon_f .icon{
    width: calc(var(--width1024)*30px);
    height: calc(var(--width1024)*30px);
}
.tagmain2 .ranking2s .ranking2s_img > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width1024)*10px);
    color: #F54343;
    line-height: calc(var(--width1024)*10px);
}
.tagmain2 .ranking2s .ranking2s_info{
    width: calc(100% - calc(var(--width1024)*138px));
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_btn{
    color: #F42B2B;
    border-color: #F42B2B;
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_img > span{
    color: #F54343;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_btn{
    color: #F4912B;
    border-color: #F4912B;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_img > span{
    color: #D88D00;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_btn{
    color: #F45A2B;
    border-color: #F45A2B;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_img > span{
    color: #F56943;
}

/* 999999999999 */

.topicmain1{
    width: 100%;
}
.topicmain1 h2{
    font-size: calc(var(--width1024)*18px);
    line-height: calc(var(--width1024)*24px);
}
.topicmain1_time{
    width: 100%;
    margin-top: calc(var(--width1024)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*5px);
}
.topicmain1_time .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*16px);
    height: calc(var(--width1024)*16px);
}
.topicmain1_time .icon_f .icon{
    width: calc(var(--width1024)*16px);
    height: calc(var(--width1024)*16px);
}
.topicmain1_time span{
    font-size: calc(var(--width1024)*14px);
    color: #788296;
    line-height: calc(var(--width1024)*20px);
}
.topicmain2{
    width: 100%;
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*22px);
}
.topicmain2 > img{
    display: block;
    max-width: 100%;
    margin:  calc(var(--width1024)*10px) auto;
    border-radius: 4px;
}
.topicmain2M{
    width: 100%;

    box-shadow: 0px 1px 1px 1px rgba(249,249,249,0.5);
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: calc(var(--width1024)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width1024)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .topicmain2M::-webkit-scrollbar {
    display: none; 
    }
.topicmain2Ms{
    display: block;
    position: relative;
    width: calc(var(--width1024)*68px);
    height: calc(var(--width1024)*68px);
    flex: 0 0 auto;

}
.topicmain2Ms .icon_f{
    position: absolute;
    top: calc(var(--width1024)*-9px);
    right: calc(var(--width1024)*-2px);
    width: calc(var(--width1024)*30px);
    height: calc(var(--width1024)*30px);
}
.topicmain2Ms .icon{
    width: calc(var(--width1024)*30px);
    height: calc(var(--width1024)*30px);
}
.topicmain2Ms img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.topicmain2Ms > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width1024)*10px);
    color: #A6A6A6;
    line-height: calc(var(--width1024)*10px);
}
.topicmain2Ms:nth-child(1) > span{
    color: #F54343;
}
.topicmain2Ms:nth-child(2) > span{
    color: #D88D00;
}
.topicmain2Ms:nth-child(3) > span{
    color: #F56943;
}


.mondmain1L2s{width:100%;box-sizing:border-box;overflow:hidden;margin-top:calc(var(--width1024)*20px);position:relative}
.mondmain1L2s p.topNum{border-color:#CCCCCC transparent transparent transparent;width:calc(var(--width1024)*50px);position:absolute;top:0px;left:0px;border-width:calc(var(--width1024)*21px) 0 0 0;border-style:solid;border-color:#c5c5c5 transparent transparent transparent;z-index:99999}
.mondmain1L2s p.topNum:before{border-top:calc(var(--width1024)*7px) solid #cccccc;content:"";position:absolute;top:0;left:0;height:0;width:0;border-left:calc(var(--width1024)*25px) solid transparent;border-right:calc(var(--width1024)*25px) solid transparent;}
.mondmain1L2s p.topNum em{width:calc(var(--width1024)*50px);position:absolute;top:calc(var(--width1024)*-26px);left:0;letter-spacing:0.6px;color:#fff;font-size:calc(var(--width1024)*13px);font-weight:bold;line-height:calc(var(--width1024)*30px);text-align:center}
.mondmain1L2s .title{position:relative;margin-left:calc(var(--width1024)*24px);height:calc(var(--width1024)*28px);line-height:calc(var(--width1024)*28px);border-radius:3px;font-size:calc(var(--width1024)*15px);color: #ffffff !important;;background:#3861FB;font-weight:bold;text-indent:calc(var(--width1024)*40px)}
.mondmain1L2s .title a{
    color: #ffffff;
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*18px);
}
.mondmain1L2s .desc{line-height:calc(var(--width1024)*22px);margin:calc(var(--width1024)*15px) auto;font-size:14px;color:#666}
.mondmain1L2s .ItemPics{padding:calc(var(--width1024)*10px);background:#f2f2f2;border-radius:6px;overflow:hidden;margin-bottom:calc(var(--width1024)*20px)}
.mondmain1L2s .ItemPics .rkImg{width:100%;position:relative;overflow:hidden}
.mondmain1L2s .ItemPics .rkImg .swiper-slide{width:auto}
.mondmain1L2s .ItemPics .rkImg img{display:inline-block;border-radius:6px;height:calc(var(--width1024)*285px)}
.mondmain1L2s .btn{display:block;margin:calc(var(--width1024)*12px) auto 0;height:calc(var(--width1024)*36px);border-radius:6px;text-align:center;line-height:calc(var(--width1024)*36px);font-size:calc(var(--width1024)*15px);color:#fff;width:calc(var(--width1024)*200px);background:#3861FB}
.mondmain1L2s .btn:hover{opacity:0.88}
.mondmain1L2s .swiper {
    width: 100%;
    height: 100%;
  }

 .mondmain1L2s .swiper-slide {
    width: auto;
    text-align: center;
    font-size: calc(var(--width1024)*18px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .mondmain1L2s .swiper-wrapper{
    align-items: center;
  }
 .mondmain1L2s .swiper-slide img {
    display: block;
    width: auto;
    height: calc(var(--width1024)*285px);
    object-fit: cover;
    border-radius: 4px;
  }

  .mondmain1L2s .grade{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .mondmain1L2s .grade img{
    width: calc(var(--width1024)*146px);
    height: calc(var(--width1024)*146px);
  }


  .mondmain1L2s:nth-child(1) p.topNum.fir{
    border-color: #ff2841 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(1) p.topNum:before{
    border-top: calc(var(--width1024)*7px) solid #ff2841;
  }
  .mondmain1L2s:nth-child(2) p.topNum.fir{
    border-color: #FF6D00 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(2) p.topNum:before{
    border-top: calc(var(--width1024)*7px) solid #FF6D00;
  }
  .mondmain1L2s:nth-child(3) p.topNum.fir{
    border-color: #FFA930 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(3) p.topNum:before{
    border-top: calc(var(--width1024)*7px) solid #FFA930;
  }


  .gohome .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*30px);
    height: calc(var(--width1024)*30px);
}
.gohome .icon{
    width: calc(var(--width1024)*30px);
    height: calc(var(--width1024)*30px);
}
.gohome{
    /* display: none; */
    position: fixed;
    right: calc(var(--width1024)*8px);
    bottom: calc(var(--width1024)*60px);
    width: calc(var(--width1024)*30px);
    height: calc(var(--width1024)*30px);
    z-index: 999;
}
.main404{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 600px;
    gap: calc(var(--width1024)*10px);
}
.main404 img{
    width: 90%;
}
.main404 span{
    font-size: calc(var(--width1024)*18px);
    color: #666;
}
.main404 a{
    font-size: calc(var(--width1024)*18px);
    padding: calc(var(--width1024)*6px) calc(var(--width1024)*10px);
    background-color: #3861FB;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #3861FB;
}
.main404 a:hover{
    border: 1px solid #3861FB;
    background-color: #ffffff;
    color: #3861FB;
}
/* booking */
.booking_hide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width1024)*10px);
}
.booking_hide > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
    position: absolute;
    top: 150px;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
}
.booking_hide > div h2{
    background: #3861FB;
    font-size: calc(var(--width1024)*18px);
    color: #ffffff;
    line-height: calc(var(--width1024)*24px);
    padding: calc(var(--width1024)*10px) calc(var(--width1024)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_hide_input{
    width: 100%;
    padding: calc(var(--width1024)*10px) calc(var(--width1024)*20px);

    border-bottom: 1px solid #F1F1F1;
}
.booking_hide_input input{
    width: 100%;
    height: calc(var(--width1024)*40px);
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    padding: 0 calc(var(--width1024)*10px);
}
.booking_hide_bottom{
    width: 100%;
    padding: calc(var(--width1024)*10px) calc(var(--width1024)*20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: calc(var(--width1024)*10px);
}
.booking_hide_bottom a{
    width: 100%;
    height: calc(var(--width1024)*40px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width1024)*16px);
    color: #ffffff;
    line-height: calc(var(--width1024)*40px);
    text-align: center;
}
.booking_hide_bottom a:last-child,
.booking_hide_bottom a:hover{
    background-color: #ffffff;
    color: #3861FB;
    border: 1px solid #3861FB;
}
.booking_active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width1024)*10px);
}
.booking_active > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
   
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.booking_active > div h2{
    width: 100%;
    text-align: center;
    background: #3861FB;
    font-size: calc(var(--width1024)*18px);
    color: #ffffff;
    line-height: calc(var(--width1024)*24px);
    padding: calc(var(--width1024)*10px) calc(var(--width1024)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_active > div p{
    text-align: center;
    font-size: calc(var(--width1024)*14px);
    color: #666;
    line-height: calc(var(--width1024)*20px);
    padding: calc(var(--width1024)*10px) calc(var(--width1024)*20px);
}
.booking_active > div button{
    padding: calc(var(--width1024)*6px) calc(var(--width1024)*20px);
    font-size: calc(var(--width1024)*14px);
    background-color: #3861FB;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin-bottom: calc(var(--width1024)*10px);
}

/* 123 */
.downmain1_bottom .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width1024)*20px);
    height: calc(var(--width1024)*20px);
}
.downmain1_bottom .icon_f .icon{
    width: calc(var(--width1024)*20px);
    height: calc(var(--width1024)*20px);
}
.downmain1_safe{
    display: flex;
    flex-direction: column;
    gap: calc(var(--width1024)*5px);
}
.downmain1_safe > a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width1024)*5px);
}
.downmain1_safe > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width1024)*5px);
}
.downmain1_safe > div > span{
    color: #969799;
    font-size: calc(var(--width1024)*12px);
}
.downmain1_btn{
    background: #F1F1F1 !important;
    color: #646566 !important;
}
.downmain2 ul,
.downmain2 ol{
    font-size: calc(var(--width1024)*14px);
    line-height: calc(var(--width1024)*20px);
    color: #000000;
    margin: calc(var(--width1024)*20px) auto;
    padding-left: calc(var(--width1024)*20px);
}
.downmain2 ul li,
.downmain2 ol li{
    font-size: calc(var(--width1024)*16px);
    line-height: calc(var(--width1024)*32px);
    color: #000000;
    margin: calc(var(--width1024)*10px) auto;
    padding-left: calc(var(--width1024)*10px);
}
.downmain2 ul li{
    list-style: initial;
}
.downmain2 ol li{
    list-style: decimal;
}
.downmain2 h2{
    line-height: calc(var(--width1024)*30px); background: #f3f5ff; color: #143dfe; padding: calc(var(--width1024)*5px) calc(var(--width1024)*12px); font-size: 20px; font-weight: bold; text-indent: 0px; margin: calc(var(--width1024)*12px) 0;
}
.downmain2 h3{
    line-height:  calc(var(--width1024)*30px); background: #f3fdff; color: #00b39e; padding:  calc(var(--width1024)*5px) calc(var(--width1024)*12px); font-size: calc(var(--width1024)*18px); font-weight: bold; text-indent: 0px; margin: calc(var(--width1024)*12px) 0;
}
.downmain2 h4{
    line-height:  calc(var(--width1024)*30px); background: #fafafa; color: #464646; padding: calc(var(--width1024)*5px) calc(var(--width1024)*12px); font-size: calc(var(--width1024)*16px); font-weight: bold;    text-indent: 0px; margin: calc(var(--width1024)*12px) 0;
}
.downmain2 h1,
.downmain2 h2,
.downmain2 h3,
.downmain2 h4,
.downmain2 h5{
    margin:  calc(var(--width1024)*10px) auto;
}


@media screen and (max-width:821px){
    header{
        width: 100%;
        
    }
    body{
        background-color: #FCFCFC;
    }
    .header{
        width: 100%;
        height: calc(var(--width820)*42px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid #F0F2F5;
        padding: 0 calc(var(--width820)*16px);
        gap: 50px;
    }
    .header_logo{
        width: auto;
        aspect-ratio: 102/29;
        /* width: calc(var(--width820)*28px); */
        height: calc(var(--width820)*29px);
    }
    .header_logo a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .header_logo a img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .header_menu{
        width: calc(var(--width820)*26px);
        height: calc(var(--width820)*26px);
        background-color: transparent;
        border: none;
    }
    .header_search{
        width: calc(100% - calc(var(--width820)*28px) - 100px - calc(var(--width820)*26px));
        height: calc(var(--width820)*28px);
        background-color: #EFF2F5;
        border-radius: calc(var(--width820)*14px);
        padding:  0 calc(var(--width820)*14px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_search input{
        width: calc(100% - calc(var(--width820)*15px));
        background-color: transparent;
        border: none;
        height: 100%;
    }
    .header_search input::placeholder{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
    .header_search input:focus{
        border: none;
        outline: none;
    }
    .header_search button{
        background-color: transparent;
        border: none;
        width: calc(var(--width820)*14px);
        height: calc(var(--width820)*14px);
    }
    .header_search button .icon{
        display: block;
        width: calc(var(--width820)*14px);
        height: calc(var(--width820)*14px);
    }
    .header_menu .icon{
        width: calc(var(--width820)*26px);
        height: calc(var(--width820)*26px);
    }
    main{
        width: 100%;
    
        background-color: #FCFCFC;
    }
    .header_hide{
        display: none;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffffff;
        overflow-y: auto;
    }
    .header_hide.active{
        display: block;
        z-index: 999;
    }
    .header_hide .header{
        height: calc(var(--width820)*42px);
    }
    .header_hide_tops{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .header_hide_tops .icon_f{
        width: calc(var(--width820)*32px);
        height: calc(var(--width820)*32px);
        border-radius: 8px;
        background: #F5B97F;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_hide_tops .icon_f .icon{
        width: calc(var(--width820)*18px);
        height: calc(var(--width820)*18px);
    }
    .header_hide_tops > span{
        font-size: calc(var(--width820)*14px);
        color: #808A9D;
        line-height: calc(var(--width820)*18px);
    }
    .header_hide_top{
        width: 100%;
        padding: calc(var(--width820)*40px) calc(var(--width820)*40px) calc(var(--width820)*20px) calc(var(--width820)*40px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_hide_tops:nth-child(2) .icon_f{
        background-color: #FF775F;
    }
    .header_hide_tops:nth-child(3) .icon_f{
        background-color: #16C784;
    }
    .header_hide_tops:nth-child(4) .icon_f{
        background-color: #8A3FFC;
    }
    .header_hide_tops:nth-child(5) .icon_f{
        background-color: #2544D4;
    }
    .header_hide_bottom{
        width: 100%;
        padding: 0 calc(var(--width820)*17px);
    }
    .header_hide_bottom hr{
        border: none;
        background-color: #EFF2F5;
        height: 1px;  
    }
    .header_hide_bottoms{
        width: 100%;
    
        border-bottom: 1px solid #EFF2F5;
    }
    .header_hide_bottoms_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
    }
    .header_hide_bottoms_topL{
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .header_hide_bottoms_topL > .icon_f{
        display: block;
        width: calc(var(--width820)*18px);
        height: calc(var(--width820)*18px);
    }
    .header_hide_bottoms_topL > .icon_f .icon{
        width: calc(var(--width820)*18px);
        height: calc(var(--width820)*18px);
    }
    .header_hide_bottoms_topL > span{
        font-size: calc(var(--width820)*18px);
        color: #333333;
        line-height: calc(var(--width820)*25px);
    }
    .header_hide_bottoms_topR .icon_f{
        display: block;
        width: calc(var(--width820)*18px);
        height: calc(var(--width820)*18px);
    }
    
    .header_hide_bottoms_topR .icon_f .icon{
        width: calc(var(--width820)*18px);
        height: calc(var(--width820)*18px);
    }
    .header_hide_bottoms_M{
        display: none;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width820)*20px);
        padding-bottom: calc(var(--width820)*16px);
    }
    .header_hide_bottoms_M a{
        height: calc(var(--width820)*28px);
        border-radius: calc(var(--width820)*14px);
        background: #EFF2F5;
        font-size: calc(var(--width820)*14px);
        color: #616E85;
        line-height: calc(var(--width820)*20px);
        width: calc(var(--width820)*77px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: calc(var(--width820)*28px);
        padding: 0 calc(var(--width820)*10px);
        text-align: center;
    }
    /* 初始只显示展开图标，收起图标和内容都隐藏 */
    
    /* 展开时，显示内容和收起图标，隐藏展开图标 */
    .header_hide_bottoms.open .header_hide_bottoms_M { display: grid; }
    .header_hide_bottoms.open .icon_f .icon-expand { display: none; }
    .header_hide_bottoms.open .icon_f .icon-collapse { display: inline; }
    
    .header_hide_bottoms_topR .icon_f .icon-collapse { display: none; }
    .header_hide_bottoms_topR .icon_f .icon-expand { display: inline; }
    .header_hide_bottoms_topR .header_hide_bottoms_M { display: none; }
    
    .indexmian_m_Carousel .index-swiper {
    width: 100%;
    height: calc(var(--width820)*180px);
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    }
    .indexmian_m_Carousel .index-swiper .swiper-slide {
    text-align: center;
    position: relative;
    }
    .indexmian_m_Carousel .index-swiper img {
    width: 100%;
    height: 100%;
    display: block;
    }
    .indexmian_m_Carousel .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 8px calc(var(--width820)*12px);
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*14px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m_Carousel .swiper-button-prev:after,
    .indexmian_m_Carousel .swiper-button-next:after{
    font-size: calc(var(--width820)*18px);
    }
    
    .header_nav{
    width: 100%;
    padding:  calc(var(--width820)*20px) 0 calc(var(--width820)*20px) calc(var(--width820)*16px);
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    background-color: #FCFCFC;
    }
    .header_nav::-webkit-scrollbar {
    display: none; 
    }
    .header_nav a{
    flex: 0 0 auto;
    font-size: calc(var(--width820)*18px);
    color: #3C3C3C;
    line-height: calc(var(--width820)*25px);
    }
    .header_nav a.active{
    color: #3861FB;
    }
    .indexmian_m{
    width: 100%;
    padding:  0 calc(var(--width820)*16px);
    }
    .indexmian_m1{
    width: 100%;
    margin-top: calc(var(--width820)*20px);
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .indexmian_m1::-webkit-scrollbar {
    display: none; 
    }
    .indexmian_m1 > a{
    display: block;
    width: calc(var(--width820)*180px);
    height: calc(var(--width820)*136px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    }
    .indexmian_m1 > a > img{
    width: 100%;
    height: 100%;
    }
    .indexmian_m1 > a > div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 6px calc(var(--width820)*10px);
    
    }
    .indexmian_m1 > a > div > span{
    font-size: calc(var(--width820)*12px);
    line-height: calc(var(--width820)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m1 > a > div > div{
    font-size: calc(var(--width820)*12px);
    color: #E2E2E2;
    line-height: calc(var(--width820)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m1 > a > div > div > span{
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmian_m1_point{
    display: block;
    width: 2px !important;
    height: 2px;
    background-color: #E2E2E2;
    border-radius: 50%;
    }
    .indexmian_m2{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m2 > h2{
    font-size: calc(var(--width820)*18px);
    color: #000000;
    line-height: calc(var(--width820)*20px);
    }
    .indexmian_m2m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m2ms{
    width: 100%;
    height: calc(var(--width820)*88px);
    padding: calc(var(--width820)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*10px);
    margin-top: calc(var(--width820)*15px);
    }
    .indexmian_m2ms_img{
    display: block;
    width: calc(var(--width820)*124px);
    height: calc(var(--width820)*68px);
    }
    .indexmian_m2ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px;
    }
    .indexmian_m2ms_info{
    width: calc(100% - var(--width820) * 134px);
    height: calc(var(--width820)*68px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .indexmian_m2ms_info > a > h3{
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    }
    .indexmian_m2ms_info > div{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1{
    /* padding: calc(var(--width820)*10px); */
    padding-bottom: calc(var(--width820)*20px);
    margin-top: calc(var(--width820)*20px);
    }
    .indexmain2R1 h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*24px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: calc(var(--width820)*10px);
    
    }
    .indexmain2R1M{
    width: 100%;
    margin-top: calc(var(--width820)*10px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*12px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width820)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width820)*10px);
    }
    .indexmain2R1Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    .indexmain2R1Ms_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    }
    .indexmain2R1Ms_top:hover{
    background-color: #F8FAFD;
    }
    .indexmain2R1Ms_top .icon-f{
    display: block;
    width: calc(var(--width820)*18px);
    height: calc(var(--width820)*18px);
    }
    .indexmain2R1Ms_top .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_top > a{
    width: calc(100% - calc(var(--width820)*25px));
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width820)*16px);
    color: #1C1C1C;
    line-height: calc(var(--width820)*22px);
    }
    .indexmain2R1Ms_bottom{
    width: 100%;
    display: flex;
    padding-left: calc(var(--width820)*25px);
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1Ms_bottom .icon-f{
  display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*14px);
    height: calc(var(--width820)*14px);
    }
    .indexmain2R1Ms_bottom .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_bottom span{
    color: #6D6D6D;
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*20px);
    }
    .indexmain2R1Ms_top_ranking.topranking1{
        background-color: #ffb54a;
    }
    .indexmain2R1Ms_top_ranking.topranking2{
        background-color: #cacfda;
    }
    .indexmain2R1Ms_top_ranking.topranking3{
        background-color: #ff9449;
    }
    .indexmain2R1Ms_top_ranking{
    width: calc(var(--width820)*20px);
    height: calc(var(--width820)*20px);
    background-color: #84A8C2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
    }
    .indexmain2R2{
    width: 100%;
    
    
    }
    .indexmain2R2 h2{
    font-size: calc(var(--width820)*18px);
    color: #000000;
    line-height: calc(var(--width820)*24px);
    }
    .indexmain2R2M{
    width: 100%;
    margin-top: calc(var(--width820)*20px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width820)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width820)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width820)*10px);
    }
    .indexmain2R2Ms{
    font-size: calc(var(--width820)*14px);
    color: #616E85;
    line-height: calc(var(--width820)*20px);
    padding: 8px calc(var(--width820)*16px);
    border-radius: calc(var(--width820)*21px);
    background: #EFF2F5;
    }
    .indexmain2R2Ms:hover{
    color: #333333;
    }
    .indexmian_m3{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m3 > h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*20px);
    }
    .indexmian_m3m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m3ms{
    width: 100%;
    margin-top: calc(var(--width820)*15px);
    
    }
    .indexmian_m3ms_img{
    display: block;
    width: 100%;
    height: calc(var(--width820)*160px);
    }
    .indexmian_m3ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    }
    .indexmian_m3ms_info{
    width: 100%;
    padding: calc(var(--width820)*10px);
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    }
    .indexmian_m3ms_name{
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*22px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m3ms_time{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*17px);
    margin-top: 5px;
    }
    .indexmian_m4{
    width: 100%;
    margin-top: 30px;
    }
    .indexmian_m4 > h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*20px);
    }
    .indexmian_m4m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m4ms{
    width: 100%;
    height: calc(var(--width820)*82px);
    padding: calc(var(--width820)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex
    ;
    align-items: center;
    gap: calc(var(--width820)*10px);
    margin-top: calc(var(--width820)*15px);
    }
    .indexmian_m4ms_img{
    display: block;
    width: calc(var(--width820)*62px);
    height: calc(var(--width820)*62px);
    }
    .indexmian_m4ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    }
    .indexmian_m4ms_info{
    width: calc(100% - var(--width820)*72px);
    height: calc(var(--width820)*62px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    }
    .indexmian_m4ms_name h3{
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m4ms_infos{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex
    ;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m4ms_infos .indexmian_m1_point{
    background-color: #707070;
    }
    
    .indexmain4s{
    width: 100%;
    margin-top: calc(var(--width820)*15px);
    border-radius: 8px;
    box-shadow: 0px 0px calc(var(--width820)*15px) 0px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 8px;
    }
    .indexmain4s:hover{
    box-shadow: 1px 1px 4px 0px #CDCDCD, -1px -1px 4px 0px rgba(88,102,126,0);
    }
    .indexmain4s_img{
    display: block;
    width: 100%;
    height: calc(var(--width820)*198px);
    
    }
    .indexmain4s_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    }
    .indexmain4s_column{
    width: 100%;
    padding: calc(var(--width820)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .indexmain4s_columnL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_columnL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*18px);
    height: calc(var(--width820)*18px);
    }
    .indexmain4s_columnL .icon{
    width: calc(var(--width820)*18px);
    height: calc(var(--width820)*18px);
    }
    .indexmain4s_columnL span{
    font-size: calc(var(--width820)*12px);
    color: #3861FB;
    line-height: calc(var(--width820)*17px);
    }
    .indexmain4s_columnR{
    font-size: calc(var(--width820)*12px);
    color: #999999;
    line-height: calc(var(--width820)*17px);
    }
    .indexmain4s_more{
        display: block;
        margin: calc(var(--width820)*20px) auto;
        width: 100%;
        height: calc(var(--width820)*38px);
        font-size: calc(var(--width820)*16px);
        line-height: calc(var(--width820)*38px);
        text-align: center;
        background-color: #3861FB;
        color: #ffffff;
        border-radius: 6px;
    }
    .indexmain4s_name{
    margin-top: 10px;
    padding: 0 calc(var(--width820)*10px);
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
    font-weight: 600;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmain4s p{
    font-size: calc(var(--width820)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width820)*18px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width820)*10px);
    margin-top: calc(var(--width820)*10px);
    height: auto;
    }
    .indexmain4s_info{
    width: 100%;
    padding: 0 calc(var(--width820)*10px);
    margin-top: calc(var(--width820)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(var(--width820)*10px);
    }
    .indexmain4s_infoL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_infoL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*14px);
    height: calc(var(--width820)*14px);
    }
    .indexmain4s_infoL .icon{
    width: calc(var(--width820)*14px);
    height: calc(var(--width820)*14px);
    }
    .indexmain4s_infoL span{
    color: #6D6D6D;
    font-size: calc(var(--width820)*12px);
    line-height: calc(var(--width820)*17px);
    }
    .indexmain4s_infoR{
    font-size: calc(var(--width820)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width820)*17px);
    }
    footer{
    width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    padding: calc(var(--width820)*33px);
    margin-top: 30px;
    
    }
    .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    .footer span{
    font-size: calc(var(--width820)*14px);
    color: #333333;
    line-height: calc(var(--width820)*20px);
    text-align: center;
    }
    .totop .icon-f{
    display: block;
    width: calc(var(--width820)*24px);
    height: calc(var(--width820)*24px);
    }
    .totop .icon{
    width: calc(var(--width820)*24px);
    height: calc(var(--width820)*24px);
    }
    .totop{
    /* display: none; */
    position: fixed;
    right: calc(var(--width820)*10px);
    bottom: calc(var(--width820)*100px);
    width: calc(var(--width820)*24px);
    height: calc(var(--width820)*24px);
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
    }
    
    .totop.show {
    opacity: 1;
    pointer-events: auto;
    }
    
    .totop .iconhover{
    display: none;
    }
    
    .totop:hover .icon{
    display: none;
    }
    .totop:hover .iconhover{
    display: inline-block;
    }


    /* 2222222 */
    .downlist{
        width: 100%;
     
      }
      .downlist1{
        padding:calc(var(--width820)*16px);
        background-color: #ffffff;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
      }
      .downlist1 > span{
        display: block;width: 100%;
        height: 1px;
        background-color: #F7F8FA;
        margin-top: calc(var(--width820)*16px);
        margin-bottom: calc(var(--width820)*16px);
      }
      .topnav{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 3px;
    
    }
    .topnav .icon_f{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width820)*12px);
        height: calc(var(--width820)*12px);
    }
    .topnav .icon{
        width: calc(var(--width820)*12px);
        height: calc(var(--width820)*12px);
    }
    .topnavs{
        font-size: calc(var(--width820)*12px);
        color: #6F7B8F;
        line-height: calc(var(--width820)*17px);
    }
    .topnavs:hover{
        text-decoration: underline;
    }
    .topnav span{
        font-size: calc(var(--width820)*12px);
        line-height: calc(var(--width820)*12px);
    }
    .downlist1M{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width820)*20px);
    }
    .downlist1M > a{
        padding: calc(var(--width820)*4px) calc(var(--width820)*10px);
        display: block;
        width: 100%;
        font-size: calc(var(--width820)*14px);
        color: #768296;
        line-height: calc(var(--width820)*20px);
        background: #EFF2F5;
        border-radius: calc(var(--width820)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .downlist1M > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2{
        width: 100%;
        padding: calc(var(--width820)*14px);
        margin-top: calc(var(--width820)*30px);
        padding-top: 0;
    }
    .downlist2_top{
        width: 100%;
        height: calc(var(--width820)*48px);
        display: flex;
        border-radius: calc(var(--width820)*4px);
        border: 1px solid #3861FB;
        overflow: hidden;
    }
    .downlist2_top > a{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: calc(var(--width820)*16px);
        color: #3861FB;
        line-height: calc(var(--width820)*22px);
        background-color: #FCFCFC;
    }
    .downlist2_top > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2_bottom{
        margin-top: calc(var(--width820)*20px);
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: calc(var(--width820)*15px);
    }
    .downlist2s{
        width: 100%;
        padding: calc(var(--width820)*10px);
        display: flex;
        align-items: center;
        gap: calc(var(--width820)*10px);
        background: #FFFFFF;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
        border-radius: calc(var(--width820)*4px);
    }
    .downlist2s_img{
        display: block;
        width: calc(var(--width820)*62px);
        height: calc(var(--width820)*62px);
        flex: 0 0 auto;
    }
    .downlist2s_img img{
        width: 100%;
        height: 100%;
        border-radius: calc(var(--width820)*4px);
    
    }
    .downlist2s_info{
    
        width: calc(100% - calc(var(--width820)*138px));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(var(--width820)*62px);
    
    }
    .downlist2s_name{
        font-size: calc(var(--width820)*16px);
        color: #000000;
        line-height: calc(var(--width820)*20px);
        font-weight: 600;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_info > span{
        font-size: calc(var(--width820)*12px);
        color: #E2E2E2;
        line-height: calc(var(--width820)*12px);
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_btn{
        padding: calc(var(--width820)*4px) calc(var(--width820)*10px);
        display: block;
        width: calc(var(--width820)*56px);
        font-size: calc(var(--width820)*14px);
        color: #3861FB;
        line-height: calc(var(--width820)*20px);
        border: 1px solid #3861FB;
        border-radius: calc(var(--width820)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .page{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--width820)*5px);
        margin-top: calc(var(--width820)*20px);
        flex-wrap: wrap;
    }
    .lastpage,
    .nextpage{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width820)*17px);
        height: calc(var(--width820)*17px);
    }
    .lastpage .icon,
    .nextpage .icon{
        width: calc(var(--width820)*17px);
        height: calc(var(--width820)*17px);
    }
    .pages{
        font-size: calc(var(--width820)*14px);
        line-height: calc(var(--width820)*16px);
        padding:calc(var(--width820)*11px) calc(var(--width820)*13px);
        border-radius: calc(var(--width820)*4px);
    }
    .pages:hover{
        background-color: #F0F6FF;
    }
    .pages.active{
        background-color: #3861FB;
        color: #ffffff;
    }

    /* 3333333333 */
.downmain{
    width: 100%;
    padding: calc(var(--width820)*16px);
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
}
.downmain_line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EFF2F5;
    margin: calc(var(--width820)*16px) 0;
}
.downmain1{
    width: 100%;
    padding: calc(var(--width820)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
}
.downmain1_top{
    display: flex;
    gap: calc(var(--width820)*10px);
}
.downmain1_top > img{
    width: calc(var(--width820)*62px);
    height: calc(var(--width820)*62px);
    border-radius: 4px;
}
.downmain1_info{
    width: calc(100% - calc(var(--width820)*72px));
    height: calc(var(--width820)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.downmain1_info h2{
    font-size: calc(var(--width820)*16px);
    color: #000000;
    line-height: calc(var(--width820)*20px);
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_info > span{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*14px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_tags{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*10px);
    overflow: hidden;
    height: calc(var(--width820)*20px);
    flex-wrap: wrap;
}
.downmain1_tags span{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*14px);
    padding: calc(var(--width820)*3px) calc(var(--width820)*6px);
    background: #EBEBEB;
    border-radius: 4px;
}
.downmain1_bottom{
    padding: calc(var(--width820)*10px);
    margin-top: calc(var(--width820)*10px);
    width: 100%;


}
.downmain1_bottom > a{
    display: block;
    width: 100%;
    height: calc(var(--width820)*38px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width820)*16px);
    color: #FFFFFF;
    line-height: calc(var(--width820)*38px);
    text-align: center;
}
.downmain2{
    width: 100%;
    font-size: calc(var(--width820)*14px);
    color: #111825;
    line-height: calc(var(--width820)*22px);
}
.downmain2 p{
    margin: calc(var(--width820)*10px) 0;
    font-size: calc(var(--width820)*14px);
    color: #111825;
    line-height: calc(var(--width820)*22px);
}
.downmain2 img{
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: calc(var(--width820)*10px) auto;
    border-radius: 4px;
}
.downmain2 h2{
    font-weight: 600;
    font-size: calc(var(--width820)*14px);
    color: #000000;
    line-height: calc(var(--width820)*20px);
    margin: calc(var(--width820)*10px) auto;
}
.downmain2 ol li,
.downmain2 ul li{
    padding-left: calc(var(--width820)*20px);
    font-size: calc(var(--width820)*14px);
    color: rgb(66, 66, 66);
    line-height: calc(var(--width820)*20px);
    margin: calc(var(--width820)*10px) 0;
}
.downmain2 a{
    color: #3861FB;
}
.downmain3{
    width: 100%;

}
.downmain3 h2{
    font-size: calc(var(--width820)*18px);
    color: #111825;
    line-height: calc(var(--width820)*22px);
    font-weight: bold;
}
.downmain3M{
    width: 100%;
    margin-top: calc(var(--width820)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
    padding: calc(var(--width820)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*20px);
}
.downmain3Ms{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downmain3Ms span:first-child{
    font-size: calc(var(--width820)*14px);
    color: #7C7C7C;
    line-height: calc(var(--width820)*18px);
}
.downmain3Ms span:last-child{
    font-size: calc(var(--width820)*14px);
    color: #000000;
    line-height: calc(var(--width820)*18px);
}
.downmain4{
    width: 100%;
    margin-top: calc(var(--width820)*20px);
}
.downmain4 h2{
    font-size: calc(var(--width820)*18px);
    color: #111825;
    line-height: calc(var(--width820)*22px);
    font-weight: bold;
}
.downmain4M{
    width: 100%;
    margin-top: calc(var(--width820)*20px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    gap: calc(var(--width820)*20px);
}
.downmain4M a{
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    padding: calc(var(--width820)*10px);
    border-radius: 4px;

}
.downmain4M a img{
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 4px;
}
.downmain4M a span:first-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.downmain4M a span:last-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    height: calc(var(--width820)*28px);
    border-radius: 2px;
    border: 1px solid #3861FB;
    font-size: calc(var(--width820)*14px);
    color: #3861FB;
    line-height: calc(var(--width820)*28px);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain5{
    width: 100%;
    margin-top: calc(var(--width820)*30px);

}
.downmain5_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.downmain5_top h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*20px);
}
.downmain5_top > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*18px);
    height: calc(var(--width820)*18px);
}
.downmain5_top > a .icon{
    width: calc(var(--width820)*18px);
    height: calc(var(--width820)*18px);
}
.downmain5M{
    width: 100%;
    margin-top: calc(var(--width820)*20px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: calc(var(--width820)*20px);
}
.downmain5Ms{
    width: 100%;

}
.downmain5M_img{
    display: block;
    width: 100%;
    height: calc(var(--width820)*107px);


}
.downmain5M_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0px 0px;
}
.downmain5Ms_info{
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 0px 0px 2px 2px;
    padding: calc(var(--width820)*10px);
}
.downmain5M_name{
    width: 100%;
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*22px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.downmain5Ms_info span{
    display: block;
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*17px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: calc(var(--width820)*10px);
}
.downmain6{
    width: 100%;
    margin-top: calc(var(--width820)*30px);
}
.downmain6 h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*20px);
}


/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width820)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width820)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width820)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width820)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width820)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width820)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width820)*10px);
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
}

/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width820)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width820)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width820)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width820)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width820)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width820)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width820)*10px);
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
}
.ranking1{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: calc(var(--width820)*20px);
}
.ranking1 > a{
    width: 100%;
    height: calc(var(--width820)*28px);
    font-size: calc(var(--width820)*14px);
    color: #616E85;
    line-height: calc(var(--width820)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width820)*4px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width820)*10px);
    text-align: center;
}
.ranking1 > a.active{
    background-color: #3861FB;
    color: #ffffff;
}
.ranking2{
    width: 100%;
    padding: 0 calc(var(--width820)*16px);
    margin-top: calc(var(--width820)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*15px);
}
.ranking2s{
    width: 100%;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width820)*15px) 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width820)*4px);
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*10px);
    
}
.ranking2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*25px);
    height: calc(var(--width820)*25px);
    flex: 0 0 auto;
    font-size: calc(var(--width820)*16px);
    color: #666666;
    font-weight: bold;
}
.ranking2s .icon_f .icon{
    width: calc(var(--width820)*25px);
    height: calc(var(--width820)*25px);
}
.ranking2s_img{

    flex: 0 0 auto;
    display: block;
    width: calc(var(--width820)*62px);
    height: calc(var(--width820)*62px);
}
.ranking2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width820)*4px);
}
.ranking2s_info{
    width: calc(100% - calc(var(--width820)*173px));
    height: calc(var(--width820)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.ranking2s_name{
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_info span{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_btn{
    flex: 0 0 auto;
    width: calc(var(--width820)*56px);
    height: calc(var(--width820)*28px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width820)*14px);
    font-size: calc(var(--width820)*14px);
    color: #3861FB;
    line-height: calc(var(--width820)*28px);
    padding: 0 calc(var(--width820)*10px);
    text-align: center;
}

/* 555555555 */
.ArticleList1{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*10px);
}
.ArticleList1s{
    width: 100%;
    display: flex;
    gap: calc(var(--width820)*10px);
    padding-bottom: calc(var(--width820)*10px);
    border-bottom: 1px solid #F7F8FA;
}
.ArticleList1s_img{
    width: calc(var(--width820)*132px);
    height: calc(var(--width820)*72px);
}
.ArticleList1s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ArticleList1s_info{
    width: calc(100% - calc(var(--width820)*142px));
    display: flex;
    flex-direction: column;
    height: calc(var(--width820)*72px);
    justify-content: space-between;
}
.ArticleList1s_name h2{
    width: 100%;
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList1s_time{
    display: flex;
    justify-content: right;
}
.ArticleList1s_time span{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*12px);
}
    



/* 66666666 */
.ArticleList2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*15px);
}
.ArticleList2s{
    width: 100%;
    border-radius: calc(var(--width820)*8px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}
.ArticleList2s_img{
    display: block;
    width: 100%;
    height: calc(var(--width820)*198px);
}
.ArticleList2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width820)*4px);
}
.ArticleList2s_info{
    width: 100%;
    padding: calc(var(--width820)*10px);
}
.ArticleList2s_name h2{
    width: 100%;
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_info > p{
    font-size: calc(var(--width820)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width820)*18px);
    margin-top: calc(var(--width820)*10px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_tag{
    width: 100%;
    margin-top: calc(var(--width820)*10px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width820)*10px);
    overflow: hidden;
    height: calc(var(--width820)*28px);
}
.ArticleList2s_tag > a{
    font-size: calc(var(--width820)*12px);
    color: #616E85;
    line-height: calc(var(--width820)*28px);
    height: calc(var(--width820)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width820)*4px);
    padding: 0 calc(var(--width820)*5px);

}
.ArticleList2s_info > span{
    display: block;
    font-size: calc(var(--width820)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width820)*17px);
    margin-top: calc(var(--width820)*10px);
}




/* 77777777777 */
.Articlemain1{
    width: 100%;

}
.Articlemain1 > h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*24px);
}
.Articlemain1_info{
    width: 100%;
    margin-top: calc(var(--width820)*17px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Articlemain1_info > span{
    font-size: calc(var(--width820)*12px);
    line-height: calc(var(--width820)*17px);
}
.download_mainL1R{
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*20px);
}
.download_mainL1_times{
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*5px);
}
.download_mainL1_times .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*12px);
    height: calc(var(--width820)*12px);
}
.download_mainL1_times .icon{
    width: calc(var(--width820)*12px);
    height: calc(var(--width820)*12px);
}
.download_mainL1_times span{
    font-size: calc(var(--width820)*14px);
    color: #6D6D6D;
    line-height: calc(var(--width820)*20px);
}
.download_mainL1_download_sp{
    font-size: calc(var(--width820)*12px);
    color: #3861FB;
    line-height: calc(var(--width820)*14px);
    padding: calc(var(--width820)*3px) calc(var(--width820)*10px);
    background-color: #EFF2F5;
    border-radius: calc(var(--width820)*4px);
}
.download_mainL2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*10px);
    margin-top: calc(var(--width820)*10px);
}
.download_mainL2s{
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*10px);
}
.download_mainL2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*14px);
    height: calc(var(--width820)*14px);
}
.download_mainL2s .icon{
    width: calc(var(--width820)*14px);
    height: calc(var(--width820)*14px);
}
.download_mainL2s span{
    font-size: calc(var(--width820)*14px);
    color: #788296;
    line-height: calc(var(--width820)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4{
    width: 100%;
    background-color: #F7F9FB;
    border-radius: calc(var(--width820)*4px);
    padding: calc(var(--width820)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*10px);
}
.download_mainL4 > img{
    width: calc(var(--width820)*62px);
    height: calc(var(--width820)*62px);
}
.download_mainL4 > a{
    width: calc(var(--width820)*80px);
    flex: 0 0 auto;
    color: #3861FB;
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*20px);
    padding: calc(var(--width820)*4px) calc(var(--width820)*10px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width820)*4px);
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info{
    width: calc(100% - calc(var(--width820)*162px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width820)*62px);
}
.download_mainL4_info > a{
    font-size: calc(var(--width820)*16px);
    color: #000000;
    line-height: calc(var(--width820)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info > span{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL5{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--width820)*10px);
    margin-top: calc(var(--width820)*10px);
}
.download_mainL5 a{
    font-size: calc(var(--width820)*12px);
    color: #616E85;
    line-height: calc(var(--width820)*17px);
    padding: calc(var(--width820)*4px) calc(var(--width820)*10px);
    border: 1px solid #DEDEDE;
    border-radius: calc(var(--width820)*4px);
}
.Articlemain2{
    width: 100%;
    padding: calc(var(--width820)*11px) calc(var(--width820)*30px);
    background: #F8FAFD;
    border-radius: calc(var(--width820)*4px);
    font-size: calc(var(--width820)*14px);
    color: #0D1421;
    line-height: calc(var(--width820)*20px);
    margin-top: calc(var(--width820)*10px);
}
.Articlemain2 span{
    color: #3861FB;
    font-weight: 600;
}
.Articlemain3{
    width: 100%;
 

}
.Articlemain3 a{
    margin-top: calc(var(--width820)*10px);
    display: block;
    width: 100%;
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*20px);
    color: #333945;
    padding: calc(var(--width820)*11px) calc(var(--width820)*27px);
    border: 1px solid #efefef;
    box-shadow: 0px 0px 1px 1px #F8FAFD;
    border-radius: calc(var(--width820)*24px);
    background: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain3 a span{
    color: #3861FB;
}
.indexmian_m3ms{
    border-radius: calc(var(--width820)*4px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.indexmain4s{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.Articlemain4{
    width: 100%;
    margin-top: calc(var(--width820)*20px);
}
.Articlemain4 h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*20px);
}
.Articlemain4M{
    width: 100%;
    margin-top: calc(var(--width820)*5px);
}
.Articlemain4s{
    margin-top: calc(var(--width820)*15px);
    width: 100%;
    padding: calc(var(--width820)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: calc(var(--width820)*4px);
}
.Articlemain4_img{
    display: block;
    width: calc(var(--width820)*62px);
    height: calc(var(--width820)*62px);
}
.Articlemain4_img img{
    width: 100%;
    height: 100%;
}
.Articlemain4s_info{
    width: calc(100% - calc(var(--width820)*72px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width820)*62px);
}
.Articlemain4s_name{
    font-size: calc(var(--width820)*16px);
    color: #000000;
    line-height: calc(var(--width820)*20px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Articlemain4s_infos{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*5px);
}
.Articlemain4s_infos span{
    font-size: calc(var(--width820)*12px);
    color: #707070;
    line-height: calc(var(--width820)*12px);
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain4s_infos span.dot{
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #707070;
}
/* 888888888 */

.tagmain1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width820)*20px);
    height: calc(var(--width820)*76px);
    overflow: hidden;
    transition: height 0.3s ease;
}
.tagmain1.expanded {
    height: auto;
}
.tagmain1 a{
    font-size: calc(var(--width820)*14px);
    color: #616E85;
    line-height: calc(var(--width820)*20px);
    padding: calc(var(--width820)*4px) calc(var(--width820)*14px);
    background: #EFF2F5;
    border-radius: calc(var(--width820)*14px);
}
.tagmain1_more{
    width: 100%;
    margin-top: calc(var(--width820)*20px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width820)*6px);
    background: #EFF2F5;
    border: none;
    border-radius: calc(var(--width820)*4px);
    padding: calc(var(--width820)*8px);
    cursor: pointer;
}
.tagmain1_more span{
    font-size: calc(var(--width820)*16px);
    color: #3861FB;
    line-height: calc(var(--width820)*22px);
}
.tagmain1_more .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*18px);
    height: calc(var(--width820)*18px);
}
.tagmain1_more .icon_f .icon{
    width: calc(var(--width820)*18px);
    height: calc(var(--width820)*18px);
}
.tagmain1_more .icon_f .icon_sp{
    display: none;
}
.tagmain1_more.expanded .icon {
    display: none;
}
 
.tagmain1_more.expanded .icon_sp {
    display: block;
}
.tagmain2 .ranking2s_img{
    position: relative;
}
.tagmain2 .icon_f{
    position: absolute;
    top: calc(var(--width820)*-9px);
    right: calc(var(--width820)*-2px);
    width: calc(var(--width820)*30px);
    height: calc(var(--width820)*30px);
}
.tagmain2 .icon_f .icon{
    width: calc(var(--width820)*30px);
    height: calc(var(--width820)*30px);
}
.tagmain2 .ranking2s .ranking2s_img > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width820)*10px);
    color: #F54343;
    line-height: calc(var(--width820)*10px);
}
.tagmain2 .ranking2s .ranking2s_info{
    width: calc(100% - calc(var(--width820)*138px));
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_btn{
    color: #F42B2B;
    border-color: #F42B2B;
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_img > span{
    color: #F54343;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_btn{
    color: #F4912B;
    border-color: #F4912B;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_img > span{
    color: #D88D00;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_btn{
    color: #F45A2B;
    border-color: #F45A2B;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_img > span{
    color: #F56943;
}
/* 999999999999 */

.topicmain1{
    width: 100%;
}
.topicmain1 h2{
    font-size: calc(var(--width820)*18px);
    line-height: calc(var(--width820)*24px);
}
.topicmain1_time{
    width: 100%;
    margin-top: calc(var(--width820)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*5px);
}
.topicmain1_time .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*16px);
    height: calc(var(--width820)*16px);
}
.topicmain1_time .icon_f .icon{
    width: calc(var(--width820)*16px);
    height: calc(var(--width820)*16px);
}
.topicmain1_time span{
    font-size: calc(var(--width820)*14px);
    color: #788296;
    line-height: calc(var(--width820)*20px);
}
.topicmain2{
    width: 100%;
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*22px);
}
.topicmain2 > img{
    display: block;
    max-width: 100%;
    margin:  calc(var(--width820)*10px) auto;
    border-radius: 4px;
}
.topicmain2M{
    width: 100%;

    box-shadow: 0px 1px 1px 1px rgba(249,249,249,0.5);
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: calc(var(--width820)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width820)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .topicmain2M::-webkit-scrollbar {
    display: none; 
    }
.topicmain2Ms{
    display: block;
    position: relative;
    width: calc(var(--width820)*68px);
    height: calc(var(--width820)*68px);
    flex: 0 0 auto;

}
.topicmain2Ms .icon_f{
    position: absolute;
    top: calc(var(--width820)*-9px);
    right: calc(var(--width820)*-2px);
    width: calc(var(--width820)*30px);
    height: calc(var(--width820)*30px);
}
.topicmain2Ms .icon{
    width: calc(var(--width820)*30px);
    height: calc(var(--width820)*30px);
}
.topicmain2Ms img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.topicmain2Ms > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width820)*10px);
    color: #A6A6A6;
    line-height: calc(var(--width820)*10px);
}
.topicmain2Ms:nth-child(1) > span{
    color: #F54343;
}
.topicmain2Ms:nth-child(2) > span{
    color: #D88D00;
}
.topicmain2Ms:nth-child(3) > span{
    color: #F56943;
}


.mondmain1L2s{width:100%;box-sizing:border-box;overflow:hidden;margin-top:calc(var(--width820)*20px);position:relative}
.mondmain1L2s p.topNum{border-color:#CCCCCC transparent transparent transparent;width:calc(var(--width820)*50px);position:absolute;top:0px;left:0px;border-width:calc(var(--width820)*21px) 0 0 0;border-style:solid;border-color:#c5c5c5 transparent transparent transparent;z-index:99999}
.mondmain1L2s p.topNum:before{border-top:calc(var(--width820)*7px) solid #cccccc;content:"";position:absolute;top:0;left:0;height:0;width:0;border-left:calc(var(--width820)*25px) solid transparent;border-right:calc(var(--width820)*25px) solid transparent;}
.mondmain1L2s p.topNum em{width:calc(var(--width820)*50px);position:absolute;top:calc(var(--width820)*-26px);left:0;letter-spacing:0.6px;color:#fff;font-size:calc(var(--width820)*13px);font-weight:bold;line-height:calc(var(--width820)*30px);text-align:center}
.mondmain1L2s .title{position:relative;margin-left:calc(var(--width820)*24px);height:calc(var(--width820)*28px);line-height:calc(var(--width820)*28px);border-radius:3px;font-size:calc(var(--width820)*15px);color: #ffffff !important;;background:#3861FB;font-weight:bold;text-indent:calc(var(--width820)*40px)}
.mondmain1L2s .title a{
    color: #ffffff;
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*18px);
}
.mondmain1L2s .desc{line-height:calc(var(--width820)*22px);margin:calc(var(--width820)*15px) auto;font-size:14px;color:#666}
.mondmain1L2s .ItemPics{padding:calc(var(--width820)*10px);background:#f2f2f2;border-radius:6px;overflow:hidden;margin-bottom:calc(var(--width820)*20px)}
.mondmain1L2s .ItemPics .rkImg{width:100%;position:relative;overflow:hidden}
.mondmain1L2s .ItemPics .rkImg .swiper-slide{width:auto}
.mondmain1L2s .ItemPics .rkImg img{display:inline-block;border-radius:6px;height:calc(var(--width820)*285px)}
.mondmain1L2s .btn{display:block;margin:calc(var(--width820)*12px) auto 0;height:calc(var(--width820)*36px);border-radius:6px;text-align:center;line-height:calc(var(--width820)*36px);font-size:calc(var(--width820)*15px);color:#fff;width:calc(var(--width820)*200px);background:#3861FB}
.mondmain1L2s .btn:hover{opacity:0.88}
.mondmain1L2s .swiper {
    width: 100%;
    height: 100%;
  }

 .mondmain1L2s .swiper-slide {
    width: auto;
    text-align: center;
    font-size: calc(var(--width820)*18px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .mondmain1L2s .swiper-wrapper{
    align-items: center;
  }
 .mondmain1L2s .swiper-slide img {
    display: block;
    width: auto;
    height: calc(var(--width820)*285px);
    object-fit: cover;
    border-radius: 4px;
  }

  .mondmain1L2s .grade{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .mondmain1L2s .grade img{
    width: calc(var(--width820)*146px);
    height: calc(var(--width820)*146px);
  }


  .mondmain1L2s:nth-child(1) p.topNum.fir{
    border-color: #ff2841 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(1) p.topNum:before{
    border-top: calc(var(--width820)*7px) solid #ff2841;
  }
  .mondmain1L2s:nth-child(2) p.topNum.fir{
    border-color: #FF6D00 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(2) p.topNum:before{
    border-top: calc(var(--width820)*7px) solid #FF6D00;
  }
  .mondmain1L2s:nth-child(3) p.topNum.fir{
    border-color: #FFA930 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(3) p.topNum:before{
    border-top: calc(var(--width820)*7px) solid #FFA930;
  }

  .gohome .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*30px);
    height: calc(var(--width820)*30px);
}
.gohome .icon{
    width: calc(var(--width820)*30px);
    height: calc(var(--width820)*30px);
}
.gohome{
    /* display: none; */
    position: fixed;
    right: calc(var(--width820)*8px);
    bottom: calc(var(--width820)*60px);
    width: calc(var(--width820)*30px);
    height: calc(var(--width820)*30px);
    z-index: 999;
}
.main404{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 600px;
    gap: calc(var(--width820)*10px);
}
.main404 img{
    width: 90%;
}
.main404 span{
    font-size: calc(var(--width820)*18px);
    color: #666;
}
.main404 a{
    font-size: calc(var(--width820)*18px);
    padding: calc(var(--width820)*6px) calc(var(--width820)*10px);
    background-color: #3861FB;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #3861FB;
}
.main404 a:hover{
    border: 1px solid #3861FB;
    background-color: #ffffff;
    color: #3861FB;
}


/* booking */
.booking_hide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width820)*10px);
}
.booking_hide > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
    position: absolute;
    top: 150px;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
}
.booking_hide > div h2{
    background: #3861FB;
    font-size: calc(var(--width820)*18px);
    color: #ffffff;
    line-height: calc(var(--width820)*24px);
    padding: calc(var(--width820)*10px) calc(var(--width820)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_hide_input{
    width: 100%;
    padding: calc(var(--width820)*10px) calc(var(--width820)*20px);

    border-bottom: 1px solid #F1F1F1;
}
.booking_hide_input input{
    width: 100%;
    height: calc(var(--width820)*40px);
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    padding: 0 calc(var(--width820)*10px);
}
.booking_hide_bottom{
    width: 100%;
    padding: calc(var(--width820)*10px) calc(var(--width820)*20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: calc(var(--width820)*10px);
}
.booking_hide_bottom a{
    width: 100%;
    height: calc(var(--width820)*40px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width820)*16px);
    color: #ffffff;
    line-height: calc(var(--width820)*40px);
    text-align: center;
}
.booking_hide_bottom a:last-child,
.booking_hide_bottom a:hover{
    background-color: #ffffff;
    color: #3861FB;
    border: 1px solid #3861FB;
}
.booking_active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width820)*10px);
}
.booking_active > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
   
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.booking_active > div h2{
    width: 100%;
    text-align: center;
    background: #3861FB;
    font-size: calc(var(--width820)*18px);
    color: #ffffff;
    line-height: calc(var(--width820)*24px);
    padding: calc(var(--width820)*10px) calc(var(--width820)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_active > div p{
    text-align: center;
    font-size: calc(var(--width820)*14px);
    color: #666;
    line-height: calc(var(--width820)*20px);
    padding: calc(var(--width820)*10px) calc(var(--width820)*20px);
}
.booking_active > div button{
    padding: calc(var(--width820)*6px) calc(var(--width820)*20px);
    font-size: calc(var(--width820)*14px);
    background-color: #3861FB;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin-bottom: calc(var(--width820)*10px);
}

/* 123 */
.downmain1_bottom .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width820)*20px);
    height: calc(var(--width820)*20px);
}
.downmain1_bottom .icon_f .icon{
    width: calc(var(--width820)*20px);
    height: calc(var(--width820)*20px);
}
.downmain1_safe{
    display: flex;
    flex-direction: column;
    gap: calc(var(--width820)*5px);
}
.downmain1_safe > a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width820)*5px);
}
.downmain1_safe > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width820)*5px);
}
.downmain1_safe > div > span{
    color: #969799;
    font-size: calc(var(--width820)*12px);
}
.downmain1_btn{
    background: #F1F1F1 !important;
    color: #646566 !important;
}
.downmain2 ul,
.downmain2 ol{
    font-size: calc(var(--width820)*14px);
    line-height: calc(var(--width820)*20px);
    color: #000000;
    margin: calc(var(--width820)*20px) auto;
    padding-left: calc(var(--width820)*20px);
}
.downmain2 ul li,
.downmain2 ol li{
    font-size: calc(var(--width820)*16px);
    line-height: calc(var(--width820)*32px);
    color: #000000;
    margin: calc(var(--width820)*10px) auto;
    padding-left: calc(var(--width820)*10px);
}
.downmain2 ul li{
    list-style: initial;
}
.downmain2 ol li{
    list-style: decimal;
}
.downmain2 h2{
    line-height: calc(var(--width820)*30px); background: #f3f5ff; color: #143dfe; padding: calc(var(--width820)*5px) calc(var(--width820)*12px); font-size: 20px; font-weight: bold; text-indent: 0px; margin: calc(var(--width820)*12px) 0;
}
.downmain2 h3{
    line-height:  calc(var(--width820)*30px); background: #f3fdff; color: #00b39e; padding:  calc(var(--width820)*5px) calc(var(--width820)*12px); font-size: calc(var(--width820)*18px); font-weight: bold; text-indent: 0px; margin: calc(var(--width820)*12px) 0;
}
.downmain2 h4{
    line-height:  calc(var(--width820)*30px); background: #fafafa; color: #464646; padding: calc(var(--width820)*5px) calc(var(--width820)*12px); font-size: calc(var(--width820)*16px); font-weight: bold;    text-indent: 0px; margin: calc(var(--width820)*12px) 0;
}
.downmain2 h1,
.downmain2 h2,
.downmain2 h3,
.downmain2 h4,
.downmain2 h5{
    margin:  calc(var(--width820)*10px) auto;
}
}
@media screen and (max-width:769px){
    header{
        width: 100%;
        
    }
    body{
        background-color: #FCFCFC;
    }
    .header{
        width: 100%;
        height: calc(var(--width768)*42px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid #F0F2F5;
        padding: 0 calc(var(--width768)*16px);
        gap: 50px;
    }
    .header_logo{
        width: auto;
        aspect-ratio: 102/29;
        /* width: calc(var(--width768)*28px); */
        height: calc(var(--width768)*29px);
    }
    .header_logo a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .header_logo a img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .header_menu{
        width: calc(var(--width768)*26px);
        height: calc(var(--width768)*26px);
        background-color: transparent;
        border: none;
    }
    .header_search{
        width: calc(100% - calc(var(--width768)*28px) - 100px - calc(var(--width768)*26px));
        height: calc(var(--width768)*28px);
        background-color: #EFF2F5;
        border-radius: calc(var(--width768)*14px);
        padding:  0 calc(var(--width768)*14px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_search input{
        width: calc(100% - calc(var(--width768)*15px));
        background-color: transparent;
        border: none;
        height: 100%;
    }
    .header_search input::placeholder{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
    .header_search input:focus{
        border: none;
        outline: none;
    }
    .header_search button{
        background-color: transparent;
        border: none;
        width: calc(var(--width768)*14px);
        height: calc(var(--width768)*14px);
    }
    .header_search button .icon{
        display: block;
        width: calc(var(--width768)*14px);
        height: calc(var(--width768)*14px);
    }
    .header_menu .icon{
        width: calc(var(--width768)*26px);
        height: calc(var(--width768)*26px);
    }
    main{
        width: 100%;
    
        background-color: #FCFCFC;
    }
    .header_hide{
        display: none;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffffff;
        overflow-y: auto;
    }
    .header_hide.active{
        display: block;
        z-index: 999;
    }
    .header_hide .header{
        height: calc(var(--width768)*42px);
    }
    .header_hide_tops{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .header_hide_tops .icon_f{
        width: calc(var(--width768)*32px);
        height: calc(var(--width768)*32px);
        border-radius: 8px;
        background: #F5B97F;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_hide_tops .icon_f .icon{
        width: calc(var(--width768)*18px);
        height: calc(var(--width768)*18px);
    }
    .header_hide_tops > span{
        font-size: calc(var(--width768)*14px);
        color: #808A9D;
        line-height: calc(var(--width768)*18px);
    }
    .header_hide_top{
        width: 100%;
        padding: calc(var(--width768)*40px) calc(var(--width768)*40px) calc(var(--width768)*20px) calc(var(--width768)*40px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_hide_tops:nth-child(2) .icon_f{
        background-color: #FF775F;
    }
    .header_hide_tops:nth-child(3) .icon_f{
        background-color: #16C784;
    }
    .header_hide_tops:nth-child(4) .icon_f{
        background-color: #8A3FFC;
    }
    .header_hide_tops:nth-child(5) .icon_f{
        background-color: #2544D4;
    }
    .header_hide_bottom{
        width: 100%;
        padding: 0 calc(var(--width768)*17px);
    }
    .header_hide_bottom hr{
        border: none;
        background-color: #EFF2F5;
        height: 1px;  
    }
    .header_hide_bottoms{
        width: 100%;
    
        border-bottom: 1px solid #EFF2F5;
    }
    .header_hide_bottoms_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
    }
    .header_hide_bottoms_topL{
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .header_hide_bottoms_topL > .icon_f{
        display: block;
        width: calc(var(--width768)*18px);
        height: calc(var(--width768)*18px);
    }
    .header_hide_bottoms_topL > .icon_f .icon{
        width: calc(var(--width768)*18px);
        height: calc(var(--width768)*18px);
    }
    .header_hide_bottoms_topL > span{
        font-size: calc(var(--width768)*18px);
        color: #333333;
        line-height: calc(var(--width768)*25px);
    }
    .header_hide_bottoms_topR .icon_f{
        display: block;
        width: calc(var(--width768)*18px);
        height: calc(var(--width768)*18px);
    }
    
    .header_hide_bottoms_topR .icon_f .icon{
        width: calc(var(--width768)*18px);
        height: calc(var(--width768)*18px);
    }
    .header_hide_bottoms_M{
        display: none;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width768)*20px);
        padding-bottom: calc(var(--width768)*16px);
    }
    .header_hide_bottoms_M a{
        height: calc(var(--width768)*28px);
        border-radius: calc(var(--width768)*14px);
        background: #EFF2F5;
        font-size: calc(var(--width768)*14px);
        color: #616E85;
        line-height: calc(var(--width768)*20px);
        width: calc(var(--width768)*77px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: calc(var(--width768)*28px);
        padding: 0 calc(var(--width768)*10px);
        text-align: center;
    }
    /* 初始只显示展开图标，收起图标和内容都隐藏 */
    
    /* 展开时，显示内容和收起图标，隐藏展开图标 */
    .header_hide_bottoms.open .header_hide_bottoms_M { display: grid; }
    .header_hide_bottoms.open .icon_f .icon-expand { display: none; }
    .header_hide_bottoms.open .icon_f .icon-collapse { display: inline; }
    
    .header_hide_bottoms_topR .icon_f .icon-collapse { display: none; }
    .header_hide_bottoms_topR .icon_f .icon-expand { display: inline; }
    .header_hide_bottoms_topR .header_hide_bottoms_M { display: none; }
    
    .indexmian_m_Carousel .index-swiper {
    width: 100%;
    height: calc(var(--width768)*180px);
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    }
    .indexmian_m_Carousel .index-swiper .swiper-slide {
    text-align: center;
    position: relative;
    }
    .indexmian_m_Carousel .index-swiper img {
    width: 100%;
    height: 100%;
    display: block;
    }
    .indexmian_m_Carousel .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 8px calc(var(--width768)*12px);
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*14px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m_Carousel .swiper-button-prev:after,
    .indexmian_m_Carousel .swiper-button-next:after{
    font-size: calc(var(--width768)*18px);
    }
    
    .header_nav{
    width: 100%;
    padding:  calc(var(--width768)*20px) 0 calc(var(--width768)*20px) calc(var(--width768)*16px);
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    background-color: #FCFCFC;
    }
    .header_nav::-webkit-scrollbar {
    display: none; 
    }
    .header_nav a{
    flex: 0 0 auto;
    font-size: calc(var(--width768)*18px);
    color: #3C3C3C;
    line-height: calc(var(--width768)*25px);
    }
    .header_nav a.active{
    color: #3861FB;
    }
    .indexmian_m{
    width: 100%;
    padding:  0 calc(var(--width768)*16px);
    }
    .indexmian_m1{
    width: 100%;
    margin-top: calc(var(--width768)*20px);
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .indexmian_m1::-webkit-scrollbar {
    display: none; 
    }
    .indexmian_m1 > a{
    display: block;
    width: calc(var(--width768)*180px);
    height: calc(var(--width768)*136px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    }
    .indexmian_m1 > a > img{
    width: 100%;
    height: 100%;
    }
    .indexmian_m1 > a > div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 6px calc(var(--width768)*10px);
    
    }
    .indexmian_m1 > a > div > span{
    font-size: calc(var(--width768)*12px);
    line-height: calc(var(--width768)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m1 > a > div > div{
    font-size: calc(var(--width768)*12px);
    color: #E2E2E2;
    line-height: calc(var(--width768)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m1 > a > div > div > span{
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmian_m1_point{
    display: block;
    width: 2px !important;
    height: 2px;
    background-color: #E2E2E2;
    border-radius: 50%;
    }
    .indexmian_m2{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m2 > h2{
    font-size: calc(var(--width768)*18px);
    color: #000000;
    line-height: calc(var(--width768)*20px);
    }
    .indexmian_m2m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m2ms{
    width: 100%;
    height: calc(var(--width768)*88px);
    padding: calc(var(--width768)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*10px);
    margin-top: calc(var(--width768)*15px);
    }
    .indexmian_m2ms_img{
    display: block;
    width: calc(var(--width768)*124px);
    height: calc(var(--width768)*68px);
    }
    .indexmian_m2ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px;
    }
    .indexmian_m2ms_info{
    width: calc(100% - var(--width768) * 134px);
    height: calc(var(--width768)*68px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .indexmian_m2ms_info > a > h3{
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    }
    .indexmian_m2ms_info > div{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1{
    /* padding: calc(var(--width768)*10px); */
    padding-bottom: calc(var(--width768)*20px);
    margin-top: calc(var(--width768)*20px);
    }
    .indexmain2R1 h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*24px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: calc(var(--width768)*10px);
    
    }
    .indexmain2R1M{
    width: 100%;
    margin-top: calc(var(--width768)*10px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*12px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width768)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width768)*10px);
    }
    .indexmain2R1Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    .indexmain2R1Ms_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    }
    .indexmain2R1Ms_top:hover{
    background-color: #F8FAFD;
    }
    .indexmain2R1Ms_top .icon-f{
    display: block;
    width: calc(var(--width768)*18px);
    height: calc(var(--width768)*18px);
    }
    .indexmain2R1Ms_top .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_top > a{
    width: calc(100% - calc(var(--width768)*25px));
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width768)*16px);
    color: #1C1C1C;
    line-height: calc(var(--width768)*22px);
    }
    .indexmain2R1Ms_bottom{
    width: 100%;
    display: flex;
    padding-left: calc(var(--width768)*25px);
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1Ms_bottom .icon-f{
        display: flex;
        justify-content: center;
        align-items: center;
    width: calc(var(--width768)*14px);
    height: calc(var(--width768)*14px);
    }
    .indexmain2R1Ms_bottom .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_bottom span{
    color: #6D6D6D;
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*20px);
    }
    .indexmain2R1Ms_top_ranking.topranking1{
        background-color: #ffb54a;
    }
    .indexmain2R1Ms_top_ranking.topranking2{
        background-color: #cacfda;
    }
    .indexmain2R1Ms_top_ranking.topranking3{
        background-color: #ff9449;
    }
    .indexmain2R1Ms_top_ranking{
    width: calc(var(--width768)*20px);
    height: calc(var(--width768)*20px);
    background-color: #84A8C2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
    }
    .indexmain2R2{
    width: 100%;
    
    
    }
    .indexmain2R2 h2{
    font-size: calc(var(--width768)*18px);
    color: #000000;
    line-height: calc(var(--width768)*24px);
    }
    .indexmain2R2M{
    width: 100%;
    margin-top: calc(var(--width768)*20px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width768)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width768)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width768)*10px);
    }
    .indexmain2R2Ms{
    font-size: calc(var(--width768)*14px);
    color: #616E85;
    line-height: calc(var(--width768)*20px);
    padding: 8px calc(var(--width768)*16px);
    border-radius: calc(var(--width768)*21px);
    background: #EFF2F5;
    }
    .indexmain2R2Ms:hover{
    color: #333333;
    }
    .indexmian_m3{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m3 > h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*20px);
    }
    .indexmian_m3m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m3ms{
    width: 100%;
    margin-top: calc(var(--width768)*15px);
    
    }
    .indexmian_m3ms_img{
    display: block;
    width: 100%;
    height: calc(var(--width768)*160px);
    }
    .indexmian_m3ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    }
    .indexmian_m3ms_info{
    width: 100%;
    padding: calc(var(--width768)*10px);
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    }
    .indexmian_m3ms_name{
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*22px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m3ms_time{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*17px);
    margin-top: 5px;
    }
    .indexmian_m4{
    width: 100%;
    margin-top: 30px;
    }
    .indexmian_m4 > h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*20px);
    }
    .indexmian_m4m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m4ms{
    width: 100%;
    height: calc(var(--width768)*82px);
    padding: calc(var(--width768)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex
    ;
    align-items: center;
    gap: calc(var(--width768)*10px);
    margin-top: calc(var(--width768)*15px);
    }
    .indexmian_m4ms_img{
    display: block;
    width: calc(var(--width768)*62px);
    height: calc(var(--width768)*62px);
    }
    .indexmian_m4ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    }
    .indexmian_m4ms_info{
    width: calc(100% - var(--width768)*72px);
    height: calc(var(--width768)*62px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    }
    .indexmian_m4ms_name h3{
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m4ms_infos{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex
    ;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m4ms_infos .indexmian_m1_point{
    background-color: #707070;
    }
    
    .indexmain4s{
    width: 100%;
    margin-top: calc(var(--width768)*15px);
    border-radius: 8px;
    box-shadow: 0px 0px calc(var(--width768)*15px) 0px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 8px;
    }
    .indexmain4s:hover{
    box-shadow: 1px 1px 4px 0px #CDCDCD, -1px -1px 4px 0px rgba(88,102,126,0);
    }
    .indexmain4s_img{
    display: block;
    width: 100%;
    height: calc(var(--width768)*198px);
    
    }
    .indexmain4s_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    }
    .indexmain4s_column{
    width: 100%;
    padding: calc(var(--width768)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .indexmain4s_columnL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_columnL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*18px);
    height: calc(var(--width768)*18px);
    }
    .indexmain4s_columnL .icon{
    width: calc(var(--width768)*18px);
    height: calc(var(--width768)*18px);
    }
    .indexmain4s_columnL span{
    font-size: calc(var(--width768)*12px);
    color: #3861FB;
    line-height: calc(var(--width768)*17px);
    }
    .indexmain4s_columnR{
    font-size: calc(var(--width768)*12px);
    color: #999999;
    line-height: calc(var(--width768)*17px);
    }
    .indexmain4s_more{
        display: block;
        margin: calc(var(--width768)*20px) auto;
        width: 100%;
        height: calc(var(--width768)*38px);
        font-size: calc(var(--width768)*16px);
        line-height: calc(var(--width768)*38px);
        text-align: center;
        background-color: #3861FB;
        color: #ffffff;
        border-radius: 6px;
    }
    .indexmain4s_name{
    margin-top: 10px;
    padding: 0 calc(var(--width768)*10px);
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
    font-weight: 600;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmain4s p{
    font-size: calc(var(--width768)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width768)*18px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width768)*10px);
    margin-top: calc(var(--width768)*10px);
    height: auto;
    }
    .indexmain4s_info{
    width: 100%;
    padding: 0 calc(var(--width768)*10px);
    margin-top: calc(var(--width768)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(var(--width768)*10px);
    }
    .indexmain4s_infoL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_infoL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*14px);
    height: calc(var(--width768)*14px);
    }
    .indexmain4s_infoL .icon{
    width: calc(var(--width768)*14px);
    height: calc(var(--width768)*14px);
    }
    .indexmain4s_infoL span{
    color: #6D6D6D;
    font-size: calc(var(--width768)*12px);
    line-height: calc(var(--width768)*17px);
    }
    .indexmain4s_infoR{
    font-size: calc(var(--width768)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width768)*17px);
    }
    footer{
    width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    padding: calc(var(--width768)*33px);
    margin-top: 30px;
    
    }
    .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    .footer span{
    font-size: calc(var(--width768)*14px);
    color: #333333;
    line-height: calc(var(--width768)*20px);
    text-align: center;
    }
    .totop .icon-f{
    display: block;
    width: calc(var(--width768)*24px);
    height: calc(var(--width768)*24px);
    }
    .totop .icon{
    width: calc(var(--width768)*24px);
    height: calc(var(--width768)*24px);
    }
    .totop{
    /* display: none; */
    position: fixed;
    right: calc(var(--width768)*10px);
    bottom: calc(var(--width768)*100px);
    width: calc(var(--width768)*24px);
    height: calc(var(--width768)*24px);
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
    }
    
    .totop.show {
    opacity: 1;
    pointer-events: auto;
    }
    
    .totop .iconhover{
    display: none;
    }
    
    .totop:hover .icon{
    display: none;
    }
    .totop:hover .iconhover{
    display: inline-block;
    }



    /* 22222222 */
    .downlist{
        width: 100%;
     
      }
      .downlist1{
        padding:calc(var(--width768)*16px);
        background-color: #ffffff;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
      }
      .downlist1 > span{
        display: block;width: 100%;
        height: 1px;
        background-color: #F7F8FA;
        margin-top: calc(var(--width768)*16px);
        margin-bottom: calc(var(--width768)*16px);
      }
      .topnav{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 3px;
    
    }
    .topnav .icon_f{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width768)*12px);
        height: calc(var(--width768)*12px);
    }
    .topnav .icon{
        width: calc(var(--width768)*12px);
        height: calc(var(--width768)*12px);
    }
    .topnavs{
        font-size: calc(var(--width768)*12px);
        color: #6F7B8F;
        line-height: calc(var(--width768)*17px);
    }
    .topnavs:hover{
        text-decoration: underline;
    }
    .topnav span{
        font-size: calc(var(--width768)*12px);
        line-height: calc(var(--width768)*12px);
    }
    .downlist1M{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width768)*20px);
    }
    .downlist1M > a{
        padding: calc(var(--width768)*4px) calc(var(--width768)*10px);
        display: block;
        width: 100%;
        font-size: calc(var(--width768)*14px);
        color: #768296;
        line-height: calc(var(--width768)*20px);
        background: #EFF2F5;
        border-radius: calc(var(--width768)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .downlist1M > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2{
        width: 100%;
        padding: calc(var(--width768)*14px);
        margin-top: calc(var(--width768)*30px);
        padding-top: 0;
    }
    .downlist2_top{
        width: 100%;
        height: calc(var(--width768)*48px);
        display: flex;
        border-radius: calc(var(--width768)*4px);
        border: 1px solid #3861FB;
        overflow: hidden;
    }
    .downlist2_top > a{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: calc(var(--width768)*16px);
        color: #3861FB;
        line-height: calc(var(--width768)*22px);
        background-color: #FCFCFC;
    }
    .downlist2_top > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2_bottom{
        margin-top: calc(var(--width768)*20px);
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: calc(var(--width768)*15px);
    }
    .downlist2s{
        width: 100%;
        padding: calc(var(--width768)*10px);
        display: flex;
        align-items: center;
        gap: calc(var(--width768)*10px);
        background: #FFFFFF;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
        border-radius: calc(var(--width768)*4px);
    }
    .downlist2s_img{
        display: block;
        width: calc(var(--width768)*62px);
        height: calc(var(--width768)*62px);
        flex: 0 0 auto;
    }
    .downlist2s_img img{
        width: 100%;
        height: 100%;
        border-radius: calc(var(--width768)*4px);
    
    }
    .downlist2s_info{
    
        width: calc(100% - calc(var(--width768)*138px));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(var(--width768)*62px);
    
    }
    .downlist2s_name{
        font-size: calc(var(--width768)*16px);
        color: #000000;
        line-height: calc(var(--width768)*20px);
        font-weight: 600;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_info > span{
        font-size: calc(var(--width768)*12px);
        color: #E2E2E2;
        line-height: calc(var(--width768)*12px);
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_btn{
        padding: calc(var(--width768)*4px) calc(var(--width768)*10px);
        display: block;
        width: calc(var(--width768)*56px);
        font-size: calc(var(--width768)*14px);
        color: #3861FB;
        line-height: calc(var(--width768)*20px);
        border: 1px solid #3861FB;
        border-radius: calc(var(--width768)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .page{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--width768)*5px);
        margin-top: calc(var(--width768)*20px);
        flex-wrap: wrap;
    }
    .lastpage,
    .nextpage{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width768)*17px);
        height: calc(var(--width768)*17px);
    }
    .lastpage .icon,
    .nextpage .icon{
        width: calc(var(--width768)*17px);
        height: calc(var(--width768)*17px);
    }
    .pages{
        font-size: calc(var(--width768)*14px);
        line-height: calc(var(--width768)*16px);
        padding:calc(var(--width768)*11px) calc(var(--width768)*13px);
        border-radius: calc(var(--width768)*4px);
    }
    .pages:hover{
        background-color: #F0F6FF;
    }
    .pages.active{
        background-color: #3861FB;
        color: #ffffff;
    }


    /* 3333333333 */
.downmain{
    width: 100%;
    padding: calc(var(--width768)*16px);
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
}
.downmain_line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EFF2F5;
    margin: calc(var(--width768)*16px) 0;
}
.downmain1{
    width: 100%;
    padding: calc(var(--width768)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
}
.downmain1_top{
    display: flex;
    gap: calc(var(--width768)*10px);
}
.downmain1_top > img{
    width: calc(var(--width768)*62px);
    height: calc(var(--width768)*62px);
    border-radius: 4px;
}
.downmain1_info{
    width: calc(100% - calc(var(--width768)*72px));
    height: calc(var(--width768)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.downmain1_info h2{
    font-size: calc(var(--width768)*16px);
    color: #000000;
    line-height: calc(var(--width768)*20px);
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_info > span{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*14px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_tags{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*10px);
    overflow: hidden;
    height: calc(var(--width768)*20px);
    flex-wrap: wrap;
}
.downmain1_tags span{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*14px);
    padding: calc(var(--width768)*3px) calc(var(--width768)*6px);
    background: #EBEBEB;
    border-radius: 4px;
}
.downmain1_bottom{
    padding: calc(var(--width768)*10px);
    margin-top: calc(var(--width768)*10px);
    width: 100%;


}
.downmain1_bottom > a{
    display: block;
    width: 100%;
    height: calc(var(--width768)*38px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width768)*16px);
    color: #FFFFFF;
    line-height: calc(var(--width768)*38px);
    text-align: center;
}
.downmain2{
    width: 100%;
    font-size: calc(var(--width768)*14px);
    color: #111825;
    line-height: calc(var(--width768)*22px);
}
.downmain2 p{
    margin: calc(var(--width768)*10px) 0;
    font-size: calc(var(--width768)*14px);
    color: #111825;
    line-height: calc(var(--width768)*22px);
}
.downmain2 img{
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: calc(var(--width768)*10px) auto;
    border-radius: 4px;
}
.downmain2 h2{
    font-weight: 600;
    font-size: calc(var(--width768)*14px);
    color: #000000;
    line-height: calc(var(--width768)*20px);
    margin: calc(var(--width768)*10px) auto;
}
.downmain2 ol li,
.downmain2 ul li{
    padding-left: calc(var(--width768)*20px);
    font-size: calc(var(--width768)*14px);
    color: rgb(66, 66, 66);
    line-height: calc(var(--width768)*20px);
    margin: calc(var(--width768)*10px) 0;
}
.downmain2 a{
    color: #3861FB;
}
.downmain3{
    width: 100%;

}
.downmain3 h2{
    font-size: calc(var(--width768)*18px);
    color: #111825;
    line-height: calc(var(--width768)*22px);
    font-weight: bold;
}
.downmain3M{
    width: 100%;
    margin-top: calc(var(--width768)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
    padding: calc(var(--width768)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*20px);
}
.downmain3Ms{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downmain3Ms span:first-child{
    font-size: calc(var(--width768)*14px);
    color: #7C7C7C;
    line-height: calc(var(--width768)*18px);
}
.downmain3Ms span:last-child{
    font-size: calc(var(--width768)*14px);
    color: #000000;
    line-height: calc(var(--width768)*18px);
}
.downmain4{
    width: 100%;
    margin-top: calc(var(--width768)*20px);
}
.downmain4 h2{
    font-size: calc(var(--width768)*18px);
    color: #111825;
    line-height: calc(var(--width768)*22px);
    font-weight: bold;
}
.downmain4M{
    width: 100%;
    margin-top: calc(var(--width768)*20px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    gap: calc(var(--width768)*20px);
}
.downmain4M a{
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    padding: calc(var(--width768)*10px);
    border-radius: 4px;

}
.downmain4M a img{
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 4px;
}
.downmain4M a span:first-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.downmain4M a span:last-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    height: calc(var(--width768)*28px);
    border-radius: 2px;
    border: 1px solid #3861FB;
    font-size: calc(var(--width768)*14px);
    color: #3861FB;
    line-height: calc(var(--width768)*28px);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain5{
    width: 100%;
    margin-top: calc(var(--width768)*30px);

}
.downmain5_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.downmain5_top h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*20px);
}
.downmain5_top > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*18px);
    height: calc(var(--width768)*18px);
}
.downmain5_top > a .icon{
    width: calc(var(--width768)*18px);
    height: calc(var(--width768)*18px);
}
.downmain5M{
    width: 100%;
    margin-top: calc(var(--width768)*20px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: calc(var(--width768)*20px);
}
.downmain5Ms{
    width: 100%;

}
.downmain5M_img{
    display: block;
    width: 100%;
    height: calc(var(--width768)*107px);


}
.downmain5M_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0px 0px;
}
.downmain5Ms_info{
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 0px 0px 2px 2px;
    padding: calc(var(--width768)*10px);
}
.downmain5M_name{
    width: 100%;
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*22px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.downmain5Ms_info span{
    display: block;
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*17px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: calc(var(--width768)*10px);
}
.downmain6{
    width: 100%;
    margin-top: calc(var(--width768)*30px);
}
.downmain6 h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*20px);
}


/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width768)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width768)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width768)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width768)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width768)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width768)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width768)*10px);
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
}
    

/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width768)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width768)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width768)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width768)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width768)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width768)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width768)*10px);
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
}
.ranking1{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: calc(var(--width768)*20px);
}
.ranking1 > a{
    width: 100%;
    height: calc(var(--width768)*28px);
    font-size: calc(var(--width768)*14px);
    color: #616E85;
    line-height: calc(var(--width768)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width768)*4px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width768)*10px);
    text-align: center;
}
.ranking1 > a.active{
    background-color: #3861FB;
    color: #ffffff;
}
.ranking2{
    width: 100%;
    padding: 0 calc(var(--width768)*16px);
    margin-top: calc(var(--width768)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*15px);
}
.ranking2s{
    width: 100%;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width768)*15px) 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width768)*4px);
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*10px);
    
}
.ranking2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*25px);
    height: calc(var(--width768)*25px);
    flex: 0 0 auto;
    font-size: calc(var(--width768)*16px);
    color: #666666;
    font-weight: bold;
}
.ranking2s .icon_f .icon{
    width: calc(var(--width768)*25px);
    height: calc(var(--width768)*25px);
}
.ranking2s_img{

    flex: 0 0 auto;
    display: block;
    width: calc(var(--width768)*62px);
    height: calc(var(--width768)*62px);
}
.ranking2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width768)*4px);
}
.ranking2s_info{
    width: calc(100% - calc(var(--width768)*173px));
    height: calc(var(--width768)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.ranking2s_name{
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_info span{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_btn{
    flex: 0 0 auto;
    width: calc(var(--width768)*56px);
    height: calc(var(--width768)*28px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width768)*14px);
    font-size: calc(var(--width768)*14px);
    color: #3861FB;
    line-height: calc(var(--width768)*28px);
    padding: 0 calc(var(--width768)*10px);
    text-align: center;
}

/* 555555555 */
.ArticleList1{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*10px);
}
.ArticleList1s{
    width: 100%;
    display: flex;
    gap: calc(var(--width768)*10px);
    padding-bottom: calc(var(--width768)*10px);
    border-bottom: 1px solid #F7F8FA;
}
.ArticleList1s_img{
    width: calc(var(--width768)*132px);
    height: calc(var(--width768)*72px);
}
.ArticleList1s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ArticleList1s_info{
    width: calc(100% - calc(var(--width768)*142px));
    display: flex;
    flex-direction: column;
    height: calc(var(--width768)*72px);
    justify-content: space-between;
}
.ArticleList1s_name h2{
    width: 100%;
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList1s_time{
    display: flex;
    justify-content: right;
}
.ArticleList1s_time span{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*12px);
}


/* 66666666 */
.ArticleList2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*15px);
}
.ArticleList2s{
    width: 100%;
    border-radius: calc(var(--width768)*8px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}
.ArticleList2s_img{
    display: block;
    width: 100%;
    height: calc(var(--width768)*198px);
}
.ArticleList2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width768)*4px);
}
.ArticleList2s_info{
    width: 100%;
    padding: calc(var(--width768)*10px);
}
.ArticleList2s_name h2{
    width: 100%;
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_info > p{
    font-size: calc(var(--width768)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width768)*18px);
    margin-top: calc(var(--width768)*10px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_tag{
    width: 100%;
    margin-top: calc(var(--width768)*10px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width768)*10px);
    overflow: hidden;
    height: calc(var(--width768)*28px);
}
.ArticleList2s_tag > a{
    font-size: calc(var(--width768)*12px);
    color: #616E85;
    line-height: calc(var(--width768)*28px);
    height: calc(var(--width768)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width768)*4px);
    padding: 0 calc(var(--width768)*5px);

}
.ArticleList2s_info > span{
    display: block;
    font-size: calc(var(--width768)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width768)*17px);
    margin-top: calc(var(--width768)*10px);
}

/* 77777777777 */
.Articlemain1{
    width: 100%;

}
.Articlemain1 > h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*24px);
}
.Articlemain1_info{
    width: 100%;
    margin-top: calc(var(--width768)*17px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Articlemain1_info > span{
    font-size: calc(var(--width768)*12px);
    line-height: calc(var(--width768)*17px);
}
.download_mainL1R{
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*20px);
}
.download_mainL1_times{
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*5px);
}
.download_mainL1_times .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*12px);
    height: calc(var(--width768)*12px);
}
.download_mainL1_times .icon{
    width: calc(var(--width768)*12px);
    height: calc(var(--width768)*12px);
}
.download_mainL1_times span{
    font-size: calc(var(--width768)*14px);
    color: #6D6D6D;
    line-height: calc(var(--width768)*20px);
}
.download_mainL1_download_sp{
    font-size: calc(var(--width768)*12px);
    color: #3861FB;
    line-height: calc(var(--width768)*14px);
    padding: calc(var(--width768)*3px) calc(var(--width768)*10px);
    background-color: #EFF2F5;
    border-radius: calc(var(--width768)*4px);
}
.download_mainL2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*10px);
    margin-top: calc(var(--width768)*10px);
}
.download_mainL2s{
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*10px);
}
.download_mainL2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*14px);
    height: calc(var(--width768)*14px);
}
.download_mainL2s .icon{
    width: calc(var(--width768)*14px);
    height: calc(var(--width768)*14px);
}
.download_mainL2s span{
    font-size: calc(var(--width768)*14px);
    color: #788296;
    line-height: calc(var(--width768)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4{
    width: 100%;
    background-color: #F7F9FB;
    border-radius: calc(var(--width768)*4px);
    padding: calc(var(--width768)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*10px);
}
.download_mainL4 > img{
    width: calc(var(--width768)*62px);
    height: calc(var(--width768)*62px);
}
.download_mainL4 > a{
    width: calc(var(--width768)*80px);
    flex: 0 0 auto;
    color: #3861FB;
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*20px);
    padding: calc(var(--width768)*4px) calc(var(--width768)*10px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width768)*4px);
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info{
    width: calc(100% - calc(var(--width768)*162px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width768)*62px);
}
.download_mainL4_info > a{
    font-size: calc(var(--width768)*16px);
    color: #000000;
    line-height: calc(var(--width768)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info > span{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL5{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--width768)*10px);
    margin-top: calc(var(--width768)*10px);
}
.download_mainL5 a{
    font-size: calc(var(--width768)*12px);
    color: #616E85;
    line-height: calc(var(--width768)*17px);
    padding: calc(var(--width768)*4px) calc(var(--width768)*10px);
    border: 1px solid #DEDEDE;
    border-radius: calc(var(--width768)*4px);
}
.Articlemain2{
    width: 100%;
    padding: calc(var(--width768)*11px) calc(var(--width768)*30px);
    background: #F8FAFD;
    border-radius: calc(var(--width768)*4px);
    font-size: calc(var(--width768)*14px);
    color: #0D1421;
    line-height: calc(var(--width768)*20px);
    margin-top: calc(var(--width768)*10px);
}
.Articlemain2 span{
    color: #3861FB;
    font-weight: 600;
}
.Articlemain3{
    width: 100%;
 

}
.Articlemain3 a{
    margin-top: calc(var(--width768)*10px);
    display: block;
    width: 100%;
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*20px);
    color: #333945;
    padding: calc(var(--width768)*11px) calc(var(--width768)*27px);
    border: 1px solid #efefef;
    box-shadow: 0px 0px 1px 1px #F8FAFD;
    border-radius: calc(var(--width768)*24px);
    background: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain3 a span{
    color: #3861FB;
}
.indexmian_m3ms{
    border-radius: calc(var(--width768)*4px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.indexmain4s{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.Articlemain4{
    width: 100%;
    margin-top: calc(var(--width768)*20px);
}
.Articlemain4 h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*20px);
}
.Articlemain4M{
    width: 100%;
    margin-top: calc(var(--width768)*5px);
}
.Articlemain4s{
    margin-top: calc(var(--width768)*15px);
    width: 100%;
    padding: calc(var(--width768)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: calc(var(--width768)*4px);
}
.Articlemain4_img{
    display: block;
    width: calc(var(--width768)*62px);
    height: calc(var(--width768)*62px);
}
.Articlemain4_img img{
    width: 100%;
    height: 100%;
}
.Articlemain4s_info{
    width: calc(100% - calc(var(--width768)*72px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width768)*62px);
}
.Articlemain4s_name{
    font-size: calc(var(--width768)*16px);
    color: #000000;
    line-height: calc(var(--width768)*20px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Articlemain4s_infos{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*5px);
}
.Articlemain4s_infos span{
    font-size: calc(var(--width768)*12px);
    color: #707070;
    line-height: calc(var(--width768)*12px);
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain4s_infos span.dot{
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #707070;
}

/* 888888888 */

.tagmain1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width768)*20px);
    height: calc(var(--width768)*76px);
    overflow: hidden;
    transition: height 0.3s ease;
}
.tagmain1.expanded {
    height: auto;
}
.tagmain1 a{
    font-size: calc(var(--width768)*14px);
    color: #616E85;
    line-height: calc(var(--width768)*20px);
    padding: calc(var(--width768)*4px) calc(var(--width768)*14px);
    background: #EFF2F5;
    border-radius: calc(var(--width768)*14px);
}
.tagmain1_more{
    width: 100%;
    margin-top: calc(var(--width768)*20px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width768)*6px);
    background: #EFF2F5;
    border: none;
    border-radius: calc(var(--width768)*4px);
    padding: calc(var(--width768)*8px);
    cursor: pointer;
}
.tagmain1_more span{
    font-size: calc(var(--width768)*16px);
    color: #3861FB;
    line-height: calc(var(--width768)*22px);
}
.tagmain1_more .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*18px);
    height: calc(var(--width768)*18px);
}
.tagmain1_more .icon_f .icon{
    width: calc(var(--width768)*18px);
    height: calc(var(--width768)*18px);
}
.tagmain1_more .icon_f .icon_sp{
    display: none;
}
.tagmain1_more.expanded .icon {
    display: none;
}
 
.tagmain1_more.expanded .icon_sp {
    display: block;
}
.tagmain2 .ranking2s_img{
    position: relative;
}
.tagmain2 .icon_f{
    position: absolute;
    top: calc(var(--width768)*-9px);
    right: calc(var(--width768)*-2px);
    width: calc(var(--width768)*30px);
    height: calc(var(--width768)*30px);
}
.tagmain2 .icon_f .icon{
    width: calc(var(--width768)*30px);
    height: calc(var(--width768)*30px);
}
.tagmain2 .ranking2s .ranking2s_img > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width768)*10px);
    color: #F54343;
    line-height: calc(var(--width768)*10px);
}
.tagmain2 .ranking2s .ranking2s_info{
    width: calc(100% - calc(var(--width768)*138px));
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_btn{
    color: #F42B2B;
    border-color: #F42B2B;
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_img > span{
    color: #F54343;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_btn{
    color: #F4912B;
    border-color: #F4912B;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_img > span{
    color: #D88D00;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_btn{
    color: #F45A2B;
    border-color: #F45A2B;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_img > span{
    color: #F56943;
}

/* 999999999999 */

.topicmain1{
    width: 100%;
}
.topicmain1 h2{
    font-size: calc(var(--width768)*18px);
    line-height: calc(var(--width768)*24px);
}
.topicmain1_time{
    width: 100%;
    margin-top: calc(var(--width768)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*5px);
}
.topicmain1_time .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*16px);
    height: calc(var(--width768)*16px);
}
.topicmain1_time .icon_f .icon{
    width: calc(var(--width768)*16px);
    height: calc(var(--width768)*16px);
}
.topicmain1_time span{
    font-size: calc(var(--width768)*14px);
    color: #788296;
    line-height: calc(var(--width768)*20px);
}
.topicmain2{
    width: 100%;
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*22px);
}
.topicmain2 > img{
    display: block;
    max-width: 100%;
    margin:  calc(var(--width768)*10px) auto;
    border-radius: 4px;
}
.topicmain2M{
    width: 100%;

    box-shadow: 0px 1px 1px 1px rgba(249,249,249,0.5);
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: calc(var(--width768)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width768)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .topicmain2M::-webkit-scrollbar {
    display: none; 
    }
.topicmain2Ms{
    display: block;
    position: relative;
    width: calc(var(--width768)*68px);
    height: calc(var(--width768)*68px);
    flex: 0 0 auto;

}
.topicmain2Ms .icon_f{
    position: absolute;
    top: calc(var(--width768)*-9px);
    right: calc(var(--width768)*-2px);
    width: calc(var(--width768)*30px);
    height: calc(var(--width768)*30px);
}
.topicmain2Ms .icon{
    width: calc(var(--width768)*30px);
    height: calc(var(--width768)*30px);
}
.topicmain2Ms img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.topicmain2Ms > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width768)*10px);
    color: #A6A6A6;
    line-height: calc(var(--width768)*10px);
}
.topicmain2Ms:nth-child(1) > span{
    color: #F54343;
}
.topicmain2Ms:nth-child(2) > span{
    color: #D88D00;
}
.topicmain2Ms:nth-child(3) > span{
    color: #F56943;
}


.mondmain1L2s{width:100%;box-sizing:border-box;overflow:hidden;margin-top:calc(var(--width768)*20px);position:relative}
.mondmain1L2s p.topNum{border-color:#CCCCCC transparent transparent transparent;width:calc(var(--width768)*50px);position:absolute;top:0px;left:0px;border-width:calc(var(--width768)*21px) 0 0 0;border-style:solid;border-color:#c5c5c5 transparent transparent transparent;z-index:99999}
.mondmain1L2s p.topNum:before{border-top:calc(var(--width768)*7px) solid #cccccc;content:"";position:absolute;top:0;left:0;height:0;width:0;border-left:calc(var(--width768)*25px) solid transparent;border-right:calc(var(--width768)*25px) solid transparent;}
.mondmain1L2s p.topNum em{width:calc(var(--width768)*50px);position:absolute;top:calc(var(--width768)*-26px);left:0;letter-spacing:0.6px;color:#fff;font-size:calc(var(--width768)*13px);font-weight:bold;line-height:calc(var(--width768)*30px);text-align:center}
.mondmain1L2s .title{position:relative;margin-left:calc(var(--width768)*24px);height:calc(var(--width768)*28px);line-height:calc(var(--width768)*28px);border-radius:3px;font-size:calc(var(--width768)*15px);color: #ffffff !important;;background:#3861FB;font-weight:bold;text-indent:calc(var(--width768)*40px)}
.mondmain1L2s .title a{
    color: #ffffff;
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*18px);
}
.mondmain1L2s .desc{line-height:calc(var(--width768)*22px);margin:calc(var(--width768)*15px) auto;font-size:14px;color:#666}
.mondmain1L2s .ItemPics{padding:calc(var(--width768)*10px);background:#f2f2f2;border-radius:6px;overflow:hidden;margin-bottom:calc(var(--width768)*20px)}
.mondmain1L2s .ItemPics .rkImg{width:100%;position:relative;overflow:hidden}
.mondmain1L2s .ItemPics .rkImg .swiper-slide{width:auto}
.mondmain1L2s .ItemPics .rkImg img{display:inline-block;border-radius:6px;height:calc(var(--width768)*285px)}
.mondmain1L2s .btn{display:block;margin:calc(var(--width768)*12px) auto 0;height:calc(var(--width768)*36px);border-radius:6px;text-align:center;line-height:calc(var(--width768)*36px);font-size:calc(var(--width768)*15px);color:#fff;width:calc(var(--width768)*200px);background:#3861FB}
.mondmain1L2s .btn:hover{opacity:0.88}
.mondmain1L2s .swiper {
    width: 100%;
    height: 100%;
  }

 .mondmain1L2s .swiper-slide {
    width: auto;
    text-align: center;
    font-size: calc(var(--width768)*18px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .mondmain1L2s .swiper-wrapper{
    align-items: center;
  }
 .mondmain1L2s .swiper-slide img {
    display: block;
    width: auto;
    height: calc(var(--width768)*285px);
    object-fit: cover;
    border-radius: 4px;
  }

  .mondmain1L2s .grade{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .mondmain1L2s .grade img{
    width: calc(var(--width768)*146px);
    height: calc(var(--width768)*146px);
  }


  .mondmain1L2s:nth-child(1) p.topNum.fir{
    border-color: #ff2841 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(1) p.topNum:before{
    border-top: calc(var(--width768)*7px) solid #ff2841;
  }
  .mondmain1L2s:nth-child(2) p.topNum.fir{
    border-color: #FF6D00 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(2) p.topNum:before{
    border-top: calc(var(--width768)*7px) solid #FF6D00;
  }
  .mondmain1L2s:nth-child(3) p.topNum.fir{
    border-color: #FFA930 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(3) p.topNum:before{
    border-top: calc(var(--width768)*7px) solid #FFA930;
  }

  .gohome .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*30px);
    height: calc(var(--width768)*30px);
}
.gohome .icon{
    width: calc(var(--width768)*30px);
    height: calc(var(--width768)*30px);
}
.gohome{
    /* display: none; */
    position: fixed;
    right: calc(var(--width768)*8px);
    bottom: calc(var(--width768)*60px);
    width: calc(var(--width768)*30px);
    height: calc(var(--width768)*30px);
    z-index: 999;
}
.main404{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 600px;
    gap: calc(var(--width768)*10px);
}
.main404 img{
    width: 90%;
}
.main404 span{
    font-size: calc(var(--width768)*18px);
    color: #666;
}
.main404 a{
    font-size: calc(var(--width768)*18px);
    padding: calc(var(--width768)*6px) calc(var(--width768)*10px);
    background-color: #3861FB;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #3861FB;
}
.main404 a:hover{
    border: 1px solid #3861FB;
    background-color: #ffffff;
    color: #3861FB;
}
/* booking */
.booking_hide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width768)*10px);
}
.booking_hide > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
    position: absolute;
    top: 150px;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
}
.booking_hide > div h2{
    background: #3861FB;
    font-size: calc(var(--width768)*18px);
    color: #ffffff;
    line-height: calc(var(--width768)*24px);
    padding: calc(var(--width768)*10px) calc(var(--width768)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_hide_input{
    width: 100%;
    padding: calc(var(--width768)*10px) calc(var(--width768)*20px);

    border-bottom: 1px solid #F1F1F1;
}
.booking_hide_input input{
    width: 100%;
    height: calc(var(--width768)*40px);
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    padding: 0 calc(var(--width768)*10px);
}
.booking_hide_bottom{
    width: 100%;
    padding: calc(var(--width768)*10px) calc(var(--width768)*20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: calc(var(--width768)*10px);
}
.booking_hide_bottom a{
    width: 100%;
    height: calc(var(--width768)*40px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width768)*16px);
    color: #ffffff;
    line-height: calc(var(--width768)*40px);
    text-align: center;
}
.booking_hide_bottom a:last-child,
.booking_hide_bottom a:hover{
    background-color: #ffffff;
    color: #3861FB;
    border: 1px solid #3861FB;
}
.booking_active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width768)*10px);
}
.booking_active > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
   
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.booking_active > div h2{
    width: 100%;
    text-align: center;
    background: #3861FB;
    font-size: calc(var(--width768)*18px);
    color: #ffffff;
    line-height: calc(var(--width768)*24px);
    padding: calc(var(--width768)*10px) calc(var(--width768)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_active > div p{
    text-align: center;
    font-size: calc(var(--width768)*14px);
    color: #666;
    line-height: calc(var(--width768)*20px);
    padding: calc(var(--width768)*10px) calc(var(--width768)*20px);
}
.booking_active > div button{
    padding: calc(var(--width768)*6px) calc(var(--width768)*20px);
    font-size: calc(var(--width768)*14px);
    background-color: #3861FB;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin-bottom: calc(var(--width768)*10px);
}
/* 123 */
.downmain1_bottom .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width768)*20px);
    height: calc(var(--width768)*20px);
}
.downmain1_bottom .icon_f .icon{
    width: calc(var(--width768)*20px);
    height: calc(var(--width768)*20px);
}
.downmain1_safe{
    display: flex;
    flex-direction: column;
    gap: calc(var(--width768)*5px);
}
.downmain1_safe > a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width768)*5px);
}
.downmain1_safe > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width768)*5px);
}
.downmain1_safe > div > span{
    color: #969799;
    font-size: calc(var(--width768)*12px);
}
.downmain1_btn{
    background: #F1F1F1 !important;
    color: #646566 !important;
}
.downmain2 ul,
.downmain2 ol{
    font-size: calc(var(--width768)*14px);
    line-height: calc(var(--width768)*20px);
    color: #000000;
    margin: calc(var(--width768)*20px) auto;
    padding-left: calc(var(--width768)*20px);
}
.downmain2 ul li,
.downmain2 ol li{
    font-size: calc(var(--width768)*16px);
    line-height: calc(var(--width768)*32px);
    color: #000000;
    margin: calc(var(--width768)*10px) auto;
    padding-left: calc(var(--width768)*10px);
}
.downmain2 ul li{
    list-style: initial;
}
.downmain2 ol li{
    list-style: decimal;
}
.downmain2 h2{
    line-height: calc(var(--width768)*30px); background: #f3f5ff; color: #143dfe; padding: calc(var(--width768)*5px) calc(var(--width768)*12px); font-size: 20px; font-weight: bold; text-indent: 0px; margin: calc(var(--width768)*12px) 0;
}
.downmain2 h3{
    line-height:  calc(var(--width768)*30px); background: #f3fdff; color: #00b39e; padding:  calc(var(--width768)*5px) calc(var(--width768)*12px); font-size: calc(var(--width768)*18px); font-weight: bold; text-indent: 0px; margin: calc(var(--width768)*12px) 0;
}
.downmain2 h4{
    line-height:  calc(var(--width768)*30px); background: #fafafa; color: #464646; padding: calc(var(--width768)*5px) calc(var(--width768)*12px); font-size: calc(var(--width768)*16px); font-weight: bold;    text-indent: 0px; margin: calc(var(--width768)*12px) 0;
}
.downmain2 h1,
.downmain2 h2,
.downmain2 h3,
.downmain2 h4,
.downmain2 h5{
    margin:  calc(var(--width768)*10px) auto;
}


}
@media screen and (max-width:561px){
    header{
        width: 100%;
        
    }
    body{
        background-color: #FCFCFC;
    }
    .header{
        width: 100%;
        height: calc(var(--width560)*42px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid #F0F2F5;
        padding: 0 calc(var(--width560)*16px);
        gap: 50px;
    }
    .header_logo{
        width: auto;
        aspect-ratio: 102/29;
        /* width: calc(var(--width560)*28px); */
        height: calc(var(--width560)*29px);
    }
    .header_logo a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .header_logo a img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .header_menu{
        width: calc(var(--width560)*26px);
        height: calc(var(--width560)*26px);
        background-color: transparent;
        border: none;
    }
    .header_search{
        width: calc(100% - calc(var(--width560)*28px) - 100px - calc(var(--width560)*26px));
        height: calc(var(--width560)*28px);
        background-color: #EFF2F5;
        border-radius: calc(var(--width560)*14px);
        padding:  0 calc(var(--width560)*14px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_search input{
        width: calc(100% - calc(var(--width560)*15px));
        background-color: transparent;
        border: none;
        height: 100%;
    }
    .header_search input::placeholder{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
    .header_search input:focus{
        border: none;
        outline: none;
    }
    .header_search button{
        background-color: transparent;
        border: none;
        width: calc(var(--width560)*14px);
        height: calc(var(--width560)*14px);
    }
    .header_search button .icon{
        display: block;
        width: calc(var(--width560)*14px);
        height: calc(var(--width560)*14px);
    }
    .header_menu .icon{
        width: calc(var(--width560)*26px);
        height: calc(var(--width560)*26px);
    }
    main{
        width: 100%;
    
        background-color: #FCFCFC;
    }
    .header_hide{
        display: none;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffffff;
        overflow-y: auto;
    }
    .header_hide.active{
        display: block;
        z-index: 999;
    }
    .header_hide .header{
        height: calc(var(--width560)*42px);
    }
    .header_hide_tops{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .header_hide_tops .icon_f{
        width: calc(var(--width560)*32px);
        height: calc(var(--width560)*32px);
        border-radius: 8px;
        background: #F5B97F;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_hide_tops .icon_f .icon{
        width: calc(var(--width560)*18px);
        height: calc(var(--width560)*18px);
    }
    .header_hide_tops > span{
        font-size: calc(var(--width560)*14px);
        color: #808A9D;
        line-height: calc(var(--width560)*18px);
    }
    .header_hide_top{
        width: 100%;
        padding: calc(var(--width560)*40px) calc(var(--width560)*40px) calc(var(--width560)*20px) calc(var(--width560)*40px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_hide_tops:nth-child(2) .icon_f{
        background-color: #FF775F;
    }
    .header_hide_tops:nth-child(3) .icon_f{
        background-color: #16C784;
    }
    .header_hide_tops:nth-child(4) .icon_f{
        background-color: #8A3FFC;
    }
    .header_hide_tops:nth-child(5) .icon_f{
        background-color: #2544D4;
    }
    .header_hide_bottom{
        width: 100%;
        padding: 0 calc(var(--width560)*17px);
    }
    .header_hide_bottom hr{
        border: none;
        background-color: #EFF2F5;
        height: 1px;  
    }
    .header_hide_bottoms{
        width: 100%;
    
        border-bottom: 1px solid #EFF2F5;
    }
    .header_hide_bottoms_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
    }
    .header_hide_bottoms_topL{
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .header_hide_bottoms_topL > .icon_f{
        display: block;
        width: calc(var(--width560)*18px);
        height: calc(var(--width560)*18px);
    }
    .header_hide_bottoms_topL > .icon_f .icon{
        width: calc(var(--width560)*18px);
        height: calc(var(--width560)*18px);
    }
    .header_hide_bottoms_topL > span{
        font-size: calc(var(--width560)*18px);
        color: #333333;
        line-height: calc(var(--width560)*25px);
    }
    .header_hide_bottoms_topR .icon_f{
        display: block;
        width: calc(var(--width560)*18px);
        height: calc(var(--width560)*18px);
    }
    
    .header_hide_bottoms_topR .icon_f .icon{
        width: calc(var(--width560)*18px);
        height: calc(var(--width560)*18px);
    }
    .header_hide_bottoms_M{
        display: none;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width560)*20px);
        padding-bottom: calc(var(--width560)*16px);
    }
    .header_hide_bottoms_M a{
        height: calc(var(--width560)*28px);
        border-radius: calc(var(--width560)*14px);
        background: #EFF2F5;
        font-size: calc(var(--width560)*14px);
        color: #616E85;
        line-height: calc(var(--width560)*20px);
        width: calc(var(--width560)*77px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: calc(var(--width560)*28px);
        padding: 0 calc(var(--width560)*10px);
        text-align: center;
    }
    /* 初始只显示展开图标，收起图标和内容都隐藏 */
    
    /* 展开时，显示内容和收起图标，隐藏展开图标 */
    .header_hide_bottoms.open .header_hide_bottoms_M { display: grid; }
    .header_hide_bottoms.open .icon_f .icon-expand { display: none; }
    .header_hide_bottoms.open .icon_f .icon-collapse { display: inline; }
    
    .header_hide_bottoms_topR .icon_f .icon-collapse { display: none; }
    .header_hide_bottoms_topR .icon_f .icon-expand { display: inline; }
    .header_hide_bottoms_topR .header_hide_bottoms_M { display: none; }
    
    .indexmian_m_Carousel .index-swiper {
    width: 100%;
    height: calc(var(--width560)*180px);
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    }
    .indexmian_m_Carousel .index-swiper .swiper-slide {
    text-align: center;
    position: relative;
    }
    .indexmian_m_Carousel .index-swiper img {
    width: 100%;
    height: 100%;
    display: block;
    }
    .indexmian_m_Carousel .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 8px calc(var(--width560)*12px);
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*14px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m_Carousel .swiper-button-prev:after,
    .indexmian_m_Carousel .swiper-button-next:after{
    font-size: calc(var(--width560)*18px);
    }
    
    .header_nav{
    width: 100%;
    padding:  calc(var(--width560)*20px) 0 calc(var(--width560)*20px) calc(var(--width560)*16px);
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    background-color: #FCFCFC;
    }
    .header_nav::-webkit-scrollbar {
    display: none; 
    }
    .header_nav a{
    flex: 0 0 auto;
    font-size: calc(var(--width560)*18px);
    color: #3C3C3C;
    line-height: calc(var(--width560)*25px);
    }
    .header_nav a.active{
    color: #3861FB;
    }
    .indexmian_m{
    width: 100%;
    padding:  0 calc(var(--width560)*16px);
    }
    .indexmian_m1{
    width: 100%;
    margin-top: calc(var(--width560)*20px);
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .indexmian_m1::-webkit-scrollbar {
    display: none; 
    }
    .indexmian_m1 > a{
    display: block;
    width: calc(var(--width560)*180px);
    height: calc(var(--width560)*136px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    }
    .indexmian_m1 > a > img{
    width: 100%;
    height: 100%;
    }
    .indexmian_m1 > a > div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 6px calc(var(--width560)*10px);
    
    }
    .indexmian_m1 > a > div > span{
    font-size: calc(var(--width560)*12px);
    line-height: calc(var(--width560)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m1 > a > div > div{
    font-size: calc(var(--width560)*12px);
    color: #E2E2E2;
    line-height: calc(var(--width560)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m1 > a > div > div > span{
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmian_m1_point{
    display: block;
    width: 2px !important;
    height: 2px;
    background-color: #E2E2E2;
    border-radius: 50%;
    }
    .indexmian_m2{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m2 > h2{
    font-size: calc(var(--width560)*18px);
    color: #000000;
    line-height: calc(var(--width560)*20px);
    }
    .indexmian_m2m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m2ms{
    width: 100%;
    height: calc(var(--width560)*88px);
    padding: calc(var(--width560)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*10px);
    margin-top: calc(var(--width560)*15px);
    }
    .indexmian_m2ms_img{
    display: block;
    width: calc(var(--width560)*124px);
    height: calc(var(--width560)*68px);
    }
    .indexmian_m2ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px;
    }
    .indexmian_m2ms_info{
    width: calc(100% - var(--width560) * 134px);
    height: calc(var(--width560)*68px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .indexmian_m2ms_info > a > h3{
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    }
    .indexmian_m2ms_info > div{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1{
    /* padding: calc(var(--width560)*10px); */
    padding-bottom: calc(var(--width560)*20px);
    margin-top: calc(var(--width560)*20px);
    }
    .indexmain2R1 h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*24px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: calc(var(--width560)*10px);
    
    }
    .indexmain2R1M{
    width: 100%;
    margin-top: calc(var(--width560)*10px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*12px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width560)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width560)*10px);
    }
    .indexmain2R1Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    .indexmain2R1Ms_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    }
    .indexmain2R1Ms_top:hover{
    background-color: #F8FAFD;
    }
    .indexmain2R1Ms_top .icon-f{
    display: block;
    width: calc(var(--width560)*18px);
    height: calc(var(--width560)*18px);
    }
    .indexmain2R1Ms_top .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_top > a{
    width: calc(100% - calc(var(--width560)*25px));
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width560)*16px);
    color: #1C1C1C;
    line-height: calc(var(--width560)*22px);
    }
    .indexmain2R1Ms_bottom{
    width: 100%;
    display: flex;
    padding-left: calc(var(--width560)*25px);
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1Ms_bottom .icon-f{
        display: flex;
        justify-content: center;
        align-items: center;
    width: calc(var(--width560)*14px);
    height: calc(var(--width560)*14px);
    }
    .indexmain2R1Ms_bottom .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_bottom span{
    color: #6D6D6D;
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*20px);
    }
    .indexmain2R1Ms_top_ranking.topranking1{
        background-color: #ffb54a;
    }
    .indexmain2R1Ms_top_ranking.topranking2{
        background-color: #cacfda;
    }
    .indexmain2R1Ms_top_ranking.topranking3{
        background-color: #ff9449;
    }
    .indexmain2R1Ms_top_ranking{
    width: calc(var(--width560)*20px);
    height: calc(var(--width560)*20px);
    background-color: #84A8C2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
    }
    .indexmain2R2{
    width: 100%;
    
    
    }
    .indexmain2R2 h2{
    font-size: calc(var(--width560)*18px);
    color: #000000;
    line-height: calc(var(--width560)*24px);
    }
    .indexmain2R2M{
    width: 100%;
    margin-top: calc(var(--width560)*20px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width560)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width560)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width560)*10px);
    }
    .indexmain2R2Ms{
    font-size: calc(var(--width560)*14px);
    color: #616E85;
    line-height: calc(var(--width560)*20px);
    padding: 8px calc(var(--width560)*16px);
    border-radius: calc(var(--width560)*21px);
    background: #EFF2F5;
    }
    .indexmain2R2Ms:hover{
    color: #333333;
    }
    .indexmian_m3{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m3 > h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*20px);
    }
    .indexmian_m3m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m3ms{
    width: 100%;
    margin-top: calc(var(--width560)*15px);
    
    }
    .indexmian_m3ms_img{
    display: block;
    width: 100%;
    height: calc(var(--width560)*160px);
    }
    .indexmian_m3ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    }
    .indexmian_m3ms_info{
    width: 100%;
    padding: calc(var(--width560)*10px);
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    }
    .indexmian_m3ms_name{
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*22px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m3ms_time{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*17px);
    margin-top: 5px;
    }
    .indexmian_m4{
    width: 100%;
    margin-top: 30px;
    }
    .indexmian_m4 > h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*20px);
    }
    .indexmian_m4m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m4ms{
    width: 100%;
    height: calc(var(--width560)*82px);
    padding: calc(var(--width560)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex
    ;
    align-items: center;
    gap: calc(var(--width560)*10px);
    margin-top: calc(var(--width560)*15px);
    }
    .indexmian_m4ms_img{
    display: block;
    width: calc(var(--width560)*62px);
    height: calc(var(--width560)*62px);
    }
    .indexmian_m4ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    }
    .indexmian_m4ms_info{
    width: calc(100% - var(--width560)*72px);
    height: calc(var(--width560)*62px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    }
    .indexmian_m4ms_name h3{
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m4ms_infos{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex
    ;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m4ms_infos .indexmian_m1_point{
    background-color: #707070;
    }
    
    .indexmain4s{
    width: 100%;
    margin-top: calc(var(--width560)*15px);
    border-radius: 8px;
    box-shadow: 0px 0px calc(var(--width560)*15px) 0px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 8px;
    }
    .indexmain4s:hover{
    box-shadow: 1px 1px 4px 0px #CDCDCD, -1px -1px 4px 0px rgba(88,102,126,0);
    }
    .indexmain4s_img{
    display: block;
    width: 100%;
    height: calc(var(--width560)*198px);
    
    }
    .indexmain4s_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    }
    .indexmain4s_column{
    width: 100%;
    padding: calc(var(--width560)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .indexmain4s_columnL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_columnL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*18px);
    height: calc(var(--width560)*18px);
    }
    .indexmain4s_columnL .icon{
    width: calc(var(--width560)*18px);
    height: calc(var(--width560)*18px);
    }
    .indexmain4s_columnL span{
    font-size: calc(var(--width560)*12px);
    color: #3861FB;
    line-height: calc(var(--width560)*17px);
    }
    .indexmain4s_columnR{
    font-size: calc(var(--width560)*12px);
    color: #999999;
    line-height: calc(var(--width560)*17px);
    }
    .indexmain4s_more{
        display: block;
        margin: calc(var(--width560)*20px) auto;
        width: 100%;
        height: calc(var(--width560)*38px);
        font-size: calc(var(--width560)*16px);
        line-height: calc(var(--width560)*38px);
        text-align: center;
        background-color: #3861FB;
        color: #ffffff;
        border-radius: 6px;
    }
    .indexmain4s_name{
    margin-top: 10px;
    padding: 0 calc(var(--width560)*10px);
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
    font-weight: 600;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmain4s p{
    font-size: calc(var(--width560)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width560)*18px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width560)*10px);
    margin-top: calc(var(--width560)*10px);
    height: auto;
    }
    .indexmain4s_info{
    width: 100%;
    padding: 0 calc(var(--width560)*10px);
    margin-top: calc(var(--width560)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(var(--width560)*10px);
    }
    .indexmain4s_infoL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_infoL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*14px);
    height: calc(var(--width560)*14px);
    }
    .indexmain4s_infoL .icon{
    width: calc(var(--width560)*14px);
    height: calc(var(--width560)*14px);
    }
    .indexmain4s_infoL span{
    color: #6D6D6D;
    font-size: calc(var(--width560)*12px);
    line-height: calc(var(--width560)*17px);
    }
    .indexmain4s_infoR{
    font-size: calc(var(--width560)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width560)*17px);
    }
    footer{
    width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    padding: calc(var(--width560)*33px);
    margin-top: 30px;
    
    }
    .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    .footer span{
    font-size: calc(var(--width560)*14px);
    color: #333333;
    line-height: calc(var(--width560)*20px);
    text-align: center;
    }
    .totop .icon-f{
    display: block;
    width: calc(var(--width560)*24px);
    height: calc(var(--width560)*24px);
    }
    .totop .icon{
    width: calc(var(--width560)*24px);
    height: calc(var(--width560)*24px);
    }
    .totop{
    /* display: none; */
    position: fixed;
    right: calc(var(--width560)*10px);
    bottom: calc(var(--width560)*100px);
    width: calc(var(--width560)*24px);
    height: calc(var(--width560)*24px);
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
    }
    
    .totop.show {
    opacity: 1;
    pointer-events: auto;
    }
    
    .totop .iconhover{
    display: none;
    }
    
    .totop:hover .icon{
    display: none;
    }
    .totop:hover .iconhover{
    display: inline-block;
    }
    /* 222222 */
    .downlist{
        width: 100%;
     
      }
      .downlist1{
        padding:calc(var(--width560)*16px);
        background-color: #ffffff;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
      }
      .downlist1 > span{
        display: block;width: 100%;
        height: 1px;
        background-color: #F7F8FA;
        margin-top: calc(var(--width560)*16px);
        margin-bottom: calc(var(--width560)*16px);
      }
      .topnav{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 3px;
    
    }
    .topnav .icon_f{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width560)*12px);
        height: calc(var(--width560)*12px);
    }
    .topnav .icon{
        width: calc(var(--width560)*12px);
        height: calc(var(--width560)*12px);
    }
    .topnavs{
        font-size: calc(var(--width560)*12px);
        color: #6F7B8F;
        line-height: calc(var(--width560)*17px);
    }
    .topnavs:hover{
        text-decoration: underline;
    }
    .topnav span{
        font-size: calc(var(--width560)*12px);
        line-height: calc(var(--width560)*12px);
    }
    .downlist1M{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width560)*20px);
    }
    .downlist1M > a{
        padding: calc(var(--width560)*4px) calc(var(--width560)*10px);
        display: block;
        width: 100%;
        font-size: calc(var(--width560)*14px);
        color: #768296;
        line-height: calc(var(--width560)*20px);
        background: #EFF2F5;
        border-radius: calc(var(--width560)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .downlist1M > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2{
        width: 100%;
        padding: calc(var(--width560)*14px);
        margin-top: calc(var(--width560)*30px);
        padding-top: 0;
    }
    .downlist2_top{
        width: 100%;
        height: calc(var(--width560)*48px);
        display: flex;
        border-radius: calc(var(--width560)*4px);
        border: 1px solid #3861FB;
        overflow: hidden;
    }
    .downlist2_top > a{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: calc(var(--width560)*16px);
        color: #3861FB;
        line-height: calc(var(--width560)*22px);
        background-color: #FCFCFC;
    }
    .downlist2_top > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2_bottom{
        margin-top: calc(var(--width560)*20px);
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: calc(var(--width560)*15px);
    }
    .downlist2s{
        width: 100%;
        padding: calc(var(--width560)*10px);
        display: flex;
        align-items: center;
        gap: calc(var(--width560)*10px);
        background: #FFFFFF;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
        border-radius: calc(var(--width560)*4px);
    }
    .downlist2s_img{
        display: block;
        width: calc(var(--width560)*62px);
        height: calc(var(--width560)*62px);
        flex: 0 0 auto;
    }
    .downlist2s_img img{
        width: 100%;
        height: 100%;
        border-radius: calc(var(--width560)*4px);
    
    }
    .downlist2s_info{
    
        width: calc(100% - calc(var(--width560)*138px));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(var(--width560)*62px);
    
    }
    .downlist2s_name{
        font-size: calc(var(--width560)*16px);
        color: #000000;
        line-height: calc(var(--width560)*20px);
        font-weight: 600;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_info > span{
        font-size: calc(var(--width560)*12px);
        color: #E2E2E2;
        line-height: calc(var(--width560)*12px);
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_btn{
        padding: calc(var(--width560)*4px) calc(var(--width560)*10px);
        display: block;
        width: calc(var(--width560)*56px);
        font-size: calc(var(--width560)*14px);
        color: #3861FB;
        line-height: calc(var(--width560)*20px);
        border: 1px solid #3861FB;
        border-radius: calc(var(--width560)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .page{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--width560)*5px);
        margin-top: calc(var(--width560)*20px);
        flex-wrap: wrap;
    }
    .lastpage,
    .nextpage{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width560)*17px);
        height: calc(var(--width560)*17px);
    }
    .lastpage .icon,
    .nextpage .icon{
        width: calc(var(--width560)*17px);
        height: calc(var(--width560)*17px);
    }
    .pages{
        font-size: calc(var(--width560)*14px);
        line-height: calc(var(--width560)*16px);
        padding:calc(var(--width560)*11px) calc(var(--width560)*13px);
        border-radius: calc(var(--width560)*4px);
    }
    .pages:hover{
        background-color: #F0F6FF;
    }
    .pages.active{
        background-color: #3861FB;
        color: #ffffff;
    }





    /* 3333333333 */
.downmain{
    width: 100%;
    padding: calc(var(--width560)*16px);
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
}
.downmain_line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EFF2F5;
    margin: calc(var(--width560)*16px) 0;
}
.downmain1{
    width: 100%;
    padding: calc(var(--width560)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
}
.downmain1_top{
    display: flex;
    gap: calc(var(--width560)*10px);
}
.downmain1_top > img{
    width: calc(var(--width560)*62px);
    height: calc(var(--width560)*62px);
    border-radius: 4px;
}
.downmain1_info{
    width: calc(100% - calc(var(--width560)*72px));
    height: calc(var(--width560)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.downmain1_info h2{
    font-size: calc(var(--width560)*16px);
    color: #000000;
    line-height: calc(var(--width560)*20px);
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_info > span{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*14px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_tags{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*10px);
    overflow: hidden;
    height: calc(var(--width560)*20px);
    flex-wrap: wrap;
}
.downmain1_tags span{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*14px);
    padding: calc(var(--width560)*3px) calc(var(--width560)*6px);
    background: #EBEBEB;
    border-radius: 4px;
}
.downmain1_bottom{
    padding: calc(var(--width560)*10px);
    margin-top: calc(var(--width560)*10px);
    width: 100%;


}
.downmain1_bottom > a{
    display: block;
    width: 100%;
    height: calc(var(--width560)*38px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width560)*16px);
    color: #FFFFFF;
    line-height: calc(var(--width560)*38px);
    text-align: center;
}
.downmain2{
    width: 100%;
    font-size: calc(var(--width560)*14px);
    color: #111825;
    line-height: calc(var(--width560)*22px);
}
.downmain2 p{
    margin: calc(var(--width560)*10px) 0;
    font-size: calc(var(--width560)*14px);
    color: #111825;
    line-height: calc(var(--width560)*22px);
}
.downmain2 img{
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: calc(var(--width560)*10px) auto;
    border-radius: 4px;
}
.downmain2 h2{
    font-weight: 600;
    font-size: calc(var(--width560)*14px);
    color: #000000;
    line-height: calc(var(--width560)*20px);
    margin: calc(var(--width560)*10px) auto;
}
.downmain2 ol li,
.downmain2 ul li{
    padding-left: calc(var(--width560)*20px);
    font-size: calc(var(--width560)*14px);
    color: rgb(66, 66, 66);
    line-height: calc(var(--width560)*20px);
    margin: calc(var(--width560)*10px) 0;
}
.downmain2 a{
    color: #3861FB;
}
.downmain3{
    width: 100%;

}
.downmain3 h2{
    font-size: calc(var(--width560)*18px);
    color: #111825;
    line-height: calc(var(--width560)*22px);
    font-weight: bold;
}
.downmain3M{
    width: 100%;
    margin-top: calc(var(--width560)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
    padding: calc(var(--width560)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*20px);
}
.downmain3Ms{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downmain3Ms span:first-child{
    font-size: calc(var(--width560)*14px);
    color: #7C7C7C;
    line-height: calc(var(--width560)*18px);
}
.downmain3Ms span:last-child{
    font-size: calc(var(--width560)*14px);
    color: #000000;
    line-height: calc(var(--width560)*18px);
}
.downmain4{
    width: 100%;
    margin-top: calc(var(--width560)*20px);
}
.downmain4 h2{
    font-size: calc(var(--width560)*18px);
    color: #111825;
    line-height: calc(var(--width560)*22px);
    font-weight: bold;
}
.downmain4M{
    width: 100%;
    margin-top: calc(var(--width560)*20px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    gap: calc(var(--width560)*20px);
}
.downmain4M a{
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    padding: calc(var(--width560)*10px);
    border-radius: 4px;

}
.downmain4M a img{
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 4px;
}
.downmain4M a span:first-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.downmain4M a span:last-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    height: calc(var(--width560)*28px);
    border-radius: 2px;
    border: 1px solid #3861FB;
    font-size: calc(var(--width560)*14px);
    color: #3861FB;
    line-height: calc(var(--width560)*28px);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain5{
    width: 100%;
    margin-top: calc(var(--width560)*30px);

}
.downmain5_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.downmain5_top h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*20px);
}
.downmain5_top > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*18px);
    height: calc(var(--width560)*18px);
}
.downmain5_top > a .icon{
    width: calc(var(--width560)*18px);
    height: calc(var(--width560)*18px);
}
.downmain5M{
    width: 100%;
    margin-top: calc(var(--width560)*20px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: calc(var(--width560)*20px);
}
.downmain5Ms{
    width: 100%;

}
.downmain5M_img{
    display: block;
    width: 100%;
    height: calc(var(--width560)*107px);


}
.downmain5M_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0px 0px;
}
.downmain5Ms_info{
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 0px 0px 2px 2px;
    padding: calc(var(--width560)*10px);
}
.downmain5M_name{
    width: 100%;
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*22px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.downmain5Ms_info span{
    display: block;
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*17px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: calc(var(--width560)*10px);
}
.downmain6{
    width: 100%;
    margin-top: calc(var(--width560)*30px);
}
.downmain6 h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*20px);
}


/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width560)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width560)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width560)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width560)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width560)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width560)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width560)*10px);
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
}
    
/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width560)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width560)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width560)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width560)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width560)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width560)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width560)*10px);
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
}
.ranking1{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: calc(var(--width560)*20px);
}
.ranking1 > a{
    width: 100%;
    height: calc(var(--width560)*28px);
    font-size: calc(var(--width560)*14px);
    color: #616E85;
    line-height: calc(var(--width560)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width560)*4px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width560)*10px);
    text-align: center;
}
.ranking1 > a.active{
    background-color: #3861FB;
    color: #ffffff;
}
.ranking2{
    width: 100%;
    padding: 0 calc(var(--width560)*16px);
    margin-top: calc(var(--width560)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*15px);
}
.ranking2s{
    width: 100%;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width560)*15px) 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width560)*4px);
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*10px);
    
}
.ranking2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*25px);
    height: calc(var(--width560)*25px);
    flex: 0 0 auto;
    font-size: calc(var(--width560)*16px);
    color: #666666;
    font-weight: bold;
}
.ranking2s .icon_f .icon{
    width: calc(var(--width560)*25px);
    height: calc(var(--width560)*25px);
}
.ranking2s_img{

    flex: 0 0 auto;
    display: block;
    width: calc(var(--width560)*62px);
    height: calc(var(--width560)*62px);
}
.ranking2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width560)*4px);
}
.ranking2s_info{
    width: calc(100% - calc(var(--width560)*173px));
    height: calc(var(--width560)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.ranking2s_name{
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_info span{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_btn{
    flex: 0 0 auto;
    width: calc(var(--width560)*56px);
    height: calc(var(--width560)*28px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width560)*14px);
    font-size: calc(var(--width560)*14px);
    color: #3861FB;
    line-height: calc(var(--width560)*28px);
    padding: 0 calc(var(--width560)*10px);
    text-align: center;
}

/* 555555555 */
.ArticleList1{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*10px);
}
.ArticleList1s{
    width: 100%;
    display: flex;
    gap: calc(var(--width560)*10px);
    padding-bottom: calc(var(--width560)*10px);
    border-bottom: 1px solid #F7F8FA;
}
.ArticleList1s_img{
    width: calc(var(--width560)*132px);
    height: calc(var(--width560)*72px);
}
.ArticleList1s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ArticleList1s_info{
    width: calc(100% - calc(var(--width560)*142px));
    display: flex;
    flex-direction: column;
    height: calc(var(--width560)*72px);
    justify-content: space-between;
}
.ArticleList1s_name h2{
    width: 100%;
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList1s_time{
    display: flex;
    justify-content: right;
}
.ArticleList1s_time span{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*12px);
}

/* 66666666 */
.ArticleList2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*15px);
}
.ArticleList2s{
    width: 100%;
    border-radius: calc(var(--width560)*8px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}
.ArticleList2s_img{
    display: block;
    width: 100%;
    height: calc(var(--width560)*198px);
}
.ArticleList2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width560)*4px);
}
.ArticleList2s_info{
    width: 100%;
    padding: calc(var(--width560)*10px);
}
.ArticleList2s_name h2{
    width: 100%;
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_info > p{
    font-size: calc(var(--width560)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width560)*18px);
    margin-top: calc(var(--width560)*10px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_tag{
    width: 100%;
    margin-top: calc(var(--width560)*10px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width560)*10px);
    overflow: hidden;
    height: calc(var(--width560)*28px);
}
.ArticleList2s_tag > a{
    font-size: calc(var(--width560)*12px);
    color: #616E85;
    line-height: calc(var(--width560)*28px);
    height: calc(var(--width560)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width560)*4px);
    padding: 0 calc(var(--width560)*5px);

}
.ArticleList2s_info > span{
    display: block;
    font-size: calc(var(--width560)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width560)*17px);
    margin-top: calc(var(--width560)*10px);
}




/* 77777777777 */
.Articlemain1{
    width: 100%;

}
.Articlemain1 > h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*24px);
}
.Articlemain1_info{
    width: 100%;
    margin-top: calc(var(--width560)*17px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Articlemain1_info > span{
    font-size: calc(var(--width560)*12px);
    line-height: calc(var(--width560)*17px);
}
.download_mainL1R{
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*20px);
}
.download_mainL1_times{
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*5px);
}
.download_mainL1_times .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*12px);
    height: calc(var(--width560)*12px);
}
.download_mainL1_times .icon{
    width: calc(var(--width560)*12px);
    height: calc(var(--width560)*12px);
}
.download_mainL1_times span{
    font-size: calc(var(--width560)*14px);
    color: #6D6D6D;
    line-height: calc(var(--width560)*20px);
}
.download_mainL1_download_sp{
    font-size: calc(var(--width560)*12px);
    color: #3861FB;
    line-height: calc(var(--width560)*14px);
    padding: calc(var(--width560)*3px) calc(var(--width560)*10px);
    background-color: #EFF2F5;
    border-radius: calc(var(--width560)*4px);
}
.download_mainL2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*10px);
    margin-top: calc(var(--width560)*10px);
}
.download_mainL2s{
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*10px);
}
.download_mainL2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*14px);
    height: calc(var(--width560)*14px);
}
.download_mainL2s .icon{
    width: calc(var(--width560)*14px);
    height: calc(var(--width560)*14px);
}
.download_mainL2s span{
    font-size: calc(var(--width560)*14px);
    color: #788296;
    line-height: calc(var(--width560)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4{
    width: 100%;
    background-color: #F7F9FB;
    border-radius: calc(var(--width560)*4px);
    padding: calc(var(--width560)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*10px);
}
.download_mainL4 > img{
    width: calc(var(--width560)*62px);
    height: calc(var(--width560)*62px);
}
.download_mainL4 > a{
    width: calc(var(--width560)*80px);
    flex: 0 0 auto;
    color: #3861FB;
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*20px);
    padding: calc(var(--width560)*4px) calc(var(--width560)*10px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width560)*4px);
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info{
    width: calc(100% - calc(var(--width560)*162px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width560)*62px);
}
.download_mainL4_info > a{
    font-size: calc(var(--width560)*16px);
    color: #000000;
    line-height: calc(var(--width560)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info > span{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL5{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--width560)*10px);
    margin-top: calc(var(--width560)*10px);
}
.download_mainL5 a{
    font-size: calc(var(--width560)*12px);
    color: #616E85;
    line-height: calc(var(--width560)*17px);
    padding: calc(var(--width560)*4px) calc(var(--width560)*10px);
    border: 1px solid #DEDEDE;
    border-radius: calc(var(--width560)*4px);
}
.Articlemain2{
    width: 100%;
    padding: calc(var(--width560)*11px) calc(var(--width560)*30px);
    background: #F8FAFD;
    border-radius: calc(var(--width560)*4px);
    font-size: calc(var(--width560)*14px);
    color: #0D1421;
    line-height: calc(var(--width560)*20px);
    margin-top: calc(var(--width560)*10px);
}
.Articlemain2 span{
    color: #3861FB;
    font-weight: 600;
}
.Articlemain3{
    width: 100%;
 

}
.Articlemain3 a{
    margin-top: calc(var(--width560)*10px);
    display: block;
    width: 100%;
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*20px);
    color: #333945;
    padding: calc(var(--width560)*11px) calc(var(--width560)*27px);
    border: 1px solid #efefef;
    box-shadow: 0px 0px 1px 1px #F8FAFD;
    border-radius: calc(var(--width560)*24px);
    background: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain3 a span{
    color: #3861FB;
}
.indexmian_m3ms{
    border-radius: calc(var(--width560)*4px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.indexmain4s{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.Articlemain4{
    width: 100%;
    margin-top: calc(var(--width560)*20px);
}
.Articlemain4 h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*20px);
}
.Articlemain4M{
    width: 100%;
    margin-top: calc(var(--width560)*5px);
}
.Articlemain4s{
    margin-top: calc(var(--width560)*15px);
    width: 100%;
    padding: calc(var(--width560)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: calc(var(--width560)*4px);
}
.Articlemain4_img{
    display: block;
    width: calc(var(--width560)*62px);
    height: calc(var(--width560)*62px);
}
.Articlemain4_img img{
    width: 100%;
    height: 100%;
}
.Articlemain4s_info{
    width: calc(100% - calc(var(--width560)*72px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width560)*62px);
}
.Articlemain4s_name{
    font-size: calc(var(--width560)*16px);
    color: #000000;
    line-height: calc(var(--width560)*20px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Articlemain4s_infos{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*5px);
}
.Articlemain4s_infos span{
    font-size: calc(var(--width560)*12px);
    color: #707070;
    line-height: calc(var(--width560)*12px);
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain4s_infos span.dot{
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #707070;
}

/* 888888888 */

.tagmain1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width560)*20px);
    height: calc(var(--width560)*76px);
    overflow: hidden;
    transition: height 0.3s ease;
}
.tagmain1.expanded {
    height: auto;
}
.tagmain1 a{
    font-size: calc(var(--width560)*14px);
    color: #616E85;
    line-height: calc(var(--width560)*20px);
    padding: calc(var(--width560)*4px) calc(var(--width560)*14px);
    background: #EFF2F5;
    border-radius: calc(var(--width560)*14px);
}
.tagmain1_more{
    width: 100%;
    margin-top: calc(var(--width560)*20px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width560)*6px);
    background: #EFF2F5;
    border: none;
    border-radius: calc(var(--width560)*4px);
    padding: calc(var(--width560)*8px);
    cursor: pointer;
}
.tagmain1_more span{
    font-size: calc(var(--width560)*16px);
    color: #3861FB;
    line-height: calc(var(--width560)*22px);
}
.tagmain1_more .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*18px);
    height: calc(var(--width560)*18px);
}
.tagmain1_more .icon_f .icon{
    width: calc(var(--width560)*18px);
    height: calc(var(--width560)*18px);
}
.tagmain1_more .icon_f .icon_sp{
    display: none;
}
.tagmain1_more.expanded .icon {
    display: none;
}
 
.tagmain1_more.expanded .icon_sp {
    display: block;
}
.tagmain2 .ranking2s_img{
    position: relative;
}
.tagmain2 .icon_f{
    position: absolute;
    top: calc(var(--width560)*-9px);
    right: calc(var(--width560)*-2px);
    width: calc(var(--width560)*30px);
    height: calc(var(--width560)*30px);
}
.tagmain2 .icon_f .icon{
    width: calc(var(--width560)*30px);
    height: calc(var(--width560)*30px);
}
.tagmain2 .ranking2s .ranking2s_img > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width560)*10px);
    color: #F54343;
    line-height: calc(var(--width560)*10px);
}
.tagmain2 .ranking2s .ranking2s_info{
    width: calc(100% - calc(var(--width560)*138px));
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_btn{
    color: #F42B2B;
    border-color: #F42B2B;
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_img > span{
    color: #F54343;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_btn{
    color: #F4912B;
    border-color: #F4912B;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_img > span{
    color: #D88D00;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_btn{
    color: #F45A2B;
    border-color: #F45A2B;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_img > span{
    color: #F56943;
}
/* 999999999999 */

.topicmain1{
    width: 100%;
}
.topicmain1 h2{
    font-size: calc(var(--width560)*18px);
    line-height: calc(var(--width560)*24px);
}
.topicmain1_time{
    width: 100%;
    margin-top: calc(var(--width560)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*5px);
}
.topicmain1_time .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*16px);
    height: calc(var(--width560)*16px);
}
.topicmain1_time .icon_f .icon{
    width: calc(var(--width560)*16px);
    height: calc(var(--width560)*16px);
}
.topicmain1_time span{
    font-size: calc(var(--width560)*14px);
    color: #788296;
    line-height: calc(var(--width560)*20px);
}
.topicmain2{
    width: 100%;
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*22px);
}
.topicmain2 > img{
    display: block;
    max-width: 100%;
    margin:  calc(var(--width560)*10px) auto;
    border-radius: 4px;
}
.topicmain2M{
    width: 100%;

    box-shadow: 0px 1px 1px 1px rgba(249,249,249,0.5);
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: calc(var(--width560)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width560)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .topicmain2M::-webkit-scrollbar {
    display: none; 
    }
.topicmain2Ms{
    display: block;
    position: relative;
    width: calc(var(--width560)*68px);
    height: calc(var(--width560)*68px);
    flex: 0 0 auto;

}
.topicmain2Ms .icon_f{
    position: absolute;
    top: calc(var(--width560)*-9px);
    right: calc(var(--width560)*-2px);
    width: calc(var(--width560)*30px);
    height: calc(var(--width560)*30px);
}
.topicmain2Ms .icon{
    width: calc(var(--width560)*30px);
    height: calc(var(--width560)*30px);
}
.topicmain2Ms img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.topicmain2Ms > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width560)*10px);
    color: #A6A6A6;
    line-height: calc(var(--width560)*10px);
}
.topicmain2Ms:nth-child(1) > span{
    color: #F54343;
}
.topicmain2Ms:nth-child(2) > span{
    color: #D88D00;
}
.topicmain2Ms:nth-child(3) > span{
    color: #F56943;
}


.mondmain1L2s{width:100%;box-sizing:border-box;overflow:hidden;margin-top:calc(var(--width560)*20px);position:relative}
.mondmain1L2s p.topNum{border-color:#CCCCCC transparent transparent transparent;width:calc(var(--width560)*50px);position:absolute;top:0px;left:0px;border-width:calc(var(--width560)*21px) 0 0 0;border-style:solid;border-color:#c5c5c5 transparent transparent transparent;z-index:99999}
.mondmain1L2s p.topNum:before{border-top:calc(var(--width560)*7px) solid #cccccc;content:"";position:absolute;top:0;left:0;height:0;width:0;border-left:calc(var(--width560)*25px) solid transparent;border-right:calc(var(--width560)*25px) solid transparent;}
.mondmain1L2s p.topNum em{width:calc(var(--width560)*50px);position:absolute;top:calc(var(--width560)*-26px);left:0;letter-spacing:0.6px;color:#fff;font-size:calc(var(--width560)*13px);font-weight:bold;line-height:calc(var(--width560)*30px);text-align:center}
.mondmain1L2s .title{position:relative;margin-left:calc(var(--width560)*24px);height:calc(var(--width560)*28px);line-height:calc(var(--width560)*28px);border-radius:3px;font-size:calc(var(--width560)*15px);color: #ffffff !important;;background:#3861FB;font-weight:bold;text-indent:calc(var(--width560)*40px)}
.mondmain1L2s .title a{
    color: #ffffff;
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*18px);
}
.mondmain1L2s .desc{line-height:calc(var(--width560)*22px);margin:calc(var(--width560)*15px) auto;font-size:14px;color:#666}
.mondmain1L2s .ItemPics{padding:calc(var(--width560)*10px);background:#f2f2f2;border-radius:6px;overflow:hidden;margin-bottom:calc(var(--width560)*20px)}
.mondmain1L2s .ItemPics .rkImg{width:100%;position:relative;overflow:hidden}
.mondmain1L2s .ItemPics .rkImg .swiper-slide{width:auto}
.mondmain1L2s .ItemPics .rkImg img{display:inline-block;border-radius:6px;height:calc(var(--width560)*285px)}
.mondmain1L2s .btn{display:block;margin:calc(var(--width560)*12px) auto 0;height:calc(var(--width560)*36px);border-radius:6px;text-align:center;line-height:calc(var(--width560)*36px);font-size:calc(var(--width560)*15px);color:#fff;width:calc(var(--width560)*200px);background:#3861FB}
.mondmain1L2s .btn:hover{opacity:0.88}
.mondmain1L2s .swiper {
    width: 100%;
    height: 100%;
  }

 .mondmain1L2s .swiper-slide {
    width: auto;
    text-align: center;
    font-size: calc(var(--width560)*18px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .mondmain1L2s .swiper-wrapper{
    align-items: center;
  }
 .mondmain1L2s .swiper-slide img {
    display: block;
    width: auto;
    height: calc(var(--width560)*285px);
    object-fit: cover;
    border-radius: 4px;
  }

  .mondmain1L2s .grade{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .mondmain1L2s .grade img{
    width: calc(var(--width560)*146px);
    height: calc(var(--width560)*146px);
  }


  .mondmain1L2s:nth-child(1) p.topNum.fir{
    border-color: #ff2841 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(1) p.topNum:before{
    border-top: calc(var(--width560)*7px) solid #ff2841;
  }
  .mondmain1L2s:nth-child(2) p.topNum.fir{
    border-color: #FF6D00 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(2) p.topNum:before{
    border-top: calc(var(--width560)*7px) solid #FF6D00;
  }
  .mondmain1L2s:nth-child(3) p.topNum.fir{
    border-color: #FFA930 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(3) p.topNum:before{
    border-top: calc(var(--width560)*7px) solid #FFA930;
  }
  .gohome .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*30px);
    height: calc(var(--width560)*30px);
}
.gohome .icon{
    width: calc(var(--width560)*30px);
    height: calc(var(--width560)*30px);
}
.gohome{
    /* display: none; */
    position: fixed;
    right: calc(var(--width560)*8px);
    bottom: calc(var(--width560)*60px);
    width: calc(var(--width560)*30px);
    height: calc(var(--width560)*30px);
    z-index: 999;
}
.main404{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 600px;
    gap: calc(var(--width560)*10px);
}
.main404 img{
    width: 90%;
}
.main404 span{
    font-size: calc(var(--width560)*18px);
    color: #666;
}
.main404 a{
    font-size: calc(var(--width560)*18px);
    padding: calc(var(--width560)*6px) calc(var(--width560)*10px);
    background-color: #3861FB;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #3861FB;
}
.main404 a:hover{
    border: 1px solid #3861FB;
    background-color: #ffffff;
    color: #3861FB;
}






/* booking */
.booking_hide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width560)*10px);
}
.booking_hide > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
    position: absolute;
    top: 150px;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
}
.booking_hide > div h2{
    background: #3861FB;
    font-size: calc(var(--width560)*18px);
    color: #ffffff;
    line-height: calc(var(--width560)*24px);
    padding: calc(var(--width560)*10px) calc(var(--width560)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_hide_input{
    width: 100%;
    padding: calc(var(--width560)*10px) calc(var(--width560)*20px);

    border-bottom: 1px solid #F1F1F1;
}
.booking_hide_input input{
    width: 100%;
    height: calc(var(--width560)*40px);
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    padding: 0 calc(var(--width560)*10px);
}
.booking_hide_bottom{
    width: 100%;
    padding: calc(var(--width560)*10px) calc(var(--width560)*20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: calc(var(--width560)*10px);
}
.booking_hide_bottom a{
    width: 100%;
    height: calc(var(--width560)*40px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width560)*16px);
    color: #ffffff;
    line-height: calc(var(--width560)*40px);
    text-align: center;
}
.booking_hide_bottom a:last-child,
.booking_hide_bottom a:hover{
    background-color: #ffffff;
    color: #3861FB;
    border: 1px solid #3861FB;
}
.booking_active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width560)*10px);
}
.booking_active > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
   
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.booking_active > div h2{
    width: 100%;
    text-align: center;
    background: #3861FB;
    font-size: calc(var(--width560)*18px);
    color: #ffffff;
    line-height: calc(var(--width560)*24px);
    padding: calc(var(--width560)*10px) calc(var(--width560)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_active > div p{
    text-align: center;
    font-size: calc(var(--width560)*14px);
    color: #666;
    line-height: calc(var(--width560)*20px);
    padding: calc(var(--width560)*10px) calc(var(--width560)*20px);
}
.booking_active > div button{
    padding: calc(var(--width560)*6px) calc(var(--width560)*20px);
    font-size: calc(var(--width560)*14px);
    background-color: #3861FB;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin-bottom: calc(var(--width560)*10px);
}

/* 123 */
.downmain1_bottom .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width560)*20px);
    height: calc(var(--width560)*20px);
}
.downmain1_bottom .icon_f .icon{
    width: calc(var(--width560)*20px);
    height: calc(var(--width560)*20px);
}
.downmain1_safe{
    display: flex;
    flex-direction: column;
    gap: calc(var(--width560)*5px);
}
.downmain1_safe > a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width560)*5px);
}
.downmain1_safe > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width560)*5px);
}
.downmain1_safe > div > span{
    color: #969799;
    font-size: calc(var(--width560)*12px);
}
.downmain1_btn{
    background: #F1F1F1 !important;
    color: #646566 !important;
}
.downmain2 ul,
.downmain2 ol{
    font-size: calc(var(--width560)*14px);
    line-height: calc(var(--width560)*20px);
    color: #000000;
    margin: calc(var(--width560)*20px) auto;
    padding-left: calc(var(--width560)*20px);
}
.downmain2 ul li,
.downmain2 ol li{
    font-size: calc(var(--width560)*16px);
    line-height: calc(var(--width560)*32px);
    color: #000000;
    margin: calc(var(--width560)*10px) auto;
    padding-left: calc(var(--width560)*10px);
}
.downmain2 ul li{
    list-style: initial;
}
.downmain2 ol li{
    list-style: decimal;
}
.downmain2 h2{
    line-height: calc(var(--width560)*30px); background: #f3f5ff; color: #143dfe; padding: calc(var(--width560)*5px) calc(var(--width560)*12px); font-size: 20px; font-weight: bold; text-indent: 0px; margin: calc(var(--width560)*12px) 0;
}
.downmain2 h3{
    line-height:  calc(var(--width560)*30px); background: #f3fdff; color: #00b39e; padding:  calc(var(--width560)*5px) calc(var(--width560)*12px); font-size: calc(var(--width560)*18px); font-weight: bold; text-indent: 0px; margin: calc(var(--width560)*12px) 0;
}
.downmain2 h4{
    line-height:  calc(var(--width560)*30px); background: #fafafa; color: #464646; padding: calc(var(--width560)*5px) calc(var(--width560)*12px); font-size: calc(var(--width560)*16px); font-weight: bold;    text-indent: 0px; margin: calc(var(--width560)*12px) 0;
}
.downmain2 h1,
.downmain2 h2,
.downmain2 h3,
.downmain2 h4,
.downmain2 h5{
    margin:  calc(var(--width560)*10px) auto;
}
}
@media screen and (max-width:431px) {
    header{
        width: 100%;
        
    }
    body{
        background-color: #FCFCFC;
    }
    .header{
        width: 100%;
        height: 42px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid #F0F2F5;
        padding: 0 16px;
        gap: 50px;
    }
    .header_logo{
        width: auto;
        aspect-ratio: 102/29;
        /* width: 28px; */
        height: 29px;
    }
    .header_logo a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .header_logo a img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .header_menu{
        width: 26px;
        height: 26px;
        background-color: transparent;
        border: none;
    }
    .header_search{
        width: calc(100% - 28px - 100px - 26px);
        height: 28px;
        background-color: #EFF2F5;
        border-radius: 14px;
        padding:  0 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_search input{
        width: calc(100% - 15px);
        background-color: transparent;
        border: none;
        height: 100%;
    }
    .header_search input::placeholder{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
    .header_search input:focus{
        border: none;
        outline: none;
    }
    .header_search button{
        background-color: transparent;
        border: none;
        width: 14px;
        height: 14px;
    }
    .header_search button .icon{
        display: block;
        width: 14px;
        height: 14px;
    }
    .header_menu .icon{
        width: 26px;
        height: 26px;
    }
    main{
        width: 100%;
  
        background-color: #FCFCFC;
    }
    .header_hide{
        display: none;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffffff;
        overflow-y: auto;
    }
    .header_hide.active{
        display: block;
        z-index: 999;
    }
    .header_hide .header{
        height: 42px;
    }
    .header_hide_tops{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .header_hide_tops .icon_f{
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: #F5B97F;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_hide_tops .icon_f .icon{
        width: 18px;
        height: 18px;
    }
    .header_hide_tops > span{
        font-size: 14px;
        color: #808A9D;
        line-height: 18px;
    }
    .header_hide_top{
        width: 100%;
        padding: 40px 40px 20px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_hide_tops:nth-child(2) .icon_f{
        background-color: #FF775F;
    }
    .header_hide_tops:nth-child(3) .icon_f{
        background-color: #16C784;
    }
    .header_hide_tops:nth-child(4) .icon_f{
        background-color: #8A3FFC;
    }
    .header_hide_tops:nth-child(5) .icon_f{
        background-color: #2544D4;
    }
    .header_hide_bottom{
        width: 100%;
        padding: 0 17px;
    }
    .header_hide_bottom hr{
        border: none;
        background-color: #EFF2F5;
        height: 1px;  
    }
    .header_hide_bottoms{
        width: 100%;
  
        border-bottom: 1px solid #EFF2F5;
    }
    .header_hide_bottoms_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
    }
    .header_hide_bottoms_topL{
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .header_hide_bottoms_topL > .icon_f{
        display: block;
        width: 18px;
        height: 18px;
    }
    .header_hide_bottoms_topL > .icon_f .icon{
        width: 18px;
        height: 18px;
    }
    .header_hide_bottoms_topL > span{
        font-size: 18px;
        color: #333333;
        line-height: 25px;
    }
    .header_hide_bottoms_topR .icon_f{
        display: block;
        width: 18px;
        height: 18px;
    }

    .header_hide_bottoms_topR .icon_f .icon{
        width: 18px;
        height: 18px;
    }
    .header_hide_bottoms_M{
        display: none;
        grid-template-columns: repeat(4,1fr);
        gap: 20px;
        padding-bottom: 16px;
    }
    .header_hide_bottoms_M a{
        height: 28px;
        border-radius: 14px;
        background: #EFF2F5;
        font-size: 14px;
        color: #616E85;
        line-height: 20px;
        width: 77px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 28px;
        padding: 0 10px;
        text-align: center;
    }
    /* 初始只显示展开图标，收起图标和内容都隐藏 */

/* 展开时，显示内容和收起图标，隐藏展开图标 */
.header_hide_bottoms.open .header_hide_bottoms_M { display: grid; }
.header_hide_bottoms.open .icon_f .icon-expand { display: none; }
.header_hide_bottoms.open .icon_f .icon-collapse { display: inline; }

.header_hide_bottoms_topR .icon_f .icon-collapse { display: none; }
.header_hide_bottoms_topR .icon_f .icon-expand { display: inline; }
.header_hide_bottoms_topR .header_hide_bottoms_M { display: none; }

.indexmian_m_Carousel .index-swiper {
    width: 100%;
    height: 180px;
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }
  .indexmian_m_Carousel .index-swiper .swiper-slide {
    text-align: center;
    position: relative;
  }
  .indexmian_m_Carousel .index-swiper img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .indexmian_m_Carousel .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
.indexmian_m_Carousel .swiper-button-prev:after,
.indexmian_m_Carousel .swiper-button-next:after{
    font-size: 18px;
}

.header_nav{
    width: 100%;
    padding:  20px 0 20px 16px;
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    background-color: #FCFCFC;
}
.header_nav::-webkit-scrollbar {
    display: none; 
}
.header_nav a{
    flex: 0 0 auto;
    font-size: 18px;
    color: #3C3C3C;
    line-height: 25px;
}
.header_nav a.active{
    color: #3861FB;
}
.indexmian_m{
    width: 100%;
    padding:  0 16px;
}
.indexmian_m1{
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}
.indexmian_m1::-webkit-scrollbar {
    display: none; 
}
.indexmian_m1 > a{
    display: block;
    width: 180px;
    height: 136px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
}
.indexmian_m1 > a > img{
    width: 100%;
    height: 100%;
}
.indexmian_m1 > a > div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 6px 10px;

}
.indexmian_m1 > a > div > span{
    font-size: 12px;
    line-height: 12px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexmian_m1 > a > div > div{
    font-size: 12px;
    color: #E2E2E2;
    line-height: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.indexmian_m1 > a > div > div > span{
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}
.indexmian_m1_point{
    display: block;
    width: 2px !important;
    height: 2px;
    background-color: #E2E2E2;
    border-radius: 50%;
}
.indexmian_m2{
    width: 100%;
    margin-top: 30px;

}
.indexmian_m2 > h2{
    font-size: 18px;
    color: #000000;
    line-height: 20px;
}
.indexmian_m2m{
    width: 100%;
    margin-top: 5px;
}
.indexmian_m2ms{
    width: 100%;
    height: 88px;
    padding: 10px;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.indexmian_m2ms_img{
    display: block;
    width: 124px;
    height: 68px;
}
.indexmian_m2ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px;
}
.indexmian_m2ms_info{
    width: calc(100% - 134px);
    height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.indexmian_m2ms_info > a > h3{
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.indexmian_m2ms_info > div{
    font-size: 12px;
    color: #707070;
    line-height: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.indexmain2R1{
    /* padding: 10px; */
    padding-bottom: 20px;
    margin-top: 20px;
}
.indexmain2R1 h2{
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px;

}
.indexmain2R1M{
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: 10px;
}
.indexmain2R1Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.indexmain2R1Ms_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
}
.indexmain2R1Ms_top:hover{
    background-color: #F8FAFD;
}
.indexmain2R1Ms_top .icon-f{
    display: block;
    width: 18px;
    height: 18px;
}
.indexmain2R1Ms_top .icon-f .icon{
    width: 100%;
    height: 100%;
}
.indexmain2R1Ms_top > a{
    width: calc(100% - 25px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #1C1C1C;
    line-height: 22px;
}
.indexmain2R1Ms_bottom{
    width: 100%;
    display: flex;
    padding-left: 25px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.indexmain2R1Ms_bottom .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
}
.indexmain2R1Ms_bottom .icon-f .icon{
    width: 100%;
    height: 100%;
}
.indexmain2R1Ms_bottom span{
    color: #6D6D6D;
    font-size: 14px;
    line-height: 20px;
}
.indexmain2R1Ms_top_ranking.topranking1{
    background-color: #ffb54a;
}
.indexmain2R1Ms_top_ranking.topranking2{
    background-color: #cacfda;
}
.indexmain2R1Ms_top_ranking.topranking3{
    background-color: #ff9449;
}
.indexmain2R1Ms_top_ranking{
    width: 20px;
    height: 20px;
    background-color: #84A8C2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
}
.indexmain2R2{
    width: 100%;


}
.indexmain2R2 h2{
    font-size: 18px;
    color: #000000;
    line-height: 24px;
}
.indexmain2R2M{
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: 10px;
}
.indexmain2R2Ms{
    font-size: 14px;
    color: #616E85;
    line-height: 20px;
    padding: 8px 16px;
    border-radius: 21px;
    background: #EFF2F5;
}
.indexmain2R2Ms:hover{
    color: #333333;
}
.indexmian_m3{
    width: 100%;
    margin-top: 30px;

}
.indexmian_m3 > h2{
    font-size: 18px;
    line-height: 20px;
}
.indexmian_m3m{
    width: 100%;
    margin-top: 5px;
}
.indexmian_m3ms{
    width: 100%;
    margin-top: 15px;

}
.indexmian_m3ms_img{
    display: block;
    width: 100%;
    height: 160px;
}
.indexmian_m3ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
}
.indexmian_m3ms_info{
    width: 100%;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
}
.indexmian_m3ms_name{
    font-size: 16px;
    line-height: 22px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexmian_m3ms_time{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #707070;
    line-height: 17px;
    margin-top: 5px;
}
.indexmian_m4{
    width: 100%;
    margin-top: 30px;
}
.indexmian_m4 > h2{
    font-size: 18px;
    line-height: 20px;
}
.indexmian_m4m{
    width: 100%;
    margin-top: 5px;
}
.indexmian_m4ms{
    width: 100%;
    height: 82px;
    padding: 10px;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex
;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.indexmian_m4ms_img{
    display: block;
    width: 62px;
    height: 62px;
}
.indexmian_m4ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.indexmian_m4ms_info{
    width: calc(100% - 72px);
    height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
.indexmian_m4ms_name h3{
    font-size: 16px;
    line-height: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexmian_m4ms_infos{
    font-size: 12px;
    color: #707070;
    line-height: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex
;
    align-items: center;
    gap: 5px;
}
.indexmian_m4ms_infos .indexmian_m1_point{
    background-color: #707070;
}

.indexmain4s{
    width: 100%;
    margin-top: 15px;
    border-radius: 8px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 8px;
}
.indexmain4s:hover{
    box-shadow: 1px 1px 4px 0px #CDCDCD, -1px -1px 4px 0px rgba(88,102,126,0);
}
.indexmain4s_img{
    display: block;
    width: 100%;
    height: 198px;

}
.indexmain4s_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
}
.indexmain4s_column{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexmain4s_columnL{
    display: flex;
    align-items: center;
    gap: 2px;
}
.indexmain4s_columnL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
}
.indexmain4s_columnL .icon{
    width: 18px;
    height: 18px;
}
.indexmain4s_columnL span{
    font-size: 12px;
    color: #3861FB;
    line-height: 17px;
}
.indexmain4s_columnR{
    font-size: 12px;
    color: #999999;
    line-height: 17px;
}
.indexmain4s_more{
    display: block;
    margin: 20px auto;
    width: 100%;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    background-color: #3861FB;
    color: #ffffff;
    border-radius: 6px;
}
.indexmain4s_name{
    margin-top: 10px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.indexmain4s p{
    font-size: 14px;
    color: #1C1C1C;
    line-height: 18px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    margin-top: 10px;
    height: auto;
}
.indexmain4s_info{
    width: 100%;
    padding: 0 10px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}
.indexmain4s_infoL{
    display: flex;
    align-items: center;
    gap: 2px;
}
.indexmain4s_infoL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
}
.indexmain4s_infoL .icon{
    width: 14px;
    height: 14px;
}
.indexmain4s_infoL span{
    color: #6D6D6D;
    font-size: 12px;
    line-height: 17px;
}
.indexmain4s_infoR{
    font-size: 12px;
    color: #6D6D6D;
    line-height: 17px;
}
footer{
    width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    padding: 33px;
    margin-top: 30px;

}
.footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.footer span{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: center;
}
.totop .icon-f{
    display: block;
    width: 24px;
    height: 24px;
}
.totop .icon{
    width: 24px;
    height: 24px;
}
.totop{
    /* display: none; */
    position: fixed;
    right: 10px;
    bottom: 100px;
    width: 24px;
    height: 24px;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
}

  .totop.show {
    opacity: 1;
    pointer-events: auto;
  }

  .totop .iconhover{
    display: none;
  }

  .totop:hover .icon{
    display: none;
  }
  .totop:hover .iconhover{
    display: inline-block;
  }

  /* 22222222222 */
  .downlist{
    width: 100%;
 
  }
  .downlist1{
    padding:16px;
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
  }
  .downlist1 > span{
    display: block;width: 100%;
    height: 1px;
    background-color: #F7F8FA;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .topnav{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 3px;

}
.topnav .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
}
.topnav .icon{
    width: 12px;
    height: 12px;
}
.topnavs{
    font-size: 12px;
    color: #6F7B8F;
    line-height: 17px;
}
.topnavs:hover{
    text-decoration: underline;
}
.topnav span{
    font-size: 12px;
    line-height: 17px;
}
.downlist1M{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.downlist1M > a{
    padding: 4px 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #768296;
    line-height: 20px;
    background: #EFF2F5;
    border-radius: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.downlist1M > a.active{
    color: #ffffff;
    background-color: #3861FB;
}
.downlist2{
    width: 100%;
    padding: 14px;
    margin-top: 30px;
    padding-top: 0;
}
.downlist2_top{
    width: 100%;
    height: 48px;
    display: flex;
    border-radius: 4px;
    border: 1px solid #3861FB;
    overflow: hidden;
}
.downlist2_top > a{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #3861FB;
    line-height: 22px;
    background-color: #FCFCFC;
}
.downlist2_top > a.active{
    color: #ffffff;
    background-color: #3861FB;
}
.downlist2_bottom{
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.downlist2s{
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
}
.downlist2s_img{
    display: block;
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
}
.downlist2s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;

}
.downlist2s_info{

    width: calc(100% - 138px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 62px;

}
.downlist2s_name{
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downlist2s_info > span{
    font-size: 12px;
    color: #E2E2E2;
    line-height: 12px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downlist2s_btn{
    padding: 4px 10px;
    display: block;
    width: 56px;
    font-size: 14px;
    color: #3861FB;
    line-height: 20px;
    border: 1px solid #3861FB;
    border-radius: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.page{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.lastpage,
.nextpage{
    display: block;
    width: 17px;
    height: 17px;
}
.lastpage .icon,
.nextpage .icon{
    width: 17px;
    height: 17px;
}
.pages{
    font-size: 14px;
    line-height: 16px;
    padding:11px 13px;
    border-radius: 4px;
}
.pages:hover{
    background-color: #F0F6FF;
}
.pages.active{
    background-color: #3861FB;
    color: #ffffff;
}
/* 333333333 */
.downmain{
    width: 100%;
    padding: 16px;
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
}
.downmain_line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EFF2F5;
    margin: 16px 0;
}
.downmain1{
    width: 100%;
    padding: 10px;
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
}
.downmain1_top{
    display: flex;
    gap: 10px;
}
.downmain1_top > img{
    width: 62px;
    height: 62px;
    border-radius: 4px;
}
.downmain1_info{
    width: calc(100% - 72px);
    height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.downmain1_info h2{
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_info > span{
    font-size: 12px;
    color: #707070;
    line-height: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_tags{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    height: 20px;
    flex-wrap: wrap;
}
.downmain1_tags span{
    font-size: 12px;
    color: #707070;
    line-height: 14px;
    padding: 3px 6px;
    background: #EBEBEB;
    border-radius: 4px;
}
.downmain1_bottom{
    padding: 10px;
    margin-top: 10px;
    width: 100%;

}
.downmain1_bottom > a{
    display: block;
    width: 100%;
    height: 38px;
    border-radius: 4px;
    background-color: #3861FB;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 38px;
    text-align: center;
}
.downmain2{
    width: 100%;
    font-size: 14px;
    color: #111825;
    line-height: 22px;
}
.downmain2 p{
    margin: 10px 0;
    font-size: 14px;
    color: #111825;
    line-height: 22px;
}
.downmain2 img{
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: 10px auto;
    border-radius: 4px;
}
.downmain2 h2{
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    margin: 10px auto;
}
.downmain2 ol li,
.downmain2 ul li{
    padding-left: 20px;
    font-size: 14px;
    color: rgb(66, 66, 66);
    line-height: 20px;
    margin: 10px 0;
}
.downmain2 a{
    color: #3861FB;
}

.downmain2 ul,
.downmain2 ol{
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 20px auto;
    padding-left: 20px;
}
.downmain2 ul li,
.downmain2 ol li{
    font-size: 16px;
    line-height: 32px;
    color: #000000;
    margin: 10px auto;
    padding-left: 10px;
}
.downmain2 ul li{
    list-style: initial;
}
.downmain2 ol li{
    list-style: decimal;
}
.downmain2 h2{
    line-height: 30px; background: #f3f5ff; color: #143dfe; padding: 5px 12px; font-size: 20px; font-weight: bold; text-indent: 0px; margin: 12px 0;
}
.downmain2 h3{
    line-height: 30px; background: #f3fdff; color: #00b39e; padding: 5px 12px; font-size: 18px; font-weight: bold; text-indent: 0px; margin: 12px 0;
}
.downmain2 h4{
    line-height: 30px; background: #fafafa; color: #464646; padding: 5px 12px; font-size: 16px; font-weight: bold;    text-indent: 0px; margin: 12px 0;
}
.downmain2 h1,
.downmain2 h2,
.downmain2 h3,
.downmain2 h4,
.downmain2 h5{
    margin: 10px auto;
}
.downmain3{
    width: 100%;

}
.downmain3 h2{
    font-size: 18px;
    color: #111825;
    line-height: 22px;
    font-weight: bold;
}
.downmain3M{
    width: 100%;
    margin-top: 10px;
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.downmain3Ms{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downmain3Ms span:first-child{
    font-size: 14px;
    color: #7C7C7C;
    line-height: 18px;
}
.downmain3Ms span:last-child{
    font-size: 14px;
    color: #000000;
    line-height: 18px;
}
.downmain4{
    width: 100%;
    margin-top: 20px;
}
.downmain4 h2{
    font-size: 18px;
    color: #111825;
    line-height: 22px;
    font-weight: bold;
}
.downmain4M{
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    gap: 20px;
}
.downmain4M a{
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    padding: 10px;
    border-radius: 4px;

}
.downmain4M a img{
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 4px;
}
.downmain4M a span:first-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.downmain4M a span:last-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    height: 28px;
    border-radius: 2px;
    border: 1px solid #3861FB;
    font-size: 14px;
    color: #3861FB;
    line-height: 28px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain5{
    width: 100%;
    margin-top: 30px;

}
.downmain5_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.downmain5_top h2{
    font-size: 18px;
    line-height: 20px;
}
.downmain5_top > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
}
.downmain5_top > a .icon{
    width: 18px;
    height: 18px;
}
.downmain5M{
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: 20px;
}
.downmain5Ms{
    width: 100%;

}
.downmain5M_img{
    display: block;
    width: 100%;
    height: 107px;


}
.downmain5M_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0px 0px;
}
.downmain5Ms_info{
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 0px 0px 2px 2px;
    padding: 10px;
}
.downmain5M_name{
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.downmain5Ms_info span{
    display: block;
    font-size: 12px;
    color: #707070;
    line-height: 17px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 10px;
}
.downmain6{
    width: 100%;
    margin-top: 30px;
}
.downmain6 h2{
    font-size: 18px;
    line-height: 20px;
}


/* 4444444 */
.topiclist{
    width: 100%;
    padding: 15px;
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: 198px;

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
}
.ranking1{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: 20px;
}
.ranking1 > a{
    width: 100%;
    height: 28px;
    font-size: 14px;
    color: #616E85;
    line-height: 28px;
    background: #EFF2F5;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
    text-align: center;
}
.ranking1 > a.active{
    background-color: #3861FB;
    color: #ffffff;
}
.ranking2{
    width: 100%;
    padding: 0 16px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ranking2s{
    width: 100%;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    
}
.ranking2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    flex: 0 0 auto;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}
.ranking2s .icon_f .icon{
    width: 25px;
    height: 25px;
}
.ranking2s_img{

    flex: 0 0 auto;
    display: block;
    width: 62px;
    height: 62px;
}
.ranking2s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ranking2s_info{
    width: calc(100% - 173px);
    height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.ranking2s_name{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_info span{
    font-size: 12px;
    color: #707070;
    line-height: 12px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_btn{
    flex: 0 0 auto;
    width: 56px;
    height: 28px;
    border: 1px solid #3861FB;
    border-radius: 14px;
    font-size: 14px;
    color: #3861FB;
    line-height: 28px;
    padding: 0 10px;
    text-align: center;
}


/* 555555555 */
.ArticleList1{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ArticleList1s{
    width: 100%;
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F7F8FA;
}
.ArticleList1s_img{
    width: 132px;
    height: 72px;
}
.ArticleList1s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ArticleList1s_info{
    width: calc(100% - 142px);
    display: flex;
    flex-direction: column;
    height: 72px;
    justify-content: space-between;
}
.ArticleList1s_name h2{
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList1s_time{
    display: flex;
    justify-content: right;
}
.ArticleList1s_time span{
    font-size: 12px;
    color: #707070;
    line-height: 12px;
}



/* 66666666 */
.ArticleList2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ArticleList2s{
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}
.ArticleList2s_img{
    display: block;
    width: 100%;
    height: 198px;
}
.ArticleList2s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ArticleList2s_info{
    width: 100%;
    padding: 10px;
}
.ArticleList2s_name h2{
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_info > p{
    font-size: 14px;
    color: #1C1C1C;
    line-height: 18px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_tag{
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow: hidden;
    height: 28px;
}
.ArticleList2s_tag > a{
    font-size: 12px;
    color: #616E85;
    line-height: 28px;
    height: 28px;
    background: #EFF2F5;
    border-radius: 4px;
    padding: 0 5px;

}
.ArticleList2s_info > span{
    display: block;
    font-size: 12px;
    color: #6D6D6D;
    line-height: 17px;
    margin-top: 10px;
}


/* 77777777777 */
.Articlemain1{
    width: 100%;

}
.Articlemain1 > h2{
    font-size: 18px;
    line-height: 24px;
}
.Articlemain1_info{
    width: 100%;
    margin-top: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Articlemain1_info > span{
    font-size: 12px;
    line-height: 17px;
}
.download_mainL1R{
    display: flex;
    align-items: center;
    gap: 20px;
}
.download_mainL1_times{
    display: flex;
    align-items: center;
    gap: 5px;
}
.download_mainL1_times .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
}
.download_mainL1_times .icon{
    width: 12px;
    height: 12px;
}
.download_mainL1_times span{
    font-size: 14px;
    color: #6D6D6D;
    line-height: 20px;
}
.download_mainL1_download_sp{
    font-size: 12px;
    color: #3861FB;
    line-height: 14px;
    padding: 3px 10px;
    background-color: #EFF2F5;
    border-radius: 4px;
}
.download_mainL2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}
.download_mainL2s{
    display: flex;
    align-items: center;
    gap: 10px;
}
.download_mainL2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
}
.download_mainL2s .icon{
    width: 14px;
    height: 14px;
}
.download_mainL2s span{
    font-size: 14px;
    color: #788296;
    line-height: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4{
    width: 100%;
    background-color: #F7F9FB;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.download_mainL4 > img{
    width: 62px;
    height: 62px;
}
.download_mainL4 > a{
    width: 80px;
    flex: 0 0 auto;
    color: #3861FB;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
    border: 1px solid #3861FB;
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info{
    width: calc(100% - 162px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 62px;
}
.download_mainL4_info > a{
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info > span{
    font-size: 12px;
    color: #707070;
    line-height: 12px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL5{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.download_mainL5 a{
    font-size: 12px;
    color: #616E85;
    line-height: 17px;
    padding: 4px 10px;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
}
.Articlemain2{
    width: 100%;
    padding: 11px 30px;
    background: #F8FAFD;
    border-radius: 4px;
    font-size: 14px;
    color: #0D1421;
    line-height: 20px;
    margin-top: 10px;
}
.Articlemain2 span{
    color: #3861FB;
    font-weight: 600;
}
.Articlemain3{
    width: 100%;
 

}
.Articlemain3 a{
    margin-top: 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333945;
    padding: 11px 27px;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 1px 1px #F8FAFD;
    border-radius: 24px;
    background: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain3 a span{
    color: #3861FB;
}
.indexmian_m3ms{
    border-radius: 4px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.indexmain4s{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.Articlemain4{
    width: 100%;
    margin-top: 20px;
}
.Articlemain4 h2{
    font-size: 18px;
    line-height: 20px;
}
.Articlemain4M{
    width: 100%;
    margin-top: 5px;
}
.Articlemain4s{
    margin-top: 15px;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.Articlemain4_img{
    display: block;
    width: 62px;
    height: 62px;
}
.Articlemain4_img img{
    width: 100%;
    height: 100%;
}
.Articlemain4s_info{
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 62px;
}
.Articlemain4s_name{
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Articlemain4s_infos{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.Articlemain4s_infos span{
    font-size: 12px;
    color: #707070;
    line-height: 12px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain4s_infos span.dot{
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #707070;
}





/* 888888888 */

.tagmain1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    height: 76px;
    overflow: hidden;
    transition: height 0.3s ease;
}
.tagmain1.expanded {
    height: auto;
}
.tagmain1 a{
    font-size: 14px;
    color: #616E85;
    line-height: 20px;
    padding: 4px 14px;
    background: #EFF2F5;
    border-radius: 14px;
}
.tagmain1_more{
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #EFF2F5;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
}
.tagmain1_more span{
    font-size: 16px;
    color: #3861FB;
    line-height: 22px;
}
.tagmain1_more .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
}
.tagmain1_more .icon_f .icon{
    width: 18px;
    height: 18px;
}
.tagmain1_more .icon_f .icon_sp{
    display: none;
}
.tagmain1_more.expanded .icon {
    display: none;
}
 
.tagmain1_more.expanded .icon_sp {
    display: block;
}
.tagmain2 .ranking2s_img{
    position: relative;
}
.tagmain2 .icon_f{
    position: absolute;
    top: -9px;
    right: -2px;
    width: 30px;
    height: 30px;
}
.tagmain2 .icon_f .icon{
    width: 30px;
    height: 30px;
}
.tagmain2 .ranking2s .ranking2s_img > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
    color: #F54343;
    line-height: 10px;
}
.tagmain2 .ranking2s .ranking2s_info{
    width: calc(100% - 138px);
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_btn{
    color: #F42B2B;
    border-color: #F42B2B;
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_img > span{
    color: #F54343;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_btn{
    color: #F4912B;
    border-color: #F4912B;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_img > span{
    color: #D88D00;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_btn{
    color: #F45A2B;
    border-color: #F45A2B;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_img > span{
    color: #F56943;
}


/* 999999999999 */

.topicmain1{
    width: 100%;
}
.topicmain1 h2{
    font-size: 18px;
    line-height: 24px;
}
.topicmain1_time{
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.topicmain1_time .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
}
.topicmain1_time .icon_f .icon{
    width: 16px;
    height: 16px;
}
.topicmain1_time span{
    font-size: 14px;
    color: #788296;
    line-height: 20px;
}
.topicmain2{
    width: 100%;
    font-size: 14px;
    line-height: 22px;
}
.topicmain2 > img{
    display: block;
    max-width: 100%;
    margin:  10px auto;
    border-radius: 4px;
}
.topicmain2M{
    width: 100%;

    box-shadow: 0px 1px 1px 1px rgba(249,249,249,0.5);
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .topicmain2M::-webkit-scrollbar {
    display: none; 
    }
.topicmain2Ms{
    display: block;
    position: relative;
    width: 68px;
    height: 68px;
    flex: 0 0 auto;

}
.topicmain2Ms .icon_f{
    position: absolute;
    top: -9px;
    right: -2px;
    width: 30px;
    height: 30px;
}
.topicmain2Ms .icon{
    width: 30px;
    height: 30px;
}
.topicmain2Ms img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.topicmain2Ms > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
    color: #A6A6A6;
    line-height: 10px;
}
.topicmain2Ms:nth-child(1) > span{
    color: #F54343;
}
.topicmain2Ms:nth-child(2) > span{
    color: #D88D00;
}
.topicmain2Ms:nth-child(3) > span{
    color: #F56943;
}


.mondmain1L2s{width:100%;box-sizing:border-box;overflow:hidden;margin-top:20px;position:relative}
.mondmain1L2s p.topNum{border-color:#CCCCCC transparent transparent transparent;width:50px;position:absolute;top:0px;left:0px;border-width:21px 0 0 0;border-style:solid;border-color:#c5c5c5 transparent transparent transparent;z-index:99999}
.mondmain1L2s p.topNum:before{border-top:7px solid #cccccc;content:"";position:absolute;top:0;left:0;height:0;width:0;border-left:25px solid transparent;border-right:25px solid transparent;}
.mondmain1L2s p.topNum em{width:50px;position:absolute;top:-26px;left:0;letter-spacing:0.6px;color:#fff;font-size:13px;font-weight:bold;line-height:30px;text-align:center}
.mondmain1L2s .title{position:relative;margin-left:24px;height:28px;line-height:28px;border-radius:3px;font-size:15px;color: #ffffff !important;;background:#3861FB;font-weight:bold;text-indent:40px}
.mondmain1L2s .title a{
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
}
.mondmain1L2s .desc{line-height:22px;margin:15px auto;font-size:14px;color:#666}
.mondmain1L2s .ItemPics{padding:10px;background:#f2f2f2;border-radius:6px;overflow:hidden;margin-bottom:20px}
.mondmain1L2s .ItemPics .rkImg{width:100%;position:relative;overflow:hidden}
.mondmain1L2s .ItemPics .rkImg .swiper-slide{width:auto}
.mondmain1L2s .ItemPics .rkImg img{display:inline-block;border-radius:6px;height:285px}
.mondmain1L2s .btn{display:block;margin:12px auto 0;height:36px;border-radius:6px;text-align:center;line-height:36px;font-size:15px;color:#fff;width:200px;background:#3861FB}
.mondmain1L2s .btn:hover{opacity:0.88}
.mondmain1L2s .swiper {
    width: 100%;
    height: 100%;
  }

 .mondmain1L2s .swiper-slide {
    width: auto;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .mondmain1L2s .swiper-wrapper{
    align-items: center;
  }
 .mondmain1L2s .swiper-slide img {
    display: block;
    width: auto;
    height: 286px;
    object-fit: cover;
    border-radius: 4px;
  }

  .mondmain1L2s .grade{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .mondmain1L2s .grade img{
    width: 146px;
    height: 146px;
  }


  .mondmain1L2s:nth-child(1) p.topNum.fir{
    border-color: #ff2841 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(1) p.topNum:before{
    border-top: 7px solid #ff2841;
  }
  .mondmain1L2s:nth-child(2) p.topNum.fir{
    border-color: #FF6D00 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(2) p.topNum:before{
    border-top: 7px solid #FF6D00;
  }
  .mondmain1L2s:nth-child(3) p.topNum.fir{
    border-color: #FFA930 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(3) p.topNum:before{
    border-top: 7px solid #FFA930;
  }


  .gohome .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}
.gohome .icon{
    width: 30px;
    height: 30px;
}
.gohome{
    /* display: none; */
    position: fixed;
    right: 8px;
    bottom: 60px;
    width: 30px;
    height: 30px;
    z-index: 999;
}

.main404{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 600px;
    gap: 10px;
}
.main404 img{
    width: 90%;
}
.main404 span{
    font-size: 18px;
    color: #666;
}
.main404 a{
    font-size: 18px;
    padding: 6px 10px;
    background-color: #3861FB;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #3861FB;
}
.main404 a:hover{
    border: 1px solid #3861FB;
    background-color: #ffffff;
    color: #3861FB;
}


/* booking */
.booking_hide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.booking_hide > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
    position: absolute;
    top: 150px;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
}
.booking_hide > div h2{
    background: #3861FB;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
}
.booking_hide_input{
    width: 100%;
    padding: 10px 20px;

    border-bottom: 1px solid #F1F1F1;
}
.booking_hide_input input{
    width: 100%;
    height: 40px;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    padding: 0 10px;
}
.booking_hide_bottom{
    width: 100%;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.booking_hide_bottom a{
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #3861FB;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}
.booking_hide_bottom a:last-child,
.booking_hide_bottom a:hover{
    background-color: #ffffff;
    color: #3861FB;
    border: 1px solid #3861FB;
}
.booking_active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.booking_active > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
   
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.booking_active > div h2{
    width: 100%;
    text-align: center;
    background: #3861FB;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
}
.booking_active > div p{
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 10px 20px;
}
.booking_active > div button{
    padding: 6px 20px;
    font-size: 14px;
    background-color: #3861FB;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin-bottom: 10px;
}



/* 123 */
.downmain1_bottom .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}
.downmain1_bottom .icon_f .icon{
    width: 20px;
    height: 20px;
}
.downmain1_safe{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.downmain1_safe > a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.downmain1_safe > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.downmain1_safe > div > span{
    color: #969799;
    font-size: 12px;
}
.downmain1_btn{
    background: #F1F1F1 !important;
    color: #646566 !important;
}


}
@media screen and (max-width:361px){
    header{
        width: 100%;
        
    }
    body{
        background-color: #FCFCFC;
    }
    .header{
        width: 100%;
        height: calc(var(--width360)*42px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid #F0F2F5;
        padding: 0 calc(var(--width360)*16px);
        gap: 50px;
    }
    .header_logo{
        width: auto;
        aspect-ratio: 102/29;
        /* width: calc(var(--width360)*28px); */
        height: calc(var(--width360)*29px);
    }
    .header_logo a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .header_logo a img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .header_menu{
        width: calc(var(--width360)*26px);
        height: calc(var(--width360)*26px);
        background-color: transparent;
        border: none;
    }
    .header_search{
        width: calc(100% - calc(var(--width360)*28px) - 100px - calc(var(--width360)*26px));
        height: calc(var(--width360)*28px);
        background-color: #EFF2F5;
        border-radius: calc(var(--width360)*14px);
        padding:  0 calc(var(--width360)*14px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_search input{
        width: calc(100% - calc(var(--width360)*15px));
        background-color: transparent;
        border: none;
        height: 100%;
    }
    .header_search input::placeholder{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
    .header_search input:focus{
        border: none;
        outline: none;
    }
    .header_search button{
        background-color: transparent;
        border: none;
        width: calc(var(--width360)*14px);
        height: calc(var(--width360)*14px);
    }
    .header_search button .icon{
        display: block;
        width: calc(var(--width360)*14px);
        height: calc(var(--width360)*14px);
    }
    .header_menu .icon{
        width: calc(var(--width360)*26px);
        height: calc(var(--width360)*26px);
    }
    main{
        width: 100%;
    
        background-color: #FCFCFC;
    }
    .header_hide{
        display: none;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffffff;
        overflow-y: auto;
    }
    .header_hide.active{
        display: block;
        z-index: 999;
    }
    .header_hide .header{
        height: calc(var(--width360)*42px);
    }
    .header_hide_tops{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .header_hide_tops .icon_f{
        width: calc(var(--width360)*32px);
        height: calc(var(--width360)*32px);
        border-radius: 8px;
        background: #F5B97F;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_hide_tops .icon_f .icon{
        width: calc(var(--width360)*18px);
        height: calc(var(--width360)*18px);
    }
    .header_hide_tops > span{
        font-size: calc(var(--width360)*14px);
        color: #808A9D;
        line-height: calc(var(--width360)*18px);
    }
    .header_hide_top{
        width: 100%;
        padding: calc(var(--width360)*40px) calc(var(--width360)*40px) calc(var(--width360)*20px) calc(var(--width360)*40px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_hide_tops:nth-child(2) .icon_f{
        background-color: #FF775F;
    }
    .header_hide_tops:nth-child(3) .icon_f{
        background-color: #16C784;
    }
    .header_hide_tops:nth-child(4) .icon_f{
        background-color: #8A3FFC;
    }
    .header_hide_tops:nth-child(5) .icon_f{
        background-color: #2544D4;
    }
    .header_hide_bottom{
        width: 100%;
        padding: 0 calc(var(--width360)*17px);
    }
    .header_hide_bottom hr{
        border: none;
        background-color: #EFF2F5;
        height: 1px;  
    }
    .header_hide_bottoms{
        width: 100%;
    
        border-bottom: 1px solid #EFF2F5;
    }
    .header_hide_bottoms_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
    }
    .header_hide_bottoms_topL{
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .header_hide_bottoms_topL > .icon_f{
        display: block;
        width: calc(var(--width360)*18px);
        height: calc(var(--width360)*18px);
    }
    .header_hide_bottoms_topL > .icon_f .icon{
        width: calc(var(--width360)*18px);
        height: calc(var(--width360)*18px);
    }
    .header_hide_bottoms_topL > span{
        font-size: calc(var(--width360)*18px);
        color: #333333;
        line-height: calc(var(--width360)*25px);
    }
    .header_hide_bottoms_topR .icon_f{
        display: block;
        width: calc(var(--width360)*18px);
        height: calc(var(--width360)*18px);
    }
    
    .header_hide_bottoms_topR .icon_f .icon{
        width: calc(var(--width360)*18px);
        height: calc(var(--width360)*18px);
    }
    .header_hide_bottoms_M{
        display: none;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width360)*20px);
        padding-bottom: calc(var(--width360)*16px);
    }
    .header_hide_bottoms_M a{
        height: calc(var(--width360)*28px);
        border-radius: calc(var(--width360)*14px);
        background: #EFF2F5;
        font-size: calc(var(--width360)*14px);
        color: #616E85;
        line-height: calc(var(--width360)*20px);
        width: calc(var(--width360)*77px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: calc(var(--width360)*28px);
        padding: 0 calc(var(--width360)*10px);
        text-align: center;
    }
    /* 初始只显示展开图标，收起图标和内容都隐藏 */
    
    /* 展开时，显示内容和收起图标，隐藏展开图标 */
    .header_hide_bottoms.open .header_hide_bottoms_M { display: grid; }
    .header_hide_bottoms.open .icon_f .icon-expand { display: none; }
    .header_hide_bottoms.open .icon_f .icon-collapse { display: inline; }
    
    .header_hide_bottoms_topR .icon_f .icon-collapse { display: none; }
    .header_hide_bottoms_topR .icon_f .icon-expand { display: inline; }
    .header_hide_bottoms_topR .header_hide_bottoms_M { display: none; }
    
    .indexmian_m_Carousel .index-swiper {
    width: 100%;
    height: calc(var(--width360)*180px);
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    }
    .indexmian_m_Carousel .index-swiper .swiper-slide {
    text-align: center;
    position: relative;
    }
    .indexmian_m_Carousel .index-swiper img {
    width: 100%;
    height: 100%;
    display: block;
    }
    .indexmian_m_Carousel .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 8px calc(var(--width360)*12px);
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*14px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m_Carousel .swiper-button-prev:after,
    .indexmian_m_Carousel .swiper-button-next:after{
    font-size: calc(var(--width360)*18px);
    }
    
    .header_nav{
    width: 100%;
    padding:  calc(var(--width360)*20px) 0 calc(var(--width360)*20px) calc(var(--width360)*16px);
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    background-color: #FCFCFC;
    }
    .header_nav::-webkit-scrollbar {
    display: none; 
    }
    .header_nav a{
    flex: 0 0 auto;
    font-size: calc(var(--width360)*18px);
    color: #3C3C3C;
    line-height: calc(var(--width360)*25px);
    }
    .header_nav a.active{
    color: #3861FB;
    }
    .indexmian_m{
    width: 100%;
    padding:  0 calc(var(--width360)*16px);
    }
    .indexmian_m1{
    width: 100%;
    margin-top: calc(var(--width360)*20px);
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .indexmian_m1::-webkit-scrollbar {
    display: none; 
    }
    .indexmian_m1 > a{
    display: block;
    width: calc(var(--width360)*180px);
    height: calc(var(--width360)*136px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    }
    .indexmian_m1 > a > img{
    width: 100%;
    height: 100%;
    }
    .indexmian_m1 > a > div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 6px calc(var(--width360)*10px);
    
    }
    .indexmian_m1 > a > div > span{
    font-size: calc(var(--width360)*12px);
    line-height: calc(var(--width360)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m1 > a > div > div{
    font-size: calc(var(--width360)*12px);
    color: #E2E2E2;
    line-height: calc(var(--width360)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m1 > a > div > div > span{
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmian_m1_point{
    display: block;
    width: 2px !important;
    height: 2px;
    background-color: #E2E2E2;
    border-radius: 50%;
    }
    .indexmian_m2{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m2 > h2{
    font-size: calc(var(--width360)*18px);
    color: #000000;
    line-height: calc(var(--width360)*20px);
    }
    .indexmian_m2m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m2ms{
    width: 100%;
    height: calc(var(--width360)*88px);
    padding: calc(var(--width360)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*10px);
    margin-top: calc(var(--width360)*15px);
    }
    .indexmian_m2ms_img{
    display: block;
    width: calc(var(--width360)*124px);
    height: calc(var(--width360)*68px);
    }
    .indexmian_m2ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px;
    }
    .indexmian_m2ms_info{
    width: calc(100% - var(--width360) * 134px);
    height: calc(var(--width360)*68px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .indexmian_m2ms_info > a > h3{
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    }
    .indexmian_m2ms_info > div{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1{
    /* padding: calc(var(--width360)*10px); */
    padding-bottom: calc(var(--width360)*20px);
    margin-top: calc(var(--width360)*20px);
    }
    .indexmain2R1 h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*24px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: calc(var(--width360)*10px);
    
    }
    .indexmain2R1M{
    width: 100%;
    margin-top: calc(var(--width360)*10px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*12px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width360)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width360)*10px);
    }
    .indexmain2R1Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    .indexmain2R1Ms_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    }
    .indexmain2R1Ms_top:hover{
    background-color: #F8FAFD;
    }
    .indexmain2R1Ms_top .icon-f{
    display: block;
    width: calc(var(--width360)*18px);
    height: calc(var(--width360)*18px);
    }
    .indexmain2R1Ms_top .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_top > a{
    width: calc(100% - calc(var(--width360)*25px));
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width360)*16px);
    color: #1C1C1C;
    line-height: calc(var(--width360)*22px);
    }
    .indexmain2R1Ms_bottom{
    width: 100%;
    display: flex;
    padding-left: calc(var(--width360)*25px);
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .indexmain2R1Ms_bottom .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*14px);
    height: calc(var(--width360)*14px);
    }
    .indexmain2R1Ms_bottom .icon-f .icon{
    width: 100%;
    height: 100%;
    }
    .indexmain2R1Ms_bottom span{
    color: #6D6D6D;
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*20px);
    }
    .indexmain2R1Ms_top_ranking.topranking1{
        background-color: #ffb54a;
    }
    .indexmain2R1Ms_top_ranking.topranking2{
        background-color: #cacfda;
    }
    .indexmain2R1Ms_top_ranking.topranking3{
        background-color: #ff9449;
    }
    .indexmain2R1Ms_top_ranking{
    width: calc(var(--width360)*20px);
    height: calc(var(--width360)*20px);
    background-color: #84A8C2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
    }
    .indexmain2R2{
    width: 100%;
    
    
    }
    .indexmain2R2 h2{
    font-size: calc(var(--width360)*18px);
    color: #000000;
    line-height: calc(var(--width360)*24px);
    }
    .indexmain2R2M{
    width: 100%;
    margin-top: calc(var(--width360)*20px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width360)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width360)*15px) 0px rgba(0, 0, 0, 0.04);
        border-radius: 8px;
        padding: calc(var(--width360)*10px);
    }
    .indexmain2R2Ms{
    font-size: calc(var(--width360)*14px);
    color: #616E85;
    line-height: calc(var(--width360)*20px);
    padding: 8px calc(var(--width360)*16px);
    border-radius: calc(var(--width360)*21px);
    background: #EFF2F5;
    }
    .indexmain2R2Ms:hover{
    color: #333333;
    }
    .indexmian_m3{
    width: 100%;
    margin-top: 30px;
    
    }
    .indexmian_m3 > h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*20px);
    }
    .indexmian_m3m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m3ms{
    width: 100%;
    margin-top: calc(var(--width360)*15px);
    
    }
    .indexmian_m3ms_img{
    display: block;
    width: 100%;
    height: calc(var(--width360)*160px);
    }
    .indexmian_m3ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    }
    .indexmian_m3ms_info{
    width: 100%;
    padding: calc(var(--width360)*10px);
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    }
    .indexmian_m3ms_name{
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*22px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m3ms_time{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*17px);
    margin-top: 5px;
    }
    .indexmian_m4{
    width: 100%;
    margin-top: 30px;
    }
    .indexmian_m4 > h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*20px);
    }
    .indexmian_m4m{
    width: 100%;
    margin-top: 5px;
    }
    .indexmian_m4ms{
    width: 100%;
    height: calc(var(--width360)*82px);
    padding: calc(var(--width360)*10px);
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex
    ;
    align-items: center;
    gap: calc(var(--width360)*10px);
    margin-top: calc(var(--width360)*15px);
    }
    .indexmian_m4ms_img{
    display: block;
    width: calc(var(--width360)*62px);
    height: calc(var(--width360)*62px);
    }
    .indexmian_m4ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    }
    .indexmian_m4ms_info{
    width: calc(100% - var(--width360)*72px);
    height: calc(var(--width360)*62px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    }
    .indexmian_m4ms_name h3{
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .indexmian_m4ms_infos{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*12px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    display: flex
    ;
    align-items: center;
    gap: 5px;
    }
    .indexmian_m4ms_infos .indexmian_m1_point{
    background-color: #707070;
    }
    
    .indexmain4s{
    width: 100%;
    margin-top: calc(var(--width360)*15px);
    border-radius: 8px;
    box-shadow: 0px 0px calc(var(--width360)*15px) 0px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 8px;
    }
    .indexmain4s:hover{
    box-shadow: 1px 1px 4px 0px #CDCDCD, -1px -1px 4px 0px rgba(88,102,126,0);
    }
    .indexmain4s_img{
    display: block;
    width: 100%;
    height: calc(var(--width360)*198px);
    
    }
    .indexmain4s_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    }
    .indexmain4s_column{
    width: 100%;
    padding: calc(var(--width360)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .indexmain4s_columnL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_columnL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*18px);
    height: calc(var(--width360)*18px);
    }
    .indexmain4s_columnL .icon{
    width: calc(var(--width360)*18px);
    height: calc(var(--width360)*18px);
    }
    .indexmain4s_columnL span{
    font-size: calc(var(--width360)*12px);
    color: #3861FB;
    line-height: calc(var(--width360)*17px);
    }
    .indexmain4s_columnR{
    font-size: calc(var(--width360)*12px);
    color: #999999;
    line-height: calc(var(--width360)*17px);
    }
    .indexmain4s_more{
        display: block;
        margin: calc(var(--width360)*20px) auto;
        width: 100%;
        height: calc(var(--width360)*38px);
        font-size: calc(var(--width360)*16px);
        line-height: calc(var(--width360)*38px);
        text-align: center;
        background-color: #3861FB;
        color: #ffffff;
        border-radius: 6px;
    }
    .indexmain4s_name{
    margin-top: 10px;
    padding: 0 calc(var(--width360)*10px);
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
    font-weight: 600;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexmain4s p{
    font-size: calc(var(--width360)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width360)*18px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width360)*10px);
    margin-top: calc(var(--width360)*10px);
    height: auto;
    }
    .indexmain4s_info{
    width: 100%;
    padding: 0 calc(var(--width360)*10px);
    margin-top: calc(var(--width360)*10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(var(--width360)*10px);
    }
    .indexmain4s_infoL{
    display: flex;
    align-items: center;
    gap: 2px;
    }
    .indexmain4s_infoL .icon-f{
   display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*14px);
    height: calc(var(--width360)*14px);
    }
    .indexmain4s_infoL .icon{
    width: calc(var(--width360)*14px);
    height: calc(var(--width360)*14px);
    }
    .indexmain4s_infoL span{
    color: #6D6D6D;
    font-size: calc(var(--width360)*12px);
    line-height: calc(var(--width360)*17px);
    }
    .indexmain4s_infoR{
    font-size: calc(var(--width360)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width360)*17px);
    }
    footer{
    width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    background-color: #ffffff;
    padding: calc(var(--width360)*33px);
    margin-top: 30px;
    
    }
    .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    .footer span{
    font-size: calc(var(--width360)*14px);
    color: #333333;
    line-height: calc(var(--width360)*20px);
    text-align: center;
    }
    .totop .icon-f{
    display: block;
    width: calc(var(--width360)*24px);
    height: calc(var(--width360)*24px);
    }
    .totop .icon{
    width: calc(var(--width360)*24px);
    height: calc(var(--width360)*24px);
    }
    .totop{
    /* display: none; */
    position: fixed;
    right: calc(var(--width360)*10px);
    bottom: calc(var(--width360)*100px);
    width: calc(var(--width360)*24px);
    height: calc(var(--width360)*24px);
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
    }
    
    .totop.show {
    opacity: 1;
    pointer-events: auto;
    }
    
    .totop .iconhover{
    display: none;
    }
    
    .totop:hover .icon{
    display: none;
    }
    .totop:hover .iconhover{
    display: inline-block;
    }
    /* 22222222222 */
    .downlist{
        width: 100%;
     
      }
      .downlist1{
        padding:calc(var(--width360)*16px);
        background-color: #ffffff;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
      }
      .downlist1 > span{
        display: block;width: 100%;
        height: 1px;
        background-color: #F7F8FA;
        margin-top: calc(var(--width360)*16px);
        margin-bottom: calc(var(--width360)*16px);
      }
      .topnav{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 3px;
    
    }
    .topnav .icon_f{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width360)*12px);
        height: calc(var(--width360)*12px);
    }
    .topnav .icon{
        width: calc(var(--width360)*12px);
        height: calc(var(--width360)*12px);
    }
    .topnavs{
        font-size: calc(var(--width360)*12px);
        color: #6F7B8F;
        line-height: calc(var(--width360)*17px);
    }
    .topnavs:hover{
        text-decoration: underline;
    }
    .topnav span{
        font-size: calc(var(--width360)*12px);
        line-height: calc(var(--width360)*12px);
    }
    .downlist1M{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: calc(var(--width360)*20px);
    }
    .downlist1M > a{
        padding: calc(var(--width360)*4px) calc(var(--width360)*10px);
        display: block;
        width: 100%;
        font-size: calc(var(--width360)*14px);
        color: #768296;
        line-height: calc(var(--width360)*20px);
        background: #EFF2F5;
        border-radius: calc(var(--width360)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .downlist1M > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2{
        width: 100%;
        padding: calc(var(--width360)*14px);
        margin-top: calc(var(--width360)*30px);
        padding-top: 0;
    }
    .downlist2_top{
        width: 100%;
        height: calc(var(--width360)*48px);
        display: flex;
        border-radius: calc(var(--width360)*4px);
        border: 1px solid #3861FB;
        overflow: hidden;
    }
    .downlist2_top > a{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: calc(var(--width360)*16px);
        color: #3861FB;
        line-height: calc(var(--width360)*22px);
        background-color: #FCFCFC;
    }
    .downlist2_top > a.active{
        color: #ffffff;
        background-color: #3861FB;
    }
    .downlist2_bottom{
        margin-top: calc(var(--width360)*20px);
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: calc(var(--width360)*15px);
    }
    .downlist2s{
        width: 100%;
        padding: calc(var(--width360)*10px);
        display: flex;
        align-items: center;
        gap: calc(var(--width360)*10px);
        background: #FFFFFF;
        box-shadow: 0px 0px 1px 1px #F9F9F9;
        border-radius: calc(var(--width360)*4px);
    }
    .downlist2s_img{
        display: block;
        width: calc(var(--width360)*62px);
        height: calc(var(--width360)*62px);
        flex: 0 0 auto;
    }
    .downlist2s_img img{
        width: 100%;
        height: 100%;
        border-radius: calc(var(--width360)*4px);
    
    }
    .downlist2s_info{
    
        width: calc(100% - calc(var(--width360)*138px));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(var(--width360)*62px);
    
    }
    .downlist2s_name{
        font-size: calc(var(--width360)*16px);
        color: #000000;
        line-height: calc(var(--width360)*20px);
        font-weight: 600;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_info > span{
        font-size: calc(var(--width360)*12px);
        color: #E2E2E2;
        line-height: calc(var(--width360)*12px);
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .downlist2s_btn{
        padding: calc(var(--width360)*4px) calc(var(--width360)*10px);
        display: block;
        width: calc(var(--width360)*56px);
        font-size: calc(var(--width360)*14px);
        color: #3861FB;
        line-height: calc(var(--width360)*20px);
        border: 1px solid #3861FB;
        border-radius: calc(var(--width360)*14px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .page{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--width360)*5px);
        margin-top: calc(var(--width360)*20px);
        flex-wrap: wrap;
    }
    .lastpage,
    .nextpage{
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(var(--width360)*17px);
        height: calc(var(--width360)*17px);
    }
    .lastpage .icon,
    .nextpage .icon{
        width: calc(var(--width360)*17px);
        height: calc(var(--width360)*17px);
    }
    .pages{
        font-size: calc(var(--width360)*14px);
        line-height: calc(var(--width360)*16px);
        padding:calc(var(--width360)*11px) calc(var(--width360)*13px);
        border-radius: calc(var(--width360)*4px);
    }
    .pages:hover{
        background-color: #F0F6FF;
    }
    .pages.active{
        background-color: #3861FB;
        color: #ffffff;
    }


    /* 3333333333 */
.downmain{
    width: 100%;
    padding: calc(var(--width360)*16px);
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
}
.downmain_line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EFF2F5;
    margin: calc(var(--width360)*16px) 0;
}
.downmain1{
    width: 100%;
    padding: calc(var(--width360)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
}
.downmain1_top{
    display: flex;
    gap: calc(var(--width360)*10px);
}
.downmain1_top > img{
    width: calc(var(--width360)*62px);
    height: calc(var(--width360)*62px);
    border-radius: 4px;
}
.downmain1_info{
    width: calc(100% - calc(var(--width360)*72px));
    height: calc(var(--width360)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.downmain1_info h2{
    font-size: calc(var(--width360)*16px);
    color: #000000;
    line-height: calc(var(--width360)*20px);
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_info > span{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*14px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain1_tags{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*10px);
    overflow: hidden;
    height: calc(var(--width360)*20px);
    flex-wrap: wrap;
}
.downmain1_tags span{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*14px);
    padding: calc(var(--width360)*3px) calc(var(--width360)*6px);
    background: #EBEBEB;
    border-radius: 4px;
}
.downmain1_bottom{
    padding: calc(var(--width360)*10px);
    margin-top: calc(var(--width360)*10px);
    width: 100%;


}
.downmain1_bottom > a{
    display: block;
    width: 100%;
    height: calc(var(--width360)*38px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width360)*16px);
    color: #FFFFFF;
    line-height: calc(var(--width360)*38px);
    text-align: center;
}
.downmain2{
    width: 100%;
    font-size: calc(var(--width360)*14px);
    color: #111825;
    line-height: calc(var(--width360)*22px);
}
.downmain2 p{
    margin: calc(var(--width360)*10px) 0;
    font-size: calc(var(--width360)*14px);
    color: #111825;
    line-height: calc(var(--width360)*22px);
}
.downmain2 img{
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: calc(var(--width360)*10px) auto;
    border-radius: 4px;
}
.downmain2 h2{
    font-weight: 600;
    font-size: calc(var(--width360)*14px);
    color: #000000;
    line-height: calc(var(--width360)*20px);
    margin: calc(var(--width360)*10px) auto;
}
.downmain2 ol li,
.downmain2 ul li{
    padding-left: calc(var(--width360)*20px);
    font-size: calc(var(--width360)*14px);
    color: rgb(66, 66, 66);
    line-height: calc(var(--width360)*20px);
    margin: calc(var(--width360)*10px) 0;
}
.downmain2 a{
    color: #3861FB;
}
.downmain3{
    width: 100%;

}
.downmain3 h2{
    font-size: calc(var(--width360)*18px);
    color: #111825;
    line-height: calc(var(--width360)*22px);
    font-weight: bold;
}
.downmain3M{
    width: 100%;
    margin-top: calc(var(--width360)*10px);
    background: #F7F9FB;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 4px;
    padding: calc(var(--width360)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*20px);
}
.downmain3Ms{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downmain3Ms span:first-child{
    font-size: calc(var(--width360)*14px);
    color: #7C7C7C;
    line-height: calc(var(--width360)*18px);
}
.downmain3Ms span:last-child{
    font-size: calc(var(--width360)*14px);
    color: #000000;
    line-height: calc(var(--width360)*18px);
}
.downmain4{
    width: 100%;
    margin-top: calc(var(--width360)*20px);
}
.downmain4 h2{
    font-size: calc(var(--width360)*18px);
    color: #111825;
    line-height: calc(var(--width360)*22px);
    font-weight: bold;
}
.downmain4M{
    width: 100%;
    margin-top: calc(var(--width360)*20px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    gap: calc(var(--width360)*20px);
}
.downmain4M a{
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    padding: calc(var(--width360)*10px);
    border-radius: 4px;

}
.downmain4M a img{
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 4px;
}
.downmain4M a span:first-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.downmain4M a span:last-of-type{
    display: block;
    width: 100%;
    margin-top: 5px;
    height: calc(var(--width360)*28px);
    border-radius: 2px;
    border: 1px solid #3861FB;
    font-size: calc(var(--width360)*14px);
    color: #3861FB;
    line-height: calc(var(--width360)*28px);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.downmain5{
    width: 100%;
    margin-top: calc(var(--width360)*30px);

}
.downmain5_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.downmain5_top h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*20px);
}
.downmain5_top > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*18px);
    height: calc(var(--width360)*18px);
}
.downmain5_top > a .icon{
    width: calc(var(--width360)*18px);
    height: calc(var(--width360)*18px);
}
.downmain5M{
    width: 100%;
    margin-top: calc(var(--width360)*20px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: calc(var(--width360)*20px);
}
.downmain5Ms{
    width: 100%;

}
.downmain5M_img{
    display: block;
    width: 100%;
    height: calc(var(--width360)*107px);


}
.downmain5M_img img{
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0px 0px;
}
.downmain5Ms_info{
    box-shadow: 0px 0px 1px 1px #F9F9F9;
    border-radius: 0px 0px 2px 2px;
    padding: calc(var(--width360)*10px);
}
.downmain5M_name{
    width: 100%;
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*22px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.downmain5Ms_info span{
    display: block;
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*17px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: calc(var(--width360)*10px);
}
.downmain6{
    width: 100%;
    margin-top: calc(var(--width360)*30px);
}
.downmain6 h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*20px);
}

/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width360)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width360)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width360)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width360)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width360)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width360)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width360)*10px);
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
}
    

/* 4444444 */
.topiclist{
    width: 100%;
    padding: calc(var(--width360)*15px);
    border-top: 1px solid #EFF2F5;
    background-color: #FCFCFC;
}
.topiclist1{
    width: 100%;
    margin-top: calc(var(--width360)*15px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*20px);
}
.topiclist1 > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--width360)*10px);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width360)*8px);
    overflow: hidden;
}
.topiclist1 > a img{
    width: 100%;
    height: calc(var(--width360)*198px);

}
.topiclist1 > a span{
    display: block;
    width: calc(100% - calc(var(--width360)*20px));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: calc(var(--width360)*10px);
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
}
.ranking1{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: calc(var(--width360)*20px);
}
.ranking1 > a{
    width: 100%;
    height: calc(var(--width360)*28px);
    font-size: calc(var(--width360)*14px);
    color: #616E85;
    line-height: calc(var(--width360)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width360)*4px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 calc(var(--width360)*10px);
    text-align: center;
}
.ranking1 > a.active{
    background-color: #3861FB;
    color: #ffffff;
}
.ranking2{
    width: 100%;
    padding: 0 calc(var(--width360)*16px);
    margin-top: calc(var(--width360)*20px);
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*15px);
}
.ranking2s{
    width: 100%;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px calc(var(--width360)*15px) 0px rgba(0, 0, 0, 0.04);
    border-radius: calc(var(--width360)*4px);
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*10px);
    
}
.ranking2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*25px);
    height: calc(var(--width360)*25px);
    flex: 0 0 auto;
    font-size: calc(var(--width360)*16px);
    color: #666666;
    font-weight: bold;
}
.ranking2s .icon_f .icon{
    width: calc(var(--width360)*25px);
    height: calc(var(--width360)*25px);
}
.ranking2s_img{

    flex: 0 0 auto;
    display: block;
    width: calc(var(--width360)*62px);
    height: calc(var(--width360)*62px);
}
.ranking2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width360)*4px);
}
.ranking2s_info{
    width: calc(100% - calc(var(--width360)*173px));
    height: calc(var(--width360)*62px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.ranking2s_name{
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_info span{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking2s_btn{
    flex: 0 0 auto;
    width: calc(var(--width360)*56px);
    height: calc(var(--width360)*28px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width360)*14px);
    font-size: calc(var(--width360)*14px);
    color: #3861FB;
    line-height: calc(var(--width360)*28px);
    padding: 0 calc(var(--width360)*10px);
    text-align: center;
}
/* 555555555 */
.ArticleList1{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*10px);
}
.ArticleList1s{
    width: 100%;
    display: flex;
    gap: calc(var(--width360)*10px);
    padding-bottom: calc(var(--width360)*10px);
    border-bottom: 1px solid #F7F8FA;
}
.ArticleList1s_img{
    width: calc(var(--width360)*132px);
    height: calc(var(--width360)*72px);
}
.ArticleList1s_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.ArticleList1s_info{
    width: calc(100% - calc(var(--width360)*142px));
    display: flex;
    flex-direction: column;
    height: calc(var(--width360)*72px);
    justify-content: space-between;
}
.ArticleList1s_name h2{
    width: 100%;
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList1s_time{
    display: flex;
    justify-content: right;
}
.ArticleList1s_time span{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*12px);
}



/* 66666666 */
.ArticleList2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*15px);
}
.ArticleList2s{
    width: 100%;
    border-radius: calc(var(--width360)*8px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}
.ArticleList2s_img{
    display: block;
    width: 100%;
    height: calc(var(--width360)*198px);
}
.ArticleList2s_img img{
    width: 100%;
    height: 100%;
    border-radius: calc(var(--width360)*4px);
}
.ArticleList2s_info{
    width: 100%;
    padding: calc(var(--width360)*10px);
}
.ArticleList2s_name h2{
    width: 100%;
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_info > p{
    font-size: calc(var(--width360)*14px);
    color: #1C1C1C;
    line-height: calc(var(--width360)*18px);
    margin-top: calc(var(--width360)*10px);
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ArticleList2s_tag{
    width: 100%;
    margin-top: calc(var(--width360)*10px);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width360)*10px);
    overflow: hidden;
    height: calc(var(--width360)*28px);
}
.ArticleList2s_tag > a{
    font-size: calc(var(--width360)*12px);
    color: #616E85;
    line-height: calc(var(--width360)*28px);
    height: calc(var(--width360)*28px);
    background: #EFF2F5;
    border-radius: calc(var(--width360)*4px);
    padding: 0 calc(var(--width360)*5px);

}
.ArticleList2s_info > span{
    display: block;
    font-size: calc(var(--width360)*12px);
    color: #6D6D6D;
    line-height: calc(var(--width360)*17px);
    margin-top: calc(var(--width360)*10px);
}
/* 77777777777 */
.Articlemain1{
    width: 100%;

}
.Articlemain1 > h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*24px);
}
.Articlemain1_info{
    width: 100%;
    margin-top: calc(var(--width360)*17px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Articlemain1_info > span{
    font-size: calc(var(--width360)*12px);
    line-height: calc(var(--width360)*17px);
}
.download_mainL1R{
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*20px);
}
.download_mainL1_times{
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*5px);
}
.download_mainL1_times .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*12px);
    height: calc(var(--width360)*12px);
}
.download_mainL1_times .icon{
    width: calc(var(--width360)*12px);
    height: calc(var(--width360)*12px);
}
.download_mainL1_times span{
    font-size: calc(var(--width360)*14px);
    color: #6D6D6D;
    line-height: calc(var(--width360)*20px);
}
.download_mainL1_download_sp{
    font-size: calc(var(--width360)*12px);
    color: #3861FB;
    line-height: calc(var(--width360)*14px);
    padding: calc(var(--width360)*3px) calc(var(--width360)*10px);
    background-color: #EFF2F5;
    border-radius: calc(var(--width360)*4px);
}
.download_mainL2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*10px);
    margin-top: calc(var(--width360)*10px);
}
.download_mainL2s{
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*10px);
}
.download_mainL2s .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*14px);
    height: calc(var(--width360)*14px);
}
.download_mainL2s .icon{
    width: calc(var(--width360)*14px);
    height: calc(var(--width360)*14px);
}
.download_mainL2s span{
    font-size: calc(var(--width360)*14px);
    color: #788296;
    line-height: calc(var(--width360)*20px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4{
    width: 100%;
    background-color: #F7F9FB;
    border-radius: calc(var(--width360)*4px);
    padding: calc(var(--width360)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*10px);
}
.download_mainL4 > img{
    width: calc(var(--width360)*62px);
    height: calc(var(--width360)*62px);
}
.download_mainL4 > a{
    width: calc(var(--width360)*80px);
    flex: 0 0 auto;
    color: #3861FB;
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*20px);
    padding: calc(var(--width360)*4px) calc(var(--width360)*10px);
    border: 1px solid #3861FB;
    border-radius: calc(var(--width360)*4px);
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info{
    width: calc(100% - calc(var(--width360)*162px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width360)*62px);
}
.download_mainL4_info > a{
    font-size: calc(var(--width360)*16px);
    color: #000000;
    line-height: calc(var(--width360)*20px);
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL4_info > span{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*12px);
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download_mainL5{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--width360)*10px);
    margin-top: calc(var(--width360)*10px);
}
.download_mainL5 a{
    font-size: calc(var(--width360)*12px);
    color: #616E85;
    line-height: calc(var(--width360)*17px);
    padding: calc(var(--width360)*4px) calc(var(--width360)*10px);
    border: 1px solid #DEDEDE;
    border-radius: calc(var(--width360)*4px);
}
.Articlemain2{
    width: 100%;
    padding: calc(var(--width360)*11px) calc(var(--width360)*30px);
    background: #F8FAFD;
    border-radius: calc(var(--width360)*4px);
    font-size: calc(var(--width360)*14px);
    color: #0D1421;
    line-height: calc(var(--width360)*20px);
    margin-top: calc(var(--width360)*10px);
}
.Articlemain2 span{
    color: #3861FB;
    font-weight: 600;
}
.Articlemain3{
    width: 100%;
 

}
.Articlemain3 a{
    margin-top: calc(var(--width360)*10px);
    display: block;
    width: 100%;
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*20px);
    color: #333945;
    padding: calc(var(--width360)*11px) calc(var(--width360)*27px);
    border: 1px solid #efefef;
    box-shadow: 0px 0px 1px 1px #F8FAFD;
    border-radius: calc(var(--width360)*24px);
    background: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain3 a span{
    color: #3861FB;
}
.indexmian_m3ms{
    border-radius: calc(var(--width360)*4px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.indexmain4s{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.Articlemain4{
    width: 100%;
    margin-top: calc(var(--width360)*20px);
}
.Articlemain4 h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*20px);
}
.Articlemain4M{
    width: 100%;
    margin-top: calc(var(--width360)*5px);
}
.Articlemain4s{
    margin-top: calc(var(--width360)*15px);
    width: 100%;
    padding: calc(var(--width360)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*10px);
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: calc(var(--width360)*4px);
}
.Articlemain4_img{
    display: block;
    width: calc(var(--width360)*62px);
    height: calc(var(--width360)*62px);
}
.Articlemain4_img img{
    width: 100%;
    height: 100%;
}
.Articlemain4s_info{
    width: calc(100% - calc(var(--width360)*72px));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(var(--width360)*62px);
}
.Articlemain4s_name{
    font-size: calc(var(--width360)*16px);
    color: #000000;
    line-height: calc(var(--width360)*20px);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Articlemain4s_infos{
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*5px);
}
.Articlemain4s_infos span{
    font-size: calc(var(--width360)*12px);
    color: #707070;
    line-height: calc(var(--width360)*12px);
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Articlemain4s_infos span.dot{
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #707070;
}


/* 888888888 */

.tagmain1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--width360)*20px);
    height: calc(var(--width360)*76px);
    overflow: hidden;
    transition: height 0.3s ease;
}
.tagmain1.expanded {
    height: auto;
}
.tagmain1 a{
    font-size: calc(var(--width360)*14px);
    color: #616E85;
    line-height: calc(var(--width360)*20px);
    padding: calc(var(--width360)*4px) calc(var(--width360)*14px);
    background: #EFF2F5;
    border-radius: calc(var(--width360)*14px);
}
.tagmain1_more{
    width: 100%;
    margin-top: calc(var(--width360)*20px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width360)*6px);
    background: #EFF2F5;
    border: none;
    border-radius: calc(var(--width360)*4px);
    padding: calc(var(--width360)*8px);
    cursor: pointer;
}
.tagmain1_more span{
    font-size: calc(var(--width360)*16px);
    color: #3861FB;
    line-height: calc(var(--width360)*22px);
}
.tagmain1_more .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*18px);
    height: calc(var(--width360)*18px);
}
.tagmain1_more .icon_f .icon{
    width: calc(var(--width360)*18px);
    height: calc(var(--width360)*18px);
}
.tagmain1_more .icon_f .icon_sp{
    display: none;
}
.tagmain1_more.expanded .icon {
    display: none;
}
 
.tagmain1_more.expanded .icon_sp {
    display: block;
}
.tagmain2 .ranking2s_img{
    position: relative;
}
.tagmain2 .icon_f{
    position: absolute;
    top: calc(var(--width360)*-9px);
    right: calc(var(--width360)*-2px);
    width: calc(var(--width360)*30px);
    height: calc(var(--width360)*30px);
}
.tagmain2 .icon_f .icon{
    width: calc(var(--width360)*30px);
    height: calc(var(--width360)*30px);
}
.tagmain2 .ranking2s .ranking2s_img > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width360)*10px);
    color: #F54343;
    line-height: calc(var(--width360)*10px);
}
.tagmain2 .ranking2s .ranking2s_info{
    width: calc(100% - calc(var(--width360)*138px));
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_btn{
    color: #F42B2B;
    border-color: #F42B2B;
}
.tagmain2 .ranking2s:nth-child(1) .ranking2s_img > span{
    color: #F54343;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_btn{
    color: #F4912B;
    border-color: #F4912B;
}
.tagmain2 .ranking2s:nth-child(2) .ranking2s_img > span{
    color: #D88D00;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_btn{
    color: #F45A2B;
    border-color: #F45A2B;
}
.tagmain2 .ranking2s:nth-child(3) .ranking2s_img > span{
    color: #F56943;
}



/* 999999999999 */

.topicmain1{
    width: 100%;
}
.topicmain1 h2{
    font-size: calc(var(--width360)*18px);
    line-height: calc(var(--width360)*24px);
}
.topicmain1_time{
    width: 100%;
    margin-top: calc(var(--width360)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*5px);
}
.topicmain1_time .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*16px);
    height: calc(var(--width360)*16px);
}
.topicmain1_time .icon_f .icon{
    width: calc(var(--width360)*16px);
    height: calc(var(--width360)*16px);
}
.topicmain1_time span{
    font-size: calc(var(--width360)*14px);
    color: #788296;
    line-height: calc(var(--width360)*20px);
}
.topicmain2{
    width: 100%;
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*22px);
}
.topicmain2 > img{
    display: block;
    max-width: 100%;
    margin:  calc(var(--width360)*10px) auto;
    border-radius: 4px;
}
.topicmain2M{
    width: 100%;

    box-shadow: 0px 1px 1px 1px rgba(249,249,249,0.5);
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: calc(var(--width360)*10px);
    display: flex;
    align-items: center;
    gap: calc(var(--width360)*20px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    }
    .topicmain2M::-webkit-scrollbar {
    display: none; 
    }
.topicmain2Ms{
    display: block;
    position: relative;
    width: calc(var(--width360)*68px);
    height: calc(var(--width360)*68px);
    flex: 0 0 auto;

}
.topicmain2Ms .icon_f{
    position: absolute;
    top: calc(var(--width360)*-9px);
    right: calc(var(--width360)*-2px);
    width: calc(var(--width360)*30px);
    height: calc(var(--width360)*30px);
}
.topicmain2Ms .icon{
    width: calc(var(--width360)*30px);
    height: calc(var(--width360)*30px);
}
.topicmain2Ms img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.topicmain2Ms > span{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: calc(var(--width360)*10px);
    color: #A6A6A6;
    line-height: calc(var(--width360)*10px);
}
.topicmain2Ms:nth-child(1) > span{
    color: #F54343;
}
.topicmain2Ms:nth-child(2) > span{
    color: #D88D00;
}
.topicmain2Ms:nth-child(3) > span{
    color: #F56943;
}


.mondmain1L2s{width:100%;box-sizing:border-box;overflow:hidden;margin-top:calc(var(--width360)*20px);position:relative}
.mondmain1L2s p.topNum{border-color:#CCCCCC transparent transparent transparent;width:calc(var(--width360)*50px);position:absolute;top:0px;left:0px;border-width:calc(var(--width360)*21px) 0 0 0;border-style:solid;border-color:#c5c5c5 transparent transparent transparent;z-index:99999}
.mondmain1L2s p.topNum:before{border-top:calc(var(--width360)*7px) solid #cccccc;content:"";position:absolute;top:0;left:0;height:0;width:0;border-left:calc(var(--width360)*25px) solid transparent;border-right:calc(var(--width360)*25px) solid transparent;}
.mondmain1L2s p.topNum em{width:calc(var(--width360)*50px);position:absolute;top:calc(var(--width360)*-26px);left:0;letter-spacing:0.6px;color:#fff;font-size:calc(var(--width360)*13px);font-weight:bold;line-height:calc(var(--width360)*30px);text-align:center}
.mondmain1L2s .title{position:relative;margin-left:calc(var(--width360)*24px);height:calc(var(--width360)*28px);line-height:calc(var(--width360)*28px);border-radius:3px;font-size:calc(var(--width360)*15px);color: #ffffff !important;;background:#3861FB;font-weight:bold;text-indent:calc(var(--width360)*40px)}
.mondmain1L2s .title a{
    color: #ffffff;
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*18px);
}
.mondmain1L2s .desc{line-height:calc(var(--width360)*22px);margin:calc(var(--width360)*15px) auto;font-size:14px;color:#666}
.mondmain1L2s .ItemPics{padding:calc(var(--width360)*10px);background:#f2f2f2;border-radius:6px;overflow:hidden;margin-bottom:calc(var(--width360)*20px)}
.mondmain1L2s .ItemPics .rkImg{width:100%;position:relative;overflow:hidden}
.mondmain1L2s .ItemPics .rkImg .swiper-slide{width:auto}
.mondmain1L2s .ItemPics .rkImg img{display:inline-block;border-radius:6px;height:calc(var(--width360)*285px)}
.mondmain1L2s .btn{display:block;margin:calc(var(--width360)*12px) auto 0;height:calc(var(--width360)*36px);border-radius:6px;text-align:center;line-height:calc(var(--width360)*36px);font-size:calc(var(--width360)*15px);color:#fff;width:calc(var(--width360)*200px);background:#3861FB}
.mondmain1L2s .btn:hover{opacity:0.88}
.mondmain1L2s .swiper {
    width: 100%;
    height: 100%;
  }

 .mondmain1L2s .swiper-slide {
    width: auto;
    text-align: center;
    font-size: calc(var(--width360)*18px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .mondmain1L2s .swiper-wrapper{
    align-items: center;
  }
 .mondmain1L2s .swiper-slide img {
    display: block;
    width: auto;
    height: calc(var(--width360)*285px);
    object-fit: cover;
    border-radius: 4px;
  }

  .mondmain1L2s .grade{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .mondmain1L2s .grade img{
    width: calc(var(--width360)*146px);
    height: calc(var(--width360)*146px);
  }


  .mondmain1L2s:nth-child(1) p.topNum.fir{
    border-color: #ff2841 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(1) p.topNum:before{
    border-top: calc(var(--width360)*7px) solid #ff2841;
  }
  .mondmain1L2s:nth-child(2) p.topNum.fir{
    border-color: #FF6D00 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(2) p.topNum:before{
    border-top: calc(var(--width360)*7px) solid #FF6D00;
  }
  .mondmain1L2s:nth-child(3) p.topNum.fir{
    border-color: #FFA930 transparent transparent transparent;
  }
  .mondmain1L2s:nth-child(3) p.topNum:before{
    border-top: calc(var(--width360)*7px) solid #FFA930;
  }


  .gohome .icon-f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*30px);
    height: calc(var(--width360)*30px);
}
.gohome .icon{
    width: calc(var(--width360)*30px);
    height: calc(var(--width360)*30px);
}
.gohome{
    /* display: none; */
    position: fixed;
    right: calc(var(--width360)*8px);
    bottom: calc(var(--width360)*60px);
    width: calc(var(--width360)*30px);
    height: calc(var(--width360)*30px);
    z-index: 999;
}
.main404{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 600px;
    gap: calc(var(--width360)*10px);
}
.main404 img{
    width: 90%;
}
.main404 span{
    font-size: calc(var(--width360)*18px);
    color: #666;
}
.main404 a{
    font-size: calc(var(--width360)*18px);
    padding: calc(var(--width360)*6px) calc(var(--width360)*10px);
    background-color: #3861FB;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #3861FB;
}
.main404 a:hover{
    border: 1px solid #3861FB;
    background-color: #ffffff;
    color: #3861FB;
}

/* booking */
.booking_hide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width360)*10px);
}
.booking_hide > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
    position: absolute;
    top: 150px;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
}
.booking_hide > div h2{
    background: #3861FB;
    font-size: calc(var(--width360)*18px);
    color: #ffffff;
    line-height: calc(var(--width360)*24px);
    padding: calc(var(--width360)*10px) calc(var(--width360)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_hide_input{
    width: 100%;
    padding: calc(var(--width360)*10px) calc(var(--width360)*20px);

    border-bottom: 1px solid #F1F1F1;
}
.booking_hide_input input{
    width: 100%;
    height: calc(var(--width360)*40px);
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    padding: 0 calc(var(--width360)*10px);
}
.booking_hide_bottom{
    width: 100%;
    padding: calc(var(--width360)*10px) calc(var(--width360)*20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: calc(var(--width360)*10px);
}
.booking_hide_bottom a{
    width: 100%;
    height: calc(var(--width360)*40px);
    border-radius: 4px;
    background-color: #3861FB;
    font-size: calc(var(--width360)*16px);
    color: #ffffff;
    line-height: calc(var(--width360)*40px);
    text-align: center;
}
.booking_hide_bottom a:last-child,
.booking_hide_bottom a:hover{
    background-color: #ffffff;
    color: #3861FB;
    border: 1px solid #3861FB;
}
.booking_active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width360)*10px);
}
.booking_active > div{
    width: 80%;
    background: #FFFFFF;
    /* height: 230px; */
   
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.booking_active > div h2{
    width: 100%;
    text-align: center;
    background: #3861FB;
    font-size: calc(var(--width360)*18px);
    color: #ffffff;
    line-height: calc(var(--width360)*24px);
    padding: calc(var(--width360)*10px) calc(var(--width360)*20px);
    border-radius: 10px 10px 0 0;
}
.booking_active > div p{
    text-align: center;
    font-size: calc(var(--width360)*14px);
    color: #666;
    line-height: calc(var(--width360)*20px);
    padding: calc(var(--width360)*10px) calc(var(--width360)*20px);
}
.booking_active > div button{
    padding: calc(var(--width360)*6px) calc(var(--width360)*20px);
    font-size: calc(var(--width360)*14px);
    background-color: #3861FB;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin-bottom: calc(var(--width360)*10px);
}
/* 123 */
.downmain1_bottom .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--width360)*20px);
    height: calc(var(--width360)*20px);
}
.downmain1_bottom .icon_f .icon{
    width: calc(var(--width360)*20px);
    height: calc(var(--width360)*20px);
}
.downmain1_safe{
    display: flex;
    flex-direction: column;
    gap: calc(var(--width360)*5px);
}
.downmain1_safe > a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width360)*5px);
}
.downmain1_safe > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--width360)*5px);
}
.downmain1_safe > div > span{
    color: #969799;
    font-size: calc(var(--width360)*12px);
}
.downmain1_btn{
    background: #F1F1F1 !important;
    color: #646566 !important;
}
.downmain2 ul,
.downmain2 ol{
    font-size: calc(var(--width360)*14px);
    line-height: calc(var(--width360)*20px);
    color: #000000;
    margin: calc(var(--width360)*20px) auto;
    padding-left: calc(var(--width360)*20px);
}
.downmain2 ul li,
.downmain2 ol li{
    font-size: calc(var(--width360)*16px);
    line-height: calc(var(--width360)*32px);
    color: #000000;
    margin: calc(var(--width360)*10px) auto;
    padding-left: calc(var(--width360)*10px);
}
.downmain2 ul li{
    list-style: initial;
}
.downmain2 ol li{
    list-style: decimal;
}
.downmain2 h2{
    line-height: calc(var(--width360)*30px); background: #f3f5ff; color: #143dfe; padding: calc(var(--width360)*5px) calc(var(--width360)*12px); font-size: 20px; font-weight: bold; text-indent: 0px; margin: calc(var(--width360)*12px) 0;
}
.downmain2 h3{
    line-height:  calc(var(--width360)*30px); background: #f3fdff; color: #00b39e; padding:  calc(var(--width360)*5px) calc(var(--width360)*12px); font-size: calc(var(--width360)*18px); font-weight: bold; text-indent: 0px; margin: calc(var(--width360)*12px) 0;
}
.downmain2 h4{
    line-height:  calc(var(--width360)*30px); background: #fafafa; color: #464646; padding: calc(var(--width360)*5px) calc(var(--width360)*12px); font-size: calc(var(--width360)*16px); font-weight: bold;    text-indent: 0px; margin: calc(var(--width360)*12px) 0;
}
.downmain2 h1,
.downmain2 h2,
.downmain2 h3,
.downmain2 h4,
.downmain2 h5{
    margin:  calc(var(--width360)*10px) auto;
}

/*新增分页*/
 .cpPage {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.cpPage a {
    height: 28px;
    line-height: 28px;
    display: inline-block;
    color: #666666;
    text-decoration: none;
    border: 1px solid #EEEEEE;
    padding: 0px 10px;
    background: #FFFFFF;
    border-radius: 18px;
}
.cpPage a.currentPage {
    background-color: #3FB118;
    color: #fff;
}
.cpPage a {
	height: 28px;
	line-height: 28px;
	display: inline-block;
	color: #666666;
	text-decoration: none;
	/* border: 1px solid #EEEEEE; */
	padding: 0px 10px;
	background: #FFFFFF;
	border-radius: 18px;
	margin-right: 5px;
}
.cpPage .pagenum{
	display:none;
}

}