@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: #7357EA;
    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: #f8f9fb;
    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;
    word-break: break-all;
}

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,
.icon {
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
}

body {
    background-color: #f8f9fb;
    word-break: break-all;
}

.wrap {
    background-color: #f8f9fb;
}


.hideNav {
    width: 100%;
    max-width: 7.5rem;
    min-height: 100%;
    height: 106%;
    position: absolute;
    top: .88rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 98;
    background: rgba(0, 0, 0, 0.65);
}

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

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

.hNav {
    display: flex;
    flex-wrap: wrap;
    padding: .2rem .3rem;
}

.hNav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: .01rem;
    background-color: rgba(160, 160, 160, .3);
    margin-bottom: .1rem;
}

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

.hNav a {
    display: block;
    width: .72rem;
    height: .72rem;
    padding: .2rem .17rem .7rem;
    text-align: center;
    font-size: .24rem;
    color: #999;
    line-height: .7rem;
    margin-right: .4rem;
}

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

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

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

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

.hNav a:nth-of-type(4):before {
    background-position: -2.99rem -.72rem;
}

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

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

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

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

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

.hideNav ul li.hot a::after {
    content: "";
    position: absolute;
    right: -.16rem;
    top: 0;
    display: block;
    width: .41rem;
    height: .28rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.94rem -.08rem;
}

.iTit {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: .1rem .3rem 0;
}

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

.iTit strong:before {
    content: "";
    position: relative;
    top: .17rem;
    vertical-align: top;
    display: inline-block;
    width: .06rem;
    height: .3rem;
    background: #7357EA;
    border-radius: .02rem;
    margin: 0 .15rem 0 0;
}

footer {
    background: #06060B;
    padding: .3rem .6rem .48rem;
}

footer p,
footer p a {
    font-size: .22rem;
    color: #666;
    text-align: center;
    line-height: .36rem;
}

footer p a {
    color: #808080;
}

.adrFLink {
    margin-top: .1rem;
    padding: .28rem .37rem;
    background-color: #18191D;
}

.adrFLink div {
    font-size: .22rem;
    color: #999;
    line-height: .48rem;
}

.adrFLink div span {
    color: #7357EA
}

.adrFLink div a {
    color: #999;
    margin-right: .46rem;
}

.crumb {
    position: relative;
    padding: .02rem .3rem 0;
    margin: auto;
    height: .82rem;
    line-height: .82rem;
    font-size: .24rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crumb:before {
    content: "";
    position: relative;
    top: .3rem;
    vertical-align: top;
    display: inline-block;
    width: .2rem;
    height: .24rem;
    margin-left: .03rem;
    margin-right: .07rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -3rem -.08rem;
}

.crumb a {
    color: #999;
}

.pageWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: .1rem .5rem .4rem;
    height: .58rem;
}

.pageWrap a,
.pageWrap span {
    min-width: .58rem;
    max-width: 1.08rem;
    height: .58rem;
    line-height: .58rem;
    text-align: center;
    font-size: .26rem;
    color: #94979B;
    background-color: #fff;
    border-radius: .06rem;
    overflow: hidden;
    border: .01rem solid #ECEBEE;
    box-sizing: border-box;
}

.pageWrap .current {
    color: #fff;
    background-color: #EC3B3B ;
    border-color: #EC3B3B ;
}

.pageWrap .disabled {
    color: #b1b1b1;
}

.pageWrap i {
    position: relative;
    top: .16rem;
    left: .22rem;
    display: block;
    width: .14rem;
    height: .24rem;
    background-image: url(../img/icon2.png);
    background-size: 10rem 10rem;
}

.pageWrap .left {
    background-position: -3.48rem -.08rem;
}

.pageWrap .right {
    background-position: -3.48rem -.08rem;
    transform: rotateY(180deg);
    left: .22rem;
}

.pageWrap .disabled .left {
    opacity: .6;
}

.pageWrap .disabled .right {
    opacity: .6;
}

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

.adrTit {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: .05rem .3rem 0;
    height: .86rem;
    line-height: .86rem;
    margin: auto;
}

.adrTit h2 {
    position: relative;
    z-index: 1;
    display: block;
    font-size: .36rem;
    color: #222529;
    line-height: .86rem;
    font-weight: bold;
}

.adrTit a {
    position: relative;
    margin: .28rem 0;
    padding: 0 .05rem;
    width: .72rem;
    height: .3rem;
    text-align: center;
    background: rgba(248, 249, 251, 0.3);
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: .16rem;
    font-size: .18rem;
    color: #63636D;
    line-height: .3rem;
    font-weight: lighter;
    overflow: hidden;
}

.adrTit a:before {
    content: "";
    position: relative;
    top: .06rem;
    vertical-align: top;
    margin-right: .06rem;
    display: inline-block;
    width: .18rem;
    height: .18rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.55rem -.08rem;
}

.aTit {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: .05rem .3rem 0;
    height: .8rem;
    line-height: .8rem;
    margin: auto;
}

.aTit strong {
    position: relative;
    z-index: 1;
    display: block;
    font-size: .3rem;
    color: #1D2127;
    line-height: .8rem;
    font-weight: bold;
}

.aTit strong:before {
    content: "";
    position: relative;
    top: .275rem;
    vertical-align: top;
    display: inline-block;
    width: .06rem;
    height: .3rem;
    background: #7357EA;
    border-radius: .02rem;
    margin: 0 .15rem 0 0;
}

.aTit a {
    position: relative;
    margin: .25rem 0;
    padding: 0 .05rem;
    width: .72rem;
    height: .3rem;
    text-align: center;
    background: rgba(248, 249, 251, 0.3);
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: .16rem;
    font-size: .18rem;
    color: #63636D;
    line-height: .3rem;
    font-weight: lighter;
    overflow: hidden;
}

.aTit a:before {
    content: "";
    position: relative;
    top: .06rem;
    vertical-align: top;
    margin-right: .06rem;
    display: inline-block;
    width: .18rem;
    height: .18rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.55rem -.08rem;
}



.iSlider {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 3.3rem;
    padding: .21rem .3rem .31rem;
    background: url(../img/itopbg.png) no-repeat;
    background-size: 100% 100%;
}

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

.iSlider a>img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
}

.iSlider a>div {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding-left: .29rem;
    min-width: 4.8rem;
    max-width: 6.6rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, .6), transparent);
}

.iSlider a>div img {
    display: block;
    width: .86rem;
    height: .86rem;
    border-radius: .2rem;
    margin: .52rem 0 .25rem;
}

.iSlider a>div p {
    display: block;
    font-size: .34rem;
    color: #fff;
    text-shadow: 0 .01rem .01rem rgba(0, 0, 0, 1);
    line-height: .5rem;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.iSlider a>div em {
    display: block;
    font-size: .18rem;
    color: rgba(255, 255, 255, .8);
    line-height: .26rem;
    text-shadow: 0 .01rem .01rem rgba(0, 0, 0, 1);
}

.iSlider a>div span {
    display: block;
    margin: .1rem 0;
    overflow: hidden;
}

.iSlider a>div span i {
    display: block;
    float: left;
    padding: 0 .15rem;
    height: .3rem;
    font-size: .18rem;
    color: rgba(255, 255, 255, .8);
    background: rgba(0, 0, 0, .5);
    text-align: center;
    line-height: .3rem;
    margin-right: .15rem;
    border-radius: .03rem;
}

.iSlider a>div span i:nth-of-type(1) {
    color: #3DC4E8;
}

.iSlider .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: .135rem;
    width: auto;
    height: .16rem;
    right: 0;
    bottom: .1rem;
    z-index: 2;
    opacity: 1;
}

.iSlider .swiper-pagination-bullet {
    display: block;
    border-radius: 0;
    width: .4rem;
    height: .06rem;
    background: rgba(255, 255, 255, .7);
    margin: 0 .015rem !important;
    opacity: 1;
}

.iSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #7340FF
}

.adrRec {
    padding: .05rem 0;
    background: #F1ECFF;
    border-radius: .06rem;
}

.adrRec .tabMenu {
    display: flex;
    padding: .2rem .3rem;
}

.adrRec .tabMenu span {
    position: relative;
    display: block;
    text-align: center;
    font-size: .3rem;
    color: 999;
    cursor: pointer;
    line-height: .42rem;
    margin-right: .49rem;
}

.adrRec .tabMenu span:before {
    content: "";
    position: relative;
    top: .06rem;
    vertical-align: top;
    margin-right: .1rem;
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.66rem -3.17rem;
}

.adrRec .tabMenu span.current {
    color: #222529;
    font-weight: bold;
}

.adrRec .tabMenu span.current:before {
    background-position: -.66rem -2.7rem;
}

.adrRec .tabMenu span:nth-of-type(1):before {
    background-position: -.07rem -3.17rem;
}

.adrRec .tabMenu span:nth-of-type(1).current:before {
    background-position: -.07rem -2.7rem;
}

.adrRec .tabMenu span:nth-of-type(n+2):after {
    content: "";
    position: absolute;
    left: -.35rem;
    top: .07rem;
    width: .15rem;
    height: .29rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.19rem -2.69rem;
}

.adrRec ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .2rem .07rem;
}

.adrRec ul li {
    position: relative;
    display: block;
    text-align: center;
    width: 25%;
    padding: .03rem 0 .2rem;
}

.adrRec ul li a {
    display: block;
}

.adrRec ul li img {
    position: relative;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .26rem;
    margin: 0 auto;
}

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

.adrRec ul li span {
    display: block;
    margin: auto;
    width: 1.24rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    background: #7357EA;
}

.adrRec .hide {
    display: none;
}

.adrRec ul li:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0.27rem;
    top: .015rem;
    width: .4rem;
    height: .3rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -7.4rem -.08rem;
}

.iztTit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: .05rem 0 0;
    display: flex;
    justify-content: space-between;
    height: 1.33rem;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    border: .1rem .1rem 0 0;
}

.iztTit strong {
    position: relative;
    flex: 1;
    display: block;
    padding-left: .21rem;
    font-size: .34rem;
    color: #fff;
    text-shadow: 0 .01rem .01rem rgba(0, 0, 0, 1);
    line-height: 1.33rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iztTit a {
    position: relative;
    margin: .515rem .21rem 0 .1rem;
    padding: 0 .05rem;
    width: .72rem;
    height: .3rem;
    text-align: center;
    background: rgba(248, 249, 251, 0.3);
    border: 1px solid rgba(221, 221, 221, 0.7);
    border-radius: .16rem;
    font-size: .18rem;
    color: #fff;
    line-height: .3rem;
    font-weight: lighter;
    overflow: hidden;
}

.iztTit a:before {
    content: "";
    position: relative;
    top: .06rem;
    vertical-align: top;
    margin-right: .06rem;
    display: inline-block;
    width: .18rem;
    height: .18rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.55rem -.4rem;
}

.iztSwiper {
    position: relative;
    padding: 0 .2rem .3rem 0;
}

.iztSwiper .swiper-slide {
    position: relative;
    display: block;
    width: 5.25rem;
    background: #FFF;
    border-radius: .1rem;
    margin-left: .2rem;
    overflow: hidden;
}

.iztSwiper .img {
    position: relative;
    width: 100%;
    height: 1.38rem;
    overflow: hidden;
}

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

.iztSwiper ul {
    padding: .04rem 0 .16rem;
}

.iztSwiper li {
    position: relative;
    background: #fff;
}

.iztSwiper li a {
    position: relative;
    display: flex;
    padding: .15rem .2rem;
    overflow: hidden;
}

.iztSwiper li a img {
    width: .86rem;
    height: .86rem;
    border-radius: .2rem;
    margin-right: .2rem;
}

.iztSwiper li a div {
    flex: 1;
    height: .86rem;
    overflow: hidden;
}

.iztSwiper li a div p {
    display: block;
    max-width: 72%;
    font-size: .24rem;
    color: #000;
    line-height: .46rem;
    margin-bottom: .06rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.iztSwiper li a div span {
    display: block;
    font-size: .18rem;
    color: #999;
    line-height: .28rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.iztSwiper li a>span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: .19rem;
    margin: auto;
    display: block;
    width: 1.24rem;
    height: .5rem;
    background: rgba(115, 87, 234, .06);
    border-radius: .27rem;
    line-height: .5rem;
    font-size: .24rem;
    color: #7357EA;
    text-align: center;
    overflow: hidden;
}

.iztSwiper .swiper-wrapper {
    padding-left: .1rem;
    margin-top: .02rem;
}

.iztSwiper .adrTit {
    padding-top: 0;
}

.iztSwiper .adrTit h2 {
    font-size: .32rem;
}

.iztSwiper .adrTit h2:before {
    content: "";
    position: relative;
    top: .27rem;
    vertical-align: top;
    margin-right: .08rem;
    display: inline-block;
    width: .31rem;
    height: .32rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.14rem -1.74rem;
}

.adrGSRec {
    background: #fff;
    border-radius: .06rem;
    padding-bottom: .2rem;
}

.adrGSRec ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .1rem;
}

.adrGSRec ul li {
    position: relative;
    display: block;
    text-align: center;
    width: 25%;
    padding: .04rem 0 .21rem;
}

.adrGSRec ul li a {
    display: block;
}

.adrGSRec ul li img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .26rem;
    margin: 0 auto;
}

.adrGSRec ul li p {
    display: block;
    width: 96%;
    font-size: .24rem;
    color: #333;
    height: .51rem;
    line-height: .51rem;
    margin: 0 auto .04rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.adrGSRec ul li span {
    display: block;
    margin: auto;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #FF9292;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #FF4C4C
}

.adrSRec {
    background: transparent;
}

.ixSwiper {
    position: relative;
    padding: 0 .2rem .3rem 0;
}

.ixSwiper .swiper-slide {
    position: relative;
    display: block;
    width: 6.08rem;
    background: #FFF;
    border-radius: .1rem;
    margin-left: .2rem;
    overflow: hidden;
}

.ixSwiper .img {
    position: relative;
    width: 100%;
    height: 3.42rem;
    overflow: hidden;
}

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

.ixSwiper ul {
    padding: .04rem 0 .16rem;
}

.ixSwiper li {
    position: relative;
    background: #fff;
}

.ixSwiper li a {
    position: relative;
    display: flex;
    padding: .15rem .21rem;
    overflow: hidden;
}

.ixSwiper li a img {
    width: .86rem;
    height: .86rem;
    border-radius: .2rem;
    margin-right: .2rem;
}

.ixSwiper li a div {
    flex: 1;
    height: .86rem;
    overflow: hidden;
}

.ixSwiper li a div p {
    display: block;
    font-size: .28rem;
    color: #333;
    line-height: .48rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ixSwiper li a div span {
    display: block;
    font-size: .2rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ixSwiper li a>span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: .21rem;
    margin: auto;
    display: block;
    width: 1.24rem;
    height: .5rem;
    background: #7357EA;
    border-radius: .27rem;
    line-height: .5rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.ixSwiper .swiper-wrapper {
    padding-left: .1rem;
}

.ihjSwiper {
    background: #FFF5F2;
    padding-bottom: .32rem;
    border-radius: .06rem;
}

.ihjSwiper .swiper-slide {
    border-radius: .1rem;
    text-align: center;
}

.ihjSwiper .swiper-slide a {
    position: relative;
    display: block;
    width: 6.5rem;
    height: 5rem;
    border-radius: .1rem;
    margin: 0 0 0 .3rem;
}

.ihjSwiper .swiper-slide a img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: .1rem;
}

.ihjSwiper .swiper-slide a div {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1.59rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.1rem -8.32rem;
}

.ihjSwiper .swiper-slide a div p {
    display: block;
    margin-top: .61rem;
    padding: 0 .21rem;
    text-align: left;
    font-size: .28rem;
    color: #fff;
    line-height: .48rem;
    text-shadow: 0 .02rem .01rem rgba(0, 0, 0, 1);
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ihjSwiper .swiper-slide a div span {
    display: block;
    text-align: left;
    padding: 0 .21rem;
    font-size: .2rem;
    color: #fff;
    line-height: .32rem;
    text-shadow: 0 .01rem .01rem rgba(0, 0, 0, 1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ihjsoft {
    background: #fff;
}

.ihjSwiper .swiper-slide-active a div {
    display: block;
}

.xinMenu {
    height: .78rem;
    margin: 0 .3rem .2rem;
    border: .01rem solid #f4f4f4;
    border-radius: .06rem .06rem 0 0;
    overflow: hidden;
}

.xinMenu div {
    background: #fff;
    padding: 0 .3rem .2rem;
    position: relative;
    display: flex;
    justify-content: space-around;
    height: .78rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.xinMenu div:after {
    content: "";
    position: absolute;
    bottom: .13rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: .1rem;
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1), rgba(242, 242, 242, 0));
}

.xinMenu a {
    position: relative;
    display: block;
    padding: 0 .02rem;
    margin: 0 .16rem;
    height: .78rem;
    line-height: .76rem;
    font-size: .28rem;
    color: #333;
}

.xinMenu a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    display: block;
    width: 100%;
    height: .04rem;
    background-color: transparent;
}

.xinMenu a.current:after {
    background-color: #7357EA
}

.xinMenu a.current {
    color: #7357EA;
}

.xinList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 .18rem;
}

.xinList li {
    width: 2.14rem;
    height: 3.18rem;
    background: #fff;
    border-radius: .06rem;
    margin: 0 .105rem .2rem;
    border: .01rem solid #F4F4F4;
}

.xinList li a {
    position: relative;
    display: block;
    text-align: center;
    padding: .31rem 0 .3rem 0;
}

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

.xinList li a p {
    display: block;
    ;
    max-width: 90%;
    font-size: .28rem;
    color: #000;
    height: .46rem;
    line-height: .46rem;
    margin: 0 auto;
    overflow: hidden;
}

.xinList li a p:nth-of-type(2) {
    font-size: .22rem;
    color: #999;
    line-height: .26rem;
    height: .26rem;
    margin-bottom: .17rem;
}

.xinList li span {
    display: block;
    margin: auto;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #FF9292;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #FF4C4C
}

.gSwiper {
    padding: .01rem .2rem .3rem .1rem;
    margin-bottom: .1rem;
}

.gSwiper .swiper-slide {
    position: relative;
    display: block;
    padding: .01rem 0 0 .01rem;
    width: 4.17rem;
    height: 2.68rem;
    border-radius: .06rem;
    margin-left: .2rem;
    overflow: hidden;
}

.gSwiper .swiper-slide img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: .06rem;
}

.gSwiper .swiper-slide p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0, 0, 0, .75);
    padding-left: 1.88rem;
    width: 2.29rem;
    height: .47rem;
    padding-top: .03rem;
    font-size: .24rem;
    color: #fff;
    line-height: .47rem;
    border-radius: 0 0 .04rem .04rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gSwiper .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    width: 1.88rem;
    height: .5rem;
    border-radius: 0 0 0 .04rem;
    overflow: hidden;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -3rem -1.75rem;
}

.gSwiper .swiper-slide span {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    display: block;
    padding-top: .06rem;
    width: 1.76rem;
    height: .44rem;
    font-size: .2rem;
    color: #212128;
    line-height: .44rem;
    transform: scale(.9);
    overflow: hidden;
}

.gSwiper .swiper-slide:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: .4rem;
    height: .3rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -7.4rem -.08rem;
}

.gSwiper:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 6.9rem;
    height: .01rem;
    background-color: rgba(160, 160, 160, .3);
}

.gsTag {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 .3rem .1rem;
    padding: .2rem 0 0 .2rem;
    border-radius: .1rem;
}

.gsTag a,
.gsTag span {
    display: block;
    margin: 0 .2rem .2rem 0;
    width: 2.02rem;
    height: .62rem;
    line-height: .62rem;
    border-radius: .1rem;
    font-size: .3rem;
    color: #41454F;
    text-align: center;
    background: #dfe0e2;
}

.gsTag a.current {
    color: #fff;
    background: #7357EA;
}

.gsTag a:nth-of-type(n+9) {
    display: none;
}

.gsTag span {
    color: #7357EA;
}

.gsTag span.putTag {
    color: #ccc;
}

.gsWrap {
    background: #ecedef;
}

.softWrap .gsTag a,
.softWrap .gsTag span {
    background: #fff;
}

.softWrap .gsTag a {
    color: #666;
}

.softWrap .gsTag span {
    color: #EC3B3B;
}

.softWrap .gsTag span.putTag {
    color: #ccc;
}

.softWrap .gsTag a.current {
    background: linear-gradient(354deg, #EC3B3B 0%, #FECA04 100%);
    color: #fff;
}

.gsList .pageWrap {
    padding: .1rem .21rem .3rem;
    background: #fff;
}

.gsList .pageWrap a,
.gsList .pageWrap span {
    background: #ECEBEE;
}

.gsList .pageWrap a.current,
.gsList .pageWrap span.current {
    background: #EC3B3B ;
}

.gsList {
    position: relative;
    padding: 0 .3rem .4rem;
    background: #f8f9fb;
}

.gsList ul {
    padding: .1rem 0 .2rem;
    background: #fff;
}

.gsList li {
    position: relative;
    border-bottom: .01rem solid #fff;
}

.gsList li:nth-of-type(2n+2) {
    background-color: #FFF7F8;
}

.gsList li a {
    position: relative;
    display: flex;
    padding: .21rem .2rem;
    overflow: hidden;
}

.gsList li:nth-of-type(2n+1) a {
    padding: .3rem .2rem .31rem;
}

.gsList li a img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .28rem;
    margin-right: .26rem;
}

.gsList li a div {
    flex: 1;
    height: 1.2rem;
    overflow: hidden;
}

.gsList li a div p {
    display: block;
    font-size: .28rem;
    color: #000;
    line-height: .42rem;
    margin-bottom: .06rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gsList li a div span {
    display: block;
    font-size: .22rem;
    color: #999;
    line-height: .32rem;
    margin-bottom: .1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gsList li a>span {
    display: block;
    margin: auto;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #FF9292;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #FF4C4C
}

.ztList {
    padding: 0 0 .1rem 0;
}

.ztList ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: .11rem;
    overflow: hidden;
}

.ztList li {
    position: relative;
    display: block;
    margin-left: .19rem;
    margin-bottom: .2rem;
    width: 3.35rem;
    height: 2.78rem;
    overflow: hidden;
}

.ztList li a {
    display: block;
    background: #FFFFFF;
    height: 2.76rem;
    border: .01rem solid;
    border-image: linear-gradient(to top, #f4f4f4, #f8f9fb) 1;
    border-radius: .06rem;
}

.ztList li a div {
    width: 100%;
    height: 1.88rem;
    overflow: hidden;
    text-align: center;
    border-radius: .06rem;
}

.ztList li a img {
    width: 100%;
    min-height: 100%;
    height: auto;
    display: block;
    transition: all .3s linear
}

.ztList li a p {
    display: block;
    padding-left: .11rem;
    margin-top: .1rem;
    height: .34rem;
    line-height: .34rem;
    font-size: .22rem;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztList li a span {
    display: block;
    padding-left: .11rem;
    font-size: .18rem;
    color: #999;
    height: .3rem;
    line-height: .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztList li a span i {
    color: #ccc;
    margin: 0 .09rem;
}

.ztList li:hover {
    background: #FAF8FF;
}

.ztList li img:hover {
    transform: scale(1.1)
}

.ztList li>i {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: .4rem;
    height: .3rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    font-size: 0;
}

.ztList li>i.yx {
    background-position: -8rem -.08rem;
}

.ztList li>i.sf {
    background-position: -8.6rem -.08rem;
    ;
}

.tpWrap {
    position: relative;
}

.tpWrap:before {
    content: "";
    position: absolute;
    top: 1rem;
    z-index: 1;
    display: block;
    width: 100%;
    height: 4rem;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='rgba(248,249,251,0)', endColorStr='rgba(248,249,251,1)', gradientType='0');
    background-image: linear-gradient(0deg, rgba(248, 249, 251, 1), rgba(248, 249, 251, 1) 20%, rgba(248, 249, 251, 0));
    background-image: -moz-linear-gradient(bottom, rgba(248, 249, 251, 1) 20%, rgba(248, 249, 251, 0) 90%);
    background-image: -o-linear-gradient(rgba(248, 249, 251, 0) 10%, rgba(248, 249, 251, 1) 30%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, rgba(248, 249, 251, 1)), color-stop(0.90, rgba(248, 249, 251, 0)));
}

.bigBanner {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 4.5rem;
    overflow: hidden;
}

.bigBanner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, .3), transparent);
    ;
}

.bigBanner>img {
    width: 100%;
    height: auto;
    min-height: 4.5rem;
    opacity: 0.9;
    object-fit: cover;
    -webkit-filter: blur(.1rem);
    -moz-filter: blur(.1rem);
    -ms-filter: blur(.1rem);
    filter: blur(.1rem);
}

.tpWrap .crumb:before {
    background-position: -3rem -0.4rem
}

.ztIntro {
    position: relative;
    z-index: 2;
    background: linear-gradient(to bottom, transparent, #fff);
    border-radius: .08rem .08rem .06rem .06rem;
    margin: 0 .3rem .19rem;
    padding-bottom: .18rem;
}

.ztIntro .img {
    position: relative;
    width: 6.82rem;
    height: 3.83rem;
    border: .04rem solid rgba(255, 255, 255, 0.5);
    border-radius: .08rem;
    overflow: hidden;
}

.ztIntro .img img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: .1rem;
}

.ztIntro .img div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1.48rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
}

.ztIntro .img div h1 {
    display: block;
    margin-top: .53rem;
    padding: 0 .2rem;
    font-size: .3rem;
    color: #fff;
    line-height: .5rem;
    text-shadow: 0 0 .05rem rgba(0, 0, 0, 0.9);
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztIntro .img div p {
    display: flex;
    padding: 0 .2rem;
    font-size: .18rem;
    color: #fff;
    line-height: .3rem;
    text-shadow: 0 0 .05rem rgba(0, 0, 0, 0.9);
    font-weight: lighter;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztIntro .img div p span {
    margin-right: .14rem;
    font-weight: 400;
}

.ztIntro .img div p em {
    position: relative;
    margin-left: .1rem;
    font-weight: 400;
}

.ztIntro .img div p em:before {
    content: "";
    position: relative;
    top: .03rem;
    vertical-align: top;
    display: inline-block;
    width: .26rem;
    height: .26rem;
    margin-right: .02rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -9.25rem -.04rem;
}

.ztIntro>p {
    display: block;
    margin: .1rem .1rem .1rem .15rem;
    max-height: 2.56rem;
    font-size: .18rem;
    color: #333;
    line-height: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.ztIntro .tag {
    display: flex;
    flex-wrap: wrap;
    font-size: .18rem;
    color: #999;
    line-height: .42rem;
    padding-left: .15rem;
}

.ztIntro .tag a {
    display: block;
    padding: 0 .15rem;
    font-size: .18rem;
    color: #808080;
    line-height: .3rem;
    border: 1px solid rgba(204, 204, 204, .75);
    border-radius: .06rem;
    margin: .05rem .15rem .05rem 0;
}

.ztIntro>i {
    position: absolute;
    z-index: 1;
    left: -.01rem;
    top: -.01rem;
    width: .4rem;
    height: .3rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    font-size: 0;
}

.ztIntro>i.yx {
    background-position: -8rem -.08rem;
}

.ztIntro>i.sf {
    background-position: -8.6rem -.08rem;
}

.ztGsRel {
    position: relative;
    margin: 0 .3rem .19rem;
    background: rgba(244, 240, 255, 0.5);
    border: .02rem solid #FFFFFF;
    border-radius: .06rem;
}

.ztGsRel .info {
    position: relative;
    display: flex;
    padding: .24rem .25rem;
    overflow: hidden;
}

.ztGsRel .info img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .28rem;
    margin-right: .26rem;
}

.ztGsRel .info div {
    flex: 1;
    height: 1.2rem;
    overflow: hidden;
}

.ztGsRel .info div p {
    display: block;
    font-size: .28rem;
    color: #000;
    line-height: .45rem;
    margin-bottom: .07rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztGsRel .info div span {
    display: block;
    font-size: .22rem;
    color: #999;
    line-height: .32rem;
    margin-bottom: .08rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztGsRel .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.19rem;
    margin: auto;
    display: block;
    margin: auto;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #FF9292;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #FF4C4C
}

.ztGsRel:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: -.15rem;
    top: -.1rem;
    width: 1.15rem;
    height: 1.11rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -3.87rem -4.15rem;
}

.tpWrap .gsList .aTit {
    padding-left: .19rem;
    padding-right: .22rem;
    background: #fff;
}

.tpWrap .gsList ul {
    margin-top: -.28rem;
    padding-top: 0;
    padding-bottom: .3rem;
}

.tpWrap .gsList {
    padding-bottom: .05rem;
}

.ztList .list {
    display: flex;
    flex-wrap: wrap;
    padding-top: .1rem;
    padding-bottom: .08rem;
    margin: 0 .02rem 0 .3rem;
    overflow: hidden;
}

.ztList .list a {
    display: block;
    padding: 0 .26rem;
    margin: 0 .13rem .24rem 0;
    border: 1px solid #f4f4f4;
    text-align: center;
    background-color: #fff;
    color: #999;
    height: .48rem;
    line-height: .48rem;
    border-radius: .06rem;
    font-size: .22rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztList .list a:before {
    content: "#";
    font-size: .22rem;
    color: #999;
    line-height: .48rem;
}

.adrIntro {
    position: relative;
    margin: 0 .29rem .02rem;
    padding: .3rem .3rem .24rem;
    background: linear-gradient(90deg, #DCF8ED 0%, #F8F9FB 90%, #F8F9FB 90%, transparent 100%);
    background-color: #fff;
    border: .02rem solid #FFF;
    border-radius: .06rem;
    overflow: hidden;
    *zoom: 1;
}

.adrIntro .info {
    display: flex;
}

.adrIntro .info img {
    display: block;
    width: 1.52rem;
    height: 1.52rem;
    border-radius: .3rem;
    margin-right: .2rem;
}

.adrIntro .info h1 {
    font-size: .36rem;
    color: #1D1D1F;
    font-weight: bold;
    line-height: .52rem;
    margin-bottom: .07rem;
}

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

.adrIntro .info p {
    display: block;
    font-size: .24rem;
    color: #ccc;
    line-height: .32rem;
    margin-top: .1rem;
}

.adrIntro .info p span,
.adrIntro .info p em {
    font-size: .24rem;
    color: #666;
    line-height: .32rem;
}

.adrIntro .info .tag {
    display: flex;
    flex-wrap: wrap;
    height: .42rem;
    overflow: hidden;
}

.adrIntro .info .tag a {
    display: block;
    padding: 0 .15rem;
    font-size: .18rem;
    color: #808080;
    line-height: .3rem;
    border: .01rem solid rgba(204, 204, 204, .75);
    border-radius: .06rem;
    margin: .05rem .15rem .05rem 0;
}

.adrAge {
    position: absolute;
    right: .326rem;
    top: 0;
    width: 1.66rem;
    height: .38rem;
    font-size: .18rem;
    color: #BF4E22;
    line-height: .37rem;
    text-align: center;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(254, 154, 123, .36) 50%, rgba(254, 154, 123, .36) 50%, rgba(255, 255, 255, 0) 99%)
}

.adrAge i {
    position: relative;
    top: .08rem;
    margin-right: .04rem;
    vertical-align: top;
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background-position: -4.31rem -.08rem;
}

.downLink {
    display: flex;
    width: 6.3rem;
    padding: .2rem 0 .06rem;
    margin: auto;
}

.downLink a,
.downLink button {
    display: block;
    width: 6.3rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: .06rem;
    margin: 0rem auto .1rem;
    background: #3CD59B
}

.downLink a:before,
.downLink button:before {
    content: "";
    display: inline-block;
    width: .4rem;
    height: .32rem;
    background-image: url(../img/icon2.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -.1rem -1.72rem;
    position: relative;
    top: .17rem;
    vertical-align: top;
    margin-right: .12rem;
}

.downLink .adrBtn {
    background: #3CD59B
}

.downLink .iosBtn {
    background: #2D68FF;
}

.downLink .ljBtn {
    flex: 1;
    width: auto;
    min-width: 3.06rem;
    max-width: 6.3rem;
    background-color: #3CD59B
}

.downLink .gsBtn {
    width: 3.15rem;
    margin-left: .18rem;
    background: #D068F4;
}

.downLink .orderBtn {
    background: #CC9966;
}

.downLink .orderBtn:before {
    width: .32rem;
    height: .32rem;
    background-position: -.83rem -1.72rem;
}

.downLink .noDown,
.downLink .no {
    background-color: #ccc;
    color: #fff;
}

.downLink .noDown:before,
.downLink .no:before {
    display: none;
}

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

.gState span {
    font-weight: bold;
}

.gExplain {
    margin: 0 .04rem .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 {
    margin: 0 .04rem .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;
    margin: 0 .04rem .06rem;
    font-size: .24rem;
    color: rgba(204, 153, 102, .65);
    line-height: .3rem;
}

.showImg {
    padding: .05rem .29rem .29rem
}

.img_item {
    overflow-x: auto;
    padding: 0 0 .3rem;
    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;
    border-radius: .1rem;
    display: inline-block;
    overflow: hidden;
}

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

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

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

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

.hideVideo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100000000000000;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.tpVideo {
    position: absolute;
    top: 30%;
    width: 7.5rem;
}

.tpVideo video {
    position: relative;
    z-index: 10;
    width: 100%;
}

.tpVideo .replay1 {
    position: absolute;
    z-index: 1001;
    top: 29%;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(../img/icon2.png);
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: -1.45rem -2.55rem;
}

.tpVideo .replay1.hide {
    display: none;
}

.hideVideo .vClose {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: block;
    height: .74rem;
    width: .74rem;
    background-position: -2.72rem -2.68rem;
}

.showImg ::-webkit-scrollbar {
    height: .03rem !important;
    border-radius: .03rem;
    background: #DDDDF8;
}

.showImg ::-webkit-scrollbar-thumb {
    border-radius: .03rem;
    background-color: #7357EA !important;
}

.editCom {
    padding: 0 .3rem;
    font-size: .24rem;
    line-height: .44rem;
    color: #1D2127;
}

.editCom a {
    color: #7357EA
}

.gameCont .cont {
    padding: 0 .3rem;
    font-size: .24rem;
    line-height: .44rem;
    color: #1D2127;
    word-break: break-all;
}

.gameCont .cont a {
    color: #7357EA;
    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;
    z-index: 1;
    display: block;
    font-size: .3rem;
    color: #1D2127;
    line-height: .56rem;
    font-weight: bold;
    margin-bottom: .08rem;
}

.gameCont .cont h3:before {
    content: "";
    position: relative;
    top: .15rem;
    vertical-align: top;
    display: inline-block;
    width: .06rem;
    height: .3rem;
    background: #7357EA;
    border-radius: .02rem;
    margin: 0 .14rem 0 0;
}

.gameCont .cont br:last-child {
    line-height: .02rem;
}

.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;
    padding: 0 .3rem;
    overflow: auto;
}

.rizhi p {
    font-size: .24rem;
    color: #333;
    line-height: .36rem;
    display: block;
    margin: .1rem 0;
    text-indent: 0;
}

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

.rizhi strong {
    font-size: .24rem;
    color: #333;
}

.rizhi>em {
    display: block;
    line-height: .44rem;
    font-size: .24rem;
    color: #ccc;
}

.adrInfo {
    position: relative;
}

.adrInfo ul {
    margin: 0 .3rem;
    padding: .08rem .2rem .19rem .19rem;
    background: rgba(244, 240, 255, 0.5);
    border: .02rem solid #FFF;
    border-radius: .06rem;
}

.adrInfo ul li {
    display: flex;
    font-size: .24rem;
    height: .62rem;
    color: #999;
    line-height: .62rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adrInfo ul li span {
    flex: 1;
    color: #1F1F1F;
    margin-left: .2rem;
    text-align: right;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.adrInfo ul li .gPower,
.adrInfo ul li .gSecret {
    color: #3CD59B;
}

.feBaBtn {
    position: absolute;
    top: .26rem;
    right: .32rem;
    padding: 0 .11rem 0 .13rem;
    height: .35rem;
    font-size: .2rem;
    color: #D27F60;
    background: #F9EDEA;
    border-radius: .06rem;
    ;
    text-align: center;
    line-height: .35rem;
}

.feBaBtn i {
    position: relative;
    top: .06rem;
    vertical-align: top;
    margin-right: .08rem;
    display: inline-block;
    width: .18rem;
    height: .22rem;
    background-position: -4.78rem -.08rem;
}

.rLog {
    color: #3CD59B;
    font-size: .2rem;
    text-decoration: underline;
    line-height: .62rem;
}

.gameWrap {
    background-color: #f8f9fb;
    padding-bottom: .4rem;
}

.gameWrap .adrGSRec {
    background: transparent;
    padding-bottom: 0;
}

.gameWrap .adrGSRec ul {
    margin-top: -.23rem;
}

.gameWrap .adrGSRec ul li {
    padding: .24rem 0 .01rem;
}

.adrVersion ul {
    margin: 0 .3rem;
    padding: .22rem 0;
    background: rgba(244, 240, 255, 0.5);
    border: .02rem solid #FFF;
    border-radius: .06rem;
}

.adrVersion ul li {
    position: relative;
}

.adrVersion ul li:nth-of-type(2n+1) {
    background: rgba(252, 252, 254, .75);
}

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

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

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

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

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

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

.adrVersion li a>span {
    position: absolute;
    top: .29rem;
    right: .18rem;
    display: block;
    margin: auto;
    width: 1.20rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid rgba(178, 150, 255, .5);
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #FF4C4C
}

.gsRelZt ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .3rem 0 .09rem;
    margin-top: -.2rem;
}

.gsRelZt li {
    position: relative;
    margin: .2rem 0 0 .21rem;
    width: 3.34rem;
    height: 1.88rem;
    border-radius: .06rem;
    overflow: hidden;
}

.gsRelZt li img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: .1rem;
}

.gsRelZt li p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding-top: .21rem;
    height: .42rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    text-align: center;
    font-size: .24rem;
    color: #fff;
    line-height: .42rem;
    text-shadow: 0 0 .01rem rgba(0, 0, 0, 0.9);
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 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, .8);
}

.orderBox {
    position: absolute;
    z-index: 5;
    top: 2.8rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.11rem;
    border-radius: .1rem;
}

.orderbg {
    background: linear-gradient(to bottom, rgba(255, 250, 226, .8) 20%, rgba(255, 250, 226, .8) 20%, rgba(255, 250, 226, .0) 36%, rgba(255, 250, 226, 0) 100%);
    background-color: #fff;
    height: 100%;
    min-height: 4.12rem;
    border-radius: .06rem;
    padding-bottom: .01rem;
}

.orderBox .oClose {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.orderBox .oClose i {
    display: block;
    margin: auto;
    width: .81rem;
    height: .69rem;
    background-position: -3.88rem -2.68rem;
    position: relative;
}

.orderBox .oTitle {
    position: relative;
    display: block;
    height: 1.1rem;
}

.orderBox .oTitle p {
    display: block;
    text-align: center;
    padding: 0 .38rem;
    font-size: .4rem;
    color: #666;
    font-weight: bold;
    line-height: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
}

.orderBox .oTelBox {
    position: relative;
    width: 5.34rem;
    margin: .04rem auto;
    background: #EFEFEF;
    border-radius: .1rem;
    overflow: hidden;
}

.orderBox .oTelBox:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: .28rem;
    top: .17rem;
    display: block;
    width: .3rem;
    height: .45rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -5.11rem -2.68rem;
}

.orderBox .oTelBox:after {
    content: "";
    position: absolute;
    left: .82rem;
    top: .12rem;
    display: block;
    width: 1px;
    height: .55rem;
    background: #dfdfdf;
}

.orderBox form .tel {
    position: relative;
    display: block;
    border: none;
    width: 4.3rem;
    height: .79rem;
    background: #EFEFEF;
    line-height: .62rem;
    color: #333;
    font-size: .24rem;
    padding: 0 .02rem 0 1rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .tel::-webkit-input-placeholder {
    color: #9A9A9A;
}

.orderBox form .tel:-moz-placeholder {
    color: #9A9A9A;
}

.orderBox form .tel::-moz-placeholder {
    color: #9A9A9A;
}

.orderBox form .tel:-ms-input-placeholder {
    color: #9A9A9A;
}

.orderBox form .tel:focus {
    color: #808080;
}

.orderBox form p {
    text-align: center;
    color: #404040;
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .08rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p em {
    color: #FF3333;
}

.orderBox form p:last-of-type {
    font-size: .2rem;
    color: #ccc;
    margin-top: 0;
}

.orderBox form span {
    color: #ff3333;
    font-size: .14rem;
    text-align: left;
    display: block;
    width: 3.06rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .oBtn,
.orderBox .oKnow {
    display: block;
    cursor: pointer;
    border: 0;
    width: 2.65rem;
    height: .68rem;
    background: #CC9966;
    border-radius: .34rem;
    line-height: .68rem;
    color: #fff;
    font-size: .28rem;
    margin: .14rem auto .46rem;
}

.orderBox .msg {
    display: block;
    color: #ff3333;
    font-size: .14rem;
    text-align: left;
    width: 3.66rem;
    margin: 0 auto;
}

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

.orderBox .oWin>p {
    position: relative;
    font-size: .32rem;
    color: #3FE7BD;
    width: 96%;
    margin: .05rem auto .02rem;
    line-height: .68rem;
    font-weight: bold;
}

.orderBox .oWin>i {
    position: relative;
    display: block;
    width: 1.34rem;
    height: 1.01rem;
    background-position: -.07rem -4.15rem;
    margin: auto;
}

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

.orderBox .oAgin>p {
    position: relative;
    font-size: .32rem;
    color: #66EDFF;
    width: 96%;
    margin: .05rem auto .02rem;
    line-height: .68rem;
    font-weight: bold;
}

.orderBox .oAgin>i {
    position: relative;
    display: block;
    width: 1.34rem;
    height: 1.01rem;
    background-position: -1.97rem -4.15rem;
    margin: auto;
}

/* 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, .8);
}

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6rem;
    min-height: 4.8rem;
    border-radius: .2rem;
    background-color: #fff;
    overflow: hidden;
}

.ruleBox .rClose {
    position: absolute;
    top: .24rem;
    right: .22rem;
    margin: auto;
    z-index: 10;
}

.ruleBox .rClose i {
    display: block;
    margin: auto;
    width: .28rem;
    height: .28rem;
    background-position: -5.83rem -2.65rem;
    position: relative;
}

.ruleBox .rTitle {
    position: relative;
    display: block;
    height: .76rem;
    background-color: #7357EA;
    text-indent: 1em;
}

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

.ruleBox .rSure {
    display: block;
    border: 0;
    width: 3.2rem;
    height: .68rem;
    line-height: .68rem;
    font-size: .32rem;
    color: #fff;
    background: #7357EA;
    text-align: center;
    border-radius: 0.34rem;
    margin: .36rem auto .37rem;
}

.ruleMain {
    position: relative;
    display: block;
    max-height: 4.8rem;
    border: none;
    padding: .2rem .2rem 0 .32rem;
    margin-right: .3rem;
    line-height: .42rem;
    font-size: .2rem;
    color: #666;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

.ruleMain>p {
    text-align: left;
    font-size: .2rem;
    color: #666;
    line-height: .36rem;
    margin: 0 auto .1rem;
}

.ruleMain p {
    text-align: left;
    font-weight: lighter;
}

.ruleMain strong {
    display: block;
    color: #333;
    line-height: .52rem;
    font-size: .24rem;
    font-weight: bold;
    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, .8);
}

.privacyBox {
    position: absolute;
    z-index: 5;
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6rem;
    min-height: 4.8rem;
    border-radius: .2rem;
    background-color: #fff;
    overflow: hidden;
}

.privacyBox .pClose {
    position: absolute;
    top: .24rem;
    right: .22rem;
    margin: auto;
    z-index: 10;
}

.privacyBox .pClose i {
    display: block;
    margin: auto;
    width: .28rem;
    height: .28rem;
    background-position: -5.83rem -2.65rem;
    position: relative;
}

.privacyBox .pTitle {
    position: relative;
    display: block;
    height: .76rem;
    background-color: #7357EA;
    text-indent: 1em;
}

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

.privacyBox .pSure {
    display: block;
    border: 0;
    width: 3.2rem;
    height: .68rem;
    line-height: .68rem;
    font-size: .32rem;
    color: #fff;
    background: #7357EA;
    text-align: center;
    border-radius: 0.34rem;
    margin: .36rem auto .37rem;
}

.privacyMain {
    position: relative;
    display: block;
    max-height: 4.8rem;
    border: none;
    padding: .2rem .2rem 0 .32rem;
    margin-right: .3rem;
    line-height: .42rem;
    font-size: .2rem;
    color: #666;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

.privacyMain>p {
    text-align: left;
    font-size: .2rem;
    color: #666;
    line-height: .36rem;
    margin: 0 auto .1rem;
}

.privacyMain p {
    text-align: left;
    font-weight: lighter;
}

.privacyMain strong {
    display: block;
    color: #333;
    line-height: .52rem;
    font-size: .24rem;
    font-weight: bold;
    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, .8);
}

.logBox {
    position: absolute;
    z-index: 5;
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6rem;
    min-height: 4.8rem;
    border-radius: .2rem;
    background-color: #fff;
    overflow: hidden;
}

.logBox .lClose {
    position: absolute;
    top: .24rem;
    right: .22rem;
    margin: auto;
    z-index: 10;
}

.logBox .lClose i {
    display: block;
    margin: auto;
    width: .28rem;
    height: .28rem;
    background-position: -5.83rem -2.65rem;
    position: relative;
}

.logBox .lTitle {
    position: relative;
    display: block;
    height: .76rem;
    background-color: #7357EA;
    text-indent: 1em;
}

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

.logBox .lSure {
    display: block;
    border: 0;
    width: 3.2rem;
    height: .68rem;
    line-height: .68rem;
    font-size: .32rem;
    color: #fff;
    background: #7357EA;
    text-align: center;
    border-radius: 0.34rem;
    margin: .36rem auto .37rem;
}

.logMain {
    position: relative;
    display: block;
    max-height: 4.8rem;
    border: none;
    padding: .2rem .2rem 0 .32rem;
    margin-right: .3rem;
    line-height: .42rem;
    font-size: .2rem;
    color: #666;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

.logMain>p {
    text-align: left;
    font-size: .2rem;
    color: #666;
    line-height: .36rem;
    margin: 0 auto .1rem;
}

.logMain p {
    text-align: left;
    font-weight: lighter;
}

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

/* 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, .8);
}

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 1.2rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.11rem;
    min-height: 4.8rem;
    border-radius: .1rem;
    text-align: center;
    background: url(../img/maskfkbg.png) no-repeat;
    background-color: #fff;
    background-size: 100% 100%;
}

.feBackBox .feBaClose {
    position: absolute;
    top: .08rem;
    right: .08rem;
    z-index: 10;
}

.feBackBox .feBaClose i {
    display: block;
    margin: auto;
    width: .5rem;
    height: .5rem;
    background-position: -6.53rem -2.68rem;
    position: relative;
}

.feBackBox .fTitle {
    position: relative;
    display: block;
    text-align: center;
    height: .9rem;
}

.feBackBox .fTitle p {
    display: block;
    font-size: .4rem;
    color: #333;
    font-weight: bold;
    line-height: .82rem;
    white-space: nowrap;
    overflow: hidden;
}

.feBackBox .fSure,
.feSubmit input {
    display: block;
    border: 0;
    width: 3.22rem;
    height: .68rem;
    line-height: .68rem;
    font-size: .32rem;
    color: #fff;
    background: #3FE7BD;
    text-align: center;
    border-radius: 0.34rem;
    margin: .36rem auto .37rem;
}

.feBackBox .cont {
    background: #fff;
    padding: 0 0 .01rem;
    margin: 0 .11rem .1rem;
    border-radius: .1rem;
}

.feBack {
    margin: 0 .34rem 0 .22rem;
}

.feBack>span {
    font-size: .28rem;
    color: #000;
    line-height: .46rem;
    margin: .16rem auto .1rem;
    display: block;
    text-align: left;
}

.feBack .info {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin-top: -.12rem;
}

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

.otherRe {
    background: #F0F0F0;
    border-radius: .06rem;
    overflow: hidden;
    padding: .1rem .13rem;
}

.feBack textarea {
    width: 100%;
    height: .94rem;
    line-height: .32rem;
    border: none;
    resize: none;
    background: transparent;
    font-size: .2rem;
    color: #999;
}

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

.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: .48rem;
    top: 0;
    height: .4rem;
    line-height: .4rem;
    width: 90%;
    font-size: .24rem;
    color: #666;
    padding: .14rem 0;
}

.checkbox label:after {
    content: '';
    position: absolute;
    left: -.46rem;
    top: .16rem;
    width: .33rem;
    height: .33rem;
    background: url(../img/icon2.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -7.42rem -2.66rem;
}

.checkbox input[type='checkbox']:checked+label:after {
    width: .33rem;
    height: .33rem;
    background-position: -8.135rem -2.635rem;
}

.telBox {
    overflow: hidden;
}

.telBox input {
    display: block;
    border: none;
    width: 100%;
    text-indent: 1em;
    border: none;
    background-color: #F6F6F6;
    color: #666;
    font-size: .2rem;
    border-radius: .06rem;
    line-height: .67rem;
    margin: 0 auto;
    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: .01rem .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: -6.4rem -.04rem;
    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 {
    margin-top: .3rem;
    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: -5.7rem -.04rem;
    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;
    margin: auto;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #7357EA;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #7357EA;
}

.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: -6.1rem -.08rem;
    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;
    margin: auto;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #7357EA;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #7357EA
}


.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;
    margin: auto;
    width: 1.2rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #7357EA;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: #7357EA
}

.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;
}

.adrInfoTop {
    margin: .12rem .3rem .02rem;
    padding: .16rem .28rem;
    background: rgba(45, 104, 255, 0.08);
    border: .02rem solid #FFF;
    border-radius: .06rem;
}

.adrInfoTop ul {
    display: flex;
    flex-wrap: wrap;
}

.adrInfoTop ul li {
    width: 50%;
    font-size: .24rem;
    height: .48rem;
    color: #999;
    line-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adrInfoTop ul li span {
    flex: 1;
    color: #1F1F1F;
    margin-left: .2rem;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.adrInfoTop ul .overLong {
    width: 100%;
}

.adrInfoTop .infoMore {
    display: block;
    margin: .12rem .52rem .1rem;
    height: .46rem;
    line-height: .46rem;
    border: .02rem solid #FF9292;
    border-radius: .27rem;
    text-align: center;
    font-size: .24rem;
    color: rgba(115, 87, 234, .98)
}