body {
    background: #fff;
}

/* logo */
.logo_top {
    border-bottom: 2px solid #008C46;
    margin-top: 20px;
}

.logo_bg {
    width: 1000px;
    margin: 0 auto;
}

.logo_bg img {
    margin-right: 50px;
    vertical-align: -30px;
}

.logo_bg span {
    font-size: 30px;
    font-weight: 800;
    font-family: 'microsoft yahei';
    color: #333;
}

.logo_bg div {
    float: right;
    font-size: 15px;
    margin-right: 3px;
    margin-top: 35px;
}

.logo_bg div a {
    color: #dc3023;
}

/* 内容 */
.wrap {
    width: 1000px;
    margin: 80px auto 0;
    position: relative;
}
.all{
    width: 600px;
    /* border: 1px solid red; */
    /* height: 300px; */
    border-right: 1px solid #ccc;
    padding: 0px;
}

/* 步骤图片 */
.step {
    /* width: 600px; */
    width: 100%
    /* margin: 30px auto 0; */
}

.step_img {
    width: 400px;
    height: 55px;
    margin: 0 auto;
}

.step_img1 {
    background-image: url("../img/step1.png");
}

.step_img2 {
    background-image: url("../img/step2.png");
}

.step_img3 {
    background-image: url("../img/step3.png");
}

/* 找回密码 */

.find{
    /* width: 600px; */
    width: 100%;
    /* margin-top: 80px; */
    /* border: 1px solid red; */
    /* height: 300px; */
    /* border-right: 1px solid #ccc; */
}
.find ul {
    display: block;
    margin-left: 100px;
}

.find li {
    margin: 35px 0;
    position: relative;
    width: 400px;
}

.find li em {
    /* border: 1px solid red; */
    display: inline-block;
    width: 100px;
    height: 52px;
    line-height: 52px;
    padding-left: 20px;
    font-size: 15px;
    position: absolute;
    z-index: 99;
    font-family: 'microsoft yahei';
}

.find li input.layui-btn {
    display: block;
    cursor: text !important;
    height: 52px;
    line-height: 52px;
    font-size: 15px;
    padding-left: 110px;
    padding-right: 30px;
    text-align: left;
    width: 400px;
    color: #333;
    font-family: 'microsoft yahei';
    background-position: 100% 18px;
}

.find li input.layui-btn:focus {
    border-color: #008C46;
}

/* 背景图片，ok，填对了就加上这个yes */
.find li .yes {
    background-image: url("../img/yes.png");
    background-repeat: no-repeat;

}

.find .find_ident input {
    width: 240px !important;
}
.find .find_ident button{
    width: 108px;
}



.find .find_ident .identify-wrap{
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    line-height: 52px;
    width: 133px;
    padding: 0;
    border: 1px solid #C9C9C9;
    background-color: #fff;
    border-radius: 2px;
}
.find .find_ident .identify-wrap img{
    width: 80px;
    height: 50px;
    float: left;
    margin-right: 7px;
    /* border: 1px solid red; */

}
.find .find_ident .identify-wrap a{
    white-space:pre-wrap;
    display: inline-block;
    width: 44px;
    line-height: 25px;

}





.find_label_err,
.find_ident_code_err {
    color: #dc3023;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: -20px;
    display: none;
}

.find_label_tip,
.find_ident_code_tip {
    bottom: -20px;
    position: absolute;
    color: #777;
    height: 20px;
    line-height: 20px;
    display: none;
}

.find_label_err::before,
.find_label_tip::before,
.find_ident_code_err::before,
.find_ident_code_tip::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin-right: 5px;
    vertical-align: -5px;
}

.find_label_err::before,
.find_ident_code_err::before {
    background-image: url("../img/err.png");
}

.find_label_tip::before,
.find_ident_code_tip::before {
    background-image: url("../img/tip.png");
}




.find_ident {
    margin-top: 10px !important;
}

.find_ident .find_ident_code{
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    line-height: 52px;
}


.find_label_err{
    color: #dc3023;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: -20px;
    display: none;
}
.find_label_tip{
    bottom: -20px;
    position: absolute;
    color: #777;
    height: 20px;
    line-height: 20px;
    display: none;
}
.find_label_err::before,
.find_label_tip::before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin-right: 5px;
    vertical-align: -5px;
}

.find_label_err::before{
    background-image: url("../img/err.png");
}

.find_label_tip::before{
    background-image: url("../img/tip.png");
}


.find_but{
    margin-top: 10px!important;
}

.find_but button{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-family: 'microsoft yahei';
    background: #008c46;
}



/* 公众号 */
/* 公众号 */
.other {
    position: absolute;
    width: 300px;
    right: 0;
    top: 0px;
    z-index: 99;
    border: 1px solid #ccc;
    padding-bottom: 40px;
}

.other div {
    width: 226px;
    /* width: 90%; */
    margin: 25px auto 0;
}

.other_tit img {
    float: left;
    margin-right: 10px;
    /* margin-left: 100px; */

}

.other_tit span h5 {
    display: block;
    font-size: 20px;
    font-family: "微软雅黑";
    font-weight: 600;
    height: 40px;
    text-decoration: none;
    /* margin-left: 147px; */
    /* line-height: 40px; */
}

.other_tit span p {
    /* margin-left: 147px; */
    font-size: 15px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #008C46;
    color: #eee;
    border-radius: 5px;
}

.other_img {
    margin: 10px 0;
}

/* 页脚 */

.footer{
    margin-top: 100px;
}