body {
    background-color: #F1F2F6;
}

.BigName{
    width: 1195px;
    margin: 0 auto;

    font-size:24px;
    font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    margin-top: 20px;
    padding-left: 32px;
}

/* .publish */

.mainContent{
    width: 1195px;
    height: auto;
    margin: 0 auto;
    padding-top: 25px;
}

.publish {
    width: auto;
    height: auto;
    /* display: block; */
    position: relative;
    background: white;
    /* background: red; */
    display: flex;
    padding-left: 32px;
    margin-top: 26px;
}

.publish span {
    font-size: 14px;
    font-weight: 600;
    /* line-height: 19px; */
    color: #5c92ff;
    /* width: 759px; */
    display: inline-block;

    padding-right: 40px;

    /* width:600px;
    height:48px; */
    /* float: left; */
    /* font-size:14px; */
    font-family:MicrosoftYaHei;
    color:rgba(102,102,102,1);
    line-height:24px;
    flex: 1;
}

.publish a {
    /* position: absolute;
    right: 330px;
    top: 28px; */
    /* float: right; */
    display: inline-block;
    /* width: 100px;
    height: 36px; */
    line-height: 44px;
    /* background-color: #5c92ff; */
    /* border-radius: 2px; */
    border: solid 1px #e5e5e5;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin-right: 32px;



    width:160px;
    height:44px;
    background:rgba(11,54,122,1);
    border-radius:22px;
}

.container {
    float: left;
    width: 865px;
    height: auto;
    margin-bottom: 30px;
    background: white;
}

.articleList {
    padding: 57px 32px 0px 32px;
    background-color: #ffffff;
    box-shadow: 0px 3px 7px 0px rgba(4, 0, 0, 0.08);
    /* border: solid 1px #dddddd; */
}

.article {
    position: relative;
    /* border-bottom: 1px solid #dddddd; */
    padding-bottom: 18px;
}

.article .name{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.article .name h2{
    /* width:200px;
    height:21px; */
    font-size:16px;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);
    font-weight: none;
    /* line-height:21px; */
    /* float: left; */
    display: block;
}

.article .name ul{
    position: absolute;
    right: 0px;
    top: 0px;
}

.article .name ul li{
    /* width: 14px;
    height: 14px; */
    display: block !important;
    float: right;
    margin-left: 25px;
}

.article:last-child {
    border: none;
}

.article .desc {
    /* font-size: 16px; */
    /* line-height: 30px; */
    /* color: #333333; */
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;

    /* width:728px;
    height:48px; */
    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(153,153,153,1);
    line-height:24px;
}

.article .desc img {
    width: 176px;
    height: 176px;
}

.article .praise {
    clear: both;
    background: url(/img/website/grzx_wddt_dianzan.png) no-repeat;
    padding-left: 31px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 18px;
}

.article .operation {
    width: 100%;
    height: 22px;
    margin: 20px auto;
}

.article .operation .read {
    float: left;
    font-size: 14px;
    color: #999999;
    background: url(/website/img/yueduliang.png) 0 center no-repeat;
}

.article .operation .read span{
    display: flex;
    align-items: center;
    padding-left: 22px;
}

.article .operation .read span img{
    margin-right: 5px;
}

/* .article .operation .category,
.article .operation .publishDate {
    font-size: 16px;
    color: #999999;
    margin-right: 20px;
} */

.article .operation .category{
    /* width:48px;
    height:16px; */
    font-size:12px;
    font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight:bold;
    color:rgba(102,102,102,1);
    line-height:16px;
    float: left;
}

.article .operation .pinglunbox{
    float: left;
    margin-left: 20px;
}

.article .operation .pinglunbox img{
    float: left;
}

.article .operation .publishyuedu{
    float: left;
    margin-left: 20px;
}

.article .operation .publishyuedu img{
    float: left;
}

.article .operation .zanbox{
    float: left;
    margin-left: 20px;
}

.article .operation .zanbox img{
    float: left;
}

.article .operation .publishDate{
    float: right;
    
    font-size:12px;
    font-family:MicrosoftYaHei;
    color:rgba(153,153,153,1);
    line-height:16px;
}

.article .operation .btns {
    float: right;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.article .operation .btns>div {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    font-size: 15px;
    color: #666666;
    cursor: pointer;
}

.article .operation .btns>div:last-child {
    margin-right: 0px;
}

.article .operation .like {
    background: url(/img/website/grzx_wddt_weidianzan.png) no-repeat;
    float: left;
    margin-left: 20px;
    height: 20px;
    width: 20px;
}
   
.article .operation .author {
    float: left;
    margin-right: 10px;
}
.article .operation .liked {
    background: url(/img/website/grzx_wddt_dianzan.png) no-repeat;
    float: left;
    margin-left: 20px;
    height: 20px;
    width: 20px;
}

.article .operation .comment {
    background: url(/img/website/grzx_wddt_pinglun.png) no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    position: relative;
    top:3px;
    left:10px;
}

.article .operation .share {
    background: url(/img/website/grzx_wddt_fenxiang.png) no-repeat;
    position: relative;
}

.article .operation .heart {
    background: url(/img/website/grzx_wddt_weishoucang.png) no-repeat;
}

.article .operation .hearted {
    background: url(/img/website/grzx_wddt_yishoucang.png) no-repeat;
}

.article .operation .write {
    background: url(/img/website/grzx_wddt_bianji.png) no-repeat;
}

.article .operation .delete {
    background: url(/img/website/grzx_wddt_shanchu.png) no-repeat;
}

.nodata {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 865px;
    height: 551px;
    background-color: #ffffff;
    box-shadow: 0px 3px 7px 0px rgba(4, 0, 0, 0.08);
    border: solid 1px #dddddd;
}

.nodata .noDataInfo {
    text-align: center;
}

.nodata img {
    display: inline;
}

.nodata p {
    font-size: 18px;
    color: #5f7583;
    margin-top: 42px;
}

.aside {
    width: 295px;
    height: auto;
    float: right;
    margin-bottom: 30px;
}

.share_con {
    display: none;
    left: -35px;
    padding: 3px 0 4px;
    top: 25px;
    width: 90px;
}





.service{
    width: 264px;
    /* height: auto; */
    height: 240px;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 0px 
		rgba(4, 0, 0, 0.05);
    border: solid 1px #e5e5e5;
    padding: 15px 15px 22px 15px;
}
.aside h2{
    font-size: 18px;
    color: #666666;
    float: left;
}
.aside .more{
    float: right;
	height: 12px;
	font-size: 14px;
	line-height: 27px;
	color: #666666;
}
.service .detail{
    clear: both; 
}

.service .detail li dl{
    width: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background:rgba(255,255,255,1);
    margin-top: 10px;
}
.service .detail li dl dd .p2 span{
    color: #fe841d;
}
.service .detail li dl dt{
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}
.service .detail li dl dt img{
    width: 40px;
    height: 40px;
    display: block;
    /* color: #999999; */
}

.service .detail li dl dd .p2 span{
    color: #fe841d;
}
.service li{
    float: left;
    margin-bottom: 10px;
    padding-top: 10px;
    margin-left: 20px;
}
.service li:nth-of-type(even){
    margin-right: 0px;
}