* {
    box-sizing: border-box;
}
body,h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0;
}

.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#ecca59;
    padding: 0.5rem 1rem;
    position: sticky;
    top: 0px;
    height:50px;
    z-index: 1;
}

.logo a{
    width:100%;
    height:100%;
    display:block;
    text-decoration: none;
    font-size:clamp(12px, 4vw, 25px);
    color: #a73640;
    font-weight: bold;
}
.h-link{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.h-link a,#storage{
    font-size:clamp(12px, 4vw, 20px);
    color:#a73640;
    font-family:Microsoft YaHei;
    font-weight:bold;
    text-decoration: none;
}

.Bottom{
    overflow: hidden;
    background-color:#a73640;

}
.Bottom a{
    float:left;
    width:100%;
    text-align:center;
    height:50px;
    font-size:clamp(12px,1vw,16px);
    color:#ffffff;
    line-height:50px;
}
.Bottom a.top{
    background:url(/image/top.png) no-repeat 80% center;
    background-size:clamp(14px,1vw,18px);
    text-decoration: none;
}


.login{
    text-align: center;
    padding: 2rem 0;
    background-color: #F2E5BF;
}
.login input{
    box-sizing: border-box;
    font-size:clamp(1rem, 1vw, 1.4rem);
    height:2em;
    border-radius:4px;
    border:1px solid #c8cccf;color:#6a6f77;
    outline:0;
    padding:0 1em;
    text-decoration:none;
    width:80%;
    -web-kit-appearance:none;
    -moz-appearance: none;
}
.login p{
    width:80%;
    margin:auto;
    text-align:left
}
.login .submit {
    background-color: #ffd92d;
    width:80% !important;
    /* color: #ffffff; */
}
.login .regt {
    float:right;
    margin-top:0.5em;
    margin-right:1em;
    color:#257180;
}

.register{
    text-align: center;
    padding: 2rem 0;
    background-color: #f3dd9a;
}
.register input {
    box-sizing: border-box;
    font-size: clamp(1rem, 1vw, 1.4rem);
    height: 2em;
    border-radius: 4px;
    border: 1px solid #c8cccf;
    color: #6a6f77;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 80%;
    -web-kit-appearance: none;
    -moz-appearance: none;
}

.register .verify_code {
    width: 80%;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.register .verify_code input {
    float: left;
}

.register .verify_code img {
    max-width: 30%;
}

.register p {
    width: 80%;
    margin: auto;
    text-align: left;
}

.register .submit {
    background-color: #ffd92d;
    width: 49% !important;
}

.register .reset {
    width: 49% !important;
    float: right;
}

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

.modifyPw input {
    box-sizing: border-box;
    font-size: clamp(1rem, 1vw, 1.4rem);
    height: 2em;
    border-radius: 4px;
    border: 1px solid #c8cccf;
    color: #6a6f77;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 80%;
    -web-kit-appearance: none;
    -moz-appearance: none;
}

.modifyPw p {
    width: 80%;
    margin: auto;
    text-align: left;
}

.modifyPw .submit {
    background-color: #ffd92d;
    width: 49% !important;
}

.modifyPw .reset {
    width: 49% !important;
    float: right;
}