html {
    font-size: 20px;
}

/* @media only screen and (min-width: 400px), only screen and (min-device-width: 400px) {
    html {
        font-size: 20px;
    }
} */


html,
body {
    height: 100%;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    line-height: 1.5;
    font-size: 0.8rem;
    font-family: -apple-system-font, "PingFang SC", "Helvetica Neue", sans-serif;
    user-select: none;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
}

a {
    text-decoration: none;
    color: #528EFF;
}

* {
    margin: 0;
    padding: 0;
}

h2 {
    font-weight: normal;
    font-size: 1rem;
    display: inline-block;
}


.container {
    padding-top: 20%;
    text-align: center;
    color:#666;
}

.notice-img {
    width: auto;
    margin: 0 auto;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    vertical-align: middle;
    fill: currentColor; 
    background: url('./img/loading_error.svg') no-repeat left center;
}

.text {
    margin: 0 1rem 0;
    text-align: center;
    color: #4e4f4f;
}


.message{
    padding-left:2.6rem;
}

.btn-group{
    margin:1.4rem 0;
}

.close, .reload{
    display: inline-block;
    border-radius: .2rem;
    border:1px solid #666;
    color:#666;
    width:5rem;
    height: 1.6rem;
    line-height: 1.55rem;
}

.reload{
    margin-left: 1rem;
    border-color:#d53733;
    color:#d53733;
}
