.space-camp-program{
    display: flex;
    justify-content: space-between; /* 使两个元素分布在容器两端 */
    gap: 40px; /* 设置间距为40px */
    }
    .space-camp-program .content{
    flex: 1;
    font-family: Rubik Regular;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #333333;
display: flex
;
    flex-direction: column;
    justify-content: space-between;
    }
    .more-btn{
    width: max-content;
    height: 44px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    border-radius: 4px;
    border-width: 1px;
    background: #00B9F2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Rubik Bolder;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-top: 16px;
    }
    .image-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        /* padding: 20px; */
        gap: 16px;
    }
    .top-image {
        width: 100%;
        height: auto;
    }
    
    .bottom-images {
        display: flex;
        gap: 10px;
        width: 86%;
    }
    
    .bottom-image {
        flex: 1;
        height: auto;
    }
    .hidden{
        display: block;
    }
    .mobile-pic{
        display: none;
    }
    /* 加粗字体 */
    strong {
        font-family: Rubik Bolder;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0%;
        /*vertical-align: middle;*/
        color: #333333;
    }
    @media (max-width: 953px) {
        .hidden{
            display: none;
        }
        .mobile-pic{
            display: grid;
            grid-template-columns: 1fr 1fr; /* 两列 */
            grid-template-rows: 1fr 1fr; /* 两行 */
            gap: 10px;
            margin-top: 24px;
        }
        .top-row{
            display: contents; /* 取消原有flex布局 */
        }
        .mobile-pic img{
            width: 100%;
        }
        .space-camp-program{
            flex-direction: column;
          
        }
        .more-btn{
            width: 100%;
            margin: 32px 0 0;
        }
    }
 /* 基础样式重置 */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Microsoft YaHei", sans-serif;
    }

    .space-camp-program {
        width: 78%;
        margin: 0 auto;
        padding: 50px 0 50px;
    ;
    }

    .content {
        /*margin-left: 15px;
        margin-top: 15px;*/
    }

    .content.hidden {
        display: flex;
        flex-direction: column;
    }

    .mobile-pic .top-row {
        margin-bottom: 15px;
    }

    .grid-image {
        flex: 1;
        margin: 0 8px;
    }

    .grid-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 4px;
    }

    .image-container {
        /*margin-left: 22px;*/
        width: 100%;
    }

    .top-image {
        width: 100%;
        /*margin-bottom: 12px;*/
    }

    .top-image img {
        width: 497px;
        height: auto;
        display: block;
        border-radius: 4px;
    }

    .bottom-images {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        /*margin-top: 12px;
        margin-bottom: 15px;*/
    }

    .bottom-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 4px;
    }

    .conter-more-btn {
        display: block;
    }

    .conter-more-btn2 {
        display: none;
    }

    .more-btn {
        margin-top: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        background-color: #00B9F2;
        color: white;
        padding: 12px 20px;
        border-radius: 4px;
        justify-content: center;


    }

    .more-btn img {
        margin-left: 8px;
        width: 20px;
        height: auto;
    }

    .content p {
      
        margin-top: 1.5rem;
        margin-bottom: 0.5rem !important;
    }

    @media screen and (max-width: 953px) {
.space-camp-program.banxin .content p strong {
font-size: 16px;
}
        .content.hidden {
            display: none;
        }

        .mobile-pic {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 16px;
            margin: 24px 0 32px;
        }
        .space-camp-program{
           padding:16px 0 24px;
        }
        .grid-image {
           margin: 0;
        }
    .space-camp-program .content{

     font-size: 16px;
    
    }
    }