fuxi-insight-server/server/public/css/common/index.less

@font-face {
  font-family: 'fuxi'; 
  src: url('//at.alicdn.com/t/c/font_4295534_4ayep5toqfs.woff2?t=1697785959676') format('woff2'),
    url('//at.alicdn.com/t/c/font_4295534_4ayep5toqfs.woff?t=1697785959676') format('woff'),
    url('//at.alicdn.com/t/c/font_4295534_4ayep5toqfs.ttf?t=1697785959676') format('truetype');
}

.xgplayer .xgplayer-progress-played{
  background: linear-gradient(-90deg,#00bf99 0%,#00bf99 100%) !important;
}
.xgplayer .xgplayer-drag{
  background-color: #00bf99 !important;
}
.xgplayer .xg-options-list li:hover, .xgplayer .xg-options-list li.selected{
  color: #00BF99 !important;
}
.site-header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 1344px;
  height: 80px;
  color: #fff;
  z-index: 99;
  .inner{
    width: 1344px;
    max-width: 1344px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .brand-bar{
    display: flex;
    line-height: 80px;
  }
  .logo{
    margin-left: 32px;
    width: 130px;
    height: 80px;
    overflow: hidden;
    text-indent: -9999em;
    display: block;
    font-size: 0;
    background: url("../../images/logo.png") no-repeat 0 0;
    background-size: cover;
  }
  .channel-name{
    position: relative;
    margin-left: 11px;
    padding-left: 17px;
    font-size: 22px;
    &::before{
      position: absolute;
      left: 0;
      top: 26px;
      width: 1px;
      height: 28px;
      content: "";
      background-color: #fff;
    }
  }
  .menu{
    padding: 28px 0 0;
    font-size: 16px;
    line-height: 25px;
    a,span{
      margin: 0 20px;
      color: #fff;
    }
    a:hover, .current{
      position: relative;
      text-decoration: none;
      &:after{
        position: absolute;
        left: 50%;
        bottom: -10px;
        content: "";
        width: 18px;
        height: 3px;
        border-radius: 3px;
        background-color: #fff;
        transform: translate(-50%, 0);
      }
    }
  }
  .sign-status-bar{
    padding: 0 32px 0 0;
    font-size: 0;
    display: flex;
    align-items: center;
    .frame{
      margin-right: 34px;
      padding: 9px 17px;
      font-size: 16px;
      line-height: 22px;
      height: 22px;
      overflow: hidden;
      border-radius: 20px;
      background-color: rgba(0,0,0,.24);
      > a{
        color: #fff;
        &:hover{
          text-decoration: none;
          color: #00bf99;
        }
      }
    }
    .dropdown{
      position: relative;
      margin-right: 28px;
      .avatar{
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        cursor: pointer;
        color: #fff;
        font-size: 20px;
        line-height: 38px;
        text-align: center;
        background-color: #00bf99;
        font-family: "fuxi";
      }
      .dropdown-list{
        position: absolute;
        top: 34px;
        left: 50%;
        padding: 20px 0 0;
        transform: translate(-50%, 0);
        display: none;
        ul{
          padding: 0 16px 12px;
          background-color: #fff;
          border-radius: 8px;
          overflow: hidden;
          box-shadow: 0 2px 8px rgba(0,0,0,.15);
        }
        li{
          margin-top: 12px;
          font-size: 12px;
          line-height: 16px;
          white-space: nowrap;
          a{
            color: #333;
            &:hover{
              color: #00bf99;
              text-decoration: none;
            }
            &.new{
              color: #FB541F;
            }
          }
        }
      }
      &:hover .dropdown-list{
        display: block;
      }
    }
    > a{
      font-size: 16px;
      line-height: 25px;
      color: #fff;
      // &:first-of-type::after{
      //   margin: 0 10px;
      //   content: "|";
      //   position: relative;
      //   top: -1px;
      // }
      &:first-of-type{
        margin-right: 20px;
      }
      &:hover{
        text-decoration: none;
        color: #00bf99;
        &:after{
          color: #fff;
        }
      }
      
    }
  }
}

.site-footer{
  position: relative;
  padding: 47px 0;
  height: 66px;
  min-width: 1200px;
  color: #fff;
  background: #232a3e;
  background-size: 100% 100%;
  z-index: 1;
  a{
    margin: 0 5px;
    color: #fff;
  }
  .police::before{
    margin: 1px 5px 0 0;
    content: "";
    width: 16px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    background: url("data:image/png;base64,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");
    background-size: cover;
  }
  &:after{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url("https://www.fuxicarbon.com/static/footerBg.faffbd90.png") no-repeat 50% 0;
    opacity: .3;
    z-index: -1;
  }
  p{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    &:last-child{
      margin-top: 22px;
    }
  }
}


.wrapper{
  margin: 0 auto;
  width: 1200px;
}



.sticky{
  .site-header{
    color: #000;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 30px;
    .logo{
      background-image: url("../../images/logo_light.png");
    }
    .menu{
      a{
        color: #000
      }
      span{
        color: #00bf99;
      }
      a:hover, .current{
        &:after{
          background-color: #00bf99;
        }
      }
    }
    .sign-status-bar{
      a{
        color: #000;
        &:hover{
          color: #00bf99;
          &:after{
            color: #000;
          }
        }
      }
      .frame{
        background-color: rgba(68, 182, 137, .3);
      }
    }
  }
}