.tree-menu {
  width: 200px;
  height: auto;
  background: #fff;
  border: 1px solid #e9e9e9; }
  .tree-menu .menu {
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding: 9px 20px;
    box-sizing: border-box;
    cursor: pointer; }
    .tree-menu .menu.selected a {
      color: #E74B3B; }
    .tree-menu .menu:after {
      content: "";
      width: 12px;
      height: 8px;
      background: url("../img/personal/bottom@2x(2).png") no-repeat;
      display: inline-block;
      margin-top: 10px;
      background-size: 100% 100%;
      transform: rotate(180deg); }
    .tree-menu .menu.selected:after {
      background: url("../img/personal/top.png") no-repeat;
      background-size: 100% 100%;
      transform: rotate(0deg); }
    .tree-menu .menu.selected.show_details:after {
      transform: rotate(180deg); }
    .tree-menu .menu:before {
      content: '';
      width: 17px;
      height: 17px;
      vertical-align: middle;
      margin-top: 3px; }
  .tree-menu .menu-person:before {
    content: url("../img/personal/person_left_one_off.png"); }
  .tree-menu .menu-person.selected:before {
    content: url("../img/personal/person_left_one_on.png"); }
  .tree-menu .menu-buyer:before {
    content: url("../img/personal/person_left_two_off.png"); }
  .tree-menu .menu-buyer.selected:before {
    content: url("../img/personal/person_left_two_on.png"); }
  .tree-menu .menu-seller:before {
    content: url("../img/personal/person_left_three_off.png"); }
  .tree-menu .menu-seller.selected:before {
    content: url("../img/personal/person_left_three_on.png"); }
  .tree-menu .elements {
    width: 200px;
    display: none;
    color: #333; }
    .tree-menu .elements li {
      height: 40px;
      width: 200px;
      text-align: center;
      line-height: 40px; }
      .tree-menu .elements li a {
        display: block;
        width: 100%;
        transition: all .15s ease;
        margin-top: 8px; }
        .tree-menu .elements li a:hover {
          background: #F5F5F5;
          border-radius: 8px;
          width: 188px;
          margin-left: 6px; }
      .tree-menu .elements li.selected a {
        background: linear-gradient(135deg, #FAC846 0%, #FFB916 100%);
        box-shadow: 0px 4px 12px 0px rgba(250, 200, 70, 0.3);
        border-radius: 8px;
        width: 188px;
        margin-left: 6px; }
  .tree-menu .show_details:after {
    transform: rotate(0deg); }

a {
  color: black; }

.notice_li {
  position: relative; }

.notice_tag {
  position: absolute;
  width: 20px;
  height: 16px;
  border-radius: 40%;
  top: 12px;
  right: 42px;
  font-size: 10px;
  line-height: 16.5px;
  color: white;
  background: #E74B3B; }