body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#fff;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif}p,h1,h2{margin:0}ul,li{list-style:none}.hide{display:none!important}.overflowh{height:100%;overflow:hidden}#app{height:100vh;position:relative}.page{z-index:1;box-sizing:border-box;color:#000;background-color:#fff;min-height:100vh;padding:70px 15px 15px;display:none;position:relative}.page.active{display:block}.infopage{z-index:101;background:#fff url(../img/bgt2.png) 0 0/100% no-repeat;padding:0}.infopage .inner{box-sizing:border-box;background:url(../img/bgc2.png) 0 100%/100% no-repeat;width:100%;height:100vh;padding:40px 0 0 15%}.infopage.active{flex-direction:column;justify-content:center;align-items:center;display:flex}.page .content{min-height:calc(100vh - 160px)}.infopage .content{height:calc(100vh - 85px);min-height:auto;position:relative}.infopage .qianyan{box-sizing:border-box;width:74vw;height:76vh;padding-bottom:100px;position:relative;overflow-y:auto}.infopage .qianyan p{text-align:justify}.lastpage .content{min-height:calc(80vh - 120px)}.content h2{background:url(../img/menu.png) top/auto 400px no-repeat;height:40px;margin-bottom:20px;overflow:hidden}.content h3{font-size:16px;font-weight:700}.infopage .content h2{text-align:center;background:0 0;width:88%;height:auto}.infopage .content h2 img{height:40px}.infopage .btnrow{z-index:1;text-align:right;box-sizing:border-box;background-image:linear-gradient(#fff0,#fff 70%);width:87%;padding-top:50px;position:absolute;bottom:20px;left:0}.infopage .btn-next{background:url(../img/icon-next.png) 50%/100% no-repeat;width:30%;height:30px;display:inline-block}.content h2 span{display:inline-block;transform:translateY(-100%)}.p2 h2{background-position:50% -40px}.p3 h2{background-position:50% -80px}.p4 h2{background-position:50% -120px}.p5 h2{background-position:50% -160px}.p6 h2{background-position:50% -200px}.p7 h2{background-position:50% -240px}.p8 h2{background-position:50% -280px}.p9 h2{background-position:50% -320px}.p10 h2{background-position:50% -360px}.content p{margin-bottom:20px}.content .imgs{text-align:center;width:100%;overflow:hidden}.content .imgs img{vertical-align:top;width:49%;margin-bottom:5px;display:inline-block}.content .col2 img:first-child{margin-right:2%}.content .col3 img{width:33.33%}.pager{justify-content:space-between;padding:20px 0 0;display:flex}.pager span{width:90px;height:30px;display:inline-block}.pager .disabled{opacity:.5}.pager .btn-prev{background:url(../img/icon-prev.png) 50%/100% no-repeat;margin-right:4%}.pager .btn-next{background:url(../img/icon-next.png) 50%/100% no-repeat}.lastpage .btn-next{background:url(../img/icon-back.png) 50%/100% no-repeat}.popup{z-index:100;opacity:0;visibility:hidden;background:#fff url(../img/bgc2.png) 0 100%/100% no-repeat;width:100%;height:100%;transition:opacity .6s,visibility .6s;position:fixed;top:0;left:0}.popup.active{opacity:1;visibility:visible}.popup img{vertical-align:top;width:100%}.popup ul{background-color:#fff;margin:0;padding:10px 0;font-size:0}.popup ul li{margin-bottom:6px;position:relative}.tips-click{z-index:10;color:#40a1db;background:#fff url(../img/tips-clickbg.png) 0 0/100% no-repeat;width:100px;height:60px;position:absolute;bottom:12%;right:10px}.tips-click span{z-index:1;background:url(../img/tips-click.png) 0 0/100% no-repeat;width:30px;height:30px;margin-left:-15px;animation:1s linear infinite btnZoom;position:absolute;top:0;left:50%}.tips-click svg{fill:#40a1db;z-index:1;opacity:.5;width:30px;height:30px;margin-left:-15px;animation:2s linear infinite btnZoom;position:absolute;top:0;left:50%}.topbar{z-index:99;text-align:right;background-color:#40a1db;width:100%;height:30px;position:fixed;top:0;left:0}.topbar .btn-menu{width:30px;height:30px;margin-right:10px;padding-top:4px;display:inline-block}.topbar .btn-menu svg{fill:#fff;vertical-align:top;height:20px;display:inline-block}@-webkit-keyframes btnZoom{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}to{-webkit-transform:scale(1)}}@keyframes btnZoom{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media only screen and (device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2){.infopage .qianyan{height:75vh}.popup .inner{width:70%}.popup ul li{margin-bottom:4px}.tips-click{bottom:0}}@media only screen and (device-width:414px) and (device-height:736px) and (-webkit-device-pixel-ratio:3){.popup .inner{width:80%}.popup ul li{margin-bottom:4px}.tips-click{bottom:0}}@media only screen and (width>=992px){body{background-color:#69bff2}#app{width:56vh;height:auto;margin:0 auto}.infopage .qianyan{width:42vh}.infopage .btnrow{bottom:40px}.topbar,.popup{width:56vh;margin-left:-28vh;left:50%}.infopage .btn-next,.pager .btn-prev,.pager .btn-next,.topbar .btn-menu,.popup ul li{cursor:pointer}}.btn-start[data-v-e1567622]{z-index:1;background:url(../img/btn-next1.png) 0 0/100% no-repeat;width:75px;height:50px;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.btn-start span[data-v-e1567622]{z-index:1;background:url(../img/btn-next-arrow1.png) 0 0/100% no-repeat;width:100%;height:100%;animation:.6s infinite fadeInOut-e1567622;position:absolute;top:0;left:0}.btn-start span[data-v-e1567622]:nth-child(2){animation-delay:.2s;transform:translateY(8px)}.btn-start span[data-v-e1567622]:nth-child(3){animation-delay:.4s;transform:translateY(16px)}@keyframes fadeInOut-e1567622{0%{opacity:0}90%{opacity:1}to{opacity:0}}@media only screen and (width>=992px){.btn-start[data-v-e1567622]{cursor:pointer}}.cover[data-v-335f7e14]{z-index:102;background:#fff url(../img/bgc.jpg) 100% 0/cover no-repeat;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.cover .inner[data-v-335f7e14]{background:url(../img/bgc2.png) 0 100%/cover no-repeat;width:100%;height:100vh}.fadeout[data-v-335f7e14]{opacity:0;transition:transform 0s .6s,opacity .6s;transform:translateY(-100%)}.cover .ct[data-v-335f7e14]{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cover .ct[data-v-335f7e14]:first-child{background:url(../img/ct1.png) 0 12%/100% no-repeat}.cover .ct[data-v-335f7e14]:nth-child(2){opacity:0;background:url(../img/ct2.png) 0 80%/100% no-repeat;transform:translateY(10px)}.active .ct[data-v-335f7e14]:nth-child(2){opacity:1;transition:transform 1s,opacity 1s;transform:translateY(0)}.cover .logo[data-v-335f7e14]{z-index:5;background:url(../img/paper-logo-w.png) 0 0/100% no-repeat;width:80px;height:50px;position:absolute}.cover .icon-lt[data-v-335f7e14]{top:20px;left:20px}.cover .icon-rt[data-v-335f7e14]{top:20px;right:20px}.cover .icon-cb[data-v-335f7e14]{bottom:10px;left:50%;transform:translate(-50%)}.btn-next[data-v-335f7e14]{z-index:1;width:120px;height:40px;margin-left:-60px;animation:1s linear infinite btnZoom;position:absolute;bottom:10%;left:50%}@media only screen and (device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2){.cover .ct[data-v-335f7e14]:nth-child(2){background-size:85%}}@media only screen and (device-width:414px) and (device-height:736px) and (-webkit-device-pixel-ratio:3){.cover .ct[data-v-335f7e14]:nth-child(2){background-size:85%}}@media only screen and (width>=992px){#app[data-v-335f7e14]{width:56vh;margin:0 auto}.cover[data-v-335f7e14]{width:56vh;height:100vh;margin-left:-28vh;left:50%}.cover .ct[data-v-335f7e14]:nth-child(2){background-size:90%}}