@charset "utf-8";
* { padding: 0; margin: 0; list-style: none; }
article, aside, footer, header, hgroup, main, nav, section { overflow: hidden; }
html, body, main { width: 100%; height: 100%; }

.iphone { position: relative; width: 379px; height: 681px; margin:50px auto 0 auto; background: url("iPhone.png") no-repeat center center !important; background-color: #fff; }
.iphone .box { overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 100; width: 120px; margin: -60px 0 0 -60px; }
.iphone .box p { padding: 10px 0 0 0; margin: 0; text-align: center; line-height: 24px; font-size: 13px; color: #777; }
#qrcode { overflow: hidden; text-align: center; display: table-cell; width: 120px; height: 120px; vertical-align: middle; position: relative; }
.link-box { width: 379px; margin:0 auto; text-align: center; color: #222; }
.link-box a { color: #777; text-decoration: none; }