.article{margin-top: 30px;}
.left{width: 875px;}
.article .left .nav{border-bottom: 2px #F2F2F2 solid;}
.article .left .nav a{display: block; float: left; padding: 10px 7px; font-size: 18px; line-height: 25px; color: #333333; position: relative;}
.article .left .nav span{float: left; display: block; color: #CCCCCC; padding: 10px 12px; line-height: 25px; font-size: 16px;}
.article .left .nav a span{padding: 0; line-height: normal;}
.article .left .nav a.cur span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.article .left .nav a:hover span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.article .list{margin-top: 16px;}
.article .list .item{display: block; padding: 20px; margin-bottom: 20px;}
.article .list .item .pic{width: 300px; height: 200px; border-radius: 4px; overflow: hidden;}
.article .list .item .pic img{width: 100%;}
.article .list .item .content{width: 521px; height: 200px; position: relative;}
.article .list .item .content .tit{font-size: 24px; font-weight: bold; color: #333333; line-height: 32px;}
.article .list .item .content .desc{font-size: 14px; color: #666666; line-height: 28px; margin-top: 10px;}
.article .list .item .content .desc span{color: #F4523B;}
.article .list .item .content .tag{margin-top: 16px;}
.article .list .item .content .tag span{display: inline-block; height: 22px; line-height: 22px; border: 1px #DCDCDC solid; border-left: 2px #DCDCDC solid; color: #999999; padding: 0px 12px; margin-right: 12px;}
.article .list .item .content .other{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 32px; color: #999999;}
.article .list .item .content .other .time{}
.article .list .item .content .other .author{color: #666666; margin-left: 24px;}
.article .list .item .content .other .comment .icon{font-size: 12px; margin-right: 6px; margin-left: 16px;}
.article .list .item .content .other .view .icon{font-size: 12px; margin-right: 6px;}
.article .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}
.article .more{display: block; height: 40px; line-height: 40px; background: #F2F2F2; color: #333333; font-size: 16px; margin-top: 26px; text-align: center;}
.article .more:hover{background: #F4523B; color: #ffffff;}
.right{width: 300px; padding-bottom: 30px;}
.title{line-height: 40px; color: #333333;}
.title span{font-size: 28px;}
.title a{font-size: 16px; color: #333333;}
.h20{width: 100%; height: 20px;}

.personage{padding-top: 5px;}
.personage .item{display: block; float: left; width: 84px; margin: 15px 8px; text-align: center;}
.personage .item .pic{width: 70px; height: 70px; margin: 0px auto; overflow: hidden; border-radius: 40px;}
.personage .item .pic img{width: 100%;}
.personage .item .tit{line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 9px;}
.personage .item .desc{line-height: 18px; font-size: 12px; color: #999999; height: 36px;}
.personage .item:hover .tit{color: #ff0000;}
.personage .item:hover .desc{color: #ff0000;}
.personage .join{display: block; width: 240px; height: 40px; line-height: 40px; text-align: center; margin: 15px auto; border: 1px #F4523B solid; font-size: 16px; color: #F4523B; border-radius: 4px;}

.detail{margin-top: 10px;}
.detail .left{color: #333333;}
.detail .left .title{font-size: 24px; font-weight: bold;}
.detail .left .other{margin-top: 30px; color: #999999; font-size: 12px;}
.detail .left .other span{margin-right: 20px;}
.detail .left .other .icon{margin-right: 8px; font-size: 12px;}
.detail .left .content{padding: 30px 0px; font-size: 16px; line-height: 34px;}
.detail .left .content img{max-width: 100%;}
.detail .left .keywords{font-size: 16px;}
.detail .left .keywords a{display: inline-block; height: 30px; line-height: 30px; border: 1px #DCDCDC solid; border-left: 2px #DCDCDC solid; color: #999999; padding: 0px 12px; margin-right: 12px;}
.detail .left .keywords a:hover{color: #F4523B; border-left: 2px #F4523B solid;}
.detail .left .statement{color: #999999; margin-top: 30px;}
.detail .left .page{border-top: 2px #F4523B solid; padding: 10px 15px; margin-top: 30px;}
.detail .left .page a{width: 392px; display: block; float: left; margin: 0px 15px;}
.detail .left .page a .tit{text-align: center; font-size: 18px;}
.detail .left .page a .con{width:100%; height: 40px; line-height: 40px; font-size: 14px; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; text-align: center;}
.detail .right .title{line-height: 40px; color: #333333;}
.detail .right .title span{font-size: 28px;}
.detail .right .title a{font-size: 16px; color: #333333;}

.rank{background: #F8F8F8; padding: 16px; margin-bottom: 30px; margin-top: 20px;}
.rank .item{display: block; width: 100%; font-size: 16px; padding: 10px 0px;}
.rank .item span{display: inline-block; width: 20px; height: 20px; font-size: 14px; margin-right: 10px; text-align: center; color: #ffffff; background: #CCCCCC;}
.rank .item p{float: right; width: 238px; line-height: 22px;}
.rank .item .s1{background: #DE3225;}
.rank .item .s2{background: #EE9D26;}
.rank .item .s3{background: #3F73E8;}
.rank .item .s4{background: #CCCCCC;}
.rank .item:hover{color: #FF2323;}

.news{}
.news .left .list{}
.news .left .list .time{width: 96px; height: 120px; border-right: 1px #E5E5E5 solid; font-size: 16px; color: #999999;}
.news .left .list .time .day{text-align: center; font-size: 52px; color: #F4523B;}
.news .left .list .item{width: 754px; color: #333333; padding-bottom: 30px; border-bottom: 1px #F2F2F2 solid; margin-bottom: 20px;}
.news .left .list .item .tit{font-size: 24px;}
.news .left .list .item .other{font-size: 12px; color: #999999; padding: 20px 0px;}
.news .left .list .item .con{font-size: 14px; line-height: 22px;}
.news .left .list .item{width: 754px;}
.news .left .list .item{width: 754px;}
.news .left .list .more{display: block; margin: 30px auto; width: 240px; height: 40px; line-height: 40px; text-align: center; border: 1px #F4523B solid; border-radius: 4px; font-size: 16px; color: #F4523B;}
.news .left .list .item p{text-align: center; font-size: 16px; display: none;}

.loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.report{}
.report .item{display: block; margin-top: 20px;}
.report .item img{width: 100%;}
.forum{}
.forum .first{display: block; margin-top: 20px;}
.forum .first img{width: 100%;}
.forum .item{display: block; width: 100%; height: 20px; line-height: 20px; font-size: 16px; margin-top: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.forum .item span{display: inline-block; width: 20px; height: 20px; font-size: 14px; margin-right: 10px; text-align: center; color: #ffffff;}
.forum .item .s1{background: #DE3225;}
.forum .item .s2{background: #EE9D26;}
.forum .item .s3{background: #3F73E8;}
.forum .item .s4{background: #CCCCCC;}
.forum .item:hover{color: #FF2323;}

.recommend{}
.recommend .first{display: block; margin-top: 20px;}
.recommend .first img{width: 100%;}
.recommend .item{display: block; margin-top: 20px;}
.recommend .item span{display: inline-block; width: 6px; height: 6px; background: #FF2020; border-radius: 3px; margin-top: 9px;}
.recommend .item p{width: 289px; font-size: 16px; line-height: 24px; color: #333333;}
.recommend .item:hover p{color: #FF0000;}

.service{border-top: 2px #F4523B solid; padding-top: 30px;}

.live{}
.live .item{display: block; margin-top: 20px;}
.live .item img{width: 100%;}