html { -webkit-text-size-adjust: 100%; font: 24px "Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif; }
ul, li, div, p, body { margin: 0; padding: 0; -webkit-user-select: none; text-align: left; }
input { -webkit-appearance: button; font-size: 24px; border: 0px; background: transparent;}
li { list-style: none; }
a { text-decoration: none; }

@-webkit-keyframes _fadeIn { 
	0% { -webkit-transform:translate3d(0,0,0);opacity: 0;}
	100% { -webkit-transform:translate3d(0,0,0);opacity: 1;}
}

@-webkit-keyframes _fadeOut { 
	0% { -webkit-transform:translate3d(0,0,0);opacity: 0;}
	100% { -webkit-transform:translate3d(0,0,0);opacity: 1;}
}

#main { width: 640px; top: 0; left: 0; right: 0; margin: 0 auto; position: relative; overflow: hidden;}

.hide { display: none; }

.stage{position: absolute;width: 100%;overflow: hidden;top:0px;left: 0;height: 100%;opacity: 1;}
.stage.in{-webkit-animation: _fadeIn 0.2s 1 ease-in-out both;}
.stage.out{-webkit-animation: _fadeOut 0.2s 1 ease-in-out both;}

.stage .ani{-webkit-transform:translate3d(0,0,0);}

.tips_mc{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 10; -webkit-transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform 0.01s 0.5s;}
.tips_mc div{position: relative;margin: 0 auto;-webkit-transition:opacity 0.5s;opacity: 0;}
.tips_mc .bg{position: absolute;width: 100%;height: 100%;background: #000;-webkit-transition:opacity 0.5s;opacity: 0;top:0;left: 0;}
.tips_mc .tips_cover{position: absolute;width: 100%;height: 100%;background: transparent;top: 0;left: 0;}
.tips_mc.show{-webkit-transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.01s;}
.tips_mc.show div{opacity: 1;}
.tips_mc.show .bg{opacity: 0.8;}