*                                  { margin:0; padding:0; list-style:none;}
body                               { background:#FFF; font-family:"微软雅黑"; background: #171717; background: #12110f url("../img/7.webp") center 0 repeat-y fixed; -webkit-background-size: cover; background-size: cover; background-size: cover; background-attachment:fixed; background-size: 100vw 100vh;}
h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6             { font-size:100%;}
i, address, cite, dfn, em, var     { font-style:normal;}
code, kbd, pre, samp               { font-family:courier new, courier, monospace;}
small                              { font-size:12px;}
ul, li, ol                         { list-style:none;}
a                                  { text-decoration:none; color:#333; outline:none; cursor:pointer; bblr:expression(this.onFocus=this.blur());}
a:hover                            { text-decoration:none;}
legend                             { color:#000;}
fieldset, img                      { border:0; display: block; width: 100%;}
button, input, select, textarea    { font-size:100%; box-sizing:border-box; font-family:"微软雅黑";}
table                              { border-collapse:collapse; border-spacing:0;}
.clear                             { clear:both;}
input,select                       { -webkit-appearance:none; outline:none}
.puc-box                           { box-sizing: border-box; border: 1px solid rgba(250,250,250,0.3); background: rgba(51,51,51,0.5); box-shadow: 0 1px 20px rgba(000,000,000,0.75) inset;}




/* 公用 */
header                             { position: fixed; top: 0; left: 0; padding: 5vw 4vw 4vw 4vw; width: 92vw; height: 13vw; background: linear-gradient(to bottom, rgba(51,51,51,0.8), rgba(51,51,51,0.0)); z-index: 99;}
header.play                        { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6);}
header .logo                       { float: left; margin: 0vw .5vw 0vw 0vw; width: 13vw; height: 13vw;}
header .text                       { float: left; margin-left: 2vw; color: #fff;}
header .text h2                    { margin-top: 2vw; font-size: 4vw; line-height: 4vw;}
header .text p                     { margin: 1.5vw 0; font-size: 3.2vw; line-height: 3.2vw;}
header .btn                        { float: right; width: 10vw; height: 10vw; margin: 1.5vw 0; color: #fff; border-radius:1vw; text-align: center; line-height: 10vw; font-size: 4vw;}
header .btn img                    { margin: 2vw; width: 6vw; height: 6vw;}


.titlebj                           { margin: 3vw auto 0 auto; width: 90vw;}
.titlebj img                       { width: 100%; height: 100%;}
.puc-box                           { box-sizing: border-box; border: 1px solid rgba(250,250,250,0.3); background: rgba(51,51,51,0.5); box-shadow: 0 1px 20px rgba(000,000,000,0.75) inset;}
.banner0                           { position: relative; width: 100vw;}
.banner0.top                       { margin-top: 20vw;}
.bnntext                           { position: absolute; top: 22vw; left: 50%; margin-left: -35vw; width: 70vw;}
.banner_login .bnntext             { position: absolute; top: 8vw; left: 53vw; right: 50vw; width: 40vw; margin-left: 0;}

.banner-box                        { margin: 0 auto 0 auto; width: 90vw; overflow: hidden;}
.swiper-container.banner           { width: 90vw; z-index: 8;}
.swiper-container.banner img       { width: 100%; height: 100%;}
.img-box img.imgtit                            { width: 70vw; margin: 10vw auto;}


.banner1                           { position: relative; width: 90vw; padding: 1vw 5vw 5vw 5vw;}
.banner1 .bot                      { position: absolute; bottom: 0; left: 0; width: 100vw; height: 3vw; background: #333; inset; border-radius:99vw 99vw 0 0;}


.title2                            { position: relative; padding-left: 6vw; width: 94vw; height: 12vw; line-height: 12vw; font-size: 4.3vw; font-weight: bold; background: #fff;}
.title2::after                     { content: ''; display: block; position: absolute; top: 3.5vw; left: 3vw; width: 1vw; height: 5vw; background: linear-gradient(#ff3d03, #f30c0c); border-radius: 2vw;}

.img-box                           { width: 90vw; margin: 0 auto 0 auto;}
.img-box img                       { display: block; margin-bottom: 5vw; width: 100%; height: 100%;}

/*pay*/
.paybox                            { padding: 5vw 5vw 1vw 5vw; width: 90vw; background: #fff; height: auto; overflow: auto; box-shadow: 0 0 5px #ccc;}
.paybox .con                       { float: left; width: 26vw; margin: 2vw; border-radius:1vw; text-align: center;}
.paybox .con img                   { margin: 5vw auto 3vw auto; width: 20vw;}
.paybox .con .tit                  { width: 20vw; height: 8vw; line-height: 8vw; font-size: 3vw; background: #999; border-radius:0 99vw 99vw 0; color: #fff;}
.paybox .con .tit                  { box-sizing: border-box; border: 1px solid rgba(250, 250, 250, 0.3); background: #999;}
.paybox .con p                     { font-size: 4vw; line-height: 12vw; color: #999;}
.paybox .con                       { opacity: .6;}
.paybox .con.on                    { opacity: 1; background: linear-gradient(to bottom, rgb(30 30 30 / 50%), rgb(255 255 255 / 50%)); box-shadow: 0 0 5px #ccc;}
.paybox .con.on .tit               { box-sizing: border-box; border: 1px solid rgba(250, 250, 250, 0.3); background: #b43e0b; box-shadow: 0 1px 20px rgb(255 0 0 / 75%) inset;}
.paybox .con.on p                  { color: #ff601b;}



.paystyle                          { position: relative; padding: 0 5vw; width: 90vw; height: 16vw; line-height: 16vw; font-size: 3.5vw; background: #f7f7f7;}
.paystyle a                        { display: block; float: right; width: 25vw; margin: 3vw 0; height: 10vw; line-height: 10vw; box-sizing: border-box; border: 1px solid rgba(250, 250, 250, 0.3); background: #b43e0b; box-shadow: 0 1px 20px rgb(255 0 0 / 75%) inset; color: #fff; text-align: center; border-radius: 1.5vw;}
.paystyle .img                     { position: absolute; top: 4.5vw; left: 23vw; width: 20vw;}




/* .swiper-slide img                  { transform: scale(.96,.96);} */
.npc                               { margin: 0 auto; width: 96vw;}
.npc img                           { float: left; margin: 1vw; width: 46vw;}
.dwbox                             { margin: 10vw auto; width: 80vw; height: 12vw;}
.dwbox .btn                        { position: relative; float: left; margin: 0 2.5vw; width: 35vw; height: 12vw; border-radius:1vw;}
.dwbox .btn img                    { float: left; margin: 3vw 3vw 3vw 5vw; width: 6vw;}
.dwbox .btn p                      { display: block; float: left; font-size: 3.5vw; color: #fff; line-height: 12vw;}
/* .dwbox .btn                        { box-sizing: border-box; border: 1px solid rgba(250,250,250,0.3); background: rgba(51,51,51,0.5); box-shadow: 0 1px 20px rgba(000,000,000,0.75) inset; } */
.dwbox .btn.android {
    background: #eb7350;
    box-sizing: border-box;
    border: 1px solid rgba(250, 250, 250, 0.3);
    background: #eb7350;
    box-shadow: 0 1px 20px rgb(192 27 27 / 75%) inset;
}
.dwbox .btn.ios {
    background: #00AEEC;
    box-sizing: border-box;
    border: 1px solid rgba(250, 250, 250, 0.3);
    background: #00AEEC;
    box-shadow: 0 1px 20px rgb(3 0 255 / 75%) inset;
}
.dwbox .btn .btnbj                 { position: absolute; top: 0; left: 0; width: 35vw; height: 12vw; margin: 0;}

/* 充值信息 */
.paytext                           { padding: 2vw 5vw; width: 90vw; background: #fff; font-size: 3.5vw; color: #333;}
.paytext .hang                     { width: 90vw; height: 9vw; line-height: 9vw;}
.paytext .hang > div               { float: left;}
.paytext .hang span                { float: left; margin-right: 3vw;}
.paytext .hang b                   { float: left;}
.paytext .hang input               { float: left;}
.paytext .hang select              { float: left;}
input , select { align-items: center; border: none; color: #333; display: flex; height: 9vw; justify-content: center; background: #fff;}

.header                            { position: relative; width: 100vw; height: 12vw; line-height: 12vw; text-align: center; color: #fff; font-size: 3.5vw;}
.header img                        { display: block; position: absolute; top: 0; left: 0; padding: 4vw; width: 4vw; height: 4vw;}

.login form button                 { margin-top: 1.5vw;}
.login form button {
    background: #eb7350;
    box-sizing: border-box;
    border: 1px solid rgba(250, 250, 250, 0.3);
    background: #eb7350;
    box-shadow: 0 1px 20px rgb(192 27 27 / 75%) inset;
}
.login > a                         { display: block; width: 100vw; height: 10vw; line-height: 10vw; text-align: center; color: #fff; font-size: 3.5vw;}
.login > a span                    { color: #ff6767;}
.login .bottom                     { margin: 0 auto; width: 89vw; height: 10vw; line-height: 10vw; text-align: center; color: #333; font-size: 3.5vw;}
.login .bottom a                   { display: block; float: left; color: #fff;}
.login .bottom a:nth-of-type(2)    { float: right; color: #09c774;}

/* 公用 */
.public-ps                         { padding: 3vw 4vw; font-size: 3.5vw; line-height: 150%; color: #666;}
.public-ps i                       { color: #ec1010;}
.public-text                       { padding-bottom: 1vw; padding: 3vw 4vw; overflow: auto; background: #fff;}
.public-text h4                    { padding-bottom: 1.5vw; color: #666; font-size: 4vw;}
.public-text p                     { color: #999; font-size: 3.5vw; line-height: 160%;}
.public-btn                        { margin: 0 auto; display: block; width: 90vw; height: 12vw; line-height: 12vw; background: #ff6767; border: 0; text-align: center; font-size: 4vw; color: #fff; border-radius: 1vw;}
.public-btn.copy                   { box-sizing: border-box; border: 2px solid #ccc; background: #eee; color: #666;}
.public-btn.rule                   { position: fixed; bottom: 16.5vw; left: 1.5vw; background: #fff; color: #999; font-size: 3.5vw;}
.public-btn.fixed                  { position: fixed; left: 1.5vw; bottom: 16.5vw;}

.public-title                      { margin: 3.5vw auto; width: 80vw; height: 8vw; line-height: 8vw; color: #fff; text-align: center; font-size: 3.7vw; background: url(../img/public-title.svg); background-size: 100% 100%;}
.public-form                       {}
.public-form p                     { overflow: auto; position: relative; display: block; width: 100vw; line-height: 12.5vw; background: #fff;}
.public-form p::after              { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 94vw; height: 1px; background: #e7e7e7;}
.public-form p:last-of-type::after { display: none;}
.public-form p span                { float: left; width: 20vw; padding-left: 7vw; font-size: 4vw; color: #333;}
.public-form p input               { float: left; width: 70vw; height: 12.5vw; line-height: 12.5vw; border: 0; font-size: 3.5vw; color: #999;}
.public-form p textarea            { float: left; padding-top: 3vw; width: 70vw; height: 25vw; line-height: 6vw; font-size: 3.5vw; font-family:"微软雅黑"; border: 0; color: #999;}
.public-form p strong              { font-weight: 200; color: #f00; font-size: 3.5vw;}
.public-form2 p                    { overflow: auto; position: relative; display: block; margin: 0 auto; width: 90vw; height: 12.5vw; line-height: 12.5vw; background: #fff;}
.public-form2 p::after             { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 94vw; height: 1px; background: #e7e7e7;}
.public-form2 p:last-of-type::after{ display: none;}
.public-form2 p img                  { float: left; margin: 3.5vw 2vw 3.5vw 4vw; width: 5.5vw; text-align: center; color: #666;}
.public-form2 p input              { float: left; width: 70vw; height: 12.5vw; line-height: 12.5vw; border: 0; font-size: 3.5vw; color: #999;}
.public-form2 p span               { z-index: 9; position: absolute; top: 50%; right: 2vw; margin-top: -4vw; padding: 0 3vw; display: block; height: 8vw; line-height: 8vw; border-radius: 1vw; color: #fff; background: #333; font-size: 3vw;}

.menubox                           { display: none; position: fixed; right: 0; top: 22vw; width: 100vw; height: 100vh; padding: 3vw 0; background: rgba(0,0,0,0.5); z-index: 9;}
.menubox a                         { display: block; margin: 0 auto; width: 20vw; height: 15vw; line-height: 15vw; text-align: center; font-size: 4vw; color: #fff; border-bottom: 1px dashed #fff;}
.menubox a.sq                      { border-bottom: 0; height: 19vw; line-height: 19vw; opacity: .5;}

.juese                             { margin: 1.3vw auto 0 auto; width: 100vw;}
.juese img                         { margin: 0 5vw; width: 90vw;}

.payTextbox                        { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; display: none; z-index: 999;}
.payTextbox.on                     { display: block;}
.payTextbox .header                { color: #333;}
.payTextbox .paytext .hang         { height: 12vw; line-height: 12vw; border-bottom: 1px dotted #ccc;}
.payTextbox .paystyle              { position: fixed; bottom: 0; left: 0; height: 19vw; background: #fff; display: none;}
.payTextbox .paystyle a            { width: 42.5vw;}
.payTextbox .paytext .hang span    { margin-left: 1.5vw;}
.payTextbox .paytext, .payTextbox .paystyle    { background: none; color: #333;}
a.hideBtn                           { color: #333; background: #b43e0b;box-shadow: 0 1px 20px rgba(51,51,51,0.5) inset;}

footer                             { padding: 10vw 0; width: 100vw; text-align: center; background: rgba(0,0,0,0.3);}
footer b                           { font-size: 3.5vw;}
footer p                           { font-size: 3vw; color: #fff; line-height: 200%}
footer p a                         { color: #fff; opacity: .7;}