body{
    background-color: #fafafa;
}
.container{
    width: 100%;
    background-color: #fafafa;
    min-width: 320px;
}
.header{
    width: 100%;
    height:42px ;
    background-color: #0080fd;
}
.title{
    font-style: normal;
    font:16px/42px "microsoft yahei";
    padding-left:20px;
    background: url(../images/fire.jpg) left center no-repeat;
    color: #fff;
    margin: 0 auto;
    width: 120px;
    display: block;
}
.wrapInner{
    width: 92%;
    margin: 0 auto;
}
.item{
    height:57px;
    padding: 9px 0;
    border-bottom: 1px solid #e3e3e3;
    display: block;
}
.itemImg{
    width: 59px;
    height: 59px;
    overflow: hidden;
    display: block;
    float:left;
    margin-right: 4%;
}
.middleBlock{
    width: 45%;
    overflow: hidden;
    display: block;
    float:left;
    height:100%;
}
.gameTitle{
    font:15px/24px "microsoft yahei";
    color: #333;
}
.gameintro{
    font-size: 12px;
    color: #555;
    padding-bottom: 2px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
}
.middleBlock span{display: block}
.star{
    width: 11px;
    height: 11px;
    background: url(../images/star.jpg) center no-repeat;
    display: block;
    float:left;
}
.button{
    display: block;
    float: right;
    margin-right: 3%;
    height: 28px;
    font:12px/28px "microsoft yahei";
    color: #0080fd;
    background: #fafafa;
    padding:0 16px;
    border-radius: 6px;
    margin-top:15px;
    border: 1px solid #0080fd;
}

.button:hover{
    color: #fff;
    background: #0080fd;
}