@charset "UTF-8";
body {
  max-width: 414px;
  margin: 0 auto;
  position: relative;
  background: #0E101D;
  font: 16px/1.14 SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
}

header img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

form {
  position: absolute;
  top: 107%;
  width: 80%;
  left: 4%;
  line-height: 2;
  margin: auto;
  border-radius: 10px;
  padding: 20px 6%;
  background: rgba(169, 169, 169, 0.1);
}

form section {
  margin: 10px 0 30px;
}

form section label {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

form section label span {
  color: red;
  margin-right: 5px;
}

form section label b {
  color: #888;
  font-size: 16px;
  margin-right: 5px;
}

form section input {
  display: block;
  outline: none;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #494949;
  line-height: 40px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-indent: 8px;
}

.video-section {
  position: relative;
}

.doc-section .van-uploader {
  padding: 0;
  border-radius: 0;
  position: relative;
  background: url(../img/add.png) no-repeat;
  background-size: 100% 100%;
}

.doc-section .van-uploader .van-uploader__upload {
  margin: 0;
  width: 80px;
  height: 27px;
  opacity: 0;
}

.doc-section .van-uploader .van-uploader__preview {
  margin: 0;
}

.doc-section .van-uploader input {
  opacity: 0;
}

.doc-section .van-uploader .van-uploader__preview-delete {
  width: 15px;
  height: 15px;
}

.doc-section {
  display: flex;
  justify-content: space-between;
  vertical-align: top;
  position: relative;
  margin-top: 56px;
}

.downLoad {
  display: block;
}

.downLoad img {
  position: relative;
  top: 5px;
}

.downLoad span {
  color: #E2B26B;
  font-size: 14px;
  border-bottom: 1px solid #E2B26B;
}

.agreeBox {
  margin-top: 50px;
}

.agreeBox input {
  zoom: 1.3;
  position: relative;
  top: 1px;
}

.agreeBox p {
  color: #fff;
  vertical-align: middle;
  font-size: 14px;
  display: flex;
}

.agreeBox p abbr {
  color: #E2B26B;
  cursor: pointer;
}

aside {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}

aside section {
  overflow: auto;
  border-radius: 6px;
  background: #ccc;
  width: 80%;
  height: 60%;
  line-height: 30px;
  color: #333;
  padding: 20px;
  font-size: 14px;
  position: absolute;
  /*top 50%*/
  top: 50%;
  /*left 50%*/
  left: 50%;
  /*css3   transform 实现*/
  transform: translate(-50%, -50%);
}