/* 默认基础样式vertical */
    .artlist-nav{width: 80%;}
    .artlist-nav ul{ padding: 0; }
    .artlist-nav ul li{background: #fff;border-bottom: 1px solid #eee; cursor: pointer; padding: 10px; }
    .artlist-nav ul li a{color: #525252; display: block; width: 100%; padding: 10px; }
    .artlist-nav ul li a.col-red { color: #a61111; font-weight: bold; background: #f5f5f5; }
    .artlist-navtit{background: #a61111;color: #fff;margin-bottom: 20px;padding: 6px 10px;}
    .artlist-nav li:last-child{border-bottom:0;}
    .artlist-nav li:hover a { color: #a61111; font-weight: bold; background: #f5f5f5; }

    .artlist-con{padding: 1rem;margin-bottom: 3rem;}
    .artlist-con>ul li{padding: 30px 20px; }
    .alist-l img{width: 100%;height: 180px;object-fit: cover;}
    .alist-r p{font-size: 13px;color: #757575;margin-top: 16px;}
    .alist-r-tit{font-size: 16px; font-weight: bold;color: #525252;}
    .alist-r-time{font-size: 12px;color: #bbb; padding-left: 18px; background: url(/static/school/images/icon-time.png) no-repeat left 7px;
        background-size: 14px 14px; padding-top: 4px; overflow: hidden;}

    .page-link{margin: 0 10px;}
    .pagination-box{text-align: center;}
    .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #a61111;background: #fff; border:1px solid  #a61111;}
    .pagination>li>a, .pagination>li>span{color: #8d8d8d;}

    .horizontal .alist-l { border: 1px solid #eee; height: 200px; overflow: hidden; background-repeat: no-repeat; 
        background-size: auto; background-position: center center; }
    .horizontal .alist-l img{ width: 100%; margin: 0px auto; display: none; }
    .horizontal .alist-r{border: 1px solid #eeeeee; background: #f5f5f5; border-top: 0;padding: 14px;}
    .horizontal .alist-r-tit { overflow:hidden; white-space: nowrap;text-overflow:ellipsis;width: 100%; display: inline-block; }

    .vertical .artlist-con>ul li { border-bottom: 1px solid #eee; display: flex; align-items: center; }
    .vertical .artlist-con>ul li:last-child { border-bottom: 0; border-bottom: none; }
    .vertical .artlist-con>ul li:hover { background: #f5f5f5; }
    .vertical .alist-l { max-height: 220px; overflow: hidden; }
    input[name='q']:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; } 
    .no-list { font-size: 15px; text-align: center; line-height: 2.6; color: #999; margin-top: 2rem; padding: 1rem 0; background: #eee; }
    @media screen and (max-width: 1000px) {
        .article .artcon h2,
        .article .artcon .artpath { text-align: left; }
        .article .banner .body { left: 10%; top: 10%; margin-left: 0; }
        
        .horizontal .alist-l img { display: block; height: auto; max-height: 300px; width: auto; margin: 0 auto; } 
        .horizontal .alist-l { height: auto; }

        .vertical .artlist-con>ul li { display: block; padding: 16px; border: 1px solid #eee; border-radius: 6px; margin-bottom: 10px; }
        .vertical .artlist-con>ul li .col-xs-12 { padding: 0; }
        .vertical .artlist-con>ul li:last-child { border-bottom: 1px solid #eee; }
        .vertical .alist-l { max-height: none; overflow: hidden; }
        .vertical .alist-l img { max-height: 300px; display: block; margin: 0 auto 10px;}
    }
    @media screen and (max-width: 500px) {
        .mt3 {  margin-top: 2rem; }
        .sidebar-nav{background: #fff;height: 200px;overflow: hidden;overflow-y: auto;}
        .artlist-con{ padding: 1rem; margin-bottom: 1rem;}
        .artlist-nav{width: 100%;}
        .alist-r-tit { font-size: 15px; }
        .horizontal .alist-l img { width: 100%; }
    }