.userbasicinfo {
  border-radius: 4px;
  background: #fff;
  padding: 0 20px;
}

.el-form-item__label {
  padding-right: 30px;
  color: #787c82;
}

/* 个人信息 */

.userbasicinfo-user {
  padding: 0 110px 0 50px;
}

.userbasicinfo-user__avatar {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  overflow: hidden;
  margin: 30px auto;
  position: relative;
  cursor: pointer;
}

.userbasicinfo-user__hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 100px;
  display: none;
}

.userbasicinfo-user__avatar:hover .userbasicinfo-user__hover {
  display: block;
}

.userbasicinfo-user__avatar .ks-image {
  width: 100px;
  height: 100px;
}

.userbasicinfo-user__form {
  padding-bottom: 60px;
}

.userbasicinfo-user__form .el-row .el-col {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
  line-height: 40px;
  text-align: right;
  margin-top: 30px;
}

.userbasicinfo-user__form .el-form .el-form-item .el-select {
  width: 130px;
  margin-right: 5px;
}

.userbasicinfo-user__formbtn {
  width: 120px;
  margin: 0 auto;
}

.setlabel-top {
  padding-bottom: 20px;
}

.setlabel-middle {
  min-height: 230px;
  max-height: 600px;
  overflow: auto;
  border-top: 1px solid #e6e9ed;
  border-bottom: 1px solid #e6e9ed;
}

.setlabel-middle .el-button {
  margin: 20px 30px 0 0;
}

.setlabel-btn {
  text-align: center;
  margin-top: 20px;
}

.setlabel-btn .el-button {
  padding: 10px 34px;
}

/* 修改密码 */

.userbasicinfo-pass__form {
  padding: 30px 110px 200px 50px;
}

#canvasOne {
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #ddd;
  cursor: pointer;
  margin: 0 20px;
  overflow: hidden;
  width: 80px;
  height: 30px;
}

#canvasTwo {
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #ddd;
  cursor: pointer;
  margin: 0 20px;
  overflow: hidden;
  width: 80px;
  height: 30px;
}

.userbasicinfo-safe__form {
  padding: 30px 110px 200px 50px;
}

.safe-form__tips {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
}

/* 账户绑定 */

.userbasicinfo-bind__list {
  padding: 0 0 200px 110px;
}

.userbasicinfo-bind__item {
  overflow: hidden;
  padding: 20px 0;
}

.userbasicinfo-bind__item img {
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px;
}

.userbasicinfo-bind__item span {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
  line-height: 32px;
  float: left;
}

.userbasicinfo .el-dialog__body {
  padding: 20px 30px 30px 30px;
}

.userbasicinfo-bind__btn {
  padding: 30px 0 0 0;
  border-top: 1px solid #e6e9ed;
  text-align: center;
}

.userbasicinfo-bind__btn .el-button {
  margin: 0 auto;
}

/* 收货地址 */

.userbasicinfo-address__newBtn {
  padding: 20px;
}

.userbasicinfo-address__newBtn i {
  font-style: normal;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(188, 195, 204, 1);
  line-height: 21px;
  margin-left: 5px;
}

.userbasicinfo-address__title {
  height: 40px;
  background: rgba(245, 248, 252, 1);
  line-height: 40px;
}

.userbasicinfo-address__title span {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
  float: left;
  text-align: center;
}

.userbasicinfo-address__list {
  padding-bottom: 60px;
}

.userbasicinfo-address__item {
  padding: 20px 40px;
  border-bottom: 1px solid #e6e9ed;
  text-align: center;
  height: 100px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(96, 99, 103, 1);
}

.userbasicinfo-address__index {
  width: 28px;
  line-height: 100px;
  height: 100%;
  float: left;
}

.userbasicinfo-address__name {
  width: 175px;
  line-height: 100px;
  height: 100%;
  float: left;
}

.userbasicinfo-address__info {
  width: calc(100% - 263px);
  text-align: left;
  float: left;
  height: 100%;
}

.userbasicinfo-address__info span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
}

.userbasicinfo-address__methods {
  width: 60px;
  float: left;
}

.userbasicinfo-address__methods span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
  cursor: pointer;
}

.userbasicinfo-address__dialog {
  padding: 0 40px 40px 40px;
}

.userbasicinfo-address__dialog .el-form .el-form-item .el-input {
  width: 280px;
  margin-right: 5px;
}

.userbasicinfo-address__dialog .el-form .el-form-item .el-select .el-input {
  width: 130px;
  margin-right: 5px;
}

/* 发票管理 */

.userbasicinfo-invoice__newBtn {
  padding: 20px;
}

.userbasicinfo-invoice__newBtn i {
  font-style: normal;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(188, 195, 204, 1);
  line-height: 21px;
  margin-left: 5px;
}

.userbasicinfo-invoice__title {
  height: 40px;
  background: rgba(245, 248, 252, 1);
  line-height: 40px;
}

.userbasicinfo-invoice__title span {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
  float: left;
  text-align: center;
}

.userbasicinfo-invoice__list {
  padding-bottom: 60px;
}

.userbasicinfo-invoice__item {
  padding: 20px 40px;
  border-bottom: 1px solid #e6e9ed;
  text-align: center;
  height: 50px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(96, 99, 103, 1);
}

.userbasicinfo-invoice__index {
  width: 28px;
  line-height: 50px;
  float: left;
}

.userbasicinfo-invoice__info {
  width: calc(100% - 148px);
  text-align: left;
  float: left;
  margin-left: 60px;
}

.userbasicinfo-invoice__info span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
}

.userbasicinfo-invoice__methods {
  width: 60px;
  float: left;
}

.userbasicinfo-invoice__methods span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(120, 124, 130, 1);
  cursor: pointer;
}

.userbasicinfo-invoice__dialog {
  padding: 0 40px 40px 120px;
}

.userbasicinfo-invoice__dialog .el-form .el-form-item .el-input {
  width: 280px;
  margin-right: 5px;
}

.userbasicinfo-invoice__dialog .el-form .el-form-item .el-select .el-input {
  width: 130px;
  margin-right: 5px;
}
