@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 {
    margin: 0;
    padding: 0
}

fieldset,img {
    border: 0
}

:focus {
    outline: 0
}

address,caption,cite,code,dfn,em,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
}

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

button,input,select,textarea,th {
    background: #fff;
    font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;
}

img {
    display: block;
    border: 0;
}

* {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

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

html {
    overflow-x: hidden;
    overflow-y: auto;
}

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

html {
    font-size: 100px;
}

body {
    font-size: .24rem;
    background: #f8f8f8;
}

.hide {
    display: none;
}

.wrap {
    width: 100%;
    height: auto;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: #f8f8f8;
    min-height: 13.33rem;
    overflow: hidden;
    position: relative;
}

.h20 {
    height: .2rem;
}

.icon {
    background-image: url(../images/icon.png);
    background-size: 10rem 10rem;
    display: inline-block;
}

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

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

.clearfix:after {
    clear: both
}

header {
    background: #63BF3D;
    height: .88rem;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

header img {
    float: left;
    width: 1.27rem;
    height: .54rem;
    display: inline-block;
    margin-top: .17rem;
    margin-left: .24rem;
}

.searchbox {
    position: relative;
    float: right;
    display: inline-block;
    width: 4.6rem;
    height: .62rem;
    border-radius: .27rem;
    background: #fff;
    margin-top: .13rem;
    margin-right: .24rem;
}

.searchbox i {
    position: absolute;
    width: .3rem;
    height: .3rem;
    background-position: -.38rem -.05rem;
    top: .15rem;
    right: .26rem;
}

.searchbox span {
    font-size: .24rem;
    color: #d3d3d3;
    line-height: .62rem;
    margin-left: .26rem;
}

header>i {
    width: .38rem;
    height: .38rem;
    display: block;
    background-position: -5.74rem -.06rem;
    float: right;
    margin-right: .3rem;
    margin-top: .28rem;
}

header>i.onbtn {
    background-position: -6.18rem -.07rem;
}

nav {
    background: #63BF3D;
    height: .88rem;
}

nav ul {
    overflow: hidden;
}

nav ul li {
    float: left;
    width: 20%;
    text-align: center;
    line-height: .88rem;
    position: relative;
}

nav ul li a span {
    font-size: .3rem;
    color: #fff;
    position: relative;
    z-index: 2;
    display: block;
}

nav ul li.current a {
    font-size: .34rem;
    font-weight: 600;
    z-index: 2;
}

nav ul li.current em {
    width: .76rem;
    height: .2rem;
    background: #F1F46E;
    border-radius: .1rem;
    display: inline-block;
    position: absolute;
    bottom: .17rem;
    left: .38rem;
    z-index: 1;
}

.crumb {
    padding: 0 .26rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    color: #999;
    background-color: #f8f8f8;
}

.crumb a {
    color: #bbb;
}

.crumb i:first-of-type {
    display: inline-block;
    width: .2rem;
    height: .21rem;
    background-position: -.08rem -.33rem;
    position: relative;
    top: 0;
    margin-right: .1rem;
}

.crumb i:nth-of-type(n+2) {
    display: inline-block;
    width: .1rem;
    height: .14rem;
    background-position: -.57rem -.4rem;
    position: relative;
    top: -.04rem;
    margin: 0 .2rem;
}

.green {
    background: #63BF3D;
    color: #fff;
}

.green a {
    color: #C9FFB3;
}

.green i:first-of-type {
    background-position: -1.69rem -.04rem;
}

.green i:nth-of-type(n+2) {
    background-position: -1.93rem -.02rem;
}

footer {
    height: 2.55rem;
    background: #333;
    overflow: hidden;
}

footer p:nth-child(1) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin: 0 .3rem;
    text-align: center;
    margin-top: .8rem;
}

footer p {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin: 0 .3rem;
    text-align: center;
    margin-top: .1rem;
}

/* paging */
.pageWrap {
    display: flex;
    justify-content: center;
    background: #fff;
    padding: .15rem .15rem;
    margin: 0 .24rem;
    border-radius: .1rem;
}

.pageWrap a,.pageWrap i {
    display: block;
}

.pageWrap a {
    margin-right: 0.3rem;
}

.pageWrap a:last-child {
    margin-right: 0;
}

.pageWrap a,.pageWrap span {
    width: .58rem;
    height: .58rem;
    line-height: .58rem;
    text-align: center;
    font-size: .22rem;
    color: #999;
    border-radius: .06rem;
    background-color: #edf1f5;
    border: 1px solid #edf1f5;
    overflow: hidden;
}

.pageWrap .current {
    color: #63BF3D;
    font-size: .22rem;
    background: #E1F8D7;
    border-color: #E1F8D7;
}

.pageWrap .disabled {
    color: #b1b1b1;
}

.pageWrap .ico_l {
    width: .16rem;
    height: .2rem;
    background-position: -.38rem -.4rem;
    position: relative;
    top: .24rem;
    left: 42%;
}

.pageWrap .ico_r {
    width: .16rem;
    height: .2rem;
    background-position: -.52rem -.4rem;
    position: relative;
    top: .24rem;
    left: 38%;
}

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

/* applist */
.appnav {
    background: #fff;
    border-radius: .1rem;
    padding-bottom: .2rem;
}

.appnav ul {
    overflow: hidden;
    margin: 0 .24rem;
}

.appnav ul li {
    width: 2.2rem;
    height: .98rem;
    float: left;
    border-radius: .1rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    position: relative;
}

.appnav ul li:nth-child(3n) {
    margin-right: 0;
}

.appnav ul li:nth-child(3n) {
    margin-right: 0;
}
.appnav ul li:nth-child(1) {
    background-position: -0.08rem -0.63rem;
}
.appnav ul li:nth-child(2) {
    background-position: -4.86rem -4.97rem;
}

.appnav ul li:nth-child(3) {
    background-position: -7.29rem -6.00rem;
}

.appnav ul li:nth-child(4) {
    background-position: -0.08rem -2.85rem;
}

.appnav ul li:nth-child(5) {
    background-position: -4.86rem -6.00rem;
}

.appnav ul li:nth-child(6) {
    background-position: -7.29rem -9.02rem;
}

.appnav ul li:nth-child(7) {
    background-position: -7.29rem -8.02rem;
}
.appnav ul li:nth-child(8) {
    background-position: -7.29rem -8.02rem;
}
.appnav ul li:nth-child(9) {
    background-position: -0.08rem -0.63rem;
}
.appnav ul li:nth-child(10) {
    background-position: -4.86rem -3.93rem;
}
.appnav ul li:nth-child(11) {
        background-position: -0.08rem -4.97rem;
}
.appnav ul li:nth-child(12) {
        background-position: -4.86rem -2.85rem;
}
.appnav ul li:nth-child(13) {
        background-position: -7.29rem -4.97rem;
}
.appnav ul li:nth-child(14) {
        background-position: -7.29rem -7.01rem;
}
.appnav ul li:nth-child(15) {
        background-position: -0.08rem -6rem;
}
.appnav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.appnav ul li span {
    font-size: .24rem;
    color: #fff;
    position: absolute;
    top: .46rem;
    left: .2rem;
}

.appnav>p {
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .1rem;
    color: #999;
    background: #f8f8f8;
    margin: 0 .24rem;
}

.appnav>p i.bot {
    width: .17rem;
    height: .14rem;
    background-position: -.74rem -.4rem;
    margin-left: 9px;
}

.appnav>p i.top {
    width: .17rem;
    height: .14rem;
    background-position: -.93rem -.4rem;
    margin-left: 9px;
}
/*
.appnav ul li:nth-of-type(16n+1) a {
    color: #bea901;
    background-color: #fbf9e3;
}

.appnav ul li:nth-of-type(16n+2) a {
    color: #f47920;
    background-color: #fff5ed;
}

.appnav ul li:nth-of-type(16n+3) a {
    color: #7fb80e;
    background-color: #f9ffed;
}

.appnav ul li:nth-of-type(16n+4) a {
    color: #6f60aa;
    background-color: #f1edff;
}

.appnav ul li:nth-of-type(16n+5) a {
    color: #009ad6;
    background-color: #edfaff;
}

.appnav ul li:nth-of-type(16n+6) a {
    color: #c77eb5;
    background-color: #ffedfb;
}

.appnav ul li:nth-of-type(16n+7) a {
    color: #4e72b8;
    background-color: #edf3ff;
}

.appnav ul li:nth-of-type(16n+8) a {
    color: #dea32c;
    background-color: #fff9ed;
}

.appnav ul li:nth-of-type(16n+9) a {
    color: #45b97c;
    background-color: #edfff5;
}

.appnav ul li:nth-of-type(16n+10) a {
    color: #7bbfea;
    background-color: #edf8ff;
}

.appnav ul li:nth-of-type(16n+11) a {
    color: #f1516c;
    background-color: #ffedf0;
}

.appnav ul li:nth-of-type(16n+12) a {
    color: #7fb86e;
    background-color: #f1ffed;
}

.appnav ul li:nth-of-type(16n+13) a {
    color: #9b95c9;
    background-color: #efedff;
}

.appnav ul li:nth-of-type(16n+14) a {
    color: #f69c9f;
    background-color: #ffedee;
}

.appnav ul li:nth-of-type(16n+15) a {
    color: #fcaf18;
    background-color: #fff9ed;
}

.appnav ul li:nth-of-type(16n+16) a {
    color: #2585a6;
    background-color: #edfbff;
}

.appnav ul li.current a {
    color: #fff;
    background: #63BF3D !important;
}
*/
.appmain {
    margin: .2rem .24rem;
    background: #fff;
    padding-bottom: .01rem;
}

.appmain .apptop {
    width: 100%;
    height: .9rem;
    display: flex;
}

.appmain .apptop a {
    width: 2.44rem;
    height: .9rem;
    background: #F4F1F4;
    text-align: center;
    line-height: .9rem;
    color: #666;
    font-size: .28rem;
    display: inline-block;
    position: relative;
}

.appmain .apptop a em {
    position: absolute;
    font-size: .2rem;
    color: #ccc;
    bottom: .22rem;
    left: 29%;
    line-height: .2rem;
    display: block;
    width: 1rem;
    text-align: center;
    display: none;
}

.appmain .apptop a:nth-child(1).current {
    height: 1.08rem;
    width: 2.24rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.appmain .apptop a:nth-child(1).current::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 0.1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.appmain .apptop a:nth-child(2).current {
    height: 1.08rem;
    width: 2.14rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.appmain .apptop a:nth-child(2).current::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: 0.1rem 0 0 0;
    transform: rotate(6deg);
}

.appmain .apptop a:nth-child(2).current::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 0.1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.appmain .apptop a:nth-child(3).current {
    height: 1.08rem;
    width: 2.24rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.appmain .apptop a:nth-child(3).current::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: 0.1rem 0 0 0;
    transform: rotate(6deg);
}

.appmain .apptop a.current em {
    display: block;
}

.appmain ul {
    margin-top: .2rem;
}

.appmain ul li {
    height: 1.2rem;
    margin: 0 .26rem .36rem;
}

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

.appmain ul li .info {
    float: left;
    width: 3.6rem;
    margin-left: .24rem;
}

.appmain ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    line-height: .28rem;
    margin-top: .12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appmain ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .15rem;
}

.appmain ul li .info p:nth-child(2) span {
    color: #999;
    margin: 0 .06rem;
}

.appmain ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .15rem;
}

.appmain ul li .info p:nth-child(3) span {
    font-size: .24rem;
    color: #63BF3D;
}

.appmain ul li a>span {
    float: right;
    width: 1.2rem;
    height: .6rem;
    color: #fff;
    background: #63BF3D;
    border-radius: .06rem;
    display: inline-block;
    line-height: .6rem;
    text-align: center;
    margin-top: .3rem;
}

.botnav {
    overflow: hidden;
    height: .88rem;
    width: 100%;
    background: #fff;
}

.botnav a {
    height: .88rem;
    display: inline-block;
    float: left;
    width: 1.87rem;
    text-align: center;
    line-height: .88rem;
}

.botnav a span {
    height: .24rem;
    font-size: .3rem;
    line-height: .24rem;
    color: #333;
    text-align: center;
    width: 1.87rem;
    border-right: 1px solid #f0f0f0;
    display: inline-block;
}

.botnav a span:nth-last-child(1) {
    border-right: 0;
}

.appbox {
    position: relative;
    height: 3.7rem;
}

.mainbg {
    background: url(../images/mainbg.png) no-repeat;
    background-size: 7.5rem 3.71rem;
    height: 3.71rem;
    width: 7.5rem;
    background-color: #f8f8f8;
    position: absolute;
    top: 0;
    left: 0;
}

.mainbg>a {
    display: block;
    height: 100%;
    width: 100%;
}

.appbox .appbox_t {
    margin: 0 .24rem;
    position: absolute;
    background: #fff;
    margin-top: 1.05rem;
    border-radius: .1rem;
}

.appbox .appbox_t img {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .1rem;
    float: left;
    margin-left: .26rem;
    margin-top: -.7rem;
}

.appbox .appbox_t .info {
    float: left;
    width: 4.9rem;
    margin-left: .2rem;
    position: relative;
    margin-top: -.7rem;
}

.appbox .appbox_t .info p:nth-child(1) {
    font-size: .32rem;
    color: #424242;
    line-height: .34rem;
    margin-top: .3rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 3.4rem;
    display: block;
    font-weight: 600;
}

.appbox .appbox_t .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    margin-top: .24rem;
    line-height: 0.36rem;
}

.appbox .appbox_t .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
}

.appbox .appbox_t .info p span:nth-child(1) {
    width: 2rem;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.appbox .appbox_t .info p span:nth-child(2) {
    width: 1.5rem;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.appbox .appbox_t .downbtn a,.appbox .appbox_t .downbtn span {
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #63BF3D;
    border-radius: .06rem;
    position: absolute;
    right: .2rem;
    top: .44rem;
}

.appbox .appbox_t .downbtn a.yy {
    background: #f36861;
}

.appbox .appbox_t .downbtn span {
    background: #ccc;
}

.appbox .appbox_t>p {
    font-size: .26rem;
    color: #666;
    line-height: .42rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 6.48rem;
    margin: 0 .27rem .24rem;
    padding-top: .24rem;
    overflow: hidden;
}

.appbox .appbox_t>p span {
    font-size: .26rem;
    color: #63BF3D;
}

.appbox .appbox_t .info p:nth-child(1) a {
    color: #424242;
}

.applv {
    background: #fff;
    border-radius: .1rem;
    height: 3.1rem;
    margin: 0 .24rem;
}

.djtit p {
    font-size: .3rem;
    font-weight: 600;
    line-height: .3rem;
    padding: .26rem .26rem .3rem;
    overflow: hidden;
}

.djtit p i {
    width: .18rem;
    height: .2rem;
    background-position: -.08rem -.05rem;
    margin-right: .12rem;
}

.djtit a {
    font-size: .22rem;
    color: #999;
    float: right;
}

.djtit a i {
    width: .08rem;
    height: .14rem;
    display: inline-block;
    background-position: -2.43rem -.39rem;
    margin-right: .03rem;
    margin-left: .06rem;
}

.applv ul {
    display: flex;
    overflow-x: auto;
}

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

.applv ul li a {
    width: 3.67rem;
    height: 2.06rem;
    float: left;
    border-radius: .1rem;
    background: #f0fbeb;
}

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

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

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

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

.appxg {
    background: #fff;
    border-radius: .1rem;
    margin: 0 .24rem;
    padding-bottom: .01rem;
}

.appxg ul li {
    height: 1.2rem;
    margin: 0 .26rem .36rem;
}

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

.appxg ul li .info {
    float: left;
    width: 3.6rem;
    margin-left: .24rem;
}

.appxg ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    line-height: .28rem;
    margin-top: .12rem;
    white-space: nowrap;
    overflow: hidden;
}

.appxg ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .15rem;
}

.appxg ul li .info p:nth-child(2) span {
    color: #999;
    margin: 0 .06rem;
}

.appxg ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .15rem;
}

.appxg ul li .info p:nth-child(3) span {
    font-size: .24rem;
    color: #63BF3D;
}

.appxg ul li a>span {
    float: right;
    width: 1.2rem;
    height: .6rem;
    color: #fff;
    background: #63BF3D;
    border-radius: .06rem;
    display: inline-block;
    line-height: .6rem;
    text-align: center;
    margin-top: .3rem;
}

/* gamelist */
.gaemnav {
    background: #fff;
    border-radius: .1rem;
    padding-bottom: .2rem;
}

.gaemnav ul {
    overflow: hidden;
    margin: 0 .24rem;
}

.gaemnav ul li {
    width: 2.2rem;
    height: .98rem;
    float: left;
    border-radius: .1rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    position: relative;
}

.gaemnav ul li:nth-child(3n) {
    margin-right: 0;
}
.gaemnav ul li:nth-child(16) {
    background-position: -7.29rem -9.02rem;
}

.gaemnav ul li:nth-child(17) {
    background-position: -2.45rem -6.00rem;
}
.gaemnav ul li:nth-child(1) {
    background-position: -.08rem -.63rem;
}

.gaemnav ul li:nth-child(2) {
    background-position: -4.86rem -.63rem;
}

.gaemnav ul li:nth-child(3) {
    background-position: -2.45rem -3.93rem;
}

.gaemnav ul li:nth-child(4) {
    background-position: -2.45rem -.63rem;
}

.gaemnav ul li:nth-child(5) {
    background-position: -2.45rem -4.97rem;
}
.gaemnav ul li:nth-child(6) {
    background-position: -2.45rem -2.85rem;
}
.gaemnav ul li:nth-child(7) {
    background-position: -.08rem -6rem;
}
.gaemnav ul li:nth-child(8) {
    background-position: -.08rem -4.97rem;
}
.gaemnav ul li:nth-child(9) {
    background-position: -4.86rem -3.93rem;
}
.gaemnav ul li:nth-child(10) {
    background-position: -2.45rem -1.74rem;
}
.gaemnav ul li:nth-child(11) {
    background-position: -.08rem -3.93rem;
}
.gaemnav ul li:nth-child(12) {
    background-position: -4.86rem -1.74rem;
}
.gaemnav ul li:nth-child(13) {
    background-position: -7.29rem -7.01rem;
}
.gaemnav ul li:nth-child(14) {
    background-position: -.08rem -2.85rem;
}
.gaemnav ul li:nth-child(15) {
    background-position: -.08rem -1.74rem;
}
.gaemnav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.gaemnav ul li span {
    font-size: .24rem;
    color: #fff;
    position: absolute;
    top: .46rem;
    left: .2rem;
}

.gaemnav>p {
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .1rem;
    color: #999;
    background: #f8f8f8;
    margin: 0 .24rem;
}

.gaemnav>p i.bot {
    width: .17rem;
    height: .14rem;
    background-position: -.74rem -.4rem;
    margin-left: 9px;
}

.gaemnav>p i.top {
    width: .17rem;
    height: .14rem;
    background-position: -.93rem -.4rem;
    margin-left: 9px;
}

/* ztlist */
.slider {
    height: 2.6rem;
    padding-bottom: .2rem;
    margin: 0 .24rem;
}

.slider a {
    display: block;
    width: 100%;
    height: 100%;
}

.slider img {
    display: block;
    width: 7.02rem;
    height: 2.6rem;
    object-fit: cover;
}

.slider .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    background: #ddd;
    border-radius: 0;
    opacity: 1;
}

.slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #75CC29;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px !important;
    right: 0 !important;
    width: auto !important;
    left: 258px !important;
}

.swiper-container {
    width: 100%;
    height: 100%;
    border-radius: .1rem;
}

/* 修改的 */
.swiper-slide {
    position: relative;
    text-align: center;
    font-size: .18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper_abs {
    position: absolute;
    z-index: 20;
    right: .26rem;
    top: 1rem;
    text-align: center;
}

.swiper_abs a {
    display: block;
}

.swiper_abs .btn {
    display: block;
    width: 1.52rem;
    height: .6rem;
    border-radius: .06rem;
    color: #fff;
    margin: auto;
    line-height: .6rem;
    background: linear-gradient(49deg, #63BF3D 0%, #ADEA2B 100%);
}

.ztnav {
    display: flex;
    margin: 0 .24rem;
}

.ztnav a {
    width: 2.3rem;
    height: .66rem;
    line-height: .66rem;
    color: #666;
    font-size: .28rem;
    text-align: center;
    display: inline-block;
    background: #fff;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}

.ztnav a.current {
    width: 2.42rem;
    background: #63BF3D;
    height: .74rem;
    color: #fff;
    font-weight: 600;
    line-height: .74rem;
    margin-top: -.08rem;
}

.hotzt {
    background: #fff;
    margin: 0 .24rem;
    border-radius: .1rem;
}

.hotzt ul {
    display: flex;
    overflow-x: auto;
    margin-left: .26rem;
}

.hotzt ul li {
    width: 3.15rem;
    height: 1.76rem;
    float: left;
    position: relative;
    margin-right: .2rem;
}

.hotzt ul li img {
    width: 3.15rem;
    height: 1.76rem;
    border-radius: .1rem;
}

.hotzt ul li p {
    position: absolute;
    font-size: .26rem;
    color: #fff;
    line-height: .26rem;
    bottom: .25rem;
    text-align: center;
    width: 100%;
    display: block;
    z-index: 2;
}

.hotzt ul li span {
    width: 3.15rem;
    height: .94rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.01) 99%);
    border-radius: .1rem;
    position: absolute;
    bottom: 0;
}

.jxzt {
    background: #fff;
    margin: 0 .24rem;
    border-radius: .1rem;
    overflow: hidden;
}

.jxzt ul {
    margin: 0 .26rem;
}

.jxzt ul li {
    float: left;
    width: 3.15rem;
    position: relative;
    margin-right: .2rem;
    margin-bottom: .2rem;
}

.jxzt ul li:nth-child(2n) {
    margin-right: 0;
}

.jxzt ul li img {
    width: 3.15rem;
    height: 1.76rem;
    border-radius: .1rem;
}

.jxzt ul li p {
    font-size: .28rem;
    color: #333;
    line-height: .6rem;
    width: 100%;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap
}

.jxzt ul li span {
    position: absolute;
    display: block;
    height: .46rem;
    padding: 0 .16rem;
    background: #63BF3D;
    border-radius: 0 0 .3rem .3rem;
    font-size: .22rem;
    color: #fff;
    line-height: .46rem;
    top: -.06rem;
    left: .1rem;
}

/* ztdetail */
.ztdetail {
    background: #fff;
    margin: 0 .24rem;
    border-radius: .1rem;
}

.ztdetail .zthead {
    margin-top: .28rem;
}

.ztdetail .zthead .info {
    position: relative;
}

.ztdetail .zthead .info img {
    width: 7.02rem;
    height: 3rem;
    border-radius: .1rem .1rem 0 0;
}

.ztdetail .zthead .info p {
    position: absolute;
    display: block;
    height: .44rem;
    border-top-left-radius: .3rem;
    color: #fff;
    line-height: .44rem;
    font-size: .24rem;
    text-align: center;
    padding: 0 .2rem 0 .35rem;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.ztdetail .zthead .info span {
    position: absolute;
    display: block;
    height: .46rem;
    padding: 0 .16rem;
    background: #63BF3D;
    border-radius: 0 0 .3rem .3rem;
    font-size: .22rem;
    color: #fff;
    line-height: .46rem;
    top: -.06rem;
    left: .26rem;
}

.ztdetail .zthead .info2 {
    margin: 0 .28rem;
}

.ztdetail .zthead .info2 h3 {
    font-size: .3rem;
    color: #333;
    line-height: .3rem;
    display: block;
    margin: .26rem auto;
    text-align: center;
    font-weight: 600;
}

.ztdetail .zthead .info2 h3 i {
    width: .22rem;
    height: .2rem;
}

.ztdetail .zthead .info2 h3 i:nth-child(1) {
    background-position: -.74rem -.13rem;
    vertical-align: bottom;
    margin-right: .1rem;
}

.ztdetail .zthead .info2 h3 i:nth-child(2) {
    background-position: -1.01rem -.13rem;
    vertical-align: top;
    margin-left: .1rem;
}

.ztdetail .zthead .info2 p {
    font-size: .26rem;
    color: #666;
    line-height: .42rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ztdetail .zthead ul {
    overflow: hidden;
    padding: .36rem .28rem;
}

.ztdetail .zthead ul li {
    height: .6rem;
    border-radius: .3rem;
    line-height: .6rem;
    text-align: center;
    padding: 0 .25rem;
    float: left;
    margin-right: .26rem;
    background: #EDFAFF;
    margin-bottom: .1rem;
}

.ztdetail .zthead ul li a {
    color: #2EA8E6;
}

.ztdetail .zthead ul li:nth-child(1) {
    background: #EDFAFF;
}

.ztdetail .zthead ul li:nth-child(1) a {
    color: #2EA8E6;
}

.ztdetail .zthead ul li:nth-child(2) {
    background: #FFEDEE;
}

.ztdetail .zthead ul li:nth-child(2) a {
    color: #F56269;
}

.ztdetail .zthead ul li:nth-child(3) {
    background: #FFF6E4;
}

.ztdetail .zthead ul li:nth-child(3) a {
    color: #F5B431;
}

.ztdetail .zthead ul li:nth-child(4) {
    background: #EBEFFF;
}

.ztdetail .zthead ul li:nth-child(4) a {
    color: #526ACC;
}

.ztmain {
    background: #fff;
    margin: 0 .24rem;
    border-radius: .1rem;
    overflow: hidden;
}

.ztmain ul li {
    height: 1.2rem;
    margin: 0 .26rem .36rem;
}

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

.ztmain ul li .info {
    float: left;
    width: 3.6rem;
    margin-left: .24rem;
}

.ztmain ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    line-height: .28rem;
    margin-top: .12rem;
    white-space: nowrap;
    overflow: hidden;
}

.ztmain ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .15rem;
}

.ztmain ul li .info p:nth-child(2) span {
    color: #999;
    margin: 0 .06rem;
}

.ztmain ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    line-height: .26rem;
    margin-top: .15rem;
    white-space: nowrap;
    overflow: hidden;
}

.ztmain ul li a>span {
    float: right;
    width: 1.2rem;
    height: .6rem;
    color: #fff;
    background: #63BF3D;
    border-radius: .06rem;
    display: inline-block;
    line-height: .6rem;
    text-align: center;
    margin-top: .3rem;
}

.ztmain ul li .info p em {
    color: #63BF3D;
}

/* load */
.djbox {
    position: relative;
    overflow: hidden;
    margin-bottom: .1rem;
}

.djbox .loadbg {
    width: 7.5rem;
    height: 2.27rem;
    background: url(../images/loadbg.png) no-repeat;
    background-size: 7.5rem 2.27rem;
    top: 0;
    left: 0;
}

.djbox .loadtop {
    margin-top: -2.05rem;
}

.djbox .loadtop .imgbg {
    width: 2.04rem;
    height: 2.04rem;
    background: url(../images/loadtop.png) no-repeat;
    background-size: 2.04rem 2.04rem;
    margin: 0 2.73rem;
    overflow: hidden;
}

.djbox .loadtop img {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: .3rem;
    margin: .15rem auto;
}

.djbox .loadtop h1 {
    font-size: .32rem;
    color: #333;
    line-height: .35rem;
    font-weight: 600;
    text-align: center;
    margin-top: .2rem;
}

.djbox .loadtop>p {
    font-size: .26rem;
    line-height: .26rem;
    text-align: center;
    margin-top: .25rem;
    margin-bottom: 0.25rem;
}

.djbox .loadtop p span:nth-child(1) {
    margin-right: .66rem;
}

.djbox .loadtop p span {
    color: #999;
}

.djbox .loadtop p em {
    color: #666;
}

.djbox .loadtop ul {
    overflow: hidden;
    margin: .26rem .8rem;
}

.djbox .loadtop ul li {
    float: left;
    margin-right: .26rem;
    margin-bottom: .04rem;
}

.djbox .loadtop ul li a {
    height: .6rem;
    display: inline-block;
    background: #d9f0f9;
    color: #2EA8E6;
    font-size: .26rem;
    line-height: .6rem;
    border-radius: .3rem;
    padding: 0 .24rem;
}

.djbox .loadtop ul li:nth-child(1) a {
    background: #D9F0F9;
    color: #2EA8E6;
}

.djbox .loadtop ul li:nth-child(2) a {
    background: #FFEDEE;
    color: #F56269;
}

.djbox .loadtop ul li:nth-child(3) a {
    background: #FAEFDA;
    color: #F5B431;
}

.djbox .loadtop ul li:nth-child(4) a {
    background: #E6EAF8;
    color: #526ACC;
}

.loadbox a {
    display: block;
    width: 6.6rem;
    height: .88rem;
    line-height: .88rem;
    color: #fff;
    text-align: center;
    border-radius: .1rem;
    margin: 0 auto;
    font-size: .32rem;
}

.loadbox a.and {
    background: #18BA68;
    margin-top: 5px;
}

.loadbox a.ios {
    background: #fe7037;
}

.loadbox a i {
    width: .3rem;
    height: .3rem;
    background-position: -1.31rem -.13rem;
    vertical-align: middle;
    margin-right: .1rem;
}

.linkBtn {
    margin: .3rem 0 .1rem;
    position: relative;
}

.linkBtn button {
    display: block;
    width: 6.6rem;
    height: .88rem;
    line-height: .88rem;
    color: #fff;
    text-align: center;
    border-radius: .1rem;
    margin: 0 auto;
    font-size: .32rem;
    background: #f36861;
    border: none;
}

.kgTop p {
    display: block;
    width: auto;
    font-size: .24rem;
    color: #8f8f8f;
    line-height: .36rem;
    overflow: hidden;
}

.kgTop .intro {
    margin-top: .1rem;
    line-height: .42rem;
}

.kOrder i {
    width: .31rem;
    height: .31rem;
    background-position: -2.04rem -.13rem;
    vertical-align: middle;
    margin-right: .12rem;
}

.oTip {
    text-align: left;
    white-space: normal;
    font-size: .2rem;
    margin: 0 .9rem 0 6em;
    color: #FB6961;
    margin-top: .25rem;
}

.tips>i {
    width: .26rem;
    height: .26rem;
    background-position: -1.69rem -.3rem;
    position: absolute;
    left: .9rem;
    top: 1.16rem;
}

.djload {
    margin: 0 .24rem;
    background: #fff;
    border-radius: .1rem;
    padding-bottom: .26rem;
}

.djload .djnav {
    width: 100%;
    height: .9rem;
    display: flex;
}

.djload .djnav span {
    width: 2.44rem;
    height: .9rem;
    background: #F4F1F4;
    text-align: center;
    line-height: .9rem;
    color: #666;
    font-size: .28rem;
    display: inline-block;
    position: relative;
}

.djload .djnav span em {
    position: absolute;
    font-size: .2rem;
    color: #ccc;
    bottom: .22rem;
    left: 16%;
    line-height: .2rem;
    display: block;
    width: 1.2rem;
    text-align: center;
    display: none;
}

.djload .djnav span:nth-child(1).current {
    height: 1.08rem;
    width: 2.24rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.djload .djnav span:nth-child(1).current::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 0.1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.djload .djnav span:nth-child(2).current {
    height: 1.08rem;
    width: 2.14rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.djload .djnav span:nth-child(2).current::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: 0.1rem 0 0 0;
    transform: rotate(6deg);
}

.djload .djnav span:nth-child(2).current::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 0.1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.djload .djnav span:nth-child(3).current {
    height: 1.08rem;
    width: 2.14rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.djload .djnav span:nth-child(3).current::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: 0.1rem 0 0 0;
    transform: rotate(6deg);
}

.djload .djnav span:nth-child(3).current::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 0.1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.djload .djnav span:nth-child(4).current {
    height: 1.08rem;
    width: 2.24rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.djload .djnav span:nth-child(4).current::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: 0.1rem 0 0 0;
    transform: rotate(6deg);
}

.djload .djnav span.current em {
    display: block;
}

.show_img {
    margin-top: .12rem;
}

.img_item {
    overflow-x: auto;
    padding: 0 0 .15rem;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin: 0 .26rem .2rem;
    text-align: center
}

.img_item ul {
    font-size: 0;
}

.img_item ul li {
    margin-right: .1rem;
    display: inline-block;
}

div.photo-box {
    width: 100%;
    background: rgba(0,0,0,.72);
    height: 100% !important;
    position: fixed;
    overflow: hidden;
    display: none;
    z-index: 999;
    left: 0;
    top: 0;
}

.cf {
    *zoom: 1;}

.pinch-zoom-container {
    height: 100% !important;
}

.img-slider {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

.img-slider li {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    z-index: 999;
}

div.photo-box li {
    list-style: none;
}

.img-slider li img {
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.img_item .djVideo {
    position: relative
}

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

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

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

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

.djedit {
    margin: 0 .26rem;
    display: flex;
}

.djedit i {
    width: .71rem;
    height: .71rem;
    background-position: -.08rem -7.12rem;
}

.djedit span {
    width: 5.99rem;
    height: .6rem;
    display: block;
    font-size: .26rem;
    color: #FF9834;
    background: url(../images/dhk.png) no-repeat;
    line-height: .6rem;
    background-size: 5.99rem .6rem;
    margin-top: .06rem;
    padding-left: .5rem;
    max-width: 5.49rem;
    white-space: nowrap;
    overflow: hidden;
}

.djload .cont {
    margin: 0 .24rem;
    overflow: hidden;
    height: auto !important;
}

.djload .cont p {
    font-size: .3rem;
    line-height: .45rem;
    color: #666;
    margin: .15rem 0;
}

.djload .cont img {
    max-width: 5.5rem;
    height: auto!important;
    max-height: 7rem;
    width: auto;
    display: block;
    margin: .15rem auto;
}

.djload .cont h3 {
    font-size: .32rem;
    color: #1a1a1a;
    line-height: .32rem;
    padding-left: .1rem;
    font-weight: 700;
    margin: .24rem 0;
    border-left: .08rem solid #63BF3D;
}

.drawer p {
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .1rem;
    color: #999;
    background: #f8f8f8;
    margin: 0 .24rem;
}

.drawer p i.bot {
    width: .17rem;
    height: .14rem;
    background-position: -.74rem -.4rem;
    margin-left: 9px;
}

.drawer p i.top {
    width: .17rem;
    height: .14rem;
    background-position: -.93rem -.4rem;
    margin-left: 9px;
}

.rizhi {
    position: relative;
}

.rizhi font {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 1.18rem;
    height: .38rem;
    line-height: .38rem;
    border: 1px solid #f36861;
    font-size: .24rem;
    color: #f36861;
    border-radius: .38rem;
    text-align: center;
}

.rizhi {
    position: relative;
}

.rizhi strong {
    display: block;
    color: #454545;
    line-height: .52rem;
    font-size: .3rem;
    font-weight: bold;
    text-indent: 0em;
}

.drawer {
    position: relative;
}

.drawer .linear {
    position: absolute;
    height: .8rem;
    top: -.79rem;
    width: 100%;
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 70%)
}

.gameinfo {
    position: relative;
    background: #fff;
    margin: 0 .26rem;
    border-radius: .1rem;
    padding-bottom: .2rem;
}

.gameinfo ul {
    margin: 0 .45rem 0 .5rem;
}

.gameinfo ul li {
    width: 6.06rem;
    height: .68rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #ddd;
}

.gameinfo ul li:nth-last-child(1) {
    border: none;
}

.gameinfo ul li span {
    font-size: .26rem;
    color: #999;
}

.gameinfo ul li em {
    font-size: .26rem;
    color: #666;
}

.gameinfo li em.gPower,.gameinfo li em.gSecret {
    color: #63BF3D;
}

.feBaBtn {
    position: absolute;
    top: .18rem;
    right: .25rem;
    width: 1.1rem;
    height: .44rem;
    font-size: .24rem;
    color: #63BF3D;
    text-align: center;
    line-height: .42rem;
}

.feBaBtn:before {
    content: "!";
    position: relative;
    top: .11rem;
    vertical-align: top;
    margin-right: .08rem;
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background: #63BF3D;
    border-radius: 50%;
    color: #fff;
    font-size: .14rem;
    text-align: center;
    line-height: .22rem;
}

.djlv {
    background: #fff;
    margin: 0 .24rem;
    border-radius: .1rem;
}

.djlv .djtit a {
    color: #999;
    font-size: .22rem;
    font-weight: 300;
    float: right;
}

.djlv .djtit a i {
    width: .1rem;
    height: .14rem;
    background-position: -.57rem -.4rem;
    margin-left: .1rem;
}

.djlv ul {
    margin: 0 .26rem;
}

.djlv ul li {
    padding: .18rem 0;
    border-bottom: 1px solid #DDD;
    height: 1rem;
    width: 100%;
}

.djlv ul li:nth-last-child(1) {
    border: none;
}

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

.djlv ul li .info {
    float: left;
    width: 3.8rem;
    margin-left: .25rem;
}

.djlv ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    line-height: .28rem;
    font-weight: 600;
    margin-top: .16rem;
    white-space: nowrap;
    overflow: hidden;
}

.djlv ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .16rem;
}

.djlv ul li .info p:nth-child(2) span {
    color: #999;
    margin: 0 .1rem;
}

.djlv ul li em {
    float: right;
    display: block;
    width: 1.2rem;
    height: .6rem;
    border-radius: .06rem;
    color: #63BF3D;
    border: 1px solid #63BF3D;
    line-height: .6rem;
    text-align: center;
    margin-top: .2rem;
}

.djother {
    background: #fff;
    margin: 0 .24rem .2rem;
    border-radius: .1rem;
}

.djother .djtit a {
    color: #999;
    font-size: .22rem;
    font-weight: 300;
    float: right;
}

.djother .djtit a i {
    width: .1rem;
    height: .14rem;
    background-position: -.57rem -.4rem;
    margin-left: .1rem;
}

.djother ul {
    margin: 0 .26rem;
    overflow: hidden;
}

.djother ul li {
    width: 1.4rem;
    float: left;
    margin-right: .3rem;
    margin-bottom: .2rem;
}

.djother ul li:nth-child(4n) {
    margin-right: 0;
}

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

.djother ul li p {
    font-size: .28rem;
    color: #333;
    line-height: .28rem;
    margin-top: .16rem;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.djother ul li span {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .12rem;
    text-align: center;
    display: block;
    height: .24rem;
}

.djother ul li em {
    display: block;
    width: 1.2rem;
    height: .6rem;
    border-radius: .06rem;
    color: #63BF3D;
    border: 1px solid #63BF3D;
    line-height: .6rem;
    text-align: center;
    margin: .2rem auto 0;
}

.djlike {
    background: #fff;
    margin: 0 .24rem .2rem;
    border-radius: .1rem;
    overflow: hidden;
}

.djlike .djtit a {
    color: #999;
    font-size: .22rem;
    font-weight: 300;
    float: right;
}

.djlike .djtit a i {
    width: .1rem;
    height: .14rem;
    background-position: -.57rem -.4rem;
    margin-left: .1rem;
}

.djlike .likenav {
    background: #F8F8F8;
    overflow: hidden;
    margin: 0 .26rem;
    width: 6.5rem;
    height: .8rem;
}

.djlike .likenav span {
    float: left;
    width: 25%;
    display: inline-block;
    text-align: center;
}

.djlike .likenav span em {
    font-size: .28rem;
    line-height: .8rem;
    height: .78rem;
    display: inline-block;
}

.djlike .likenav span.current em {
    color: #63BF3D ;
    font-weight: 600;
    border-bottom: .02rem solid #63BF3D;
}

.menu_cont {
    border-top: .02rem solid #f6f7f9;
    margin: .48rem .26rem .26rem;
    background: #f5f5f5;
    border-radius: .15rem;
    position: relative;
}

.menu_cont a>p {
    position: absolute;
    top: .8rem;
    left: .32rem;
    font-size: .26rem;
    color: #fff;
    line-height: .26rem;
    font-weight: 600;
}

.menu_cont a>em {
    font-size: .32rem;
    color: #fff;
    line-height: .32rem;
    position: absolute;
    top: 1.2rem;
    left: .32rem;
    font-weight: 600;
}

.menu_cont img {
    width: 3.25rem;
    height: 1.82rem;
    border-radius: .1rem 0 0 .1rem;
    float: left
}

.menu_cont .info {
    float: left;
    width: 3rem;
    height: 1.8rem;
    margin-left: .18rem;
    position: relative;
}

.menu_cont .info p {
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-top: .23rem
}

.menu_cont .info span {
    font-size: .18rem;
    color: #c9c9c9;
    position: absolute;
    right: .12rem;
    top: .3rem;
    line-height: .18rem;
}

.menu_cont span {
    height: .44rem;
    width: 1.44rem;
    line-height: .44rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #36e48c;
    position: absolute;
    border-radius: .1rem .1rem .1rem 0;
    left: 0;
    top: -.22rem;
}

.menu_info ul li {
    float: left;
    width: 1.4rem;
    margin-right: .3rem;
    margin-bottom: .3rem;
}

.menu_info ul li:nth-child(4n) {
    margin-right: 0;
}

.menu_info ul li img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    margin: 0 auto;
}

.menu_info ul li p {
    font-size: .28rem;
    color: #333;
    line-height: .28rem;
    margin-top: .16rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.menu_info ul li span {
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
    margin-top: .16rem;
    text-align: center;
    display: block;
    height: .24rem;
}

.djlike ul {
    margin: 0 .26rem;
}

.djnew {
    background: #fff;
    margin: 0 .24rem .2rem;
    border-radius: .1rem;
}

.djnew .djtit a {
    color: #999;
    font-size: .22rem;
    font-weight: 300;
    float: right;
}

.djnew .djtit a i {
    width: .1rem;
    height: .14rem;
    background-position: -.57rem -.4rem;
    margin-left: .1rem;
}

.djnew ul {
    margin: 0 .26rem;
}

.djnew ul li {
    border-bottom: 1px solid #ddd;
    padding: .28rem 0;
}

.djnew ul li:nth-last-child(1) {
    border-bottom: none;
}

.djnew ul li p {
    font-size: .26rem;
    color: #666;
    line-height: .26rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 5.5rem;
}

.djnew ul li p em {
    display: inline-block;
    width: .1rem;
    height: .1rem;
    background: #ccc;
    vertical-align: middle;
    margin: 0 .1rem;
    border-radius: 50%;
}

.djnew ul li span {
    color: #999;
    display: inline-block;
    font-size: .26rem;
    line-height: .26rem;
    float: right;
    margin-top: -.3rem;
}

.djzt {
    background: #fff;
    margin: 0 .24rem .2rem;
    border-radius: .1rem;
}

.djzt .djtit a {
    color: #999;
    font-size: .22rem;
    font-weight: 300;
    float: right;
}

.djzt .djtit a i {
    width: .1rem;
    height: .14rem;
    background-position: -.57rem -.4rem;
    margin-left: .1rem;
}

.djzt ul {
    margin: 0 .26rem;
    overflow: hidden;
}

.djzt ul li {
    float: left;
    position: relative;
    margin-right: .2rem;
    margin-bottom: .2rem;
}

.djzt ul li:nth-child(2n) {
    margin-right: 0;
}

.djzt ul li img {
    width: 3.15rem;
    height: 1.76rem;
    border-radius: .1rem;
}

.djzt ul li p {
    font-size: .28rem;
    color: #333;
    line-height: .6rem;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    width: 3.15rem;
}

.djzt ul li span {
    position: absolute;
    display: block;
    height: .46rem;
    padding: 0 .16rem;
    background: #63BF3D;
    border-radius: 0 0 .3rem .3rem;
    font-size: .22rem;
    color: #fff;
    line-height: .46rem;
    top: -.06rem;
    left: .1rem;
}

.kgComment {
    background: #fff;
    margin: 0 .24rem .2rem;
    border-radius: .1rem;
}

.kgComment .comTop {
    padding: 0 .26rem;
    text-align: right;
}

.kgComment textarea {
    width: 100%;
    border: none;
    border: 1px solid #d2d2d2;
    padding: .2rem 0;
    height: 2rem;
    outline: none;
    resize: none;
    margin-top: .1em;
    line-height: .56rem;
    text-indent: 1em;
    font-size: .28;
    color: #454545;
}

.kgComment textarea::-webkit-input-placeholder {
    font-size: .24rem;
    color: #8f8f8f;
}

.kgComment textarea:-moz-placeholder {
    font-size: .24rem;
    color: #8f8f8f;
}

.kgComment textarea::-moz-placeholder {
    font-size: .24rem;
    color: #8f8f8f;
    ;}

.kgComment textarea:-ms-input-placeholder {
    font-size: .24rem;
    color: #8f8f8f;
}

.kgComment button {
    outline: none;
    border: none;
    cursor: pointer;
    width: 1.62rem;
    height: .6rem;
    line-height: .6rem;
    margin-top: .24rem;
    font-size: .26rem;
    color: #fff;
    background-color: #63BF3D;
    border-radius: .08rem;
}

.kgComment button.disabled {
    cursor: default;
}

.comTit {
    width: 100%;
    height: .84rem;
    border-bottom: .02rem solid #e6e6e6;
    margin-top: .1rem;
}

.comTit em {
    position: relative;
    float: left;
    display: inline-block;
    height: .84rem;
    line-height: .84rem;
    font-size: .3rem;
    color: #63BF3D;
    border-bottom: .02rem solid #63BF3D;
    padding: 0 3px;
}

.comTit em:after {
    content: '';
    width: 100%;
    height: .02rem;
    background-color: #63BF3D;
    position: absolute;
    bottom: -.02rem;
    left: 0;
}

.comTit span {
    float: right;
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    font-size: .28rem;
    color: #808080;
}

.comList {
    padding: 0 .26rem;
}

.comList li {
    padding: .2rem 0;
    border-bottom: 1px solid #f4f4f4;
}

.comList li:last-of-type {
    border: none;
}

.comList li>p {
    font-size: .26rem;
    color: #424242;
    line-height: .46rem;
    margin-top: .04rem;
}

.listTop {
    line-height: .64rem;
    overflow: hidden;
    *zoom: 1;}

.listTop p,.listTop em {
    float: left;
    display: inline-block;
    font-size: .24rem;
    color: #8f8f8f;
}

.listTop span {
    float: right;
    display: inline-block;
    font-size: .24rem;
    color: #424242;
    cursor: pointer;
}

.listTop em {
    margin-left: .64rem;
}

.kgComment .unlist {
    width: 100%;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .28rem;
    color: #ababab;
    text-align: center;
}

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

.orderBox {
    position: absolute;
    z-index: 5;
    top: 4.4rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.2rem;
    border-radius: .08rem;
    text-align: center;
}

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

.orderBox .oClose i {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background-position: -3.98rem -.05rem;
    position: relative;
}

.orderBox .oTitle {
    position: relative;
    width: 100%;
    height: 1.48rem;
    margin-top: -1rem;
    background-image: url(../images/gametbg.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.orderBox .oTitle>i {
    display: block;
    width: .7rem;
    height: .7rem;
    background-position: -7.63rem -3.54rem;
    position: absolute;
    top: -.42rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #63BF3D;
    border: .09rem solid #63BF3D;
    border-radius: 50%;
}

.orderBox .oTitle p {
    font-size: .3rem;
    color: #fff;
    line-height: .62rem;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .8rem;
}

.orderBox .oTitle p>i {
    display: inline-block;
    width: .18rem;
    height: .26rem;
    background-position: -2.79rem -.05rem;
    position: relative;
    top: .02rem;
    margin-right: .12rem;
}

.orderBox form .tel {
    width: 2.74rem;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    color: #808080;
    font-size: .24rem;
    border-radius: .08rem;
    padding: 0 .26rem;
    line-height: .58rem;
    margin: .3rem auto .1rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p {
    color: #666;
    font-size: .28rem;
    line-height: .46rem;
    margin-top: .24rem;
    overflow: hidden;
    white-space: nowrap;
}

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

.orderBox form .oBtn {
    width: 3.28rem;
    height: .6rem;
    border: 0;
    background-color: #63BF3D;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .6rem;
    margin: .25rem auto .4rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .msg {
    color: #ff3232;
    font-size: .18rem;
    text-align: left;
    display: block;
    width: 3.28rem;
    margin: 0 auto;
}

.orderBox .oKnow {
    display: block;
    width: 3.28rem;
    height: .6rem;
    border: 0;
    background-color: #63BF3D;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .6rem;
    margin: .3rem auto 0rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .oWin {
    width: 100%;
    height: 3.3rem;
    padding: .32rem 0;
    font-size: .36rem;
    border-radius: .08rem;
    text-align: center;
}

.orderBox .oWin p {
    font-size: .32rem;
    color: #141414;
    font-weight: 500;
    line-height: .86rem;
    margin-bottom: .2rem;
}

.orderBox .oWin>i {
    display: inline-block;
    width: 1.6rem;
    height: .96rem;
    background-position: -8.4rem -.05rem;
    position: relative;
}

.orderBox .oAgin {
    width: 100%;
    height: 3.3rem;
    padding: .32rem 0;
    font-size: .36rem;
    border-radius: .08rem;
    text-align: center;
}

.orderBox .oAgin p {
    font-size: .32rem;
    color: #141414;
    font-weight: 500;
    line-height: .86rem;
    margin-bottom: .2rem;
}

.orderBox .oAgin>i {
    display: inline-block;
    width: 1.6rem;
    height: 1.06rem;
    background-position: -8.4rem -1.52rem;
    position: relative;
}

.orderBox .oLose {
    width: 100%;
    height: 3.3rem;
    padding: .32rem 0;
    font-size: .36rem;
    border-radius: .08rem;
    text-align: center;
}

.orderBox .oLose p {
    font-size: .32rem;
    color: #141414;
    font-weight: 500;
    line-height: .86rem;
    margin-bottom: .2rem;
}

.orderBox .oLose>i {
    display: inline-block;
    width: 1.6rem;
    height: .96rem;
    background-position: -8.4rem -2.99rem;
    position: relative;
}

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

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.2rem;
    border-radius: .08rem;
    text-align: center;
}

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

.ruleBox .rClose i {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background-position: -3.98rem -.05rem;
    position: relative;
}

.ruleBox .rTitle {
    position: relative;
    width: 100%;
    height: 1.48rem;
    margin-top: -1rem;
    background-image: url(../images/gametbg2.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.ruleBox .rTitle>i {
    display: block;
    width: .71rem;
    height: .7rem;
    background-position: -8.55rem -3.54rem;
    position: absolute;
    top: -.42rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #63BF3D;
    border: .09rem solid #63BF3D;
    border-radius: 50%;
}

.ruleBox .rTitle p {
    font-size: .3rem;
    color: #fff;
    line-height: .62rem;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .8rem;
    text-align: center;
}

.ruleBox .rTitle p>i {
    display: inline-block;
    width: .24rem;
    height: .26rem;
    background-position: -3.19rem -.05rem;
    position: relative;
    top: .02rem;
    margin-right: .12rem;
}

.ruleBox .rSure {
    display: block;
    width: 3.28rem;
    height: .6rem;
    border: 0;
    background-color: #63BF3D;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .6rem;
    margin: .3rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.ruleMain {
    display: block;
    width: 4.68rem;
    height: 4.4rem;
    border: none;
    padding: 0 .26rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #4c4c4c;
    margin: .26rem auto;
    overflow: auto;
}

.ruleMain p {
    text-align: left;
}

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

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

.privacyBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.2rem;
    border-radius: .08rem;
    text-align: center;
}

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

.privacyBox .pClose i {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background-position: -3.98rem -.05rem;
    position: relative;
}

.privacyBox .pTitle {
    position: relative;
    width: 100%;
    height: 1.48rem;
    margin-top: -1rem;
    background-image: url(../images/gametbg2.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.privacyBox .pTitle>i {
    display: block;
    width: .71rem;
    height: .7rem;
    background-position: -8.55rem -3.54rem;
    position: absolute;
    top: -.42rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #63BF3D;
    border: .09rem solid #63BF3D;
    border-radius: 50%;
}

.privacyBox .pTitle p {
    font-size: .3rem;
    color: #fff;
    line-height: .62rem;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .8rem;
    text-align: center;
}

.privacyBox .pTitle p>i {
    display: inline-block;
    width: .24rem;
    height: .26rem;
    background-position: -3.19rem -.05rem;
    position: relative;
    top: .02rem;
    margin-right: .12rem;
}

.privacyBox .pSure {
    display: block;
    width: 3.28rem;
    height: .6rem;
    border: 0;
    background-color: #63BF3D;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .6rem;
    margin: .3rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.privacyMain {
    display: block;
    width: 4.68rem;
    height: 4.4rem;
    border: none;
    padding: 0 .26rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #4c4c4c;
    margin: .26rem auto;
    overflow: auto;
}

.privacyMain p {
    text-align: left;
}

.privacyMain strong {
    display: block;
    color: #454545;
    line-height: .52rem;
    font-size: .26rem;
    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: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.62);
}

.feHead {
    position: absolute;
    z-index: 5;
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.2rem;
    border-radius: .08rem;
    text-align: center;
}

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

.feBaClose i {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background-position: -3.98rem -.05rem;
    position: relative;
}

.feHead .oTitle {
    position: relative;
    width: 100%;
    height: 1.48rem;
    margin-top: -1rem;
    background-image: url(../images/gametbg2.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.feHead .oTitle>i {
    display: block;
    width: .71rem;
    height: .7rem;
    background-position: -8.55rem -3.54rem;
    position: absolute;
    top: -.42rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #63BF3D;
    border: .09rem solid #63BF3D;
    border-radius: 50%;
}

.feHead .oTitle p {
    font-size: .3rem;
    color: #fff;
    line-height: .62rem;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .8rem;
    text-align: center;
}

.feHead .oTitle p>i {
    display: inline-block;
    width: .24rem;
    height: .26rem;
    background-position: -3.19rem -.05rem;
    position: relative;
    top: .02rem;
    margin-right: .12rem;
}

.feBack {
    margin: .2rem .4rem;
}

.feBack span {
    font-size: .24rem;
    color: #4c4c4c;
    margin: .16rem 0;
    display: block;
    text-align: left;
}

.feBack .info {
    border: 1px solid #dcdcdc;
    border-radius: .1rem;
    background-color: #fafafa;
}

.feBack .info p {
    font-size: .28rem;
    color: #303030;
    line-height: .88rem;
    border-bottom: 1px solid #dcdcdc;
}

.feBack textarea {
    display: block;
    width: 4.2rem;
    height: .9rem;
    border: none;
    resize: none;
    background: #fafafa;
    padding-left: .2rem;
    padding-top: .1rem;
    font-size: .24rem;
}

.checkbox {
    position: relative;
    height: .58rem;
    line-height: .58rem;
    border-bottom: 1px solid #dcdcdc;
}

.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: .2rem;
    top: 0;
    height: .2rem;
    line-height: .2rem;
    width: 3.7rem;
    text-align: left;
    font-size: .24rem;
    color: #8f8f8f;
    padding: .19rem 0;
}

.checkbox label:after {
    content: '';
    position: absolute;
    right: -.3rem;
    top: .16rem;
    width: .2rem;
    height: .2rem;
    border-radius: .03rem;
    border: 1px solid #dcdcdc;
    text-align: center;
}

.checkbox input[type='checkbox']:checked + label:after {
    background-color: #63BF3D;
    content: "√";
    border-color: #63BF3D;
    color: #fff;
    font-size: .18rem;
}

.telBox {
    height: .62rem;
    overflow: hidden;
}

.telBox span {
    font-size: .24rem;
    color: 00121a;
}

.telBox input {
    border: none;
    padding-left: .2rem;
    height: .58rem;
    line-height: .58rem;
    width: 4.16rem;
    font-size: .24rem;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    border-radius: .08rem;
}

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

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

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

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

.feSubmit {
    width: 5.2rem;
}

.feSubmit input {
    display: block;
    width: 3.28rem;
    height: .6rem;
    border: 0;
    background-color: #63BF3D;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .6rem;
    margin: .3rem auto;
    overflow: hidden;
    white-space: nowrap;
}

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

.logBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.2rem;
    border-radius: .08rem;
    text-align: center;
}

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

.logBox .lClose i {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background-position: -3.98rem -.05rem;
    position: relative;
}

.logBox .lTitle {
    position: relative;
    width: 100%;
    height: 1.48rem;
    margin-top: -1rem;
    background-image: url(../images/gametbg3.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.logBox .lTitle>i {
    display: block;
    width: .71rem;
    height: .7rem;
    background-position: -8.55rem -3.54rem;
    position: absolute;
    top: -.42rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #63BF3D;
    border: .09rem solid #63BF3D;
    border-radius: 50%;
}

.logBox .lTitle p {
    font-size: .3rem;
    color: #fff;
    line-height: .62rem;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .8rem;
}

.logBox .lTitle p>i {
    display: inline-block;
    width: .24rem;
    height: .26rem;
    background-position: -3.55rem -.05rem;
    position: relative;
    top: .02rem;
    margin-right: .12rem;
}

.logBox .lSure {
    display: block;
    width: 3.28rem;
    height: .6rem;
    border: 0;
    background-color: #63BF3D;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .6rem;
    margin: .3rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.logMain {
    display: block;
    width: 4.68rem;
    min-height: 2rem;
    max-height: 4.4rem;
    border: none;
    padding: 0 .26rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #4c4c4c;
    margin: .26rem auto;
    overflow: auto;
}

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

.logMain p {
    margin-bottom: .12rem;
    border-bottom: none;
    display: block;
    text-indent: 2em;
    font-size: .24rem;
    line-height: .42rem;
    color: #5c5c5c;
    text-align: left;
}

.logMain p span {
    display: block;
}

.logMain p br {
    display: none;
}

.logMain {
    text-align: left;
}

.logMain p {
    text-indent: 0;
}

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

.tiSle em {
    height: .36rem;
    line-height: .36rem;
    font-size: .3rem;
    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: .25rem .25rem 0 .25rem;
    margin-bottom: 0;
    border-top: 1px solid #d2d2d2;
    display: block;
    background: #fff;
}

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

#searchbox a i {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-position: -4.9rem -.07rem;
    position: relative;
    top: .16rem;
    left: .32rem;
}

#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: .28rem;
    height: .28rem;
    background-position: -5.34rem -.06rem;
    margin: .16rem auto;
}

.seaOneTop {
    background: #fff;
}

.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 {
    font-size: 0;
    padding: 0 0 .05rem;
}

.seaOneTop ul li {
    display: inline-block;
    width: 1.3rem;
    text-align: center;
    margin: 0 .3rem .2rem;
}

.seaOneTop ul li:nth-child(4n+1) {
    margin-left: .25rem;
}

.seaOneTop ul li:nth-child(4n+4) {
    margin-right: .25rem;
}

.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 {
    display: block;
    width: 1.16rem;
    height: .48rem;
    line-height: .48rem;
    margin: .11rem auto;
    border: 1px solid #63BF3D;
    border-radius: .06rem;
    color: #63BF3D;
    background-color: #fff;
    font-size: .24rem;
    text-align: center
}

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

.seaOneList a {
    position: relative;
    display: inline-block;
    padding: 0 .25rem;
    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: .20rem;
    height: .24rem;
    background-position: -4.5rem -.05rem;
    top: 0.02rem;
    right: .05rem;
}

.seaTwoGame,.seaTwoNews,.seaTwoTop {
    background: #fff;
}

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

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

.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 span {
    position: absolute;
    top: .54rem;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    border-radius: .06rem;
    color: #fff;
    font-size: .24rem;
    text-align: center;
    background-color: #63BF3D;
}

.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: #666666;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
}

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

.seaTwoList ul li .btn {
    display: block;
    width: 1.2rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    background-color: #63BF3D;
    border-radius: .06rem;
    color: #fff;
    font-size: .24rem;
    text-align: center
}

.seaTwoList ul li .btn.no {
    display: block;
    width: 1.2rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    background-color: #63BF3D;
    border-radius: .06rem;
    color: #fff;
    font-size: .24rem;
    text-align: center
}

.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: #63BF3D;
}

.loadbox .xjBtn {
    border: 0;
    display: block;
    width: 5.8rem;
    height: .88rem;
    line-height: .88rem;
    color: #fff;
    text-align: center;
    border-radius: .1rem;
    margin: 0 auto;
    font-size: .32rem;
    background-color: #eaeaea;
    color: #a3a3a3;
}

.loadbox .xjBtn i {
    width: .32rem;
    height: .32rem;
    background-position: -6.84rem -.11rem;
    position: relative;
    top: .045rem;
    margin-right: .15rem;
}

.oTip i {
    width: .26rem;
    height: .26rem;
    background-position: -1.69rem -.3rem;
    position: absolute;
    left: -.36rem;
    top: .05rem;
}

.oTip {
    position: relative;
}

.appbox {
    position: relative;
    height: auto;
    padding-top: 1.05rem;
}

.appbox:before {
    content: "";
    display: block;
    z-index: 0;
    background: url(../images/mainbg.png) no-repeat;
    background-size: 7.5rem 3rem;
    height: 3rem;
    width: 7.5rem;
    background-color: #f8f8f8;
    position: absolute;
    top: 0;
    left: 0;
}

.appbox .appbox_t {
    position: relative;
    margin-top: 0;
    padding-bottom: .01rem;
}

.appbox_t>a {
    display: block;
    float: left;
}

/* 首页 */
.gr66 {
    height: .66rem;
    background: #63BF3D;
}

.slider2 {
    height: 3.1rem;
    padding-bottom: .2rem;
    margin-top: -2.76rem;
}

.slider2 a {
    display: block;
    width: 100%;
    height: 100%;
}

.slider2 img {
    display: block;
    width: 6.48rem;
    height: auto;/*3.1rem;*/
    border-radius: 0.25rem;
}

.slider2 .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    background: #ddd;
    border-radius: 0;
    opacity: 1;
    margin-right: 0.06rem;
    border-radius: .05rem;
}

.slider2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    width: .25rem;
}

.slider2 .swiper-container-horizontal .titbox>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -.04rem;
    left: 0;
    width: 100%;
}

.slider2 .swiper-container {
    width: 100%;
    height: 100%;
    border-radius: .1rem;
}

/* 修改的 */
.titbox {
    height: .2rem;
    display: block;
    background: rgba(0, 0, 0, 0.6);
    width: 13.5%;
    margin: 0 auto;
    margin-top: -.32rem;
    z-index: 6666;
    position: relative;
    border-radius: .1rem;
}

.slider2 .swiper-slide {
    position: relative;
    text-align: center;
    font-size: .18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 6.48rem;
    border-radius: .25rem;
    overflow: hidden;
}

.swiper_abs {
    position: absolute;
    z-index: 20;
    right: .26rem;
    top: 1rem;
    text-align: center;
}

.swiper_abs a {
    display: block;
}

.swiper_abs .btn {
    display: block;
    width: 1.52rem;
    height: .6rem;
    border-radius: .06rem;
    color: #fff;
    margin: auto;
    line-height: .6rem;
    background: linear-gradient(49deg, #63BF3D 0%, #ADEA2B 100%);
}

.indexnav {
    text-align: center;
    margin-top: .06rem;
}

.indexnav a {
    width: .92rem;
    display: inline-block;
    margin-right: 1.08rem;
}

.indexnav a:nth-last-child(1) {
    margin-right: 0;
}

.indexnav a p {
    font-size: .28rem;
    color: #333;
    line-height: .42rem;
}

.indexnav a:nth-child(1) i {
    width: .92rem;
    height: .92rem;
    display: inline-block;
    background-position: -.1rem -8.07rem;
}

.indexnav a:nth-child(2) i {
    width: .92rem;
    height: .92rem;
    display: inline-block;
    background-position: -1.2rem -8.07rem;
}

.indexnav a:nth-child(3) i {
    width: .92rem;
    height: .92rem;
    display: inline-block;
    background-position: -2.31rem -8.07rem;
}

.indexzj {
    width: 7rem;
    ;margin: 0 .25rem;
    background: url(../images/indexbg1.png) no-repeat;
    height: 2.19rem;
    position: relative;
    margin-top: .3rem;
    background-size: 7rem 2.19rem;
}

.indexzj ul {
    overflow: hidden;
    position: absolute;
    top: .23rem;
    left: .84rem;
}

.indexzj ul li {
    float: left;
    width: 1.2rem;
    margin-right: .3rem;
}

.indexzj ul li img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    border: .03rem solid #fff;
    border-radius: .26rem;
}

.indexzj ul li p {
    font-size: .28rem;
    color: #333;
    line-height: .48rem;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.hotgame {
    margin-top: .14rem;
}

.no600 p {
    font-weight: 100;
}

.hotgame ul {
    width: 7rem;
    background: #fff;
    border-radius: .14rem;
    margin: 0 .25rem;
    overflow: hidden;
    padding-bottom: .4rem;
}

.hotgame ul li {
    margin-top: .36rem;
    float: left;
}

.hotgame ul li img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    float: left;
    border-radius: .26rem;
    margin-left: .26rem;
}

.hotgame ul li .info {
    margin-left: .25rem;
    float: left;
    width: 3.75rem;
}

.hotgame ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
}

.hotgame ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    margin-top: .02rem;
}

.hotgame ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
}

.hotgame ul li span {
    float: right;
    width: 1.18rem;
    height: .58rem;
    display: inline-block;
    border: .01rem solid #63bf3d;
    font-size: .26rem;
    text-align: center;
    line-height: .58rem;
    color: #63bf3d;
    border-radius: .08rem;
    margin-right: .25rem;
    margin-top: .3rem;
    margin-left: .05rem;
}

.hotgame ul li span:active {
    background: #63bf3d;
    color: #fff;
}

.indexgame {
}

.indexgame ul {
    background: #fff;
    overflow: hidden;
    border-radius: .14rem;
    margin: 0 .25rem;
    padding: .38rem .25rem .2rem;
}

.indexgame ul li {
    float: left;
    height: 2.72rem;
    width: 1.525rem;
    text-align: center;
    margin: 0 .05rem;
    margin-bottom: .36rem;
}

.indexgame ul li img {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    border-radius: .26rem;
}

.indexgame ul li p:nth-child(2) {
    font-size: .28rem;
    color: #333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    line-height: .30rem;
}

.indexgame ul li p:nth-child(3) {
    height: 0.26rem;
    font-size: .24rem;
    color: #999;
    line-height: .26rem;
    margin-top: .1rem;
}

.indexgame ul li span {
    width: 1.18rem;
    height: .58rem;
    display: inline-block;
    border: .01rem solid #63bf3d;
    font-size: .26rem;
    text-align: center;
    line-height: .58rem;
    color: #63bf3d;
    border-radius: .08rem;
    margin-top: .18rem;
}

.indexgame ul li:active span {
    background: #63bf3d;
    color: #fff;
}

.index_game ul {
    overflow: hidden;
    margin: 0 .24rem;
}

.index_game ul li {
    width: 2.2rem;
    height: .98rem;
    float: left;
    border-radius: .1rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    position: relative;
}

.index_game ul li:nth-child(3n) {
    margin-right: 0;
}

.index_game ul li:nth-child(1) {
    background-position: -.08rem -.63rem;
}

.index_game ul li:nth-child(2) {
    background-position: -4.86rem -.63rem;
}

.index_game ul li:nth-child(3) {
    background-position: -2.45rem -3.93rem;
}

.index_game ul li:nth-child(4) {
    background-position: -2.45rem -.63rem;
}

.index_game ul li:nth-child(5) {
    background-position: -2.45rem -4.97rem;
}
.index_game ul li:nth-child(6) {
    background-position: -2.45rem -2.85rem;
}
.index_game ul li:nth-child(7) {
    background-position: -.08rem -6rem;
}
.index_game ul li:nth-child(8) {
    background-position: -.08rem -4.97rem;
}
.index_game ul li:nth-child(9) {
    background-position: -4.86rem -3.93rem;
}
.index_game ul li:nth-child(10) {
    background-position: -2.45rem -1.74rem;
}
.index_game ul li:nth-child(11) {
    background-position: -.08rem -3.93rem;
}
.index_game ul li:nth-child(12) {
    background-position: -4.86rem -1.74rem;
}
.index_game ul li:nth-child(13) {
    background-position: -7.29rem -7.01rem;
}
.index_game ul li:nth-child(14) {
    background-position: -.08rem -2.85rem;
}
.index_game ul li:nth-child(15) {
    background-position: -.08rem -1.74rem;
}

.index_game ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.index_game ul li span {
    font-size: .24rem;
    color: #fff;
    position: absolute;
    top: .28rem;
    left: .2rem;
    line-height: .24rem;
}

.index_game ul li p {
    font-size: .18rem;
    color: #fff;
    position: absolute;
    top: .6rem;
    left: .2rem;
    line-height: .18rem;
}

.index_game>a {
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .1rem;
    color: #999;
    background: #fff;
    margin: 0 .24rem;
    display: block;
}

.index_game>a i {
    width: .17rem;
    height: .14rem;
    background-position: -.74rem -.4rem;
    margin-left: 9px;
}

.indexhj {
    margin-top: .14rem;
    overflow: hidden;
}

.indexhj ul {
    margin: 0 .25rem;
    background: #fff;
    overflow: hidden;
    width: 6.5rem;
    padding: .33rem .25rem 0;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem;
}

.indexhj ul li {
    float: left;
    width: 3.15rem;
    position: relative;
    margin-right: .2rem;
    margin-bottom: .2rem;
}

.indexhj ul li:nth-child(2n) {
    margin-right: 0;
}

.indexhj ul li img {
    width: 3.15rem;
    height: 1.76rem;
    border-radius: .1rem;
}

.indexhj ul li p {
    font-size: .28rem;
    color: #333;
    line-height: .6rem;
    width: 100%;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap
}

.indexhj ul li span {
    position: absolute;
    display: block;
    height: .46rem;
    padding: 0 .16rem;
    background: #63BF3D;
    border-radius: 0 0 .3rem .3rem;
    font-size: .22rem;
    color: #fff;
    line-height: .46rem;
    top: -.06rem;
    left: .1rem;
}

.indexhj em {
    display: block;
    margin: 0 auto;
    height: .01rem;
    background: #e7e7e7;
    width: 6.5rem;
}

.ztbox {
    margin: 0 .25rem;
    background: #fff;
    overflow: hidden;
    padding: .36rem .25rem 0;
    border-bottom-left-radius: .14rem;
    border-bottom-right-radius: .14rem;
}

.ztbox a {
    width: 1.54rem;
    height: .6rem;
    float: left;
    border-radius: .3rem;
    margin-right: .10rem;
    margin-bottom: .2rem;
    text-align: center;
    line-height: .6rem;
    white-space: nowrap;
    overflow: hidden;
}

.ztbox a:nth-child(4n) {
    margin-right: 0;
}

.ztbox a {
    font-size: .24rem;
    display: block;
}

.ztbox a:nth-of-type(16n+1) {
    color: #bea901;
    background-color: #fbf9e3;
}

.ztbox a:nth-of-type(16n+2) {
    color: #f47920;
    background-color: #fff5ed;
}

.ztbox a:nth-of-type(16n+3) {
    color: #7fb80e;
    background-color: #f9ffed;
}

.ztbox a:nth-of-type(16n+4) {
    color: #6f60aa;
    background-color: #f1edff;
}

.ztbox a:nth-of-type(16n+5) {
    color: #009ad6;
    background-color: #edfaff;
}

.ztbox a:nth-of-type(16n+6) {
    color: #c77eb5;
    background-color: #ffedfb;
}

.ztbox a:nth-of-type(16n+7) {
    color: #4e72b8;
    background-color: #edf3ff;
}

.ztbox a:nth-of-type(16n+8) {
    color: #dea32c;
    background-color: #fff9ed;
}

.ztbox a:nth-of-type(16n+9) {
    color: #45b97c;
    background-color: #edfff5;
}

.ztbox a:nth-of-type(16n+10) {
    color: #7bbfea;
    background-color: #edf8ff;
}

.ztbox a:nth-of-type(16n+11) {
    color: #f1516c;
    background-color: #ffedf0;
}

.ztbox a:nth-of-type(16n+12) {
    color: #7fb86e;
    background-color: #f1ffed;
}

.ztbox a:nth-of-type(16n+13) {
    color: #9b95c9;
    background-color: #efedff;
}

.ztbox a:nth-of-type(16n+14) {
    color: #f69c9f;
    background-color: #ffedee;
}

.ztbox a:nth-of-type(16n+15) {
    color: #fcaf18;
    background-color: #fff9ed;
}

.ztbox a:nth-of-type(16n+16) {
    color: #2585a6;
    background-color: #edfbff;
}

.index_app ul {
    overflow: hidden;
    margin: 0 .24rem;
}

.index_app ul li {
    width: 2.2rem;
    height: .98rem;
    float: left;
    border-radius: .1rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    position: relative;
}

.index_app ul li:nth-child(3n) {
    margin-right: 0;
}

.index_app ul li:nth-child(1) {
    background-position: -0.08rem -0.63rem;
}
.index_app ul li:nth-child(2) {
    background-position: -4.86rem -4.97rem;
}

.index_app ul li:nth-child(3) {
    background-position: -7.29rem -6.00rem;
}

.index_app ul li:nth-child(4) {
    background-position: -0.08rem -2.85rem;
}

.index_app ul li:nth-child(5) {
    background-position: -4.86rem -6.00rem;
}

.index_app ul li:nth-child(6) {
    background-position: -7.29rem -9.02rem;
}

.index_app ul li:nth-child(7) {
    background-position: -7.29rem -8.02rem;
}
.index_app ul li:nth-child(8) {
    background-position: -7.29rem -8.02rem;
}
.index_app ul li:nth-child(9) {
    background-position: -0.08rem -0.63rem;
}
.index_app ul li:nth-child(10) {
    background-position: -4.86rem -3.93rem;
}
.index_app ul li:nth-child(11) {
        background-position: -0.08rem -4.97rem;
}
.index_app ul li:nth-child(12) {
        background-position: -4.86rem -2.85rem;
}
.index_app ul li:nth-child(13) {
        background-position: -7.29rem -4.97rem;
}
.index_app ul li:nth-child(14) {
        background-position: -7.29rem -7.01rem;
}
.index_app ul li:nth-child(15) {
        background-position: -0.08rem -6rem;
}

.index_app ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.index_app ul li span {
    font-size: .24rem;
    color: #fff;
    position: absolute;
    top: .28rem;
    left: .2rem;
    line-height: .24rem;
}

.index_app ul li p {
    font-size: .18rem;
    color: #fff;
    position: absolute;
    top: .6rem;
    left: .2rem;
    line-height: .18rem;
}

.index_app>a {
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .1rem;
    color: #999;
    background: #fff;
    margin: 0 .24rem;
    display: block;
}

.index_app>a i {
    width: .17rem;
    height: .14rem;
    background-position: -.74rem -.4rem;
    margin-left: 9px;
}

.indexrank {
    background: url(../images/phbg.png) no-repeat;
    width: 7.5rem;
    height: 15.36rem;
    background-size: 7.5rem 15.36rem;
    margin-top: .34rem;
}

.indexrank .ranknav {
    margin: 0 .25rem;
    display: flex;
    width: 100%;
    padding-top: 1.99rem;
}

.indexrank .ranknav span {
    font-size: .28rem;
    color: #666;
    background: #fff;
    display: inline-block;
    width: 2.28rem;
    height: .65rem;
    text-align: center;
    line-height: .65rem;
}

.indexrank .ranknav span {
    border-top-left-radius: .28rem;
    border-top-right-radius: .28rem;
}

.indexrank .ranknav span.current {
    width: 2.44rem;
    background: #63bf3d;
    height: .75rem;
    line-height: .75rem;
    margin-top: -.1rem;
    color: #fff;
}

.indexrank ul {
    width: 7rem;
    background: #fff;
    margin: 0 .25rem;
    overflow: hidden;
    padding-bottom: .45rem;
}

.indexrank ul li {
    margin-top: .55rem;
    float: left;
    margin-left: .25rem;
    position: relative;
}

.indexrank ul li i {
    width: .38rem;
    height: .36rem;
    display: inline-block;
    position: absolute;
    top: -.2rem;
    left: .4rem;
    background-position: -6.09rem -8.07rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px #999999;
}

.indexrank ul li i em {
    transform: scale(.8);
    display: block;
    text-shadow: .01rem .01rem #999;
}

.indexrank ul li:nth-child(1) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -3.67rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.indexrank ul li:nth-child(2) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -4.37rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.indexrank ul li:nth-child(3) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -5.09rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.indexrank ul li img {
    width: 1.16rem;
    height: 1.16rem;
    display: inline-block;
    border-radius: .24rem;
    border: .02rem solid #999;
    float: left;
}

.indexrank ul li .info {
    margin-left: .25rem;
    float: left;
    width: 3.75rem;
}

.indexrank ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
}

.indexrank ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    margin-top: .02rem;
}

.indexrank ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
}

.indexrank ul li span {
    float: right;
    width: 1.18rem;
    height: .58rem;
    display: inline-block;
    border: .01rem solid #63bf3d;
    font-size: .26rem;
    text-align: center;
    line-height: .58rem;
    color: #63bf3d;
    border-radius: .08rem;
    margin-right: .25rem;
    margin-top: .3rem;
    margin-left: .05rem;
}

.indexrank ul li span:active {
    background: #63bf3d;
    color: #fff;
}

.indexnew .newnav {
    display: flex;
    margin-top: -.2rem;
    margin-bottom: .2rem;
}

.indexnew .newnav span {
    flex: 1;
    margin-right: 0;
    text-align: center
}
.indexnew ul {
    background-color: #FFF;
    overflow: hidden;
    padding-bottom: 0.14rem;
    margin: 0 .32rem .2rem;
    border-radius: 0.1rem;
    padding-top: 0.14rem;
}

.indexnew ul li {
    float: left;
    padding: 0.1rem 0;
    margin-left: 0.25rem;
}

.indexnew ul li:nth-last-child(1) {
    border-bottom: none
}

.indexnew ul li img {
    float: left;
    width: 2.3rem;
    height: 1.5rem;
    border-radius: .2rem;
}

.indexnew ul li .info {
    float: left;
    margin-left: .2rem;
    width: 4.04rem;
}

.indexnew ul li .info p:nth-child(1) {
    font-size: .23rem;
    line-height: .4rem;
    color: #212121;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: .8rem;
    white-space: nowrap;
    overflow: hidden;
}

.indexnew ul li .info p:nth-child(2) {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: .25rem
}

.indexnew ul li .info p:nth-child(2) span {
    color: #a8a8a8;
    font-size: .24rem
}

.indexnew ul li .info p:nth-child(2) em {
    color: #008bff;
    font-size: .24rem;
    background: #f0f6ff;
    line-height: .32rem;
    padding: 0 .18rem;
    display: inline-block
}
.gdph>a {
    font-size: .26rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .1rem;
    color: #999;
    background: #f7f7f7;
    display: block;
}

.gdph>a i {
    width: .17rem;
    height: .14rem;
    background-position: -.74rem -.4rem;
    margin-left: 9px;
}

.gdph {
    background: #fff;
    padding-bottom: .52rem;
    margin: 0 .25rem;
    border-bottom-left-radius: .14rem;
    border-bottom-right-radius: .14rem;
}

.friend {
    margin-bottom: .1rem;
}

.friend .frbox {
    background: #fff;
    border-radius: .14rem;
    margin: 0 .25rem;
    padding: .25rem .15rem .25rem .25rem;
}

.friend .frbox a {
    font-size: .24rem;
    color: #666;
    line-height: .62rem;
    margin-right: .24rem;
}

.topbox {
    position: absolute;
    top: .88rem;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 6;
    padding-bottom: .3rem;
}

.gr22 {
    background: #63BF3D;
    height: .22rem;
}

.topbox .infobox_l {
    float: left;
    width: 1.58rem;
    margin-left: .25rem;
    min-height: 2.9rem;
    background: linear-gradient(180deg, #65e696 0%, #34d29c 100%);
    border-radius: .1rem;
    position: relative;
}

.topbox .infobox_l i:nth-child(1) {
    width: .93rem;
    height: .32rem;
    display: block;
    background-position: -2.31rem -9.04rem;
    position: absolute;
    left: 0;
    top: 0;
}

.topbox .infobox_l i:nth-child(2) {
    width: .73rem;
    height: .6rem;
    display: block;
    background-position: -2.31rem -9.39rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.topbox .infobox_l i:nth-child(3) {
    width: .42rem;
    height: .49rem;
    display: block;
    background-position: -3.67rem -9.04rem;
    position: absolute;
    top: 20%;
    left: .59rem;
}

.topbox .infobox_l i:nth-child(4) {
    width: .83rem;
    height: .83rem;
    display: block;
    background-position: -4.37rem -9.04rem;
    position: absolute;
    top: 34%;
    left: .39rem;
}

.topbox .infobox_l p {
    font-size: .3rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 62%;
    left: 0;
    width: 100%;
}

.topbox .infobox_r {
    float: left;
    width: 5.4rem;
    margin-left: .25rem;
}

.topbox .infobox_r a {
    display: inline-block;
    height: .56rem;
    width: 1.6rem;
    text-align: center;
    line-height: .56rem;
    border-radius: .28rem;
    font-size: .24rem;
    color: #666666;
    background: #f8f8f8;
    margin-right: .18rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
}

.topbox .infobox_r a:nth-child(3n) {
    margin-right: 0;
}

.topbox .info1 {
    width: 7.5rem;
    display: block;
    overflow: hidden;
}

.topbox .info2 .infobox_l {
    float: left;
    width: 1.58rem;
    margin-left: .25rem;
    min-height: 2.9rem;
    background: linear-gradient(180deg, #94e353 0%, #d8e76a 100%);
    border-radius: .1rem;
    position: relative;
}

.topbox .info2 .infobox_l i:nth-child(1) {
    width: .93rem;
    height: .32rem;
    display: block;
    background-position: -2.31rem -9.04rem;
    position: absolute;
    left: 0;
    top: 0;
}

.topbox .info2 .infobox_l i:nth-child(2) {
    width: .73rem;
    height: .6rem;
    display: block;
    background-position: -2.31rem -9.39rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.topbox .info2 .infobox_l i:nth-child(3) {
    width: .42rem;
    height: .49rem;
    display: block;
    background-position: -3.67rem -9.04rem;
    position: absolute;
    top: 20%;
    left: .59rem;
}

.topbox .info2 .infobox_l i:nth-child(4) {
    width: .83rem;
    height: .83rem;
    display: block;
    background-position: -5.48rem -9.04rem;
    position: absolute;
    top: 34%;
    left: .39rem;
}

.topbox .info2 .infobox_l p {
    font-size: .3rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 62%;
    left: 0;
    width: 100%;
}

.topbox .topnav {
    margin: 0 .25rem;
    text-align: center;
    margin-top: .48rem;
}

.topbox .topnav a {
    display: inline-block;
    width: .92rem;
    margin-right: .38rem;
}

.topbox .topnav a:nth-last-child(1) {
    margin-right: 0;
}

.topbox .topnav a i {
    width: .92rem;
    height: .92rem;
    display: block;
    background-position: -.1rem -9.04rem;
}

.topbox .topnav a:nth-child(2) i {
    background-position: -.1rem -8.07rem;
}

.topbox .topnav a:nth-child(3) i {
    background-position: -1.2rem -8.07rem;
}

.topbox .topnav a:nth-child(4) i {
    background-position: -2.31rem -8.07rem;
}

.topbox .topnav a:nth-child(5) i {
    background-position: -1.21rem -9.04rem;
}

.topbox .topnav a p {
    font-size: .28rem;
    color: #333;
    margin-top: .1rem;
}

.bor {
    width: 100%;
    height: .01rem;
    background: #e6e6e6;
    margin: .32rem .25rem;
}

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

/* rank */
.ranktop {
    width: 100%;
    display: block;
    background: url(../images/bg.png) no-repeat;
    background-size: 7.5rem 5.57rem;
}

.ranktop .info {
    background: #fff;
    border-radius: .14rem;
    margin: 0 .25rem;
    overflow: hidden;
    padding: .34rem .25rem .18rem;
}

.ranktop .info a {
    width: 3.16rem;
    height: .64rem;
    display: inline-block;
    float: left;
    border-radius: .1rem;
    background: #eeeeee;
    font-size: .26rem;
    color: #424242;
    text-align: center;
    line-height: .64rem;
    margin-right: .18rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
}

.ranktop .info a:nth-child(2n) {
    margin-right: 0;
}

.ranktop .info a:active {
    color: #fff;
    background: #63bf3d;
    cursor: pointer;
}

.apprank .ranknav {
    margin: 0 .25rem;
    text-align: center;
}

.apprank .ranknav span {
    width: 3.5rem;
    display: inline-block;
    height: .72rem;
    line-height: .72rem;
    background: #fff;
    border-top-left-radius: .24rem;
    border-top-right-radius: .24rem;
    color: #666;
    font-size: .28rem;
    text-align: center;
}

.apprank .ranknav span.current,.apprank .ranknav span:active {
    font-weight: 600;
    color: #fff;
    background: #63bf3d;
}

.apprank ul {
    width: 7rem;
    background: #fff;
    margin: 0 .25rem;
    overflow: hidden;
    padding-bottom: .68rem;
}

.apprank ul li {
    margin-top: .55rem;
    float: left;
    margin-left: .25rem;
    position: relative;
}

.apprank ul li i {
    width: .38rem;
    height: .36rem;
    display: inline-block;
    position: absolute;
    top: -.2rem;
    left: .4rem;
    background-position: -6.09rem -8.07rem;
    text-align: center;
    color: #fff;
}

.apprank ul li i em {
    transform: scale(.8);
    display: block;
    text-shadow: .01rem .01rem #999;
}

.apprank ul li:nth-child(1) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -3.67rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.apprank ul li:nth-child(2) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -4.37rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.apprank ul li:nth-child(3) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -5.09rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.apprank ul li img {
    width: 1.16rem;
    height: 1.16rem;
    display: inline-block;
    border-radius: .24rem;
    border: .02rem solid #999;
    float: left;
}

.apprank ul li .info {
    margin-left: .25rem;
    float: left;
    width: 3.75rem;
}

.apprank ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
}

.apprank ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    margin-top: .02rem;
}

.apprank ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
}

.apprank ul li span {
    float: right;
    width: 1.18rem;
    height: .58rem;
    display: inline-block;
    border: .01rem solid #63bf3d;
    font-size: .26rem;
    text-align: center;
    line-height: .58rem;
    color: #63bf3d;
    border-radius: .08rem;
    margin-right: .25rem;
    margin-top: .3rem;
    margin-left: .05rem;
}

.apprank ul li span:active {
    background: #63bf3d;
    color: #fff;
}

.rankbox {
    background: #fff;
    padding: .26rem .25rem .08rem;
    overflow: hidden;
}

.rankbox a {
    width: 3.28rem;
    height: .64rem;
    display: inline-block;
    float: left;
    border-radius: .1rem;
    background: #eeeeee;
    font-size: .26rem;
    color: #424242;
    text-align: center;
    line-height: .64rem;
    margin-right: .38rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
}

.rankbox a:nth-child(2n) {
    margin-right: 0;
}

.rankbox a:active，.rankbox a.current {
    color: #fff;
    background: #63bf3d;
    cursor: pointer;
}

.ranlist {
    margin: .2rem .24rem;
    padding-bottom: .01rem;
}

.ranlist .ranknav {
    margin: 0 .25rem;
    text-align: center;
    height: .72rem;
}

.ranlist .ranknav span {
    width: 3.5rem;
    display: inline-block;
    height: .72rem;
    line-height: .72rem;
    background: #fff;
    border-top-left-radius: .24rem;
    border-top-right-radius: .24rem;
    color: #666;
    font-size: .28rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.ranlist .ranknav span.current,.ranlist .ranknav span:active {
    font-weight: 600;
    color: #fff;
    background: #63bf3d;
}

.ranlist .apptop {
    width: 100%;
    height: .9rem;
    display: flex;
}

.ranlist .apptop a {
    width: 2.44rem;
    height: .9rem;
    background: #F4F1F4;
    text-align: center;
    line-height: .9rem;
    color: #666;
    font-size: .28rem;
    display: inline-block;
    position: relative;
}

.ranlist .apptop a em {
    position: absolute;
    font-size: .2rem;
    color: #ccc;
    bottom: .22rem;
    left: 29%;
    line-height: .2rem;
    display: block;
    width: 1rem;
    text-align: center;
    display: none;
}

.ranlist .apptop a:nth-child(1).current {
    height: 1.08rem;
    width: 2.24rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.ranlist .apptop a:nth-child(1).current::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 0.1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.ranlist .apptop a:nth-child(2).current {
    height: 1.08rem;
    width: 2.14rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.ranlist .apptop a:nth-child(2).current::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: 0.1rem 0 0 0;
    transform: rotate(6deg);
}

.ranlist .apptop a:nth-child(2).current::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 0.1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.ranlist .apptop a:nth-child(3).current {
    height: 1.08rem;
    width: 2.24rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.ranlist .apptop a:nth-child(3).current::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: 0.1rem 0 0 0;
    transform: rotate(6deg);
}

.ranlist .apptop a.current em {
    display: block;
}

.ranlist ul {
    width: 7rem;
    background: #fff;
    overflow: hidden;
    padding-bottom: .68rem;
}

.ranlist ul li {
    margin-top: .55rem;
    float: left;
    margin-left: .25rem;
    position: relative;
}

.ranlist ul li i {
    width: .38rem;
    height: .36rem;
    display: inline-block;
    position: absolute;
    top: -.2rem;
    left: .4rem;
    background-position: -6.09rem -8.07rem;
    text-align: center;
    color: #fff;
}

.ranlist ul li i em {
    transform: scale(.8);
    display: block;
    text-shadow: .01rem .01rem #999;
}

.ranlist ul li:nth-child(1) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -3.67rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.ranlist ul li:nth-child(2) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -4.37rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.ranlist ul li:nth-child(3) i {
    width: .49rem;
    height: .56rem;
    display: inline-block;
    background-position: -5.09rem -8.07rem;
    top: -.35rem;
    left: .38rem;
}

.ranlist ul li img {
    width: 1.16rem;
    height: 1.16rem;
    display: inline-block;
    border-radius: .24rem;
    border: .02rem solid #999;
    float: left;
}

.ranlist ul li .info {
    margin-left: .25rem;
    float: left;
    width: 3.75rem;
}

.ranlist ul li .info p:nth-child(1) {
    font-size: .28rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
}

.ranlist ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #999;
    margin-top: .02rem;
}

.ranlist ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
}

.ranlist ul li span {
    float: right;
    width: 1.18rem;
    height: .58rem;
    display: inline-block;
    border: .01rem solid #63bf3d;
    font-size: .26rem;
    text-align: center;
    line-height: .58rem;
    color: #63bf3d;
    border-radius: .08rem;
    margin-right: .25rem;
    margin-top: .3rem;
    margin-left: .05rem;
}

.ranlist ul li span:active {
    background: #63bf3d;
    color: #fff;
}

.ztdetail .zthead ul {
    width: 96%;
}

.djbox .loadtop ul {
    width: 100%;
    overflow: hidden;
    margin: .26rem auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.djbox .loadtop ul li {
    margin-left: .13rem;
    margin-right: .13rem;
    margin-bottom: .08rem;
}

.tips {
    position: relative;
}

.tips>i {
    top: .04rem;
    left: .86rem
}

header img {
    width: 1.86rem;
    height: auto;
    margin-top: .2rem;
}

.searchbox {
    width: 3.98rem;
}

.appxg ul li {
    position: relative;
}

.appxg ul li a {
    display: block;
    overflow: hidden;
}

.appxg ul li .btn {
    position: absolute;
    right: 0;
    top: .3rem;
    width: 1.2rem;
    height: .6rem;
    color: #fff;
    background: #63BF3D;
    border-radius: .06rem;
    display: inline-block;
    line-height: .6rem;
    text-align: center;
}

.ztmain ul li {
    position: relative;
}

.ztmain ul li a {
    display: block;
    overflow: hidden;
}

.ztmain ul li .btn {
    position: absolute;
    right: 0;
    top: .3rem;
    width: 1.2rem;
    height: .6rem;
    color: #fff;
    background: #63BF3D;
    border-radius: .06rem;
    display: inline-block;
    line-height: .6rem;
    text-align: center;
}

.fixedBtn {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0,0,0,.2);
    width: 7.1rem;
    padding: .26rem .2rem;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    overflow: hidden;
}

.fixedBtn a,.fixedBtn button {
    display: block;
    width: 6.8rem;
    height: .88rem;
    line-height: .88rem;
    color: #fff;
    text-align: center;
    border-radius: .1rem;
    margin: 0 auto;
    font-size: .32rem;
}

.fixedBtn a.and {
    background: #18BA68;
    margin-top: 5px;
}

.fixedBtn a.ios {
    background: #fe7037;
}

.fixedBtn a i {
    width: .3rem;
    height: .3rem;
    background-position: -1.31rem -.13rem;
    vertical-align: middle;
    margin-right: .1rem;
}

.fixedBtn .xjBtn {
    border: 0;
    display: block;
    width: 5.8rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    border-radius: .1rem;
    margin: 0 auto;
    font-size: .32rem;
    background-color: #eaeaea;
    color: #a3a3a3;
}

.fixedBtn .xjBtn i {
    width: .32rem;
    height: .32rem;
    background-position: -6.84rem -.11rem;
    position: relative;
    top: .045rem;
    margin-right: .15rem;
}

.djload .djnav span:nth-child(1).current::after {
    z-index: 1;
}

.linkBtn {
    margin: auto;
}

.fixedBtn .oTip {
    margin-top: .1rem;
}

nav ul {
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

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

nav ul li {
    display: inline-block;
    width: 20%;
    float: none;
}

.djTags {
    margin: .2rem .24rem;
    background: #fff;
    padding-bottom: .01rem;
}

.djTags .tagsTop {
    width: 100%;
    height: .9rem;
    display: flex;
}

.djTags .tagsTop a {
    width: 3.51rem;
    height: .9rem;
    background: #F4F1F4;
    text-align: center;
    line-height: .9rem;
    color: #666;
    font-size: .28rem;
    display: inline-block;
    position: relative;
}

.djTags .tagsTop a em {
    position: absolute;
    font-size: .2rem;
    color: #ccc;
    bottom: .22rem;
    left: 36%;
    line-height: .2rem;
    display: block;
    width: 1rem;
    text-align: center;
    display: none;
}

.djTags .tagsTop a:nth-of-type(1).current {
    height: 1.08rem;
    width: 3.51rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.djTags .tagsTop a:nth-of-type(1).current::after {
    position: absolute;
    content: "";
    width: .18rem;
    height: 1.15rem;
    right: -0.08rem;
    background: #fff;
    border-radius: 0 .1rem 0 0;
    transform: rotate(-6deg);
    z-index: 2;
}

.djTags .tagsTop a:nth-of-type(2).current {
    height: 1.08rem;
    width: 3.51rem;
    background: #fff;
    color: #63BF3D;
    font-size: .3rem;
    margin-top: -.2rem;
    font-weight: 600;
}

.djTags .tagsTop a:nth-of-type(2).current::before {
    position: absolute;
    content: "";
    width: .18rem;
    height: 1.1rem;
    left: -0.08rem;
    background: #fff;
    border-radius: .1rem 0 0 0;
    transform: rotate(6deg);
}

.djTags .tagsTop a.current em {
    display: block;
}

.djTags ul {
    display: flex;
    flex-wrap: wrap;
    padding: .3rem .26rem .1rem;
    width: 110%;
}

.djTags ul li {
    width: 2.03rem;
    height: 2.98rem;
    background: #F0FBEB;
    border-radius: .1rem;
    text-align: center;
    margin: 0 .2rem .2rem 0;
}

.djTags ul li a {
    display: block;
}

.djTags ul li img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    margin: .3rem auto .08rem;
}

.djTags ul li p {
    margin: 0 0.04rem;
    font-size: .28rem;
    color: #333;
    line-height: .42rem;
    white-space: nowrap;
    overflow: hidden;
}

.djTags ul li .btn {
    width: 1.52rem;
    height: .6rem;
    background: #FFFFFF;
    border: 1px solid #63BF3D;
    border-radius: .06rem;
    text-align: center;
    margin: .12rem auto 0;
    font-size: .26rem;
    color: #63BF3D;
    line-height: .6rem;
}

.djTags ul li:active .btn {
    background-color: #63BF3D;
    color: #fff;
}

.loadbox a span {
    font-size: .2rem;
}

.fixedBtn .downbtn a span {
    font-size: .2rem;
}

.appbox .appbox_t {
    padding-bottom: .16rem;
}

.appbox .appbox_t>p {
    margin-bottom: .08rem;
    padding-top: .18rem;
}

.appbox .time {
    text-align: right;
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: .36rem;
    padding-right: .26rem;
}

.rzCont {
    padding: .1rem .18rem;
    background: rgba(244, 244, 244, 1);
}

.xz_gs {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .56rem;
}

.xz_gs i {
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
}

.xz_gs .aiBtn {
    flex: 1;
    width: auto;
    min-width: 3rem;
    max-width: 6.27rem;
    background-color: #fff;
    color: #63BF3D;
    height: .84rem;
    line-height: .84rem;
    border: 1px solid #63BF3D;
}

.xz_gs .aiBtn i {
    width: .46rem;
    height: .35rem;
    background-position: -7.3rem -.11rem;
    top: .07rem;
}

.xz_gs .gsBtn {
    width: 3.06rem;
    margin-left: .18rem;
    background: linear-gradient(to bottom,#63BF3D,#53BF3D)
}

.xz_gs .gsBtn i {
    width: .44rem;
    height: .44rem;
    background-position: -7.83rem -.11rem;
    top: .12rem;
}

.rOpen {
    display: block;
    width: 6.53rem;
    height: .33rem;
    line-height: .33rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    background: url(../images/ropen.png) no-repeat;
    margin: auto;
    background-size: 100% 100%;
}

.rOpen:after {
    content: "";
    position: relative;
    top: 0;
    display: inline-block;
    width: .22rem;
    height: .14rem;
    margin-left: .04rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -9.71rem -4.67rem;
}

.rOpen.rPut:after {
    top: .01rem;
    background-position: -9.71rem -4.51rem;
}

.rankTop ul {
    overflow: hidden;
}

.djEditon {
    background: #fff;
    border-radius: .1rem;
    margin: 0 .24rem;
}

.djEditon ul {
    padding: 0 .26rem .2rem;
}

.djEditon ul li {
    position: relative;
    margin-bottom: .15rem;
}

.djEditon li a:nth-of-type(1) {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: .2rem .19rem;
    border: 1px solid #ebebeb;
    background-color: #fafafa;
}

.djEditon li a:nth-of-type(1) img {
    display: block;
    width: .88rem;
    height: .88rem;
    border-radius: .16rem;
}

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

.djEditon li .info p {
    display: block;
    width: auto;
    font-size: .24rem;
    color: #8f8f8f;
    line-height: .36rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.djEditon li .info p:first-of-type {
    max-width: 4rem;
    font-size: .3rem;
    color: #424242;
    line-height: .46rem;
    margin-bottom: .04rem;
}

.djEditon li .info p:nth-of-type(2) {
    color: #ababab;
}

.djEditon li .info p span {
    margin-right: .28rem;
    color: #8f8f8f;
}

.djEditon li .btn {
    position: absolute;
    right: 0;
    top: .35rem;
    width: 1.2rem;
    height: .6rem;
    color: #fff;
    background: #63BF3D;
    border-radius: .06rem;
    display: inline-block;
    line-height: .6rem;
    text-align: center;
}