#loginDialog{
  width:1200px;
  padding:20px 40px;
}
.loginModel{
  width:440px;
  margin:0 auto;
}
.loginModel h3{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}
#loginForm{
  width:100%;
  padding:20px;
  margin:0 auto;
}
.loginInput{
  width:100%;
  position: relative;
}
.loginInput:not(:first-child){
  margin-top:20px;
}
.loginInput input{
  width:380px;
  height:36px;
  box-sizing: border-box;
  padding-left:36px;
  padding-right:20px;
  border:1px solid #E8E8E8;
  border-radius: 4px;
}
.loginInput input:focus{
  border:1px solid #0B5FD5
}
.loginInput .myIcon{
  width:24px;
  height:24px;
  position: absolute;
  left:22px;
  top:6px;
}
.loginInput .message{
  position: absolute;
  left:0px;
  top:36px;
}
.loginInput.loginCode{
  /* display: flex; */
  align-items: center;
}
#s-canvas{
  margin-left:10px;
  cursor: pointer;
}
.sumbitBox{
  display: flex;
  justify-content: center;
  margin-top:10px;
  margin-bottom: 40px;
}

.registeredBtn,
.loginSumbit,
.forgetBackBtn,
.forgetSumbit{
  width:140px;
}
.modelBtn.loginSumbit{
  margin-left:30px;
}
/* 注册 */
#registeredDialog,
#forgetPwdDialog{
  width:1200px;
  padding:20px 40px;
}
#registeredModel,
#forgetPwdModel{
  width:600px;
  margin:0 auto;
  padding:0 20px;
}
#registeredModel h3,
#forgetPwdModel h3{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}
.my-form-item input{
  width:420px;
  padding:10px;
  border:1px solid #E8E8E8;
  border-radius: 4px;
}
.my-form-item input:focus{
  border:1px solid #0B5FD5
}
.checkAgreement{
  text-align: center;
  margin-top:20px;
}
.checkAgreement input{
  border:1px solid #E8E8E8;
  margin-right:20px;
}
.checkAgreement input:checked{
  border-color: #0B5FD5;
}
.checkAgreement span{
  color: #ccc;
}
.checkAgreement span.toAgreement{
  color: #0B5FD5;
  cursor: pointer;
}
.emailCode{
  display: flex;
  align-items: center;
}
.loginInput .help-block{
  position: absolute;
  left:15px;
  bottom:-16px;
  color: red;
}
#forgetPwdModelForm .help-block,
#registeredModel .help-block{
  margin-left:125px;
  color: red;
}
#forgetPwdModelForm .col-sm-12,
#registeredModel .col-sm-12{
  padding:0;
}

.agreementBox{
  padding:40px 60px;
}
/* 表单CSS */
.my-form.inline{
  position: relative;
}
.my-form.inline .my-form-item{width:100%;display: flex;flex-wrap: nowrap;align-items: center;}
.my-form .my-form-item{position: relative;margin-top:15px;}
.my-form .my-form-label{display: inline-block;width:115px;text-align:right;margin-right:10px;}
.my-form input[type='text']{box-sizing: border-box;height:36px;}
.my-form select{box-sizing: border-box;height:36px;}
.my-form textarea{vertical-align:top}
.my-form .otherTips{margin-top:20px;}
.my-form .my-form-label i{color:red;margin-right:5px;}