@font-face{font-family:PingFang;src:url(https://statics.c-apiary.com/capiary/fonts/pingfang.ttf)}@font-face{font-family:Din;src:url(https://statics.c-apiary.com/capiary/fonts/DIN%20Alternate%20Bold.ttf)}body,html{width:100%;height:100%;font-family:PingFang!important}body::-webkit-scrollbar,html::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:#fabe3c;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:#fbcd5d}#app{width:100%;height:100%;font-size:12px;color:#333;font-family:PingFang}.midVerti{position:relative;top:50%;transform:translateY(-50%)}button{border:0}.pages{width:590px;margin:40px auto;display:flex;height:80px}.pages img{width:80px;height:80px}.pages .left{flex:1;text-align:left}.pages .center{flex:1;text-align:center;position:relative}.pages .center span{display:inline-block;width:17px;height:28px;font-size:40px;font-family:DIN Alternate;font-weight:700;color:#999;line-height:50px;position:absolute}.pages .center span:first-of-type{color:#fabe3c;top:-20px}.pages .center span:nth-of-type(2){color:#999;bottom:20px}.pages .right{flex:1;text-align:right}@-webkit-keyframes moveToLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes moveToLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes moveToTop{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes moveToTop{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes showIt{0%{opacity:0}to{opacity:1}}@keyframes showIt{0%{opacity:0}to{opacity:1}}@-webkit-keyframes notShow{0%{opacity:1}to{opacity:0}}@keyframes notShow{0%{opacity:1}to{opacity:0}}@-webkit-keyframes toDown{0%{margin-top:-480px}to{margin-top:0}}@keyframes toDown{0%{margin-top:-480px}to{margin-top:0}}@-webkit-keyframes toUp{0%{margin-top:0}to{margin-top:-480px}}@keyframes toUp{0%{margin-top:0}to{margin-top:-480px}}@-webkit-keyframes proToDown{0%{background:rgba(51,51,51,.8)}to{background:rgba(51,51,51,0)}}@keyframes proToDown{0%{background:rgba(51,51,51,.8)}to{background:rgba(51,51,51,0)}}@-webkit-keyframes proToUp{0%{background:rgba(51,51,51,0)}to{background:rgba(51,51,51,.8)}}@keyframes proToUp{0%{background:rgba(51,51,51,0)}to{background:rgba(51,51,51,.8)}}