body {background: #4eafff !important;}
.font12{font-size: 12px !important;}
/*=====================logo区======================*/
.logoWrap {font-size: 0;text-align: center;height: 92px;}
.logoWrap .logo{display:inline-block;*display:line;*zoom:1;vertical-align:middle;padding-right: 26px;}
.logoWrap .logoTxt {display:inline-block;*display:line;*zoom:1;vertical-align:middle;font-size: 24px;padding-left:26px;border-left:1px solid #fff;color:#fff;}
/*=====================内容区======================*/
.contentWrap {padding:40px 0;}
.retrieveWrap {background: #fff;width: 900px;margin:0 auto;padding:50px 0;border-radius: 3px;}
.process{width: 780px;margin:0 0 50px 120px; height: 50px;}
.process .steps{position: relative; float: left;}
.process .steps .bj{background: #1790ff !important; color: #fff !important; border: 2px solid #1790ff !important; font-weight: bold;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.process .steps .step{float: left; width: 30px; height: 30px; margin: 0 5px; border: 2px solid #ddd; border-radius: 50%; color: #ccc; font-weight: bold; text-align: center; line-height: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; font-size: 16px;}
.process .steps .assemblyLine{float: left; width: 160px; height: 6px; border-radius: 3px; margin-top: 12px; background: #ddd;}
.process .steps .stepName{position: absolute; top: 35px; width: 100px; left: -30px; text-align: center; font-size: 12px; color: #333;}
.process .steps .choose{color: #1790FF !important}
.retrieveWrap .existAccount {width: 500px;margin:0 auto 15px auto;text-align: right;}
.retrieveWrap .goLogin {color:#1982cc;}
.retrieveWrap .goLogin:hover {text-decoration: underline;}
.retrieveWrap .inputWrap{width: 600px; margin:0 auto;border-radius: 3px;overflow: hidden;padding: 0 200px;}
.retrieveWrap .inputWrap label{float: left; margin: 5px 5px 0px 0px; width: 120px; text-align: right; font-size: 16px; color: #333333;}
.retrieveWrap .inputWrap input{width:200px; border:1px solid #999999;height:32px;line-height: 32px;font-size: 14px;color:#787979; margin:0px 5px;}
.retrieveWrap .inputWrap span{color:#999999;}
.retrieveWrap .inputWrap img{width:100px;height:32px; vertical-align: middle;}
.retrieveWrap .inputWrap .warn{color:#F32F46; margin:5px 0px 2px 140px; height: 12px;}
.retrieveWrap .success{text-align: center; margin: 10px 0px 20px -80px; }
.retrieveWrap .inputWrap a{color: #1790FF}

/*按钮区*/
.retrieveWrap .btn-register {width: 88px;height: 28px;line-height: 28px;text-align: center;margin:50px auto 100px auto; background: #fe8c20;}


/*获取短信验证码*/
.retrieveWrap .getMessageCode {display: inline-block; font-size: 12px; width: 80px; height: 24px; text-align: center; line-height: 24px; color: #fff; background: #d8d8d8;}
.retrieveWrap .send{background: #52c41a !important; cursor: pointer;}
.retrieveWrap .getMessageCoding {color:#ccc;cursor: default;}

/*验证码*/
.retrieveWrap .vCodeWrap{position:relative;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin-right: 10px;}
.retrieveWrap .inputWrap .vCodeInput{width: 325px;}
.retrieveWrap .vCodePic{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;font-size: 13px;font-size: 45px;height: 52px;width: 110px;border:1px solid #ccc;border-radius: 3px;}

.retrieveWrap .icon-right{background:url('../images/right.png') no-repeat;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.retrieveWrap .icon-warning{background:url('../images/warn.png') no-repeat;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.retrieveWrap .icon-error{background:url('../images/error.png') no-repeat;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.retrieveWrap .inputWrap .rule{position: absolute; top: 0; right: 50px; border: 1px solid #dadad6; background: #fffcd7; color: #a19f91; line-height: 20px; padding: 5px;}
.rule:before{ box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: 10px; left:-16px; padding:0; border-bottom:8px solid transparent; border-top:8px solid transparent; border-left:8px solid transparent; border-right:8px solid #fffcd7; display: block; content:''; z-index: 12;}
.rule:after{ box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: 8px; left:-20px; padding:0; border-bottom:10px solid transparent; border-top:10px solid transparent; border-left:10px solid transparent; border-right:10px solid #dadad6; display: block; content:''; z-index:10}

/*错误信息*/
.retrieveWrap .error {position: absolute;;width: 15px; height: 15px; background: #F32F46; border-radius: 50%; text-align: center;line-height: 15px; top: 10px; left: 310px;}
.errorInput{border: 1px solid #F32F46 !important;}
/*底部地址区*/
.footerWrap{color: #175592; width: 900px; height: 56px; margin: 50px auto 50px auto; text-align: center;}
.footerWrap div{margin: 10px;}


/*=====================弹窗======================*/
.dialogWrap .dialog {width: 720px;height: 350px;margin-left:-360px;margin-top:-175px;font-size: 0;text-align: center;padding:0;}
.dialogWrap .rolSel {display: inline-block;*display: inline;*zoom:1;vertical-align: middle;cursor: pointer;}
.dialogWrap .rolSel img {display: block;margin-bottom: 17px;}
.dialogWrap .rolSel p {font-size: 13px;color:#333;}
.dialogWrap .wtRol {margin-right: 110px;}
.process.modifyPhoneNum {
    width: auto;
    margin: 0 0 50px;
    display: flex;
    justify-content: center;
}
.inputWrap .codeBtn {
    width: 110px;
    height: 34px;
    border: none;
    border-radius: 4px;
    background-color: #4096ff;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.inputWrap .codeBtn:hover {
    background-color: #1677ff;
}

.inputWrap .codeBtn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}