.subject-main{
    background: #000;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 1rem;
}
.subject-main .subject-list{
    /* margin-top: 14.26rem ; */
    margin-top: 11.3rem ;
    box-sizing: border-box;
}
.subject-item{
    width: 7.8rem;
    margin-right: .3rem;
    box-sizing: border-box;
    padding: .4rem;
    margin-bottom: .46rem;
    background: #ffffff;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .32rem;
    line-height: .48rem;
    color: #1D2125;
    text-align: left;
}
.subject-item:nth-child(3n){
    margin-right: 0;
}
.subject-item a{
    display: block;
}
.subject-item a .img-box{
    position: relative;
    width: 100%;
    height: 3.57rem;
    background:url(https://file.c-sgba.com/uploads/9bece3be-7130-4bf9-bf8c-3fe4bf333e4a.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 100% 100%; 
}
.subject-item a img{
    width: 100%;
    height: 100%;
}
.subject-item a .title{
    height: .9rem;
    margin-bottom: .3rem;
    margin-top: .18rem;
}
.subject-item a .subtitle{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .26rem;
    color: #4F4F4F;
    line-height: .46rem;
    text-align: left;   
    height: 1.32rem;
}
.subject-item .video-text{
    width: .76rem;
    height: .4rem;
    background: #1658A0;
    border-radius: 4px 4px 4px 4px;
    position: absolute;
    left: .36rem;
    top: .2rem;
    font-weight: 400;
    font-size: .26rem;
    color: #FFFFFF;
    text-align: center;
    line-height: .4rem;
}
.subject-item .video-icon{
    background:url(../image/video-icon.png) no-repeat center 0 ;
    background-size: 100% 100%; 
    width: .96rem;
    height: .96rem;
    position: absolute;
    left: 0%;
    top: 0%;
    bottom: 0%;
    right: 0;
    margin: auto;
}
.subject-more{

    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    color: #9B9B9B;
    line-height: .42rem;
    margin-top: 1.4rem;
    cursor: pointer;

}
.subjectbg{
    background:url(https://file.c-sgba.com/uploads/9bece3be-7130-4bf9-bf8c-3fe4bf333e4a.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 16.04rem; 
}
.ganzhou{
    background:url(https://file.c-sgba.com/uploads/02d705a5-a350-4614-af27-e9f22df26e41.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 12.68rem; 
}

.sanming{
    background:url(https://file.c-sgba.com/uploads/22b75ae8-cfbc-4193-a00c-4917570723c9.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 12.68rem; 
}
.shanghai{
    background:url(https://file.c-sgba.com/uploads/f6149307-5382-4cd3-9e18-870ac8a344c8.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 12.68rem; 
}
.haixia{
    background:url(https://file.c-sgba.com/uploads/f65aeb24-1daf-413e-811b-3ac9bc824f5e.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    /* background-size: 38.4rem 16.04rem; */
    background-size: 38.4rem 12.68rem;

}
.qiantan{
    background:url(https://file.c-sgba.com/uploads/6681ecb8-bdc6-4e8d-8e3d-73efae8afb8d.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 12.68rem;
}
.dangran{
    background:url(https://file.c-sgba.com/uploads/9350d383-d176-45fc-a138-85b513a79914.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 12.68rem;
}
.dangran{
    background:url(https://file.c-sgba.com/uploads/9350d383-d176-45fc-a138-85b513a79914.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 12.68rem;
}
.dongtai{
    background:url(https://file.c-sgba.com/uploads/e6d29c3e-fa25-4138-bf83-7193ed6c5ae6.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: 38.4rem 12.68rem;
}
.dikong{
    background:url(https://file.c-sgba.com/uploads/dd6fe4f9-3bae-4ab2-ad8f-efdd83a183cb.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: cover;
    background-size: 38.4rem 12.68rem;
}
.win{
    background:url(https://file.c-sgba.com/uploads/80a8e9e4-4cdc-4b81-850d-959bdfd77299.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: cover;
    background-size: 38.4rem 12.68rem;
}

.win{
    background:url(https://file.c-sgba.com/uploads/80a8e9e4-4cdc-4b81-850d-959bdfd77299.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #F4F8FB;
    background-size: cover;
    background-size: 38.4rem 12.68rem;
}

#header{
    display: none;
}
@media (max-width: 651px) {
    #header{
        display: block;
    }
    .subject-main{
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        padding: .32rem;
        background-size: 100%  3.6rem;
        margin-top: 1.2rem;
    }
    .subject-list{
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .subject-main .subject-list{
        margin-top: 2.88rem;
    }

    .subject-item{
        width: 100%;
        margin-right: 0;
        padding: .18rem;
    }
    .subject-item a{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    .subject-item a .img-box{
        width: 3.2rem;
        height: auto;
        flex-shrink: 0;
        margin-right: .18rem;
    }
    .subject-item a .title{
        height: auto;
        margin: 0;
        font-size: .28rem;
        line-height: .42rem;
    }
    .subject-item a .subtitle{
        height: auto;
        margin: 0;
        font-size: .22rem;
        line-height: .3rem;
        margin-top: .2rem;
    }
    .subject-more{
        margin-top: .4rem;
        margin-bottom: .6rem;
    }

}