* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  height: 100%; }

body {
  font-family: Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;
  height: 100%;
  background-color: #263b89; }

.bg-header {
  display: block;
  width: 100%;
  height: 9.10667rem;
  background-image: url("/static/specials/images/20181204MobileActRegister-m_regedit_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%; }

.specials-container {
  width: 100%;
  min-height: 100%; }

.text-tip {
  text-align: center;
  font-size: 0.4rem;
  color: #fff;
  margin-top: 0.12rem; }
  .text-tip i {
    display: inline-block;
    width: 0.17333rem;
    height: 0.25333rem; }
    .text-tip i.left {
      margin-right: 0.26667rem;
      background-image: url("/static/specials/images/20181204MobileActRegister-m_regedit_title_left.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .text-tip i.right {
      margin-left: 0.26667rem;
      background-image: url("/static/specials/images/20181204MobileActRegister-m_regedit_title_right.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }

.phone-num-wrapper {
  position: relative;
  width: 8.33333rem;
  margin: 0.37333rem auto 0; }
  .phone-num-wrapper .phone-num {
    width: 100%;
    outline: none;
    border: 0.02667rem solid #212735;
    background-color: #212735;
    height: 1.17333rem;
    border-radius: 0.16rem;
    padding: 0.26667rem 0.37333rem;
    font-size: 0.50667rem;
    color: #fff;
    display: block; }
    .phone-num-wrapper .phone-num.error-num-tip {
      border-color: #dd5c5c;
      background-color: #9b3b3b; }
  .phone-num-wrapper .error-txt-tip {
    position: absolute;
    color: #dd5c5c;
    font-size: 0.37333rem;
    top: 1.32rem;
    display: none; }
    .phone-num-wrapper .error-txt-tip.show-error {
      display: block; }

.psd-wrapper {
  position: relative;
  width: 8.33333rem;
  margin: 0.69333rem auto 0; }
  .psd-wrapper .psd {
    width: 100%;
    outline: none;
    border: 0.02667rem solid #212735;
    background-color: #212735;
    height: 1.17333rem;
    border-radius: 0.16rem;
    padding: 0.26667rem 0.37333rem;
    font-size: 0.50667rem;
    color: #fff;
    display: block; }
    .psd-wrapper .psd.error-psd-tip {
      border-color: #dd5c5c;
      background-color: #9b3b3b; }
  .psd-wrapper .error-txt-tip {
    position: absolute;
    color: #dd5c5c;
    font-size: 0.37333rem;
    top: 1.32rem;
    display: none; }
    .psd-wrapper .error-txt-tip.show-error {
      display: block; }

.vertify-wrapper {
  position: relative;
  width: 8.33333rem;
  margin: 0.69333rem auto 0; }
  .vertify-wrapper .input-wrapper {
    position: relative;
    width: 100%;
    height: 1.17333rem; }
    .vertify-wrapper .input-wrapper > .get-code {
      position: absolute;
      right: 0;
      min-width: 2.05333rem;
      height: 0.73333rem;
      padding-left: 0.06667rem;
      padding-right: 0.06667rem;
      border-radius: 0.13333rem;
      background-color: #31394c;
      line-height: 0.73333rem;
      text-align: center;
      color: #f4f4f4;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0.18667rem;
      font-size: 0.32rem; }
  .vertify-wrapper .verify {
    width: 100%;
    outline: none;
    border: 0.02667rem solid #212735;
    background-color: #212735;
    height: 1.17333rem;
    border-radius: 0.16rem;
    padding: 0.26667rem 0.37333rem;
    font-size: 0.50667rem;
    display: block;
    color: #fff; }
    .vertify-wrapper .verify.error-verify-tip {
      border-color: #dd5c5c;
      background-color: #9b3b3b; }
  .vertify-wrapper .error-txt-tip {
    position: absolute;
    color: #dd5c5c;
    font-size: 0.37333rem;
    top: 1.32rem;
    display: none; }
    .vertify-wrapper .error-txt-tip.show-error {
      display: block; }

.register-btn {
  margin-bottom: 50px;
  width: 8.33333rem;
  margin: 0.69333rem auto 0.90667rem;
  font-weight: bold;
  height: 1.30667rem;
  text-align: center;
  font-size: 0.48rem;
  line-height: 1.30667rem;
  color: #826016;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff6a1), to(#eeb033));
  background: linear-gradient(180deg, #fff6a1, #eeb033);
  -webkit-box-shadow: 0px -0.02667rem 0px 0px rgba(255, 245, 200, 0.31);
          box-shadow: 0px -0.02667rem 0px 0px rgba(255, 245, 200, 0.31);
  border-radius: 0.16rem;
  position: relative; }

input::-webkit-input-placeholder {
  color: #acacac;
  font-size: 0.42667rem; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #acacac;
  font-size: 0.42667rem; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #acacac;
  font-size: 0.42667rem; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #acacac;
  font-size: 0.42667rem; }