@charset "utf-8";

* {margin:0;padding:0;/*appearance:none;-webkit-appearance:none;*/}
*,:after,:before {margin:0;padding:0;box-sizing:border-box;}
input {outline:none;}
body {font-family:'微软雅黑';position:relative;font-size:0;background:#fff;max-width:640px;margin:0 auto;}
.fl {float:left;}
.fr {float:right;}
input,button {border:none;background:none;}
a,a:focus,a:active {text-decoration:none;outline:none;}
a {color:#000000;}
input[type = 'file'],textarea,input[type = 'button'] {-webkit-appearance:none;appearance:none;}
li {list-style:none;}
img {height:auto;max-width:100%;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px #f4f4f4 inset;box-shadow:0 0 0px 1000px #f4f4f4 inset;}
.hint {position:fixed;top:50%;left:50%;width:100%;text-align:center;z-index:999;display:none;max-width:768px;transform:translateX(-50%);}
.hint span {display:inline-block;background:rgba(0,0,0,.7);font-size:.28rem;color:#fff;padding:6px 16px;border-radius:6px;}
.mask {width:100%;text-align:center;position:fixed;top:0;background:#000;opacity:0.8;height:100%;z-index:1;display:none;}
.mask p {font-size:100px;text-align:center;color:#fff;margin-top:20%;}
.mask-spot{width:100%;text-align:center;position:fixed;top:0;background:#000;opacity:0.8;height:100%;z-index:1;display:none;}
.mask-spot p {font-size:100px;text-align:center;color:#fff;margin-top:20%;}