body, html { width: 100%; margin: 0; padding: 0; font-size: 100%; font-family: PingFangSC-Regular, Microsoft YaHei,  Arial,  sans-self; color: #000; }
* { margin: 0px; padding: 0px; outline: 0 none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
ul, li { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { outline: none; text-decoration: none; color: #2c2c2c; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; transition: all 0.2s ease 0s; } 
em, i { font-style: normal; }
/*div { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; }*/
.cf:before, .cf:after { content: "."; display: block; height: 0; visibility: hidden; }
.cf:after { clear: both; }
.cf { zoom: 1; }
img { border: none; max-width: 100%; height: auto; }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }
input, select, button { outline: none; }

.container,.footer{ max-width:750px;margin:0 auto; }
.container img{display: block;}
.footer{padding:15px;text-align:center;}
.footer p{font-size:12px;margin:3px 0;color:#888;}
.btn{display:block;margin:20px;padding:10px;font-size:24px;color:#fff;text-align:center;background:#00a2ff;border-radius: 100px;}
.maskbg{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.3);z-index:100;}
.tips{display:none;width:80%;padding:30px;background:#fff;border-radius:10px;text-align:center;position:fixed;left:10%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:101;}