.file {
  font-family: PingFangSC-Regular;
  min-height: 100%;
  background: #f8f5f5;
}
.file__addFile {
  height: 1.3333rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #00a73b;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.file__addFile input {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
}
.file__addFile > div {
  width: 8.5333rem;
  height: 0.9600rem;
  background: #ffffff;
  border: 0.0133rem solid #dddddd;
  border-radius: 0.0533rem;
  font-size: 0.4000rem;
  font-weight: 400;
  color: #333333;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.file__addFile > div .iconfont {
  color: #00A73B;
  font-size: 0.4000rem;
  margin-right: 0.2667rem;
}
.file__addFile.disabled {
  pointer-events: none;
}
.file__list {
  padding-bottom: 98rpx;
}
.file__list--items {
  border-bottom: 0.0133rem solid #f2f1f1;
  background: #fff;
  height: 1.6000rem;
  background: #ffffff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0  0.3200rem;
}
.file__list--items .url {
  display: none;
}
.file__list--items .select {
  width: 0.6400rem;
  height: 0.6400rem;
  border: 0.0133rem solid #ccc;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.file__list--items .select .iconfont {
  display: none;
}
.file__list--items .select.active {
  color: #fff;
  background: #00a73b;
  border: 0 none;
}
.file__list--items .select.active .iconfont {
  display: block;
  font-size: 0.4667rem;
}
.file__list--items .name {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.3067rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.2667rem;
}
.file__list--items .del {
  font-size: 0.3733rem;
  font-weight: 400;
  color: #ce0000;
}
.file__submit {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.3067rem;
  background: #00a73b;
  font-size: 0.4800rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.file__submit.disabled {
  opacity: .5;
  pointer-events: none;
}