body{background-color:#f90505;font-size:15px}*{box-sizing:border-box}a{text-decoration-line:none}#app{margin:10px auto;justify-content:center;flex-direction:column}#app,#app .head-view{display:flex;align-items:center}#app .head-view{justify-content:flex-start;text-align:center;color:#16d620;font-size:30px;font-weight:200;padding:20px;cursor:pointer;font-weight:700}#app .head-view .flag{color:#fa3853;font-weight:700;display:inline-block;padding:0 5px;margin-left:5px}#app .field,#app .head-view .flag{background:#fff;border-radius:5px;font-size:15px}#app .field{width:500px;flex-direction:column;color:#6c757d;padding:15px;margin-bottom:5px;border:3px solid #c0330b;gap:10px}#app .field,#app .field .nav-view{display:flex;align-items:center;justify-content:center}#app .field .nav-view{flex-wrap:wrap;margin-bottom:20px}#app .field .nav-view .btn{width:25%;max-width:170px;height:45px;line-height:45px;text-align:center;margin:7.5px 9px;box-shadow:5px 5px 0 0 #f44336;border-radius:5px;background:rgba(234,175,82,.3);color:#d21515;font-size:.9375em;cursor:pointer;position:relative}#app .field .nav-view .btn:hover{background:#ff6ea1;color:#fff}#app .field .title{font-size:15px;font-weight:700;color:#6c757d}#app .field .warn{font-weight:700;color:#da634b}#app .field .item-view{text-align:center}#app .field .item-view span:last-child{color:#da634b}#app .field .item-view:last-child,#app .field .tips-view{display:flex;flex-direction:column;justify-content:center}#app .field .tips-view{padding:5px;font-size:14px;gap:10px}#app .field .tips-view :first-child{font-size:16px;font-weight:700;text-align:center}@media (max-width:500px){#app{padding:0 5px}#app .field{width:100%;padding:15px 0}}.nav{margin-bottom:20px;display:flex;justify-content:center;background:#000}.nav span{width:25%;padding:15px;text-align:center}.el-pagination{display:flex;flex-flow:row wrap;justify-content:center}.el-pagination .el-pagination__total{display:block;width:100%;text-align:center}