html,body{margin:0;padding:0;width:100%;height:100%}body{font: 16px/1.5em Helvetica Neue,Tahoma,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif}#app{height:100vh}.swipe-container{width:100%;height:80%;overflow:hidden;position:relative}.page{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transform:translate(100%);overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#ccc;font-size:48px;font-weight:700;color:#333}.page.active{opacity:1;transform:translate(0);transition:opacity 1s,transform 1s}.p1{z-index:3;background-color:#ff6b6b}.p2{z-index:2;background-color:#4ecdc4}.p3{z-index:1;background-color:#45b7d1}.maincon{padding:20px}@media screen and (min-width: 992px){body{max-width:56vh;margin:0 auto}}