.footer[data-v-94d33600]{display:flex}.preview .header[data-v-1e900d72]{position:relative;z-index:99;height:80px;border-bottom:1px solid #ddd;background-color:#fff}.preview .header .header-body[data-v-1e900d72]{position:relative;margin:0 auto;width:58%;min-width:800px}.preview .header .comment[data-v-1e900d72]{position:absolute;top:2em;left:0;color:#999}.preview .header .toolbar[data-v-1e900d72]{position:absolute;top:2em;right:0}.preview .header .sw-nav[data-v-1e900d72]{margin:0 auto;width:300px;text-align:center}.preview .header .sw-nav .item[data-v-1e900d72]{display:inline-block;padding:1em 0 0;width:75px;height:80px;border-left:1px solid #eee;text-align:center;box-sizing:border-box;cursor:pointer}.preview .header .sw-nav .item[data-v-1e900d72]:last-child{border-right:1px solid #eee}.preview .header .sw-nav .item i[data-v-1e900d72]{font-size:1.5em}.preview .header .sw-nav .item span[data-v-1e900d72]{display:block;clear:both;padding:.5em 0}.preview .header .sw-nav .item.active[data-v-1e900d72],.preview .header .sw-nav .item[data-v-1e900d72]:hover{border-color:#345ef0;color:#fff;background-color:#345ef0}.preview .main[data-v-1e900d72]{position:absolute;top:80px;left:0;width:100%;height:100%}.preview .main iframe[data-v-1e900d72]{position:absolute;top:0;left:0;width:100%;height:100%;border:0 none}.preview .main .phone-screen[data-v-1e900d72]{position:absolute;top:50px;left:50%;margin:0 0 0 -187px;width:374px;height:600px}