.myAccount-right-title {
  margin-bottom: 30px;
}
.myAccount-right-title .account {
  background: url('../images/account.svg') no-repeat;
}
.sub-account-box {
  position: relative;
  border: 1px solid #dddddd;
  padding: 20px 30px;
  margin-bottom: 30px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.sub-account-box h3 {
  position: absolute;
  left: 18px;
  top: -10px;
  width: 130px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  background-color: #ffffff;
}
.sub-account-box ul > li {
  line-height: 26px;
  height: 26px;
  font-size: 0;
  color: #333333;
  margin-bottom: 10px;
}
.sub-account-box ul > li > span {
  font-size: 12px;
  text-align: left;
}
.sub-account-box ul > li > span:first-child {
  width: 90px;
  vertical-align: top;
}
.sub-account-box ul > li > span:last-child {
  color: #999999;
  display: inline-block;
  padding-left: 10px;
  width: 200px;
  height: 26px;
  line-height: 26px;
  background-color: #f9f9f9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #dddddd;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.sub-account-box ul > li:last-child {
  margin-bottom: 0;
}
.sub-account-box .sub-information-neme {
  display: inline-block;
  width: 100px;
}
.accounts-empty {
  width: 100%;
  height: 270px;
  line-height: 270px;
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  color: #c1c1c1;
  font-size: 16px;
}