.sider-list > li > ul {
  display: none;
}

/* .sider-list > li > ul > li > ul {
  display: none;
} */
/* .sider-list > li.choosed > ul {
  display: block;
} */

.sider-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.sider-item.first span {
  display: block;
  background-image: linear-gradient(#49B8EF, #49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

.sider-li:not(.choosed) .sider-item.first:hover span {
  color: #49B8EF;
  background-size: 100% 1px;
}

.sider-item.first {
  color: rgba(0, 0, 0, 0.8500);
  font-weight: 500;
  font-size: 16px;
  padding: 20px 23px 20px 18px;
  line-height: 1.2;
}

.choosed > .first {
  color: rgba(255, 255, 255, 1);
  background-image: url(../../img/common/sider-list-choosed-bg2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #49b8ef;
  font-weight: bold;
}

.sider-item.second {
  color: rgba(0, 0, 0, 0.8500);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  padding: 19px 24px 19px 46px;
}

.sider-item.second span {
  display: block;
  background-image: linear-gradient(#49B8EF, #49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

.choosed > .sider-item.second span {
  /* background-size: 100% 1px; */
  color: #49B8EF;
}

.sider-li:not(.choosed) .sider-item.second:hover span {
  color: #49B8EF;
  background-size: 100% 1px;
}

.choosed > .sider-item.second > i {
  color: #49B8EF;
}

.choosed > .sider-item.thrid > i {
  color: #49B8EF;
}

.sider-item.thrid {
  color: rgba(0, 0, 0, 0.8500);
  font-weight: 500;
  font-size: 16px;
  background-color: #f5f5f5;
  line-height: 1.2;
  padding: 19px 24px 19px 78px;
}

.choosed > .sider-item.thrid span {
  color: #49B8EF;
  display: block;
  background-image: linear-gradient(#49B8EF,#49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  /* background-size: 100% 1px; */
  transition: background-size .3s;
}

.sider-item.thrid span {
  display: block;
  background-image: linear-gradient(#49B8EF,#49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

/* .sider-item.thrid:hover {
  color: rgba(247, 135, 207, 0.8);
} */

.sider-li:not(.choosed) .sider-item.thrid:hover span {
  color: #49B8EF;
  background-size: 100% 1px;
  /* color: rgba(247, 135, 207, 0.8); */
}

.c-white {
  color: rgba(255, 255, 255, 1);
}

.c-black {
  color: rgba(51, 51, 51, 1);
}

.sider-item.fourth {
  color: rgba(0, 0, 0, 0.8500);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  padding: 19px 24px 19px 102px;
}

.choosed > .sider-item.fourth span {
  color: #49B8EF;
  display: block;
  background-image: linear-gradient(#49B8EF,#49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  /* background-size: 100% 1px; */
  transition: background-size .3s;
}

.sider-item.fourth span {
  display: block;
  background-image: linear-gradient(#49B8EF,#49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

/* .sider-item.thrid:hover {
  color: rgba(247, 135, 207, 0.8);
} */

.sider-li:not(.choosed) .sider-item.fourth:hover span {
  color: #49B8EF;
  background-size: 100% 1px;
  /* color: rgba(247, 135, 207, 0.8); */
}

.sider-item.fifth {
  color: rgba(0, 0, 0, 0.8500);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  padding: 19px 24px 19px 130px;
}

.choosed > .sider-item.fifth span {
  color: #49B8EF;
  display: block;
  background-image: linear-gradient(#49B8EF,#49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .3s;
}

.sider-item.fifth span {
  display: block;
  background-image: linear-gradient(#49B8EF,#49B8EF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

.sider-li:not(.choosed) .sider-item.fifth:hover span {
  color: #49B8EF;
  background-size: 100% 1px;
}

.sider-item .iconfont {
  font-size: 20px;
}