.parent0{
background:#F8F8F8;
}
.parent1{
background:#E8E8E8;
}

.comment-list .children {
    margin-left: 20px;
}
.comment-list, .comment-list .children{
list-style:none !important;
padding:0;
}
.content ol li.parent0, .content ol li.parent1{
list-style:none;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:10px;
margin:2px 0;
}
.content ol li.comment{
list-style:none;
border-top:1px #fff dotted;
padding-top:10px;
}
.comment-total{
font-size: 15px;
font-weight: bold;
padding: 3px 10px;
}
.comment_name{
font-weight:bold;
}
.comment_name span{
font-size:11px;
color:#aaa;
font-weight:normal
}
.article{
padding-right: 20px;
}
.article h1.title{
    color: #555;
    line-height: 30px;
    font-size:20px;    
    padding-bottom: 20px;
}
.article h1.title a{
    color: #555;
    padding: 0 10px 0 0;
    font-size:20px;    
}
.article h1.title span{
padding: 0;
}
.article .relation{
padding-left: 40px;
}
.article .relation ul li{
padding-bottom:10px;
margin-bottom:10px;
list-style: none !important;
}
.article .relation ul li img{
display: block;
padding-bottom: 10px;
}
.article .relation ul li a{
text-transform: uppercase;
color: #222;
}
.article .relation ul li div{
color: #666;

}
.article-category{
border-left:1px #ccc solid;
padding-right: 10px;
}
.content .none{
border-left:none;
}
.content .none2{
padding:0 0 0 10px;
}
.img-hover img:hover{

}
.article-category .article-content {
float: left;
margin-top: 5px;
width: 100%;
}
.article-category .article-content .article-top {
}
.article-category .article-content .article-other {
clear:both;
text-align: justify;
}
.article-other ul li{
list-style:inside disc
}
.article-top img, .article-other ul img{
float: left;
margin-right: 15px;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
/*.article img{
width: 60%;
}
.article .even img{
float: left;
padding-right: 20px;
}
.article .odd img{
float: right;
padding-left: 20px;
}
.article-list h3{
width: 40%;
border-top: 2px #333 solid;
border-bottom: 2px #333 solid;
margin-bottom:10px
}*/
.article{
font-size: 14px;
}
.article .odd .left{
float: left;
width:40%;
padding:50px 24px 0 24px;
}
.article .odd .right{
float: right;
width:60%;
}
.article .even .left{
float: right;
width:40%;
padding:50px 24px 0 24px;
}
.article .even .right{
float: left;
width:60%;
}
.article-list{
padding-bottom: 1px;
}
.article-list h3{
margin-bottom:10px;
}
.article-list img{
margin: 0 auto;
display: block;
}
.article-list h3 a{
color: #383838;
font-size: 18px;
display: block;
}
.article-list .brief{
padding-top: 10px;
font-family: Arial;
}
.detail{
float: right;
padding-top:20px;
}
.detail a{
color: #B40808;
font-size: 12px;
}
.detail a:hover{
color: #000;
}
     
@media screen and (max-width: 600px){
    .article .even .left, .article .even .right, .article .odd .left, .article .odd .right{
    width:100%;
    padding: 0;
    }
    .article-list h3{
    margin-bottom:0;
    margin-top:20px
    }
    .article-list .brief{
    padding-top: 0px;
    }
}
@media screen and (max-width: 660px){
    .article .relation{
    padding-left: 0;
    }
}

.other-cat {
margin-bottom: 10px;
overflow: hidden;
width: 100%;
}
.other-cat .other-content {
float: left;
margin-top: 5px;
width: 100%;
}
.other-cat .other-content .other-top {
}
.other-cat .other-content .article-other {
clear:both;
text-align: justify;
}
.article-other{
clear:both;
padding-top: 20px;
}
.article-other ul li span, h1 span, .article-list span{
display: block;
font-size:12px !important;
font-weight: normal !important;
color:#ccc !important;
text-transform:none !important;
}
.article-other ul li span{
display: inline;
}
.other-top img, .article-other ul img, .other-list img {
float: left;
margin-right: 5px;
overflow: hidden;
padding: 1px;
vertical-align: middle;
}
.other-list{
min-height:130px;
}
.category-line{
clear:both;
background:#eee;
height:1px;
width:100%;
margin:10px;
}
.line2{
clear:both;
height:1px;
width:100%;
}