.fixedheader{
      opacity: 0; /* 完全透明 */
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgb(155, 155, 155);
        background-color: #fff;
        text-align: center;
        position: fixed;
        top: 0rem;
        border-bottom: rgb(155, 155, 155) solid 0.1rem;
    }
    /* 淡入元素的激活状态 */
    .fixedheader.active {
      opacity: 1; /* 完全不透明 */
      /* transform: translateY(0) translateY(100%); 回到原始位置 */
    }
    
    .fixedheader-tags{
      max-width: 60rem;
      width: 80%;
      height: 4rem;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      margin: 0 auto;
    }
    .fixedheader-tags-tagfont{
      display: flex;
      height: 2rem;
      line-height: 2rem;
      color: rgb(155, 155, 155);
      font-size: 1rem;
      font-weight: 500;
      text-align: center;
      order: 3;
    }
    .fixedheader-tags-tagfont:hover{
      text-decoration: underline;  /* 下划线 */
    }
    .fixedheader-tags-tagimage{
      display: flex;
      width: 3rem;
      height: 3rem;
      order: 3;
      background: url('../picture/avatar1.png');
      background-repeat: repeat;
      background-size: 100% 100%;
    }