@charset "UTF-8";

.edit-user-wrap {
  min-height: 670px;
  padding: 60px 0;
  padding-left: 114px;
}

.edit-user-wrap .edit-avatar {
  position: relative;
  width: 118px;
  height: 118px;
  margin-right: 44px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 100%;
  -ms-behavior: url("/static/web/plugins/PIE.htc");
  behavior: url("/static/web/plugins/PIE.htc");
}

.edit-user-wrap .edit-avatar:hover .edit-avatar-tips {
  display: block;
}

.edit-user-wrap .edit-avatar img {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  -ms-behavior: url("/static/web/plugins/PIE.htc");
  behavior: url("/static/web/plugins/PIE.htc");
}

.edit-user-wrap .edit-avatar-tips {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  line-height: 118px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  background-color: #000000\0;
  opacity: 0.5\0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* ie8及以下透明度 */
}

.edit-user-wrap .edit-avatar .upload-img-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  /* ie8及以下透明度 */
}

.edit-user-wrap .edit-user-container {
  width: 600px;
}

.edit-user-wrap .edit-user-container .edit-user-form {
  margin-bottom: 20px;
}

.edit-user-wrap .edit-user-container .edit-user-form-item {
  margin-bottom: 15px;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-label {
  width: 70px;
  line-height: 44px;
  margin-right: 8px;
  text-align: right;
  font-size: 14px;
  color: #525252;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content {
  width: 380px;
  line-height: 44px;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content .edit-input {
  width: 100%;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  line-height: 44px;
  color: #525252;
  border: solid 1px #eee;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content .edit-input:focus {
  -webkit-box-shadow: 0px 0px 4px 2px rgba(13, 164, 211, 0.3);
          box-shadow: 0px 0px 4px 2px rgba(13, 164, 211, 0.3);
  border: solid 1px #0da4d3;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content .address-input {
  display: inline-block;
  width: 100px;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  line-height: 44px;
  color: #525252;
  border: solid 1px #eee;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content .address-input:focus {
  -webkit-box-shadow: 0px 0px 4px 2px rgba(13, 164, 211, 0.3);
          box-shadow: 0px 0px 4px 2px rgba(13, 164, 211, 0.3);
  border: solid 1px #0da4d3;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content .radio-group {
  line-height: 44px;
  margin-right: 20px;
  padding-left: 15px;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content .edit-select {
  width: 170px;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  margin-right: 5px;
  color: #525252;
  border: solid 1px #eee;
}

.edit-user-wrap .edit-user-container .edit-user-form-item-content .edit-select:focus {
  -webkit-box-shadow: 0px 0px 4px 2px rgba(13, 164, 211, 0.3);
          box-shadow: 0px 0px 4px 2px rgba(13, 164, 211, 0.3);
  border: solid 1px #0da4d3;
}

.edit-user-wrap .edit-user-container .edit-user-form-item .modify-phone-btn {
  line-height: 44px;
  margin-left: 10px;
  font-size: 14px;
}

.edit-user-wrap .edit-user-container .edit-btn-group {
  padding-top: 20px;
  padding-left: 100px;
}

.edit-user-wrap .edit-user-container .edit-btn-group .btn {
  position: relative;
  display: inline-block;
  width: 150px;
  line-height: 42px;
  margin-right: 40px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 5px;
  color: #fff;
  border-radius: 3px;
  -ms-behavior: url("/static/web/plugins/PIE.htc");
  behavior: url("/static/web/plugins/PIE.htc");
}

.edit-user-wrap .edit-user-container .edit-btn-group .btn:hover {
  opacity: .75;
}

.edit-user-wrap .edit-user-container .edit-btn-group .btn.save-btn {
  background-color: #0da4d3;
}

.edit-user-wrap .edit-user-container .edit-btn-group .btn.cancel-btn {
  background-color: #ccc;
}

.modify-avatar {
  display: none;
  width: 600px;
  min-height: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modify-avatar .modify-avatar-head {
  padding-left: 20px;
  line-height: 60px;
  font-size: 18px;
  color: #525252;
  border-bottom: 1px solid #e3e3e3;
}

.modify-avatar .modify-avatar-container {
  padding-top: 30px;
  padding-left: 30px;
}

.modify-avatar .modify-avatar-container .img-container {
  width: 350px;
  height: 350px;
}

.modify-avatar .modify-avatar-container .img-container img {
  max-width: 100%;
}

.modify-avatar .modify-avatar-container .preview-wrap {
  margin-right: 40px;
  overflow: hidden;
}

.modify-avatar .modify-avatar-container .preview-wrap .img-preview {
  width: 135px;
  height: 135px;
  overflow: hidden;
  background-color: #f5f5f5;
  border: solid 1px #e3e3e3;
}

.modify-avatar .modify-avatar-container .preview-wrap .img-preview-tips {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #525252;
}

.modify-avatar .modify-avatar-container .preview-wrap .re-upload-btn {
  position: relative;
  width: 125px;
  height: 38px;
  margin-left: 8px;
  margin-top: 145px;
  background-color: #0da4d3;
  cursor: pointer;
  border-radius: 3px;
  -ms-behavior: url("/static/web/plugins/PIE.htc");
  behavior: url("/static/web/plugins/PIE.htc");
}

.modify-avatar .modify-avatar-container .preview-wrap .re-upload-btn:hover {
  background-color: #0eadde;
}

.modify-avatar .modify-avatar-container .preview-wrap .re-upload-btn-text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
}

.modify-avatar .modify-avatar-container .preview-wrap .re-upload-btn-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.modify-avatar .modify-tips {
  margin-left: 30px;
  margin-top: 10px;
  font-size: 12px;
  color: #525252;
}

.modify-avatar .modify-btn-group {
  margin-top: 50px;
  text-align: center;
}

.modify-avatar .modify-btn-group .modify-btn {
  position: relative;
  display: inline-block;
  width: 135px;
  height: 42px;
  margin: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 42px;
  font-size: 16px;
  color: #0da4d3;
  text-align: center;
  background-color: #ffffff;
  border: solid 1px #0da4d3;
  border-radius: 3px;
  -ms-behavior: url("/static/web/plugins/PIE.htc");
  behavior: url("/static/web/plugins/PIE.htc");
}

.modify-avatar .modify-btn-group .modify-btn:hover {
  color: #0eadde;
  border: solid 1px #0eadde;
}

.modify-avatar .modify-btn-group .modify-btn.save {
  background-color: #0da4d3;
  color: #fff;
}

.modify-avatar .modify-btn-group .modify-btn.save:hover {
  background-color: #0eadde;
}