@charset "UTF-8";
/**
 * @author yangye
 * @design yangxuesong;
 */
/**
 * @author yangye
 * @design yangxuesong;
 */
/* 本地路径 ../images */
/* 开发目录路径 /yw5/images */
/* 本地路径 font/ */
/* 开发目录路径 /yw5/css/font */
/**
 * @author yangye
 * @design yangxuesong;
 */
/* 居中容器 */
/*边框*/
/*下边距 默认mb就是10px*/
/* 不折行截字 */
/* 折行截字 */
/* 嵌套小三角 */
/* 实体小三角 */
/* 父容器用overflow清浮动 */
/* 父容器不用overflow清除浮动 */
.reg-form-wrap .reg-form-list dd:before, .reg-form-wrap .reg-form-list dd:after {
  display: table;
  content: ''; }
.reg-form-wrap .reg-form-list dd:after {
  clear: both; }

/* 注册页面 */
.reg-header {
  border-bottom: none;
  margin-bottom: 32px; }
  .reg-header em, .reg-header span {
    margin-top: 15px;
    float: left; }
  .reg-header em {
    height: 24px;
    margin: 15px 24px 0;
    border-right: 1px solid #D8D8D8; }
  .reg-header span {
    font-size: 24px;
    line-height: 1; }

/* 注册进度 */
.reg-step {
  height: 39px;
  border-bottom: 1px solid #D8D8D8;
  text-align: center;
  font-size: 0; }
  .reg-step span {
    color: #BFBFBF;
    padding: 0 30px 10px;
    font-size: 18px;
    line-height: 34px; }
    .reg-step span.act {
      color: #1A1A1A;
      border-bottom: 2px solid #2E9DE7; }
      .reg-step span.act i {
        background: #2E9DE7; }
      .reg-step span.act .iconfont {
        color: #2E9DE7; }
    .reg-step span i {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      margin: -4px 7px 0 0;
      border-radius: 100%;
      color: white;
      font: 16px/24px FZZCYSK;
      background: #BFBFBF; }
    .reg-step span .iconfont {
      display: inline-block;
      vertical-align: middle;
      margin: -2px 7px 0 0;
      min-width: 24px;
      font-size: 24px;
      color: #BFBFBF; }

/* 注册表单 */
.reg-form-wrap {
  padding: 40px 0 60px; }
  .reg-form-wrap .reg-form-list {
    padding-left: 250px; }
    .reg-form-wrap .reg-form-list dd {
      position: relative;
      z-index: 1;
      margin-bottom: 32px;
      *zoom: 1;
      /* 针对lulu稍作修改，如果后续整站统一，此块抽到通用样式中 */ }
      .reg-form-wrap .reg-form-list dd select {
        width: 160px; }
      .reg-form-wrap .reg-form-list dd .ui-select {
        float: left; }
      .reg-form-wrap .reg-form-list dd .ui-select-button {
        border-radius: 0;
        height: 22px;
        border: 1px solid #E6E6E6;
        border-right: none; }
      .reg-form-wrap .reg-form-list dd .ui-select-datalist {
        border: 1px solid #E6E6E6; }
      .reg-form-wrap .reg-form-list dd .ui-select-icon {
        margin: 7px 5px 0 0; }
      .reg-form-wrap .reg-form-list dd.top {
        z-index: 10; }
      .reg-form-wrap .reg-form-list dd.error input[type=text], .reg-form-wrap .reg-form-list dd.error input[type=password] {
        border: 1px solid #ED4259; }
      .reg-form-wrap .reg-form-list dd.error .ui-select-datalist-li {
        color: #1A1A1A; }
      .reg-form-wrap .reg-form-list dd.error em {
        color: #1A1A1A; }
      .reg-form-wrap .reg-form-list dd em {
        min-width: 60px;
        font: 14px/44px "PingFangSC-Regular", "-apple-system", Simsun;
        float: left;
        margin-right: 24px;
        text-align: right; }
      .reg-form-wrap .reg-form-list dd .slide-verify {
        float: left; }
      .reg-form-wrap .reg-form-list dd input[type=text], .reg-form-wrap .reg-form-list dd input[type=password] {
        float: left;
        padding: 0 16px;
        width: 308px;
        border: 1px solid #E6E6E6;
        height: 40px;
        font: 14px/42px "PingFangSC-Regular", "-apple-system", Simsun; }
        .reg-form-wrap .reg-form-list dd input[type=text].mid, .reg-form-wrap .reg-form-list dd input[type=password].mid {
          width: 149px; }
      .reg-form-wrap .reg-form-list dd i {
        float: left;
        margin: 10px 0 0 12px; }
      .reg-form-wrap .reg-form-list dd .get-code {
        float: left;
        width: 116px;
        height: 40px;
        border: 1px solid #D8D8D8;
        margin-left: 12px;
        text-align: center;
        background: #F7F7F7;
        font: 14px/42px "PingFangSC-Regular", "-apple-system", Simsun; }
        .reg-form-wrap .reg-form-list dd .get-code:hover {
          color: #4A4A4A; }
        .reg-form-wrap .reg-form-list dd .get-code.reload {
          color: #666;
          background: #E6E6E6;
          cursor: default; }
      .reg-form-wrap .reg-form-list dd .password-tip {
        position: absolute;
        top: 0;
        left: 444px;
        z-index: 1;
        border: 1px solid #FFDC95;
        background: #FFF7E7;
        font: 12px/24px "PingFangSC-Regular", "-apple-system", Simsun;
        color: #6B3612;
        padding: 6px 12px 8px 8px; }
        .reg-form-wrap .reg-form-list dd .password-tip span {
          position: absolute;
          top: 5px;
          left: -7px;
          border-top: 7px solid transparent;
          border-right: 7px solid #FFDC95;
          border-bottom: 7px solid transparent;
          border-left: 0 none;
          width: 0;
          height: 0; }
          .reg-form-wrap .reg-form-list dd .password-tip span cite {
            position: absolute;
            top: -7px;
            left: 2px;
            border-top: 7px solid transparent;
            border-right: 7px solid #FFF7E7;
            border-bottom: 7px solid transparent;
            border-left: 0 none;
            width: 0;
            height: 0; }
    .reg-form-wrap .reg-form-list .deal {
      padding-left: 80px;
      margin-bottom: 30px; }
      .reg-form-wrap .reg-form-list .deal a, .reg-form-wrap .reg-form-list .deal label {
        display: inline-block;
        vertical-align: middle;
        font: 12px/16px "PingFangSC-Regular", "-apple-system", Simsun; }
    .reg-form-wrap .reg-form-list .go-reg {
      display: block;
      width: 340px;
      height: 40px;
      margin: 0 0 30px 84px;
      font: 16px/40px "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif"; }
    .reg-form-wrap .reg-form-list .switch-reg {
      margin-left: 84px;
      font: 12px/1 "PingFangSC-Regular", "-apple-system", Simsun; }
    .reg-form-wrap .reg-form-list .code-img {
      float: left;
      margin: 0 14px 0 16px;
      width: 108px;
      height: 44px; }
      .reg-form-wrap .reg-form-list .code-img + a {
        float: left;
        font: 12px/40px "PingFangSC-Regular", "-apple-system", Simsun; }
    .reg-form-wrap .reg-form-list .error-tip {
      position: absolute;
      z-index: 1;
      left: 84px;
      top: 100%;
      font: 12px/30px "PingFangSC-Regular", "-apple-system", Simsun; }
    .reg-form-wrap .reg-form-list .password-strong {
      float: left;
      padding-left: 12px; }
      .reg-form-wrap .reg-form-list .password-strong p {
        font: 14px/44px "PingFangSC-Regular", "-apple-system", Simsun; }
        .reg-form-wrap .reg-form-list .password-strong p span {
          position: relative;
          display: inline-block;
          height: 6px;
          margin-right: 8px;
          width: 118px; }
          .reg-form-wrap .reg-form-list .password-strong p span.level-1 {
            border: 1px solid #FC6C28; }
            .reg-form-wrap .reg-form-list .password-strong p span.level-1 b {
              width: 38px;
              background: #FC6C28; }
          .reg-form-wrap .reg-form-list .password-strong p span.level-2 {
            border: 1px solid #FFCB00; }
            .reg-form-wrap .reg-form-list .password-strong p span.level-2 b {
              width: 78px;
              background: #FFCB00; }
          .reg-form-wrap .reg-form-list .password-strong p span.level-3 {
            border: 1px solid #8CCD0A; }
            .reg-form-wrap .reg-form-list .password-strong p span.level-3 b {
              width: 118px;
              background: #8CCD0A; }
          .reg-form-wrap .reg-form-list .password-strong p span b {
            position: absolute;
            left: 0;
            height: 6px; }

/* 注册成功 */
.reg-success {
  text-align: center; }
  .reg-success h3 {
    font: 22px/30px "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif"; }
  .reg-success .ok {
    width: 60px;
    height: 60px;
    margin: 32px auto;
    background-position: 0 -96px; }
  .reg-success .email-check {
    width: 60px;
    height: 48px;
    margin: 32px auto;
    background-position: 0 0; }
  .reg-success p {
    margin-bottom: 16px;
    font: 14px/20px "PingFangSC-Regular", "-apple-system", Simsun; }
  .reg-success h4 {
    margin-bottom: 32px; }
  .reg-success .red-btn, .reg-success .blue-btn {
    margin: 30px auto 10px;
    display: block;
    width: 138px;
    height: 38px;
    font: 14px/38px "PingFangSC-Regular", "-apple-system", Simsun; }

/* 公告提示弹窗 */
.common-popup {
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 50%;
  margin: -200px 0 0 -200px;
  width: 378px;
  padding-bottom: 20px;
  border-radius: 2px;
  background: #FFF; }
  .common-popup .popup-head {
    height: 39px;
    background: #FAFAFA;
    border-bottom: 1px solid #E6E6E6; }
    .common-popup .popup-head h3 {
      padding-left: 16px;
      font: 16px/40px "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif"; }
  .common-popup .popup-content {
    padding: 24px; }
    .common-popup .popup-content p {
      font: 14px/24px "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif"; }
  .common-popup .popup-btn {
    text-align: center;
    font-size: 0; }
    .common-popup .popup-btn a {
      display: inline-block;
      vertical-align: middle;
      border-radius: 2px;
      width: 98px;
      height: 34px;
      border: 1px solid #E5E5E5;
      font: 14px/34px "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif";
      background: #FAFAFA;
      color: #1A1A1A; }
      .common-popup .popup-btn a:first-child {
        margin-right: 20px; }
      .common-popup .popup-btn a.blue-btn {
        position: relative;
        z-index: 1;
        border-color: #2A8CCD;
        color: #FFF;
        background: #2E9DE7;
        text-align: center; }
        .common-popup .popup-btn a.blue-btn:hover {
          border-color: #2972CC;
          background: #2972CC;
          color: #FFF; }
        .common-popup .popup-btn a.blue-btn.disabled {
          border-color: #A6A6A6;
          background: #A6A6A6;
          cursor: default; }