.personalpage {
  padding: 24px 18.75px;
  background-color: #ecfaff; }
  .personalpage .userhead {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 20px;
    clear: both;
    margin-bottom: 20px; }
    .personalpage .userhead .userheadimg {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      float: left;
      display: block; }
    .personalpage .userhead .userinfo {
      width: calc(100% - 75px);
      float: right;
      position: relative;
      height: 60px; }
      .personalpage .userhead .userinfo .name {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 8px;
        color: #3f4f5f;
        margin-top: 10px; }
      .personalpage .userhead .userinfo .id {
        font-size: 14px;
        line-height: 1;
        color: #3f4f5f; }
      .personalpage .userhead .userinfo .state {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        color: #13c4ce;
        font-size: 15px;
        line-height: 1; }
  .personalpage .navgroup {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 20px;
    clear: both; }
    .personalpage .navgroup li {
      /* border-bottom: 1px solid #13c4ce; */
      list-style: none;
      margin-bottom: 5px;
      padding-bottom: 5px; }
      .personalpage .navgroup li:nth-last-child(1) {
        margin-bottom: 0; }
      .personalpage .navgroup li a {
        display: block;
        width: 100%;
        position: relative;
        font-size: 15px;
        text-decoration: unset;
        color: #13c4ce;
        line-height: 35px; }
        .personalpage .navgroup li a span {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          display: none; }
  .personalpage .signout {
    display: block;
    width: 100%;
    line-height: 50px;
    background-color: #3374cd;
    color: #fff;
    text-align: center;
    font-size: 17px;
    border-radius: 10px;
    text-decoration: unset;
    margin: 30px 0 20px 0; }

.userinfopage {
  padding: 24px 18.75px;
  background-color: #ecfaff; }
  .userinfopage .infogroup {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 20px;
    clear: both; }
    .userinfopage .infogroup li {
      list-style: none;
      margin-bottom: 5px;
      padding-bottom: 5px; }
      .userinfopage .infogroup li:nth-last-child(1) {
        margin-bottom: 0; }
      .userinfopage .infogroup li a {
        display: block;
        width: 100%;
        position: relative;
        font-size: 15px;
        text-decoration: unset;
        color: #13c4ce;
        line-height: 35px; }
  .userinfopage .submitbtn {
    display: block;
    width: 100%;
    line-height: 50px;
    background-color: #3374cd;
    color: #fff;
    text-align: center;
    font-size: 17px;
    border-radius: 10px;
    text-decoration: unset;
    margin: 30px 0 20px 0; }