h1.title{
font-size: 22px;
}
.article .s-block-title h2{
text-align: left;
}
.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 .brief{
font-weight: bold;
}
.article .article-relation{
padding: 10px;
background: rgb(237, 185, 63, .3);
margin-bottom: 10px;
}
.article .article-relation a:hover{
color: #006c93
}
.article .article-top .article-relation{
clear: both;
display: block;
padding: 10px;
background: none;  
margin-bottom: 10px;
}
.article .content .img{
margin: 0 auto;
text-align: center;
}
.article .content img{
width: 100%;
}
.article .content .img .alt{
display: block;
background: #f5f5f5;
color: #333;
font-size: 13px;
padding: 6px;
margin-bottom: 10px;
}
.article-top{
position: relative;
padding-top: 10px;
padding-bottom: 15px;
border-bottom: 1px #e7e7e7 solid;
}
.article-top .left{
float: left;
width: 46%;
}
.article-top .left img{
width:100%;
}
.article-top .right{
float: right;
width: 50%;
}
.article-top .right h3{
text-transform: uppercase;
font-size: 20px;
padding-bottom: 10px;
}
.article-top .right .more{
text-align: center;
}
.article-top .right .more a{
border: 1px solid #ccc;
padding: 6px 20px;
font-size: 14px;
}
.article .date{
font-size: 12px;
color: #999;
}
.category-title h2 .icomoon{
margin: 0 10px;
font-size: 22px;
}
/*.category-title a{
padding: 8px;
font-size: 14px;
}
*/
.category-title .child{
display: inline;
}
.category-title .child a{
padding-right: 12px;
margin-right: 10px;
font-size: 14px;
border-right: 1px #ddd solid;
}      
.category-title .child a:hover{
color: #006c93;
}
.category-title .child a:last-child{
border-right: 0;
}
.article-category .article-content .article-top {
float:left;
width:68%;
margin: 0 2% 0 0;
padding: 0 20px 0 0;
border-right: 1px #e9e9e9 solid;
border-bottom: 0;
}
.article-category .article-content .article-top h3{
padding-bottom: 10px;
}
.article-category .article-content .article-top h3 a{
font-size: 18px;
font-weight: bold;
}
.article-category .article-content .article-top img{
float: left;
padding-right: 20px;
}
.article-category .article-content .article-other {
float:right;
width:30%;
clear: none;
padding-top: 0;
}
.article-category .article-content .article-other li{
list-style:none;
background: url("../images/dot.png") no-repeat scroll 0px 12px transparent;
padding: 5px 0 0 10px;
}
.article-category .article-content .article-other li:first-child{
background: none;
padding: 0 0 0 0;
}
.article-category .article-content .article-other li:first-child a span{
font-weight: bold;
display: block;
padding-top: 6px;
}
.article-other h3{
padding-bottom: 0px;
}
.article-other ul img, .article-list img {
display: block;
margin: 0 auto;
margin-left: auto !important;
margin-right: auto !important;                         
}
.content .none{
border-left:none;
}
.content .none2{
padding:0 0 0 10px;
}
.article h3.title{
padding:10px 0;
}
.article .arrow{
padding-top: 20px;
}
.article-other{
clear: both;
padding-top: 10px;
}
.article-list{
clear: both;
padding-top:15px;
padding-bottom:15px;
margin-bottom:15px;
border-bottom: 1px #e7e7e7 solid;
}
.article-list:before, .article-list:after {
content: "";
display: table; 
}
.article-list:after {
clear: both; 
}
.article-list img{
margin: 0 auto;
display: block;
}
.article-list h3{
line-height: 24px;
padding-bottom: 10px;
}
.article-list h3 a{
font-size: 18px;
font-weight: bold;
display: block;
}
.article-list .brief{
padding: 0;
}
.detail{
float: right;
padding-top:2px;
}
.detail a{
color: #0F204B;
font-size: 12px;
}
.detail a:hover{
color: #000;
}
.article-list .article:first-child{
margin-left: 0 !important;
}
.article-list .article{
display: block;
float: left;
}
.article-list .article.a0{
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px #e7e7e7 solid;
}
.article-list .article.a0:last-child{
border-bottom: none;
}
.article-list .article.a0 .border{
width: 70%;
padding: 0 20px;
float: right; 
}
.article-list .article.a0:nth-child(odd) img{
width: 30%;
float: left;
}
.article-list .article.a0:nth-child(even) img{
width: 30%;
float: right;
}
.article-list .article.a1{
width: 100%;
}
.article-list .article.a1 img {
float: left;
margin-right: 20px !important;
}
.article-list .article.a2{
margin-left: 2%;
width: 49%;
}
.article-list .article.a3{
margin-left: 3.5%;
width: 31%;
}
.article-list .article.a4{
margin-left: 1%;
width: 24%;
}
.article-list .article.a1 .border{
padding: 0;
}
.article-list .article .border{
padding: 10px 0;
}
.article-list .article .shadow {
display: none;
}
.article-list .article:hover .shadow {
display: block;
text-align: center;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
}
.article-list .article .shadow .button {
position: absolute;
bottom: 50%;
top: 50%;
left: 15%;
right: 15%;
height: 50px;
margin-top: -25px;
border-radius:5px;
background: none;
border: 1px #fff solid;
color: #fff;
}
.relation{
clear: both;
}
.relation ul li{
list-style: none;
}
.about h3{
margin-bottom: 10px;
border-bottom: 1px #333 solid;
}
#faqs h4{
padding: 10px;
}
#rating{padding-bottom:20px;}
#rating h3{display:block;padding-bottom:10px;}
#rating .star{float: left; margin-right: 10px;}
#rating .rate{font-size: 26px;}
#rating .rate .rate-base-layer{color: #999;}
#rating .rate .rate-hover-layer{color: #666; cursor: pointer;}
#rating .rate .rate-select-layer{color: #FECB00;}
#rate_result{color: #999};
@media only screen and (max-width: 660px){
    /*.article-list .article{
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom:10px;
    }*/
    .article-list{
    margin-bottom: 10px;
    padding-bottom: 0;
    }
    .article-list .article.a0{
    padding: 20px 0;
    }
    .article-list .article.a0:nth-child(even) .border{
    padding: 0 20px 0 0;
    }
    .article-list .article.a0:nth-child(odd) .border{
    padding: 0 0 0 20px;
    }
    .article-category .article-content .article-top, .article-category .article-content .article-other {
    float: left;
    border: 0;
    padding: 0 0 10px 0;
    margin: 0;
    width: 100%;
    }
    .article-category .article-content .article-top img{
    width: 40%;
    }
    .article-top .left, .article-top .right{
    float: none;
    width: 100%;
    }
    .article-top .right h3{
    padding-top: 10px;
    }
}