.container[data-v-9a8d916c]{padding:150px 55px 0}.upload-avatar[data-v-9a8d916c]{width:100%;text-align:center;position:relative}.upload-avatar img[data-v-9a8d916c]{display:inline-block;width:70px;height:70px;border-radius:100%}.upload-avatar h2[data-v-9a8d916c]{margin-top:10px;color:#999}.con-name[data-v-9a8d916c]{margin:50px 0;position:relative}.con-name input[data-v-9a8d916c]{border:none;outline:none;border-bottom:1px solid #d9d9d9;border-radius:0;padding:10px 0;width:100%}input[data-v-9a8d916c]::-webkit-input-placeholder{color:#bdbdbd}.con-name span[data-v-9a8d916c]{position:absolute;right:0;top:10px}button[data-v-9a8d916c]{width:100%;height:45px;line-height:45px;border-radius:2px;background:#80bd01;color:#fff;font-size:14px;text-align:center}.photo-btn[data-v-9a8d916c]{position:absolute;left:0;top:0;width:100%;height:100%}.photo-btn[data-v-9a8d916c] .van-uploader__wrapper{height:100%}.photo-btn[data-v-9a8d916c] .van-uploader__wrapper .van-uploader__input-wrapper{width:100%}.avatar-cropper[data-v-9a8d916c]{position:absolute;width:100%;height:100%;background:#000;top:0;left:0}.cropper[data-v-9a8d916c]{width:100%;height:100%}.vue-cropper[data-v-9a8d916c]{background-image:none!important}.cropper-bottom[data-v-9a8d916c]{height:45px;position:absolute;bottom:20px;width:100%;background:rgba(0,0,0,.5);padding:0 15px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;display:-webkit-flex;-webkit-justify-content:space-between;box-sizing:border-box}.cropper-bottom button[data-v-9a8d916c]:first-child{padding-right:40px;color:#fff;background:transparent}.cropper-bottom button[data-v-9a8d916c]:last-child{padding-left:40px;color:#80bd01;background:transparent}