@charset "utf-8";html{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}
body{margin:0;font-size:.3rem;line-height:1.5;color:#333333;background-color:#336699;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:keep-all;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;cursor:default}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
svg:not(:root){overflow:hidden}
a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#0088cc}
a:active{outline:0}
a:active{color:#006699}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;vertical-align:middle}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto;resize:vertical}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
html,button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif}
h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{margin:0}
ul,ol,li,dl,dd{margin:0;padding:0}
ul,ol{list-style:none outside none}
h1,h2,h3{line-height:2;font-weight:normal}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
input::-moz-placeholder,textarea::-moz-placeholder{color:#cccccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cccccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cccccc}
a:not([class]){text-decoration-thickness:max(0.08em,1px);text-underline-offset:0.15em}
.fl,.fr{display:inline;float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
[class*="btn"]{display:block;background-repeat:no-repeat;background-size:100% 100%}
.bg{background-repeat:no-repeat;background-size:100% 100%}
.df{display:flex;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;align-items:center;justify-content:center}
.pup{top:50%;left:50%;background-repeat:no-repeat;background-size:100% 100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:102}
.thickdiv{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;border:0 none;opacity:0.5;filter:alpha(opacity=50);z-index:105}
.bg{background-repeat:no-repeat;background-size:100% 100%}
html,body{height:100%}
@font-face {
    font-family: 'Kanit';     
    src: url('https://static.dummyupdate.com/images/web/mall/fonts/Kanit-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.wrapper{width:7.5rem;height:100%;margin:0 auto;position:relative; font-family: 'Kanit'; color: #b7efff; font-size: .3rem; }
.wrapper .container{width:7.5rem;height:100%;margin:0 auto; background:#2C427F}
.wrapper .container .header{width:100%;height:1.05rem;background:url(https://static.dummyupdate.com/images/web/website/intro/topBg_v2.jpg) no-repeat center;background-size:100%}
.wrapper .container .header ul{height:1.05rem;line-height:1.05rem;display:flex;align-items:center;justify-content:space-between;padding:0 .4rem}
.wrapper .container .header ul .return{display:block;width:.35rem;height:.35rem;background:url(https://static.dummyupdate.com/images/web/website/recharge/return.png) no-repeat center;background-size:100%}
.wrapper .container .header ul .headerLogo{width:1.25rem;height:.75rem;background:url(https://static.dummyupdate.com/images/web/website/recharge/logo.png) no-repeat center;background-size:100%}
.wrapper .container .header .imgTitle{ margin-left: .6rem; height: .41rem; }

.wrapper.qa .container .intro-img{ margin-top: 0; }
.wrapper.qa .container .intro-img img{ width: 100%; }

.item-cotent{ top:1.05rem; bottom:2.2rem; width: 100%; overflow: auto; }
.item-title{ margin: .4rem 0; width: 100%; font-size: .48rem; text-align: center; }
.list{ margin-top: .5rem; padding: 0 .9rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.list li{ margin-bottom: .5rem; }
.list li img{ width:2.26rem }

.itme-intro{ margin: .3rem auto 0; padding: 0 .15rem .2rem; width: 7rem; background: #354D92; border: .02rem #3F5BA2 solid; box-sizing: border-box; -webkit-border-radius: .15rem;  border-radius: .15rem; box-shadow: 0 0 .05rem rgba(0,0,0,.5); }
.itme-intro .intro-title{ position: relative; padding: .15rem .4rem .15rem .2rem; color: #ffda59; font-size: .4rem; box-sizing: border-box; }
.itme-intro .intro-title::after{
    content: "";
    position: absolute;
    top: 50%;
    right: .2rem;
    width: .17rem;
    height: .26rem;
    background: url(https://static.dummyupdate.com/images/web/website/news/ico_arrow.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
.itme-intro.show .intro-title::after{
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
.intro-img{ margin-top: .5rem; text-align: center; }
.intro-img img{ width: 2.26rem; }
.intro-detail{ padding: 0 .2rem; border-top: .02rem solid; border-color: transparent; box-sizing: border-box; height: 0; overflow: hidden; }
.itme-intro.show .intro-detail{ height: auto; border-color: #4B91D0; }

.intro-detail .title{ margin: .4rem 0 .2rem; font-size: .4rem; color: #ffda59; }
.intro-detail .ft-b{ margin-right: .05rem; font-weight: bold; }
.intro-detail .img { margin: .2rem 0; }
.intro-detail .img img{ max-width: 100%; object-fit: fill; }
.intro-detail .text a{ color: #b7efff; text-decoration: underline; }
.mt-40{ margin-top: .4rem; }

.wrapper .container .footer{bottom:0;width:7.5rem;height:1.92rem;background:url(https://static.dummyupdate.com/images/web/website/recharge/bg_footer.jpg) no-repeat;background-size:100% 100%;display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between}
.wrapper .container .footer .icon{width:1.6rem;height:.65rem;display:flex;padding:0 .2rem}
.wrapper .container .footer .con-left{display:flex;display:-webkit-flex;margin-top:.32rem;height:.65rem;-webkit-align-items:flex-end;align-items:flex-end}
.wrapper .container .footer .icon a{display:inline-block}
.wrapper .container .footer .icon .mail{width:.78rem;height:.7rem;background:url(https://static.dummyupdate.com/images/web/website/recharge/mail.png) no-repeat center;background-size:100%}
.wrapper .container .footer .icon .fb{width:.78rem;height:.75rem;background:url(https://static.dummyupdate.com/images/web/website/recharge/fb.png) no-repeat center;background-size:100%}
.wrapper .container .footer p .footerText{color:#79cbff;font-size:.3rem;font-family:'Kanit';padding-right:.5rem;text-decoration:underline}
.wrapper .container .footer .age img{width:1.7rem}
.wrapper .container .footer .con-right{ display: -webkit-flex; display: flex; margin:.35rem .2rem 0 0; gap:.2rem; }
.wrapper .container .footer .btnDownloadGw{ display:none; width: .6rem; height: .6rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/ico_download_bot.png) no-repeat; background-size:100% 100% }

.pupTips{position:fixed;top:50%;left:50%;display:flex;display:-webkit-flex;margin:-.55rem 0 0 -3.75rem;width:7.5rem;height:1.11rem;font-size:.24rem;color:#aefcff;background:url(https://static.dummyupdate.com/images/web/website/bg_pup_tips.png) no-repeat; justify-content: center; align-items:center;flex-flow:column;background-size:100% 100%}
		
.footer .text{ margin: .4rem 0 0 -1rem; width: 4rem; font-size: .2rem; }