.header {
    width: 100%;
    height: 20.5rem;
    background: #4593de;
    
}
.login {
    width: 100%;
    text-align: center;
}
.login img {
    margin: 1rem;
    width: 70%;
}
/*  */
.content {
    width: 88%;
    height: 22rem;
    margin-left: 6%;
    background: #fff;
    border-radius: 0.25rem;
    margin-bottom: 2.75rem;
    padding: 0.5rem;
}
@media only screen and (min-height: 568px) {
    .content {
        margin-bottom: 1.75rem !important;
    }
}
@media only screen and (min-height: 640px) {
    .content {
        margin-bottom: 2.75rem !important;
    }
}
@media only screen and (min-height: 731px) {
    .content {
        margin-bottom: 2.25rem !important;
    }
}
@media only screen and (min-height: 736px) {
    .content {
        margin-bottom: 5rem !important;
    }
}
@media only screen and (min-height: 812px) {
    .content {
        margin-bottom: 8rem !important;
    }
}
@media only screen and (min-height: 823px) {
    .content {
        margin-bottom: 7rem !important;
    }
}
@media only screen and (min-height: 960px) {
    .content {
        margin-bottom: 5.25rem !important;
    }
}
@media only screen and (min-height: 1366px) {
    .content {
        margin-bottom: 15rem !important;
    }
}
.content p {
    color: #333;
    font-size: 0.8rem;
    font-weight: 500;
}
.contitle {
    margin-bottom: 0.6rem;
}
/* 表单部分 */
.content .formlist {
    border-bottom: 1px solid #a3a3a3; 
    height: 44px;
    overflow: hidden;
    clear: left;
}
.content .listseal {
    border-bottom: 0;
    height: 100px;
    margin-top: 10px;
}
.content .listbtnsv {
    border-bottom: 0;
    margin-top: 10px;
}
.content .formlist label,
.content .listseal label {
    float: left;
    width: 30%;
    padding: 11px 1px;
    color: #666;
    font-size: 0.8rem;
}
.content .listseal img {
    float: left;
    height: 80px;
    margin-left: 10px;
}
@media only screen and (min-width: 320px) {
    .content .listseal img {
        height: 68px;
    }
}
@media only screen and (min-width: 360px) {
    .content .listseal img {
        height: 75px;
    }
}
@media only screen and (min-width: 375px) {
    .content .listseal img {
        height: 80px;
    }
}
.content .formlist input {
    float: right;
    width: 65%;
    height: 42px;
    padding-left: 0;
    border: none;
    margin-bottom: 0px;
    color: #666;
    font-size: 0.7rem;
}
.content .formlist input[disabled] {
    color: #666;
}
.content .notes {
    font-size: 13px;
    margin-left: 10px;;
    color: #666;
}
.content .notes span {
    color: #f20;
}
.content .listbtnsv .savebtn {
    width: 100%;
    background: #4593de;
    border: none;
    color: #fff;
    border-radius: 5px;
    height: 2.25rem;
    font-size: 0.8rem;
}
/* 忘记密码按钮 */
.threepw {
    position: relative;
}
.threepw .forgetcodebtn {
    position: absolute;
    right: 10px;
    bottom: 4px;
    width: 76px;
    height: 34px;
    line-height: 34px;
    background: #ccc;
    color: #666;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}
/* 成功 */
.content .second,
.content .third {
    text-align: center;
}
.content .resimg {
   width: 6.8rem;
   height: 6.8rem;
   margin: 2.5rem  1rem 0.25rem 1rem;
}
.content .second .resimg {
   margin: 3.5rem  1rem 0.75rem 1rem;
}
.content .resultp {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0.75rem 0;
}
/* 失败 */
.third .listbtnsv {
    margin-top: 1.8rem;
}
/* 底部 */
.footer {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.footer p {
    color: #333;
    font-size: 0.65rem;
}