.content{padding:0 .3rem;}
.form{border-radius:.2rem;background:#fff;}
.form-header{font-size:.36rem;color:#3091f2;text-align:center;padding:.5rem 0;}
.form-item{display:flex;padding-bottom:.44rem;}
.item-label{width:1.8rem;line-height:.48rem;font-size:.32rem;color:#545454;text-align:right;padding:.16rem .24rem 0 0;}
.item-content{flex:1;}
.form-input{line-height:.8rem;font-size:.32rem;color:#545454;}
.form-input span{margin-left:.2rem;}
.form-input input{width:4rem;height:.8rem;font-size:.32rem;padding:0 .24rem;border:1px solid #b2d9ff;border-radius:.2rem;background:#fafcff;}
.form-input input::-webkit-input-placeholder,.form-textarea textarea::-webkit-input-placeholder{font-size:.32rem;color:#adbdcc;}
.form-input input::placeholder,.form-textarea textarea::placeholder{font-size:.32rem;color:#adbdcc;}
.form-radio{display:inline-block;position:relative;height:.8rem;line-height:.8rem;font-size:.32rem;color:#545454;padding:0 .36rem 0 .9rem;}
.form-radio:before{position:absolute;top:.16rem;left:.24rem;width:.48rem;height:.48rem;content:'';border:1px solid #b2d9ff;border-radius:50%;background:#fafafa;}
.form-radio-checked:after{position:absolute;top:.26rem;left:.34rem;width:.32rem;height:.32rem;content:'';border-radius:50%;background:#3091f2;}
.form-radio-group .group-wrapper{font-size:0;}
.form-textarea textarea{width:4rem;height:2.4rem;font-size:.32rem;padding:.24rem;border:1px solid #b2d9ff;border-radius:.2rem;background:#fafcff;resize:none;}
.upload-btn-wrapper{padding-bottom:.44rem;}
.upload-btn{position:relative;display:flex;width:4rem;height:.8rem;font-size:.32rem;color:#adbdcc;align-items:center;justify-content:center;padding:0 .24rem;border:1px solid #b2d9ff;border-radius:.2rem;background:#fafcff;overflow:hidden;}
.upload-btn input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.preview-img{display:flex;}
.img-item{position:relative;}
.img-item-wrapper{display:block;width:1.2rem;height:1.4rem;border:1px solid #b2d9ff;border-radius:.1rem;overflow:hidden;}
.img-item img{display:block;width:100%;height:100%;}
.del-img{position:absolute;top:-.14rem;right:-.1rem;width:.4rem;height:.4rem;background:url(../img/del_icon.png) no-repeat;background-size:100% 100%;}
.submit-btn{display:block;width:4.8rem;height:.8rem;line-height:.8rem;font-size:.32rem;color:#fff;text-align:center;border-radius:.2rem;margin:0 auto;background:#3091f2;}
.submit-btn-wrapper{padding-bottom:.44rem;}

.layer-wrapper{position:relative;padding:.72rem .4rem .4rem;}
.close-layer-btn{position:absolute;top:.12rem;right:.08rem;width:.6rem;height:.6rem;}
.close-layer-btn:before{position:absolute;top:50%;left:50%;width:.24rem;height:.24rem;content:'';margin:-.12rem 0 0 -.12rem;background:url(../img/close_btn.png) no-repeat;background-size:100% 100%;}
.progress-layer .progress-bar{position:relative;height:.36rem;width:4rem;border-radius:.1rem;margin:.1rem auto .2rem;background:#f5f5f5;overflow:hidden;}
.progress-layer .now-progress{position:absolute;top:0;left:0;width:0;height:100%;background:#ff7100;}

.tip-layer,.progress-layer{position:fixed;top:-100%;left:-100%;z-index:10010;max-width:6.2rem;text-align:center;border-radius:.2rem;background:#fff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.33);box-shadow:0 2px 6px rgba(0,0,0,.33);visibility:hidden;}
.tip-layer .tip-content,.progress-layer .progress-desc{line-height:.4rem;font-size:.32rem;color:#333;word-break:break-all;}
.male-tag-group,.female-tag-group{display:none;}