*                                  { margin:0; padding:0; list-style:none;}
body                               { background:#FFF; font-family:"微软雅黑"; background: #000; 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                             { padding: 4vw; width: 92vw; height: 13vw; background-color: rgba(0, 0, 0, 0.5); z-index: 9;}
header.play                        { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); transition: .5s;}
header .logo                       { float: left; margin-left: 0vw; margin-right: 1vw; width: 23vw;}
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; background: rgb(193 134 46); border: 1px solid rgba(250,250,250,0); color: #fff; border-radius:1vw; text-align: center; line-height: 10vw; font-size: 4vw;}
header .btn img                    { width: 6vw; height: 6vw; margin: 2vw; opacity: .6;}
.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;}
.menubox                           { display: none; position: fixed; right: 0; top: 20vw; 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;}

/* menu */
.menu                              { width: 88vw; height: 10vw; margin: 2vw auto 3vw auto;}
.menu .tab                         { width: 22vw; float: left; text-align: center; opacity: .3;}
.menu .tab.on                      { opacity: 1;}
.menu .tab h4                      { font-size: 4vw; color: #f6ba7c;}
.menu .tab p                       { font-size: 3vw; color: #fff; opacity: .6;}
.zybox                             { display: none; margin-bottom: 6vw;}
.zybox.on                          { display: block;}
.zybox img                         { }
.img-box .zybox:nth-of-type(1) img { margin: 10vw auto 0 auto; width: 80vw;}
.img-box .zybox:nth-of-type(2) img { margin: 10vw auto 0 auto; width: 80vw;}
.img-box .zybox:nth-of-type(3) img { margin: 8vw 20vw 0 20vw; width: 60vw;}
.img-box .zybox:nth-of-type(4) img { margin: 8vw 20vw 0 20vw; width: 60vw;}
.img-box p                         { margin: 0 auto; width: 80vw; font-size: 3.5vw; line-height: 4.5vw; color: #f6ba7c; text-indent: 2em; opacity: .8;}

.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                           { margin-bottom: 1vw; width: 100vw;}
.banner0.top                       { margin-top: 20vw;}
.banner1                           { position: relative; width: 100vw;}
.banner1 .bot                      { position: absolute; bottom: 0; left: 0; width: 100vw; height: 3vw; background: #fff; inset; border-radius:99vw 99vw 0 0;}
.paybox                            { padding: 2vw 5vw 5vw 5vw; width: 90vw; background: #fff; height: auto; overflow: auto; box-shadow: 0 0 5px #ccc;}
.paybox .con                       { float: left; width: 26vw; margin: 2vw; box-shadow: 0 0 5px #ccc; border-radius:1vw; text-align: center; background: linear-gradient(to bottom, rgb(255 228 168 / 50%), rgb(255 255 255 / 50%)); cursor: pointer;}

.title2                            { position: relative; padding-left: 6vw; width: 94vw; height: 12vw; line-height: 12vw; font-size: 4.3vw; font-weight: bold; background: #000; color: #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;}


/*pay*/
.paybox                            { padding: 1.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(255 228 168 / 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: rgb(249 155 73 / 81%); box-shadow: 0 1px 20px rgb(255 0 0 / 75%) inset;}
.paybox .con.on p                  { color: #f9783a;}

.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; background: #d13e3e; color: #fff; text-align: center; border-radius: 1.5vw;}
.paystyle .img                     { position: absolute; top: 4.5vw; left: 23vw; width: 20vw;}
.title                             { width: 100vw; padding: 6vw 0;}
.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                        { 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 a                      { 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: rgb(171 219 77 / 80%);}
.dwbox .btn.ios                    { background: rgb(227 146 76 / 80%);}




/* 充值信息 */
.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; background: #fff; text-align: center; color: #333; font-size: 3.5vw;}
.header img                        { display: block; position: absolute; top: 0; left: 0; padding: 4vw; width: 4vw; height: 4vw; opacity: .5;}

.login form button                 { margin-top: 1.5vw;}
.login > a                         { display: block; width: 100vw; height: 10vw; line-height: 10vw; text-align: center; color: #333; font-size: 3.5vw;}
.login > a span                    { color: red;}
.login .bottom                     { margin: 0 auto; width: 93vw; height: 10vw; line-height: 10vw; text-align: center; color: #333; font-size: 3.5vw;}
.login .bottom a                   { display: block; float: left; color: #333;}
.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: 97vw; height: 12vw; line-height: 12vw; background: #d13e3e; 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; width: 100vw; 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;}

.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                           { display: block; color: #fff; background: #ccc;}

footer                             { padding: 10vw; width: 80vw; background: #212121; text-align: center;}
footer p                           { font-size: 3vw; color: #8b919d; line-height: 200%}
footer p a                         { color: #ccc; opacity: .7;}