body {
  background: #fff;
}
.indexBox {
  position: fixed;
  top: 50%;
  left: 0.4rem;
  right: 0.4rem;
  transform: translate(0, -58%);
}
.indexBox .logo {
  text-align: center;
}
.indexBox .logo img {
  display: inline-block;
  width: 2.9333rem;
}
.indexBox h3 {
  text-align: center;
  font-size: 0.48rem;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #333333;
}
.indexBox .tit {
  text-align: center;
}
.indexBox .tit p {
  color: #333333;
  font-size: 0.4267rem;
  border-bottom: 0.0667rem solid #143E86;
  display: inline-block;
  padding-bottom: 0.2133rem;
}
.indexBox .clickBtn .btn {
  width: 7.68rem;
  height: 1.2rem;
  border: 1px solid #4b9959;
  border-radius: 0.1067rem;
  text-align: center;
  font-size: 0.3733rem;
  line-height: 1.2rem;
  margin: 0.8533rem auto 0;
}
.indexBox .clickBtn .write {
  background: linear-gradient(122deg, #7BDCE0 0%, #45B7BE 100%, #45B7BE 100%);
  color: #fff;
}
.indexBox .clickBtn .myWrite {
  color: #4b9959;
}
.writePorp {
  margin: 0.6667rem 0.6667rem 0;
}
.writePorp .define {
  height: 0.8533rem;
  background: #4b9959;
  border-radius: 0.1067rem;
  text-align: center;
  line-height: 0.8533rem;
  font-size: 0.3733rem;
  color: #fff;
  margin-top: 0.64rem;
  cursor: pointer;
}
.writePorp .tips {
  text-align: right;
  font-size: 0.32rem;
  color: #999;
  margin-top: 0.32rem;
  text-decoration: underline;
}
.writeInput .lab {
  margin-bottom: 0.2667rem;
}
.writeInput .lab h3 {
  font-size: 0.3733rem;
  color: #333;
  text-align: left;
}
.writeInput .lab .inp {
  display: flex;
  align-items: center;
  border-radius: 0.1067rem;
  border: 1px solid #D8D8D8;
  padding: 0.2133rem;
  margin-top: 0.2667rem;
}
.writeInput .lab .inp input {
  flex: 1;
}
.writeInput .lab .inp p {
  color: #4b9959;
  font-size: 0.3733rem;
  cursor: pointer;
}
.writeInput > .lab:last-child {
  margin-bottom: 0;
}
.van-count-down {
  color: #ff0b43;
}