.navbar{ margin-top:42px; }

.main{overflow: hidden; margin-top: 30px;}

.game ul li{
    border:1px solid #ddd;
    padding: 10px;
    margin:20px 0;
    height: 140px;
    position: relative;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
}
.game ul li:hover{
    border-color: #ff9900;
    background: #fffddd;
}
.game ul li strong{
    display: block;
    width: 48px;
    height: 57px;
    background: url(../images/icon/game_tips.png) top left no-repeat;
    position: absolute;
    left: 30px;
    top: 4px;
    color: #fff;
    font-size: 18px;
    padding: 5px 13px;
    line-height: 20px;
}
.game ul li div{
    float: right;
    width: 480px;
}
.game ul li div p{
    color: #666;
    margin-bottom: 10px;
}
.game ul li div b{
    font-size: 20px;
    color: #ff9900;
}
.game ul li div b:hover{
    color: red;
}
.game ul li div em{
    color: #999;
}
.game ul li div span{
    display: block;
    width: 480px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.game ul li div span i{
    color: #999;
    margin-right: 10px;
    font-size: 12px;
}
.game ul li div span a{
    float: right;
    padding: 8px 18px;
    margin-left: 10px;
    background: #ffdd00;
    border-radius: 5px;
    line-height: 10px;
    border:1px solid #ffdd00;
}

.game ul li div span a:nth-child(even){
    background: #ddd;
}

.game ul li div span a:hover{
    background: #ff9900;
    border-color: red;
    color: #fff;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s;}
}