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}#root{height:100vh}@media screen and (min-width: 992px){body{max-width:56vh;margin:0 auto}}.swipe-container{width:100%;height:80vh;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 .5s ease,transform .5s ease}.p1{z-index:3;background-color:#ff6b6b}.p2{z-index:2;background-color:#4ecdc4}.p3{z-index:1;background-color:#45b7d1}.maincon{padding:20px}