.arrow-left {
    background: url(../m_images/com/left.png) no-repeat left top;
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 3;
}
.arrow-right {
    background: url(../m_images/com/right.png) no-repeat left bottom;
    position: absolute;
    background-size: 100% 100%;
    z-index: 1;
    right: 0;
    top: 50%;
    margin-top: -20px;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 3;
}
.content{overflow-y: scroll;}
.content .title{width: 30%; display: block;margin: 10px auto;}
.content .gameList li{width: 24%;float: left;margin-left: 7%;margin-bottom: 2%; text-align: center;}
.content .gameList li a{display: block;}

.gameName{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}