html,body{background: #F5F5F5;}
.findpassword{width: 900px; margin: 88px auto 0;}
.findpassword .header{height: 30px; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.findpassword .header img{width: 108px; height: 30px;}
.findpassword .header .header-right{display: flex; align-items: center;}
.findpassword .header .header-right .line{width: 1px; height: 16px; background: #333333; margin: 0 20px;}
.findpassword .header .header-right .header-right-text1{font-size: 14px; color: #333333;}
.findpassword .header .header-right .header-right-text2{font-size: 14px; color: #088167; text-decoration: none;}
.findpassword .header .header-right .header-right-text1 a{color: #088167; text-decoration: none;}
.findpassword .content{width: 100%;}
.findpassword .content .top{width: 100%; height: 76px; background: #088167; display: flex; justify-content: center; align-items: center; padding: 22px 0; font-size: 24px; color: #FFFFFF;}
.findpassword .content .bottom{padding: 40px 0 20px; background: #fff;}
.findpassword .content .bottom .bottom-title{font-size: 20px; color: #333333; text-align: center;}
.findpassword .content .form{width: 400px; margin: 40px auto 0;}
.findpassword .content .form .form-group{margin-bottom: 20px;}
.findpassword .content .form .form-group .phone-main{display: flex; align-items: center; padding: 0; width: 100%; position: relative; height: 44px;}
#password,#confirm_password{padding-right: 50px;}
.findpassword .content .form .form-group .phone-main .phone-left{width: 44px; height: 44px; background: #F8F9F9; display: flex; justify-content: center; align-items: center; border-top: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}
.findpassword .content .form .form-group .phone-main .form-control{height: 100%; box-shadow: none; border: 1px solid #D8D8D8; border-radius:unset; flex: 1; font-size:14px;}
.findpassword .content .form .form-group .phone-main .eye{width: 30px; height: 30px; position: absolute; right: 20px; top: 10px;}
.findpassword .content .form .form-group .confirm-btn{width: 100%;}
.findpassword .content .form .form-group .confirm-btn .btn{width: 100%; height: 44px; background: #088167; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #FFFFFF; border-radius: unset;}
.findpassword .content .form .form-group .confirm-btn .btn:hover{background-color: #3B9C80;}
.findpassword .content .form .form-group .phone-main .input-code-btn{position: absolute; right: 2px; z-index: 99;}
.findpassword .content .form .form-group .phone-main .code-input{padding-right: 100px;}
.findpassword .content .form .form-group .phone-main .input-code-btn .btn{font-size: 14px; color: #088167; border: none; background-color:transparent;}
.findpassword .content .form .form-group .phone-main .input-code-btn .btn:hover,.findpassword .content .form .form-group .phone-main .input-code-btn .btn:focus{background-color:transparent;}
.findpassword .content .form .form-group .phone-main .input-code-btn .btn.disabled, .findpassword .content .form .form-group .phone-main .input-code-btn .btn[disabled]{color: #C6C6C6;}
.findpassword .footer{padding: 40px 85px 0; font-size: 16px; color: #999999; line-height: 32px; display: flex; flex-direction: column; justify-content: center; align-items: center;}