@charset "utf-8";
/**
    ArticleList
*/
.articleListBox{
    padding:8px;
    box-sizing:border-box;
    background-color:#f4f4f4;
    overflow:hidden;
}
.articleItemBox{
    padding:10px;
    box-sizing:border-box;
    /*border:1px solid #eee;*/
    border-radius:7px;
    margin-bottom:8px;
    background-color:#fff;
}
.articleTitle{
    width:100%;
    padding:5px 0px;
    font-size:16px;
}
.articleContentBox{
    position:relative;
    width:100%;
    padding:6px 0px;
    overflow:hidden;
}
.articleImg{
    float:left;
    width:40%;
    height:0;
    padding-bottom: 28%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.articleNote{
    width:auto;
    box-sizing:border-box;
    margin-left:45%;
    font-size:12px;
    color:#666;
    line-height:18px;
}
.viewDetail{
    position:absolute; 
    z-index:2;
    left:45%;
    right:3px; 
    bottom:5px;
}
.viewDetail span{
    display:inline-block;
    font-size:12px;
    color:#aaa;
}
.viewDetailCount{
    line-height:25px;
}
.viewDetailIcon{
    font-size:12px;
    color:#f60!important;
    background-color:none;
    border:1px solid #bfeeb9;
    border-radius:12px;
    padding:3px 8px;
    box-sizing:border-box;
}
.viewDetail i{
    font-size:16px;
    vertical-align:middle;
}
/*
    ArticleView
*/
.detailBox{
    width:100%;
    background-color:#fff;
    padding:18px 12px;
    box-sizing:border-box;
}
.artTitle{
    font-size:18px;
    text-align:left;
    padding:20px 0px;
}
.artInfo,.artInfo span{
    color:#999;
}
.artInfo a{
    color:#038115;
    margin-right:8px;
}.artInfo i{
    vertical-align:middle;
}
.artContent{
    width:100%;
    padding:30px 0px;
    line-height:24px;
    overflow:hidden;
}
.artContent div,.artContent span,.artContent p{
    font-size:15px;
}
.artContent img{
    max-width:100%;
    border:0px;
    height:auto;
}
.whereFrom{
    color:#999;
    padding:150px 0px;
}
.relateTitle{
    border-top:1px solid #eee;
}
.relateTitle span{
    color:#038115;
    font-size:18px;
}
.relateTitle i{
    color:#038115;
    font-size:24px;
}