#root {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    font-synthesis: none;
    font-weight: 400;
    height: 100%;
    overflow: auto;
    text-rendering: optimizeLegibility;
    width: 100%
}

* {
    box-sizing: border-box
}

body {
    display: flex;
    flex-direction: column;
    margin: 0
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
}

.clearfix {
    display: inline-block
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.warp {
    display: flex;
    flex-direction: column;
    overflow-y: scroll
}

button {
    align-items: center;
    border: .01333rem solid #0000;
    border-radius: .10667rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .37333rem;
    font-weight: 500;
    height: 1.33333rem;
    justify-content: center;
    transition: border-color .25s
}

text {
    color: #333;
    font-size: .18667rem;
    font-weight: 400
}