@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
figure {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

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

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

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

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code,
kbd,
samp,
tt {
    font-size: 100%
}

input,
button,
textarea,
select {
    *font-size: 100%
}

body {
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline
}

:link,
:visited,
ins {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

b,
em,
i {
    font-style: normal;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
}

a {
    color: #FB381F;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    color: #333;
    background: #f4f4f4;
    height: 100%;
}

button,
input,
select,
textarea,
th {
    background: #fff;
    font-size: 12px;
    line-height: 1;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun";
}

input[type="submit"],
input[type="reset"],
input[type="password"],
input[type="button"],
input[type="text"],
button {
    -webkit-appearance: none;
}

/*取消苹果渲染*/
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

html {
    font-size: 100px;
}

body {
    font-size: .24rem;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
}

header,
section,
footer,
aside,
nav,
article,
figure {
    display: block;
}

.fx {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.fx_gw {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex_grow {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.hide {
    display: none;
}

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

.ico {
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
}

body {
    background: linear-gradient(135deg, #FF9966 0%, #FF5E62 100%);
    background-size: 100% 3rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.wrap {
    background: #fff;
    border-radius: .4rem .4rem;
    margin-top: .24rem;
    padding: .26rem .24rem 0;
}

.gaSoBg {
    position: relative;
    background-repeat: no-repeat;
    background-size: 110% 5rem;
    background-position: -.3rem -1rem;
}

.gaSoBg:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5rem;
    background-color: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

header {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 .24rem;
    height: 1.2rem;
}

header a {
    display: block;
}

header .logo {
    display: block;
    width: 2.54rem;
    height: .68rem;
    margin-top: .34rem;
}

header .logo img {
    display: block;
    width: 100%;
    height: auto;
}

header .searchBtn {
    display: block;
    width: .36rem;
    height: .36rem;
    padding: .1rem;
    background-position: .02rem .01rem;
    margin: .4rem .62rem 0 .1rem;
}

header .headNav {
    position: absolute;
    top: .4rem;
    right: .14rem;
    display: block;
    width: .36rem;
    height: .36rem;
    padding: .1rem;
    background-position: -.6rem .01rem;
}

header .headNav.current {
    background-position: -.7rem .09rem;
}

nav {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: .7rem;
}

nav:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    height: .7rem;
    width: .48rem;
    background: linear-gradient(to right, rgba(255, 94, 98, 0), rgba(255, 94, 98, .8));
}

nav ul {
    height: .7rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    padding-left: .24rem;
}

nav ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}


nav li{
    
    display: inline-block;
}

nav a {
    display: block;
    line-height: .68rem;
    text-align: center;
    color: #fff;
    font-size: .26rem;
    padding: 0 .24rem .02rem;
    position: relative;
}

nav a.current {
    color: #fff;
    font-weight: bold;
    font-size: .38rem;
    padding: 0 .12rem .02rem;
}

nav a.current:after {
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 0;
    right: 0;
    display: block;
    width: 50%;
    height: .08rem;
    background: #fff;
    border-radius: .04rem;
    margin: auto;
}

nav li:nth-of-type(1) a.current {
    margin-left: .24rem;
}

.gaSoBg nav:after {
    display: none
}

footer {
    background-color: #202020;
    background: url(../images/footerbg.png) no-repeat;
    background-size: 100% 100%;
    padding: .46rem .2rem .3rem;
}

footer img {
    margin: auto;
    display: block;
    height: 1.03rem;
    width: auto;
    margin-bottom: .24rem;
}

footer div {
    display: flex;
    justify-content: space-around;
    font-size: .28rem;
    color: #ccc;
    line-height: .42rem;
    margin: .2rem 0 .3rem;
}

footer div a {
    color: #ccc;
}

footer p,
footer p a {
    font-size: .2rem;
    color: #A8A8A8;
    text-align: center;
    line-height: .24rem;
    margin-bottom: .16rem;
}

.iTit {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.iTit strong {
    position: relative;
    z-index: 1;
    display: block;
    height: .62rem;
    line-height: .62rem;
    font-size: .36rem;
    color: #242424;
    font-weight: bold;
}

.iTit strong i {
    font-size: .28rem;
    color: #666666;
    font-weight: 400;
    line-height: .62rem;
    margin-left: .1rem;
}

.iTit a,
.iTit span {
    position: relative;
    z-index: 1;
    display: block;
    /* font-siz rem; */
    color: #A8A8A8;
    height: .62rem;
    line-height: .62rem;
}

.iTit strong:before {
    content: "";
    display: inline-block;
    width: .08rem;
    height: .26rem;
    background: linear-gradient(180deg, #F9D950 0%, #FF6D3C 100%);
    border-radius: .02rem;
    margin: 0 .12rem 0 .16rem;
}

.iTit strong.gd:before {
    background: linear-gradient(180deg, #F9D950 0%, #FF6D3C 100%);
}

.iTit strong.gr:before {
    background: linear-gradient(180deg, #5DF5A9 0%, #56E39D 100%);
}

.iTit strong.gt:before {
    background: linear-gradient(180deg, #1DE5E2 0%, #B588F7 100%);
}

.iTit strong.gz:before {
    background: linear-gradient(180deg, #B3FFAB 0%, #12FFF7 100%);
}

.iTit strong.st:before {
    background: linear-gradient(180deg, #A770EF 0%, #CF8BF3 50%, #FDB99B 100%);
}

.iTit strong.sd:before {
    background: linear-gradient(180deg, #799FFA 0%, #608AF9 100%);
}

.iTit strong.sr:before {
    background: linear-gradient(180deg, #FF7CAF 0%, #FF8960 100%);
}

.iTit strong.sz:before {
    background: linear-gradient(180deg, #B3FFAB 0%, #12FFF7 100%);
}

.iTit strong.hf:before {
    background: linear-gradient(180deg, #FFAFBD 0%, #FFC3A0 100%);
}

.iTit strong.gi:before {
    background: linear-gradient(180deg, #E1EEC3 0%, #F05053 100%);
}

.iTit strong.gl:before {
    background: linear-gradient(0deg, #4E54C8 0%, #8F94FB 100%);
}

.iTit strong.newg:before {
    content: "";
    position: relative;
    vertical-align: top;
    top: .08rem;
    margin: 0 .12rem 0 0;
    display: inline-block;
    width: .39rem;
    height: .39rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -7.73rem -2.88rem;
}

.hideNav .iTit {
    padding: .1rem .3rem .1rem .14rem;
}

header .xs {
    background-position: -5.69rem -2.78rem;
}

.hideNav {
    width: 100%;
    max-width: 7.5rem;
    height: 100%;
    position: absolute;
    top: 1.1rem;
    left: 50%;
    margin-left: -3.75rem;
    z-index: 98;
    background: rgba(0, 0, 0, 0.65);
}

.hideNav>div {
    background-color: #fff;
    padding-bottom: .08rem;
    width: 100%;
}

.hideNav div .title em {
    font-size: .32rem;
}

.hNav {
    display: flex;
    flex-wrap: wrap;
    padding: .26rem .3rem 0;
    width: 7.36rem;
}

.hNav::after {
    content: "";
    display: block;
    width: 6.9rem;
    height: .01rem;
    background-color: rgba(160, 160, 160, .3);
    margin-top: .3rem;
}

.hNav a {
    display: block;
    width: .8rem;
    height: .8rem;
    padding: .2rem .12rem .5rem;
    text-align: center;
    font-size: .24rem;
    color: #999;
    line-height: .56rem;
    margin-right: .42rem;
}

.hNav a:before {
    content: "";
    display: block;
    width: .8rem;
    height: .8rem;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -.08rem -3.66rem;
}

.hNav a:nth-of-type(1):before {
    background-position: -.08rem -3.66rem;
}

.hNav a:nth-of-type(2):before {
    background-position: -1.02rem -3.66rem;
}

.hNav a:nth-of-type(3):before {
    background-position: -1.95rem -3.66rem;
}

.hNav a:nth-of-type(4):before {
    background-position: -.08rem -4.79rem;
    border-radius: 50%;
}

.hNav a:nth-of-type(5):before {
    background-position: -2.92rem -3.66rem;
}

.hNav a:nth-of-type(6):before {
    background-position: -3.85rem -3.66rem;
}

.hideNav>div:last-of-type {
    position: relative;
    padding-bottom: .66rem;
}

.hideNav ul {
    padding-left: .3rem;
    display: flex;
    flex-wrap: wrap;
    width: 7.36rem;
}

.hideNav ul li {
    position: relative;
    margin-right: .22rem;
    margin-top: .12rem;
}

.hideNav ul li a {
    padding: 0 .3rem;
    display: block;
    height: .52rem;
    border: .01rem solid #eee;
    line-height: .52rem;
    border-radius: .26rem;
    font-size: .24rem;
    color: #333;
    margin-bottom: .1rem;
}

.hideNav ul li.hot a::after {
    content: "";
    position: absolute;
    right: 0;
    top: .08rem;
    display: block;
    width: .26rem;
    height: .352rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -5.23rem -2.88rem;
}

.crumb {
    display: flex;
    position: relative;
    margin: auto;
    font-size: .24rem;
    color: #a8a8a8;
    line-height: .32rem;
    height: .32rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.crumb a,
.crumb span {
    position: relative;
    margin: 0 .15rem;
    font-size: .24rem;
    color: #a8a8a8;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crumb span {
    flex: 1;
    color: #666;
}

.crumb a:nth-of-type(1) {
    margin-left: 0;
}

.pageWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    padding: .35rem 0 .5rem;
    height: .48rem;
}

.pageWrap a,
.pageWrap span {
    min-width: .48rem;
    max-width: 1.08rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    font-size: .24rem;
    color: #999;
    background-color: #F5F5F5;
    border-radius: .24rem;
    overflow: hidden;
}

.pageWrap .current {
    color: #fff;
    font-size: .24rem;
    background-color: #FB381F;
}

.pageWrap .disabled {
    color: #b1b1b1;
}

.pageWrap i {
    position: relative;
    top: .14rem;
    left: .18rem;
    display: block;
    width: .12rem;
    height: .2rem;
}

.pageWrap .left {
    background-position: -4.49rem -.09rem;
}

.pageWrap .right {
    background-position: -4.87rem -.09rem;
    left: .2rem;
}

.pageWrap a:first-child,
.pageWrap a:last-child {
    width: .88rem;
}

.hSlider {
    display: flex;
    justify-content: space-between;
    height: 3rem;
    margin: .02rem auto .32rem;
}

.hSlider .swiper-container {
    width: 7.02rem;
    height: 3rem;
    border-radius: .4rem;
}

.hSlider a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .4rem;
}

.hSlider img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
}

.hSlider .swiper-pagination {
    width: auto;
    right: .35rem;
    left: initial;
    bottom: .2rem;
}

.hSlider .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    background: rgba(255, 255, 255, .5);
    border-radius: .04rem;
    opacity: 1;
    margin: 0 .03rem;
}

.hSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .24rem;
    margin: 0 .03rem;
    background: #fff;
    opacity: 1
}

.hNewsPlay {
    position: relative;
    display: flex;
    width: 6.42rem;
    height: .48rem;
    padding: .1rem .3rem;
    background: #F4F8FB;
    border-radius: .34rem;
    margin-bottom: .32rem;
}

.hNewsPlay i {
    display: block;
    width: .77rem;
    height: .48rem;
    background-position: -.08rem -2.88rem;
}

.hNewsPlay .PlayList {
    position: relative;
    z-index: 1;
    flex: 1;
    height: .48rem;
    overflow: hidden;
}

.hNewsPlay .PlayList div a {
    position: relative;
    display: block;
    padding: 0 .4rem 0 .17rem;
    font-size: .24rem;
    color: #4D4D4D;
    line-height: .48rem;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hNewsPlay .PlayList div a:after {
    content: "";
    position: absolute;
    top: .12rem;
    right: .02rem;
    display: block;
    width: .38rem;
    height: .24rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.15rem -2.88rem;
}

.hGSGood {
    margin-bottom: .16rem;
}

.hGSGood ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.hGSGood li {
    width: 25%;
    height: 2.16rem;
}

.hGSGood li a {
    position: relative;
    display: block;
    text-align: center;
    padding: .15rem 0 .02rem 0;
}

.hGSGood li a img {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .3rem;
    margin: 0 auto;
}

.hGSGood li a p {
    display: block;
    max-width: 90%;
    font-size: .28rem;
    color: #333;
    height: .58rem;
    line-height: .58rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hGSRec {
    margin-bottom: .31rem;
}

.hGSRec ul {
    width: 104%;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.hGSRec ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.hGSRec li {
    display: inline-block;
    width: 2.1rem;
    height: 2.08rem;
    background: #F4F8FB;
    border-radius: .12rem;
    margin-top: .66rem;
    margin-right: .24rem;
}

.hGSRec li a {
    position: relative;
    display: block;
    text-align: center;
    position: relative;
    margin-top: -.51rem;
}

.hGSRec li a img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .24rem;
    margin: 0 auto;
}

.hGSRec li a p {
    display: block;
    max-width: 90%;
    font-size: .28rem;
    color: #333;
    height: .58rem;
    line-height: .58rem;
    margin: .04rem auto 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hGSRec li a span {
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.hGSRec li a span.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.hGSTag {
    margin-bottom: .16rem;
}

.hGSTag .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 106%;
    padding-top: .15rem;
}

.hGSTag .list a {
    display: block;
    text-align: center;
    width: 1.64rem;
    height: .78rem;
    background: #F4F8FB;
    border-radius: .12rem;
    margin: 0 .15rem .17rem 0;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .78rem;
    overflow: hidden;
}

.hfLink {
    margin-bottom: .3rem;
    overflow: hidden;
}

.hfLink .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 106%;
    padding-top: .15rem;
}

.hfLink .list a {
    display: block;
    text-align: center;
    padding: 0 .27rem;
    height: .78rem;
    background: #F4F8FB;
    border-radius: .12rem;
    margin: 0 .15rem .17rem 0;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .78rem;
}

.hNews .tabMenu {
    height: .68rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    margin-bottom: .05rem;
}

.hNews .tabMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.hNews .tabMenu span {
    position: relative;
    display: inline-block;
    line-height: .68rem;
    text-align: center;
    color: #999;
    font-size: .3rem;
    padding: 0 .35rem;
}

.hNews .tabMenu span.current {
    color: #333;
    font-weight: bold;
    font-size: .36rem;
    padding: 0 .23rem;
}

.hNews .tabMenu span.current:after {
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 0;
    right: 0;
    display: block;
    width: 50%;
    height: .06rem;
    background: linear-gradient(to right, #FB371F, #FA7F2A);
    background-color: #FB371F;
    border-radius: .03rem;
    margin: auto;
}

.hNews ul {
    margin-bottom: .08rem;
}

.hNews li:after {
    content: "";
    display: block;
    width: 100%;
    height: .02rem;
    background-color: #eee;
    border-radius: .01rem;
}

.hNews li a {
    display: flex;
    padding: .24rem 0;
}

.hNews li a>div {
    flex: 1;
    height: 1.41rem;
    overflow: hidden;
}

.hNews li a img {
    display: block;
    width: 2.18rem;
    height: 1.48rem;
    border-radius: .12rem;
    margin-left: .32rem;
}

.hNews li a p {
    display: block;
    height: .8rem;
    font-size: .3rem;
    color: #333;
    font-weight: bold;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: .05rem 0 .27rem;
}

.hNews li a span {
    position: relative;
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: .36rem;
}

.hNews li:last-of-type:after {
    background: transparent;
}

.hGZt {
    margin-bottom: .2rem;
}

.hGZt ul {
    width: 104%;
    height: 5rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    padding: .13rem 0;
}

.hGZt ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.hGZt li {
    display: inline-block;
    width: 3.48rem;
    height: 5rem;
    margin-right: .57rem;
}

.hGZt li a {
    position: relative;
    display: block;
    padding: 0 .32rem;
    width: 2.84rem;
    height: 5rem;
    background: #F4F8FB;
    border-radius: 5px;
}

.hGZt li a strong {
    display: block;
    font-size: .32rem;
    color: #242424;
    line-height: .89rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .06rem;
}

.hGZt li a img {
    width: 3.48rem;
    height: 2.4rem;
    border-radius: .12rem;
}

.hGZt li a i {
    position: absolute;
    left: .17rem;
    top: 1.31rem;
    display: block;
    padding: 0 .14rem 0 .15rem;
    height: .32rem;
    font-size: .2rem;
    color: #fff;
    line-height: .32rem;
    background: #6CC78E;
    border-radius: .05rem;
}

.hGZt li a p {
    display: block;
    height: .8rem;
    font-size: .24rem;
    color: #666;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: .21rem 0 .1rem;
    white-space: normal;
}

.hGZt li a span {
    position: relative;
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: .36rem;
}

.hSZt {
    margin-bottom: .2rem;
}

.hSZt ul {
    width: 104%;
    height: 1.58rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    padding: .13rem 0;
}

.hSZt ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.hSZt li {
    display: inline-block;
    width: 3.37rem;
    height: 1.58rem;
    margin-right: .26rem;
}

.hSZt li a {
    position: relative;
    display: block;
    padding-left: 1.3rem;
    width: 2.07rem;
    height: 1.58rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.08rem -8.21rem;
}

.hSZt li a strong {
    display: block;
    font-size: .3rem;
    color: #FFF;
    line-height: .4rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: .6rem;
    margin-bottom: .06rem;
}

.hSZt li a p {
    display: block;
    height: .3rem;
    font-size: .2rem;
    color: #fff;
    line-height: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hSZt li:nth-of-type(2n+1) a {
    background-position: -.08rem -8.21rem;
}

.hSZt li:nth-of-type(2n+2) a {
    background-position: -3.64rem -8.21rem;
}

.hGRank {
    position: relative;
    background: url(../images/igarankbg.png) no-repeat;
    background-size: 100% auto;
    padding-top: 1.89rem;
    margin-bottom: .2rem;
}

.hGRank .tabMenu {
    height: .6rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    padding-left: .12rem;
}

.hGRank .tabMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.hGRank .tabMenu span {
    position: relative;
    display: inline-block;
    font-size: .26rem;
    color: rgba(217, 199, 246, .6);
    line-height: .6rem;
    padding: 0 .24rem;
}

.hGRank .tabMenu span.current {
    color: #E1CFFF;
    font-weight: bold;
    font-size: .32rem;
    padding: 0 .12rem;
}

.hGRank .tabMenu span.current:after {
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 0;
    right: 0;
    display: block;
    width: 50%;
    height: .06rem;
    background-color: #E1CFFF;
    border-radius: .03rem;
    margin: auto;
}

.hGRank .tabCont {
    margin-top: .84rem;
}

.hGRank li a {
    display: flex;
    justify-content: space-between;
    padding: .18rem 0;
}

.hGRank li a i {
    width: .54rem;
    height: .63rem;
    line-height: .63rem;
    font-size: .32rem;
    color: #ABB2BA;
    font-weight: bold;
    margin-top: .09rem;
    margin-right: .32rem;
    text-align: center;
}

.hGRank li a img {
    width: .8rem;
    height: .8rem;
    border: .02rem solid transparent;
    border-radius: .2rem;
    margin-right: .22rem;
}

.hGRank li a div {
    flex: 1;
    display: flex;
    align-items: center;
}

.hGRank li a div p {
    font-size: .3rem;
    color: #333;
    font-weight: bold;
    max-height: 0.84rem;
    max-width: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hGRank li a div em {
    position: relative;
    display: block;
    padding: 0 .1rem 0 .12rem;
    font-size: .22rem;
    color: #0CDD9B;
    line-height: .34rem;
    border: 1px solid rgba(12, 221, 155, .5);
    border-radius: .06rem;
    margin-left: .19rem;
}

.hGRank li a div em:before {
    content: "";
    position: relative;
    top: .02rem;
    display: inline-block;
    width: .22rem;
    height: .2rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -3.06rem -.09rem;
    margin-right: .04rem;
}

.hGRank li a div em.new {
    color: #0CDD9B;
    border-color: rgba(12, 221, 155, .5);
}

.hGRank li a div em.new:before {
    background-position: -3.06rem -.09rem;
}

.hGRank li a div em.rec {
    color: #3C93FF;
    border-color: rgba(60, 147, 255, .5);
}

.hGRank li a div em.rec:before {
    background-position: -3.53rem -.09rem;
}

.hGRank li a div em.good {
    color: #FF7D3C;
    border-color: rgba(255, 125, 60, .5);
}

.hGRank li a div em.good:before {
    background-position: -4.01rem -.09rem;
}

.hGRank li a span {
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.hGRank li a span.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.moreLink {
    display: block;
    margin: .09rem auto;
    width: 2.16rem;
    height: .44rem;
    line-height: .44rem;
    border: .02rem solid #333;
    border-radius: .24rem;
    font-size: .24rem;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.moreLink:after {
    content: "";
    vertical-align: top;
    position: relative;
    top: .16rem;
    display: inline-block;
    width: .21rem;
    height: .13rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.72rem -.09rem;
    margin-left: .06rem;
}

.hGRank ol li:nth-of-type(-n+3) a i {
    font-size: 0;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
}

.hGRank ol li:nth-of-type(n+1) a i {
    background-position: -.08rem -1.33rem;
}

.hGRank ol li:nth-of-type(n+2) a i {
    background-position: -.88rem -1.33rem;
}

.hGRank ol li:nth-of-type(n+3) a i {
    background-position: -1.68rem -1.33rem;
}

.hGRank ol li:nth-of-type(1) a img {
    border-color: #FFDB5C;
}

.hGRank ol li:nth-of-type(2) a img {
    border-color: #D7DAE5;
}

.hGRank ol li:nth-of-type(3) a img {
    border-color: #FBB56D;
}

.hSRank {
    background: url(../images/isorankbg.png) no-repeat;
    background-size: 100% auto;
    padding-top: 1.66rem;
}

.hSRank .tabMenu span.current,
.hSRank .tabMenu span {
    color: #fff;
}

.hSRank .tabMenu span.current:after {
    background-color: #fff;
}

.gsMenu {
    display: flex;
    justify-content: space-around;
    height: .58rem;
    background-color: #F2F6FF;
    margin-top: .25rem;
    margin-bottom: .03rem;
}

.gsMenu a {
    position: relative;
    z-index: 1;
    flex: 1;
    display: block;
    height: .58rem;
    line-height: .51rem;
    font-size: .28rem;
    color: #A8A8A8;
    text-align: center;
}

.gsMenu a.current {
    font-size: .32rem;
    color: #fff;
    height: .67rem;
    line-height: .67rem;
    margin-top: -.09rem;
}

.gsMenu a.current:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/tabmenubg.png) no-repeat;
    background-size: 100% 100%;
}

.gsMenu a:nth-of-type(n+2).current:before {
    background: url(../images/tabmbg.png) no-repeat;
    background-size: 100% 100%;
}

.gsMenu a:last-of-type.current:before {
    background: url(../images/tabmenubg.png) no-repeat;
    background-size: 100% 100%;
    transform: rotateY(180deg);
}

.gsList li {
    position: relative;
}

.gsList li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.gsList li a img {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: .22rem;
    margin: .27rem 0;
}

.gsList li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.04rem;
    padding: .25rem 0;
    margin-left: .24rem;
    position: relative;
    border-bottom: 1px solid #DCDCDC;
}

.gsList li .info p,
.gsList li .info div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gsList li .info p {
    display: block;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .3rem;
    font-family: PingFang;
}

.gsList li .info div {
    display: block;
    font-size: .2rem;
    line-height: .22rem;
    color: #A8A8A8;
    margin-top: .12rem
}

.gsList li .info div span {
    display: inline-block;
    vertical-align: top;
    padding: 0 .17rem;
    height: .3rem;
    background: #F5F5F5;
    border-radius: .15rem;
    font-size: .18rem;
    color: #999;
    line-height: .3rem;
    margin-right: .1rem;
}

.gsList li .info div i {
    font-size: .22rem;
    color: #FF7D3C;
    margin-right: .19rem;
}

.gsList li .info div i:before {
    content: "";
    position: relative;
    top: .02rem;
    margin-right: .05rem;
    vertical-align: top;
    display: inline-block;
    width: .18rem;
    height: .17rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.16rem -.27rem;
}

.gsList li .btn {
    position: absolute;
    top: .53rem;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.gsList li .btn.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.gsTag {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .05rem;
}

.gsTag a {
    display: block;
    width: 20%;
    font-size: .26rem;
    color: #333;
    line-height: .48rem;
    text-align: center;
    height: 1.6rem;
}

.gsTag a:before {
    content: "";
    position: relative;
    display: block;
    margin: auto;
    margin-top: .15rem;
    padding-bottom: .15rem;
    width: .64rem;
    height: .64rem;
    background: url(../images/tagicon.png) no-repeat;
    background-size: 20rem 5rem;
    background-position: -.2rem -.17rem;
}

.gsTag a.jsby:before {
    background-position: -.2rem -.17rem;
}

.gsTag a.xxyz:before {
    background-position: -1.21rem -.17rem;
}

.gsTag a.jdxy:before {
    background-position: -2.22rem -.17rem;
    width: .78rem;
}

.gsTag a.fgcq:before {
    background-position: -3.37rem -.17rem;
}

.gsTag a.hbxx:before {
    background-position: -4.33rem -.17rem;
}

.gsTag a.clsg:before {
    background-position: -5.25rem -.17rem;
}

.gsTag a.jymn:before {
    background-position: -6.17rem -.17rem;
}

.gsTag a.sjdz:before {
    background-position: -7.14rem -.17rem;
    width: .7rem;
}

.gsTag a.dzgd:before {
    background-position: -8.18rem -.17rem;
}

.gsTag a.yyjz:before {
    background-position: -9.19rem -.17rem;
}

.gsTag a.kpyc:before {
    background-position: -10.2rem -.17rem;
}

.gsTag a.hhtf:before {
    background-position: -11.21rem -.17rem;
}

.gsTag a.scmx:before {
    background-position: -12.22rem -.17rem;
}

.gsTag a.tyjj:before {
    background-position: -13.14rem -.17rem;
}

.gsTag a.scjs:before {
    background-position: -14.15rem -.17rem;
}

.gsTag a.kbjm:before {
    background-position: -15.17rem -.17rem;
}

.gsTag a.fzxx:before {
    background-position: -16.18rem -.17rem;
}

.gsTag a.syfz:before {
    background-position: -17.19rem -.17rem;
}

.gsTag a.gdfl:before {
    background-position: -18.2rem -.17rem;
}

.gsTag a.ltjy:before {
    background-position: -.2rem -1.41rem;
}

.gsTag a.sfzb:before {
    background-position: -1.21rem -1.41rem;
}

.gsTag a.psmh:before {
    background-position: -2.22rem -1.41rem;
}

.gsTag a.xxjy:before {
    background-position: -3.37rem -1.41rem;
}

.gsTag a.xwzx:before {
    background-position: -4.33rem -1.41rem;
}

.gsTag a.jtdh:before {
    background-position: -5.25rem -1.41rem;
}

.gsTag a.yybf:before {
    background-position: -6.17rem -1.41rem;
}

.gsTag a.ssgw:before {
    background-position: -7.14rem -.17rem;
    width: .7rem;
}

.gsTag a.tzlc:before {
    background-position: -8.18rem -1.41rem;
}

.gsTag a.lycx:before {
    background-position: -9.19rem -1.41rem;
}

.gsTag a.swbg:before {
    background-position: -10.2rem -1.41rem;
}

.gsTag a.ydjs:before {
    background-position: -11.21rem -1.41rem;
}

.gsTag a.shsy:before {
    background-position: -12.22rem -1.41rem;
}

.gsTag a.xsts:before {
    background-position: -13.14rem -1.41rem;
}

.gsTag a.mhyd:before {
    background-position: -14.15rem -1.41rem;
}

.gsTag a.yljk:before {
    background-position: -15.17rem -1.41rem;
}

.gsTag a.yxzs:before {
    background-position: -16.18rem -1.41rem;
}

.gsTag a.xtyy:before {
    background-position: -17.19rem -1.41rem;
}

.gsTag a.gdfl:before {
    background-position: -18.2rem -1.41rem;
}

.gsTag {
    height: auto;
    overflow: hidden;
}

/*.gsTag{height: 3.2rem;overflow: hidden;}
.gsTag a:nth-of-type(n+10){display: none;}
.gsTag a:last-of-type{display: block;}
.gsTag.gsTags{height: auto;}
.gsTag.gsTags a:nth-of-type(n+10){display: block;}*/
.gsTag a.current {
    color: #FB381F;
}

.gsDTop {
    margin-top: .02rem;
}

.gsDTop .info {
    display: flex;
    margin-bottom: .34rem;
}

.gsDTop .info img {
    width: 1.4rem;
    height: 1.4rem;
    padding: .06rem;
    background: url(../images/gameimgbg.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .2rem;
}

.gsDTop .info>div {
    flex: 1;
}

.gsDTop .info h1 {
    display: block;
    font-size: .32rem;
    color: #333;
    font-weight: bold;
    line-height: .7rem;
    margin-bottom: .04rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gsDTop .info>div div {
    display: flex;
    justify-content: flex-start;
}

.gsDTop .info dl:last-of-type {
    margin-right: 0;
}

.gsDTop .info dl {
    margin-right: .66rem;
    line-height: .36rem;
}

.gsDTop .info dl dt {
    font-size: .24rem;
    color: #A8A8A8;
}

.gsDTop .info dl dd {
    font-size: .24rem;
    color: #666;
}

.gsDTop .tag {
    display: flex;
    flex-wrap: wrap;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    margin-bottom: .18rem;
}

.gsDTop .tag span {
    margin-bottom: .1rem;
    font-size: .24rem;
    color: #FC942B;
    line-height: .4rem;
    margin-right: .16rem;
    background: url(../images/gadetagbg.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 .14rem;
}

.gsDTop .intro {
    display: flex;
    flex-wrap: wrap;
    font-size: .24rem;
    color: #999;
    line-height: .48rem;
    margin-bottom: .03rem;
}

.gsDTop .intro p {
    flex: 1;
    max-height: 2.4rem;
    font-size: .28rem;
    color: #666;
    line-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.downLink {
    display: flex;
    width: 7.02rem;
    padding: .2rem 0 .1rem;
    margin: auto;
}

.downLink a,
.downLink button {
    display: block;
    width: 7.02rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: .4rem;
    margin: 0rem auto .2rem;
}

.downLink .adrBtn {
    background: linear-gradient(to right, #23D29E, #54D1AB);
    background-color: #23D29E;
    box-shadow: 0 .05rem .15rem rgba(35, 210, 158, .2);
}

.downLink .adrBtn:before {
    content: "";
    display: inline-block;
    width: .4rem;
    height: .41rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -1.1rem -2.26rem;
    position: relative;
    top: .09rem;
    margin-right: .12rem;
}

.downLink .iosBtn {
    background-color: #3A94FF;
    box-shadow: 0 .05rem .15rem rgba(58, 148, 225, .4);
}

.downLink .iosBtn:before {
    content: "";
    display: inline-block;
    width: .32rem;
    height: .39rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -.08rem -2.26rem;
    position: relative;
    top: .06rem;
    margin-right: .12rem;
}

.downLink .ljBtn {
    flex: 1;
    width: auto;
    min-width: 3.3rem;
    max-width: 7.02rem;
    background-color: #fff;
    color: #56E39D;
    height: .76rem;
    line-height: .76rem;
    border: 1px solid #56E39D;
    box-shadow: 0 .05rem .15rem rgba(86, 227, 157, .2);
}

.downLink .ljBtn:before {
    content: "";
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -3.17rem -2.26rem;
    position: relative;
    top: .04rem;
    margin-right: .12rem;
}

.downLink .gsBtn {
    width: 3.3rem;
    margin-left: .18rem;
    background: linear-gradient(to bottom, #56E39D, #56E39D);
    box-shadow: 0 .05rem .15rem rgba(86, 227, 157, .4);
}

.downLink .gsBtn:before {
    content: "";
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -.56rem -2.26rem;
    position: relative;
    top: .04rem;
    margin-right: .12rem;
}

.downLink .orderBtn {
    background: #FFBC03;
    box-shadow: 0 .05rem .15rem rgba(255, 188, 3, .4);
}

.downLink .orderBtn:before {
    content: "";
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -1.6rem -2.26rem;
    position: relative;
    top: .06rem;
    margin-right: .12rem;
}

.downLink .noDown,
.downLink .no {
    background-color: #e0e0e0;
    color: #999;
    box-shadow: 0 .05rem .15rem rgba(224, 224, 224, .4);
}

.downLink .noDown:before,
.downLink .no:before {
    content: "";
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -2.11rem -2.26rem;
    position: relative;
    top: .06rem;
    margin-right: .12rem;
}

.gState {
    width: 6.5rem;
    margin: 0 auto .2rem;
    padding: .2rem;
    ;
    background-color: #EFEFEF;
    border-radius: .1rem;
    font-size: .26rem;
    color: #8F9399;
    line-height: .4rem;
}

.gState span {
    font-weight: bold;
}

.gExplain {
    width: 6.5rem;
    margin: 0 auto .2rem;
    padding: .2rem;
    border: 1px solid #56E39D;
    background-color: #EBFFF5;
    border-radius: .04rem;
    font-size: .24rem;
    color: #808080;
    line-height: .4rem;
}

.gExplain span {
    color: #56E39D;
}

.oExplain {
    width: 6.5rem;
    margin: 0 auto .2rem;
    padding: .2rem;
    border: 1px solid #ffd2a6;
    background-color: #fffaf2;
    border-radius: .04rem;
    font-size: .24rem;
    color: #808080;
    line-height: .4rem;
}

.oExplain span {
    color: #ffa622;
}

.oTip {
    display: block;
    width: 7.02rem;
    margin: 0 auto .1rem;
    font-size: .2rem;
    color: #FB6961;
    line-height: .36rem;
}

.oTip:before {
    content: "!";
    display: inline-block;
    width: .26rem;
    height: .26rem;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    background-color: #FB6961;
    border-radius: 50%;
    line-height: .26rem;
    position: relative;
    top: 0;
    margin-right: .08rem;
}

.showImg {
    padding: .08rem 0 .16rem
}

.img_item {
    overflow-x: auto;
    padding: 0 0 .12rem;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.img_item ul {
    font-size: 0;
}

.img_item ul li {
    position: relative;
    margin-right: .2rem;
    display: inline-block;
    overflow: hidden;
}

.img_item ul li video {
    width: auto;
    height: 3.2rem;
}

.img_item ul li img {
    width: auto;
    height: 3.2rem;
}

.img_item ul li:last-of-type {
    margin-right: 0rem;
}

.img_item ul li .replay {
    position: absolute;
    z-index: 1;
    top: 29%;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -5rem -3.66rem;
}

.img_item ul li .replay.hide {
    display: none;
}

.showImg ::-webkit-scrollbar {
    height: .16rem !important;
    border-radius: .08rem;
    background: #eee;
}

.showImg ::-webkit-scrollbar-thumb {
    border-radius: .08rem;
    background-color: #D2D2D2 !important;
}

.editCom {
    font-size: .28rem;
    line-height: .48rem;
    color: #666;
}

.editCom a {
    color: #FB371F;
}

.gameCont .cont {
    font-size: .28rem;
    line-height: .48rem;
    color: #666;
}

.gameCont .cont a {
    color: #FB371F;
    display: inline-block;
    border-bottom: 1px solid #FB371F;
    line-height: .46rem;
    text-indent: 0;
}

.gameCont .cont p {
    margin-bottom: .12rem;
    word-break: break-all;
}

.gameCont .cont img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto .1rem auto;
}

.gameCont .cont h3 {
    position: relative;
    display: inline-block;
    font-size: .32rem;
    font-weight: bold;
    color: #FB371F;
    line-height: .58rem;
    margin-bottom: .1rem;
}

.gameCont .cont br:last-child {
    display: none;
}

.gameCont .cont iframe {
    width: 100%;
    height: 3.6rem;
    margin: 0 auto;
    display: block;
    border: none;
}

.gameCont .cont table {
    width: 100% !important;
    border-color: #d9d9d9;
}

.gameCont .cont table a {
    border-bottom: none;
}

.gameCont .cont strong {
    font-weight: bold;
}

.rizhi {
    max-height: 8rem;
    width: 100%;
    overflow: auto;
    margin-bottom: .24rem;
}

.rizhi p {
    font-size: .28rem;
    color: #666666;
    line-height: .36rem;
    display: block;
    margin: .2rem .48rem .2rem .2rem;
    text-indent: 0;
}

.rizhi span {
    color: #aaa;
    font-size: .28rem;
    margin: 0 .48rem .1rem .2rem;
}

.rizhi strong {
    font-size: .28rem;
    font-weight: 400;
    color: #999;
}

.gSInfo {
    position: relative;
    margin: 0 auto .2rem;
    background-color: #fff;
}

.gSInfo ul {
    padding: .1rem 0;
}

.gSInfo ul li {
    font-size: .28rem;
    color: #666;
    line-height: .58rem;
    padding: .15rem .18rem;
    margin-bottom: .2rem;
    background: #FFF;
    box-shadow: 0 .06rem .12rem 0 rgba(0, 0, 0, 0.02);
    border-radius: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gSInfo ul li:last-of-type {
    border: 0;
}

.gSInfo ul li span {
    float: right;
    max-width: 5.1rem;
    color: #666;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gSInfo ul li .gPower,
.gSInfo ul li .gSecret {
    color: #FB381F;
}

.feBaBtn {
    position: absolute;
    top: .12rem;
    right: .01rem;
    height: .32rem;
    font-size: .24rem;
    color: #FAD337;
    text-align: center;
    line-height: .32rem;
}

.feBaBtn i {
    position: relative;
    top: .05rem;
    margin-right: .05rem;
    display: inline-block;
    width: .25rem;
    height: .25rem;
    background-position: -2.57rem -.09rem;
}

.relVersion {
    margin: 0 auto .2rem;
    background-color: #fff;
}

.relVersion ul {
    padding: .1rem 0;
}

.relVersion ul li {
    position: relative;
    margin-bottom: .12rem;
    background-color: rgba(251, 55, 31, .03);
}

.relVersion li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: .18rem .2rem;
}

.relVersion li a img {
    display: block;
    width: .72rem;
    height: .72rem;
    border-radius: .1rem;
}

.relVersion li div {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: .72rem;
    margin-left: .18rem;
    position: relative;
}

.relVersion li div p {
    display: block;
    width: auto;
    font-size: .24rem;
    color: #333;
    line-height: .42rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.relVersion li div p:nth-of-type(2) {
    line-height: .32rem;
}

.relVersion li div p span {
    margin-right: .28rem;
    color: #949494;
    font-size: .2rem;
    line-height: .32rem;
}

.relVersion li a>span {
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.relVersion li a>span.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.relGaSo {
    margin-bottom: .16rem;
}

.relGaSo ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.relGaSo li {
    width: 25%;
    height: 2.78rem;
}

.relGaSo li a {
    position: relative;
    display: block;
    text-align: center;
    padding: .15rem 0 .02rem 0;
}

.relGaSo li a img {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .3rem;
    margin: 0 auto;
}

.relGaSo li a p {
    display: block;
    max-width: 90%;
    font-size: .28rem;
    color: #333;
    height: .58rem;
    line-height: .58rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.relGaSo li a span {
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.relGaSo li a span.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.csJump {
    position: relative;
    margin-bottom: .24rem;
}

.csJump:after {
    content: "";
    display: block;
    width: 7.02rem;
    height: .04rem;
    background: #EEE;
    border-radius: .04rem .04rem 0 0;
}

.csJump ul {
    height: .5rem;
    padding: .14rem 0;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.csJump ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.csJump ul li {
    position: relative;
    display: inline-block;
    line-height: .5rem;
    text-align: center;
    color: #999;
    font-size: .24rem;
    padding: 0 .2rem;
}

.csJump ul li.current {
    z-index: 1;
    color: #333;
    font-weight: bold;
    font-size: .36rem;
    padding: 0 .15rem;
    font-family: YS-HelloFont-BangBangTi;
}

.csJump ul li.current:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0rem;
    left: 0;
    right: 0;
    display: block;
    width: 1.43rem;
    height: .19rem;
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -1.83rem -2.88rem;
    margin: auto;
}

.csJump ul li.current:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: .03rem;
    right: .05rem;
    display: block;
    width: .06rem;
    height: .06rem;
    background: #FB381F;
    border-radius: 50%;
    margin: auto;
}

.relGameZt {
    position: relative;
    margin-bottom: .24rem;
    min-height: 1.6rem;
}

.relGameZt .tabCont {
    position: relative;
    margin-top: -.78rem;
}

.relGameZt .tabMenu {
    position: relative;
    z-index: 1;
    margin-top: .24rem;
    left: .24rem;
    margin-right: .6rem;
    height: .68rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    white-space: nowrap;
    background: linear-gradient(to right, #FF6358, #FF8F55);
    border-radius: .2rem .4rem;
}

.relGameZt .tabMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.relGameZt .tabMenu span {
    position: relative;
    display: inline-block;
    margin: 0 .15rem;
    font-size: .24rem;
    color: rgba(255, 255, 255, .7);
    line-height: .5rem;
    cursor: pointer;
}

.relGameZt .tabMenu span.current {
    font-size: .28rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.relGameZt .tabMenu span.current:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 68%;
    height: .04rem;
    background: #fff;
    border-radius: .02rem;
}

.relGameZt .subBox>a {
    display: block;
    height: 2.78rem;
    padding-top: .78rem;
    background: url(../images/gadeztbg.png) no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    *zoom: 1;
}

.relGameZt .subBox .img {
    float: left;
    margin: .19rem .2rem 0 .4rem;
    width: 3.18rem;
    min-height: 2.24rem;
    overflow: hidden;
    border-radius: .2rem;
}

.relGameZt .subBox .img img {
    width: 3.18rem;
    min-height: 2.24rem;
    height: auto;
    display: block;
    border-radius: .2rem;
}

.relGameZt .subBox .info {
    float: left;
    width: 3rem;
}

.relGameZt .subBox .info strong {
    display: block;
    text-align: center;
    font-size: .3rem;
    color: #fff;
    line-height: .42rem;
    text-shadow: 0 .03rem 0 rgba(179, 70, 62, 0.4);
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.relGameZt .subBox .info p {
    display: block;
    margin-top: .16rem;
    height: 1.76rem;
    font-size: .26rem;
    color: #666;
    line-height: .44rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.relGameZt .subBox .info div {
    overflow: hidden;
    *zoom: 1;
}

.relGameZt .subBox .info div span {
    position: absolute;
    top: .9rem;
    left: .36rem;
    display: block;
    padding: 0 .1rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    ;
    font-size: .22rem;
    color: #fff;
    line-height: .42rem;
    border-radius: .22rem .11rem .22rem .11rem;
}

.relGameZt .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.relGameZt .list a {
    position: relative;
    display: block;
    text-align: center;
    width: 25%;
    height: 2rem;
    padding: .15rem 0 .02rem 0;
}

.relGameZt .list a img {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .3rem;
    margin: 0 auto;
}

.relGameZt .list a p {
    display: block;
    max-width: 90%;
    font-size: .28rem;
    color: #333;
    height: .58rem;
    line-height: .58rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gaHSTop {
    position: relative;
    display: block;
    margin: .12rem auto;
    width: 7.02rem;
    height: 4rem;
    border-radius: .2rem;
    overflow: hidden;
}

.gaHSTop>img {
    width: 100%;
    min-height: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: inherit;
}

.gaHSTop .img {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: inherit;
}

.gaHSTop .img img {
    width: 100%;
    min-height: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: inherit;
}

.gaHSbg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1rem;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), rgba(114, 102, 104, .2);
    background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), rgba(114, 102, 104, .2);
}

.gaHSTop .info {
    padding: .15rem .24rem .15rem .18rem;
    height: .7rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.gaHSTop .info img {
    float: left;
    display: block;
    width: .7rem;
    height: .7rem;
    border-radius: .16rem;
    margin-right: .2rem;
}

.gaHSTop .info>div {
    float: left;
    max-width: 5.2rem;
}

.gaHSTop .info>div h1,
.gaHSTop .info>div p,
.gaHSTop .info>div strong {
    font-size: .28rem;
    color: #fff;
    font-weight: 700;
    line-height: .34rem;
    white-space: nowrap;
    overflow: hidden;
}

.gaHSTop .info>div div {
    margin-top: .06rem;
    line-height: .28rem;
    font-size: .2rem;
    color: rgba(255, 255, 255, .8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gaHSTop .info>div div span {
    display: inline-block;
    vertical-align: top;
    padding: 0 .1rem;
    text-align: center;
    height: .28rem;
    line-height: .28rem;
    font-size: .18rem;
    color: #fff;
    background-color: #00A0E9;
    border-radius: .14rem;
    margin-right: .16rem;
    font-weight: lighter;
}

.gaHSTop .info i {
    float: right;
    display: block;
    width: .32rem;
    height: .32rem;
    background-position: -.56rem -2.26rem;
    position: relative;
    top: .19rem;
}

.gaHScore .gaHSTop .info>div div span {
    font-size: .2rem;
    border-radius: .05rem;
}

.gaHSList {
    margin-bottom: .24rem;
    padding-bottom: .1rem;
}

.gaHSList li {
    position: relative;
}

.gaHSList li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.gaHSList li a img {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: .22rem;
    margin: .15rem 0;
}

.gaHSList li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1rem;
    padding: .15rem 0;
    margin-left: .24rem;
    position: relative;
}

.gaHSList li .info p,
.gaHSList li .info div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gaHSList li .info p {
    display: block;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .4rem;
    font-family: PingFang;
}

.gaHSList li .info div {
    display: block;
    font-size: .2rem;
    line-height: .24rem;
    color: #A8A8A8;
    margin-top: .06rem;
}

.gaHSList li .info div i {
    display: inline-block;
    vertical-align: top;
    font-size: .18rem;
    color: #FF7D3C;
    line-height: .24rem;
    background: #FFF3EF;
    border-radius: .04rem;
    padding: 0 .04rem;
}

.gaHSList li .info div i:before {
    content: "";
    position: relative;
    top: .02rem;
    margin-right: .05rem;
    vertical-align: top;
    display: inline-block;
    width: .18rem;
    height: .17rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.16rem -.27rem;
}

.gaHSList li .info div em {
    display: inline-block;
    vertical-align: top;
    font-size: .16rem;
    color: #FF7D3C;
    line-height: .24rem;
    background: #FFF3EF;
    border-radius: .04rem;
    padding: 0 .04rem;
    margin-left: .08rem;
}

.gaHSList li .info div span {
    display: inline-block;
    vertical-align: top;
    font-size: .2rem;
    color: #999;
    margin-left: .09rem;
}

.gaHSList li .btn {
    position: absolute;
    top: .41rem;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.gaHSList li .btn.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.tpMenu {
    width: 6.75rem;
    height: 1.17rem;
    padding: 1.93rem 0 0 .27rem;
    margin: auto;
    background: url(../images/zttopbg.png) no-repeat;
    background-size: 100% auto;
}

.tpMenu div {
    display: flex;
}

.tpMenu a {
    width: 1.58rem;
    height: .54rem;
    margin-left: .19rem;
    font-size: .3rem;
    color: rgba(22, 94, 239, .5);
    text-align: center;
    line-height: .54rem;
    background: #F2F6FF;
    border-radius: .27rem;
    box-shadow: 0 .06rem .12rem 0 transparent;
}

.tpMenu a.current {
    font-weight: bold;
    color: #165EEF;
    box-shadow: 0 .06rem .12rem 0 rgba(4, 46, 147, 0.16);
}

.tpTit {
    display: flex;
    padding-top: .14rem;
}

.tpTit a,
.tpTit h1 {
    position: relative;
    display: block;
    flex: 1;
    font-size: .32rem;
    color: #333;
    line-height: .48rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tpTit a:before,
.tpTit h1:before {
    content: "";
    position: relative;
    top: .045rem;
    margin-right: .08rem;
    display: inline-block;
    width: .34rem;
    height: .34rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -5.23rem -.09rem;
}

.tpTit p {
    color: #A8A8A8;
    font-size: .24rem;
    line-height: .48rem;
}

.tpTit p span {
    color: #FB381F;
    margin: 0 .1rem;
}

.tpsTit a:before,
.tpsTit h1:before {
    background-position: -5.81rem -.09rem;
}

.tpList .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .1rem;
}

.tpList .list a {
    position: relative;
    display: block;
    text-align: center;
    width: 20%;
    height: 1.8rem;
    padding: .15rem 0 .04rem 0;
}

.tpList .list a img {
    display: block;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: .24rem;
    margin: 0 auto;
}

.tpList .list a p {
    display: block;
    width: 100%;
    font-size: .28rem;
    color: #333;
    height: .58rem;
    line-height: .58rem;
    margin: .07rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.tpList .pageWrap {
    padding-top: .24rem;
}

.tpDTop {
    padding: .02rem 0 .07rem;
    margin-bottom: .15rem;
}

.tpDTop .gaHSTop {
    margin-top: .02rem;
}

.tpDTop>p {
    display: block;
    margin-top: .06rem;
    max-height: 1.6rem;
    font-size: .24rem;
    color: #A8A8A8;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.tpDList ul {
    margin-top: -.1rem;
}

.tpDList li {
    position: relative;
}

.tpDList li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.tpDList li a img {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: .22rem;
    margin: .27rem 0;
}

.tpDList li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.04rem;
    padding: .25rem 0;
    margin-left: .24rem;
    position: relative;
    border-bottom: 1px solid #DCDCDC;
}

.tpDList li .info p,
.tpDList li .info div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tpDList li .info p {
    display: block;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .3rem;
    font-family: PingFang;
}

.tpDList li .info div {
    display: block;
    font-size: .2rem;
    line-height: .22rem;
    color: #A8A8A8;
    margin-top: .12rem
}

.tpDList li .info div span {
    display: inline-block;
    vertical-align: top;
    height: .3rem;
    font-weight: lighter;
    font-size: .18rem;
    color: #666;
    line-height: .3rem;
    margin-right: .12rem;
    background: url(../images/ztdetagbg.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 .1rem;
}

.tpDList li .info div i {
    font-size: .22rem;
    color: #FF7D3C;
    margin-right: .19rem;
}

.tpDList li .info div i:before {
    content: "";
    position: relative;
    top: .02rem;
    margin-right: .05rem;
    vertical-align: top;
    display: inline-block;
    width: .18rem;
    height: .17rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.16rem -.27rem;
}

.tpDList li .btn {
    position: absolute;
    top: .53rem;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.tpDList li .btn.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.nsList {
    padding-top: .03rem;
    margin-top: .11rem;
}

.nsList .gsMenu {
    margin-top: .2rem;
}

.nsList ul {
    margin-bottom: .1rem;
}

.nsList li {
    position: relative;
    padding: .22rem .2rem;
    background: #FAFAFA;
    border-radius: .05rem;
    margin-top: .2rem;
    overflow: hidden;
}

.nGame {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.nGame img {
    display: block;
    width: .6rem;
    height: .6rem;
    border-radius: .14rem;
    margin-right: .15rem;
}

.nGame div {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: .6rem;
    position: relative;
}

.nGame div p {
    display: block;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .3rem;
    font-family: PingFang;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nGame div span {
    display: block;
    font-size: .2rem;
    line-height: .28rem;
    color: #A8A8A8;
    margin-top: .05rem
}

.nGame div span:before {
    content: "";
    display: inline-block;
}

.nNews .img {
    width: 100%;
    height: 2.4rem;
    border-radius: .12rem;
    overflow: hidden;
    margin-top: .3rem;
}

.nNews .img img {
    width: 100%;
    min-height: 2.4rem;
    height: auto;
    display: block;
}

.nNews p {
    display: block;
    max-height: .96rem;
    font-size: .36rem;
    color: #333;
    font-weight: bold;
    line-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: .16rem 0;
}

.nsList li>div {
    display: flex;
    justify-content: space-between;
    margin-bottom: .02rem;
}

.nsList li>div span {
    display: block;
    color: #999;
    font-size: .28rem;
    line-height: .4rem;
}

.nLook:before {
    content: "";
    position: relative;
    top: .02rem;
    margin-right: .12rem;
    display: inline-block;
    width: .36rem;
    height: .24rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -7.52rem -.09rem;
}

.nLike {
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -8.14rem -.09rem;
}

.nsShare {
    position: absolute;
    right: .2rem;
    z-index: 2;
    display: block;
    width: .36rem;
    height: .4rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -6.9rem -.09rem;
}

.nLike.current {
    background-position: -8.14rem -.59rem;
}

.newsCont {
    margin: .32rem auto .2rem;
    overflow: hidden;
}

.newsCont h1 {
    font-size: .48rem;
    color: #333;
    font-weight: bold;
    line-height: .66rem;
    margin-bottom: .1rem;
}

.newsCont .nInfo {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
    color: #A8A8A8;
    line-height: .44rem;
    margin-bottom: .22rem;
}

.newsCont .tag {
    display: flex;
    flex-wrap: wrap;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    margin-bottom: .2rem;
}

.newsCont .tag span {
    margin-bottom: .1rem;
    font-size: .24rem;
    color: #FC942B;
    line-height: .4rem;
    margin-right: .16rem;
    background: url(../images/gadetagbg.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 .14rem;
}

.newsCont .cont {
    font-size: .3rem;
    line-height: .52rem;
    color: #4D4D4D;
}

.newsCont .cont a {
    color: #FB381F;
    display: inline-block;
    border-bottom: 1px solid #FB381F;
    line-height: .39rem;
    text-indent: 0;
}

.newsCont .cont p {
    margin-bottom: .1rem;
    word-break: break-all;
}

.newsCont .cont img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: .2rem auto;
}

.newsCont .cont h3 {
    position: relative;
    display: block;
    font-size: .32rem;
    color: #333;
    font-weight: bold;
    line-height: .52rem;
    margin-bottom: .12rem;
}

.newsCont .cont br:last-child {
    display: none;
}

.newsCont .cont iframe {
    width: 100%;
    height: 3.6rem;
    margin: 0 auto;
    display: block;
    border: none;
}

.newsCont .cont table {
    width: 100% !important;
    border-color: #d9d9d9;
}

.newsCont .cont table a {
    border-bottom: none;
    color: #2440b3;
}

.newsCont .cont strong {
    font-weight: bold;
}

.nsDeZan {
    margin: .2rem auto;
    text-align: center;
}

.nsDeZan div {
    line-height: .4rem;
}

.nsDeZan i {
    position: relative;
    top: .03rem;
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-position: -9.35rem -.09rem;
    margin-right: .15rem;
}

.nsDeZan span {
    font-size: .3rem;
    color: #A8A8A8;
}

.nsDeZan p {
    display: none;
    font-size: .24rem;
    color: #FB381F;
    line-height: .4rem;
    margin-top: .1rem;
}

.nsDeZan.current i {
    background-position: -8.8rem -.09rem;
}

.nsDeZan.current span {
    color: #FB381F;
}

.nsDeZan.current p {
    display: block;
}

.pageBox {
    display: flex;
    padding: .12rem 0;
}

.pageBox p {
    position: relative;
    display: block;
    width: 3.28rem;
    padding-bottom: .1rem;
    transform: skew(-20deg);
    background: #F5F5F5;
    margin-left: .15rem;
}

.pageBox span,
.pageBox a:nth-of-type(1) {
    display: block;
    position: relative;
    transform: skew(20deg);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pageBox span {
    font-size: .26rem;
    color: #666;
    line-height: .54rem;
}

.pageBox p:nth-of-type(1) span {
    text-align: left;
    margin-left: .12rem;
}

.pageBox p:nth-of-type(2) span {
    text-align: right;
    margin-right: .1rem;
}

.pageBox a:nth-of-type(1) {
    width: 92%;
    font-size: .26rem;
    color: #333;
    line-height: .34rem;
    margin-left: .2rem;
}

.pageBox a:nth-of-type(2) {
    position: absolute;
    top: .14rem;
    display: block;
    transform: skew(20deg);
}

.pageBox a:nth-of-type(2) i {
    display: block;
    width: .34rem;
    height: .24rem;
    background-position: -6.45rem -2.88rem;
}

.pageBox .pre {
    right: .2rem;
}

.pageBox .next {
    left: .2rem;
}

.pageBox a:nth-of-type(2).next i {
    background-position: -7.09rem -2.88rem;
}

.nsGame {
    padding: .08rem .2rem .22rem;
    background: #FAFAFA;
    border-radius: .05rem;
    margin: .1rem auto .2rem;
}

.nsGame .nNews {
    position: relative;
}

.nsGame .nLook {
    position: absolute;
    bottom: .14rem;
    right: .2rem;
    color: #999;
}

.nsGame .nNews .img {
    margin-top: .21rem;
    margin-bottom: .3rem;
}

.nsGame .nGame p i {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin-left: .32rem;
    vertical-align: top;
}

.nsGame .nGame {
    position: relative;
}

.nsGame .nGame>p {
    position: absolute;
    right: 0rem;
}

.nGSGood {
    margin-bottom: .16rem;
}

.nGSGood .list {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.nGSGood .list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.nGSGood .list a {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 20%;
    height: 1.8rem;
    padding: .15rem 0 .04rem 0;
}

.nGSGood .list a img {
    display: block;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: .24rem;
    margin: 0 auto;
}

.nGSGood .list a p {
    display: block;
    width: 100%;
    font-size: .28rem;
    color: #333;
    height: .58rem;
    line-height: .58rem;
    margin: .07rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.nNesGame {
    padding: .2rem;
    margin: .2rem .06rem;
    background: #FFF;
    box-shadow: .08rem .08rem .16rem .08rem rgba(0, 0, 0, 0.02);
    border-radius: .16rem;
}

.nNesGame>p {
    font-size: .24rem;
    color: #A8A8A8;
    line-height: .32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .19rem;
}

.nNesGame .img {
    width: 100%;
    height: 2.38rem;
    border-radius: .12rem;
    overflow: hidden;
    margin: .05rem auto;
}

.nNesGame .img img {
    width: 100%;
    min-height: 2.38rem;
    height: auto;
    display: block;
}

.nNesGame a p {
    font-size: .32rem;
    color: #4D4D4D;
    line-height: .6rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .09rem;
}

.nNesGame .copies {
    display: flex;
}

.nNesGame .copies div {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    margin-right: .12rem;
}

.nNesGame .copies div span {
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem;
    padding: 0 .16rem;
    height: .32rem;
    line-height: .32rem;
    font-size: .18rem;
    color: #999;
    background: #F5F5F5;
    border-radius: .15rem;
}

.nNesGame .copies i {
    font-size: .24rem;
    color: #A8A8A8;
    line-height: .32rem;
}

.rankTop {
    position: relative;
    left: -.24rem;
    top: -.2rem;
    margin: auto;
    margin-top: -.08rem;
    display: block;
    width: 7.5rem;
    height: 3.88rem;
    border-radius: .4rem;
    overflow: hidden;
}

.rankTop>img {
    width: 100%;
    min-height: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: inherit;
}

.rTbg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .8rem;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), rgba(114, 102, 104, .2);
    background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), rgba(114, 102, 104, .2);
}

.rankTop .rTMenu {
    display: flex;
    justify-content: space-around;
    padding: .1rem 0;
    height: .6rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.rankTop .rTMenu a,
.rankTop .rTMenu span {
    font-size: .3rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .6);
    line-height: .6rem;
    cursor: pointer;
}

.rankTop .rTMenu a.current {
    font-size: .36rem;
    font-weight: bold;
    color: #fff;
}

.rTHide {
    position: absolute;
    top: 2.1rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .4rem .4rem 0 0;
}

.rTHide .iTit strong:before {
    display: none;
}

.rTHide>div {
    background: #fff;
    padding: .46rem .44rem .24rem;
    border-radius: .36rem .36rem 0 0;
}

.rankTag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 106%;
}

.rankTag a {
    display: block;
    width: 2rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    background: #F5F5F5;
    border-radius: .12rem;
    margin: 0 .3rem .3rem 0;
    font-size: .26rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rankTag a:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: .64rem;
    height: .64rem;
    background: url(../images/tagicon.png) no-repeat;
    background-size: 20rem 5rem;
    background-position: -.2rem -.17rem;
    transform: scale(.5);
}

.rankTag a.jsby:before {
    background-position: -.2rem -.17rem;
}

.rankTag a.xxyz:before {
    background-position: -1.21rem -.17rem;
}

.rankTag a.jdxy:before {
    background-position: -2.22rem -.17rem;
    width: .78rem;
}

.rankTag a.fgcq:before {
    background-position: -3.37rem -.17rem;
}

.rankTag a.hbxx:before {
    background-position: -4.33rem -.17rem;
}

.rankTag a.clsg:before {
    background-position: -5.25rem -.17rem;
}

.rankTag a.jymn:before {
    background-position: -6.17rem -.17rem;
}

.rankTag a.sjdz:before {
    background-position: -7.14rem -.17rem;
    width: .7rem;
}

.rankTag a.dzgd:before {
    background-position: -8.18rem -.17rem;
}

.rankTag a.yyjz:before {
    background-position: -9.19rem -.17rem;
}

.rankTag a.kpyc:before {
    background-position: -10.2rem -.17rem;
}

.rankTag a.hhtf:before {
    background-position: -11.21rem -.17rem;
}

.rankTag a.scmx:before {
    background-position: -12.22rem -.17rem;
}

.rankTag a.tyjj:before {
    background-position: -13.14rem -.17rem;
}

.rankTag a.scjs:before {
    background-position: -14.15rem -.17rem;
}

.rankTag a.kbjm:before {
    background-position: -15.17rem -.17rem;
}

.rankTag a.fzxx:before {
    background-position: -16.18rem -.17rem;
}

.rankTag a.syfz:before {
    background-position: -17.19rem -.17rem;
}

.rankTag a.gdfl:before {
    background-position: -18.2rem -.17rem;
}

.rankTag a.ltjy:before {
    background-position: -.2rem -1.41rem;
}

.rankTag a.sfzb:before {
    background-position: -1.21rem -1.41rem;
}

.rankTag a.psmh:before {
    background-position: -2.22rem -1.41rem;
}

.rankTag a.xxjy:before {
    background-position: -3.37rem -1.41rem;
}

.rankTag a.xwzx:before {
    background-position: -4.33rem -1.41rem;
}

.rankTag a.jtdh:before {
    background-position: -5.25rem -1.41rem;
}

.rankTag a.yybf:before {
    background-position: -6.17rem -1.41rem;
}

.rankTag a.ssgw:before {
    background-position: -7.14rem -.17rem;
    width: .7rem;
}

.rankTag a.tzlc:before {
    background-position: -8.18rem -1.41rem;
}

.rankTag a.lycx:before {
    background-position: -9.19rem -1.41rem;
}

.rankTag a.swbg:before {
    background-position: -10.2rem -1.41rem;
}

.rankTag a.ydjs:before {
    background-position: -11.21rem -1.41rem;
}

.rankTag a.shsy:before {
    background-position: -12.22rem -1.41rem;
}

.rankTag a.xsts:before {
    background-position: -13.14rem -1.41rem;
}

.rankTag a.mhyd:before {
    background-position: -14.15rem -1.41rem;
}

.rankTag a.yljk:before {
    background-position: -15.17rem -1.41rem;
}

.rankTag a.yxzs:before {
    background-position: -16.18rem -1.41rem;
}

.rankTag a.xtyy:before {
    background-position: -17.19rem -1.41rem;
}

.rankTag a.gdfl:before {
    background-position: -18.2rem -1.41rem;
}

.rankHot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 106%;
    padding-top: .15rem;
}

.rankHot li {
    display: block;
    text-align: center;
    padding: 0 .13rem;
    width: 1.82rem;
    height: .56rem;
    background: #F5F5F5;
    border-radius: .28rem;
    margin: 0 .2rem .2rem 0;
    line-height: .56rem;
    overflow: hidden;
}

.rankHot li a {
    display: block;
    font-size: .26rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rTSure {
    display: block;
    margin: .3rem auto;
    width: 5.4rem;
    height: .72rem;
    background: linear-gradient(to left, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .32rem;
    color: #fff;
    line-height: .72rem;
    text-align: center;
    border-radius: 0.36rem;
}

.rankList {
    margin-bottom: .28rem;
}

.rankList .gsMenu {
    margin: .2rem 0;
}

.rankList li {
    position: relative;
}

.rankList li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.rankList li a img {
    display: block;
    width: 1rem;
    height: 1rem;
    border: .02rem solid transparent;
    border-radius: .22rem;
    margin: .2rem 0;
}

.rankList li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.04rem;
    padding: .2rem 0;
    margin-left: .22rem;
    position: relative;
}

.rankList li .info p,
.gaHSList li .info div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rankList li .info p {
    display: block;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .38rem;
    font-family: PingFang;
}

.rankList li .info div {
    display: block;
    font-size: .2rem;
    line-height: .24rem;
    color: #A8A8A8;
    margin-top: .06rem;
    white-space: nowrap;
    overflow: hidden;
}

.rankList li .info div i {
    display: inline-block;
    vertical-align: top;
    font-size: .24rem;
    color: #0CDD9B;
    line-height: .24rem;
}

.rankList li .info div i:before {
    content: "";
    position: relative;
    top: .02rem;
    margin-right: .05rem;
    vertical-align: top;
    display: inline-block;
    width: .19rem;
    height: .19rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -8.42rem -2.88rem;
}

.rankList li .info div span {
    display: inline-block;
    vertical-align: top;
    font-size: .2rem;
    color: #999;
    margin-left: .21rem;
}

.rankList li .info em {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin-top: .08rem;
    padding: 0 .1rem;
    font-size: .18rem;
    color: #0CDD9B;
    height: .24rem;
    line-height: .24rem;
    border: .02rem solid #0CDD9B;
    ;
    border-radius: .08rem;
}

.rankList li .info p:nth-of-type(2) {
    font-size: .2rem;
    color: #A8A8A8;
    font-weight: normal;
    line-height: .4rem;
}

.rankList li .btn {
    position: absolute;
    top: .41rem;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.rankList li .btn.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.rankList li .btn:after,
.rankList li .btn.no:after {
    content: "";
    position: relative;
    margin-left: .05rem;
    display: inline-block;
    width: .21rem;
    height: .17rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -8.91rem -2.88rem;
}

.rankList li a>i {
    width: .54rem;
    height: .63rem;
    line-height: .63rem;
    font-size: .32rem;
    color: #ABB2BA;
    font-weight: bold;
    margin-top: .04rem;
    margin-right: .32rem;
    text-align: center;
}

.rankList li:nth-of-type(-n+3) a>i {
    font-size: 0;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
}

.rankList li:nth-of-type(n+1) a>i {
    background-position: -.08rem -1.33rem;
}

.rankList li:nth-of-type(n+2) a>i {
    background-position: -.88rem -1.33rem;
}

.rankList li:nth-of-type(n+3) a>i {
    background-position: -1.68rem -1.33rem;
}

.rankList li:nth-of-type(1) a img {
    border-color: #FFDB5C;
}

.rankList li:nth-of-type(2) a img {
    border-color: #D7DAE5;
}

.rankList li:nth-of-type(3) a img {
    border-color: #FBB56D;
}

/*biaoqian*/
.tagsList .gsMenu {
    margin-top: .16rem;
}

.tagsList ul {
    width: 108%;
    padding: .12rem 0;
}

.tagsList li {
    display: inline-block;
    width: 2.14rem;
    height: 2.1rem;
    background: #F4F8FB;
    border-radius: .12rem;
    margin-top: .76rem;
    margin-right: .22rem;
}

.tagsList li a {
    position: relative;
    display: block;
    text-align: center;
    position: relative;
    margin-top: -.51rem;
}

.tagsList li a img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .24rem;
    margin: 0 auto;
}

.tagsList li a p {
    display: block;
    max-width: 90%;
    font-size: .28rem;
    color: #333;
    height: .58rem;
    line-height: .58rem;
    margin: .04rem auto 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tagsList li a span {
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.tagsList li a span.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.downGSTop {
    position: relative;
    margin-top: .06rem;
    margin-bottom: .24rem;
}

.downGSTop .info {
    margin-bottom: .12rem;
}

.gsDTop .intro p {
    max-height: 1.44rem;
    -webkit-line-clamp: 3;
}

.downGSTop .linkBtn {
    position: absolute;
    top: .02rem;
    right: .06rem;
}

.downGSTop .linkBtn a {
    display: block;
    width: 1.6rem;
    height: .66rem;
    line-height: .66rem;
    margin: 0 auto;
    border-radius: .12rem;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    background-color: #FB371F;
}

.downGSTop .linkBtn a.orderBtn {
    background: #FFBC03;
}

.downGSTop .linkBtn a.no,
.downGSTop .linkBtn a.noDown {
    background-color: #e0e0e0;
}

.relDownEd {
    margin: 0 auto .24rem;
    padding-bottom: .1rem;
}

.relDownEd ul {
    display: flex;
    overflow-x: auto;
    padding-top: .12rem;
}

.relDownEd ul li {
    width: 3.67rem;
    height: 2.06rem;
    float: left;
    border-radius: .1rem;
    background: #F4F8FB;
    margin-right: .2rem;
}

.relDownEd ul li a {
    width: 3.67rem;
    height: 2.06rem;
    float: left;
    border-radius: .1rem;
}

.relDownEd ul li a>p {
    font-size: .28rem;
    color: #333;
    line-height: .28rem;
    font-weight: 600;
    width: 100%;
    margin: .19rem .2rem .2rem;
}

.relDownEd ul li img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    float: left;
    margin-left: .2rem;
}

.relDownEd ul li .info {
    float: left;
    width: 2rem;
    margin-left: .26rem;
}

.relDownEd ul li .info p {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .14rem;
}

/*newsrecgame*/
.newsCont .cont .info {
    width: 100%;
    height: 1.7rem;
    background: #f5f5f5;
    overflow: hidden;
    border-radius: .08rem;
    margin: .2rem auto;
}

.newsCont .cont .info img {
    width: 1.28rem;
    height: 1.28rem;
    display: block;
    float: left;
    margin: .21rem .2rem;
    border-radius: .25rem
}

.newsCont .cont .info p {
    text-indent: 0;
}

.qaboxs {
    float: left;
    width: 50%;
    max-width: 50%
}

.qaboxs .name {
    color: #333;
    font-size: .32rem;
    margin-top: .32rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.qaboxs p span {
    font-size: .28rem;
    color: #999
}

.qaboxs p span em {
    font-size: .28rem;
    color: #666;
}

.newsCont .cont .info a {
    border: 0
}

.newsCont .cont .info a.btn {
    width: 1.2rem;
    height: .52rem;
    display: block;
    float: right;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    background: #ffa622;
    line-height: .52rem;
    border-radius: .08rem;
    margin-top: .6rem;
    margin-right: .2rem;
}


/* order*/
.orderList {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.orderBox {
    position: absolute;
    z-index: 5;
    top: 3rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(251, 55, 31, 0.42) 0%, rgba(251, 55, 31, .1) 50%, rgba(251, 55, 31, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.orderBox:before {
    content: "";
    position: absolute;
    top: -1.13rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 1.54rem;
    height: 1.98rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 15rem;
    background-position: -.3rem -.1rem;
}

.orderBox .oClose {
    position: absolute;
    bottom: -1.33rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.orderBox .oClose i {
    display: block;
    margin: auto;
    width: .72rem;
    height: .72rem;
    background-position: -6.33rem -3.66rem;
    position: relative;
}

.orderBox .oTitle {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 1rem;
    height: 1rem;
}

.orderBox .oTitle p {
    display: block;
    font-size: .44rem;
    color: #000;
    font-weight: bold;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
}

.orderBox .oBtn,
.orderBox .oKnow {
    display: block;
    border: 0;
    width: 4.5rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(to left, #FA7F2A, #FB371F);
    background-color: #FB371F;
    text-align: center;
    border-radius: 0.12rem;
    margin: .45rem auto;
}

.oOrder>p {
    font-size: .28rem;
    color: #FC942B;
    width: 96%;
    margin: 0rem auto .24rem;
    line-height: .3rem;
}

.orderBox form .telPhone {
    position: relative;
    width: 4.5rem;
    height: .62rem;
    margin: 0 auto;
}

.orderBox form .tel {
    width: 4.02rem;
    border: none;
    border: .02rem solid #DCDCDC;
    background-color: #fff;
    color: #666;
    font-size: .28rem;
    border-radius: .12rem;
    padding: 0 .22rem;
    line-height: .62rem;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .tel::-webkit-input-placeholder {
    color: #999;
    font-size: .24rem;
}

.orderBox form .tel:-moz-placeholder {
    color: #999;
    font-size: .24rem;
}

.orderBox form .tel::-moz-placeholder {
    color: #999;
    font-size: .24rem;
}

.orderBox form .tel:-ms-input-placeholder {
    color: #999;
    font-size: .24rem;
}

.orderBox form span {
    display: block;
    color: #ccc;
    font-size: .24rem;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .msg {
    position: relative;
    top: 0;
    display: block;
    width: 4.5rem;
    margin: 0 auto;
    color: #FB371F;
    font-size: .18rem;
    text-align: left;
}

.orderBox .oWin {
    width: 100%;
    height: auto;
    padding-bottom: .1rem;
    border-radius: .12rem;
    text-align: center;
}

.orderBox .oWin>p {
    position: relative;
    font-size: .28rem;
    color: #FC942B;
    width: 96%;
    margin: 0rem auto .2rem;
    line-height: .3rem;
}

.orderBox .oWin>i {
    position: relative;
    display: block;
    width: 1.24rem;
    height: 1.4rem;
    background-position: -7.39rem -3.66rem;
    margin: auto;
}

.orderBox .oAgin {
    width: 100%;
    height: auto;
    ;
    padding-bottom: .1rem;
    border-radius: .12rem;
    text-align: center;
}

.orderBox .oAgin>p {
    position: relative;
    font-size: .28rem;
    color: #FC942B;
    width: 96%;
    margin: 0rem auto .2rem;
    line-height: .3rem;
}

.orderBox .oAgin>i {
    position: relative;
    display: block;
    width: 1.24rem;
    height: 1.4rem;
    background-position: -7.39rem -3.66rem;
    margin: auto;
}

.orderBox .oWin .oTitle p:after,
.orderBox .oAgin .oTitle p:after {
    content: "";
    position: relative;
    margin-left: .02rem;
    top: -.16rem;
    display: inline-block;
    width: .25rem;
    height: .34rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 15rem;
    background-position: -2.69rem -1.09rem;
}

/* rule */
.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(170, 105, 249, 0.42) 0%, rgba(170, 105, 249, .1) 50%, rgba(170, 105, 249, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.ruleBox:before {
    content: "";
    position: absolute;
    top: -1.13rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 15rem;
    background-position: -.3rem -6.72rem;
}

.ruleBox .rClose {
    position: absolute;
    bottom: -1.33rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.ruleBox .rClose i {
    display: block;
    margin: auto;
    width: .72rem;
    height: .72rem;
    background-position: -6.33rem -3.66rem;
    position: relative;
}

.ruleBox .rTitle {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 1rem;
    height: 1rem;
}

.ruleBox .rTitle p {
    display: block;
    font-size: .44rem;
    color: #000;
    font-weight: bold;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
}

.ruleBox .rSure {
    display: block;
    border: 0;
    width: 4.5rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(to left, #FA7F2A, #FB371F);
    background-color: #FB371F;
    text-align: center;
    border-radius: 0.12rem;
    margin: .45rem auto;
}

.ruleMain {
    position: relative;
    display: block;
    width: 4.6rem;
    height: 3rem;
    border: none;
    padding: 0 .21rem 0 .79rem;
    margin-right: .46rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #454545;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

.ruleMain>p:nth-of-type(1) {
    text-align: left;
    font-size: .26rem;
    color: #333;
    font-weight: bold;
    line-height: .4rem;
    margin: 0 auto .1rem;
}

.ruleMain p {
    text-align: left;
}

.ruleMain strong {
    display: block;
    color: #454545;
    line-height: .52rem;
    font-size: .26rem;
    font-weight: 500;
    text-indent: 0em;
    text-align: left;
}

/* Privacy */
.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.privacyBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(141, 252, 239, 0.42) 0%, rgba(141, 252, 239, .1) 50%, rgba(141, 252, 239, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.privacyBox:before {
    content: "";
    position: absolute;
    top: -1.13rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 2rem;
    height: 1.98rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 15rem;
    background-position: -.3rem -4.32rem;
}

.privacyBox .pClose {
    position: absolute;
    bottom: -1.33rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.privacyBox .pClose i {
    display: block;
    margin: auto;
    width: .72rem;
    height: .72rem;
    background-position: -6.33rem -3.66rem;
    position: relative;
}

.privacyBox .pTitle {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 1rem;
    height: 1rem;
}

.privacyBox .pTitle p {
    display: block;
    font-size: .44rem;
    color: #000;
    font-weight: bold;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
}

.privacyBox .pSure {
    display: block;
    border: 0;
    width: 4.5rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(to left, #FA7F2A, #FB371F);
    background-color: #FB371F;
    text-align: center;
    border-radius: 0.12rem;
    margin: .45rem auto;
}

.privacyMain {
    position: relative;
    display: block;
    width: 4.6rem;
    height: 3rem;
    border: none;
    padding: 0 .21rem 0 .79rem;
    margin-right: .46rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #454545;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

.privacyMain>p:nth-of-type(1) {
    text-align: left;
    font-size: .26rem;
    color: #333;
    font-weight: bold;
    line-height: .4rem;
    margin: 0 auto .1rem;
}

.privacyMain p {
    text-align: left;
}

.privacyMain strong {
    display: block;
    color: #454545;
    line-height: .52rem;
    font-size: .26rem;
    font-weight: 500;
    text-indent: 0em;
    text-align: left;
}

/* Log */
.gLog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.logBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 165, 255, 0.42) 0%, rgba(6, 165, 255, .1) 50%, rgba(6, 165, 255, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.logBox:before {
    content: "";
    position: absolute;
    top: -1.13rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 1.9rem;
    height: 2.02rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 15rem;
    background-position: -.3rem -9.14rem;
}

.logBox .lClose {
    position: absolute;
    bottom: -1.33rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.logBox .lClose i {
    display: block;
    margin: auto;
    width: .72rem;
    height: .72rem;
    background-position: -6.33rem -3.66rem;
    position: relative;
}

.logBox .lTitle {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 1rem;
    height: 1rem;
}

.logBox .lTitle p {
    display: block;
    font-size: .44rem;
    color: #000;
    font-weight: bold;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
}

.logBox .lSure {
    display: block;
    border: 0;
    width: 4.5rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(to left, #FA7F2A, #FB371F);
    background-color: #FB371F;
    text-align: center;
    border-radius: 0.12rem;
    margin: .45rem auto;
}

.logMain {
    position: relative;
    display: block;
    width: 4.6rem;
    height: 3rem;
    border: none;
    padding: 0 .21rem 0 .79rem;
    margin-right: .46rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #454545;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

.logMain>p:nth-of-type(1) {
    text-align: left;
    font-size: .24rem;
    color: #666;
    font-weight: bold;
    line-height: .4rem;
    margin: 0 auto .1rem;
}

.logMain p {
    text-align: left;
}

.logMain strong {
    display: block;
    color: #999;
    line-height: .52rem;
    font-size: .24rem;
    font-weight: 400;
    text-indent: 0em;
    text-align: left;
}

/*share*/
.gShare {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.shareBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(141, 252, 239, 0.42) 0%, rgba(141, 252, 239, .1) 50%, rgba(141, 252, 239, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.shareBox:before {
    content: "";
    position: absolute;
    top: -.72rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 1.24rem;
    height: 1.4rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 15rem;
    background-position: -.3rem -2.5rem;
    transform: scale(1.8);
}

.shareBox .sClose {
    position: absolute;
    bottom: -1.33rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.shareBox .sClose i {
    display: block;
    margin: auto;
    width: .72rem;
    height: .72rem;
    background-position: -6.33rem -3.66rem;
    position: relative;
}

.shareBox .sTitle {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 1rem;
    height: 1rem;
}

.shareBox .sTitle p {
    display: block;
    font-size: .44rem;
    color: #000;
    font-weight: bold;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
}

.shareBox .sSure {
    display: block;
    border: 0;
    width: 4.5rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(to left, #FA7F2A, #FB371F);
    background-color: #FB371F;
    text-align: center;
    border-radius: 0.12rem;
    margin: .45rem auto;
}

.shareBox p {
    color: #FC942B;
    font-size: .32rem;
    text-align: center;
    line-height: .33rem;
    margin-top: .4rem;
}

.shareBox span {
    font-size: .21rem;
    color: #999;
    text-align: center;
    line-height: .21rem;
    margin-top: .26rem;
    display: block;
}

.shareBox em {
    font-size: .21rem;
    color: #999;
    text-align: center;
    line-height: .21rem;
    margin-top: .3rem;
    display: block;
}

.copybox {
    display: inline-flex;
    border: 1px solid #e6e5e6;
    background: #fff;
    border-radius: .1rem;
    width: 4.8rem;
    height: .48rem;
    margin-top: .24rem;
}

.copybox input {
    height: .46rem;
    border: none;
    color: #333;
    font-size: .23rem;
    line-height: .46rem;
    width: -webkit-fill-available;
    margin-top: .01rem;
    margin-left: .16rem;
}

.copybox span {
    display: inline-block;
    width: .84rem;
    height: .48rem;
    color: #fff;
    background: #19b955;
    font-size: .22rem;
    text-align: center;
    line-height: .48rem;
    border-radius: 0 .1rem .1rem 0;
    margin-top: 0;
}

/* feedback */
.feedBack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    background-color: rgba(0, 0, 0, .5);
}

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(123, 109, 227, 0.42) 0%, rgba(123, 109, 227, .1) 50%, rgba(123, 109, 227, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.feBackBox:before {
    content: "";
    position: absolute;
    top: -1.01rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 1.8rem;
    height: 1.79rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 15rem;
    background-position: -.3rem -11.58rem;
}

.feBackBox .feBaClose {
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.feBackBox .feBaClose i {
    display: block;
    margin: auto;
    width: .72rem;
    height: .72rem;
    background-position: -6.33rem -3.66rem;
    position: relative;
}

.feBackBox .fbTitle {
    position: relative;
    display: block;
    text-align: center;
    padding-top: .8rem;
    height: 1rem;
}

.feBackBox .fbTitle p {
    display: block;
    font-size: .44rem;
    color: #000;
    font-weight: bold;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
}

.feBackBox .fSure,
.feSubmit input {
    display: block;
    border: 0;
    width: 4.5rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(to left, #FA7F2A, #FB371F);
    background-color: #FB371F;
    text-align: center;
    border-radius: 0.12rem;
    margin: .45rem auto;
}

.feBack {
    margin: 0 .63rem;
}

.feBack>span {
    font-size: .28rem;
    color: #FC942B;
    margin: 0 auto .16rem;
    display: block;
    text-align: left;
}

.feBack .info {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.feBack .info p {
    font-size: .24rem;
    color: #999;
    line-height: .44rem;
}

.otherRe {
    background: #F7F7F7;
    border-radius: .05rem;
    overflow: hidden;
    padding: .1rem 0 .21rem;
}

.feBack textarea {
    width: 4.36rem;
    height: .48rem;
    border: none;
    resize: none;
    background: transparent;
    padding: .1rem .2rem 0rem;
    font-size: .24rem;
    color: #666;
}

.feBack .photos {
    display: flex;
    height: .64rem;
    overflow: hidden;
}

.feBack .photoInput {
    position: relative;
    width: .6rem;
    height: .6rem;
    border: .02rem dashed #cecece;
    border-radius: .12rem;
    text-align: center;
    margin-left: .2rem;
}

.feBack .photoInput p {
    color: #DCDCDC;
    font-size: .42rem;
    line-height: .56rem;
}

.feBack .photoInput input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.feBack .photoList {
    display: flex;
    flex: 1;
    width: 2.7rem;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.feBack .photoList::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.feBack .photoList img {
    width: auto;
    height: 1.2rem;
    margin-left: .2rem;
}

.checkbox {
    position: relative;
    display: block;
    width: 50%;
    height: .48rem;
    line-height: .48rem;
}

.checkbox:nth-last-child(1) {
    border-bottom: none;
}

.checkbox input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: .2rem;
    height: .2rem;
    opacity: 0;
}

.checkbox label {
    position: absolute;
    left: .6rem;
    top: 0;
    height: .2rem;
    line-height: .2rem;
    width: 2.6rem;
    font-size: .24rem;
    color: #999;
    padding: .12rem 0;
}

.checkbox label:after {
    content: '';
    position: absolute;
    left: -.4rem;
    top: .12rem;
    width: .145rem;
    height: .145rem;
    border: .03rem solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #4BA6FA;
}

.checkbox input[type='checkbox']:checked+label:after {
    background-color: #4BA6FA;
}

.telBox {
    overflow: hidden;
}

.telBox input {
    display: block;
    border: none;
    padding: 0 .2rem;
    width: 4.36rem;
    border: none;
    border: .02rem solid #DCDCDC;
    background-color: #fff;
    color: #666;
    font-size: .28rem;
    border-radius: .12rem;
    line-height: .62rem;
    margin: .36rem auto 0;
    overflow: hidden;
    white-space: nowrap;
}

.telBox input::-webkit-input-placeholder {
    color: #999;
}

.telBox input:-moz-placeholder {
    color: #999;
}

.telBox input::-moz-placeholder {
    color: #999;
}

.telBox input:-ms-input-placeholder {
    color: #999;
}

/*search*/
.tiSle {
    padding: .25rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.tiSle em,
.seaTwoGame .title em {
    height: .36rem;
    line-height: .36rem;
    font-size: .32rem;
    color: #999;
    font-weight: 500;
}

.tiSle em span {
    font-size: .18rem;
    color: #a8a8a8;
    margin-left: .06rem;
}

.tiSle a i {
    display: block;
    width: .15rem;
    height: .28rem;
    background-position: -6.92rem 0;
    position: relative;
    top: 0.04rem;
}

.searchbox {
    padding: 0 .25rem 0 .25rem;
    margin-bottom: 0;
    background-color: #fff;
}

.searchbox a {
    position: relative;
    display: block;
    height: .6rem;
    margin: 0 auto;
    background: #ebeced;
    border-radius: .32rem;
}

.searchbox a i {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background-position: -4.23rem -2.85rem;
    position: relative;
    top: .14rem;
    left: .26rem;
}

.searchbox,
.search_txt {
    position: relative;
}

.search_ul {
    height: .3rem;
    position: absolute;
    top: .15rem;
    left: .8rem;
    overflow: hidden;
}

.search_ul li {
    width: 5.5rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .24rem;
    color: #a9a9a9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search_txt {
    background: #ebeced;
    border-radius: .32rem;
}

.search_txt a {
    display: inline-block;
    width: .8rem;
}

.search_txt .text {
    position: absolute;
    width: 5.1rem;
    top: 0rem;
    left: .8rem;
    height: .6rem;
    border: none;
    background: none;
    color: #333;
    font-size: .26rem;
    padding: 0 .2rem 0 .1rem;
}

.search_txt .close_txt {
    position: absolute;
    top: 0rem;
    right: .12rem;
    width: .6rem;
    height: .6rem;
}

.search_txt .close_txt i {
    display: block;
    width: .4rem;
    height: .4rem;
    background-position: -3.5rem -2.82rem;
    margin: .1rem auto;
    transform: scale(.8);
    opacity: .8;
}

.seaOneTop {
    background: #fff;
    padding: 0;
}

.seaOneTop>p {
    display: block;
    font-size: .26rem;
    color: #999;
    line-height: .4rem;
    padding: .3rem .25rem .1rem;
}

.seaOneTop>p a {
    display: inline-block;
    font-size: .26rem;
    color: #666;
    margin-right: .26rem;
    font-weight: 500;
}

.seaOneTop ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 .05rem;
}

.seaOneTop ul li {
    display: block;
    width: 25%;
    text-align: center;
    margin-bottom: .2rem;
}

.seaOneTop ul li a {
    display: block;
}

.seaOneTop ul li img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .24rem;
    margin: 0 auto;
}

.seaOneTop ul li p {
    width: 90%;
    height: .42rem;
    line-height: .42rem;
    color: #000;
    font-size: .28rem;
    margin: .10rem auto .02rem;
    overflow: hidden;
    white-space: nowrap;
}

.seaOneTop ul li .btn {
    margin: .12rem auto 0;
}

.seaOneTop ul li a span {
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.seaOneTop ul li a span.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.allFind {
    background-color: #fff;
    padding: 0;
}

.seaOneList {
    padding: .1rem .25rem .25rem;
    min-height: 3rem;
}

.seaOneList a {
    position: relative;
    display: inline-block;
    padding: 0 .3rem;
    max-width: 7rem;
    border-radius: .24rem;
    line-height: .56rem;
    background-color: #f8f8f8;
    margin: 0 .18rem .28rem 0;
    color: #000;
    font-size: .24rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.seaOneList a i {
    display: block;
    position: absolute;
    width: .26rem;
    height: .36rem;
    background-position: -3.9rem -2.88rem;
    top: 0.06rem;
    right: 0;
}

.seaTwoTop ul {
    padding: 0 .25rem .25rem
}

.seaTwoTop ul li {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.seaTwoTop ul li img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .24rem;
    margin: .3rem 0;
}

.seaTwoTop ul li .fx_gw {
    width: 0%;
}

.seaTwoTop ul li .info {
    padding: .3rem 0;
    margin-left: .38rem;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}

.seaTwoTop ul li .info p {
    display: block;
    width: auto;
    font-size: .24rem;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
}

.seaTwoTop ul li .info .name {
    max-width: 3.5rem;
    font-size: .3rem;
    color: #000;
    line-height: .48rem;
}

.seaTwoTop ul li:nth-child(n+4) i {
    width: .26rem;
    height: .26rem;
    font-size: .18rem;
    color: #b6b6b6;
    line-height: .26rem;
    border: 1px solid #b6b6b6;
    text-align: center;
    margin: 0 .2rem 0 .05rem;
}

.seaTwoTop ul li .info>span {
    position: absolute;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.seaTwoTop ul li .info>span.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.seaTwoTop ul li:nth-child(1) img {
    margin-top: .1rem;
}

.seaTwoTop ul li:nth-child(1) .info {
    padding-top: .1rem;
}

.seaTwoTop ul li:last-child .info {
    padding-bottom: .36rem;
}

.seaTwoTop ul li:last-child img {
    margin-bottom: .1rem;
}

.seaTwoTop ul li:nth-child(1) span {
    top: .34rem;
}

.seaTwoList {
    padding: .1rem 0;
}

.seaTwoList ul li {
    padding: 0 .25rem;
}

.seaTwoList ul li>div {
    border-bottom: .02rem solid #e6e6e6;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.seaTwoList img {
    display: inline-block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .24rem;
    margin: .3rem auto
}

.seaTwoList ul li a:nth-of-type(1) {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.seaTwoList ul li .info {
    width: 0%;
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: .3rem 0;
    margin-left: .38rem;
}

.seaTwoList ul li .info p {
    max-width: 3.8rem;
    display: block;
    width: auto;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seaTwoList ul li .info p:nth-child(1) {
    font-size: .3rem;
    color: #000;
    line-height: .48rem;
}

.seaTwoList ul li .info p span {
    color: #999;
    margin: 0 .08rem;
    font-size: .18rem;
}

.seaTwoList ul li:last-child>div {
    border-bottom: 0;
}

.seaTwoNews ul {
    padding: 0 .25rem .15rem;
    margin-top: -.18rem;
}

.seaTwoNews ul li {
    font-size: .28rem;
    color: #666;
    border-bottom: 1px solid #e8e8e8;
    line-height: .82rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    overflow: hidden;
}

.seaTwoNews ul li:last-child {
    border: none;
}

.seaTwoNews ul li a {
    display: block;
    max-width: 6rem;
    font-size: .28rem;
    color: #666;
    overflow: hidden;
}

.seaTwoNews ul li a i {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background-color: #000;
    margin: 0 .16rem 0 .02rem;
    position: relative;
    top: -.06rem;
}

.seaTwoNews ul li span {
    font-size: .24rem;
    color: #a9a9a9;
}

.seaTwoGame {
    padding: .1rem 0;
}

.seaTwoGame ul {
    padding: .06rem 0 .25rem .25rem;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.seaTwoGame ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.seaTwoGame li {
    width: 1.3rem;
    text-align: center;
    margin-right: .3rem;
}

.seaTwoGame li a {
    display: block;
}

.seaTwoGame li img {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .24rem;
    margin: 0 auto;
}

.seaTwoGame li p {
    color: #808080;
    font-size: .2rem;
    overflow: hidden;
    white-space: nowrap;
}

.seaTwoGame li .name {
    width: 90%;
    height: .42rem;
    line-height: .42rem;
    color: #000;
    font-size: .28rem;
    margin: .10rem auto .02rem;
}

.search_list_wrap_div {
    bottom: 0;
    overflow-y: scroll;
}

.search_list_wrap em.hot {
    color: #fb381f;
}

.search_list_wrap li>div {
    display: flex;
    position: relative;
}

.search_list_wrap li>div a:nth-of-type(1) .info {
    width: 5.3rem;
}

.search_list_wrap .btn {
    position: absolute;
    right: 0;
}

.seaTwoList a>span,
.seaTwoList .btn {
    position: absolute;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #FB371F);
    background-color: #FB371F;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

.seaTwoList a>span.no,
.seaTwoList .btn.no {
    background: linear-gradient(to right, #06A5FF, #0568FA);
}

.seaTwoGame .title {
    padding: .25rem;
    display: flex;
    justify-content: space-between;
}

.seaTwoTop,
.search_list_wrap,
.seaTwoGame {
    padding: .1rem 0;
    background-color: #fff;
}

.seaTwoNews {
    padding: 0;
    background-color: #fff;
}