html,body{
    margin: 0;padding: 0;
    /*background: #EFEFEF;*/
    background: #FFFFFF;
}

.head{
    height: 68px;top: 0; width: 100%;position: fixed;left: 0;background: #FFFFFF;z-index: 1000;
}

.back{
    position: absolute;left: 24px;top: 24px
}
.head-title{
    text-align: center;margin-top:8px;
    color: #091227;
    font-weight: 380;
    font-size: 20px;
}

.game{
    width: 88%;margin: auto;
}

.game-name{
    margin-top: 15px;
    font-size: 16px;
    font-weight: 380;
}

.game button{
    height: 22px;
    line-height: 22px;
    outline: none;
    border: rgba(117, 45, 235, 0.22) 1px solid;
    border-radius: 4px;
    background-color: transparent;
    color: #752DEB;
    font-size: 10px;
    font-weight: 380;
}

.play{
    width: 88%;
    margin: auto;
}

.play button{
    height: 40px;
    line-height: 40px;
    outline: none;
    border: none;
    border-radius: 26px;
    background-color: #752DEB;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 450;
    width: 100%;
}

.content{
    width: 88%;
    margin: auto;
    color: #505050;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.img-list,.img-l-list{
    width: 88%;
    margin: auto;
    text-align: center;
}

.img-l-list > img{
    width: 48%;
    border-radius: 10px;
}

.img-list img{
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
}

@media (min-width: 640px) {
    .img-l-list > img{
        width: 300px;
    }

    .img-list img{
        width: 588px;
    }
}

.img-l-list img ,.img-list img{
    border: 2px solid rgb(0,0,0,0.1);
}

.game-icon{
    border-radius: 10px;
    border: 2px solid rgb(0,0,0,0.1);
}