/* 面包屑导航样式 */ .breadcrumb-nav { margin-bottom: 20px; padding: 10px 0; font-size: 15px; line-height: 1.5; color: #fff; } .breadcrumb-separator { margin: 0 6px; color: #fff; } .breadcrumb-nav a { color: #fff; text-decoration: none; transition: color 0.2s; } .breadcrumb-nav a:hover { color: #fff; text-decoration: underline; } .breadcrumb-current { color: #fff; font-weight: 500; } /* 移动端优化 */ @media (max-width: 768px) { .breadcrumb-nav { font-size: 12px; margin-bottom: 15px; } .breadcrumb-separator { margin: 0 4px; } } .article-focusbox { position: relative; z-index: 1; padding: 40px 0 20px 0; background-color: #394048; color: #eee; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-bottom: 10px } .article-focusbox:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: '' } .article-title { margin: 0 0 10px; color: #fff } .article-meta { font-size: 15px; } .article-meta .item { display: inline-block; margin: 0 10px } .article-meta .item a { color: #fff; background: #4e89ff; color: #fff !important; padding: 2px 8px; border-radius: 50px } .widget-pay .ac_qqhao { padding-top: 20px; text-align: center; } .widget-pay .ac_qqhao a {} .agent--contact ul li { display: flex; justify-content: space-between; align-items: center; color: #8c8c8c; font-size: 13px; } .cao-widget-posts .posts { display: block; } .cao-widget-posts .posts .grid { display: block; width: 100%; margin-bottom: 10px; } .cao-widget-posts .posts .grid .entry-media { position: relative; width: 100%; border-radius: 4px; overflow: hidden; margin-bottom: 0; } .cao-widget-posts .posts .left { padding: 10px 0 5px 115px; overflow: hidden; border-bottom: 1px solid #f0f0f0; } .cao-widget-posts .posts .left .entry-media { margin-bottom: 10px; position: relative; width: 100px; float: left; margin-left: -115px; } .widget_magsy_about_widget .profile-image { margin: 0 auto 15px; } .widget_magsy_about_widget .bio { text-align: center; } .widget_magsy_about_widget .profile-name { color: #1a1a1a; font-size: 17px; font-weight: 900; margin-top: 15px; text-align: center; } .widget_magsy_about_widget .profile-autograph { margin: 20px auto 0; } .widget_calendar #wp-calendar { margin: 0; width: 100%; } .widget_calendar #wp-calendar caption { margin-bottom: 10px; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td { border: 0; font-size: 12px; padding: 3px; text-align: center; } .widget_calendar #wp-calendar th { color: #1a1a1a; } .widget_calendar #wp-calendar td a { font-weight: 700; } .widget_calendar #wp-calendar tfoot td { padding-top: 10px; } .widget_magsy_category_widget .category-item+.category-item { margin-top: 0; } .widget_magsy_category_widget .category-item>a { align-items: center; display: flex; justify-content: space-between; } .widget_magsy_category_widget .category-name { align-items: center; display: flex; font-weight: 600; } .widget_magsy_category_widget .dot { background-color: var(--accent-color); border-radius: 50%; height: 6px; margin-right: 8px; margin-top: 1px; width: 6px; } .widget_magsy_category_widget .category-count { color: #aaa; font-size: 13px; font-weight: 700; } .widget_mc4wp_form_widget .mc4wp-form-fields { padding: 45px 0 0; position: relative; text-align: center; } .widget_mc4wp_form_widget .mc4wp-form-fields:before { color: #aaa; content: "\f5ef"; font-family: "Material Design Icons"; font-size: 36px; left: 50%; position: absolute; top: 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .widget_mc4wp_form_widget .mc4wp-form-fields>p+p { margin: 20px 0 0; } .widget_mc4wp_form_widget .mc4wp-form-fields input { text-align: center; } .widget_magsy_picks_widget .entry-title { font-size: 17px; } .widget-posts .posts>div { align-items: center; display: flex; } .widget-posts .posts>div+div { margin-top: 23px; } .widget-posts .entry-thumbnail { flex-shrink: 0; height: 60px; position: relative; width: 60px; } .widget-posts .entry-thumbnail img { border-radius: 50%; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .widget-posts .entry-header { margin-bottom: 0; margin-left: 15px; } .widget-posts .entry-title { font-size: 15px; font-weight: 700; margin-top: 10px; } .widget-posts .entry-meta { line-height: 1; } .widget-posts .posts.reverse>div { flex-direction: row-reverse; } .widget-posts .posts.reverse .entry-header { flex-grow: 1; margin-left: 0; margin-right: 15px; } .widget_recent_comments .recentcomments .url { color: #555; } .widget_recent_comments .recentcomments>a { color: #1a1a1a; display: block !important; font-size: 15px; font-weight: 700; line-height: 1.1; margin-top: 5px; } .widget_recent_comments .recentcomments+.recentcomments { margin-top: 18px; } .widget_search .search-field { margin-bottom: 0; } .widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; } .widget_tag_cloud .tagcloud>a { align-items: center; border: 1px solid #e6e6e6; border-radius: 3px; color: #555; display: flex; font-size: 10px !important; font-weight: 500; line-height: 1; margin: 0 6px 6px 0; padding: 6px 8px; } .widget_text .textwidget>*:last-child { margin-bottom: 0; } .widget-area .widget .widget-title { letter-spacing: .5px; line-height: 1; margin-bottom: 10px; text-transform: uppercase; border: 0; border-left: 4px solid #0056ff; padding-left: 10px; font-size: 20px; font-weight: 600; line-height: 25px } /* 文章列表容器样式 */ .cao-widget-posts .posts { display: flex; flex-direction: column; } /* 单个文章项样式 - 左图右文布局 */ .cao-widget-posts .posts .left { display: flex; align-items: flex-start; gap: 12px; background: #fff; border-radius: 8px; overflow: hidden; } /* 左侧缩略图容器 - 固定宽度 */ .cao-widget-posts .posts .left .entry-media { flex-shrink: 0; width: 80px; } .cao-widget-posts .posts .left .entry-media .placeholder { position: relative; padding-bottom: 62.5%; /* 4:3比例，可根据需要调整 */ overflow: hidden; border-radius: 6px; } .cao-widget-posts .posts .left .entry-media .placeholder a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .cao-widget-posts .posts .left .entry-media .placeholder img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* 右侧标题样式 - 两行显示 + 省略号 + 英文断行 */ .cao-widget-posts .posts .left > a { flex: 1; font-size: 15px; line-height: 1.4; color: #333; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; word-wrap: break-word; hyphens: auto; } /* 鼠标悬停效果 */ .cao-widget-posts .posts .left > a:hover { color: #0073aa; text-decoration: underline; } /* 响应式调整：小屏幕下缩略图稍小 */ @media (max-width: 480px) { .cao-widget-posts .posts .left .entry-media { width: 70px; } .cao-widget-posts .posts .left > a { font-size: 14px; } } .widget-area .widget { position: relative; background-color: #fff; padding: 20px; border-radius: 4px; clear: both; overflow: hidden; } .widget-area .widget+.widget { margin-top: 20px; } .widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget { margin-top: 20px; } .widget ul { list-style-type: none; margin: 0; padding: 0; } .widget ul li { line-height: 20px; list-style: none; } .widget ul li>a { display: inline-block; } .widget ul li+li>a, .widget ul ul li>a { margin-top: 0; } .widget-userinfo { background-color: #fff; } .widget-userinfo .author-card_content { position: relative; } .widget-userinfo .author_avatar { position: relative; padding-bottom: 10px; width: 100%; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-userinfo .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; -webkit-box-flex: 0; } .widget-userinfo .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .widget-userinfo .col.n2 { position: relative; width: 100%; padding-right: 10px; padding-left: 10px; } .widget-userinfo .col.n2 small { color: #8492a6 !important; line-height: 1.7; } .widget-userinfo .author_avatar .avatar { width: 50px; box-shadow: 0 0 5px rgba(0, 0, 0, .16); border: 2px solid #eee; } .widget-userinfo .btn-qiandao { color: #8492a6; background-color: #f2f7ff; border-radius: 50rem; padding: .375rem 1rem; font-size: .75rem; line-height: 1.5; } .widget-userinfo .author-fields { width: 100%; border-top: 1px solid #f6f6f6; padding-top: 20px; } .widget-userinfo .author-fields .num { font-size: 18px; color: #8BC34A; } .widget-userinfo .author-fields .d-block { color: #8492a6; font-size: 13px; } .widget-userinfo .author_avatar a { display: block !important; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 80px; } .widget-area .widget.widget-adss { overflow: hidden; padding: 0; border-radius: 0; } .widget-adss a { width: 100% } .widget-adss .asr { display: block; padding: 30px 15px; text-align: center; color: #fff !important; background: #64ddbb; } .widget-adss .asr h4 { margin: 0; font-size: 18px; font-weight: bold; color: #fff; } .widget-adss .asr h5 { margin: 15px 0 0; font-weight: normal; color: #fff; } .widget-adss .asr .btn { margin-top: 20px; font-weight: normal; border-radius: 100px; text-align: center; vertical-align: top; user-select: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 4px 30px; line-height: inherit; } .comments-area #reply-title { align-items: center; display: flex; justify-content: space-between; position: relative; text-transform: uppercase; border: 0; border-left: 4px solid #0056ff; padding-left: 10px; font-weight: 600; line-height: 25px; } .widget-pay .pay--rateinfo { padding: 10px 20px; border-radius: 4px; margin-top: 0; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; z-index: 11; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px 0 rgba(52, 73, 94, .1); background: #FFF } .widget .widget-pay { display: block; } .widget-pay .rateinfo-abs { display: inline-block; padding-top: 30px; } .widget-pay .pay--rateinfo { padding: 10px 20px; border-radius: 4px; margin-top: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; z-index: 11; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); background: #FFF; } .widget-pay .pay--rateinfo b { margin: 0 10px; } .widget-pay .pay--rateinfo b .price { font-size: 28px; margin-right: 5px; } .widget-pay .pay--rateinfo b .ua { color: #8c8c8c; } .widget-pay .pay--rateinfo b sup { font-size: 14px; margin-left: 3px; } .widget-pay .pay--rateinfo .desc { color: #626a71; } .widget-pay .pricing-options { position: relative; margin-bottom: 10px; } .widget-pay .pricing-options li { padding: 10px 0; font-size: 14px; cursor: pointer; color: #8c8c8c; } .widget-pay .pricing-options li+li { border-top: 1px solid #e6e6e6; } .widget-pay .pricing-options li .pricing__opt { font-weight: 600; } .widget-pay .boosvip-abs { padding: 4px 12px; text-align: center; background-color: #eee; color: #fd721f; font-size: 14px; } .widget-pay .pay--content { position: relative; padding-bottom: 10px; } .widget-pay .pay-box {} .widget-pay .pay-box .pwd { padding: 5px; margin-top: 10px; display: block; background-color: #fffacd; color: #999999; border-radius: 4px; text-align: center; border: 1px dashed #ffc12b; } .widget-pay .pay-box .pwd .copypaw { cursor: copy; font-weight: 600; background-color: #ffffff; border-radius: 4px; color: #969696; padding: 0 10px; } .widget-pay .pay-box .pwd .copypaw:hover { cursor: copy; } .widget-pay .pay-box .go-pay { margin-top: 10px; display: none; } .widget-pay .pay--content p { margin-bottom: 10px; text-align: center; } .widget-pay .pay--btn { padding-bottom: 20px; } .widget-pay .pay--content .info { display: block; padding-bottom: 20px; } .pay--content .info .price { color: #fd721f; font-size: 24px; font-weight: 600; line-height: 1; text-transform: capitalize; text-align: center; } .pay--content .info .price font i { margin-right: 10px; } .pay--content .info .price span { font-size: 16px; } .pay--content .info .vip_rate { padding: 6px 12px; background-color: #f3f7ff; border-radius: 4px; text-align: center; } .pay--content .info .paynum { position: absolute; top: 0; right: 0; font-size: 12px; } .widget-pay .agent--contact { overflow: hidden; border-radius: 4px; } .u-border-title { align-items: center; display: flex; font-size:20px; border-left: 4px solid #0056ff; padding-left: 10px; } .u-text-format>*:first-child, .u-text-format>*:first-child>*:first-child { margin-top: 0 !important; } .u-text-format>*:last-child, .u-text-format>*:last-child>*:last-child { margin-bottom: 0 !important; } .u-text-format h1, .u-text-format h2, .u-text-format h3, .u-text-format h4, .u-text-format h5, .u-text-format h6 { font-weight: 600; margin-bottom: 20px; margin-top: 20px; } .u-text-format h1 { border-radius: 0 !important; margin-left: 0; padding: 5px 0 5px 10px; border-left: 3px solid #0056ff; color: #444; font-size: 24px; } .u-text-format h2 { border-radius: 0 !important; margin-left: 0; padding: 10px 0 10px 10px; border-left: 3px solid #0056ff; color: #444; font-size: 22px; line-height: 30px; } .u-text-format h3 { font-size: 20px; } .u-text-format h4 { font-size: 19px; } .u-text-format h5 { font-size: 18px; } .u-text-format h6 { font-size: 17px; } .u-text-format ul ul, .u-text-format ol ul, .u-text-format dl ul, .u-text-format ul ol, .u-text-format ol ol, .u-text-format dl ol, .u-text-format ul dl, .u-text-format ol dl, .u-text-format dl dl { margin: 0; } .u-text-format li { margin: 1px 0; } .u-text-format a { font-weight: 700; } .u-text-format .fluid-width-video-wrapper { margin: 30px 0; } .article-copyright { background: #d8eafc; color: #1e87f0; border: 0; font-size: 15px; border-radius: 0; margin-top: 20px; clear: both; overflow: hidden; margin-bottom: 20px; padding: 10px 20px; } .article-copyright a { color: #1e87f0 } .article-footer { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding-top: 30px; position: relative; } @media (max-width:576px) { .article-footer { display: flex; } .author-box { display: none; } } .entry-tags a { background-color: #fff; border: 1px solid #e5f2ff; border-radius: 100px; background: rgba(0, 132, 255, .1); color: #0084ff; font-size: 13px; font-weight: 400; line-height: 1; margin: 0 5px 5px 0; padding: 5px 12px } .bottom-area { padding: 10px 0; } .bottom-area+.bottom-area { padding-top: 0; } .site-content>.container+.bottom-area { margin-top: 60px; } @media (max-width:767px) { .bottom-area { padding-bottom: 30px; } } .related-posts h3, .comments-area .comments-title, .comments-area #reply-title { font-size: 20px; letter-spacing: 0.2px; margin-bottom: 30px; } .related-posts .post { display: flex; margin: 15px 0; } .related-posts .entry-media { flex-shrink: 0; margin-bottom: 0; margin-right: 20px; width: 220px; } .related-posts-grid { background-color: #ffffff; display: block; margin-top: 10px; position: relative; border-radius: 5px; padding: 20px; } .related-posts-grid .entry-title { font-size: 15px; font-weight: normal; letter-spacing: -0.2px; margin-bottom: 0; } @media (max-width:767px) { .related-posts .post { margin: 10px 0; } .related-posts .entry-media { width: 120px; } } .comments-area { background-color: #fff; border-radius: 4px; padding: 30px; margin-top: 0; } .comments-area .comments-title { margin-bottom: 40px; } .comments-area .must-log-in { padding: 50px; background-color: #f2f2f2; text-align: center; font-size: 16px; } .comments-area .must-log-in a { color: #fd721f; } .comments-area #reply-title a, .comments-area .reply-link a, .comments-area .edit-link a { color: #aaa; font-size: 0; height: 20px; line-height: 20px; position: absolute; right: 0; text-align: center; top: 0; width: 20px; } .comments-area #reply-title a:before, .comments-area .reply-link a:before, .comments-area .edit-link a:before { content: "\f156"; font-family: "Material Design Icons"; font-size: 16px; } .comments-area .comment-list, .comments-area .children { list-style-type: none; margin: 0; padding: 0; } .comments-area .children { padding-left: 20px; } .comments-area .comment-wrapper { margin-bottom: 10px; } .comments-area .comment-author-avatar { background-color: #f4f4f4; border-radius: 50%; float: left; height: 50px; margin-top: 3px; overflow: hidden; width: 50px; } .comments-area .comment-content { margin-left: 70px; overflow: hidden; padding-bottom: 30px; position: relative; } .comments-area .comment-author-name { color: #8BC34A; font-size: 15px; font-weight: 700; } .comments-area .comment-author-name .fn { font-style: normal; font-size: 12px; font-weight: normal; } .comments-area .comment-author-name .fn.vip { font-style: normal; display: inline-block; line-height: 1; padding: 4px 12px; background-color: #f0ad4e; color: #FFF; border-radius: 4px; } .comments-area .comment-metadata { color: #aaa; font-size: 11px; font-weight: normal; letter-spacing: .2px; margin-bottom: 10px; } .comments-area .comment-body { font-size: 14px; } .comments-area .comment-body>*:first-child { margin-top: 0; } .comments-area .comment-body>*:last-child { margin-bottom: 0; } .comments-area .comment-body ul ul, .comments-area .comment-body ol ul, .comments-area .comment-body dl ul, .comments-area .comment-body ul ol, .comments-area .comment-body ol ol, .comments-area .comment-body dl ol, .comments-area .comment-body ul dl, .comments-area .comment-body ol dl, .comments-area .comment-body dl dl { margin: 0; } .comments-area .comment-body li { margin: 5px 0; } .comments-area .comment-body a { text-decoration: underline; } .comments-area>#respond, .comments-area .comment-list>.comment:last-child>#respond { margin-bottom: 0; } .comments-area .edit-link a { right: 20px; } .comments-area .reply-link a:before { content: "\f45a"; } .comments-area .edit-link a:before { content: "\f3eb"; } .comments-area .comment-awaiting-moderation { color: #aaa; font-style: italic; margin: 10px 0 0; } .comments-area .pingback { margin-bottom: 10px; } .comments-area .pingback .edit-link { display: none; } .comments-area .pingback+.comment { margin-top: 40px; } .comments-area .no-comments { margin: 0; } #respond { margin-bottom: 45px; } #respond .logged-in-as>a:first-child { color: #555; } #respond .logged-in-as>a:last-child { font-weight: 700; } #respond .comment-form-comment { margin: 30px 0 15px; } #respond .comment-author-inputs { margin: 0 -15px; } #respond .form-submit { margin-bottom: 0; margin-top: 20px; } @media (max-width:767px) { .comments-area .children { padding-left: 0; } } /* 相关推荐区域样式 */ .related-posts-grid .entry-title { margin: 0; font-size: 14px; line-height: 1.4; } .related-posts-grid .entry-title a { color: #333; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; word-wrap: break-word; hyphens: auto; } /* 悬停效果 */ .related-posts-grid .entry-title a:hover { color: #0073aa; text-decoration: underline; } /* 确保文章卡片高度一致 */ .related-posts-grid .post { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 8px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .related-posts-grid .post:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* 内容区域填充 */ .related-posts-grid .entry-wrapper { flex: 1; padding: 10px; } /* 响应式调整 */ @media (max-width: 768px) { .related-posts-grid .entry-title { font-size: 14px; } } /* 可选：添加过渡效果让卡片更美观 */ .related-posts-grid .post { transition: all 0.3s ease; } .entry-navigation { background-color: #ffffff; display: block; margin-top: 10px; position: relative; border-radius: 5px; padding: 20px; } @media (max-width:991px) { .entry-navigation { margin-bottom: 10px; } } #help h2,#down h2 { font-size: 20px; line-height: 54px; color: #323232; border-bottom: 2px solid #4f8af1; width: 150px; font-weight: 600px } #help dt { cursor: pointer; color: #353535; font-size: 18px; margin-bottom: 20px } #help dd { display: none; color: #767676; font-size: 14px; padding: 10px; border-radius: 5px; background: #f0f0f0; margin-bottom: 20px; margin-bottom: 20px; line-height: 25px; letter-spacing: 1px } #help dt, #help dd { margin-left: 40px; position: relative } #help dt i, #help dd i { background: url(https://fastly.jsdelivr.net/gh/daniellee5567/loowp4@main/wp-content/themes/jizhi-chlid/images/zhankr-faq.png) no-repeat; width: 30px; height: 30px; display: block; position: absolute; left: -40px; top: 0 } #help dd i { background-position: 0 -35px } .user-padding{ padding-top:10px; } .article-content { border-radius: 4px; background-color: #fff; word-wrap: break-word; padding: 20px 10px 20px 10px; } .article-content img { border-radius: 5px; } .article-content pre { margin: 20px 0; padding: 10px 20px; border: none; background: #03152a; color: #b3b3b3; font: 12px/20px 'courier new' } .article-content blockquote { position: relative; margin: 30px 0; padding: 10px 45px; border-radius: 3px; background-color: #f8f8fa; } .article-content blockquote:before { position: absolute; top: 20px; left: 20px; display: block; width: 16px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat; content: '' } .article-content blockquote:after { position: absolute; right: 20px; bottom: 20px; display: block; width: 16px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat; content: '' } .article-content blockquote p { margin: 0; margin-bottom: 10px; padding: 0 } .article-content .entry-header .entry-meta { margin-bottom: 10px; } .article-content .entry-header .entry-title { font-size: 1.5em; font-weight: 500; letter-spacing: 0.5px; padding-bottom: 20px; border-bottom: 1px dashed #eee; margin-bottom: 30px; } .article-content .content-hide-tips { padding: 40px 20px 20px; border: 1px dashed #ccc; margin: 20px 0 40px; background-color: #f6f6f6; border-radius: 4px; position: relative; } .article-content .content-hide-ok { padding: 20px; border: 1px dashed #ccc; margin: 20px 0 20px; background-color: #f6f6f6; border-radius: 4px; position: relative; } .article-content .content-hide-tips .fa-lock, .content-hide-tips .fa-unlock-alt { font-size: 30px; right: 10px; top: 5px; font-style: normal; color: #ccc; position: absolute; z-index: 1; } .article-content .content-hide-tips .rate { left: 10px; top: 5px; position: absolute; z-index: 1; font-weight: 500; margin: 10px; -webkit-animation: hue 6s infinite linear; } .article-content .content-hide-tips .login-false { text-align: center; } .article-content .content-hide-tips .coin { display: block; text-align: center; margin-top: 10px; margin-bottom: 10px; } .article-content .content-hide-tips .coin span { padding: 4px 18px; background-color: #ffffff; color: #f0ad4e; line-height: 1; border-radius: 20px; font-size: 13px; border: 1px solid #f0ad4e; } .article-content .content-hide-tips .t-c { text-align: center; font-size: 13px; } .article-content .content-hide-tips .red { color: #ff3b41; } .article-content .pc-button { margin: 0 auto; text-align: center; } #ripro-mse { border-radius: 4px 4px 0 0; overflow: hidden; border: 0 solid rgba(202, 202, 202, 0.1); margin: -20px; margin-bottom: 20px; } .article-content .content-do-video { display: flex; width: 100%; height: 100%; flex-wrap: wrap; justify-content: center; align-items: center; } .video-filter { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); } .article-content .content-do-video .views { display: block; padding: 10px; } .article-content .content-do-video .rate { right: 10px; top: 10px; position: absolute; z-index: 1; font-weight: 500; margin: 10px; background: rgba(255, 255, 255, 0.5); color: #000000; padding: 5px 10px; font-size: 14px; border-radius: 20px; } .article-content .content-do-video .login-false { text-align: center; color: #efd696; display: block; margin-bottom: 20px; letter-spacing: 1.2px; } .article-content .content-do-video .coin { display: block; text-align: center; margin-top: 20px; margin-bottom: 20px; } .article-content .content-do-video .coin span { padding: 4px 18px; background-color: rgba(0, 0, 0, 0.5); color: #efd696; line-height: 1; border-radius: 20px; font-size: 13px; border: 1px solid #f3dfa1; } .article-content .content-do-video .t-c { text-align: center; font-size: 13px; } .article-content .content-do-video .red { color: #ff3b41; } .article-content .content-do-video .pc-button { margin: 0 auto; text-align: center; } .article-content .content-do-video .pc-button .btn { color: #623A0C; text-align: center; background-image: linear-gradient(-135deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%); -webkit-box-shadow: 0 3px 5px rgba(248, 230, 172, .3); box-shadow: 0 3px 5px rgba(247, 230, 171, .3); } @media (max-width:575px) { .article-content .content-do-video .login-false { font-size: 12px !important; } .dplayer-logo { left: 10px !important; top: 10px !important; max-width: 80px !important; } .article-content .content-do-video .rate { right: 0; top: 0; padding: 2px 5px; font-size: 12px; } } .article-content .fenye { text-align: center; margin: 20px auto 20px; font-weight: normal; } .article-content .fenye span { background-color: #e0e0e0; color: #b9b9b9; font-weight: bold; margin: 0px 1px; padding: 2px 3px; display: inline-block; text-decoration: none; border: 1px solid #e0e0e0; line-height: 1; border-radius: 4px; } .article-content .fenye a { text-decoration: none; } .article-content .fenye a span { background-color: #e0e0e0; color: #fff; font-weight: bold; margin: 0px 1px; padding: 4px 6px; display: inline-block; text-decoration: none; border: 1px solid #e0e0e0; line-height: 1; border-radius: 4px; } .article-content .fenye a:hover span { background-color: #DDDDDD; color: #fff; } .article-nav { overflow: hidden; font-size: 14px; color: #bbb; } .article-nav span { float: left; position: relative; width: 50%; } .article-nav span.article-nav-next { float: right; text-align: right } .article-nav span.article-nav-next::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; display: block; width: 1px; background-color: #eee; } .article-nav a { color: #999; margin-right: 10px; display: inline-block; } .article-nav span.article-nav-next a { margin-left: 10px; margin-right: 0; } .article-nav a:hover { color: #45B6F7; } .entry-tags { display: flex; flex-wrap: wrap; margin-top: 20px; } .entry-tags a { background-color: #f4f4f4; border: 1px solid #e6e6e6; border-radius: 3px; color: #555; font-size: 13px; font-weight: 700; line-height: 1; margin: 0 5px 5px 0; padding: 5px 10px; } .article-footer .xshare { float: right; font-size: 14px; line-height: 30px; } .xshare .xshare-title { float: left } .xshare a { float: left; margin-left: 10px; border-radius: 50px; border: 1px solid #E6E6E6; width: 30px; height: 30px; text-align: center; } .xshare a .fa { font-size: 16px; } .xshare a.share-weixin { color: #5FCF80 } .xshare a.share-weixin:hover { border-color: #5FCF80 } .xshare a.share-weibo { color: #FD001B } .xshare a.share-weibo:hover { border-color: #FD001B } .xshare a.share-qq { color: #01CDB8 } .xshare a.share-qq:hover { border-color: #01CDB8 } .ripro-star { border-color: #ffffff; } .ripro-star.ok { color: #555; border-color: #555; } @media (max-width:768px) { .xshare { display: block; } } .author-box { position: relative; float: left; line-height: 30px; display: flex; justify-content: center; align-items: center; } .author-box .author-image { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #eee; overflow: hidden; } .author-box .author-image img:hover { cursor: pointer; } .author-box .author-info { margin-left: 10px; } .author-box .author-name { font-size: 16px; margin-bottom: 5px; font-weight: 500; } .author-box .author-bio { font-size: 14px; font-weight: 500; } .author-box .author-meta { align-items: center; display: flex; font-size: 16px; margin-top: 10px; } .author-box .author-meta>a { color: #aaa; line-height: 1.5; } .author-box .author-meta>a+a { margin-left: 4px; } .author-box .author-meta>a:last-child { font-size: 12px; font-weight: 700; } .author-box .author-meta>a+a:last-child { border-left: 1px solid #e6e6e6; margin-left: 10px; padding-left: 10px; } .author-box .author-meta>a:last-child:after { content: "\f054"; font-family: "Material Design Icons"; margin-left: 3px; } .scbutton { display: inline-block; line-height: 32px; text-align: center; margin: 5px 12px 12px 0; color: #fff !important; padding: 2px 20px } .red { background-color: #e54028 } .red:hover { background-color: #e8543f } .yellow { background-color: #f18d05 } .yellow:hover { background-color: #fa9915 } .blue { background-color: #00a1cb } .blue:hover { background-color: #00b5e5 } .green { background-color: #7db500 } .green:hover { background-color: #8dcc00 } .xshare a .fa-star-o { border-color: #fff; color: #2f49fd } .card-box { display: block; } .card-box .author-info { position: relative; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; padding: 22px 0 20px; margin-bottom: 20px; } .card-box .author-info:hover { box-shadow: 0 10px 20px rgba(213, 213, 213, 0.4); transition: all 0.3s; } .card-box .author-info p { color: #fff; margin-bottom: 7px; } .card-box .author-info small { position: absolute; top: 0; right: 0; font-size: 18px; font-weight: 600; color: #fff; padding: 6px 16px; opacity: 0.5; } .card-box .author-info h3 { color: #fff; font-size: 28px; font-weight: 500; margin: 0; } .cao_entry_header { border-bottom: 1px solid #f5f5f5 !important; margin-bottom: 16px } .article-content .entry-header .entry-title { font-size: 1.5em; font-weight: 500; letter-spacing: .5px; padding-bottom: 0; border-bottom: 0; margin-bottom: 0 } .u-border-title:before { background-color: #0056ff } .form_title_area { background: #fff; padding: 20px; margin-bottom: 20px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .form_title_area h6 { display: inline-block; } .form_title_area small { float: right; } .form_title_area:before, .form_title_area:after { display: table; content: ""; clear: both; } .payvip-box { display: block; } .payvip-box .vip-info { position: relative; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; padding: 22px 0 20px; margin-bottom: 30px; border: 5px solid; border-color: transparent; opacity: 0.3; filter: alpha(opacity=30); cursor: pointer; } .payvip-box .vip-info.active { border-color: #F44336; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-animation: hue 6s infinite linear; } .payvip-box .vip-info:hover { box-shadow: 0 10px 20px rgba(150, 150, 150, 0.51); transition: all 0.3s; border-color: #F44336; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; } .payvip-box .vip-info p { color: #fff; margin: 0; padding: 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .1); } .payvip-box .vip-info small { position: absolute; top: 0; right: 0; font-size: 12px; font-weight: 600; color: #000; padding: 2px 14px; background-color: #fff; border-radius: 0 0 0 15px; } .payvip-box .vip-info .vipc { left: 0; position: absolute; top: 0; font-size: 15px; font-weight: 600; color: #fff; padding: 6px 16px; opacity: 0.4; } .payvip-box .vip-info h3 { color: #fff; font-size: 28px; font-weight: 500; margin: 0; text-shadow: 0 5px 5px rgba(0, 0, 0, .1); } .mypay-list a.right-edit { position: absolute; top: 10px; right: 20px; } .mypay-list a.right-edit:hover { opacity: 1; } .mypay-list .mypost-status-nav { display: block; padding: 0; margin-top: -10px; padding-bottom: 20px; } .mypay-list .mypost-status-nav a { padding: 4px 10px; color: #34495e; margin-right: 10px; } .charge .modules__title { border-bottom: 1px solid #ececec; padding: 10px; position: relative; } .charge .modules__title h4 { text-align: center; padding: 10px; background-color: #f6f6f6; border-radius: 4px; color: #ff6a6d; } .charge .modules__title .btn-order { position: absolute; right: 20px; top: 16px; font-size: 14px; font-weight: 600; float: right; } .charge .well { background-color: #f6f6f6; border: 1px solid #ff6a6d; } .charge .modules__content { padding: 30px 30px 0; } .charge .subtitle { font-size: 18px; margin-bottom: 20px; } .charge .modules__content .amounts { padding-bottom: 10px; } .charge .modules__content .amounts ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; justify-content: space-between; } .charge .modules__content .amounts ul li p.selected { background: #0674ec; color: #fff; } .charge .modules__content .amounts ul li { list-style: none; } .charge .modules__content .amounts ul li p { font-size: 16px; font-weight: 600; background: #eff1f5; padding: 6px 20px; text-align: center; cursor: pointer; border-radius: 200px; } .charge .modules__content .amounts ul li p:hover { -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width:768px) { .charge .modules__content .amounts ul li p { font-size: 14px; padding: 0 10px; font-weight: 500; } #pay-qrcode p { font-size: 16px; text-align: center; float: none; padding: 0; padding-top: 30px; } } @media (max-width:576px) { .form-box { padding: 20px; } .charge .modules__content { padding: 10px 10px 0; } .charge .modules__title .btn-order { position: initial; } } .qrcon { position: relative; } .qrcon h5 { padding: 0; margin-top: 1.8em; } .qrcon img.qr-pay { display: inline-block; margin: 0; padding: 0; width: 120px; text-align: center; } .qrcon .title { font-size: 16px; margin: 10px auto; } .qrcon .qrcode img { width: 200px; height: 200px; } .qrcon .bottom { border-radius: 0 0 .3125em .3125em; width: 100%; background: #33465a; color: #f2f2f2; padding: 15px 0px; text-align: center; font-size: 14px; margin-top: 20px; } .qrcon .bottom.alipay { background: #00a7ef; } .qrcon .bottom.weixinpay { background: #08bb21; } .btn--danger { color: #fff; font-size: 16px; font-weight: 600; padding: 6px 0; border-radius: 0; background: linear-gradient(-125deg, #467eff 0, #0056ff 100%); box-shadow: 0 3px 10px -1px #2c63ff; } .agent--contact ul li { font-size: 11px; list-style: none; position: relative; padding: 1px 20px 17px; -ms-flex-preferred-size: 100%; flex-basis: 100%; color: currentColor; justify-content: inherit; white-space: nowrap; text-overflow: ellipsis } .agent--contact ul li:before { height: 100%; width: 1px; left: 3px; background: linear-gradient(-180deg, #467eff 0, #0056ff 98%) } .agent--contact ul li:after { left: 0; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 7px; height: 7px; border: 1px solid #0056ff; border-radius: 50%; background-color: #467eff; -ms-flex-negative: 0; flex-shrink: 0 } .agent--contact ul li:after, .agent--contact ul li:not(:last-of-type):before { content: ""; position: absolute; top: calc((1em - -5px)/ 2) } .agent--contact .list-paybody span:nth-child(1) { font-style: inherit; letter-spacing: .075em; margin-top: 0; text-transform: uppercase; display: block; font-weight: 600; color: currentColor } .agent--contact .list-paybody span { font-style: inherit; letter-spacing: 0; font-size: 12px; letter-spacing: .025em; color: #8a92a9; padding-right: 10px } .entry-wrapper .widget-pay { margin-bottom: 30px; margin-top: 30px; border-top: 1px solid #eee; padding-top: 10px; } .widget-pay .pay--rateinfo b .price { font-size: 28px; margin-right: 5px; color: #1461ff } .widget-pay .pay--rateinfo b sup { font-size: 13px; margin-left: 5px; color: #555; font-weight: 400 } .widget-userinfo .author-fields .num { color: #245cfc } .widget-userinfo .btn-qiandao { color: #fff; background-color: #f2f7ff; border-radius: 50rem 0rem 0rem 50rem; padding: .375rem 1rem; font-size: .75rem; margin-right: -20px; line-height: 1.5; background: linear-gradient(-125deg, #467eff 0, #0056ff 100%); box-shadow: 0 3px 10px -1px #2c63ff !important } .zhankr-jiaqun h5 { font-size: 16px; line-height: 1.4 } .zhankr-jiaqun-small { padding: 15px } .zhankr-jiaqun p { max-width: 80% } .zhankr-jiaqun { letter-spacing: .5px } .zhankr-jiaqun .btn { font-size: 13px } .zhankr-jiaqun .btn i { margin-right: 3px } .zhankr-jiaqun .helper-thumb { position: absolute; right: 0; bottom: 0 } .zhankr-jiaqun-btn-on { color: #fff; background: #2c63ff !important; box-shadow: 0 3px 10px -1px #2c63ff !important; border: 0 } .mcolorbg4 { background: #ff6a6d; } .pcolorbg { background: #0674ec; } .scolorbg { background: #7347c1; } .mcolorbg2 { background: #4CAF50; } .pcolorbg2 { background: #FFC107; } .scolorbg2 { background: #FF5722; } .vip-banner .vipbj h2 { text-align: center; font-size: 40px; color: #fff } .vip-banner .vipbj p { text-align: center; font-size: 18px; color: #fff } .vip-banner { background: url(https://fastly.jsdelivr.net/gh/daniellee5567/loowp4@main/wp-content/themes/jizhi-chlid/images/comvip-banner.png) no-repeat center; position: relative; width: 100%; height: 246px; position: relative } .vip-banner-bg { background-position: center; background-size: cover; height: 100% } .vip-banner .vipbj { position: absolute; width: 100%; top: 20% } .vip-slogan { box-shadow: 0 2px 10px rgba(0, 0, 0, .02); border-radius: 5px; height: 280px; width: 1200px; background: #fff; box-sizing: border-box; font-size: 0; margin: 40px auto auto auto } .vip-slogan-box:nth-of-type(-n+3) { border-bottom: 0 } .vip-slogan-box { padding-top: 20px; display: inline-block; border: 1px solid #f4f4f4; height: 50%; width: 373.2px; box-sizing: border-box; vertical-align: middle } .vip-slogan-box i { width: 100px; line-height: 100px; display: inline-block; background-image: linear-gradient(90deg, #ed1c24 0, #fb8f02 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 45px; text-align: center; vertical-align: middle } .vip-slogan-text { font-size: 14px; display: inline-block; vertical-align: middle; color: #898989 } .vip-slogan-text p:first-child { font-size: 18px; color: #575959 } .container-vip { width: 1250px } .vip-content { text-align: center; margin-bottom: 50px } .module-line { width: 100%; text-align: center; margin-top: 40px } .module-line .arrow { width: 84px; height: 16px } .module-line .text { font-size: 26px; color: #4c4c4c; margin: 0 10px } .module-line span { display: inline-block; *display: inline; *zoom: 1 } .vip-banner .vipbj>a { width: 170px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; border-radius: 25px; background-image: linear-gradient(90deg, #ed1c24 0, #fb8f02 100%); color: #fff; margin: 0 auto; margin-top: 0; display: block; margin-top: 20px } .vip-row { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0; margin-left: 0; width: 100%; height: auto; zoom: 1 } .vip-row:after, .vip-row:before { display: table; content: '' } .vip-block-wrapper { position: relative; display: flex; padding: 20px 0; height: 100%; justify-content: center } .vip-block-wrapper .vip-block-item { display: block; box-sizing: border-box; padding: 20px 40px; width: 33.333%; text-align: center } .home-vipbox { padding: 1px 0 38px 0; border-radius: 8px; background: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .home-vipbox:hover { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(213, 213, 213, 0.4) } p.vip-bt { color: #fff; margin: 0 auto; width: 100px; padding: 8px 0; border-radius: 26px } .vip-block-item a p { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .vip-block-item:nth-child(n) a:hover p { box-shadow: 0 10px 20px rgba(245, 47, 62, .4); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); background-color: #f52f3e; background-repeat: repeat-y; background-image: -moz-linear-gradient(left, #f52f3e, #ff4c22); background-image: -webkit-linear-gradient(left, #f52f3e, #ff4c22); background-image: -o-linear-gradient(left, #f52f3e, #ff4c22); background-image: linear-gradient(left, #f52f3e, #ff4c22) } .vip-block-item:nth-child(1) h3 { color: #f5a02f; text-shadow: 0 5px 6px #ffe1b9 } .vip-block-item:nth-child(1) .vip-bt { background-image: -webkit-linear-gradient(left, #021b31, #001529) } .vip-block-item:nth-child(2) h3 { color: #1890ff; text-shadow: 0 5px 6px rgba(24, 144, 255, 0.40) } .vip-block-item:nth-child(2) .vip-bt { background-image: -webkit-linear-gradient(left, #1390de, #2f9af5) } .vip-block-item:nth-child(3) h3 { color: #fd3d00; text-shadow: 0 5px 6px #ffb9b9 } .vip-block-item:nth-child(3) .vip-bt { background-image: -webkit-linear-gradient(left, #f1bc37, #fadb37) } p.vip-home-price { position: relative; font-size: 1.875rem; font-weight: bold; width: 200px; margin: 15px auto } p.vip-home-price i { font-size: 16px } @media(max-width:768px) { .vip-block-wrapper { display: block } .vip-block-wrapper .vip-block-item { float: left; width: 100%; padding: 10px 0 } } .vip-block-wrapper .vip-block-item .icon { width: 25%; height: 20%; padding-top: 20px; margin: 0 auto } .vip-block-wrapper .vip-block-item img { width: 100%; height: 60px } .vip-block-wrapper .vip-block-item .content0-title { padding: 0; font-size: 1.875rem; margin-top: 20px } #zk_mhz, #zk_xgh, #zk_tkzj, #zk_xyz, #zk_gll, #zk_xty, #zk_yyz, #zk_szh, #zk_wbk { border-radius: 8px } #zk_mhz { color: #555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #bec4fc, -6px 0 12px -5px #bdc4fc; background-color: #8ec5fc; background-image: linear-gradient(62deg, #8ec5fc 0, #e0c3fc 100%); background-image: -webkit-linear-gradient(62deg, #8ec5fc 0, #e0c3fc 100%) } #zk_xgh { color: #555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #ffb0ac, -6px 0 12px -5px #ffa1ae; background-color: #ff9a8b66; background-image: linear-gradient(220deg, #ff9a8b 0, #ff6a8838 55%, #ff99ac 100%); background-image: -webkit-linear-gradient(220deg, #ff9a8b7a 0, #ff6a88ab 55%, #ff99ac82 100%) } #zk_tkzj { color: #555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #fddfea, -6px 0 12px -5px #d7f0f3; background-color: #ffdee9; background-image: linear-gradient(0deg, #ffdee9c4 0, #b5fffc8f 100%); background-image: -webkit-linear-gradient(0deg, #ffdee9c4 0, #b5fffc8f 100%) } #zk_xyz { color: #eee; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #0c558d, -6px 0 12px -5px rgba(10, 58, 93, 0); background-image: radial-gradient(circle 263px at 100.2% 3%, rgba(12, 85, 141, 1) 31.1%, rgba(205, 181, 93, 1) 36.4%, rgba(244, 102, 90, 1) 50.9%, rgba(199, 206, 187, 1) 60.7%, rgba(249, 140, 69, 1) 72.5%, rgba(12, 73, 116, 1) 72.6%) } #zk_gll { color: #eee; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #446e5c, -6px 0 12px -5px #ccd4a3; background-image: linear-gradient(102deg, rgba(68, 110, 92, 1) 17.4%, rgba(107, 156, 120, 1) 49.3%, rgba(154, 183, 130, 1) 83.4%, rgba(247, 237, 191, 1) 110.3%) } #zk_xty { color: #fff; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #fddfea, -6px 0 12px -5px #d7f0f3; background-image: radial-gradient(circle farthest-corner at -8.9% 51.2%, rgba(255, 124, 0, 1) 0, rgba(255, 124, 0, 1) 15.9%, rgba(255, 163, 77, 1) 15.9%, rgba(255, 163, 77, 1) 24.4%, rgba(19, 30, 37, 1) 24.5%, rgba(19, 30, 37, 1) 66%) } #zk_yyz { color: #fff; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #afa0d0, -6px 0 12px -5px rgba(177, 161, 207, 0); background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(95, 117, 227, 1) 0, rgba(188, 167, 205, 1) 90%) } #zk_szh { color: #c7c7c7; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box-shadow: 6px 0 12px -5px #9baab9, -6px 0 12px -5px rgba(177, 161, 207, 0); background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(0, 0, 0, 1) 0, rgba(64, 64, 64, 1) 90.2%) } #zk_wbk { color: #000; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px } #zk_xyz a, #zk_gll a { color: #eee } #zk_szh a { color: #c7c7c7 } #zk_xty a, #zk_yyz a { color: #fff } .i-down-box{ width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .ibtn { border: 0; border-radius: 10px; cursor: pointer; display: inline-block; font-size: 15px; font-weight: 400; letter-spacing: 1px; line-height: 43px; outline: 0; margin: 6px 6px; padding: 0 18px; text-align: center; position: relative; } .ibtn:hover { background-color: #ffffff!important; color: #f50909; }