body,html{
    background-color: #f5f6fa;
    height: 100%;
}
.container{
    padding-top: 11.2vw;
    overflow-x: hidden;
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; 
     
}
.footer{
    display: none;
}
.head{
    box-shadow: 0 2px 2px 0 #e5e6e9;
}
.head .bf_logo{
    display: block;
}
.head .back{
    float: left;
    display: none;
}
.tabBar a:nth-of-type(2){
    color: #4b9dfb;
}
.tabBar a:nth-of-type(2) i{
    background: url("../image/games02.png") center no-repeat;
    background-size: contain;
}

.games_pic{
    height: 44.4vw;
    box-sizing: border-box;
    padding: 2.53vw 2.8vw 0 2.8vw;
    overflow: hidden;
}
.games_pic a{
    display: block;
    float: left;
    width: 45.6vw;
    height: 18.4vw;
    margin-right: 2.53vw;
    margin-bottom: 2.53vw;
}
.games_pic img{
    width: 100%;
    height: 100%;
    border-radius: 2.5vw;
}
.games_pic a:nth-of-type(2n){
    margin-right: 0;
}


.game_list{
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 16vw;
}
.lists{
    width: 92vw;
    height: auto;
    margin: 0 auto;
}
.lists li{
    height: 23.87vw;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
    margin-top: 0;
    padding-top: 3.7vw;
    overflow: hidden;
}
.lists li:last-of-type{
    border-bottom: none;
}
.lists li>a{
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}
.lists li>a>img{
    width: 16.13vw;
    height: 16.13vw;
    display: block;
    float: left;
    border-radius: 4vw;
    margin-right: 2.5vw;
}
.lists li h3{
    font-size: 4.27vw;
    font-weight: bold;
    margin-bottom: 0.4vw;
}
.lists li div .list_star{
    margin-left: 0;
    display: block;
    width: 12.65vw;
    height: 2.53vw;
    background: url("../image/star_gray.png") center repeat-x;
    background-size: contain;
    text-align: left;
    padding: 0;
    overflow: hidden;
}
.lists li div .list_star img{
    display: block;
    float: left;
    height: 2.53vw;
    width: 2.53vw;
}

.lists li div p{
    font-size: 3.2vw;
    color: #939397;
    width: 50vw;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 8vw;
}
.lists li>a>div:nth-of-type(1){
    width: 50vw;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 0.7vw;
}
.lists li>a>div:nth-of-type(2){
    float: right;
}
.lists li .down a{
    display: inline-block;
    width: 14.67vw;
    height: 6.27vw;
    line-height: 6.27vw;
    color: #fff;
    background-color: #4d9bfb;
    font-size: 3.4vw;
    border-radius: 6.27vw;
    text-align: center;
    margin-top: 4.93vw;
    margin-right: 1vw;
}
.lists li .down a:nth-of-type(2){
    display: none;
    
}
.lists li .down a.show{
    display: inline-block;
}