       .article-nav{
            width: 1200px;
            display: table;

        }
         .article-nav .index-nav {
             width: 500px;
             float: left;
             padding-left: 25px;
             padding-top: 30px;
             margin: 0 auto;
         }
        .article-nav .index-nav a {
            text-decoration: none;
            margin-right: 20px;
            font-size: 16px;
            font-weight: 400;
            color: #999999;
        }
        .active-link {
            font-size: 20px !important;
            font-weight: 500!important;
            color: #000000 !important;
        }
        
        a{ text-decoration: none !important;}
        .web-body{
            background-color: #fff;
            min-height: 600px;
        }
        .category-nav{
            width: 1200px;
            display: table;
            margin-top: 15px;
            margin-bottom: 20px;
        }
        .category-nav .category-tab{
            margin-top: 20px;
            padding-left: 20px;

        }
        .category-nav .category-tab a{
            padding: 5px 10px 5px 10px;
            font-size: 14px;
            font-weight: 400;
            color: #000000;
            background-color:#F7F7F7;
            border-radius: 15px;
            margin-right: 15px;
        }
        .active-cate-link{
            padding: 5px 10px 5px 10px;
            background-color : var(--primary-color) !important;
            border-radius: 15px;
            color: var(--text-color) !important;
        }

        .news-list{
            width: 96%;
            border-radius:12px;
            background: #F7F7F7;
            margin: 0 auto;
            margin-bottom: 20px;
        }
        .news-list .news-images{
           margin: 15px;
        }
        .news-list .images{
            padding-top: 10px;
            float: left;
            margin-right: 10px;
        }
        .news-list .images img{
            width: 30px;
            height: 30px;
        }
        .news-list .other{
            padding-top: 10px;
            padding-left: 20px;
        }
        .news-list .other .name{
            font-size: 14px;
            font-weight: 500;
            color: #000000;
        }
        .news-list .other .time{
            font-size: 12px;
            font-weight: 400;
            color: #000000;
        }
        .news-content{
            width: 96%;
            margin: 0 auto;
            display: table;
        }
        .news-content .news-cover{
            width: 256px;
            height: 144px;
            float: left;
        }
        .news-content .news-cover img{
            width: 256px;
            height: 144px;
        }
        .news-content .news-info{
            height: 35px;
            font-size: 14px;
            font-weight: 500;
            color: #000000;
            display: table;
            padding-left: 20px;
        }
        .news-content .news-info .title{
            font-size: 14px;
            color: #000000;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .news-content .news-info .content{
            font-size: 14px;
            color: #000000;
            margin-bottom: 10px;
        }
        .other-box{
            width: 1120px;
            margin-top: 15px;
            margin-right: 10px;
            display: table;
            text-align: right;
        }
        .see{
            font-weight: 400;
            color:#999;
            background-image: url(/statics/images/pc/btn_news_liulanliang.png) ;
            background-position: 5px;
            background-size: 16px 12px;
            background-repeat: no-repeat;
            text-indent: 30px;

        }
        .zan{
            width:60px;
            background-image: url(/statics/images/pc/btn_news_dianzan.png) ;
            background-position: 12px;
            background-size: 16px 16px;
            background-repeat: no-repeat;
            color:#999;
            line-height: 30px;
            padding-left: 0px;
        }
        .comment{
            width:55px;
            background-image: url(/statics/images/pc/btn_news_pingjia.png) ;
            background-position: 10px;
            background-size: 16px 16px;
            background-repeat: no-repeat;
            text-indent: 30px;
            color:#999;
        }
        .login-no {
            width: 96px;
            height: 36px;
            line-height: 40px;
            background: #FEC41A;
            border-radius: 33px;
            text-align: center;
            color: #000000;
            font-size: 14px;
            padding-top: 8px !important;
            text-decoration: none !important;
        }