.pop-bind input[type=number],
.pop-login input[type=number] {
    -moz-appearance: textfield
}
.pop-login,
.pop-login div[data-tabCt] {
    display: none
}


.pop-login {
  position        : fixed;
  right           : 0;
  bottom          : 0;
  left            : 0;
  top             : 0;
  background-color: rgba(0, 0, 0, .6);
  z-index         : 600
}

.pop-login input::-webkit-inner-spin-button,
.pop-login input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.pop-login div[data-tabCt].on {
  display: block
}

.pop-login .tabCtWarp {
  display: flex
}

.pop-login .tabCtWarp .row {
  width  : 100%;
  display: flex
}

.pop-login .eyes-icon {
  position           : absolute;
  right              : 0;
  top                : 0;
  width              : 20px;
  height             : 20px;
  padding            : 14px;
  background-image   : url(/img/icon_close.png);
  background-size    : 24px 24px;
  background-repeat  : no-repeat;
  background-position: center
}

.pop-login .eyes-icon.on {
  background-image: url(/img/icon_open.png)
}

.pop-login .sel-icon {
  width           : 16px;
  height          : 16px;
  background-image: url(/img/login_ic_check@2x.png);
  background-size : 100%;
  cursor          : pointer
}

.pop-login .sel-icon.on {
  background-image: url(/img/login_ic_check_sel@2x.png)
}

.pop-login .login {
  position     : absolute;
  left         : 50%;
  top          : 50%;
  transform    : translate(-50%, -50%);
  width        : 468px;
  
  background   : #fff;
  border-radius: 2px
}

.pop-login .title {
  display      : flex;
  height       : 84px;
  border-bottom: 1px solid #e9e9e9;
  align-items  : center;
  padding-left : 59px
}

.pop-login .tab {
  display        : flex;
  height         : 100%;
  align-items    : center;
  justify-content: center;
  width          : 90px;
  font-size      : 18px;
  font-family    : SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight    : 400;
  color          : #a6a9aa;
  cursor         : pointer
}

.pop-login .tab.on {
  font-size  : 20px;
  color      : #0a1726;
  font-weight: 700
}

.pop-login .tab:first-of-type {
  margin-right: 36px
}

.pop-login .close {
  position: absolute;
  right   : 0;
  top     : 0;
  padding : 16px;
  width   : 16px;
  height  : 16px
}

.pop-login .form {
  margin : 0;
  padding: 40px 64px 0
}

.pop-login .row {
  position: relative
}

.pop-login input {
  box-sizing   : border-box;
  width        : 100%;
  height       : 48px;
  background   : #fafafa;
  border-radius: 2px;
  border       : 1px solid #e9e9e9;
  padding-left : 16px;
  padding-right: 40px;
  overflow     : hidden;
  font-size    : 16px;
  font-family  : SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight  : 400;
  color        : #666a6e;
  line-height  : 24px
}

.pop-login .phone-inp {
  margin-bottom: 24px
}

.pop-login .code-row {
  display    : flex;
  align-items: center
}

.pop-login .clear-phone {
  display : block;
  position: absolute;
  width   : 16px;
  height  : 16px;
  right   : 0;
  top     : 0;
  padding : 16px;
  cursor  : pointer
}

.pop-login .code-inp {
  width: 208px
}

.pop-login .get-code-btn {
  display        : flex;
  justify-content: center;
  align-items    : center;
  margin-left    : 20px;
  width          : 112px;
  height         : 48px;
  border-radius  : 2px;
  font-size      : 16px;
  font-family    : SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight    : 400;
  color          : #fff;
  background     : #9b9e9f
}

.pop-login .get-code-btn.on {
  background: #ef2f2f
}

.pop-login .m-hint {
  font-size  : 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : #6f6f6f;
  padding    : 10px 0;
  zoom       : 1;
  width      : 100%
}

.pop-bind .m-bind-wrap .bind-form .get-code-btn,
.pop-bind .m-bind-wrap .bind-form input,
.pop-bind .m-bind-wrap .title .tab,
.pop-login .bottom-tip,
.pop-login .month-no-login,
.pop-login .txt {
  font-family: SourceHanSansCN-Normal, SourceHanSansCN
}

.pop-login .forget {
  float : right;
  cursor: pointer
}

.pop-login .protocol {
  display        : flex;
  justify-content: center;
  align-items    : center;
  margin-bottom  : 20px
}

.pop-login .sel-status {
  margin-right: 8px
}

.pop-login .sel-status .icon {
  display     : block;
  width       : 16px;
  height      : 16px;
  margin-right: 8px
}

.pop-login .txt {
  height     : 20px;
  font-size  : 14px;
  font-weight: 400;
  color      : #666a6e
}

.pop-login .protocol-link {
  color: #35659d
}

.pop-login .login-button {
  display        : -webkit-box;
  display        : -moz-box;
  display        : -ms-flexbox;
  display        : -webkit-flex;
  display        : flex;
  margin         : 0 64px;
  justify-content: center;
  align-items    : center;
  width          : 340px;
  height         : 48px;
  border-radius  : 2px;
  font-size      : 18px;
  font-family    : SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight    : 500;
  color          : #fff;
  cursor         : auto;
  background     : #9b9e9f
}

.pop-login .month-no-login,
.pop-login .third-party {
  justify-content: center;
  font-size      : 14px;
  font-weight    : 400
}

.pop-login .login-button.on {
  cursor    : pointer;
  background: #ef2f2f
}

.pop-login .month-no-login {
  display    : -webkit-box;
  display    : -moz-box;
  display    : -ms-flexbox;
  display    : -webkit-flex;
  display    : flex;
  align-items: center;
  padding    : 17px 170px;
  color      : #666a6e;
  height     : 16px
}

.pop-login .month-no-login .nologin-sel-status .icon {
  display     : block;
  width       : 16px;
  height      : 16px;
  margin-right: 8px
}

.pop-bind .m-bind-wrap .title,
.pop-login .third-party {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex
}

.pop-login .third-party {
  display      : -ms-flexbox;
  display      : flex;
  align-content: center;
  margin       : 25px 64px 40px;
  height       : 20px;
  color        : #9b9e9f;
  position     : relative
}

.pop-login .third-party::after,
.pop-login .third-party::before {
  content   : "";
  position  : absolute;
  top       : 50%;
  height    : 1px;
  width     : 105px;
  background: #e9e9e9
}

.pop-login .third-party::before {
  left: 0
}

.pop-login .third-party::after {
  right: 0
}

.pop-login .wechat-icon {
  display: block;
  margin : 0 auto;
  width  : 44px;
  height : 44px
}

.pop-login .bottom-tip {
  margin     : 32px auto 0;
  font-size  : 14px;
  font-weight: 400;
  color      : #9b9e9f;
  text-align : center
}