.pc_data_popover{
  padding:6px 0!important;
}
.pc_data_popover .identity_list .list{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  line-height: 30px;
  font-size:15px;
  font-weight:400;
  color:rgba(101,101,101,1);
  padding:0 15px;
}
.pc_data_popover .identity_list .list:hover{
  background-color:#f1f1f1;
}

@charset "UTF-8";
.cp[data-v-30f6769a] {
  cursor: pointer;
}
.disabled[data-v-30f6769a] {
  cursor: not-allowed;
}
.button[data-v-30f6769a] {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.flex[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.d-flex[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.flexsb[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bbox[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bbox_wrapper[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bbox_wrapper *[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn_dark[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  background-color: rgb(0, 84, 166);
  color: #fff;
}
.btn_dark[data-v-30f6769a]:hover {
  background-color: #004080;
}
.btn_warn[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  background-color: #FAEDEB;
  color: #C84B33;
}
.btn_light[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  background-color: #e5eef6;
  cursor: pointer;
  color: rgb(0, 84, 166);
}
.btn_light[data-v-30f6769a]:hover {
  background-color: #ccdded;
}
[data-v-30f6769a]::-ms-clear,[data-v-30f6769a]::-ms-reveal {
  display: none;
}
.un_sel[data-v-30f6769a] {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.text_justify[data-v-30f6769a] {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  text-justify: inter-ideograph;
}
.components_control_wrapper[data-v-30f6769a] {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: rgb(204, 204, 204);
}
.components_control_wrapper .title[data-v-30f6769a] {
  /*滚动条样式*/
  padding: 0 20px 15px;
  display: block;
  width: 100%;
  line-height: 22px;
  font-size: 16px;
  outline: none;
  border: none;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
  font-weight: bold;
  color: rgb(51, 51, 51);
}
.components_control_wrapper .title[data-v-30f6769a]::-webkit-scrollbar {
  width: 4px;
}
.components_control_wrapper .title[data-v-30f6769a]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.components_control_wrapper .title[data-v-30f6769a]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
}
.components_control_wrapper .title[data-v-30f6769a]:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.components_control_wrapper input[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 22px;
  font-size: 16px;
  outline: none;
  border: none;
  padding: 0 20px;
  background-color: transparent;
}
.components_control_wrapper input[data-v-30f6769a]::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
  font-weight: normal;
}
.components_control_wrapper input[data-v-30f6769a]::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  font-weight: normal;
}
.components_control_wrapper input[data-v-30f6769a]:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc;
  font-weight: normal;
}
.components_control_wrapper .content_group[data-v-30f6769a] {
  padding-top: 15px;
}
.components_control_wrapper .content_group[data-v-30f6769a]:first-child {
  padding-top: 0;
}
.flex[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.d-flex[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.flex-column[data-v-30f6769a] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.justify-start[data-v-30f6769a] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-end[data-v-30f6769a] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-center[data-v-30f6769a] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-space-between[data-v-30f6769a] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.align-start[data-v-30f6769a] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-end[data-v-30f6769a] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.align-center[data-v-30f6769a] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.align-stretch[data-v-30f6769a] {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.align-self-start[data-v-30f6769a] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.align-self-end[data-v-30f6769a] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.align-self-center[data-v-30f6769a] {
  -ms-flex-item-align: center;
      align-self: center;
}
.flex-nowrap[data-v-30f6769a] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flex-wrap[data-v-30f6769a] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-content-center[data-v-30f6769a] {
  -ms-flex-line-pack: center;
      align-content: center;
}
.flex-shrink-0[data-v-30f6769a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.overflow-hidden[data-v-30f6769a] {
  overflow: hidden;
}
.overflow-y-auto[data-v-30f6769a] {
  overflow-y: auto;
}
.personal_center_data_page[data-v-30f6769a] {
  width: 100%;
  height: 100vh;
  background-color: #F5F7FA;
  padding: 20px;
  overflow: auto;
}
.personal_center_data_page .wrapper[data-v-30f6769a] {
  /*滚动条样式*/
  overflow-y: auto;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.personal_center_data_page .wrapper[data-v-30f6769a]::-webkit-scrollbar {
  width: 4px;
}
.personal_center_data_page .wrapper[data-v-30f6769a]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.personal_center_data_page .wrapper[data-v-30f6769a]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
}
.personal_center_data_page .data_group[data-v-30f6769a] {
  width: 360px;
  padding-top: 60px;
}
.personal_center_data_page .avatar_group_feature[data-v-30f6769a] {
  width: 100%;
  height: 227px;
  background-image: url(../../future2.8.3/img/avatar_background.0e535063.png);
  background-position: bottom center;
}
.personal_center_data_page .avatar_group_feature .avatar_box[data-v-30f6769a] {
  position: relative;
}
.personal_center_data_page .avatar_group_feature .avatar_box .avatar_img[data-v-30f6769a] {
  width: 120px;
  height: 120px;
  display: block;
  border-radius: 4px;
  position: relative;
  z-index: 2;
}
.personal_center_data_page .avatar_group_feature .avatar_box .hover[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  border-radius: 4px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
.personal_center_data_page .avatar_group_feature .avatar_box:hover .hover[data-v-30f6769a] {
  opacity: 1;
}
.personal_center_data_page .avatar_group_feature .info_box[data-v-30f6769a] {
  width: 100%;
  padding-top: 15px;
  font-size: 16px;
  color: #333;
}
.personal_center_data_page .avatar_group_feature .info_box .placeholder[data-v-30f6769a] {
  width: 41px;
  height: 33px;
}
.personal_center_data_page .avatar_group_feature .info_box .vip[data-v-30f6769a] {
  width: 41px;
  height: 33px;
  display: block;
}
.personal_center_data_page .avatar_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 8px;
  width: 100%;
}
.personal_center_data_page .avatar_group .avatar[data-v-30f6769a] {
  width: 90px;
  height: 90px;
  display: block;
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.personal_center_data_page .avatar_group .avatar .avatar_img[data-v-30f6769a] {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.personal_center_data_page .avatar_group .fun_box[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personal_center_data_page .avatar_group .fun_box .placeholder[data-v-30f6769a] {
  width: 41px;
  height: 33px;
}
.personal_center_data_page .avatar_group .fun_box .vip[data-v-30f6769a] {
  width: 41px;
  height: 33px;
  display: block;
}
.personal_center_data_page .avatar_group .fun_box .mod_avatar[data-v-30f6769a] {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  color: rgb(51, 51, 51);
}
.personal_center_data_page .line[data-v-30f6769a] {
  width: 100%;
  height: 2px;
  background-color: #f0f0f0;
  margin-bottom: 28px;
  margin-top: 8px;
}
.personal_center_data_page .info_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 8px;
}
.personal_center_data_page .info_group .key[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 90px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  text-justify: inter-ideograph;
  padding-right: 19px;
  font-size: 15px;
  font-weight: 400;
  color: rgb(51, 51, 51);
  padding-top: 14px;
}
.personal_center_data_page .info_group .val[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding-top: 14px;
  font-size: 15px;
  font-weight: 400;
  color: rgb(101, 101, 101);
  background-color: transparent;
  outline: none;
  border: none;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.personal_center_data_page .info_group .val.input[data-v-30f6769a] {
  padding-bottom: 6px;
  margin-bottom: -6px;
}
.personal_center_data_page .info_group .val.input[data-v-30f6769a]:hover {
  border-bottom: 1px solid #ccc;
}
.personal_center_data_page .info_group .identity_group[data-v-30f6769a] {
  width: 100%;
}
.personal_center_data_page .info_group .identity_bar[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  padding-top: 14px;
  font-size: 15px;
  color: rgb(101, 101, 101);
  width: 100%;
  border-bottom: 1px solid transparent;
  padding-bottom: 6px;
}
.personal_center_data_page .info_group .identity_bar[data-v-30f6769a]:hover {
  border-bottom: 1px solid #ccc;
}
.personal_center_data_page .info_group .identity_bar .icon[data-v-30f6769a] {
  background-size: 12px, 7px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAABGUlEQVQoU23QsUrDYBQF4HP+pogKRQQ7OUgpLSYSEXRxKz6Brk4OBQUFUfANRHQSRHBTEJcMXRwVdyGTlNYkzdDBFhx0UCuS/LmSQqWDZzz3fMtlww/vJdE3r92X60qlEuOf+L5fiKEOQb6xGYS3ApmJIqnas8VHkjJsgiDIxVD7ksgqIBdstFpzEJwAmAKxYRaL9QFwXTc7Op5bV4ba1gnODIlrTI91z5tXzFyCaCNSu6ZZaIuIqjeDlUxWHUMnNZmcOLXy+c8+EBF6XrisFc8V8fCN5GgEmKbwCsKnnv45WDTNbrrtgzSO42Qse2GNinsA7kgsicCIRe/Y5fLzYPcH0qLT6Yy9f/S2qLBJ4ZeWuGqVSu7wI34BfUBytJuePPQAAAAASUVORK5CYII=);
  margin-top: -6px;
}
.personal_center_data_page .info_group .phone_box[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personal_center_data_page .info_group .phone_box .mod_phone[data-v-30f6769a] {
  font-size: 12px;
  font-weight: 400;
  color: rgb(0, 83, 167);
}
.personal_center_data_page .info_group .input_group[data-v-30f6769a] {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personal_center_data_page .info_group .input_group .input[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 15px;
  font-weight: 400;
  color: rgb(101, 101, 101);
  padding-right: 10px;
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 16px 0 6px;
  border-bottom: 1px solid transparent;
}
.personal_center_data_page .info_group .input_group .input[data-v-30f6769a]::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
  font-weight: normal;
}
.personal_center_data_page .info_group .input_group .input[data-v-30f6769a]::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  font-weight: normal;
}
.personal_center_data_page .info_group .input_group .input[data-v-30f6769a]:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc;
  font-weight: normal;
}
.personal_center_data_page .info_group .input_group .input[data-v-30f6769a]:focus, .personal_center_data_page .info_group .input_group .input[data-v-30f6769a]:hover {
  border-bottom: 1px solid #ccc;
}
.personal_center_data_page .info_group .nickname_box[data-v-30f6769a] {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personal_center_data_page .info_group .nickname_box .mod_nickname[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 15px;
  font-weight: 400;
  color: rgb(101, 101, 101);
  padding-right: 10px;
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 16px 0 6px;
  border-bottom: 1px solid transparent;
}
.personal_center_data_page .info_group .nickname_box .mod_nickname.on[data-v-30f6769a], .personal_center_data_page .info_group .nickname_box .mod_nickname[data-v-30f6769a]:hover {
  border-bottom: 1px solid #ccc;
}
.personal_center_data_page .info_group .gender_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-top: 14px;
}
.personal_center_data_page .info_group .gender_group .gender_box[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  cursor: pointer;
  margin-right: 28px;
}
.personal_center_data_page .info_group .gender_group .gender_box[data-v-30f6769a]:last-child {
  margin-right: 0px;
}
.personal_center_data_page .info_group .gender_group .gender_box.on .select[data-v-30f6769a] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACZUlEQVQ4T32TS0iUURiGn+/8MyPOlGWlGZRBonYBocumbQS2KKI0F6ZkGEUbq0W5sDYZ5KJGCMILYWBjIhGW0cVtEUGbFhUVRC6SAjXI2+g/88/54h8dLdA+OHDgO+93ed/3CH9HbVs+icg+ksFyYBfCJsBD+IrqGwxPIfCWB1VTGZgs4A8OFLJ29ALxrEq8wBpEsxHm82pBfNAPHNtJ0uum/8QvH+s/EOraNjOWf53wzCGsRLBmLrNUKKMY044Xj/Lo5G/hWFceEa+JePgUyWAE8ZstA4YUimJlhGzbyMrJPqG66zCJ0C2sU7gAW7KATqDyCjVhhL0Ekh/JGa8VqmL3cAOVOGQhunRvJY5jY7g2ioYrCLmNqCRALgtHe7+AFCMaR3mHsB4oAkx6ImUGpAdS1xApI+W04NhSlFmQXqGidxJYAQxjtQbjzaLBDoQylARCDymaCdntpJwoqiXz6iRAB4WK++MgOaCzWGJYuUrQK0KDrcA3UlzCkVLQKGjJvHL+bC6eGRSO9L0H3YHx9/eLSD/qXsEJGtROYWQ3am6AXyQT6l+mSQW6fQ46EFuTZjftDHEh9RCkGZECVG6Dbvurs8+Lf0Zw7EXhbOt+xle3Ew8XYRY84BP3CdU8YOOiI9PAOWqVl4SkXjjdsorvW88RmT4P5KJz5C8b1tdHhoi4DWwZejane/mLDaz72UQyWI3n5P7HiRaVYURvkpi4w5Mz8UXj1N0tYCarHs/UghYAPifB9MwqLsI0Kh8wdCLmceZH/uu847EcEmYnNnAAtXvAFqPGRfQzRl+jDBAfG+J5g5tZ8Q+nnu+MLZHIbAAAAABJRU5ErkJggg==);
}
.personal_center_data_page .info_group .gender_group .gender_box .select[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABuElEQVQ4T62TvU8UYRDGf/PugkdiDGJrYaUFIZpgaE3oLPwLrM4Ld2o4da+VXDZ32N4qd+ixZO8a/gMLOxJbA0ZjSKSjsCLho0I4dt8xe4ICkcOvqd6ZyTzvzDzzCCesMhNdN0LewrjAlTStsGZg0Sph+VHu49ESOXT8djvj7thALXnAnAQ+8K0YE27sbZWCUulrGusCeLXawFDf4BvQW8CuiGnaJF6wF9yVnfX1vvOZoatinLugD4AMyNvN/e3bKUgXoNpoNVEtAF+S2NzxveyHX3XgB+ENx3VeA5eNyNzTyXv3JZ1ZhPdARzFj5WL20yntd8OVentEsO+A/iRORmW6Hs0qPBTh+dRkzutVfJibbkSBKk8EXkp1JvqMcE2tvVl+PLH8OwCVF/OjYswSyqpU69EucC7ZMAO+n03fZ5rvtzPOJZuysPcfAP51hL9ZYrXeqoF6qL6SA27T5XWUeKxcLJxB49yI4P6kMd3Ys0araf/wkATCqWKucMop07SJXbBb7kr6gbkYD/c85R966B8MUJ3oJSZE5jc7294xMR0lvrsTx+RBxpHvckZZw+hism9D38sf08k3d4revfZRMvsAAAAASUVORK5CYII=);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.personal_center_data_page .info_group .gender_group .gender_box .icon[data-v-30f6769a] {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.personal_center_data_page .info_group .area_group[data-v-30f6769a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  position: relative;
}
.personal_center_data_page .info_group .area_group .select_switch_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid #D5D9DB;
  position: relative;
}
.personal_center_data_page .info_group .area_group .select_switch_group .select_area_model[data-v-30f6769a] {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 50%;
  margin-left: -315px;
}
.personal_center_data_page .info_group .area_group .select_switch_group .text[data-v-30f6769a] {
  font-size: 15px;
  font-weight: 400;
  color: #343434;
}
.personal_center_data_page .info_group .area_group .select_switch_group .text.un_input[data-v-30f6769a] {
  color: #D6D9DC;
}
.personal_center_data_page .info_group .area_group .select_switch_group .icon[data-v-30f6769a] {
  background-size: 12px, 7px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAABGUlEQVQoU23QsUrDYBQF4HP+pogKRQQ7OUgpLSYSEXRxKz6Brk4OBQUFUfANRHQSRHBTEJcMXRwVdyGTlNYkzdDBFhx0UCuS/LmSQqWDZzz3fMtlww/vJdE3r92X60qlEuOf+L5fiKEOQb6xGYS3ApmJIqnas8VHkjJsgiDIxVD7ksgqIBdstFpzEJwAmAKxYRaL9QFwXTc7Op5bV4ba1gnODIlrTI91z5tXzFyCaCNSu6ZZaIuIqjeDlUxWHUMnNZmcOLXy+c8+EBF6XrisFc8V8fCN5GgEmKbwCsKnnv45WDTNbrrtgzSO42Qse2GNinsA7kgsicCIRe/Y5fLzYPcH0qLT6Yy9f/S2qLBJ4ZeWuGqVSu7wI34BfUBytJuePPQAAAAASUVORK5CYII=);
}
.personal_center_data_page .info_group .signature_group[data-v-30f6769a] {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 80px;
  border: 1px solid rgb(213, 217, 219);
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  color: rgb(102, 102, 102);
}
.personal_center_data_page .info_group .signature_group .signature[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  position: relative;
  width: 100%;
  word-break: break-all;
  visibility: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
  -moz-text-align-last: left;
       text-align-last: left;
}
.personal_center_data_page .info_group .signature_group .input_signature[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*滚动条样式*/
  overflow-y: auto;
  z-index: 2;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  resize: none;
  width: 100%;
  height: 100%;
  height: 80px;
  border: none;
  background-color: transparent;
  outline: none;
  font-size: 15px;
  font-weight: 400;
  color: rgb(102, 102, 102);
  text-align: justify;
  text-justify: inter-ideograph;
  -moz-text-align-last: left;
       text-align-last: left;
}
.personal_center_data_page .info_group .signature_group .input_signature[data-v-30f6769a]::-webkit-scrollbar {
  width: 4px;
}
.personal_center_data_page .info_group .signature_group .input_signature[data-v-30f6769a]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.personal_center_data_page .info_group .signature_group .input_signature[data-v-30f6769a]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
}
.personal_center_data_page .info_group .id_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personal_center_data_page .info_group .id_group .mod[data-v-30f6769a] {
  font-size: 12px;
  font-weight: 400;
  color: rgb(0, 84, 167);
}
.personal_center_data_page .extend_group .extend_title_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-bottom: 8px;
}
.personal_center_data_page .extend_group .extend_title_group.on .icon[data-v-30f6769a] {
  background-size: 10px 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAApElEQVQoU33PQQrCQAwF0B+ki4LewBPMopRk0WPoTawnsZ5EPUYXE7qaiyh0UUokYqWCNZtJZl6YhETkAmCP/3Gloii2WZYlAJsFex+GIZA/isgBQLMA6xjj+QUBrJi5JSKZYzOLqloBGCcIZhYiar3pjUczq1Q1ev2BXjDziYhqz82sUdXj9MMXDCGs8zz3xdD3fUgpPX5CvyzLcudn13W3+bxPvVAy96ZhlvEAAAAASUVORK5CYII=);
}
.personal_center_data_page .extend_group .extend_title_group .icon[data-v-30f6769a] {
  background-size: 8px, 10px;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAAAd0lEQVQoU53QzQ2DMAwF4OeZPBS9MAJTwB4sUueQQxZoN4BDpGC9CtRIpYo44OPTZ/lHVHUupfQxxjcaJapKAAuAwcwmAP7rKjgykk8R6cwsVHQC33AjOeWch5TS2gK1+eXu/S3gJMfmiH1JAI8Qgv0veXnm5aM+QjtVyRmwEZwAAAAASUVORK5CYII=);
}
.personal_center_data_page .extend_group .extend_title_group .title[data-v-30f6769a] {
  font-size: 15px;
  font-weight: 400;
  color: rgb(51, 51, 51);
}
.personal_center_data_page .growing_data_wrap[data-v-30f6769a] {
  position: relative;
  width: 100%;
  height: 500px;
  margin-top: 20px;
}
.personal_center_data_page .growing_data_group[data-v-30f6769a] {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  width: 600px;
  height: 500px;
}
.personal_center_data_page .mod_phone_group .title_group[data-v-30f6769a] {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: rgb(51, 51, 51);
}
.personal_center_data_page .mod_phone_group .info_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
}
.personal_center_data_page .mod_phone_group .info_group .key[data-v-30f6769a] {
  width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.personal_center_data_page .mod_phone_group .info_group .input_box[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.personal_center_data_page .mod_phone_group .info_group .input_box .input[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fbfbfb;
  height: 46px;
  background: rgb(251, 251, 251);
  border: 1px solid rgb(240, 240, 240);
  border-radius: 4px;
  line-height: 44px;
  font-size: 14px;
  font-weight: 400;
}
.personal_center_data_page .mod_phone_group .info_group .input_box .btn[data-v-30f6769a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 14px;
  width: 106px;
  height: 46px;
  line-height: 44px;
  background: rgb(251, 251, 251);
  border: 1px solid rgb(0, 84, 167);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: rgb(0, 84, 167);
}
.personal_center_data_page .mod_phone_group .info_group .input_box .btn[data-v-30f6769a]:hover {
  background-color: #E5EEF6;
}
.personal_center_data_page .mod_phone_group .footer_group[data-v-30f6769a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.personal_center_data_page .mod_phone_group .footer_group .btn[data-v-30f6769a] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  width: 160px;
  line-height: 50px;
  background: rgb(204, 204, 204);
  border-radius: 4px;
  margin: 0 20px;
  font-size: 18px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}
.personal_center_data_page .mod_phone_group .footer_group .btn.cancel[data-v-30f6769a] {
  background: rgba(0, 84, 167, 0.1);
  color: rgb(0, 84, 166);
}

/*# sourceMappingURL=65.css.map?t=1769050992548*/