@-webkit-keyframes activity-toast-show{0%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}75%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@keyframes activity-toast-show{0%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}75%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@-webkit-keyframes activity-toast-hide{0%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}25%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}}@keyframes activity-toast-hide{0%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}25%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}}.activity-toast{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:8px;border-radius:5px;font-size:14px;color:#fff;display:inline-block;z-index:19999}.activity-toast-transition-enter{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}.activity-toast-transition-enter-active{opacity:1;-webkit-transition:.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);transition:.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-animation:activity-toast-show .3s cubic-bezier(0.165, 0.84, 0.44, 1);animation:activity-toast-show .3s cubic-bezier(0.165, 0.84, 0.44, 1)}.activity-toast-transition-exit{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0}.activity-toast-transition-exit-active{opacity:0;-webkit-transition:.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);transition:.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-animation:activity-toast-hide .3s cubic-bezier(0.165, 0.84, 0.44, 1);animation:activity-toast-hide .3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.woodman-joinus {
  background-size: 100% 100%;
  background-color: rgba(0,0,0,0);
  font-family: "MicrosoftYaHei";
}

.woodman-joinus .clearfix {
  zoom: 1;
}

.woodman-joinus .clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.woodman-joinus .right {
  float: right;
}

.woodman-joinus .left {
  float: left;
}

.woodman-joinus .hidden {
  display: none;
}

.woodman-joinus-wrap {
  margin: 0 auto;
}

.woodman-joinus-wrap-button {
  width: 100%;
}

.woodman-joinus-upload {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  overflow-y: scroll;
}

.woodman-joinus-upload .hidden {
  display: none;
}

.woodman-joinus-upload .clearfix {
  zoom: 1;
}

.woodman-joinus-upload .clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.woodman-joinus-upload .right {
  float: right;
}

.woodman-joinus-upload .left {
  float: left;
}

.woodman-joinus-upload .hidden {
  display: none;
}

.woodman-joinus-upload .form-wrap {
  width: 100%;
  font-size: .32rem;
  color: #212121;
}

.woodman-joinus-upload .form-wrap .form-title {
  line-height: .96rem;
  width: 100%;
  height: .96rem;
  border-bottom: .01rem solid #ececec;
}

.woodman-joinus-upload .form-wrap .form-title .upload-title {
  margin: 0 auto;
  width: 2rem;
  text-align: center;
  display: block;
}

.woodman-joinus-upload .form-wrap .form-title .upload-cancel {
  color: #999;
  margin-left: .28rem;
}

.woodman-joinus-upload .form-wrap .form-title .upload-submit {
  color: #fb7299;
  position: absolute;
  top: 0;
  right: .28rem;
  border: none;
  font-size: .32rem;
  line-height: .96rem;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
}

.woodman-joinus-upload .form-wrap .upload-wrap {
  width: 100%;
  height: 3.14rem;
  position: relative;
}

.woodman-joinus-upload .form-wrap .frame-wrap {
  position: relative;
}

.woodman-joinus-upload .form-wrap .frame-wrap .upload-label {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .file-img {
  width: 100%;
  border-radius: 0;
  position: relative;
  background-size: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 100;
}

.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .file-img.hide {
  z-index: 1;
  display: none;
}

.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .file-img img {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  max-width: initial;
}

.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .upload-label-delete {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 101;
}

.woodman-joinus-upload .form-wrap .frame-wrap .frame-outer {
  width: 100%;
  position: relative;
}

.woodman-joinus-upload .form-wrap .frame-wrap .bg-img {
  width: 100%;
}

.woodman-joinus-upload .form-wrap .frame-wrap .front-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.woodman-joinus-upload .form-wrap .frame-wrap .front-img.front {
  z-index: 101;
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_bar {
  position: relative;
  width: 6.5rem;
  margin: .5rem auto .2rem;
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_bar .size_one {
  background: url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/H12F0-wtm.png") no-repeat;
  width: 100%;
  height: .28rem;
  background-size: contain;
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_bar .size_two {
  background: url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/BJ4leKwtm.png") no-repeat;
  height: .28rem;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_bar .size_button {
  background: url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/rJYjgKPF7.png");
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: -0.12rem;
  background-size: contain;
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_icon {
  width: 6.5rem;
  margin: .2rem auto;
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_icon .icon_large,
.woodman-joinus-upload .form-wrap .frame-wrap .size_icon .icon_small {
  width: .5rem;
  height: .5rem;
  background-size: contain;
  display: inline-block;
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_icon .icon_small {
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20181015/dfa73b898f143877cbf8ecf001cd9e89/97zd4ZeiH.png");
}

.woodman-joinus-upload .form-wrap .frame-wrap .size_icon .icon_large {
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20181015/dfa73b898f143877cbf8ecf001cd9e89/BywTt3+jm.png");
}

.woodman-joinus-upload .form-wrap .upload-label {
  position: relative;
  width: 100%;
  height: 100%;
}

.woodman-joinus-upload .form-wrap .upload-label .file-img {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  border-radius: .16rem;
}

.woodman-joinus-upload .form-wrap .upload-label-file {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0;
  left: 0;
  top: 0;
}

.woodman-joinus-upload .form-wrap .upload-label-chose {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -1rem;
  margin-left: -1rem;
  width: 2rem;
  height: 2rem;
  border: .01rem dashed #ccd0d5;
}

.woodman-joinus-upload .form-wrap .upload-label-chose-plus {
  width: .64rem;
  height: .64rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20180830/dfa73b898f143877cbf8ecf001cd9e89/H1hCdSBv7.png");
  background-size: 100%;
  margin: .68rem auto 0;
}

.woodman-joinus-upload .form-wrap .upload-label-delete {
  position: absolute;
  z-index: 3;
  background-color: rgba(228,12,12,.7);
  bottom: 0;
  width: 100%;
  height: .92rem;
  border-bottom-left-radius: .16rem;
  border-bottom-right-radius: .16rem;
}

.woodman-joinus-upload .form-wrap .upload-label-delete-icon {
  width: .64rem;
  height: .64rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20180831/dfa73b898f143877cbf8ecf001cd9e89/B1AF54Iw7.png");
  background-size: 100%;
  margin: .14rem auto 0;
}

.woodman-joinus-upload .form-wrap .upload-desc {
  height: 3.08rem;
  border-top: .01rem solid #dfdfdf;
  border-bottom: .01rem solid #dfdfdf;
  position: relative;
  padding: .26rem .32rem;
  background: #fbfbfb;
}

.woodman-joinus-upload .form-wrap .upload-desc-tag {
  font-size: .28rem;
  color: #100;
  letter-spacing: 0;
  line-height: .4rem;
}

.woodman-joinus-upload .form-wrap .upload-desc-tag span {
  color: #23ade6;
}

.woodman-joinus-upload .form-wrap .upload-desc-text {
  width: 100%;
  height: 100%;
  background: #fbfbfb;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: .28rem;
  line-height: .34rem;
  resize: none;
  overflow-y: visible;
  color: #1c1c1c;
}

.woodman-joinus-upload .form-wrap .upload-bottom {
  margin-top: .2rem;
  font-size: .28rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.woodman-joinus-upload .form-wrap .upload-bottom .upload-input-checkbox {
  position: relative;
  margin-left: .3rem;
}

.woodman-joinus-upload .form-wrap .upload-bottom .upload-input-checkbox .upload-input-bili {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.woodman-joinus-upload .form-wrap .upload-bottom .upload-input-checkbox input[type=checkbox]+span {
  display: inline-block;
  height: .28rem;
  width: .28rem;
  border: .01rem solid #f25d8e;
  background: #f9dde6;
  border-radius: .04rem;
  cursor: pointer;
}

.woodman-joinus-upload .form-wrap .upload-bottom .upload-input-checkbox input[type=checkbox]:checked+span {
  background-color: #fb7299;
  border: .01rem solid #ec5781;
}

.woodman-joinus-upload .form-wrap .upload-bottom .upload-input-checkbox input[type=checkbox]:checked+span::before {
  content: "✓";
  display: inline-block;
  color: #fff;
  position: relative;
  top: -0.04rem;
  left: .04rem;
}

.woodman-joinus-upload .form-wrap .upload-bottom .upload-input-checkbox p {
  margin: 0;
  margin-left: .08rem;
  margin-top: -0.04rem;
}

.woodman-joinus-upload .form-wrap .upload-bottom .des-length {
  color: #999;
  line-height: .32rem;
  margin-right: .26rem;
}

.woodman-joinus-upload .form-wrap .upload-bottom .des-length span {
  color: #c3c3c3;
}