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

@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;
}
.site-header .inner {
  width: 1344px;
  max-width: 1344px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.site-header .brand-bar {
  display: flex;
  line-height: 80px;
}
.site-header .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;
}
.site-header .channel-name {
  position: relative;
  margin-left: 11px;
  padding-left: 17px;
  font-size: 22px;
}
.site-header .channel-name::before {
  position: absolute;
  left: 0;
  top: 26px;
  width: 1px;
  height: 28px;
  content: "";
  background-color: #fff;
}
.site-header .menu {
  padding: 28px 0 0;
  font-size: 16px;
  line-height: 25px;
}
.site-header .menu a,
.site-header .menu span {
  margin: 0 20px;
  color: #fff;
}
.site-header .menu a:hover,
.site-header .menu .current {
  position: relative;
  text-decoration: none;
}
.site-header .menu a:hover:after,
.site-header .menu .current:after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: "";
  width: 18px;
  height: 3px;
  border-radius: 3px;
  background-color: #fff;
  transform: translate(-50%, 0);
}
.site-header .sign-status-bar {
  padding: 0 32px 0 0;
  font-size: 0;
  display: flex;
  align-items: center;
}
.site-header .sign-status-bar .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, 0.24);
}
.site-header .sign-status-bar .frame > a {
  color: #fff;
}
.site-header .sign-status-bar .frame > a:hover {
  text-decoration: none;
  color: #00bf99;
}
.site-header .sign-status-bar .dropdown {
  position: relative;
  margin-right: 28px;
}
.site-header .sign-status-bar .dropdown .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";
}
.site-header .sign-status-bar .dropdown .dropdown-list {
  position: absolute;
  top: 34px;
  left: 50%;
  padding: 20px 0 0;
  transform: translate(-50%, 0);
  display: none;
}
.site-header .sign-status-bar .dropdown .dropdown-list ul {
  padding: 0 16px 12px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.site-header .sign-status-bar .dropdown .dropdown-list li {
  margin-top: 12px;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
.site-header .sign-status-bar .dropdown .dropdown-list li a {
  color: #333;
}
.site-header .sign-status-bar .dropdown .dropdown-list li a:hover {
  color: #00bf99;
  text-decoration: none;
}
.site-header .sign-status-bar .dropdown .dropdown-list li a.new {
  color: #FB541F;
}
.site-header .sign-status-bar .dropdown:hover .dropdown-list {
  display: block;
}
.site-header .sign-status-bar > a {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
}
.site-header .sign-status-bar > a:first-of-type {
  margin-right: 20px;
}
.site-header .sign-status-bar > a:hover {
  text-decoration: none;
  color: #00bf99;
}
.site-header .sign-status-bar > a:hover: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;
}
.site-footer a {
  margin: 0 5px;
  color: #fff;
}
.site-footer .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;
}
.site-footer: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: 0.3;
  z-index: -1;
}
.site-footer p {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.site-footer p: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;
}
.sticky .site-header .logo {
  background-image: url("../../images/logo_light.png");
}
.sticky .site-header .menu a {
  color: #000;
}
.sticky .site-header .menu span {
  color: #00bf99;
}
.sticky .site-header .menu a:hover:after,
.sticky .site-header .menu .current:after {
  background-color: #00bf99;
}
.sticky .site-header .sign-status-bar a {
  color: #000;
}
.sticky .site-header .sign-status-bar a:hover {
  color: #00bf99;
}
.sticky .site-header .sign-status-bar a:hover:after {
  color: #000;
}
.sticky .site-header .sign-status-bar .frame {
  background-color: rgba(68, 182, 137, 0.3);
}