.formBase{
  .ant-form-item-label{
    width: 80px;
    display: block;
  }
  .ant-form-explain{
    position: absolute;
  }
  .ant-row.ant-form-item{
    margin-bottom: 12px;
  }
}
.formBase.passMan{
  .ant-form-item-label{
    width: 92px;
  }
}
.infosRightMenu{
  .ant-menu-item{
    a{
      font-size: 16px;
      color: #333333;
      position: relative;
      bottom: -10px;
    }
    a:hover{
      color: #333333;
    }
  }
}
.personalInfo{
  .ant-menu-item{
    color:#333333;
    line-height: 20px;
  }
  .ant-menu-item-selected{
    color:#2a61ff;
  }
}
.tipsBox{
  height: 45px;
  color:#ffa13a;
  background-color:#fff5eb;
  border:1px solid #ffa13a;
  border-radius:2px;
  padding: 7px 20px;
  letter-spacing: 1.5px;
  display: flex;
  align-items: center;
  &.emailBox{
    background-image: url('../../Images/personalInfo2.png');
    background-size: 100% 100%;
    border: none;
    color:#181818;
    .email{color:#666666;}
  }
  .spanTil{
    letter-spacing: normal;
  }
}
.tipCont{
  min-height: 330px;
  background-image: url('../../Images/personalInfo1.png');
  background-size: 100% 100%;
  color: rgba(24, 24, 24, 1);
  padding: 20px 23px;
  .orange{
    color: rgba(255, 161, 58, 1);
  }
  .oneTipBox{
    color: rgba(102, 102, 102, 1);
    display: block;
    position: relative;
    padding-left: 15px;
    &::before{
      content: '';
      position: absolute;
      top: 11px;
      left: 0px;
      width:6px;
      height:6px;
      background-color:#8f8f8f;
      border-radius: 50%;
    }
  }
}
.updateEmail{
  font-weight:700;
  color:#181818;
  position: relative;
  padding-left: 8px;
  &::before{
    content: '';
    position: absolute;
    top: 7px;
    left: 0px;
    width:3px;
    height:15px;
    background-color:#466aff;
    border-radius:2px;
  }
}
.personalUpdateInfoForm{
  .ant-input{
    height: 38px;
  }
  .ant-row.ant-form-item{
    margin-bottom: 20px;
  }
  .ant-form-item-control{
    left: 12px;
  }
  .ant-form-item-label > label{
    color: #181818;
  }
  .ant-form-explain{
    position: relative;
    margin-top: 10px;
    color: #FF4C4C;
    &::before{
      content: '!';
      width:18px;
      height:18px;
      border-radius: 50%;
      display: inline-block;
      line-height: 18px;
      text-align: center;
      font-size: 12px;
      color: #FF4C4C;
      background-color: #FFDADA;
      margin-right: 8px;
    }
  }
  .has-error .ant-input{
    border-color: #ff4c4c;
    background-color: rgba(102, 102, 102, 0) !important;
  }
  .has-error::after{
    content: '\e6e9';
    color: #FF4C4C;
    font-size: 19px;
    position: absolute;
    right: -32px;
    top: 0;
  }
  .hasSuccess .ant-form-item-control::after{
    content: '\e892';
    color: #1FD148;
    font-size: 19px;
    position: absolute;
    right: -32px;
    top: 0;
  }
}
.getCaptchaBut{
  height:38px;
  border-color: #466aff;
  color: #466aff;
  &:hover {
    border-color: #5d7cff;
    color: #5d7cff;
  }
  &:focus {
    border-color: #1140ff;
    color: #1140ff;
  }
}
.gotoUpdateEmail{
  line-height: 40px;
}