@charset "UTF-8";
.tabs[data-v-0f55029d] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tabs .tabsItem[data-v-0f55029d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, 0.08);
    margin: 0.13021rem 0 0 0.13021rem;
}
.tabs .siteName[data-v-0f55029d] {
    font-size: 0.11979rem;
    padding: 0 0.15625rem 0 0;
}
.tab[data-v-0f55029d] {
  height: 0.26042rem;
  padding: 0.05208rem 0.15625rem;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* border-radius: 7px; */
  font-size: 0.07292rem;
  color: white;
  /* 字体颜色为白色 */
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.tab[data-v-0f55029d]:hover {
  background-color: #303f50;
  /* 悬停时的背景色 */
}
.tab.active[data-v-0f55029d] {
  background-color: #303f50;
  /* 被点击的背景颜色 */
  color: #63b7f7;
  /* 被点击时的字体颜色 */
}
.content[data-v-0f55029d] {
  margin-top: 0.10417rem;
}