@media screen and (min-width: 501px) {
    .banner {
        width: 100%;
        height: 23.125rem;
        background: url(../../img/bbs/bbs-banner.png) no-repeat right;
    }

    .banner .title {
        width: 40%;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 10rem;
        transform: translateX(-50%);
        color: #333;
    }

    .banner .title div {
        padding-top: 1.25rem;
        font-size: 1.75rem;
    }

    .content_1 {
        width: 100%;
        padding-top: 5.25rem;
        padding-bottom: 4.5625rem;
    }

    .content_1 .body_1 {
        width: 80%;
        max-width: 75rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .content_1 .body_1 .left .text {
        width: 48.125rem;
        box-shadow: 0px 0px 21px 1px rgba(198, 217, 244, 0.75);
        padding: 1.5625rem 1.5625rem 2.25rem 1.625rem;
    }

    .content_1 .body_1 .left .text .article-content p img {
        max-width: 48.125rem !important;
    }

    #article-content > div > img {
        width: 100% !important;
        max-width: 48.125rem !important;
    }

    .content_1 .body_1 .left ul .item {
        display: flex;
        height: 10.3125rem;
        margin-top: 1.25rem;
    }

    .content_1 .body_1 .left ul li img {
        width: 13.75rem;
        height: 10.3125rem;
    }

    .content_1 .body_1 .left ul li .label {
        padding: 0.3125rem 0.875rem;
    }
    .content_1 .body_1 .left ul li .label .label_content{
        height: 85%;
    }
    .content_1 .body_1 .left ul li .label .title {
        font-size: 20px;
    }



    .content_1 .body_1 .left ul li .label a {
        text-decoration: none;
        color: #333;
    }

    .content_1 .body_1 .left .buttons {
        text-align: center;
        font-size: 1.125rem;
        padding: 0.8125rem 0;
        background: #F2F2F2;
        margin-top: 2rem;
        cursor: pointer;
    }

    .content_1 .body_1 .right {
        width: 23.125rem;
        height: 40rem;
        border-top: 5px solid #027AFF ;
        box-shadow: 0px 0px 11px 1px rgba(198, 217, 244, 0.75);
        padding: 1.5625rem 1.375rem;
    }

    .content_1 .body_1 .right ul li {
        margin-top: 1.5625rem;
    }

    .content_1 .body_1 .right ul li a {
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }

    .content_1 .body_1 .right ul li a:hover {
        color: #ff9902;
    }

    .new_li {
        width: 48%;
        padding: 20px;
        border-top: 5px solid #ff9902;
        box-shadow: 0px 0px 21px 1px rgba(198, 217, 244, 0.75);
    }
}

@media screen and (max-width: 500px) {
    .banner {
        width: 100%;
        height: 230px;
        background: url(../../img/bbs/bbs-banner.png) no-repeat right;
    }

    .banner .title {
        width: 80%;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 15%;
        transform: translateX(-50%);
        color: #333;
    }

    .banner .title div {
        padding-top: 1rem;
        font-size: 1.25rem;
    }

    .content_1 {
        width: 100%;
    }

    .content_1 .body_1 {
        width: 100%;
    }

    .content_1 .body_1 .left .text {
        padding: 1.5625rem 1.5625rem 2.25rem 1.625rem;
    }

    .content_1 .body_1 .left .text .article-content p img {
    }

    .content_1 .body_1 .left ul .item {
        display: flex;
        margin-top: 10px;
        padding: 10px;
        border-bottom: 1px solid #e6e6e6;
    }

    .content_1 .body_1 .left ul li img {
        width: 150px;
        height: 100px;
    }

    .content_1 .body_1 .left ul li .label {
        margin-left: 10px;
    }
    .content_1 .body_1 .left ul li .label .label_content{
        height: 75%;
    }
    .content_1 .body_1 .left ul li .label .title {
        font-size: 16px;
    }

    .content_1 .body_1 .left ul li .label p {
        display: none;
    }



    .content_1 .body_1 .left ul li .label a {
        text-decoration: none;
        color: #333;
    }

    .content_1 .body_1 .left .buttons {
        text-align: center;
        font-size: 1.125rem;
        padding: 0.8125rem 0;
        background: #F2F2F2;
        margin-top: 25px;
        cursor: pointer;
    }

    .content_1 .body_1 .right {
        display: none;
        width: 23.125rem;
        height: 35rem;
        border-top: 5px solid #ff9902;
        box-shadow: 0px 0px 11px 1px rgba(198, 217, 244, 0.75);
        padding: 1.5625rem 1.375rem;
    }

    .content_1 .body_1 .right ul li {
        margin-top: 1.5625rem;
    }

    .content_1 .body_1 .right ul li a {
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }

    .content_1 .body_1 .right ul li a:hover {
        color: #ff9902;
    }

    .new_li {
        width: 48%;
        padding: 20px;
        border-top: 5px solid #ff9902;
        box-shadow: 0px 0px 21px 1px rgba(198, 217, 244, 0.75);
    }
}