xinyi/public/static/dangjian/css/main.css

.header{height: 0.9rem;background: #343434;position: fixed;width: 100%;
    z-index: 1000;}
.header a{color: #FFFFFF;font-size: 0.32rem;}
.header .headerLeft{width:0.6rem;height: 0.9rem;}
.headerCenter{text-align: center;}
.headerRight{display: inline-block;width: 0.6rem;height:0.9rem;}

.contentBox{padding-top: 0.9rem;padding-bottom: 0.96rem;
    position: relative;}
.headTab{height: 0.65rem;background: #d23c3b;overflow-x: scroll;position: ;}
.headTab ul{width: 9rem;height: 0.65rem;}
.headTab ul li{float: left;height: 0.65rem;color: #FFFFFF;line-height: 0.65rem;padding: 0 0.2rem;}
.headTab ul li a{padding-bottom: 0.1rem;color: #ffffff;}
.headTab ul li .activeLia{background: url(../img/line.jpg) no-repeat bottom center;background-size: 0.46rem 0.04rem;}
.search{display: block;width: 0.9rem;height: .65rem;
background-size: 0.32rem;position: absolute;top: .9rem;right: 0;
text-align: center;background: rgba(210,60,59,.6);line-height: .65rem;}
.icon-search{
    font-size: .4rem;
    color: #ffffff;
}

.newsListBox{background: #FFFFFF;margin-bottom: 0.2rem;}
.newsList{padding: 0 0.3rem;padding-bottom: 0.3rem;}
.newsListTitle{display: table;width: 100%;height: 1rem;}
.newsListTitleLeft,.newsListTitleRight{display: table-cell;vertical-align: middle;font-size: 0.32rem;color: #333333;}
.newsListTitleRight{text-align: right;font-size: 0.24rem;color: #9a9a9a;}
.newsDetail{color: #666565;line-height: 0.46rem;padding-bottom: 0.1rem;}
.newsImg{width: 2.26rem;height: 1.5rem;}
.voteBox{background: #f0f0f0;height: 2.4rem;margin-top: 0.2rem;}
.voteItemBtn{width: 0.9rem;height: 0.9rem;border-radius: 50%;background: #d23c3b;color: #FFFFFF;text-align: center;
line-height: 0.9rem;margin: auto;font-size: 0.24rem;}
.voteItem p{color: #666666;text-align: center;margin-top: 0.4rem;}

.voteBox2{background: #f0f0f0;margin-top: 0.2rem;padding: 0 0.2rem;}
.voteBox2Item{height: 0.8rem;}
.voteBox2Item .kindName{width: 1.36rem;text-align: right;color: #666666;}
.voteBox2Item .progress{margin: 0 0.2rem;}
.voteBox2Item .progress span{border-radius: 0.6rem;}
.voteBox2Item .ticketNum{color: #666666;font-size: 0.24rem;margin-right: 0.2rem;}
.voteBox2Item .tickeBtn{width: 0.72rem;height: 0.42rem;background: #d23c3b;color: #FFFFFF;text-align: center;
line-height: 0.42rem;border-radius: 3px;font-size: 0.24rem;}


.footer{width: 100%;height: 0.96rem;position: fixed;bottom: 0;background: #ffffff;border-top: 1px solid #999999;}
.homeBg{width: 0.5rem;height: 0.4rem;background: url(../img/home.jpg) no-repeat center;background-size: 0.38rem 0.36rem;}
.technologBg{width: 0.5rem;height: 0.4rem;background: url(../img/technology.jpg) no-repeat center;background-size: 0.49rem 0.38rem;}
.communityBg{width: 0.5rem;height: 0.4rem;background: url(../img/commuty.jpg) no-repeat center;background-size: 0.42rem 0.39rem;}
.integralBg{width: 0.5rem;height: 0.4rem;background: url(../img/integral.jpg) no-repeat center;background-size: 0.32rem 0.41rem;}
.mineBg{width: 0.5rem;height: 0.4rem;background: url(../img/mine.jpg) no-repeat center;background-size:0.37rem;}
.footerItem div{margin: auto;}
.footerItem p{font-size: 0.24rem;color: #333333;margin-top: 0.06rem;}