123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273 |
- @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);
- }
- }
- }
- }
|