.main-container {
    background-size: 100% 100%;
    background-image: url(https://xiilon-1304667790.cos.ap-guangzhou.myqcloud.com/page%2Fimage%2Fxinlang_page_bg.png);
}

@media screen and (min-width:501px) {
    .main-container {
     
        min-height: calc(100vh - 368px);
    }
    .topbar {
        height: 179px;
        background-image: url(https://xiilon-1304667790.cos.ap-guangzhou.myqcloud.com/page/image/xinlang_index_topbar_bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }

    /* .toptitle {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100vw;
        min-width: 1366px;
        display: flex;
        align-items: center;
        z-index: 2;
        justify-content: center;

    }

    .toptitle .icon {
        width: 127px;
        cursor: pointer;
        height: 31px;
        margin-right: 6px;
        background-image: url(https://xiilon-1304667790.cos.ap-guangzhou.myqcloud.com/page%2Fimage%2Fxinlang_index_logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .toptitle .t1 {
        font-weight: bold;
        font-size: 32px;
        color: #FFFFFF;
        line-height: 1;
        margin-right: 5px;
    }

    .toptitle .top-menu-btn {
        display: none;
    }


    #top_menus {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #top_menus .btn {
        margin: 0 14px;

        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
        color: #FFFFFF;
        line-height: 1;
    } */

    .main-container {
        padding-bottom: 225px;

    }

    .main-container .title {
        padding: 67px 0;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 25px;
        color: #1A2556;
        text-align: center;
    }

    .article-list {
        width: 896px;
        margin: 0 auto;
    }

    .article-list .article {
        height: 248px;
        padding: 22px;
        box-sizing: border-box;
        display: table;
        background-color: #fff;
    }

    .article-list .article:nth-child(2n) {

        background-color: #E9E9E9;
    }

    .article-list .article:nth-child(2n) .thumbnail {
        float: right;
    }

    .article-list .article:nth-child(2n) .infos {
        float: left;
    }

    .article-list .article:nth-child(2n) .infos .box-btn {
        right: 44px;
        left: auto;
    }

    .article-list .article .thumbnail {
        width: 342px;
        height: 204px;
        object-fit: cover;
        min-width: 342px;
        float: left;
    }

    .article-list .article .infos {
        padding-left: 35px;
        padding-top: 30px;
        height: 204px;
        width: 510px;
        padding-right: 55px;
        box-sizing: border-box;
        position: relative;
        float: right;
    }

    .article-list .article .infos .t1 {
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 14px;
        color: #1A2556;
        line-height: 1;
    }

    .article-list .article .infos .t2 {
        margin-top: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 11px;
        color: #292929;
        line-height: 17px;
    }

    .article-list .article .infos .box-btn {
        bottom: 30px;
        left: 36px;
        position: absolute;
    }

}

@media screen and (max-width:500px) {

    .main-container {
        min-height: calc(100vh - 152px);
    }


    .main-container .title {
        padding-top: 57px;
        font-family: PingFang SC;
        font-weight: 800;
        font-size: 19px;
        color: #1A2556;
        line-height: 1;
        padding-bottom:25px;
        text-align: center;
    }

    .main-container .article-list .article {
        padding: 20px 29px;
    }
    .main-container .article-list .article:nth-child(2n+1){
        background-color: #F0F0F0;
    }

    .main-container .article-list .article .t1 {
        font-family: PingFang SC;
        font-weight: 800;
        font-size: 15px;
        color: #1A2556;
        padding: 14px 5px;
    }
    .main-container .article-list .article .thumbnail{
        width: 100%;
        object-fit:contain;
    }

    .main-container .article-list .article .t2 {
        font-family: PingFang SC;
        font-weight: 500;
        font-size: 15px;
        color: #393939;
        line-height: 21px;
    }
    .main-container .article-list .article  .box-btn{
        margin:16px auto 0;
    }
}