@media(max-width: 1300px){
    .w,
    .header-container{
        width: auto;
        padding: 0 20px;
    }
    /* 轮播图 */
    .banner-wrap{
        width: 96%;
    }
    /* nav */
    .navbar-nav .menu a,
    .navbar-nav .menu a, .diurnal-pattern i, .dark-mode i{
        padding: 8px;
    }
}
@media(max-width: 1080px) {
    .tipjaintou{
        vertical-align: middle;
    }
    /* 左侧宽度 */
    .content-container .article-list{
        margin-right:0;
    }
    .content-container .article-list .article-list-wrap {
        grid-template-columns: 1fr;
    }
    .content-container .article-list,
    .header-container,
    .content-container .article-particulars{
        width: 100%;
    }
    /* 文章 */
  
    .content-container .article-particulars{
        margin-right: 0;
    }
    
    .sidebar,
    .header-container {
        display: none;
    }
    /* 左侧 */
    .sidebar{
        width: 28%;
    }

    /* 显示 yd 导航栏 */
    .header-container-yd {
        position: relative;
        display: block;
    }

    /* yd 导航栏 start */
    .home-page{
        padding-top: 10px;
    }

    .header-container-yd .logo {
        float: left;
        width: 84px;
    }

    .logo h1 {
        width: 84px;
        line-height: 1;
    }

    .logo-reg{
        position: relative;
        padding: 1px 10px 0px;
    }

    .logo-reg .username-yd{
        font-size: 16px;
        line-height: 2;
        vertical-align: middle;
    }

    .logo-reg .logout-yd{
        position: absolute;
        top: 38px;
        right: -14px;
        width: 80px;
        background: rgba(0, 0, 0, 0.1);
        font-size: 14px;
        text-align: center;
    }

    .logo-reg .logout-yd li a {
        display: block;
    }

    .logo-reg .icon-denglu-login{
        font-size: 25px;
        line-height: 0.75;
        margin-right: 8px;
    }

    .l-login{
        padding: 0;
    }
    .loginBox{
        width: 88%;
    }

    .header-container-yd .icon-caidan--xian {
        padding-top: 1px;
        line-height: 2;
    }
    /* 遮罩 */
    .shade-yd {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: rgba(0, 0, 0, 0.5);
        animation: navs 0.5s ease 0 1 normal none;
    }

    /* 侧边栏 */
    .rnl_card-lightblue,
    .card-header{
        border-radius: 0 !important;
    }
    .rnl_card-lightblue{
        margin-bottom: 0;
    }
    /* 侧边栏大盒子 */
    .navbar-nav-yd {
        display: block;
        position: fixed;
        top: 0;
        right: -100%;
        width: 78%;
        height: 100%;
        background: var(--body-bg);
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 101;
        transition: all .5s;
    }
    /* 动画 */
    @keyframes navs {
        0%{
            right: -100%;
        }
        100%{
            right: 0;
        }
    }

    .navbar-nav-yd hr {
        position: relative;
        margin: 0;
        border: 2px dashed #4face5;
        width: calc(100% - 4px);
    }

    .navbar-nav-yd li a {
        font-size: 16px;
    }

    /* nav分类 start*/
    .classify-yd {
        padding: 0 8px;
    }
    .classify-yd .txt{
        color: var(--text-color);
    }
    .classify-yd .txt .icon-xiajiantou {
        display: inline-block;
        transition: all .2s;
    }

    .classify-yd .menu-yd {
        padding: 8px 58px;
    }

    .classify-yd .warp-yd {
        display: none;
        padding: 8px 28px;
    }

    .classify-yd .menu-yd li {
        padding: 8px 0;
    }

    .classify-yd .warp-yd li {
        padding: 8px 0;
    }

    /* 导航栏 end */
}
@media(max-width: 768px) {
    /* 隐藏右侧边栏,
       隐藏导航栏,
    */
    .w{
        width: 94%;
        padding: 0;
    }
    .sidebar,
    .header-container {
        display: none;
    }

    /* 显示 yd 导航栏 */
    .header-container-yd {
        position: relative;
        display: block;
    }

    /* yd 导航栏 start */
    .home-page{
        padding-top: 10px;
    }

    .header-container-yd .logo {
        float: left;
        width: 84px;
    }

    .logo h1 {
        width: 84px;
        line-height: 1;
    }

    .logo-reg{
        position: relative;
        padding: 1px 10px 0px;
    }

    .logo-reg .username-yd{
        font-size: 16px;
        line-height: 2;
        vertical-align: middle;
    }

    .logo-reg .logout-yd{
        position: absolute;
        top: 38px;
        right: -14px;
        width: 80px;
        background: rgba(0, 0, 0, 0.1);
        font-size: 14px;
        text-align: center;
    }

    .logo-reg .logout-yd li a {
        display: block;
    }

    .logo-reg .icon-denglu-login{
        font-size: 25px;
        line-height: 0.75;
        margin-right: 8px;
    }

    .l-login{
        padding: 0;
    }
    .loginBox{
        width: 88%;
    }

    .header-container-yd .icon-caidan--xian {
        padding-top: 1px;
        line-height: 2;
    }
    /* 遮罩 */
    .shade-yd {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: rgba(0, 0, 0, 0.5);
        animation: navs 0.5s ease 0 1 normal none;
    }

    /* nav分类 start*/
    .classify-yd {
        padding: 0 8px;
    }
    .classify-yd .txt{
        color: var(--text-color);
    }

    .classify-yd .menu-yd {
        padding: 8px 58px;
    }

    .classify-yd .warp-yd {
        padding: 8px 28px;
    }

    .classify-yd .menu-yd li {
        padding: 8px 0;
    }

    .classify-yd .warp-yd li {
        padding: 8px 0;
    }

    /* 导航栏 end */

    /* 轮播图 */
    .rnl-control-container {
        min-height: auto;
    }
    .banner-footer{
        display: none;
    }
    .carousel-inner>.item>img{
        width: 100%;
        height: 68rem;
        object-fit: cover;
    }
    .banner-left .prev,
    .banner-left .next {
        font-size: 14px;
    }

    .banner-right li,
    .carousel-indicators .active {
        width: 12px;
        height: 12px;
    }

    /* 内容区域样式 */
    .content-container .header {
        font-size: 12px;
    }

    .content-container .article-list {
        width: 100%;
    }

    .article-list .article-list-wrap .rnl-card-article {
        width: 100%;
    }

    /* 文章页面 */
    .article-caver-img{
        /* 文章高度 */
        height: calc(48px + 48rem);
        width: 100%;
    }

    .article-info{
        font-size: 14.4px;
    }
    .content-container .cart-grid .article-particulars {
        width: 100%;
        margin: 0 auto;
    }

    .comment-card-header .img-wrap {
        width: 16rem;
        height: 16rem;
    }

    .article-title{
        font-size: 18px;
    }

    /* 发表评论  */
    #slide{
        display: none;
    }
    #sendComment{
        display: block;
    }
    .user-info-parent .comment-info .comment-info-footer,
    .mb10 .comment-info .comment-info-footer{
        font-size: 12px;
    }

    /* 登录弹窗 */
    /* .btn-click{
        left: 20%;
    } */
    /* 分页器 */
    .pagination{
        margin: 0;
    }

    /* 轮播图底部交融动画 */
    .rnl-cart {
        margin-top: -25%;
    }
}