@charset "utf-8";
.register{background: #0F4E82 url(../images/register-banner.png) no-repeat;background-position: center top;width: 100%;height: 120px;min-width: 1180px;}
.content{background: #F7F8F9;padding: 20px 0;width: 100%;min-width: 1180px;box-sizing: border-box;}
.content .wrap{width: 600px;min-height: 271px;background: #FFFFFF;border-radius: 8px;padding-top: 30px;box-sizing: border-box;padding-right: 175px;padding-bottom: 20px;}
.content .wrap>div{display: none;}
.content .wrap>div.active{display: block;}
.content .wrap .title{margin-bottom: 30px;position: relative;}
.content .wrap .title>i{display: block;width: 269px;height: 15px;position: absolute;bottom: -13px;right: -20px;background: url(../images/find-password-text.png) no-repeat;background-size: contain;}
.content .wrap .title p{color: #222222;font-size: 18px;margin-left: 175px;}
.content .wrap .input-box{margin-bottom: 10px;position: relative;}
.content .wrap .input-box input{width: 250px;height: 40px;background: #F3F4F5;border-radius: 25px;box-sizing: border-box;padding: 0 15px;float: right;}
.content .wrap .input-box .tit{height: 40px;line-height: 40px;}
.content .wrap .intro .alert-title{background: linear-gradient(315deg, #FA7916 0%, #FA9E16 100%);position: absolute;min-height: 30px;width: 300px;border-radius: 5px;bottom: 42px;right: -52px;color:#fff;font-size: 12px;box-sizing: border-box;padding: 5px;box-shadow: -1px 2px 5px #fa9446;animation: opa .3s ease-in-out;display: block;}
.content .wrap .intro .trangle{height: 0px;width: 0px;border: 5px solid #fa9446;border-bottom: 5px solid transparent;border-left: 5px solid transparent;border-right: 5px solid transparent;display: block;position: absolute;left: 200px;bottom: 33px;display: block;animation: opa .3s ease-in-out;}
.input-box .alert-title{display: none;}
.input-box .trangle{display: none;}
.err-alert{position: absolute;right: -168px;bottom: 0px;color: #E01F29;top: 10px;width: 160px;display: none;}
.box-err .err-alert{display: block;}
.box-err>input{border: 1px solid #E01F29;background: #FBE8E9 !important;}
.gray{width: 250px;height: 40px;background: #C5C6C7;border-radius: 25px;font-size: 16px;color: #fff;text-align: center;line-height: 40px;}
.gray2{width: 250px;height: 40px;background: #C5C6C7;border-radius: 25px;font-size: 16px;color: #fff;text-align: center;line-height: 40px;}
.go-register{background: linear-gradient(315deg, #015293 0%, #397DB5 100%);cursor: pointer;}
.content .wrap .password input{padding-right: 30px;}
.password i.eye{background: url(../images/eye4.png) no-repeat;width: 18px;height: 12px;display: block;position: absolute;right: 15px;top: 15px;cursor: pointer;}
.password i.eye:hover{background: url(../images/eye3.png) no-repeat;}
.password i.active{background: url(../images/eye2.png) no-repeat;}
.password i.active:hover{background: url(../images/eye1.png) no-repeat;}
.content .wrap .code input{padding-right: 100px;}
.content .wrap .input-box .get-code{color: #005398;font-size: 14px;font-style: normal;line-height: 40px;height: 40px;display: block;position: absolute;right: 5px;top: 0px;min-width: 85px;cursor: pointer;}
.content .success{margin-left: 137px;margin-top: 10px;}
.content .success-title{font-size: 16px;color: #222222;margin-left: 88px;margin-top: 10px;}
.content .success-title2{font-size: 14px;color: #222222;margin-left: 108px;margin-top: 10px;}
.content .success-title2>span{color: #1b6bb0;}
.content .success-title2>a{color: #1b6bb0;}
.err-toast{height: 30px;font-size: 12px;color: #E01F29;line-height: 26px; margin-top: -15px;width: 100%;padding-left: 175px;}
@keyframes opa {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}