*                                  { margin:0; padding:0; list-style:none;}
body                               { background:#FFF; font-family:"微软雅黑"; background: #0d0304;}
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;}

.main                              { position: relative; width: 100vw; background-size: 100vw 100vh; background: url("../img/bg.png") no-repeat; background-size: 100vw 100vh;}
.main .cl20                        { width: 100vw; height: 20vw;}
.main .cl10                        { width: 100vw; height: 10vw;}
.main .bnnbox                      { width: 95vw; height: 63vw; position: absolute; top: 45vw; left: 2.5vw;}
/* .swiper-slide img    { width: 80vw;} */
.main > .swiper-container.bnnma1                  { width: 85vw; height: 55.8vw; margin-left: 8vw; margin-top: 2vw;}
.main > .swiper-container.bnnma1 img   { border-radius: 2vw;}

/* 公用 */
header                             { position: fixed; top: 0; left: 0; padding: 4vw; width: 92vw; height: 13vw; background: rgba(0,0,0,0.6); z-index: 99;}
header .logo                       { float: left; margin: 1vw; width: 13vw; height: 13vw;}
header .text                       { float: left; margin-left: 3vw; margin-top: 3vw; color: #FFF;}
header .text h2                    { margin-top: 0; font-size: 4vw; line-height: 4vw; color: #fff;}
header .text p                     { margin: 1.5vw 0; font-size: 3.2vw; line-height: 3.2vw; color: #fff;}
header .btn                        { float: right; width: 28vw; height: 10vw; margin: 1.5vw 0; background: #1a0f0f; color: #f75159; border-radius:1vw; text-align: center; line-height: 10vw; font-size: 3.5vw;}

.titlebj                           { margin: 10vw auto 0vw auto; width: 50vw; height: 12vw;}
.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; height: 100vh; border-bottom: 5vw #121619 solid;}
.banner0 > img                     { width: 100vw; height: 100vh;}
.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                            { display: none; padding: 5vw; width: 90vw; background: #fff; height: auto; overflow: auto; box-shadow: 0 0 5px #ccc;}
.paybox.show                       { display: block;}
.paybox .con                       { float: left; width: 26vw; margin: 2vw; box-shadow: 0 0 5px #ccc; border-radius:1vw; text-align: center; background: #fff; opacity: .5; cursor: pointer;}
.paybox .con.on                    { opacity: 1;}


.dwbtn                             { display: block; margin: 0 auto; width: 70vw;}

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


.paybox .con img                   { margin: 5vw auto; width: 16vw;}
.paybox .con .tit                  { margin-left: 3vw; width: 20vw; height: 9vw; line-height: 9vw; font-size: 3vw; background: #f94932; color: #fff;}
.paybox .con p                     { font-size: 4vw; line-height: 12vw; color: #f94932;}
.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;}
.img-box                           { width: 90vw; margin: 0 auto;}
.img-box img                       { display: block; margin-top: 5vw; margin-bottom: 5vw; width: 100%; height: 100%; border-radius: 2vw;}
.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: 7vw auto 9vw 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: #fe2c55;}
.dwbox .btn.ios                    { background: #00AEEC;}

/* 充值信息 */
.paytext                           { padding: 4vw 5vw 1vw 5vw; width: 90vw; background: #fff; font-size: 3.5vw; color: #333;box-shadow: 0 0 5px #ccc;}
.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; width: 50vw;}
.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: #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: #13171b; text-align: center;}
footer p                           { font-size: 3vw; color: #8b919d; line-height: 200%}
footer p a                         { color: #ccc; opacity: .7;}

.pay-menu                          { margin: 5vw auto 0 auto; width: 70vw; height: 11vw;}
.pay-menu .btn                     { float: left; width: 32vw; height: 11vw; margin: 0 1.5vw; background: #ccc; color: #fff; border-radius:2vw 2vw 0 0; text-align: center; line-height: 11.5vw; font-size: 3.5vw;}
.pay-menu .btn.on                  { background: #52110e; color: #fde87e;}













.sasa {}