@charset "UTF-8";
#window-captcha .ui-window-header {
  padding-left: 15px; }
#window-captcha .footer {
  padding: 10px;
  border-top: 1px solid #d7d7d7;
  background-color: #eee;
  text-align: right; }
  #window-captcha .footer .btn {
    height: 36px;
    margin-left: 10px; }

/***
-----------------------------
register
----------------------------
**/
.register-wrap {
  padding: 30px;
  margin: 40px auto;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  background: #fff; }

.reg-header {
  padding-bottom: 30px;
  border-bottom: 1px solid #DDD; }
  .reg-header h1 {
    font: bold 24px/60px "Microsoft Yahei","冬青黑体";
    color: #333; }
  .reg-header p {
    margin-left: 115px;
    width: 615px;
    line-height: 24px; }

.reg-body {
  width: 600px;
  margin: 0 auto; }
  .reg-body .tag {
    float: left;
    display: block;
    width: 300px;
    font: bold 18px / 3 "Microsoft Yahei", "冬青黑体";
    color: #333;
    text-align: center;
    border-bottom: 2px solid #ddd; }
  .reg-body .reg-main {
    clear: both;
    position: relative;
    min-height: 360px; }
    .reg-body .reg-main table {
      position: absolute;
      top: 30px;
      left: 0;
      width: 100%;
      background-color: #FFF;
      transition: all 0.5s ease-in-out; }
    .reg-body .reg-main .reg-mobile {
      opacity: 1; }
    .reg-body .reg-main .reg-email {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      transform: rotateY(90deg); }
    .reg-body .reg-main.r-e .reg-mobile {
      visibility: hidden;
      transform: rotateY(180deg);
      opacity: 0; }
    .reg-body .reg-main.r-e .reg-email {
      visibility: visible;
      transform: rotateY(0deg);
      opacity: 1; }
    .reg-body .reg-main .j-selcet-avatar {
      line-height: 48px;
      margin-left: 25px; }
    .reg-body .reg-main .label {
      width: 85px;
      color: #333; }
    .reg-body .reg-main td {
      padding-bottom: 18px;
      height: 36px;
      font-size: 14px;
      line-height: 36px; }
    .reg-body .reg-main .normal-inp {
      padding: 5px;
      width: 348px;
      height: 24px;
      border: 1px solid #ddd; }
      .reg-body .reg-main .normal-inp.error {
        border-color: #f00; }
    .reg-body .reg-main .reg-mobile .j-code {
      display: inline-block;
      box-sizing: border-box;
      padding: 0 5px;
      font-size: 14px;
      line-height: 36px;
      text-align: center;
      border: 1px solid;
      background-color: transparent; }
      .reg-body .reg-main .reg-mobile .j-code.disabled, .reg-body .reg-main .reg-mobile .j-code[disabled] {
        cursor: not-allowed;
        background: #ccc !important;
        border-color: #ccc !important;
        color: #FFF !important; }
    .reg-body .reg-main .short {
      width: 138px; }
    .reg-body .reg-main .submit {
      display: block;
      width: 120px;
      height: 50px;
      font: bold 20px "Microsoft Yahei","冬青黑体";
      color: #fff; }

.reg-main .check-img, .reg-main input[type="checkbox"] {
  vertical-align: middle; }

.reg-footer {
  padding-top: 30px;
  text-align: center;
  border-top: 1px solid #DDD; }
  .reg-footer p, .reg-footer a {
    line-height: 24px; }

i.sina, i.wx, i.qq {
  display: inline-block;
  width: 28px;
  height: 22px;
  vertical-align: middle; }
i.sina {
  background-position: -8px -53px; }
i.wx {
  background-position: -8px -104px; }
i.qq {
  background-position: -8px -157px; }

.result1 {
  padding: 70px 75px; }
  .result1 .u-title {
    margin-bottom: 15px; }

.reg-result p {
  font-size: 14px;
  line-height: 2; }
.reg-result .link-email {
  margin-top: 25px;
  display: block;
  width: 96px;
  height: 34px;
  font-size: 14px;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
  color: #FFF; }

.result1 .tip {
  margin-top: 80px;
  padding: 15px 27px;
  line-height: 24px;
  border: 1px solid #e6e6e6; }

.reg-result .tip h6 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #333; }
.reg-result .tip .j-resend {
  display: inline-block;
  border: 1px solid;
  line-height: 15px;
  margin-left: 0.5em; }

.result2 {
  padding: 100px 0 100px 180px; }
  .result2 .u-title {
    padding-left: 48px;
    margin-bottom: 10px;
    height: 32px;
    font-size: 24px;
    line-height: 32px; }

.success .u-title {
  background-position: -749px -6px; }

.failed .u-title {
  background-position: -749px -125px; }

.result2 .first-a {
  margin-left: 48px; }

.reg-result .tip .j-resend.disabled {
  cursor: not-allowed;
  border-color: #999 !important;
  color: #999 !important; }

.register-wrap i.qq {
  background-position: -8px -181px; }

.password-wrapper {
  position: relative;
  display: inline-block; }
  .password-wrapper #toggleBtn {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    user-select: none;
    color: #ccc;
    font-size: 16px; }
  .password-wrapper .eye {
    width: 20px;
    height: 20px;
    background: url("/res/img/eye.png") no-repeat;
    background-size: contain; }
  .password-wrapper .eye-close {
    width: 20px;
    height: 20px;
    background: url("/res/img/eye-close.png") no-repeat;
    background-size: contain; }

/*# sourceMappingURL=register.css.map */