/*定位*/
.n_banner_inner {
position: relative;
}
/*提示信息*/
.n_banner_inner .img-info {
position: absolute;
right: 12px;
top: 9px;
padding: 0;
text-align: right;
color: #fff;
}
.n_banner_inner .img-info i {
position: relative;
display: inline-block;
color: #007bff;
font-size: 20px;
line-height: 19px;
text-align: center;
z-index: 9;
font-style: inherit;
}
.n_banner_inner .img-info .info {
position: absolute;
bottom: 5px;
right: 0;
width: 0;
padding: 5px 0;
overflow: hidden;
background: #007bff;
border-radius: 10px;
line-height: 10px;
text-align: center;
font-size: 10px;
color: #fff;
white-space: nowrap;
-webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
-moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
-ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
-o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
}
.n_banner_inner .img-info .info a {
color: #fff;
}
.n_banner_inner .tirr {
max-width: 100%;
height: auto;
transition: 0.5s;
border-radius: 5px;
}
/*触发Hover*/
.n_banner_inner:hover .info {
width: auto;
padding: 5px 23px 5px 12px;
-webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
-moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
-ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
-o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
font-size: 12px;
z-index: 1;
}
.n_banner_inner img:hover {
filter: brightness(50%);
}
/*出发声明hover*/
.n_banner_inner .info:hover a {
color: red;
text-decoration: none;
}
/*左下角广告*/
.n_banner_inner .Banner-adTag {
position: absolute;
left: 5px;
bottom: 5px;
width: 50px;
border: 1px solid #ebebeb;
border-radius: 3px;
color: #ebebeb;
opacity: 0.5;
font-size: 12px;
line-height: 20px;
text-align: center;
}
@media screen and (max-width: 768px) {
.n_banner_inner .img-info {
display: none;
}
}
.container {
width: 100%;
}
.zib-widget {
clear: both;
background: var(--main-bg-color);
padding: 0px;
box-shadow: 0 0 0px var(--main-shadow);
border-radius: var(--main-radius);
margin-bottom: 20px;
}
/*悬浮美化开始kobai.top*/
.float-right .ontop {
--this-color: #ffffff;
--this-bg: linear-gradient(123deg, #461B93 0%, #461B93 40%, #6A3CBC calc(40% + 1px), #6A3CBC 60%, #8253D7 calc(60% + 1px), #8253D7 70%, #F78F1E calc(70% + 1px), #F78F1E 100%);
}
.float-right .toggle-theme {
--this-color: #ffffff;
--this-bg: linear-gradient(56deg, rgb(255, 180, 172) 0%, rgb(255, 180, 172) 40%, rgb(103, 145, 134) calc(40% + 1px), rgb(103, 145, 134) 50%, rgb(38, 78, 112) calc(50% + 1px), rgb(38, 78, 112) 70%, rgb(255, 235, 211) calc(70% + 1px), rgb(255, 235, 211) 100%);
}
.float-right .service-wechat {
--this-color: #ffffff;
--this-bg: linear-gradient(110deg, #FFD9E8 4%, #FFD9E8 40%, #DE95BA calc(40% + 1px), #DE95BA 50%, #7F4A88 calc(50% + 1px), #7F4A88 70%, #4A266A calc(70% + 1px), #4A266A 100%);
}
.float-right .service-qq {
--this-color: #ffffff;
--this-bg: linear-gradient(123deg, #2E99B0 0%, #2E99B0 40%, #FCD77F calc(40% + 1px), #FCD77F 60%, #FF2E4C calc(60% + 1px), #FF2E4C 75%, #1E1548 calc(75% + 1px), #1E1548 100%);
}
/*悬浮美化结束kobai.top*/
/*文章随机彩色标签*/
.widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color: #FFF}
img.shice {
position: relative;
top: -2px;
margin-right: 4px;
height: 20px;
pointer-events: none;
}
.wniui-copy {
font-weight: 700;
background: -webkit-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
animation: ran 20s linear infinite;
-webkit-animation: ran 20s linear infinite;
color: transparent;
background-clip: text;
-webkit-background-clip: text
}
@keyframes ran {
0% {}
100% {
background-position: 2000px 0
}
}
/*加载动画*/
body:after {
content: " ";
position: fixed;
inset: 0;
background-color: white;
z-index: 999;
background-image: url(https://www.xkzhi.cn/zatu/loading.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 30%;
animation: fadeOut 3s;
animation-fill-mode: forwards;
-webkit-transition: fadeOut 3s;
transition: fadeOut 2s;
pointer-events: none
}
@keyframes fadeOut {
50% {
opacity: 1
}
100% {
opacity: 0
}
}
.breadcrumb {
display: flex;
align-items: center;
list-style: none;
padding: 1.5rem 2rem;
margin: 0;
background: linear-gradient(135deg, #f0f6ff, #e6f0ff);
border: 1px solid #c3d9ff;
border-radius: 1rem;
box-shadow: 0 6px 12px rgba(195, 217, 255, 0.5);
font-family: 'Inter', sans-serif;
font-size: 1.25rem;
color: #3366cc;
max-width: 100%;
overflow-x: auto;
transition: all 0.3s ease;
}
.breadcrumb:hover {
transform: translateY(-3px);
box-shadow: 0 8px 16px rgba(195, 217, 255, 0.7);
}
/* 面包屑项样式 */
.breadcrumb-item {
display: flex;
align-items: center;
}
/* 面包屑链接样式 */
.breadcrumb-link {
color: #3366cc;
text-decoration: none;
padding: 1rem 1.25rem;
display: inline-block;
border-radius: 0.5rem;
position: relative;
transition: all 0.3s ease;
}
.breadcrumb-link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #3366cc;
transition: width 0.3s ease;
}
.breadcrumb-link:hover {
color: #1a3366;
background-color: rgba(51, 102, 204, 0.1);
}
.breadcrumb-link:hover::before {
width: 100%;
}
/* 面包屑分隔符样式 */
.breadcrumb-separator {
color: #99b3ff;
padding: 0 0.75rem;
font-size: 1.5rem;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* 当前页面样式 */
.breadcrumb-current {
color: #1a3366;
font-weight: 600;
padding: 1rem 1.25rem;
border-radius: 0.5rem;
background-color: rgba(51, 102, 204, 0.1);
box-shadow: inset 0 0 4px rgba(51, 102, 204, 0.3);
}
/* 响应式设计 */
@media (max-width: 640px) {
.breadcrumb {
font-size: 1rem;
padding: 1rem 1.25rem;
}
.breadcrumb-link,
.breadcrumb-current {
padding: 0.75rem 1rem;
}
.breadcrumb-separator {
padding: 0 0.5rem;
}
}/* 面包屑导航容器样式 */
.breadcrumb {
display: flex;
align-items: center;
list-style: none;
padding: 1.5rem 2rem;
margin: 0;
background: linear-gradient(135deg, #f0f6ff, #e6f0ff);
border: 1px solid #c3d9ff;
border-radius: 1rem;
box-shadow: 0 6px 12px rgba(195, 217, 255, 0.5);
font-family: 'Inter', sans-serif;
font-size: 1.25rem;
color: #3366cc;
max-width: 100%;
overflow-x: auto;
transition: all 0.3s ease;
}
.breadcrumb:hover {
transform: translateY(-3px);
box-shadow: 0 8px 16px rgba(195, 217, 255, 0.7);
}
/* 面包屑项样式 */
.breadcrumb-item {
display: flex;
align-items: center;
}
/* 面包屑链接样式 */
.breadcrumb-link {
color: #3366cc;
text-decoration: none;
padding: 1rem 1.25rem;
display: inline-block;
border-radius: 0.5rem;
position: relative;
transition: all 0.3s ease;
}
.breadcrumb-link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #3366cc;
transition: width 0.3s ease;
}
.breadcrumb-link:hover {
color: #1a3366;
background-color: rgba(51, 102, 204, 0.1);
}
.breadcrumb-link:hover::before {
width: 100%;
}
/* 面包屑分隔符样式 */
.breadcrumb-separator {
color: #99b3ff;
padding: 0 0.75rem;
font-size: 1.5rem;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* 当前页面样式 */
.breadcrumb-current {
color: #1a3366;
font-weight: 600;
padding: 1rem 1.25rem;
border-radius: 0.5rem;
background-color: rgba(51, 102, 204, 0.1);
box-shadow: inset 0 0 4px rgba(51, 102, 204, 0.3);
}
/* 响应式设计 */
@media (max-width: 640px) {
.breadcrumb {
font-size: 1rem;
padding: 1rem 1.25rem;
}
.breadcrumb-link,
.breadcrumb-current {
padding: 0.75rem 1rem;
}
.breadcrumb-separator {
padding: 0 0.5rem;
}
}
/*新文章发布图标样式*/
.posts-item{
position: relative;
overflow: visible;
}
.tianyishangke-new-icon{
position: absolute;
top: 15px;
right: 0;
padding: 5px 10px;
background: #ff2626;
box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 13px;
font-weight: 900;
border-radius: 5px 0 0 5px;
}
.tianyishangke-new-icon:before {
position: absolute;
content: " ";
display: block;
width: 7px;
height: 110%;
padding: 0 0 7px;
top: 0;
right: -7px;
background: inherit;
border-radius: 0 5px 5px 0;
}
.tianyishangke-new-icon:after {
position: absolute;
content: " ";
display: block;
width: 5px;
height: 5px;
background: rgba(0, 0, 0, 0.35);
bottom: -3px;
right: -5px;
border-radius: 0 5px 5px 0;
}
.tianyishangke-new-icon:after {
position: absolute;
content: " ";
display: block;
width: 5px;
height: 5px;
background: rgba(0, 0, 0, 0.35);
bottom: -3px;
right: -5px;
border-radius: 0 5px 5px 0;
}
/*文章列表悬停边框美化 */
.card {
box-shadow: 0.3em 0.3em 0.7em #00000015;
border: rgba(0, 0, 0, .05) 0.2em solid;
}
.card:hover {
border: #006fff 0.2em solid;
transition: border 1s;
}
@keyframes lampLine-38cc6824 {
0% {
transform: rotate(10deg)
}
to {
transform: rotate(-10deg)
}
}
.tengfei_hang {
width: 150px;
height: 200px;
display: inline-block;
background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01mCJxMU1QbImPZHBHZ_!!2210123621994.webp) no-repeat 50%/100%;
vertical-align: middle;
position: absolute;
left: 80%;
top: 45px;
z-index: 50;
cursor: pointer;
animation: lampLine-38cc6824 1.2s ease-in-out 0s infinite alternate;
margin-left: -1px;
transform-origin: 50% 0;
pointer-events:none;
}
}
/*文章列表左上角三点美化 */
.posts-item.card:last-child {
margin-bottom: 8px !important;
}
.training-camp__wrapper .header__title-wrapper {
font-size: 16px;
}
.sec-wrapper {
margin-bottom: 10px;
}
.training-camp__wrapper .header__title-wrapper {
color: #22ab80;
}
.training-camp__wrapper {
background-image: linear-gradient(150deg, #cff0fb 20%, #cbf4e4 40%);
padding: 0 12px 12px;
border-radius: 16px;
}
button.button---AUM5ZP.text---pn4pHz.medium---OGt5iw.header__btn {
background: #ffffff00;
border: 1px solid #fc3c2d00;
border-radius: 0px;
}
.training-camp__wrapper .training-camp__header {
padding: 24px 0 24px 12px;
display: -webkit-flex;
display: flex;
background: url(/pic/kuangwenlu.png) 100% 0/433px 126px no-repeat;
}
.training-camp__wrapper .header__title-wrapper {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.training-camp__wrapper .title__img-wrapper {
height: 20px;
}
.training-camp__wrapper .header__btn-wrapper {
margin-left: auto;
display: -webkit-flex;
display: flex;
}
.training-camp__wrapper .header__btn-wrapper button[class*=button---] {
height: 20px;
line-height: 20px;
padding: 0 12px;
}
.training-camp__wrapper .header__btn {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
color: #22ab80;
}
.medium---OGt5iw {
height: 36px;
padding: 8px 24px;
font-size: 14px;
}
.outlined---BKvHAe,
.text---pn4pHz {
background-color: initial;
color: #3e454d;
}
.button---AUM5ZP {
position: relative;
display: inline-block;
height: 36px;
padding: 8px 24px;
border-radius: 22px;
cursor: pointer;
border: unset;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ke-icon---zeGrGg+i {
display: inline-block;
vertical-align: middle;
}
.training-camp__wrapper>div.sec-bd {
background-color: var(--body-bg-color);
}
.sec-wrapper .sec-bd {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.training-camp__wrapper .sec-bd {
padding: 12px;
border-radius: 16px;
}
img.title-macyingyong {
/* width: 120px; */
height: 50px;
}
.posts-item.card {
padding: 35px 10px 10px 10px !important;
}
.posts-item {
position: relative !important;
}
.posts-item.card::before {
content: "";
display: block;
background: #fc625d;
top: 13px;
left: 15px;
border-radius: 50%;
width: 9px;
height: 9px;
box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
margin: 0px 2px -7px;
z-index: 1;
position: absolute;
}
/*文章卡片排列X5*/
@media (min-width: 900px) {
.posts-item.card {
width: calc(25% - 16px);
}
}
.home-page-container .company-logo-box .company-logo .company-bg {
width: 180px;
height: 258px;
background-size: cover;
background-position: -100px 0;
position: absolute;
}
.home-page-container .company-logo-box .company-logo .second-row {
width: 100%;
height: 83px;
}
.home-page-container .small-des {
font-size: 16px !important;
}
.home-page-container .small-des {
font-size: 15px;
font-weight: 400;
color: var(--main-color)
margin-top: 32px;
margin-bottom: 32px;
}
.home-page-container .sub-title {
font-size: 2.3vw;
font-weight: 400;
}
.home-page-container .company-logo-box .sub-title {
margin-top: 110px;
}
.home-page-container .sub-title {
font-size: 48px !important;
}
.home-page-container .company-logo-box {
width: 100%;
height: 470px;
display: flex;
flex-direction: column;
align-items: center
}
.home-page-container .company-logo-box .sub-title {
margin-top: 40px;
}
.home-page-container .company-logo-box .company-logo {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 100%;
}
.home-page-container .company-logo-box .company-logo .logo-box {
width: 12.5%;
height: 83px;
margin: 5px 10px;
background-color: #fff;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
border-radius: 32px;
border: 1px solid rgba(0,0,0,.03);
box-shadow: 0 5px 10px 0 rgba(112,130,193,.1);
}
.home-page-container .company-logo-box .company-logo .row {
display: flex;
justify-content: space-between
}
.home-page-container .company-logo-box .company-logo .first-row {
width:100%;
height: 83px;
margin-bottom: 32px
}
.home-page-container .company-logo-box .company-logo .left {
top: 0;
left: 0
}
.home-page-container .company-logo-box .company-logo .right {
top: 0;
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.home-page-container .data-box {
width: 100%;
height: 561px;
background-color: #f5f7fd;
position: relative
}
.home-page-container .data-box .rotate-container-res .block-3 {
position: absolute;
top: -130%;
left: -10%
}
.home-page-container .data-box .rotate-container-res .block-1 {
position: absolute;
top: 30%;
left: 70%
}
.home-page-container .data-box .content-box {
width: 100%;
height: 100%;
padding: 130px 136px;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: space-around
}
.home-page-container .data-box .content-box .left {
display: flex;
flex-direction: column;
justify-content: space-between
}
.home-page-container .data-box .content-box .left .small-des {
margin-bottom: 80px
}
.home-page-container .data-box .content-box .right {
width: 53%;
display: flex;
justify-content: space-between;
align-items: flex-end
}
.home-page-container .data-box .content-box .right .num-container:not(:first-child) {
margin-left: 40px
}
.home-page-container .data-box .content-box .right .num-container .number {
color: var(--1,#1b2337);
font-family: PingFang SC;
font-size: 3.5vw;
font-weight: 400
}
.home-page-container .data-box .content-box .right .num-container .unit {
color: var(--1,#1b2337);
font-family: PingFang SC;
font-size: 16px;
font-weight: 400
}
.home-page-container .data-box .content-box .right .num-container .number-title {
color: var(--2,#505a71);
font-family: PingFang SC;
font-size: 14px;
font-weight: 400;
margin-top: 24px
}
/*幻灯片过渡效果 huliku.com*/
.swiper-slide::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 58%;
right: 0;
bottom: 0;
transform: scale(1.01);
background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%);
}
/*仿哔哩哔哩弹窗背景*/
.payvip-modal {
background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01zWJtdh1QbIhbcKakX_!!2210123621994.png),url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01nUULwt1QbIhdvLeL7_!!2210123621994.png);
background-position: 0 100%,100% 100%;
background-repeat: no-repeat,no-repeat;
background-size: 20%;
}
/*底部板块三图片border*/
.footer-miniimg {
p{
position: relative;
&:hover {
filter: contrast(1.1);
}
&:active {
filter: contrast(0.9);
}
&::before,
&::after{
content: "";
border: 2px solid;
border-image: linear-gradient(45deg, gold, deeppink) 1;
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
animation: clippath 3s infinite ;
}
&::before{
animation: clippath 3s infinite -1.5s linear;
}
}
}
@keyframes clippath {
0%,
100% {
clip-path: inset(0 0 96% 0);
filter: hue-rotate(0deg);
}
25% {
clip-path: inset(0 96% 0 0);
}
50% {
clip-path: inset(96% 0 0 0);
filter: hue-rotate(360deg);
}
75% {
clip-path: inset(0 0 0 96%);
}
}
.zhankr-zx {
position: relative;
margin-bottom: 18px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
line-height: 1;
}
.zhankr-zx:before {
margin-right: 10px;
}
.zhankr-zx:after {
margin-left: 10px
}.zhankr-zx:before, .zhankr-zx:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
border-radius: 50%;
}
.zhankr-zx span {
font-family: Futura;
background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
-webkit-background-clip: text;
color: transparent;
font-size: 49px;
letter-spacing: 5px;
display: inline-block;
font-weight: 700;
}.zhankr-zx .zhankr-zx-n {
font-size: 20px;
}
.zhankr-zx .zhankr-zx-n strong {
display: block;
font-size: 20px;
background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
-webkit-background-clip: text;
color: transparent;
}
.HhcatboxDes {
position: absolute;
opacity: 0;
z-index: 1;
align-items: center;
display: flex;
font-size: 16px;
height: 180px;
justify-content: center;
width: 100%;color: #fff;
font-weight: 600;
background: #f95491;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.HhCooltitle {
margin-top: 10px
}
/* 单行文章列表美化——开始 */
.sec-wrapper {
margin-bottom: 10px;
}
.training-camp__wrapper {
--green-1: #cff0fb;
--green-2: #cbf4e4;
--green-3: #22ab80;
--gray-1: #667280;
--white-1: #fff;
--white-2: #f5f7fa;
background-image: linear-gradient(150deg,var(--green-1) 20%,var(--green-2) 40%);
padding: 0 12px 12px;
border-radius: 16px;
}
button.button---AUM5ZP.text---pn4pHz.medium---OGt5iw.header__btn {
background: #ffffff00;
border: 1px solid #fc3c2d00;
border-radius: 0px;
}
.training-camp__wrapper .training-camp__header {
padding: 24px 0 24px 12px;
display: -webkit-flex;
display: flex;
gap: 18px;
background: url(https://www.macgf.com/img/kuangwenlu.png) 100% 0/433px 126px no-repeat;
}
.training-camp__wrapper .header__title-wrapper {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
gap: 0px;
}
.training-camp__wrapper .title__img-wrapper {
height: 20px;
}
.training-camp__wrapper .header__btn-wrapper {
margin-left: auto;
display: -webkit-flex;
display: flex;
}
.training-camp__wrapper .header__btn-wrapper button[class*=button---] {
height: 20px;
line-height: 20px;
padding: 0 12px;
}
.training-camp__wrapper .header__btn {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
color: var(--green-3);
}
.medium---OGt5iw {
height: 36px;
padding: 8px 24px;
font-size: 14px;
}
.outlined---BKvHAe, .text---pn4pHz {
background-color: initial;
color: #3e454d;
}
.button---AUM5ZP {
position: relative;
display: inline-block;
height: 36px;
padding: 8px 24px;
border-radius: 22px;
cursor: pointer;
border: unset;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ke-icon---zeGrGg+i {
display: inline-block;
vertical-align: middle;
}
.training-camp__wrapper>div.sec-bd {
background-color: var(--white-1);
gap: 12px;
}
.sec-wrapper .sec-bd {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
.training-camp__wrapper .sec-bd {
padding: 12px;
border-radius: 16px;
}
img.title-macyingyong {
/* width: 120px; */
height: 50px;
}
/* 单行文章列表美化——结束 */
.zhankr-zx {
position: relative;
margin-bottom: 18px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
line-height: 1;
}
.zhankr-zx:before {
margin-right: 10px;
}
.zhankr-zx:after {
margin-left: 10px
}.zhankr-zx:before, .zhankr-zx:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
border-radius: 50%;
}
.zhankr-zx span {
font-family: Futura;
background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
-webkit-background-clip: text;
color: transparent;
font-size: 49px;
letter-spacing: 5px;
display: inline-block;
font-weight: 700;
}.zhankr-zx .zhankr-zx-n {
font-size: 20px;
}
.zhankr-zx .zhankr-zx-n strong {
display: block;
font-size: 20px;
background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
-webkit-background-clip: text;
color: transparent;
}
.HhcatboxDes {
position: absolute;
opacity: 0;
z-index: 1;
align-items: center;
display: flex;
font-size: 16px;
height: 180px;
justify-content: center;
width: 100%;color: #fff;
font-weight: 600;
background: #f95491;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.HhCooltitle {
margin-top: 10px
}
/*导航菜单美化开始*/
.meihua {
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
-webkit-background-clip: text;
color: transparent !important;
background-size: 300% 100%;
animation: text 4s infinite linear
}
@media (max-width:768px) {
span.ua-info {
display: none
}
.comment-author .user-title {
width: 40% !important
}
}
.comment-author .user-title {
font-size: 13px;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
-webkit-background-clip: text;
color: transparent !important;
background-size: 300% 100%;
animation: text 4s infinite linear
}
@keyframes text {
0% {
background-position: 0 0
}
100% {
background-position: -150% 0
}
}
.b2-qr-code-fill {
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
-webkit-background-clip: text;
color: transparent !important;
background-size: 300% 100%;
animation: text 4s infinite linear
}
/*导航菜单美化结束*/.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.posts-item .item-heading>a {font-weight: bold;color: unset;}@media (max-width:640px) {
.meta-right .meta-view{
display: unset !important;
}
}
-
}
项目投稿可添加站长微信
限时特惠·年会员仅需99元～
91项目君
