.other-login {
  text-align: center;
}

.other-login p {
  margin-bottom: 0;
}

.other-login .icon-other-logins a {
  position: relative;
  display: inline-block;
  margin: 0 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-indent: -9999px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
}

.other-login .icon-other-logins a.yzj {
  background-image: url('/resource/images/icon/yzj2.png');
}

.other-login .icon-other-logins a.yzj:after {
  content: '金蝶云之家';
  position: absolute;
  width: 62px;
  left: -16px;
  top: 35px;
  text-indent: 0;
  color: #777;
  font-size: 12px;
  text-align: center;
}

.other-login .icon-other-logins a.qq {
  background-image: url('/jdy/images/loginandreg/new/qq.svg');
}
.other-login .icon-other-logins a.qq:hover {
  background-image: url('/jdy/images/assets/QQ.png');
}

.other-login .icon-other-logins a.qq:after{
  content: 'QQ';
  position: absolute;
  width: 37px;
  left: -3px;
  top: 35px;
  text-indent: 0;
  color: #777;
  font-size: 12px;
  text-align: center;
}


.other-login .icon-other-logins a.wx {
  background-image: url('/jdy/images/loginandreg/new/wx.svg');
}
.other-login .icon-other-logins a.wx:hover {
  background-image: url('/jdy/images/assets/WX.png');
}

.other-login .icon-other-logins a.wx:after{
  content: '微信';
  position: absolute;
  width: 37px;
  left: -3px;
  top: 35px;
  text-indent: 0;
  color: #777;
  font-size: 12px;
  text-align: center;
}

.other-login .icon-other-logins a.qywx {
  background-image: url('/jdy/images/loginandreg/new/compriseWx.svg');
}
.other-login .icon-other-logins a.qywx:hover {
  background-image: url('/jdy/images/assets/QYWX.png');
}


.other-login .icon-other-logins a.qywx:after{
  content: '企业微信';
  position: absolute;
  width: 60px;
  left: -14px;
  top: 35px;
  text-indent: 0;
  color: #777;
  font-size: 12px;
  text-align: center;
}

.other-login .icon-other-logins a.ding {
  background-image: url('/jdy/images/loginandreg/new/dingtalk.svg');
}
.other-login .icon-other-logins a.ding:hover {
  background-image: url('/jdy/images/assets/DING.svg');
}

.yzjTip {
  display: none;
  position: relative;
}

.yzjTip .topTrangle {
  position: absolute;
  position: absolute;
  top: -6px;
  left: 51px;
  z-index: 1;
  height: 7px;
  width: 12px;
  background-image: url("../images/top-trangle.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.yzjTipWrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 16px 16px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #F55855;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.10);
  border-radius: 4px;
}

.yzjTipWrapper .red {
  color: #F55855;
}

.yzjTipWrapper p {
  margin-bottom: 20px;
  font-size: 12px;
  color: #001400;
  line-height: 18px;
}

.yzjTipWrapper p:last-child {
  margin-bottom: 0;
}

.yzjTipWrapper .btns {
  text-align: right;
}

.yzjTipWrapper .btns .btn {
  display: inline-block;
  min-width: 72px;
  padding: 4px 12px;
  border: 1px solid #3CBAFF;
  border-radius: 2px;
  color: #3CBAFF;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
}

.step2 {
  display: none;
}