.game-top, .gift-recommend li, .go-site {
    overflow: hidden
}

.game-top img, .gift-link, .go-downloads, .hot-games img, .more, .news-wrap a {
    display: block
}

.hot-games a {
    display: inline-block
}

.hot-games li, .screenshots li {
    float: left
}

.news-wrap i {
    float: right
}

.game-top, .gift-recommend li {
    position: relative
}

.gift-btn, .go-site {
    position: absolute
}

.hot-games img {
    margin: 0 auto
}

.hot-games li {
    font-size: 0;
    line-height: 0
}

.gift-link h4, .name-title, .page-title b {
    font-weight: 400
}

.gift-btn, .go-downloads, .hot-games a, .more, .name-class, .name-title {
    text-align: center
}

.gift-link h4, .hot-games a, .news-wrap a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.gift-link h4, .page-title b {
    color: #000
}

.game-top, .gift-font, .gift-link, .info-font {
    color: #666
}

.page-title {
    color: #ccc
}

.go-downloads, .go-site, .name-title {
    color: #fff
}

.gift-recommend, .hot-games, .info-font, .more, .news-wrap, .page-title, .screenshots {
    background-color: #fff
}

article, body, dd, div, dl, dt, footer, h1, h2, h3, h4, h5, header, html, input, li, main, nav, ol, p, section, ul {
    margin: 0;
    padding: 0
}

html {
    -webkit-font-smoothing: antialiased;
    font-family: Helvetica
}

body, html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none
}

img {
    vertical-align: top;
    border: 0 none
}

em, i {
    font-style: normal
}

input {
    outline: 0
}

a, button, input, textarea {
    -webkit-tap-highlight-color: transparent
}

button, input, textarea {
    -webkit-appearance: none
}

.header {
    height: 1.20313rem
}

.header.fixed .fix-bg {
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4)
}

.header.fixed .header-before {
    display: none
}

.header.search .header-fixed {
    display: fixed
}

.header.search .header-before {
    display: none
}

.colseFixed, .header-fixed input, .pagelog, .personal-btn, .search-btn { /*background: url(../images/header.png) no-repeat;*/
    background: url(../images/logo3.png) no-repeat;
    background-size: 9.375rem 1.5625rem
}

.header-fixed {
    height: 1.1875rem;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    overflow: hidden
}

.header-fixed form {
    float: left;
    overflow: hidden;
    margin-top: .21875rem;
    font-size: 0
}

.header-fixed input {
    width: 6.78125rem;
    padding: .17188rem 0 .15625rem .875rem;
    border-radius: .0625rem;
    background-position: -8.65625rem -.96875rem;
    background-color: #f2f2f2;
    font-size: .375rem;
    color: #999;
    border: 1px solid #ddd;
    margin-right: .21875rem
}

.header-before {
    height: 1.20313rem
}

.pagelog {
    float: left;
    margin: .26375rem 0 0 .3125rem;
    width: 3.3825rem;
    height: .66rem;
}

.pagelog a {
    display: block;
    font-size: 0;
    height: 100%
}

.personal-btn {
    float: right;
    margin: .28125rem .3125rem 0 0;
    width: .5625rem;
    height: .625rem;
    background-position: -8.79688rem -.03125rem;
    font-size: 0
}

.search-btn {
    float: right;
    margin: .3125rem .34375rem 0 0;
    width: .625rem;
    height: .625rem;
    background-position: -7.79688rem -.04688rem
}

.colseFixed {
    float: left;
    width: .9375rem;
    height: 1.20313rem;
    background-position: -4.21875rem -.64063rem
}

.search {
    font-size: .4375rem;
    color: #ff6e00
}

.nav-wrap {
    height: 1.25rem;
    line-height: 1.25rem;
    background-color: #fff;
    font-size: .4375rem;
    display: flex
}

.nav-wrap a {
    position: relative;
    text-align: center;
    flex: 1
}

.nav-wrap a.cur {
    color: #ff6e00
}

.nav-wrap a.cur:after {
    position: absolute;
    content: '';
    width: .9375rem;
    height: .09375rem;
    background-color: #ff6e00;
    left: 50%;
    margin-left: -.46875rem;
    top: 1.15625rem;
    overflow: hidden
}

.footer {
    font-size: .34375rem;
    padding: .3125rem 0;
    color: #999;
    text-align: center;
    background-color: #3a3a3c;
    line-height: 1.6;
    margin-top: auto
}

.footer p {
    color: #666;
    font-size: .3125rem;
    margin-top: .15625rem
}

.footer a {
    color: #999;
    margin: 0 .15625rem
}

body {
    background-color: #f2f2f2
}

a {
    color: #000
}

.gift-wrap {
    padding: 0 .3125rem;
    font-size: .4375rem;
    background-color: #fff
}

.gift-wrap li {
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.gift-wrap li:last-of-type {
    border-bottom: none
}

.gift-wrap img {
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .3125rem
}

.gift-wrap p {
    width: 4.6875rem;
    font-size: .34375rem;
    color: #aaa;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.gift-wrap i {
    color: #ff9e10
}

.search-down {
    position: absolute;
    top: .84375rem;
    right: .46875rem;
    width: 1.71875rem;
    height: .78125rem;
    line-height: .78125rem;
    border: 1px solid #ff6e00;
    border-radius: .125rem;
    color: #ff6e00;
    font-size: .375rem;
    text-align: center
}

.search-turn {
    display: block;
    padding: .46875rem 0;
    height: 1.5rem
}

.nomore {
    font-size: .375rem;
    color: #aaa;
    text-align: center;
    border-top: 1px solid #ccc;
    height: 1.40625rem;
    line-height: 1.40625rem
}

.nomore.load {
    background: url(../images/spinning-circles.svg) no-repeat center;
    background-size: .70313rem .70313rem
}

.tips-txt {
    font-size: .4375rem;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.search-list {
    margin-top: .3125rem
}

.game-name {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.game-top {
    height: 11.46875rem;
    /*background: url(../images/bgpng.png) no-repeat center top;*/
    background: url(../images/bg3.png) no-repeat center top;
    background-size: 100%
}

.game-top img {
    box-shadow: 0 0 1rem #ffffff;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: .25rem;
    margin: 5.9375rem auto 0
}

.go-site {
    top: .3125rem;
    right: .3125rem;
    padding: 0 .4375rem 0 .28125rem;
    height: .625rem;
    line-height: .67rem;
    font-size: .3125rem;
    border: 1px solid #fff;
    border-radius: .34375rem;
    background: url(../images/rjian.png) rgba(0, 0, 0, .4) no-repeat 92% center;
    background-size: .15625rem .28125rem
}

.name-title {
    font-size: .5625rem;
    margin-top: .15625rem
}

.name-class {
    color: #b3b3b3;
    font-size: .4375rem;
    margin-top: .0625rem
}

.go-downloads {
    width: 5.78125rem;
    height: 1.09375rem;
    line-height: 1.09375rem;
    margin: .28125rem auto 0;
    font-size: .5rem;
    background-color: #ff6e00;
    border-radius: .09375rem
}

.page-title {
    padding: .46875rem 0 .09375rem .46875rem;
    margin-top: .3125rem;
    font-size: .3125rem
}

.page-title b {
    font-size: .4375rem;
    margin-right: .125rem
}

.infoTitle {
    margin: .25rem .46875rem 0;
    font-size: .3125rem;
    color: #444
}

.infoTitle b {
    font-size: .4375rem;
    margin-right: .15625rem
}

.info-font {
    padding: .21875rem .46875rem .40625rem;
    font-size: .40625rem;
    line-height: 1.8
}

.gift-recommend {
    padding: 0 .46875rem
}

.gift-recommend li {
    border-bottom: 1px solid #e6e6e6;
    padding: .3125rem 0
}

.gift-link h4 {
    height: .78125rem;
    line-height: .78125rem;
    font-size: .4375rem
}

.gift-font {
    font-size: .375rem;
    line-height: 1.6
}

.gift-font i {
    margin-right: .25rem;
    display: inline-block;
    white-space: nowrap
}

.gift-btn {
    right: 0;
    top: .3125rem;
    width: 1.71875rem;
    height: .78125rem;
    line-height: .78125rem;
    border-radius: .09375rem;
    color: #ff6e00;
    border: 1px solid #ff6e00;
    font-size: .375rem
}

.more {
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .375rem;
    color: #aaa
}

.news-wrap {
    padding: 0 .3125rem
}

.news-wrap a {
    height: 1.375rem;
    line-height: 1.375rem;
    border-bottom: 1px solid #ccc;
    font-size: .4375rem
}

.news-wrap i {
    color: #aaa;
    font-size: .375rem;
    margin-left: .15625rem
}

.hot-games, .screenshots {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.screenshots {
    padding-top: .3125rem;
}

.screenshots li {
    padding-right: .3125rem;
    white-space: nowrap
}

.screenshots img {
    height: 5.28125rem;
    margin-left: .3125rem
}

.hot-games {
    padding-top: .3125rem;
    height: 2.75rem
}

.hot-games li {
    height: 2.75rem;
    white-space: nowrap
}

.hot-games a {
    width: 2.8125rem;
    height: 2.75rem;
    line-height: 2;
    font-size: .4375rem
}

.hot-games img {
    width: 1.5rem;
    height: 1.5rem
}