.cell-num-wrapper{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.init{color:#000;background-color:#ffe0b2}.succeed{-webkit-animation:colorChange .2s ease-out;animation:colorChange .2s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes colorChange{0%{color:#000;background-color:#ffe0b2}to{color:#fff;background-color:#00897b}}@keyframes colorChange{0%{color:#000;background-color:#ffe0b2}to{color:#fff;background-color:#00897b}}.warning{-webkit-animation:warning .2s ease-out;animation:warning .2s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.warning2{-webkit-animation:warning2 .2s ease-out;animation:warning2 .2s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes warning{50%{color:#000;background-color:tomato}0%{color:#000;background-color:#ffe0b2}}@keyframes warning{50%{color:#000;background-color:tomato}0%{color:#000;background-color:#ffe0b2}}@-webkit-keyframes warning2{50%{color:#000;background-color:tomato}0%{color:#000;background-color:#ffe0b2}}@keyframes warning2{50%{color:#000;background-color:tomato}0%{color:#000;background-color:#ffe0b2}}.num-p,.van-circle{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.van-circle{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.circleDown{-webkit-animation:slideDown 2s ease-out,rotate 4s ease-in-out 2s infinite;animation:slideDown 2s ease-out,rotate 4s ease-in-out 2s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.circleUp{margin-top:0}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(2turn);transform:rotate(2turn)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(2turn);transform:rotate(2turn)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@-webkit-keyframes slideDown{0%{margin-top:0}to{margin-top:50%}}@keyframes slideDown{0%{margin-top:0}to{margin-top:50%}}.van-grid-item__content{padding:0}.cell{background-color:#ffe0b2;max-height:100px;border:1px solid #000;vertical-align:center;-ms-flex-line-pack:center;align-content:center}.num{display:inline-block;margin:auto auto}.logo{width:100px;height:100px}.grid-wrapper{padding-top:10px;opacity:0}.grid-fadeIn{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{font-size:1em}@media (min-width:300px){:root{font-size:2em}}@media (min-width:700px){:root{font-size:3em}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0 auto;padding:0;max-width:800px}