站点地图 Sitemap
申请 友情链接
京ICP备 8888888号-1
网站运行
/*文章随机彩色标签*/ .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; } }
用户封面
13085386420skc的头像-项目网
13085386420skc等级-LV1-项目网
已加入本站2天 总消费：0 UID：180 云南省昆明市

  • }

发布文章发布网赚圈
扫码添加微信-项目网
在手机上浏览此页面