@charset "utf-8";
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling: touch;}
body,html{margin:0;padding:0;height:100%;font-family:"lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#5f5f5f;position:relative}
h1,h2,h3,h4,h5,h6{font-weight:400}
body ::selection{color:#000;background-color:#fd0;text-shadow:none}
body ::-moz-selection{color:#000;background-color:#fd0;text-shadow:none}
a{transition:all .6s}
.trustBtn{
    display: none;
}
:active,:focus,:hover{outline:0!important}
::-webkit-scrollbar{width:0;height:12px;background-color:transparent}
::-webkit-scrollbar-track{background-color:#270532}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,.2);border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,.2);background-color:#7600D0}
body{background:#000;overflow-x: hidden}
button{border:none;border:none}
input{outline:0;text-indent:.5em}
input.orangeInput{background:#f7941d;color:#fff;padding:0 25px;border:none;text-indent:0}
a{color:#666;text-decoration:none;outline:0;cursor: pointer;}
a:focus,a:hover{color:#23527c}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img,input{border:0;max-width:100%;vertical-align:middle;margin:0; padding:0}
h3{font-size:1.6rem}
td,th{font-size:1.4rem}
.board a:focus,.board a:hover{text-decoration:underline}
button,dd,dl,dt,h1,h2,h3,h4,h5,li,p,ul{margin:0;padding:0;list-style:none}
#app{max-width:750px;margin:0 auto;z-index:2;min-height:100%;background:#1a0c09}
#app #top{position:fixed;background:#806ecb;background-size:100% 100%;height:13.33334vw;max-height:85.3334px;width:100vw;left:0;top:0;z-index:9;touch-action:none}
#app #top .logo{height:100%;text-align:center}
#app #top .logo img{height:100%}
#app #top .custom{position: absolute;right: 0;top: 0;width: 13.3334vw;height: 13.33334vw;line-height: 1em;text-align: center;display: block;font-size: 24px;transition: none;color:#f3f1fa;display: flex;justify-content: center;flex-direction: column}
#app #top .custom small{font-size: 10px;line-height: 10px;padding-top: 4px}
#app .menu{position:absolute;width:13.33334vw;height:13.33334vw;left:0;top:0;max-width:85px;max-height:85px}
#app .menu>a{text-align:center;height:100%;display:flex;justify-content:center;flex-direction:column}
#app .menu img{width:8vw;max-width:50px;margin:0 auto}

#menu{position:fixed;background:#806ecb;width:46vw;height:calc(100vh - 13.333vw);top:13.333vw;left:-46vw;z-index:10;transition:all .6s;touch-action:none;z-index: 100;}
#app.show #menu{left:0}
#app #menu ul{border-bottom:rgba(255,255,255,.05) 1px solid}
#app #menu ul li{border-top:rgba(255,255,255,.05) 1px solid;border-bottom:rgba(0,0,0,.15) 1px solid}
#app #menu ul li a{color:#fff;color:rgba(255,255,255,.8);font-size:15px}
#app #menu ul li a.green{color:#14de7e;}
#app #menu ul li dl{display:flex;padding:0 14px}
#app #menu ul li dl dt{height:46px;display:flex;flex-direction:column;justify-content:center;font-size:18px;padding-right:8px}
#app #menu ul li dl dd{display:flex;justify-content:center;flex-direction:column;text-align:center;line-height:1em}
#app #menu ul li dl dd small{color:#14de7e;display:inline-block;border:#14de7e 1px solid;border-radius:4px;font-size:8px}

#app #notice{padding: 0 14px;background: #2b2c41;color:#fff;margin-top: 13.33334vw;}
#app #notice dl{display:flex;}
#app #notice dl dt span,#app #notice dl dd marquee{line-height: 36px;display: inline-block;vertical-align: center}
#app #notice dl dt{flex-shrink: 0;padding-right: 6px}
#app #notice dl dt,#app #notice dl dd p{display: flex;flex-direction: column;justify-content: center}
#app #notice dl dd marquee{margin: 0;padding: 0;color: #ede277;}
#app #notice dl dt span{color:#c2b064}
#app #notice dl dt i{transform: scale(1.3);padding-right: 4px}


#app .button{width:100vw;margin:0 auto;position: relative;}
#app .button .btnwrap{width:100%;height:100%;position:absolute;left:0;top:0;display:block;font-size:0;
}
#app .button .single{display: inline-block;width: 50%;flex-shrink: 0;padding: 0 10px;text-align: center;position:relative}
#app .button .single.full{width:74%;flex-shrink: 0;padding: 0 10px;text-align: center;margin: 0 auto}

#app .animate{position:absolute;width:calc(100% - 20px);height:100%;left:10px;top:-2px;animation:btn .6s infinite}
#app .animate.delay{animation-delay: .3s;}
@keyframes btn{0%{top:-2px}50%{top:2px}100%{top:-2px}}

#app .slider{position:relative}
#app #slider{position:absolute;left:0;top:0;z-index:8;width:100vw}

#app .slider.contentBanner{position:absolute;bottom:0vw;left:5%;width:91%}

#certify{position:relative;width:100%;margin:0 auto}
#certify .swiper-slide{width:170px;text-align:center}
#certify .swiper-slide img{display:block;margin:0 auto}

#background{position:fixed;width:100%;height:100%;background:#000;opacity:0;left:0;top:0;z-index:0;touch-action:none;visibility:hidden;transition:all .6s}
#app.show #background{visibility:visible;opacity:.65;z-index: 9;}

#xrBox{visibility:hidden;opacity:0;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:-9999;transition:none;}
#xrBox .inner{width: 100vw;height: 100vh;position: relative;overflow-y: scroll;}
#xrBox.show{z-index:9999;visibility:visible;opacity:1;transition:all 1.3s;}
#xrBox .close{width:100%;height:14vw;left:0;top:0;cursor:pointer;position:absolute}
#xrBox .install{width:100%;height:24vw;left:0;bottom:0;cursor:pointer;position:fixed}

#red_bag{position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;z-index: 999;display: flex;flex-direction: column;justify-content: center;opacity: 0;background: rgba(0,0,0,.65);visibility: hidden;transition: all .6s}
#red_bag.show{visibility: visible;opacity: 1;}
#red_bag .inner{width: 100vw;margin: 0 auto;background: url(../images/regbag.png);height: 106vw;background-size: 100% auto;position: relative;color:#fff}
#red_bag button{border:none;background:none;}
#red_bag .form{position: absolute;width: 56vw;left: 22vw;bottom: 12vw;text-align: center;}
#red_bag .form ul {padding: 6px 0 6px 0}
#red_bag .form ul li{display: flex;text-align: left;background:#760c03;margin-bottom: 10px;font-size: 12px;}
#red_bag .form ul li label{flex-shrink: 0;line-height: 28px;padding-left: 4px;}
#red_bag .form ul li input{background: transparent;height: 28px;line-height: 28px;color:#ff0}
#red_bag .form h4{padding:0 0 10px 0}
#red_bag .close{position: absolute;width: 100%;height: 13vw;background:transparent;left: 0;top: 0;}
.cesus{background:url(../images/a1.png);background-size:100% auto;}
.cesus .list{margin:0 2vw;padding-top:10px}
.cesus .list dl{display:flex;justify-content:space-between;padding:6px 0}
.cesus .list dl dt{background:#11207b;color:#fff;font-size:14px;height:30px;line-height:30px;width:18vw;text-align:center;flex-shrink:0;border:#2A1F4D 1px solid;border:#fff 1px solid}
.cesus .list dl dd{flex-grow:1;}
.cesus .list dl dd.bts{flex-grow:0;flex-shrink:0;width:22vw;padding-left:14px}
.cesus .list dl dd.bts button{height:30px;line-height:30px;display:block;width:100%;background:#11207b;border-radius:6px;color:#fff;border:#11207b 3px solid}
.cesus .list dl dt+dd{background:#e8e8e8;line-height:28px;position:relative;border:#2A1F4D 1px solid;}
.cesus .list dl dt+dd cite{position:absolute;left:0;top:0;font-size:10px;background:#d6d6d6;color:#666;height:14px;line-height:14px;font-style:normal;padding:0 4px}
.cesus .list dl dt+dd span{display:block;padding-left:53px;font-size:14px}
.cesus .list dl dt+dd span b{color:red;font-weight:400}