﻿
.content-container .infor {
    margin-top: 36px;
}

    
.content-container .row  .top{
    width: 100%;height: 40px;line-height: 38px;border-bottom: 1px solid #bbb;
}
.content-container .row  .top .title{
    float: left;padding: 0 10px;border-bottom: 2px solid #b8301e;font-size: 19px;color: #B83C2B
}
.content-container .row .top .more a {
    float: right;color: #bbb;font-size: 13px;
}

.content-container .row  .top .more a:hover{
    color: #B83C2B;
}
.content-container .row  .content{
    height: 112px;width: 100%;margin-top: 20px;overflow: hidden;border-bottom: 1px solid #bbb
}
.content-container .row .left .content .img{
    width: 150px;float: left;margin-right: 10px
}
.content-container .row .left .content .content-title{
    line-height: 25px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
}
.content-container .row .left .content .content-title a{
    color:#696969;
}
.content-container .row .left .content .content-title a:hover{
    color:#B83C2B;
}
.content-container .row .left .content .description{
    color:#bbb;font-size: 13px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;max-height: 6.0em;line-height: 25px; 
}
.content-container .row .left .second-content .left{
    height: 75px;width: 100%;margin-top: 12px;
}
.content-container .row .left .second-content .left .date-content{
    width: 68px;height: 68px;margin: 0px 20px 10px 0; float: left;background:#B83C2B
}
.content-container .row .left .second-content .left .date-content .year{
    line-height: 25px;color: #fff;font-size: 22px;text-align: center;margin-top: 11px
}
.content-container .row .left .second-content .left .date-content .month{
    line-height: 20px;color: #fff;font-size: 15px;text-align: center;
}
.content-container .row .left .second-content .left .title{
    color:#696969;line-height: 25px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
}
.content-container .row .left .second-content .left a{
    color:#696969;
}
.content-container .row .left .second-content .left a:hover{
    color:#B83C2B;
}
.content-container .row .left .second-content .left .description{
    color:#bbb;font-size: 13px; display: -webkit-box;
-webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  text-overflow: ellipsis;max-height: 3.7em;
line-height: 23px
}

.tag{
  display: inline-block;
                background-color: #696969;
                float: left;
                margin-right: 10px;
                margin: auto;
                right: auto;
                line-height: normal;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                margin-top: 11px;
                margin-right: 10px;
                margin-left: 10px;  
}

.content-container .row .right .first ul{
    padding: 0;padding-top: 5px;
} 
.content-container .row .right .first ul li{
border-bottom: dotted 1px #eee;margin-top: 9px;line-height: 28px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
    padding: 0;
} 

.content-container .row .right .first ul li .article {
    display: inline-block;width: 70%;color: #696969;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
}
.content-container .row .right .first ul li .time{
    float: right;display: inline-block; width: 22%;text-align: right;color: #bbb;font-size: 13px
}
.content-container .row .right .first ul li a:hover{
    color: #B83C2B
}


/*222222*/
.content-container .infor .top2{
    width: 100%;height: 40px;line-height: 38px;
}

.content-container .infor .top2 .left{
    float: left;padding: 0 10px;font-size: 22px;color: #B83C2B
}
.content-container .infor .top2 .left .title1{
    color: #3a3838;font-family: \5B8B\4F53;margin-left: 8px
}
.content-container .infor .top2 .left .title2{
    color: #b6b0b0;font-size: 21px
}
.content-container .infor .top2 .more{
    float: right;color: #bbb;font-size: 13px;
}

.content-container .infor .content2 .item{
    width: 100%;margin-top: 20px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.content-container .infor .content2 .item .article{
    padding-bottom: 30px;
}
.content-container .infor .content2 .item img{
    width: 100%;margin-right: 10px; min-height:150px;        
}
.content-container .infor .content2 .item .title{
    color:#696969;line-height: 25px;padding: 10px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
max-height: 4.0em;
}
.content-container .infor .content2 .item .description{
    color:#bbb;font-size: 13px;padding:5px 10px 0px 10px;
            display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
max-height: 12em;
height: 100px;
}


 /*33333*/

.content-container .third .content{
width: 100%;margin-top: 20px;height: inherit;border-bottom:none;
}

.content-container .third .content .img{
width: 100%;margin-right: 10px
}

.content-container .third .content .article ul{
padding: 0;padding-top: 5px;
}
.content-container .third .content .article ul li{
border-bottom: dotted 1px #eee;margin-top: 9px;line-height: 30px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
}

.content-container .third .content .article ul li .title{
display: inline-block;width: 68%;overflow: hidden;color: #696969;font-size: 15px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
}
.content-container .third .content .article ul li .time{
float: right;display: inline-block; width: 22%;text-align: right;font-size: 12px;color: #bbb
}
.content-container .third .content .article ul li a:hover{
color:#B83C2B;
}
