*                                  { margin:0; padding:0; list-style:none;}

body                               { background:#FFF; font-family:"微软雅黑"; 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: 4vw; width: 94vw; height: 13vw; background-color: rgba(0, 0, 0, 0.5); z-index: 9;}

header .logo                       { float: left; margin-left: 1vw; 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 0 0; font-size: 3.2vw; line-height: 3.2vw;}

header .btn                        { float: right; width: 28vw; height: 10vw; margin: 1.5vw; background: rgba(222,28,28,0.8); border: 1px solid rgba(250,250,250,0); color: #fff; border-radius:1vw; text-align: center; line-height: 10vw; font-size: 4vw;}
.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; height: 121vw;}
.banner0 .dw                       { position: absolute; bottom: 7vw; left: 50%; margin-left: -25vw; width: 50vw;}
.banner1                           { position: relative; width: 100vw; border-top: 1.5vw solid #e2c8a8;}
.bannert                           { position: absolute; bottom: -5vw; left: 0; width: 100vw;}


.main1                              { padding-top: 5vw; width: 100vw; height: 79vw; background: url(../img/bj.jpg);background-repeat:no-repeat; background-size: 100vw 84vw;}
.main2                              { width: 100vw; height: 100%; background: url(../img/bj2.jpg);background-repeat:no-repeat; background-size: 100vw 100%;}
.main3                              { width: 100vw; height: 100%; padding-bottom: 3vw; background: url(../img/bj3.jpg);background-repeat:no-repeat; background-size: 100vw 100%;}
.main3 > img                        { margin: 3vw auto 0 auto; width: 93vw;}

.paybox .con img                   { margin: 5vw auto 3vw auto; width: 20vw;}
.paybox .con .tit                  { width: 20vw; height: 8vw; line-height: 8vw; font-size: 3vw;  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: rgb(249 155 73 / 81%); box-shadow: 0 1px 20px rgb(255 0 0 / 75%) inset;}
.paybox .con p                     { font-size: 4vw; line-height: 12vw; color: #f9783a;}
.paystyle                          { position: relative; padding: 0 5vw; width: 90vw; height: 16vw; line-height: 16vw; font-size: 3.5vw; background: #f7f7f7;}
.paystyle .img                     { position: absolute; top: 4.5vw; left: 23vw; width: 20vw;}

.title                             { margin: 0 auto; width: 80vw; padding: 3vw 0;}
.swiper-slide img                  { transform: scale(.96,.96);}
.npc                               { margin: 0 auto; width: 96vw;}
.npc img                           { float: left; margin: 1vw; width: 46vw;}
.dwbox                             { margin: 0 auto; width: 80vw; height: 13vw;}
.dwbox .btn                        { float: left; margin: 10vw 2.5vw; width: 35vw; height: 12vw;}
.dwbox .btn img                    { float: left; margin: 3vw; 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; border-radius:1vw;}
.dwbox .btn.android                { background: rgb(171 219 77 / 80%);}
.dwbox .btn.ios                    { background: rgb(227 146 76 / 80%);}



/*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; border-radius:0 99vw 99vw 0; color: #fff;}
.paybox .con .tit                  { box-sizing: border-box; border: 1px solid rgba(250, 250, 250, 0.3);}
.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: #f94932; color: #fff; text-align: center; border-radius: 1.5vw;}
.paystyle .img                     { position: absolute; top: 4.5vw; left: 23vw; width: 20vw;}


/* 充值信息 */
.paytext                           { padding: 2vw 5vw; width: 90vw; background: #fff; font-size: 3.5vw; color: #333;}
.paytext .hang                     { width: 90vw; height: 9vw; line-height: 9vw; clear: both;}
.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: 2.25rem; justify-content: center;}


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


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