start.css

body, html {
    font-family: Microsoft YaHei, SimSun, sans-serif;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

h3, p {
    margin: 0;
}

.header {
    text-align: center;
    padding: .5rem;
    background-color: #ececec;
}

.order {
    padding: 1.25rem 0;
    text-align: center;
}

.order .no {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
}

.order .no label {
    font-size: .875rem;
}

.order .warn {
    color: #00aaee;
}

.order .countdown {
    margin: 1rem 0 1.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: red;
}

.order h3 {
    color: #ff4a07;
    font-size: 2.6rem;
    margin: .6rem 0 .2rem;
}

.order h3 small {
    color: #333;
    font-size: 1rem;
}

.order button {
    color: #fff;
    background-image: linear-gradient(-90deg, #0af, #0085ff);
    border: none;
    width: 90%;
    line-height: 2.8rem;
    border-radius: .25rem;
    font-size: 1.25rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-top: 1.2rem;
    box-shadow: 0 1px 15px #0af;
}

.order button:active {
    opacity: 0.8;
}

.qrcode {
    text-align: center;
    background-color: #ececec;
    padding: 2rem 0;
}

.qrcode img {
    margin: 0 auto;
    width: 60%;
}

.tips {
    color: red;
    text-align: center;
    padding: .5rem;
    font-size: .875rem;
}

.tips p {
    font-weight: bold;
}