body {
  max-width: 7.5rem;
  margin: 0 auto;
  background-color: #74302b;
  -webkit-overflow-scrolling: touch;
}

input,
select,
textarea,
button,
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body img {
  width: 100%;
  display: block;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 7.5rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background-color: rgba(0, 0, 0, .9);
  z-index: 1;
}

header .logo {
  float: left;
  width: 1.08rem;
  margin-top: .1rem;
  margin-left: .22rem;
}

header .desc {
  position: absolute;
  top: 0.3rem;
  left: 1.6rem;
  width: 5rem;
}

header h1 {
  margin: 0 0 0 1.42rem;
  font-size: .48rem;
  color: #f2cb38;
}

/* main */
main {
  position: relative;
}

main .bg {
  padding-top: .96rem;
}

/* wrapper */
.wrapper {
  position: absolute;
  top: 4.5rem;
  left: 0;
  width: 100%;
}

.wrapper .inner {
  width: 100%;
  height: 6rem;
}

.wrapper .actions {
  position: relative;
  text-align: center;
}

.wrapper .actions .tag {
  position: absolute;
  width: 4.2rem;
  top: -.59rem;
  left: 50%;
  transform: translateX(-50%);
}

.wrapper .actions .mini-download {
  font-size: .3rem;
  color: #e77f6c;
}

/* register */
.register .title {
  width: 2.84rem;
  margin: 0 auto;
  padding-top: .4rem;
  padding-bottom: .24rem;
}

.register .form {
  width: 6.48rem;
  margin: .5rem auto;
  background-color: #fff;
  border-radius: .1rem;
  overflow: hidden;
}

/* register done */
.wrapper .register-done .success {
  width: 6.36rem;
  margin: 0 auto;
  padding-top: .48rem;
}

/* form item */
.form-item {
  position: relative;
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  border-bottom: 1px solid #ebe8e8;
  font-size: 0;
}

.form-item:last-child {
  border-bottom: none;
}
.form-item:nth-of-type(3) {border-bottom: 0;}
.form-item .icon {
  position: absolute;
  top: 50%;
  left: .24rem;
  transform: translateY(-50%);
}

.form-item .icon img {
  display: inline-block;
  vertical-align: middle;
  width: .34rem;
  margin: 0;
}

.form-item .icon.pass-icon img {
  width: .23rem;
  height: auto;
}

.form-item input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  padding-left: .8rem;
  font-size: .3rem;
  color: #9a9a9a;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  height:100%
}

.form-item.phone input {
  padding-right: 1.8rem;
}

.form-item .otp {
  position: absolute;
  top: .24rem;
  right: .2rem;
  width: 1.52rem;
  height: .68rem;
  line-height: .68rem;
  border: 0;
  outline: 0;
  background-color: #fee57b;
  border-radius: .32rem;
  color: #b6a218;
  font-size: .3rem;
}

/* button */
.btn {
  display: block;
  width: 7.2rem;
  height: 1.31rem;
  margin: -0.7rem auto .2rem;
  background-color: transparent;
  outline: none;
  border: none;
  text-indent: -999rem;
}