html, body {
    background-color: #f5f5f5;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", STHeiti, Arial;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Microsoft YaHei", STHeiti, Arial;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ul, ol, li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input, textarea, select {
    *font-size: 100%;
    outline: 0;
    border: 0;
}

a {
    text-decoration: none;
}
a:hover,
a:link{
    text-decoration: none;
    color: #000000;
}
button, textarea {
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
}

.gameContainer {
    display: inline-block;
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
}

.gameTitleBackHeader {
    height: 0.84rem;
    position: relative;
    font-size: 0.31rem;
    letter-spacing: 0.02rem;
    color: #333333;
    text-align: center;
    line-height: 0.84rem;
    background: white;
    border-bottom: 1px solid rgb(244, 244, 244);
    position: fixed;
    width: 100%;
    z-index: 1;
}

.gameTitleBackHeader a {
    width: 0.2rem;
    height: 0.35rem;
    background: url(/images/application/wap/com/fhyx_server_icon01.png) no-repeat;
    transform: scale(-1);
    background-size: 0.2rem 0.35rem;
    display: block;
    position: absolute;
    top: 0.25rem;
    left: 0.27rem;
    cursor: pointer;
}

.gameTitleBackHeader span {
    width: 6rem;
    height: 0.84rem;
    line-height: 0.84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0 auto;
}

.gameUl {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0.84rem auto 0;
    background-color: #f5f5f5;
    padding-top: 0.26rem;
}
.gameLi {width: 6.9rem;height: 1rem;display: flex;align-items: center;justify-content: center;margin: 0 auto 0.2rem;}
.gameLi .img {width: 2.13rem;height: 1rem;overflow: hidden;border-radius: 0.12rem;position: relative;margin-right: 0.07rem;}
.gameLi .img img {border-radius: 0.12rem;float: left;width: 100%;height: 100%;}
.gameLi .img .plat-ico {position: absolute;right: 0;bottom: 0;width: 0.4rem;height: 0.4rem;background: rgba(0,0,0,0.6);border-radius: 0.12rem 0 0.12rem 0;}
.gameLi .img .plat-ico .ico-img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 0.28rem;height: auto;margin: auto;border-radius: 0;}
.gameLi .main-right {display: flex;flex-direction: column;align-items: flex-start; /* justify-content: space-between; */height: 1rem;width: 4.7rem;}
.gameLi .main-right .name {width: 100%;font-size: 0.24rem;line-height: 0.28rem;color: #353535;margin-bottom: 0.07rem;height: 0.33rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;font-weight: bold;margin-top: 0.08rem;}
.gameLi .main-right .content {display: inline-block;width: 100%;height: 0.42rem;}
.gameLi .main-right .content .price-con {float: left;width: auto;height: 0.42rem;line-height: 0.42rem;text-align: left;font-size: 0.3rem;color: #fa4f20;}
.gameLi .main-right .content .price-con  em {font-size: 0.18rem;}
.gameLi .main-right .content .price-info {float: left;color: #fa4f20;width: auto;height: 0.42rem;line-height: 0.46rem;text-align: left;font-size: 0.18rem;margin-left: 0.04rem;}
.gameLi .main-right .content .old-price {float: left;font-size: 0.18rem;height: 0.42rem;line-height: 0.48rem;color: #9b9b9b;text-decoration: line-through;margin-left: 0.08rem;}
.gameLi .content .ico-l {height: 0.25rem;border-radius: 0.06rem;line-height: 0.25rem;font-size: 0.18rem;color: #ffffff;width: 0.66rem;float: left;margin-top: 0.1rem;margin-left: 0.08rem;}
.gameLi .content .newlowest {background-image: linear-gradient(0deg, #b657ee 0%, #b657ee 100%);}
.gameLi .content .lowest {background: #ff0000;}
.gameLi .content .superlowest {background: #b47a2e;}
.gameLi .content .ys {background: #f66200;}
.gameLi .content .new {background: #0dbbfa;}
.gameLi .content .time-r {float: right;width: auto;height: 0.42rem;line-height: 0.46rem;text-align: left;font-size: 0.18rem;color: #fa4f20;}