@-webkit-keyframes activity-toast-show {
  0% {-webkit-transform: scale(.5) translate(-50%, -50%);transform: scale(.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(.5) translate(-50%, -50%);transform: scale(.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(.5) translate(-50%, -50%);transform: scale(.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(.5) translate(-50%, -50%);transform: scale(.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{margin:0 auto;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{display:block;cursor:pointer}.woodman-joinus-wrap-button{max-width:100%}.woodman-joinus-upload{position:fixed;top:0;left:0;width:100%;height:100%;z-index:201;background:rgba(0,0,0,0.6);overflow-y:auto}.woodman-joinus-upload .right{float:right}.woodman-joinus-upload .left{float:left}.woodman-joinus-upload p{margin:0}.woodman-joinus-upload .form-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:19px 32px 33px 32px;border-radius:8px;max-height:80%;overflow:auto;background:#fff}.woodman-joinus-upload .form-wrap .upload-title{font-size:20px;color:#212121;text-align:center}.woodman-joinus-upload .form-wrap .upload-close{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180830/dfa73b898f143877cbf8ecf001cd9e89/BJJLY7BwQ.png");background-size:contain;width:23px;height:23px;position:absolute;top:21px;right:30px;cursor:pointer}.woodman-joinus-upload .form-wrap .hidden{display:none}.woodman-joinus-upload .form-wrap .upload-wrap{width:425px;height:321px;margin-bottom:13px;border:1.5px dashed #ccd0d5;border-radius:8px;position:relative;overflow:hidden;margin-top:15px}.woodman-joinus-upload .form-wrap .upload-wrap:hover{border:1.5px solid #23ade6;-webkit-box-shadow:inset 0 1px 10px 0 rgba(35,173,230,0.45);box-shadow:inset 0 1px 10px 0 rgba(35,173,230,0.45)}.woodman-joinus-upload .form-wrap .frame-wrap{position:relative;width:100px;width:100%;overflow:hidden;cursor:pointer}.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 .file-img{width:100%;border-radius:0px;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}.woodman-joinus-upload .form-wrap .frame-wrap .file-img img{-webkit-transform-origin:center center;transform-origin:center center}.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .upload-label-text{top:50%;left:50%;margin:-14px 0 0 -90px}.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .upload-label-tips{top:50%;left:50%;margin:15px 0 0 -76px}.woodman-joinus-upload .form-wrap .size_bar{position:relative;width:420px;margin:20px auto 15px;z-index:1}.woodman-joinus-upload .form-wrap .size_bar .size_one{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/H12F0-wtm.png") no-repeat;width:420px;height:18px;background-size:100%}.woodman-joinus-upload .form-wrap .size_bar .size_two{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/BJ4leKwtm.png") no-repeat;height:18px;position:absolute;top:0;left:0}.woodman-joinus-upload .form-wrap .size_bar .size_button{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/rJYjgKPF7.png");width:42px;height:42px;position:absolute;top:-15px;cursor:pointer}.woodman-joinus-upload .form-wrap #sketchpad{position:absolute;top:47px;left:-66%}.woodman-joinus-upload .form-wrap .size_icon{width:488px;position:absolute;left:50%;bottom:-8px;margin-left:-244px}.woodman-joinus-upload .form-wrap .size_icon .icon_large,.woodman-joinus-upload .form-wrap .size_icon .icon_small{width:32px;height:32px;background-size:contain;display:inline-block}.woodman-joinus-upload .form-wrap .size_icon .icon_small{background-image:url("//i0.hdslb.com/bfs/activity-plat/static/20181015/dfa73b898f143877cbf8ecf001cd9e89/97zd4ZeiH.png")}.woodman-joinus-upload .form-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 .file-img{width:424px;height:100%;border-radius:6px;background-size:cover;background-position:center center;background-repeat:no-repeat}.woodman-joinus-upload .form-wrap .upload-img-delete{position:absolute;top:9px;right:11px;width:42px;height:42px;cursor:pointer;color:#fff;background:rgba(15,15,15,0.7) url("//i0.hdslb.com/bfs/activity-plat/static/20180830/dfa73b898f143877cbf8ecf001cd9e89/SkIIFmrwm.png") center center no-repeat;background-size:60%;border-radius:8px;z-index:101}.woodman-joinus-upload .form-wrap .upload-img-delete:hover{opacity:0.7}.woodman-joinus-upload .form-wrap .upload-label{position:absolute;top:0;left:0;width:100%;height:100%}.woodman-joinus-upload .form-wrap .upload-label-file{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0}.woodman-joinus-upload .form-wrap .upload-label-text{position:absolute;top:140px;left:124px;z-index:1;font-size:20px;color:#c3c3c3;margin:0}.woodman-joinus-upload .form-wrap .upload-label-tips{position:absolute;top:169px;left:139px;z-index:1;font-size:16px;color:#c3c3c3;margin:0}.woodman-joinus-upload .form-wrap .upload-desc{position:relative;border:1px solid #23ade6;border-radius:6px;height:72px}.woodman-joinus-upload .form-wrap .upload-desc .upload-desc-tag{font-size:14px;color:#212121;margin-left:12px;margin-top:10px}.woodman-joinus-upload .form-wrap .upload-desc .upload-desc-tag span{color:#23ade6}.woodman-joinus-upload .form-wrap .upload-desc .upload-desc-text{width:96%;height:60px;resize:none;font-size:14px;-webkit-box-sizing:content-box;box-sizing:content-box;outline:none;border-radius:6px;overflow-y:visible;padding:6px 2%;color:#212121;border:none}.woodman-joinus-upload .form-wrap .upload-desc .bili_activity{position:absolute;font-size:14px;line-height:34px;top:6px;left:12px}.woodman-joinus-upload .form-wrap .upload-bottom{margin-top:20px}.woodman-joinus-upload .form-wrap .upload-bottom .des-length{font-size:14px;color:#999;line-height:32px;margin-right:17px}.woodman-joinus-upload .form-wrap .upload-bottom .des-length span{color:#c3c3c3}.woodman-joinus-upload .form-wrap .upload-bottom .upload-button{width:270px;margin:15px auto 0;overflow:hidden}.woodman-joinus-upload .form-wrap .upload-bottom .upload-button-send{float:left;width:70px;height:32px;background-color:#d2d2d2;line-height:32px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:6px;letter-spacing:3px;text-align:center;background-color:#fc91af}.woodman-joinus-upload .form-wrap .upload-bottom .upload-button-send:hover{background:#f25d8e}.woodman-joinus-upload .form-wrap .upload-input-checkbox{font-size:14px;color:#212121;position:relative;margin-top:5px;margin-left:3px;cursor:pointer}.woodman-joinus-upload .form-wrap .upload-input-checkbox .upload-input-bili{opacity:0;position:absolute;z-index:-1}.woodman-joinus-upload .form-wrap .upload-input-checkbox input[type='checkbox']+span{display:inline-block;height:10px;width:10px;position:relative;top:5px;left:-3px;border:1px solid #f25d8e;background:#f9dde6;border-radius:2px;cursor:pointer}.woodman-joinus-upload .form-wrap .upload-input-checkbox input[type='checkbox']:checked+span{background-color:#fb7299;border:1px solid #ec5781}.woodman-joinus-upload .form-wrap .upload-input-checkbox input[type='checkbox']:checked+span::before{content:'\2713';display:inline-block;color:#fff;position:relative;top:-4px}.woodman-joinus-upload .form-wrap .upload-input-checkbox p{display:inline-block;position:absolute;top:1px;left:15px;width:70px;font-size:14px;color:#212121;margin:0}

@-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:9999}.activity-toast-transition-enter{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}.activity-toast-transition-enter-active{opacity:1;-webkit-transition:0.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);transition:0.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-animation:activity-toast-show 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);animation:activity-toast-show 0.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:0.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);transition:0.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-animation:activity-toast-hide 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);animation:activity-toast-hide 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}


.woodman-joinus{margin:0 auto;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{display:block;cursor:pointer}.woodman-joinus-wrap-button{max-width:100%}.woodman-joinus-upload{position:fixed;top:0;left:0;width:100%;height:100%;z-index:201;background:rgba(0,0,0,0.6);overflow-y:auto}.woodman-joinus-upload .right{float:right}.woodman-joinus-upload .left{float:left}.woodman-joinus-upload p{margin:0}.woodman-joinus-upload .form-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:19px 32px 33px 32px;border-radius:8px;max-height:80%;overflow:auto;background:#fff}.woodman-joinus-upload .form-wrap .upload-title{font-size:20px;color:#212121;text-align:center}.woodman-joinus-upload .form-wrap .upload-close{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180830/dfa73b898f143877cbf8ecf001cd9e89/BJJLY7BwQ.png");background-size:contain;width:23px;height:23px;position:absolute;top:21px;right:30px;cursor:pointer}.woodman-joinus-upload .form-wrap .hidden{display:none}.woodman-joinus-upload .form-wrap .upload-wrap{width:425px;height:321px;margin-bottom:13px;border:1.5px dashed #ccd0d5;border-radius:8px;position:relative;overflow:hidden;margin-top:15px}.woodman-joinus-upload .form-wrap .upload-wrap:hover{border:1.5px solid #23ade6;-webkit-box-shadow:inset 0 1px 10px 0 rgba(35,173,230,0.45);box-shadow:inset 0 1px 10px 0 rgba(35,173,230,0.45)}.woodman-joinus-upload .form-wrap .frame-wrap{position:relative;width:100px;width:100%;overflow:hidden;cursor:pointer}.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 .file-img{width:100%;border-radius:0px;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}.woodman-joinus-upload .form-wrap .frame-wrap .file-img img{-webkit-transform-origin:center center;transform-origin:center center}.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .upload-label-text{top:50%;left:50%;margin:-14px 0 0 -90px}.woodman-joinus-upload .form-wrap .frame-wrap .upload-label .upload-label-tips{top:50%;left:50%;margin:15px 0 0 -76px}.woodman-joinus-upload .form-wrap .size_bar{position:relative;width:420px;margin:20px auto 15px;z-index:1}.woodman-joinus-upload .form-wrap .size_bar .size_one{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/H12F0-wtm.png") no-repeat;width:420px;height:18px;background-size:100%}.woodman-joinus-upload .form-wrap .size_bar .size_two{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/BJ4leKwtm.png") no-repeat;height:18px;position:absolute;top:0;left:0}.woodman-joinus-upload .form-wrap .size_bar .size_button{background:url("//i0.hdslb.com/bfs/activity-plat/static/20180925/dfa73b898f143877cbf8ecf001cd9e89/rJYjgKPF7.png");width:42px;height:42px;position:absolute;top:-15px;cursor:pointer}.woodman-joinus-upload .form-wrap #sketchpad{position:absolute;top:47px;left:-66%}.woodman-joinus-upload .form-wrap .size_icon{width:488px;position:absolute;left:50%;bottom:-8px;margin-left:-244px}.woodman-joinus-upload .form-wrap .size_icon .icon_large,.woodman-joinus-upload .form-wrap .size_icon .icon_small{width:32px;height:32px;background-size:contain;display:inline-block}.woodman-joinus-upload .form-wrap .size_icon .icon_small{background-image:url("//i0.hdslb.com/bfs/activity-plat/static/20181015/dfa73b898f143877cbf8ecf001cd9e89/97zd4ZeiH.png")}.woodman-joinus-upload .form-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 .file-img{width:424px;height:100%;border-radius:6px;background-size:cover;background-position:center center;background-repeat:no-repeat}.woodman-joinus-upload .form-wrap .upload-img-delete{position:absolute;top:9px;right:11px;width:42px;height:42px;cursor:pointer;color:#fff;background:rgba(15,15,15,0.7) url("//i0.hdslb.com/bfs/activity-plat/static/20180830/dfa73b898f143877cbf8ecf001cd9e89/SkIIFmrwm.png") center center no-repeat;background-size:60%;border-radius:8px;z-index:101}.woodman-joinus-upload .form-wrap .upload-img-delete:hover{opacity:0.7}.woodman-joinus-upload .form-wrap .upload-label{position:absolute;top:0;left:0;width:100%;height:100%}.woodman-joinus-upload .form-wrap .upload-label-file{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0}.woodman-joinus-upload .form-wrap .upload-label-text{position:absolute;top:140px;left:124px;z-index:1;font-size:20px;color:#c3c3c3;margin:0}.woodman-joinus-upload .form-wrap .upload-label-tips{position:absolute;top:169px;left:139px;z-index:1;font-size:16px;color:#c3c3c3;margin:0}.woodman-joinus-upload .form-wrap .upload-desc{position:relative;border:1px solid #23ade6;border-radius:6px;height:72px}.woodman-joinus-upload .form-wrap .upload-desc .upload-desc-tag{font-size:14px;color:#212121;margin-left:12px;margin-top:10px}.woodman-joinus-upload .form-wrap .upload-desc .upload-desc-tag span{color:#23ade6}.woodman-joinus-upload .form-wrap .upload-desc .upload-desc-text{width:96%;height:60px;resize:none;font-size:14px;-webkit-box-sizing:content-box;box-sizing:content-box;outline:none;border-radius:6px;overflow-y:visible;padding:6px 2%;color:#212121;border:none}.woodman-joinus-upload .form-wrap .upload-desc .bili_activity{position:absolute;font-size:14px;line-height:34px;top:6px;left:12px}.woodman-joinus-upload .form-wrap .upload-bottom{margin-top:20px}.woodman-joinus-upload .form-wrap .upload-bottom .des-length{font-size:14px;color:#999;line-height:32px;margin-right:17px}.woodman-joinus-upload .form-wrap .upload-bottom .des-length span{color:#c3c3c3}.woodman-joinus-upload .form-wrap .upload-bottom .upload-button{width:270px;margin:15px auto 0;overflow:hidden}.woodman-joinus-upload .form-wrap .upload-bottom .upload-button-send{float:left;width:70px;height:32px;background-color:#d2d2d2;line-height:32px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:6px;letter-spacing:3px;text-align:center;background-color:#fc91af}.woodman-joinus-upload .form-wrap .upload-bottom .upload-button-send:hover{background:#f25d8e}.woodman-joinus-upload .form-wrap .upload-input-checkbox{font-size:14px;color:#212121;position:relative;margin-top:5px;margin-left:3px;cursor:pointer}.woodman-joinus-upload .form-wrap .upload-input-checkbox .upload-input-bili{opacity:0;position:absolute;z-index:-1}.woodman-joinus-upload .form-wrap .upload-input-checkbox input[type='checkbox']+span{display:inline-block;height:10px;width:10px;position:relative;top:5px;left:-3px;border:1px solid #f25d8e;background:#f9dde6;border-radius:2px;cursor:pointer}.woodman-joinus-upload .form-wrap .upload-input-checkbox input[type='checkbox']:checked+span{background-color:#fb7299;border:1px solid #ec5781}.woodman-joinus-upload .form-wrap .upload-input-checkbox input[type='checkbox']:checked+span::before{content:'\2713';display:inline-block;color:#fff;position:relative;top:-4px}.woodman-joinus-upload .form-wrap .upload-input-checkbox p{display:inline-block;position:absolute;top:1px;left:15px;width:70px;font-size:14px;color:#212121;margin:0}


