@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2u0rka2ccui8uxr.eot);src:url(//at.alicdn.com/t/font_2u0rka2ccui8uxr.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_2u0rka2ccui8uxr.woff) format("woff"),url(//at.alicdn.com/t/font_2u0rka2ccui8uxr.ttf) format("truetype"),url(//at.alicdn.com/t/font_2u0rka2ccui8uxr.svg#iconfont) format("svg")}body,html{height:100%;margin:0;background:#ececec}.icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}#navbar{position:fixed;top:0;left:0;width:100%;height:44px;background-color:#000;line-height:44px;overflow:hidden}#navbar a{color:#fff;text-align:center;text-decoration:none;-webkit-transition:.3s;transition:.3s}#navbar .purchase{float:left;background-color:#4caf50;padding:0 3em}#navbar .purchase:hover{background-color:#e91e63}#navbar .toggles{float:right}#navbar .toggles a{display:inline-block;padding:0 1em;vertical-align:top}#navbar .toggles a.active{background:#8bc34a}#preview{height:100%;overflow:hidden;text-align:center}#preview iframe{display:inline-block;height:calc(100% - 44px);margin-top:44px;background:#fff;vertical-align:top;-webkit-transition:.3s;transition:.3s}#preview iframe.pc{width:100%}#preview iframe.tablet{width:970px}#preview iframe.mobile{width:360px}#preview iframe.mobile~#qr-code{display:block}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(1em);transform:translateX(1em)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(1em);transform:translateX(1em)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#qr-code{display:none;position:fixed;top:64px;right:2em;padding:1em;background:#fff;-webkit-animation:slideIn .3s;animation:slideIn .3s}#qr-code:before{content:attr(data-tip);display:block;margin-bottom:1em;color:#555}