@charset "UTF-8";
*{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
html,body{ height:100%;}
body {line-height:1;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;background:#FFF; font-size:13px; min-width:300px; max-width:640px; margin:0 auto; position:relative;}
html {-webkit-text-size-adjust:100%}
img {border:none; vertical-align:middle; width:100%;}
.pattern{position:absolute;top:0;z-index:1;max-width:312px;width:21.66%;transition:all.5s}
.pattern.left{left:0}
.pattern.right{right:0}
.pattern img{-webkit-transition:all 1s;transition:all 1s;pointer-events:none}
.main{display:table;width:100%;height:100%}
.main .container{display:table-cell;vertical-align:middle;text-align:center}
.main .container p{ display:inline-block; width:95px; height:95px; overflow:hidden;}
.main .container .title{ margin:0 20%; border-bottom:1px solid #CCC;}
.main .container h1{ display:inline-block; height:28px; line-height:28px; padding:30px 0 30px 40px; font-size:19px; background:url(../img/bg-android.png) no-repeat left center; font-weight:600;}
.main .container h1.ios{ background:url(../img/bg-ios.png) no-repeat left center;}
.main .container .info{ margin:30px 0; line-height:25px; color:#666;}
.main .container .btn{ display:inline-block; width:180px; height:50px; line-height:50px; background-color:#F30; border-radius:5px; color:#FFF; font-size:18px; text-decoration:none;}
.main .container .prompt{ padding:30px 20px 0; color:#666; height:20px; line-height:22px;}
#mask{position:absolute; width:100%; top:0; right:0; height:100%; background-color: rgba(0,0,0,0.8); z-index:9998; display:none;}
#mask img{position:absolute; top:0; right:0; z-index:9999;}