.resourceContainer{}
.r_banner{display: flex;width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 80px;position: relative;height: 466px;overflow: hidden;}
.rbt_title{color: #222c3f;font-size: 40px;margin-top: 110px;text-align: left;}
.rbt_cont{width: 380px;font-size: 16px;margin-top: 20px;text-align: left;}
.r_banner_text a{display: block;width: 220px;height: 60px;line-height: 60px; background-color: #2870F4;border-radius: 4px;font-size: 18px;font-weight: bold;text-align: center;color: #fff;margin-top: 56px;}
.r_banner_text a:hover{background-color: #7a9fff;}
.r_banner_img img{position: absolute;right: -125px;width: 100%;right: -180px;z-index: -1;}
.resource_container{width: 100%;max-width: 1200px;margin: 0 auto;margin-top: 70px;padding-bottom: 70px;}
.rd_area{position: relative;font-size: 29px;font-weight: bold;padding-left: 28px;border-bottom: 1px solid #e8ecef;padding-bottom: 10px;text-align: left;}
.rd_area::before{content: "";width: 5px;height: 40px;background-color: #2870F4;display: block;position: absolute;left: 0;}
.rd_meal_cont{display: grid;grid-template-columns: repeat(5,1fr);overflow: hidden;padding: 30px 0 65px 0;} 
.rd_meal_cont li{display: flex;align-items: center;width: 100%;height: 90px;cursor: pointer;}
.rd_meal_cont li img{width: 46px;height: 46px;margin-left: 30px;}
.rd_meal_cont li span{font-size: 16px;font-weight: bold;display: inline-block;margin-left: 15px;text-align: left;}
.rd_meal_cont li:hover{background-color: #f6f6f6;}
.rd_meal_cont li:nth-child(5n){margin-right: 0;}
.header .header_main .login a:nth-child(1){color: #3d6eec;}
.header .header_main .login a:nth-child(1):hover{color: #ffffff;}



@media screen and (max-width: 1235px) {
    .r_banner{
        box-sizing: border-box;
        padding: 80px 16px 0;
        height: max-content;
    }

    .resource_container{
        box-sizing: border-box;
        padding: 0 16px;
        height: max-content;
    }
}

@media screen and (max-width: 1088px) {
    .rd_meal_cont{
        grid-template-columns: repeat(4,1fr);
    }
}

@media screen and (max-width: 838px) {
    .rd_meal_cont{
        grid-template-columns: repeat(3,1fr);
    }

    .r_banner_img{
        display: none;
    }
}

@media screen and (max-width: 636px) {
    .rd_meal_cont{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 488px) {
    .rd_meal_cont{
        grid-template-columns: repeat(1,1fr);
    }
}