@charset"utf-8";
*{margin:0;padding:0;}
html,body,div,ul,p,dl,dt,dd,em,span,i,img,input{margin:0;padding:0;}
html{-webkit-tap-highlight-color:transparent;font-size: calc(100vw / 20);}
body{background-color:#000;}
img {display:block}
.main{width:100%;line-height:0;position:relative;max-width:none;min-width:320px;margin-top:-2px }
.templateImg{width:100%;}
.fixedImg{position:fixed;z-index:10;}
.fixedBottomImg{position:fixed;z-index:10;bottom:0;}
.bg{width:100%;line-height:0;position:relative;max-width:none;min-width:320px;margin:0 auto;display:block;}
.popImg {position:fixed;width:90%;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);}
.guide {position: fixed;max-width: 640px;min-width: 320px;margin: 0 auto;left: 0;right: 0;top: 0;bottom: 0;background: #000;z-index: 10000;filter: alpha(Opacity=80);-moz-opacity: 0.8;opacity: 0.8;max-width:none;display:none;}
.guideImg{width:100%;height:auto}
.copyDiv{position: absolute;top: -99999px}
.safariCopyImg {position: fixed;width: 80%;z-index: 10;top: 50%;left: 50%;display: none;transform: translate(-50%, -50%);}
.copySucImg {position: fixed;width: 60%;z-index: 10;top: 50%;left: 50%;display: none;transform: translate(-50%, -50%);}
.enterPopupImg{position: fixed;width: 80%;z-index: 10;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.huYaEnterBg {position: fixed;max-width: 640px;min-width: 320px;margin: 0 auto;left: 0;right: 0;top: 0;bottom: 0;background: #000;z-index: 20000;filter: alpha(Opacity=70);-moz-opacity: 0.7;opacity: 0.7;max-width:none;display:block;}
.huYaEnterPopupImg{position: fixed;width: 80%;z-index: 30000;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.footer{width: 100%;font-size: 0.7rem;line-height: 1rem;background-color: #000;color: #848484;height: 4.5rem;}