body {
  margin: 0;
  font-family: "STHeiti K","STHeiti","Microsoft YaHei","SimHei";
}

input {
  -webkit-appearance: none;
}

a {
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}

button {
  -webkit-user-select: none;
  user-select: none;
}

a:focus,
a:active,
button::-moz-focus-inner,
input[type="resetss"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  outline: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

a, img, button, input, textarea, div {
  -webkit-tap-highlight-color: transparent;
}

/*loading effect start*/
.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10001;
  padding-top: 30%;
  width: 100%;
}
.loader-container.loader-show-mask {
  background-color: rgba(0, 0, 0, 0.2);
}
.loader-container .loader {
  overflow: hidden;
  position: relative;
  margin: 100px auto;
  width: 90px;
  height: 90px;
  font-size: 5px;
  text-indent: -9999em;
  background-color: #0f0f0f;
  background-image: url('data:image/png;base64,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');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-background-size: 30px;
  -o-background-size: 30px;
  -webkit-background-size: 30px;
  background-size: 30px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.loader-container .loader-round {
  display: block;
  margin: 18px auto;
  border: 3px solid rgba(243, 56, 51, 0.3);
  border-left-color: #f33833;
  width: 48px;
  height: 48px;
  content: " ";
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-animation: load8 1.2s steps(360) infinite 0s;
  -webkit-animation: load8 1.2s steps(360) infinite 0s;
  animation: load8 1.2s steps(360) infinite 0s;
}

@-moz-keyframes load8 {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*loding effect end*/
body {
  min-width: 320px;
  max-width: 450px;
  margin: 0 auto;
  color: #fff;
  background-color: #171a35;
}

.wrapper {
  position: relative;
  padding-top: 40%;
  background-image: url("/images/h5/activity/adviser/register/banner.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.bannerTitle {
  font-size: 14px;
  box-sizing: border-box;
  width: 284px;
  height: 81.5px;
  margin: 0 auto 20px;
  padding: 20px 0 0;
  text-align: center;
  background-image: url("/images/h5/activity/adviser/register/dialog.png");
  background-size: cover;
}

.form {
  background-image: url("/images/h5/activity/adviser/register/form_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.form-box {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 12px 28px;
  margin: -40px auto 0;
  padding: 162px 16% 0;
  background-image: url("/images/h5/activity/adviser/register/luckM.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}
.form-box-item {
  position: relative;
  margin-bottom: 6px;
}
.form-box-item.code {
  padding-right: 117px;
}
.form-box-item_input {
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  padding-left: 52px;
  width: 100%;
  height: 42px;
  font-size: 14px;
  outline: none;
}
.form-box-item_input.input-code {
  padding-right: 117px;
}
.form-box-verifycode {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 103px;
  height: 42px;
  outline: none;
}
.form-box-item_label {
  display: block;
  position: absolute;
  top: 10px;
  left: 14px;
  background-repeat: no-repeat;
  background-image: url('../../../../../images/h5/components/form_icon-sa1af13125f.png');
  background-size: 24px 128px;
}
.form-box-item_label.phone-label {
  background-position: 0 -78px;
  height: 24px;
  width: 24px;
}
.form-box-item_label.pwd-label {
  background-position: 0 -52px;
  height: 24px;
  width: 24px;
}
.form-box-item_label.cdkey-label {
  background-position: 0 0;
  height: 24px;
  width: 24px;
}
.form-box-item_label.code-label {
  background-position: 0 -26px;
  height: 24px;
  width: 24px;
}
.form-box-item_label.verify-label {
  background-position: 0 -104px;
  height: 24px;
  width: 24px;
}
.form-box-item_btn {
  position: absolute;
  top: 2px;
  right: 0;
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  width: 110px;
  height: 38px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  color: #f44517;
  background-color: #fddf27;
  outline: none;
}
.form-box-item_btn:active, .form-box-item_btn:disabled {
  color: #ddd !important;
  background-color: #969696 !important;
}
.form-box-btn {
  display: block;
  margin: 10px auto 9px;
  box-sizing: border-box;
  border: none;
  border-radius: 24px;
  padding: 8px 0;
  width: 68%;
  height: 54px;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
  letter-spacing: 1px;
  color: #f43113;
  background-color: #ffe34a;
  outline: none;
  box-shadow: 0 2px 0 2px #57342c, 0 2px 0 2px #ffec70 inset, 0 -2px 0 2px #ea9a0e inset;
  text-shadow: 1px 1px 0 #fa9b33;
}
.form-box-btn:active {
  background-color: #f9d900;
}
.form-box-btn:disabled {
  color: #ffa79a;
  background-color: #ffed8b;
  box-shadow: 0 2px 0 2px #57342c, 0 -2px 0 2px #e9990d inset;
  text-shadow: 1px 1px 0 #ef9d41;
}
.form-box-error-tip {
  display: none;
  position: fixed;
  top: 30%;
  right: 0;
  left: 0;
  z-index: 100;
  box-sizing: border-box;
  padding: 0 20px;
  height: 1px;
  text-align: center;
}
.form-box-error-tip .error-tip_ctn {
  display: inline-block;
  margin: 0 auto;
  border-radius: 6px;
  padding: 10px;
  color: #fff;
  background-color: #0f0f0f;
  opacity: .7;
}
@media screen and (max-width: 375px) {
  .form-box {
    padding: 144px 12% 0;
  }
  .form-box .form-box-item_btn {
    height: 36px;
  }
  .form-box .form-box-item_input {
    height: 40px;
  }
  .form-box .form-box-btn {
    margin: 8px auto 14px;
  }
}
@media screen and (min-width: 435px) {
  .form-box {
    padding: 160px 18% 0;
  }
}
.form-box .form-box-btn {
  text-indent: -999px;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  background-repeat: no-repeat;
  background-image: url('../../../../../images/h5/activity/adviser/register/sprite-s1e4b087f33.png');
  background-size: 229.5px 312.5px;
  background-position: 0 -252px;
  height: 60.5px;
  width: 229.5px;
}
.form-box-checkgroup {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 19px;
}
.form-box-checkgroup_cb {
  display: none;
}
.form-box-checkgroup_lb {
  display: block;
  position: relative;
  top: 6px;
  left: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transition: border-color ease .2s;
  transition: border-color ease .2s;
  cursor: pointer;
}
.form-box-checkgroup_lb::before {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  -webkit-transition: opacity ease .5;
  transition: opacity ease .5;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  content: " ";
}
.form-box-checkgroup .form-box-checkgroup_lb.checked,
.form-box-checkgroup input[type=checkbox]:checked + .form-box-checkgroup_lb {
  border-color: #ff7200;
}
.form-box-checkgroup .form-box-checkgroup_lb.checked::before,
.form-box-checkgroup input[type=checkbox]:checked + .form-box-checkgroup_lb::before {
  height: 12px;
  background-color: #ffe401;
}

.info-aboutus {
  font-size: 12px;
  margin: 12px 0 0;
  padding: 0 20px;
  list-style-type: none;
  color: #fff;
}

.info-aboutus-item {
  position: relative;
  margin-bottom: 30px;
  padding-top: 6px;
  padding-left: 90px;
}

.info-aboutus-item:last-child {
  margin-bottom: 0;
}

.info-aboutus-item .ab-i {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url('../../../../../images/h5/activity/adviser/register/sprite-s1e4b087f33.png');
  background-size: 229.5px 312.5px;
}

.info-aboutus-item.company .ab-i {
  background-position: 0 0;
  height: 80px;
  width: 80px;
}

.info-aboutus-item.safty .ab-i {
  background-position: 0 -168px;
  height: 80px;
  width: 80px;
}

.info-aboutus-item.freepay .ab-i {
  background-position: 0 -84px;
  height: 80px;
  width: 80px;
}

.info-aboutus .ab-s {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}

.info-aboutus .ab-p {
  line-height: 20px;
  margin: 6px 0 0;
  letter-spacing: 1px;
}

.tips {
  font-size: 12px;
  line-height: 20px;
  margin-top: 40px;
  padding: 0 24px;
  text-align: left;
  letter-spacing: 1px;
  color: #6970a9;
}

.tips b {
  float: left;
  height: 60px;
}

.yyfax_logo {
  width: 240px;
  margin: 30px auto 20px;
}

.yyfax_logo .logo_img {
  float: left;
  width: 80px;
}

.yyfax_logo .logo_text {
  font-size: 12px;
  padding-left: 20px;
}

.protocol-ctn {
  padding-left: 18px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
}

.protocol {
  color: #ffe34a;
  cursor: pointer;
}

.check-box, .check-box::before {
  border-radius: 50%;
  box-sizing: border-box;
}

.checkboxGroup {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 19px;
}

#checkboxGroupInput {
  display: none;
}

.check-box {
  display: block;
  position: relative;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transition: border-color ease .2s;
  transition: border-color ease .2s;
  cursor: pointer;
}

.check-box::before {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  -webkit-transition: opacity ease .5;
  transition: opacity ease .5;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  content: " ";
}

.check-box::after {
  top: 10px;
  left: 3px;
}

.check-box.checked, input[type=checkbox]:checked + .check-box {
  border-color: #ff7200;
}

.check-box.checked::before, input[type=checkbox]:checked + .check-box::before {
  height: 12px;
  background-color: #ffe401;
}