.banner{position: relative;}
.banner .swiper-container{width: 880px; height: 360px;}
.banner .swiper-container .swiper-slide{position: relative;}
.banner .pic{width: 565px; height: 320px;}
.banner .tit{position: absolute; width: 800px; padding: 0px 40px; height: 56px; line-height: 56px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 24px;}
.banner .pagination {position: absolute; right: 40px; bottom:22px; z-index: 2;}
.banner .swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius: 6px; background: #ffffff; margin: 0 5px; cursor: pointer;}
.banner .left .swiper-active-switch {background: #F4523B;}

.forum{margin-top: 10px;}
.forum .left{width: 880px;}
.forum .list{margin-top: 16px;}
.forum .list .item{display: block; padding: 20px; margin-bottom: 20px;}
.forum .list .item .pic{width: 300px; height: 200px; border-radius: 4px; overflow: hidden;}
.forum .list .item .pic img{width: 100%;}
.forum .list .item .content{width: 521px; height: 200px; position: relative;}
.forum .list .item .content .tit{font-size: 24px; font-weight: bold; color: #333333; line-height: 32px;}
.forum .list .item .content .desc{font-size: 14px; color: #666666; line-height: 28px; margin-top: 10px;}
.forum .list .item .content .desc span{color: #F4523B;}
.forum .list .item .content .tag{margin-top: 16px;}
.forum .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;}
.forum .list .item .content .other{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 32px; color: #999999;}
.forum .list .item .content .other .time{}
.forum .list .item .content .other .author{color: #666666; margin-left: 24px;}
.forum .list .item .content .other .comment .icon{font-size: 12px; margin-right: 6px; margin-left: 16px;}
.forum .list .item .content .other .view .icon{font-size: 12px; margin-right: 6px;}
.forum .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}
.forum .right{width: 300px;}
.forum .right .title{line-height: 40px; color: #333333;}
.forum .right .title span{font-size: 28px;}
.forum .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;}

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

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