/*
Theme Name:Wp
Version: 0.26.7
*/
html { height: 100%; }
body {
font-family: Arial, sans-serif;
background: #f7f7f7; color: #000; font-size: 16px; word-wrap: break-word; word-break: break-all;
word-break: keep-all;
}/*#f4f4f4 #f6f9ff #f5f5f5 #eaeaec #f5f5f5 #f2f5fb #f7f7ff*/
/*img {image-rendering: -moz-crisp-edges;}*/
/*img-logo {image-rendering: -moz-crisp-edges;}*/
#site-title a { font-weight: bold; color: #000; }
#top { /*border-bottom: 1px solid #EEE;*/background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }/*#223319 #6d4a2c #012d00 #2d2800 #616161 #5d5c5c #2c3e50 #4b4b4b #022c41 #033c59 #333348 #002d62 #1E2A38*/
#top-bar { padding: 0.5rem 0; border-bottom: 1px solid #EEE; }
/*#top .post-type-tabs {font-weight: 600;}*/
#top .tabs li:not(:last-child) { margin-right: 2rem; }
#top .tabs ul { border: none; padding-bottom: 1px; }
#top .tabs .icon { margin: 0; }
#top .tabs ul li a { border-bottom: #FFF 2px solid; padding: 0.5rem 0.5rem; }
#top .tabs li.is-active a, #top .tabs li a:hover { border-bottom: #ffe08a 2px solid; }
.wnd-message .message-body { border: none; }
/*#searchform input{border: 2px solid #ffe08a;}*/
#searchform input:focus { outline: none; }
#wrap { flex: 1; width: 100%; }
body { display: flex; flex-direction: column; min-height: 100%; }
/*.home #top{margin-bottom: 1rem;}*/
.home #banner{
background: #F9F9F9
url('static/images/banner7.webp')
no-repeat center center;
background-size: cover;
/*url('https://img1.wsimg.com/Sitecore/3/D/marq-photo-godaddy-hosting-products-mrq-440-r6-7-8.jpg') no-repeat top center;*/
/*url('http://127.0.0.1/wordpress/wp-content/uploads/2019/10/file5daeb6081f066.jpg') no-repeat top center;*/
height: 500px;
margin-bottom: 1rem;
}
.breadcrumb-wrap.columns { margin: 0.5rem auto 0; }
.main.box{ padding: 50px;}
.sidebar { min-width: 250px; background: #FFF;}
.sidebar a { color: #333 }
/*#right-sidebar { border-left: 0px solid #EEE; margin-left: 0.75rem; width: 320px; padding-left: 20px; }*/
/*#left-sidebar { border-right: 0px solid #EEE; margin-right: 0.75rem; padding-right: 20px; }*/
/*侧边栏*/
#sidebar-menu { max-width: 100%; width: 380px; position: fixed; top: 0; left: -380px; background: #FFF; height: 100%; overflow: auto; z-index: 200; padding-bottom: 2rem; }
#sidebar-menu .menu { font-size: 15px; padding: 10px; }
#sidebar-menu .menu-list li ul { display: flex; flex-wrap: wrap; }
#sidebar-menu .menu-list li ul li { width: 50%; }
#modal-background { z-index: 31 }
#footer { margin-top: 20px; color: #333; padding: 0.5rem 0 0.5rem; font-size: 0.9rem; line-height: 1.5rem; background: transparent;/*border-top: 1px solid #e4e4e4;*/ background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}/*#141e0f #1e0f0f #2c3e50 #033c59 #333348*/
#footer .content ul { list-style: none; }
#footer a {color: #333;} /* #fff 999*/
#footer .bookmarks .column { padding-top: 0 }
/**
*
********************************************覆盖bulma框架样式
*/
a, .breadcrumb a { color: #333; } /**#333 #485fc7*/
table a { color: #0AA2E0; }
/*a { color: #0AA2E0; }*/
a:focus { outline: none; }
a::-moz-focus-inner { border: 0; }
.breadcrumb a { color: #333; }
a:hover, .breadcrumb a:hover { color: #777; text-decoration: underline; }
.navbar-burger { display: block; height: auto; }
.navbar-burger:hover { background: transparent; }
.navbar-burger span { height: 2px; width: 20px; left: calc(50% - 10px); }
.container {margin: 0 auto; width: 100%; max-width: 1000px }
.select:not(.is-multiple):not(.is-loading)::after { border-color: #333; }
.navbar { min-height: 3.25rem; }/* 5.0rem */
.navbar.is-transparent { background: none; }
.navbar-dropdown{border-top:none;}
.navbar-link:not(.is-arrowless)::after { border-color: #333; }
a.navbar-item:hover, .navbar-item a.navbar-link:hover { background: transparent !important; color: #4545ff; } /*修改 #ffe08a,#485fc7*/
.navbar-dropdown .navbar-item:hover {
color: #4545ff!important; /* #FFD700 将文本颜色设置为黄色 下拉框链接颜色*/
background-color: rgba(255, 255, 0, 0.2); /* 可选，添加背景色以增强可视效果 */
}
a.navbar-item.is-active { color: #ffe08a; border-bottom: 0px #ffe08a solid; }
.container .navbar .navbar-brand, .container .navbar .navbar-menu { margin: 0; }
.tabs ul { flex-wrap: wrap; }
.tabs li.is-active a { color: #ffe08a; border-color: #ffe08a; }
/* .tabs:not(.is-boxed .is-toggle) ul:first-child a { padding-left: 0; } */
.tabs.is-boxed li.is-active .icon { color: #FFF; }
.menu-list a.is-active { background-color: #01cdb8; color: #fff; }
/*.box { box-shadow: none; border-radius: 0; }*/
.content { line-height: 1.8em; }
.content p:not(:last-child){margin-bottom: 0.6rem}
.content h1 {
font-size: 1.6em;
margin-bottom: .5em;
}
/* 中部下划线 .content a{text-decoration: underline;} */
.content a:hover {color:#007bff;}/*#ffe08a a链接的颜色*/
/*.content .box { padding: 50px; }*/
code .number {
background: transparent;
border:none;
font-size: inherit;
height:auto;
margin:0;
min-width: auto;
padding: 0;
}
/*标题*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { /*font-family: Arial, sans-serif;*/ font-weight: normal; overflow: hidden; text-overflow: ellipsis; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { /*font-family: Arial, sans-serif;*/ font-weight: 500; }
.label { font-weight: 500; }
/*.content h3{font-size: 1.1rem;}*/
/* 导航 */
/*.navbar-start .navbar-dropdown { min-width: 300px; }*/
/*.navbar-start .navbar-dropdown a { display: inline-block; width: 49%; }*/
/*表单图标、占位文字颜色*/
.control.has-icons-left .icon, .control.has-icons-right .icon { color: #999; }
.input::placeholder, .textarea::placeholder { color: #999; }
.has-background-light { background: #F9F9F9 !important; }
.field-body {
flex-grow: 8;
}
/**
*
********************************************
*/
.button.is-warning.is-outlined {
background-color: transparent;
border-color: #FDAB0E;
color: #FDAB0E;
}
/* ################### filter ###################*/
.wnd-filter-tabs { background: #FFF; }
.wnd-filter-tabs .tabs:not(.is-boxed) ul { border: none; }
.wnd-filter-tabs .tabs:not(.is-boxed) ul a { border: none; padding: 0.1em 0.5em; margin: 0.3em 0; font-size: 0.95rem; }
.wnd-filter-tabs .tabs:not(.is-boxed) li.is-active a { background: #ffe08a; color: #FFF; border-radius: 3px; }
.wnd-filter-tabs .column { padding: 0.5em 0.3em; }
.wnd-filter-tabs .column.is-narrow { color: #777; }
.wnd-filter-tabs .columns:not(:last-child) { border-bottom: 1px solid #EEE; }
.wnd-filter-tabs .tag { border: 1px solid #333; color: #333; background: #FFF; }
.archive .wnd-filter-tabs { /*background: #F5F5F5;*/
margin-bottom: 20px; padding: 1.25rem; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/ border: 1px solid #EEE; font-size: 0.95rem; }
/*########################################*/
/*.ajax-message { text-align: center; margin-bottom: 1rem; }*/
/* tags */
.tags a { line-height: 1.6em; color: #ffe08a; border-radius: 3px; border: 0px solid #333; margin: 0 5px 0 0; }
/* post list */
.post-list.columns, .post-list.column { font-size:0.95rem; border: 1px solid #EEE; border-radius: 5px; padding: 20px; background: #FFF; }
.post-list.columns:not(:last-child){margin-bottom: 1rem;margin-top: 0;}
.post-list a:hover { text-decoration: underline; }
.post-list h3 { font-size: 1.1rem; line-height: 1.8em; }
.post-list:hover { box-shadow: 0 0px 10px 0 #DDD; }
.post-list .column { padding: 7px; }
/* 正文 */
article.entry { border-top: 1px solid #EEE; padding-top: 20px; }
/* 分类复选框 */
.profile-category-checkbox { flex-wrap: wrap; display: flex; }
label.checkbox { margin: 0 1rem 0 0.2rem; }
/*边栏分类下拉*/
.post-form .column .select{width: 100%;}
.is-grouped-centered .button,.comments .button{min-width: 200px;}
/*code{font-size: 0.9rem;}*/
code span{font-size: 0.9rem;}
.modal-entry {
transition: all 0.16s;
}
.user-form{ max-width: 400px; margin: 0 auto; }
/*.box ul{padding:0;margin: 0 ;}*/
.box li{
/*padding: 0;*/
/*margin: 0;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: inherit;
/*width:80%;*/
}
.wnd-pay-button.box{box-shadow: 0 -10px 50px 0px #DDD;border-radius: 0;margin-top: 3rem}
/*.wnd-pay-button{}*/
/* ------------------------------
comment list
------------------------------ */
#comments { overflow: hidden; clear: both; font-size: 0.95rem;margin-top: 0rem;}
#comments li{list-style-type:none;}
#comments ol{margin:0;}
ol.commentList li { clear: both; margin: 0 0 20px; list-style-type: none; }
.commentList li .avatar { float: left; width: auto; border: 1px solid #CCC; padding: 3px; margin: 5px 5px 0 0; }
.comment-body p { margin: 5px 0; }
#comments input#author, #comments input#email, #comments input#url { width: 60%; padding: 0 5px; border: none; border-bottom: 1px #ffe08a solid; background: transparent; font-size: 14px; }
#comments textarea#comment { width: 100%; height: 150px; padding: 8px; border: 1px solid #e9e9e9; border-radius: 4px; }
/* #comments textarea#comment:focus {border-color: #0366d6!important;} */ /* 聚焦时边框颜色变为黑色 */
#commentform label { max-width: 100px; display: block; float: left; text-align: right; }
.comment-form-comment label { clear: both; }
#comments .button { display: block; clear: both; box-shadow: 0 1px 2px 0 #999; border-radius: 4px; margin: 10px auto; }
#comments li.thread-even { /**奇数评论**/
padding: 10px; background: #FAFAFAFA; border: 1px solid #EEE; }
#comments li.thread-odd { /**偶数评论**/
padding: 10px; background: #FFF; border: 1px solid #EEE; }
#comments ol>li { margin: 2rem 0; box-shadow: 0 0 20px 0px #EEE;}
#comments li { border-radius: 3px; }
p.input { margin: 10px 0; }
#comments .avatar { float: left; margin-right: 10px; border-radius: 50%; }
.bypostauthor>div .fn:after { content: "admin"; background-color: #ffe08a; color: #FFF; padding: 1px 5px; border-radius: 3px; font-size: 13px; margin: 0 3px; }
cite.fn { color: #600; margin-right: 5px; color: #ffe08a; font-weight: 700; }
/*评论插件定义CSS文件部分*/
/*回复*/
#comments .children { border-left: 2px solid #ffe08a; border-bottom: 1px solid #EEE; margin: 10px 0; padding: 10px; background-color: #FFF; /*回复颜色2*/ }
#comments ol>li>ol>li { margin: 0; }
#newcomment { border: 1px dashed #333; width: 99%; }
.comments-header { position: relative; text-align: center; overflow: hidden; }
.comments-heading { position: relative; display: inline-block; font-size: 1.3rem;} /*font-weight: bold; */
.comments-heading:before { content: ''; width: 40px; height: 2px; background-color: #e0e0e0; position: absolute; top: 50%; margin-right: 2rem; right: 100%; margin-top: -1px; }
.comments-heading:after { content: ''; width: 40px; height: 2px; background-color: #e0e0e0; position: absolute; top: 50%; left: 100%; margin-left: 2rem; margin-top: -1px; }
/* ##Comment Form
---------------------------------*/
.comment-respond .comment-reply-title { font-size: 16px; margin: 0px auto; text-align: center; }
.comment-form { font-size: 14px; }
.comment-form .comment-notes, .comment-form .logged-in-as { color: #333; text-align: center; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 50%; margin-bottom: 1.25rem; }
#commentform input { border: 0; border-radius: 0 }
.comment-form-comment textarea { margin-bottom: 1.25rem; }
.comment-form-submit { text-align: right; }
/*ajax 评论样式*/
.ajax-comment-message{
background:#D24B58;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,0.25),0 0 1px rgba(0,0,0,0.35);
display:inline-block;
font-size:14px;
margin-bottom:0;padding:12px 25px;color:#FFF;
}
/*上传*/
/*翻页*/
.pagination { text-align: center; clear: both; }
.pagination ul li { display: inline-block; margin: 0 10px; }
/* 相册 */
/*.wnd-gallery .modal-content { width: auto; max-width: 1024px; text-align: center; }*/
/*.field .gallery { border: 2px dashed #DDD; min-height: 100px; margin: 10px auto; background: #F5F5F5; }*/
/*wp editor前端*/
.media-frame-menu { display: none; }
#mceu_52 { display: none; }
/* 移动 */
@media screen and (max-width:1023px) {
.sidebar { max-width: 100%; }
.main.box { padding: 20px; }
.navbar { min-height: 3rem; }
/*main.column { padding: 20px; }*/
/* Tabs */
.list-posts .tabs ul { flex-wrap: nowrap; flex-shrink: 1; }
}
/**
************************************************ bulma 拓展 *************************************************
*/
/*悬停下拉导航菜单*/
.navbar-item.is-mega {
position: static;
}
.is-mega-menu-title {
margin-bottom: 0;
padding: .375rem 1rem;
}
/* 上标提示 */
[data-badge] { position: relative; }
[data-badge]::after {
display: inline-block;
position: absolute;
min-width: 1rem;
min-height: 1rem;
font-size: .75rem;
top: 0;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
margin: 0;
padding: .1rem .25rem;
text-align: center;
white-space: nowrap;
line-height: 1;
background: #333;
background-clip: padding-box;
border-radius: 5px;
box-shadow: 0 0 0 1px #fff;
color: #fff;
content: attr(data-badge);
z-index: 9;
background: #ff3860;
color: #fff;
}
/**
************************************************ loading *************************************************
*/
.spinner {
margin: 0px auto 0;
padding: 10px 0;
width: 150px;
text-align: center;
}
.spinner>div {
width: 30px;
height: 30px;
background-color: #989292;
border-radius: 100%;
display: inline-block;
animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */
animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
animation-delay: -0.16s;
animation-delay: -0.16s;
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0.0)
}
40% {
transform: scale(1.0)
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0.0);
transform: scale(0.0);
}
40% {
transform: scale(1.0);
transform: scale(1.0);
}
}
/**************88*/
#ajax-module{
/*min-height: calc(100vh/2);*/
min-height: 200px;
}
/*#wnd-6046d44e12fa7-5-text{height:500px;font-size: 2rem;}*/
.editor-text{min-height: calc(100vh - 300px);font-size: 1.1rem;height: 1px;}
/*form{max-width: 900px;margin: 0 auto;}*/
#teamnewslist ol{list-style:none;padding-left: 14px;border-left: 2px solid #eee;font-size: 15px;color: #666;}
#teamnewslist b{font-size: 12px;font-weight: normal;color: #999;display: block;position: relative;margin-bottom:5px;}
#teamnewslist b::after{position: absolute;top: 6px;left: -22px;content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #fff;border: 2px solid #01cdb8;box-shadow: 2px 2px 0 rgba(255,255,255,1), -2px -2px 0 rgba(255,255,255,1)}
#teamnewslist li{list-style:none;margin: 0 0 20px 0;line-height: 100%;}
#teamnewslist li:hover{color: #555;}
#teamnewslist li:hover b::after{border-color: #00cc00;}
#teamnewslist li:hover b{color: #00cc00;}
#teamnewslist{padding-left:33px;}
#timedd dd{margin:0;padding:0;}
#timedd dl{width:100%;height:auto;display:block;overflow:hidden;margin:0 auto;font-size:10pt;line-height:160%;}
#timedd dt,dt a{width:100%;height:auto;display:block;font-weight: bold;color:#333;font-size:18px;cursor:pointer;padding: 1px 0 0 14px;}
#timedd dt a:hover{color: #FF0000;}
/* bulma 修改 */
.navbar-item,.navbar-link {color:#000;/*font-weight: bolder;*/font-size: 16px;}
.navbar-burger {color:#000;} /* #fa7c0c */
.content h2,.content h4,.content h5,.content h6 {color:#363636;}
.content h1,.content h3 {color:#363636}
.has-text-centered {margin-top:5px;}
.navbar-dropdown {/*background-image: linear-gradient(-20deg, #9bc5c3 0%, #616161 100%);*/color:#000}/*#bcbfba*/
.navbar-item img {max-height: 3rem;}
.navbar-link:not(.is-arrowless)::after {border-color: #000;}
a:hover {text-decoration: none;color: blue;} /* 修改首页内容链接悬停颜色 a:hover {text-decoration: none;color: inherit;}*/
code {color: #e96900;}
cite {font-style: normal;}
.is-reward {background-color:#ffe08a; border-color:transparent; color:#FFF;font-size:13px;}
.banner-title {color: #1c1d27;font-size: 25px;text-align: center;font-weight: bolder;letter-spacing:0.1em;}
.banner-title bb {color: #0772fc;}
/* 侧边栏样式*/
/*侧边栏主题推荐*/
.spywidget {clear:both;position:relative;margin-bottom:20px;overflow:hidden;}
.spywidget_product {background:#fff;}
.spyproduct_content {padding:15px;}
.spyproduct_info h2 {font-size:20px;margin:0;font-weight:bold;padding:5px 0 10px 0;}
.spywidget ul {zoom:1;list-style:none;padding:0;margin:0;}
.spyproduct_info>ul>li {font-size:13px;margin-bottom:8px;list-style:none;}
.spyprice_sale {border-top:1px solid #eee;padding:10px 0px;}
.spyprice_sale strong {float:right;font-size:20px;line-height:1;font-weight:100;}
small,.spysmall {font-size:85%;}
.spyprice_sale h2 {margin:0;font-size:14px;color:#999;line-height:20px;}
.spyproduct_content>.spybtn {top:5px;padding:1px;text-align:center;text-decoration:none;cursor:pointer;width:100%;background:linear-gradient(-125deg,#01cdb8 0%,#01735e 100%);box-shadow:0 3px 10px -1px #01cdb8!important;color:#ffffff;}
.spywidget {max-width:320px;margin:0 auto;}
.spybtn {border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:15px;font-weight:400;letter-spacing:1px;line-height:46px;outline:none;padding:0 18px;text-align:center;position:relative;}
/*侧边栏主题推荐*/
/* 服务器推荐区块 */
.widget-ssr {overflow:hidden;padding:0;}
.widget-ssr {font-size:14px;background-color:#fff;}
.asr {border-radius:10px;display:block;padding:40px 15px;text-align:center;color:#fff !important;background:#fe3d7d;background-image:linear-gradient(to right,#080824 0,#080824 50%,#080824 100%);}
.asr .btn {margin-top:20px;font-weight:700;}
.asr h4 {margin:0;font-size:22px;}
.asr h5 {margin:10px 0 0;font-size:14px;}
.asr .btn:hover {color:#fe3d7d;}
.btn-outline:hover {background-color:#fff;}
.btn-outline {line-height:36px;color:#fff;background-color:transparent;border:1px solid #fff;display:inline-block;font-weight:400;text-align:center;vertical-align:top;user-select:none;padding:0 36px;font-size:14px;border-radius:100px;outline:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
/* 服务器推荐区块 */
/* 需求定制表单样式 */
.onehalf{width:50%;float:left!important;}
.outer{margin:0 -10px;}
.inner{padding:0 10px;}.outer{margin:0 -10px;}
.cf7part{float:left;margin-bottom:20px;}
.nodisplay{display:none!important;}
@media only screen and (max-width: 640px)
{.onehalf{width:100%!important;}}
.hunkcf77 input{height:55px!important;background:#eee!important;border:none!important;border-radius:30px!important;font-size:17px!important;padding:15px 30px 15px 30px!important}
.hunkcf77 textarea{height:200px!important;background:#eee!important;border:none!important;border-radius:30px!important;font-size:17px!important;padding:15px 30px 15px 30px!important}
.hunkcf77 .submit{text-align:center!important;}
.hunkcf77 .submit .wpcf7-submit{padding:15px 40px!important;background:#fff!important;border-radius:30px!important;border:1px solid #333!important;color:#333!important;}
.hunkcf77 .wpcf7-submit:hover{background:#333!important;color:#fff!important;}
/* 需求定制表单样式 */
/* 角标 */
.n-mark-red{display:inline-block;transform:translateY(-12px);font-size:.75rem;letter-spacing:0.05em;background:linear-gradient(to top,#f308a0 0%,#fb0655 100%);color:#ffffff;border-radius:1rem;padding:.15rem .275rem;line-height:1;font-weight:bold;}
.n-mark-yello{display:inline-block;transform:translateY(-12px);font-size:.75rem;letter-spacing:0.05em;background:linear-gradient(to top,#efd3b0 0%,#f9e1be 100%);color:#ffffff;border-radius:1rem;padding:.15rem .275rem;line-height:1;font-weight:bold;}
.n-mark-blue{display:inline-block;-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px);font-size:.75rem;letter-spacing:0.05em;background:#188ef4;background:-webkit-linear-gradient(legacy-direction(to right),#6454ef 0%,#316ce8 100%);background:-webkit-gradient(linear,left top,right top,from(#6454ef),to(#316ce8));background:-webkit-linear-gradient(left,#6454ef 0%,#316ce8 100%);background:-o-linear-gradient(left,#6454ef 0%,#3021ec 100%);background:linear-gradient(to right,#6454ef 0%,#3021ec 100%);color:#ffffff;border-radius:1rem;padding:.15rem .275rem;line-height:1;font-weight:bold;}
.n-mark-yellos{display:inline-block;-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px);font-size:.75rem;letter-spacing:0.05em;background:#f9e1be;background:-webkit-linear-gradient(legacy-direction(to right),#efd3b0 0%,#f9e1be 100%);background:-webkit-gradient(linear,left top,right top,from(#efd3b0),to(#f9e1be));background:-webkit-linear-gradient(left,#efd3b0 0%,#f9e1be 100%);background:-o-linear-gradient(left,#efd3b0 0%,#f9e1be 100%);background:linear-gradient(to top,#efd3b0 0%,#f9e1be 100%);color:#ffffff;border-radius:1rem;padding:.15rem .275rem;line-height:1;font-weight:bold;}
.n-mark-yelloss{display:inline-block;transform:translateY(-12px);font-size:.75rem;letter-spacing:0.05em;background:linear-gradient(to top,#efd3b0 0%,#f9e1be 100%);background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));background:-webkit-linear-gradient(left,#ff4949,#ff7849);background:linear-gradient(90deg,#ff4949,#ff7849);text-shadow:0 -1px #ff4949;-webkit-box-shadow:0 10px 10px -2px rgba(255,73,73,.5);box-shadow:0 5px 5px -2px rgba(255,73,73,0.34);color:#ffffff;border-radius:1rem;padding:.2rem .575rem;line-height:1;font-weight:bold;}
.n-mark-green{display:inline-block;transform:translateY(-8px);font-size:.6rem;letter-spacing:.05em;background:linear-gradient(to right,#02bb9b 0%,#02bac3 100%);color:#fff;border-radius:1rem;padding:.18rem .5rem;line-height:1;font-weight:700;}
/* 角标 */
/* logo-2022 */
.logo-2023{background-image:url("/wp-content/themes/lkd/static/images/2023.png");position:relative;width:70px;background-repeat:no-repeat;background-size:contain;background-position:center}
.logo-2023:before{content:"";position:absolute;left:-10px;top:-460px;width:200px;height:10px;background-color:rgba(255,255,255,.5);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 2s ease-in 1s infinite}
/* logo-2022 */
/* 返回顶部 */
#gotop{font-size:19px;text-align:center;width:30px;height:30px;position:fixed;bottom:25px;right:10%;top:auto;display:block;cursor:pointer;background:#fff;border-radius:50px;color:#000;}
#gotop:hover{color:#ccc}
/* 返回顶部 */
/* 侧边栏文章 */
.widget {position:relative;clear:both;margin-bottom:15px;padding:25px;background-color:#fff;}
.widget-posts ul {margin-top:-20px;padding:0}
.widget-posts li {margin-top:20px;overflow:hidden;display:flex;align-items:center}
.widget-posts li .thumbnailcbl {flex:none;width:86px;overflow:hidden}
.widget-posts li .thumbnailcbl img {width:79px;max-width:97px;margin-left:3px;border-radius:10px;}
.widget-posts li a:last-child {margin-left:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:justify}
.thumbnailcbl {border:none;padding:0;margin:0}
/* 侧边栏文章 */
.wnd-filter-tabs .tabs:not(.is-boxed) li.is-active a {background: #01cdb8;color: #FFF;border-radius: 3px;}/*tabs颜色*/
.wnd-filter-tabs .tabs:not(.is-boxed) ul a {border: none;padding: 0.1em 0.5em;margin: 0.3em 0;font-size: 0.95rem;}/*tabs大小*/
mark{
color: inherit;
padding: 0;
background: none;
background-image: linear-gradient(120deg,rgba(255,193,7,0.4) 0%,rgba(255,193,7,0.4) 100%);
background-repeat: no-repeat;
background-size: 0% 0.3em;
background-position: 0 80%;
position: relative;
-webkit-animation-delay: 1s;
animation-delay: 1s;
background-size: 100% 0.3em;
}
/* bulma 1.0 修改类*/
/*.is-marginless {margin: 0 !important;}*/
/*.button.is-outlined{color:#000}*/
/*.navbar-item {background-color: transparent !important;}*/
.button.is-info {background-color:#66D1FF; border-color:transparent; color:#000; }
.button.is-primary {background-color:#00D1B2; border-color:transparent; color:#000; }
.button.is-success {background-color:#48C78E; border-color:transparent; color:#000; }
.button.is-warning {background-color:#FFB70F; border-color:transparent; color:#000; }
.button.is-danger {background-color:#FF6685; border-color:transparent; color:#000; }
/*..contentbb {color:#fa7c0c; font-size: 1.1rem;}*/
.right-align {
display: block;
margin: 0 auto;
}
.has-text-centered {
margin-top: 5px;
}
@media screen and (max-width: 768px) {
.is-hidden-mobile {
display: none !important; /* display: block !important; */
}
}
.h3.loan{
margin-top: .6666em;
margin-bottom: .6666em;
font-size: 1.25rem !important;
}
table.tftable {color:#333333;width:100%;border-width: 1px;border-color: #f7f7f7;border-collapse: collapse;text-align:center;}
table.tftable th {background-color:#f7f7f7;border-width: 1px;padding: 8px;border-style: solid;border-color: #f7f7f7;text-align:center;}
table.tftable tr {background-color:#ffffff;}
table.tftable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #f7f7f7;text-align:center;}
.hiddenDiv {
display: none;
}
.button.chinesecopy {
display: inline-block;
margin: 0 5px; /* 设置按钮之间的水平间距为10px */
padding: 5px 5px;
margin-top: 20px;
margin-bottom: 2px;
background-color: #007bff !important;
color: white;
border: none;
cursor: pointer;
line-height: 15px !important;
font-size: 16px;
text-align: center;
}
.button.chinesecopy i {
margin-right: 5px; /* 设置图标与文字之间的右边距 */
font-size: 16px; /* 设置图标的大小 */
color: white; /* 设置图标的颜色 */
}
.button.chineseconvert {
display: inline-block;
margin: 0 5px; /* 设置按钮之间的水平间距为10px */
padding: 5px 5px;
margin-top: 20px;
margin-bottom: 2px;
background-color: #55b442 !important;
color: white;
border: none;
cursor: pointer;
line-height: 15px !important;
font-size: 16px;
text-align: center;
}
.button.chineseconvert i {
margin-right: 5px; /* 设置图标与文字之间的右边距 */
font-size: 16px; /* 设置图标的大小 */
color: white; /* 设置图标的颜色 */
}
.button.chineseclear {
display: inline-block;
margin: 0 5px; /* 设置按钮之间的水平间距为10px */
padding: 5px 5px;
margin-top: 20px;
margin-bottom: 2px;
background-color: #5e5451 !important;
color: white;
border: none;
cursor: pointer;
line-height: 15px !important;
font-size: 16px;
text-align: center;
}
.button.chineseclear i {
margin-right: 5px; /* 设置图标与文字之间的右边距 */
font-size: 16px; /* 设置图标的大小 */
color: white; /* 设置图标的颜色 */
}
.boxa{
width: 100%;
overflow: auto;
/* height: 100vh; 使容器填满整个视窗高度 */
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
#whiteboard {
/* border: 1px solid #c1ddd2; /* Border styles */
box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
}
::-webkit-scrollbar {
height:10px;width:10px;
}
::-webkit-scrollbar-thumb {
border-radius:10px;
border-style:solid;
border-color:transparent;
border-width:2px;
background-color:rgba(0, 0, 0, 0.3);
background-clip:padding-box
}
::-webkit-scrollbar-thumb:hover {
border-color:rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.table-container-email {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 768px) {
.table-container-email {
flex-direction: column;
}
}
.converteremail {
margin: 0 5px;
padding: 20px;
border: none; /*border: 1px solid #ccc; */
flex: 1;
}
@media only screen and (max-width: 768px) {
.converteremail {
margin: 6px 5px;
}
}
.converteremail label {
margin-right: 10px;
}
.button.avif {
margin: 0 5px; /* 设置按钮之间的水平间距为10px */
padding: 5px 10px;
margin-top: 2px;
margin-bottom: 2px;
background-color: #007bff !important;
color: white;
border: none;
cursor: pointer;
line-height: 3px !important;
font-size: 10px;
text-align: center;
}
.button.avif2 {
margin: 0 5px; /* 设置按钮之间的水平间距为10px */
padding: 5px 10px;
margin-top: 2px;
margin-bottom: 2px;
background-color: #5e5451 !important;
color: white;
border: none;
cursor: pointer;
line-height: 3px !important;
font-size: 10px;
text-align: center;
}
.table-container-robots {
display: flex;
justify-content: space-between;
margin-top: 2px;
}
@media only screen and (max-width: 600px) {
.table-container-robots {
flex-direction: column;
}
}
.converterrobots {
margin: 0 5px;
padding: 8px;
border: 1px solid #ccc;
flex: 1;
}
@media only screen and (max-width: 767px) {
.convertererobots {
margin: 2px 1px;
}
}
/**
* 自定义radio单选按扭
**/
input[type="radio"] {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid deeppink;
border-radius: 20px;
vertical-align: text-top;
outline: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
input[type="radio"]:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
width: 12px;
height: 12px;
background: #0798ff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
-webkit-transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
transition: all ease-in-out 200ms;
}
input[type="radio"]:checked {
border-color: #0798ff;
}
input[type="radio"]:checked:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
/**
* 自定义checkbox复选框
**/
input[type="checkbox"] {
position: relative;
margin: 5px;
width: 14px;
height: 14px;
font-size: 14px;
vertical-align: text-top;
border: 0;
background: none;
cursor: pointer;
}
input[type="checkbox"]:after {
content: "";
position: absolute;
top: -1px;
left: -1px;
display: block;
width: 14px;
height: 14px;
border-radius: 3px;
visibility: visible;
background-color: white;
border: 1px solid fuchsia;
}
input[type="checkbox"]:checked::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
display: block;
width: 16px;
height: 16px;
border-radius: 3px;
border-color: #0798ff;
background-color: #0798ff;
}
input[type="checkbox"]:checked:after {
content: "";
position: absolute;
top: 2px;
left: 5px;
display: table;
width: 4px;
height: 8px;
border: 2px solid white;
border-top: 0;
border-left: 0;
border-radius: 0;
background-color: #0798ff;
transform: scale(0.2) rotate(45deg);
animation: checked-select 0.2s ease-in forwards;
}
@keyframes checked-select {
to {
transform: scale(1) rotate(45deg);
}
}
.go-to-page {
display: flex;
align-items: center;
}
#page-number {
width: 100px;
padding: 5px;
/* margin-right: 10px;*/
border: 1px solid #6c63ff;
border-radius: 5px;
}
.back-to-top {
position: fixed;
bottom: 20px; /* 距离底部30px */
right: 20px; /* 距离右侧30px */
display: none; /* 默认隐藏 */
width: 50px;
height: 50px;
background-color: #fff; /* #6c63ff按钮背景颜色 */
color: #999; /* 文字颜色 */
text-align: center; /* 文字居中 */
line-height: 58px;
border-radius: 50%; /* 圆形按钮 */
text-decoration: none; /* 无下划线 */
font-size: 40px; /* 字体大小 */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影 */
transition: background-color 0.3s; /* 背景颜色变化过渡 */
cursor: pointer;
z-index: 99999;
}
.back-to-top::after {
content: 'Back to Top'; /* 设置提示文本 */
position: absolute; /* 绝对定位 */
bottom: 100%; /* 在元素上方显示 */
left: 50%; /* 水平居中 */
transform: translateX(-50%); /* 使其居中对齐 */
background-color: #F1FAFF; /* 背景颜色 */
color: #555; /* 字体颜色 */
padding: 5px; /* 内边距 */
border-radius: 4px; /* 圆角 */
white-space: nowrap; /* 不换行 */
opacity: 0; /* 初始透明度为0 */
transition: opacity 0.2s; /* 过渡效果 */
font-size: 15px;
line-height: 15px;
}
.back-to-top:hover::after {
opacity: 1; /* 鼠标悬停时显示 */
}
.back-to-top:hover {
background-color: #F1FAFF; /* 悬停时的背景颜色 */
color: #000;
}
.delete-button {
background-color: #5e5451 !important;
color: white;
}
.home-list.column.is-4 .box:hover {
background-color: #F1FAFF;
}
.recommend-title {
margin-top: 10px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.recommend-title span {
font-family: PingFang SC;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 56px;
text-align: center;
color: #242424;
}
/*
.recommend-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
*/
.recommend-container {
display: flex;
flex-wrap: wrap; /* 自动换行 */
gap: 10px;
/* padding: 0 10px; */
box-sizing: border-box;
max-width: 100vw;
margin: 0 auto;
}
.recommend-container a {
flex: 0 1 auto; /* 不放大，允许缩小 */
min-width: 200px; /* 按钮最小宽度 */
white-space: nowrap; /* 文字不换行 */
box-sizing: border-box;
color: white;
text-decoration: none;
text-align: center;
}
/* 媒体查询 - 小屏幕设备 (如手机) */
@media (max-width: 600px) {
.recommend-container {
grid-template-columns: 1fr; /* 在手机上，每个项占满一整行 */
}
}
.recommend-item {
}
.recommend-container .box {
box-sizing: border-box;
display: flex; /* 为 box 设置 flexbox */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
height: 80px; /* 设置一个固定的高度（可根据需求调整） */
margin-bottom: 0.5rem;
}
.recommend-container .is-size-5 {
margin: 0; /* 去掉默认的 margin，以便更好地居中 */
}
.recommend-container .box:hover {
background-color: #F1FAFF;
}
/*
.recommend-container {
display: -webkit-flex; /* 兼容旧版浏览器 */
/* display: flex;
/* -webkit-flex-wrap: wrap; /* 兼容旧版浏览器 */
/* flex-wrap: wrap; /* 允许换行 */
/* justify-content: space-between; /* 在子项之间平分空间 */
/* gap: 10px; /* 设置间距 */
/*}
/*.recommend-item {
flex: 1 0 calc(33.33% - 20px); /* 三列布局，考虑外边距 */
/* margin: 10px; /* 为每个项添加外边距 */
/*}
/* 媒体查询 - 小屏幕设备 (如手机) */
/*@media (max-width: 600px) {
.recommend-item {
flex: 1 0 100%; /* 在手机上，每个项占满一整行 */
/* }
/*}
*/
.column.is-3 {
padding: 0rem;
}
#wnd-menus-side {
display: none; /* 隐藏整个菜单 */
}
/* 当屏幕宽度小于等于768px时（常见的手机宽度），显示菜单 */
@media (max-width: 1024px) {
#wnd-menus-side {
display: block; /* 显示菜单 */
}
}
.table-container-ads {
display: flex;
justify-content: space-between;
margin-top: 5px;
}
@media only screen and (max-width: 600px) {
.table-container-ads {
flex-direction: column;
}
}
.converterads {
margin: 0 5px;
padding: 10px;
/* border: 1px solid #ccc; */
flex: 1;
}
@media only screen and (max-width: 767px) {
.converterads {
margin: 6px 5px;
}
}
.converterads label {
margin-right: 10px;
}
.sticky-ads-ads {
width: 200px;
height: 660px;
position: fixed;
top: 16%;
right: 2%;
/* background-color: #fff;*/
background-color: transparent;
/* background-color: rgba(241, 241, 241, .5); */
border-radius: 8px;
padding: 10px;
/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
z-index: 1000;
}
.sticky-ads-ads p {
margin: 0;
font-size: 14px;
margin-top: 2px;
text-align: center;
color:#ccc;
}
.ads-ads-close-btn {
position: absolute;
top: 0px;
right: 5px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
color: #888;
}
.ads-ads-close-btn:hover {
color: #f00;
}
@media (max-width: 830px) { /* 按照你的需求调整宽度 */
.sticky-ads-ads {
display: none; /* 在手机上隐藏 */
}
}
@media (max-height: 900px) { /* 按照你的需求调整宽度 */
.sticky-ads-ads {
display: none; /* 在手机上隐藏 */
}
}
@media (min-width: 768px) { /* 按照你的需求调整宽度 */
.box.ads {
display: none; /* 在手机上显示 电脑端隐藏*/
}
}
@media (max-width: 767px) { /* 当屏幕宽度小于768px（手机端） */
.cps-ads-1 {
display: none; /* 在手机端隐藏该元素 */
}
}
@media (min-width: 768px) { /* 当屏幕宽度大于或等于768px（电脑端） */
.cps-ads-2 {
display: none; /* 在电脑端隐藏该元素 */
}
}
@media screen and (min-width: 1024px) {
.container>.navbar .navbar-brand, .navbar>.container .navbar-brand {
margin-left: -0.75rem; /* top 的偏移 原 -.75rem*/ /* 2024-12-5 原 margin-left: -4.75rem; 2025-9-13前-2.75rem*/
}
} /* top 的偏移*/
.select select:not([multiple]) {
padding-right: 2em;
}
#right-sidebar.column.is-3 {
padding: 0.45rem 0rem 0.5rem 0.75rem !important; /* 2025-8-2 晚上*/
} /* 2024-11-28 晚上 0.75rem*/
@media screen and (max-width: 768px) {
#right-sidebar.column.is-3 {
padding: 0.75rem 4px 0px 4px !important; /* 2025-8-2 晚上 padding: 0.75rem 0rem 0rem 0rem !important; */
} /* 2024-11-28 晚上 0.75rem*/
}
.main.box table {
border-collapse: collapse;
}
.main.box table,
.main.box td,
.main.box th {
border: 1px solid #ccc;
}
.main.box td {
padding: 0.2em;
}
.column.is-9 > .main.box {
width: 100%;
overflow: auto;
}
.smads {
position: fixed;
bottom: 45px; /* 距离底部30px */
left: 30px; /* 距离右侧30px */
width: 50px;
height: 50px;
background-color: #fff; /* #6c63ff按钮背景颜色 */
color: #999; /* 文字颜色 */
text-align: center; /* 文字居中 */
line-height: 50px;
border-radius: 50%; /* 圆形按钮 */
text-decoration: none; /* 无下划线 */
font-size: 20px; /* 字体大小 */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影 */
transition: background-color 0.3s; /* 背景颜色变化过渡 */
z-index: 99999;
cursor: pointer;
}
.smads:hover {
background-color: #F1FAFF; /* 悬停时的背景颜色 */
color: #000;
}
.sticky-adcps {
/* width: 350px;
height: 250px;*/
width: 325px;
/* height: 250px; */
height: auto;
position: fixed;
bottom: 13.5%;
left: 2.5%;
background-color: #fff;
/* background-color: transparent;*/
/* background-color: rgba(241, 241, 241, .5); */
border-radius: 8px;
padding: 10px;
/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 9999999;
opacity: 1; /* 默认透明度为30% */
transition: opacity 0.3s; /* 添加过渡效果 */
}
@media (max-width: 768px) { /* 可以根据实际需求调整最大宽度 */
.sticky-adcps {
left: 50%; /* 设置左边距为50% */
transform: translateX(-50%); /* 将自身向左移动50%以实现居中 */
}
}
.sticky-adcps:hover {
opacity: 1; /* 鼠标悬停时透明度为100% */
}
.sticky-adcps p {
margin: 0;
font-size: 14px;
margin-top: 2px;
text-align: center;
color:#ccc;
}
.adcps-close-btn {
position: absolute;
top: -4px;
right: 2px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
color: #00aecd; /* #888 */
}
.adcps-close-btn:hover {
color: #f00;
}
.navbar.is-fixed-bottom {
box-shadow: 0 -3px 15px #999;
min-height: 2.5rem;
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom .column {
cursor: pointer;
padding: 0.25rem;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
}
@keyframes masked-animation2{
0% {
background-position: 0 0;
}
100% {
background-position: -100% 0;
}
}
.table-container-email2 {
display: flex;
justify-content: space-between;
margin-top: 0px; /* 5px */
flex-direction: row !important;
min-height: 300px; /* 根据实际内容调整 */
/* 预设宽度避免重排 */
width: 100%;
contain: layout; /* 限制布局影响 */
gap: 10px;
}
/*
@media only screen and (max-width: 600px) {
.table-container-email2 {
flex-direction: column;
}
}
*/
.converteremail2 {
margin: 0; /* 0 5px */
padding: 0px; /* 10px */
/* border: 1px solid #e2e2e2; */
border: none;
flex: 1;
/* border-radius: 9px; */
min-height: 280px; /* 稍小于父容器 */
/* 防止内容溢出导致布局变化 */
overflow: hidden;
box-sizing: border-box;
}
@media (max-width: 768px) { /* 设定手机端的最大宽度 */
.table-container-email2 {
flex-direction: column!important; /* 变为垂直排列 */
margin-top: -5px !important;
gap: 10px;
}
.converteremail2 {
flex: 0 0 100%; /* 让每个converteremail2占满一整行 */
margin: 0; /* 上下的间距 5px 0 */
min-height: 280px;
}
}
.image-container p b {
font-size: 24px;
margin-top: 5px;
/* color:#a92626!important; */
}
.image-container p:not(:last-child) {
margin-top: 10px;
}
#lastBreadcrumb a {
pointer-events: none;
color: gray; /* 可选：改变颜色以表示链接不可用 */
text-decoration: none; /* 可选：去掉下划线 */
}
.author-avatar a {
pointer-events: none;
text-decoration: none;
}
/*
.mobile-show {
display: none!important;
}
*/
@media screen and (max-width: 768px) {
.mobile-show {
display: flex!important;
padding-left: 0px;
padding-right: 0px;
}
.mobile-item {
padding-left: 10px; /* 4px */
padding-right: 8px; /* 4px */
}
}
@media screen and (min-width: 769px) {
.mobile-show {
display: none!important;
}
}
/*
.navbar-item a {
position: relative;
text-decoration: none;
}
.navbar-item a::after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
width: 0;
height: 2px; /* 下划线高度 */
/* background-color: #4545ff; /* 下划线颜色 */
/* transition: width 0.5s ease, left 0.5s ease;
}
.navbar-item a:hover {
color: #4545ff!important;
}
.navbar-item a:hover::after {
width: 100%;
left: 0;
}
.navbar-start a {
position: relative;
text-decoration: none;
}
.navbar-start a::after {
content: "";
position: absolute;
left: 50%;
bottom: 20px;
width: 0;
height: 2px;
background-color: #fff;
transition: width 0.5s ease, left 0.5s ease;
}
.navbar-start a:hover {
color: #4545ff !important;
}
.navbar-start a:hover::after {
width: 100%;
left: 0;
}
*/
/************2025-8-2*****************/
@media screen and (max-width: 768px) {
#lastBreadcrumb { display: none;
}
}
.column {
padding: .45rem 0px;
}
/*
@media screen and (max-width: 768px) {
.column {
padding: .45rem 10px 4px 10px;
}
}
*/
.box {
padding: 0.55rem 0.75rem 0.65rem 0.75rem;
color:#000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.post.content.box {
padding: 10px; /* 0.55rem 0.75rem 0.75rem 0.75rem */
}
.breadcrumb {
margin-left: 2px;
}
@media screen and (max-width: 768px) {
.breadcrumb {
margin-left: 5px;
}
}
/*
@media screen and (max-width: 768px) {
.breadcrumb {
margin-left: 10px;
}
} */
.content h1 {
display: block;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
font-size: 1.3em;
}
.content h2 {
display: block;
margin-block-start: 0em;
margin-block-end: 0.7em; /* 0.83em */
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
font-size: 1.25em;
line-height: 1.2;
}
.content h3 {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
font-size: 1.1em;
}
@media screen and (max-width: 425px) {
.content h1 {
font-weight: bold;
font-size: 1em;
line-height: 1.3;
}
.content h2 {
font-size: 1.2em;
}
.content h3 {
font-size: 1.1em;
}
}
#calculatorBlock {
display: inline-block;
vertical-align: top;
float: left;
margin: 3px 10px 20px 0px; /* 3px 20px 20px 5px */
position: relative;
/* z-index: 100; */
}
@media screen and (max-width: 768px) {
#calculatorBlock {
display: block;
margin: auto;
float: none;
margin-bottom: 10px;
}
}
div#calculatorWrap {
background: #fff;
/* padding: 0.5em 0.5em 0.5em 0.5em; */
padding: 0em 0em 0.5em 0em;
border: 1px solid #ccc; /* #00000026 */
/* border: 2px solid #2a6d95;*/
/* border-radius: 8px; */
font-size: 0.9em;
/* box-shadow: 0px 0px 2px 2px #c9c9c9; #e9e9e9*/
/* box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);*/
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 4px;
/* box-shadow: 0 4px 20px rgba(44, 62, 80, 0.1);*/
overflow: hidden;
}
div#calculatorWrap {
padding: 0em;
}
.hd {
padding: 8px 0px 8px 8px; /* 10px 0px 10px 10px */
/* background-color: #6b6b6b;/* #9f402a #2a6d95 #34495e*/
color: #fff;
margin-bottom: 5px;
/* background: linear-gradient(135deg, #2a6d95 0%, #34495e 100%);*/
background: linear-gradient(135deg, #b64b39 0%, #002d62 100%); /*#4b4b4b #c36969*/
text-align: center;
/* margin: 10px;
border-radius: 5px; */
border-bottom: 1px solid #fbfbfb;
}
.hd h2 {
color: #fff;
margin-block-end: 0em;
font-size: 20px;
letter-spacing: 0.5px;
word-break: keep-all;
}
@media screen and (max-width: 425px) {
.hd h2 {
font-size: 18px;
}
}
.form-group {
margin-bottom: 5px;
line-height: 1.5;
}
.form-group label {
display: block;
margin-bottom: 5px;
/* font-weight: bold; */
font-size: 16px;
color: #000;/*#2c5aa0*/
}
@media screen and (max-width: 769px) {
.form-group {
display: flex;
justify-content: space-between;
align-items: center;
}
.form-group label {
margin-right: 10px;
min-width: 150px; /* 确保标签占一个固定的最小宽度，你可以根据实际需要调整 */
line-height: 1.2;
font-size: 16px;
}
.form-group .input {
flex-grow: 1; /* 输入框会占用剩余空间 */
}
}
.form-group2 {
display: flex;
justify-content: center;
align-items: center;
line-height: 1.5;
}
.form-group3 {
margin-bottom: 5px;
line-height: 1.5;
}
.form-group3 label {
display: block;
margin-bottom: 5px;
/* font-weight: bold; */
font-size: 16px;
color: #222;/*#2c5aa0*/
}
.checkbox-label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 16px;
font-weight: 700;
color: #000;
}
.checkbox-label input[type="checkbox"] {
margin: 0;
}
.mass {
color: red;
}
.required {
color: red;
}
#calculatorWrap input[type="number"], input[type="date"], select, .input {
width: 100%;
padding: 10px 5px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
box-sizing: border-box;
color: #000;
}
#calculatorWrap .input {
border: 1px solid #ccc;
border-radius: 4px;
}
#calculatorWrap .input-group {
display: flex;
gap: 5px;
align-items: center;
}
#calculatorWrap .input-group input {
flex: 1;
}
#calculatorWrap .input-group select {
width: 60px;
flex-shrink: 0;
/* padding: 10px; */
padding: 0px 5px 0px 5px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
height: 40px;
}
#calculatorWrap .button {
/* background-color: #6b6b6b; /* #9f402a */
color: white;
/* padding: 15px 30px; */
border: none;
/* margin: 10px auto;*/
/* width: 100%;*/
/* margin-top: 20px;*/
margin: 10px auto 0;
}
/* 按钮样式 */
.button {
/* background: linear-gradient(135deg, #2a6d95 0%, #34495e 100%); */
background: linear-gradient(135deg, #b64b39 0%, #002d62 100%); /*#4b4b4b #c36969*/
color: white;
border: none;
border-radius: 4px;
font-size: 18px;
font-weight: 700;
cursor: pointer;
display: block;
margin: 0px auto 0;
/* width: 60%;*/
/* max-width: 300px;*/
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
/* box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3); */
height: 2.2em;
padding-top: calc(.45em - 1px);
}
@media screen and (max-width: 425px) {
.button {
font-size: 16px;
}
}
.button:hover {
background: linear-gradient(135deg, #34495e 0%, #2a6d95 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(44, 62, 80, 0.4);
color: #fff;
}
.button:active {
transform: translateY(0);
box-shadow: 0 2px 10px rgba(44, 62, 80, 0.3);
}
#calculatorWrap .button:hover {
background-color: #45a049;
}
.summary {
background-color: #f8f9fa;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #2c5aa0;
}
.summary span {
font-weight: bold;
color: #2c5aa0;
}
.summary p {
margin: 10px 0;
line-height: 1.6;
}
div#calculatorWrap {
padding: 0em;
}
#calculatorBlock {
width: 489px !important;
}
/*
@media (max-width: 768px) {
#calculatorBlock {
width: 350px !important;
}
}
*/
@media (max-width: 768px) {
#calculatorBlock {
width: clamp(325px, 100%, 400px) !important;
/* 最小350px，首选100%，最大400px */
}
}
.result-highlight {
font-size: 20px;
font-weight: bold;
color: #4CAF50;
}
.result-highlight2 {
font-size: 20px;
font-weight: bold;
color: #ff8a10;/*#ffce56 #ffa900 */
}
.result-highlight3 {
font-size: 20px;
font-weight: bold;
color: #36a2eb;
}
.result-highlight4 {
font-size: 20px;
font-weight: bold;
color: #FF6B6B;
}
.result-highlight5 {
font-size: 20px;
font-weight: bold;
color: #444;
}
.result-highlight6 {
font-size: 20px;
font-weight: bold;
color: #f60;/*#ffa900 */
}
.result-highlight7 {
font-size: 20px;
font-weight: bold;
color: #37c4ef;/* #a0cddb */
}
.result-highlight8 {
font-size: 20px;
font-weight: bold;
color: #ed3636;/* #bd5454 */
}
.result-highlight9 {
font-size: 20px;
font-weight: bold;
color: #b1b1b1;
}
.results-title {
display: flex;
flex-wrap: wrap;
gap: 5px;
/* margin-left: 10px; */
}
.result-item-container {
width: 48%;
border-radius: 8px;
text-align: left;
/* font-family: Arial, sans-serif; */
}
.result-title {
font-size: 16px;
color: #000000;
display: block;
}
.result-item {
font-size: 24px;
font-weight: bold;
display: block;
}
@media screen and (max-width: 425px) {
.result-item {
font-size: 22px;
}
}
/*
.content-section {
margin-bottom: 20px;
padding: 0px;
border-radius: 8px;
}
*/
.content-section {
min-height: 100px;
height: auto;
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;*/
font-family: Arial, sans-serif;
/* 防止字体加载导致的布局跳动 */
font-display: swap;
/* 为数字使用等宽特性 */
font-variant-numeric: tabular-nums;
}
.control-buttons, .table-controls {
margin-left: 10px;
text-align: center;
margin: 20px 0;
}
.control-button {
padding: 10px 20px;
margin: 0 5px;
border: 1px solid #4CAF50;
background-color: white;
color: #4CAF50;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}
.control-button.active {
background-color: #4CAF50;
color: white;
}
.control-button:hover {
background-color: #45a049;
color: white;
}
.tftable {
width: 100%;
border-collapse: collapse;
font-family: 'Arial', sans-serif;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 0px;
overflow: hidden;
font-size: 16px;
color: #000;
min-width: 350px;
table-layout: auto;
}
.tftable caption {
font-size: 15px;
font-weight: bold;
padding: 0px;
text-align: center;
background-color: #f8f9fa;
border-bottom: 1px solid #e9ecef;
}
.tftable thead th {
background-color: #3498db;/**/
color: white;
font-weight: bold;
padding: 5px 5px;
text-align: center;
border: 1px solid #ddd;
position: sticky;
top: 0;
}
.tftable th {
font-size: 16px;
background-color: #acc8cc;
border: 1px solid #fff;
color: #333333;
padding: 8px 6px;
text-align: center;
white-space: normal;
word-wrap: break-word;
min-width: auto; /* 取消最小宽度限制 */
max-width: none; /* 取消最大宽度限制 */
width: auto; /* 宽度自适应内容 */
white-space: normal; /* 允许换行 */
word-break: keep-all; /* 保持单词完整，不在单词中间断开 */
overflow-wrap: normal; /* 不强制断词 */
hyphens: none;
line-height: 1.1;
vertical-align: middle!important; /* 垂直居中 */
text-align: center!important;
}
.tftable tr {
background-color: #d4edda;
}
.tftable tr:nth-child(even) {
background-color: #f9f9f9;
}
.tftable tr:hover {
background-color: #f0f8ff;
font-weight: bold;
}
.tftable tr:last-child {
font-weight: bold;
background-color: #f8f9fa;
}
.tftable td {
font-size: 16px;
border: 1px solid #ccc!important;
color: #000000;
padding: 8px 6px;
text-align: center;
white-space: normal;
word-wrap: break-word;
/* min-width: 100px;
max-width: 120px; */
min-width: auto; /* 取消最小宽度限制 */
max-width: none; /* 取消最大宽度限制 */
width: auto; /* 宽度自适应内容 */
line-height: 1.125; /* 1.6 */
}
.tftable td:first-child,
.tftable td:nth-child(2) {
text-align: center;
}
.section {
margin-bottom: 5px;
padding: 0px;
/* border: 1px solid #d5d5d5; /* #e5e7eb */
border-radius: 0px;
/* background-color: #fff; */
background-color: #fff;
}
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
@media screen and (max-width: 769px) {
.grid-container {
gap: 0px;
}
}
@media (max-width: 768px) {
.grid-container {
grid-template-columns: 1fr;
}
}
.containercalc {
max-width: 800px;
margin: 0 auto;
padding: 10px;
/* font-family: Arial, sans-serif;*/
}
p {
margin-bottom: 0px;
}
.offer-section {
margin: 20px 0;
}
.charts-container {
margin: 22px 0;
}
.chart-wrapper {
margin: 20px 0;
}
/*
.comparison-summary, .offer-section {
margin: 10px 10px 10px 10px;
}
*/
@media (min-width: 768px) {
.comparison-summary, .offer-section {
margin: 10px 0px 10px 470px;
}
}
.chart-container {
display: flex;
gap: 20px;
}
.chart-item {
flex: 1;
}
@media (max-width: 768px) {
.chart-container {
flex-direction: column;
gap: 15px;
}
.chart-item #lineChart,
.chart-item #lineChartLow {
width: 100% !important;
max-width: 400px !important;
height: 300px !important;
margin: 0 auto;
}
.control-buttons {
text-align: center;
margin-bottom: 15px;
}
.tftable {
/* min-width: 600px; */
font-size: 10px;
}
}
@media (max-width: 480px) {
.chart-item #lineChart,
.chart-item #lineChartLow {
width: 100% !important;
max-width: 320px !important;
height: 250px !important;
}
.control-buttons {
display: flex;
justify-content: center;
gap: 10px;
}
.control-button {
flex: 1;
max-width: 120px;
}
}
.table-container {
display: flex;
gap: 0px;
width: 100%;
max-width: 990px;
margin: 0 auto;
}
.table-item {
flex: 1;
min-width: 0;
}
.table-wrapper {
overflow-x: auto;
/* margin: 10px;
/* border: 1px solid #ccc;
/* padding: 10px; #36a2eb*/
max-width: 990px;
border: 1px solid #ccc;
}
.table-wrapper .tftable th {
background: #2086ee;/*#36a2eb #5d92b5 #36a2eb*/
color: #fff;
font-size: 13px;
}
.table-wrapper2 {
overflow-x: auto;
max-width: 990px;
/* border: 1px solid #ccc;
/* padding: 10px; #ff6b6b*/
border: 1px solid #ccc;
}
.table-wrapper2 .tftable th {
background: #ff6b6b;
color: #fff;
font-size: 13px;
}
@media (max-width: 1320px) {
.table-container {
flex-direction: column;
gap: 10px;
}
.table-item {
width: 100%;
}
}
.table-controls {
margin: 10px 0 10px 0;
}
.table-controls h3 {
margin-bottom: 15px;
color: #333;
}
.download-buttons-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
}
.download-button {
padding: 8px 12px;
background: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s;
flex: 1;
min-width: 200px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.download-button:hover {
background: #45a049;
}
@media (min-width: 768px) {
.download-buttons-container {
flex-wrap: nowrap;
}
.download-button {
flex: 1;
min-width: auto;
}
}
@media (max-width: 768px) {
.download-buttons-container {
flex-wrap: wrap;
}
.download-button {
flex: 1 1 calc(50% - 5px);
min-width: calc(50% - 5px);
font-size: 12px;
padding: 6px 8px;
}
}
#LeftSidebar {
display: none;
}
#LeftSidebar {
width: 728px!important;
height: 90px;
}
@media screen and (min-width: 768px) {
#LeftSidebar {
display: block;
float: none;
overflow: hidden;
width: 728px;
height: 90px;
text-align: center;
margin: 5px auto 15px auto;
vertical-align: middle;
box-sizing: content-box;
}
}
#Top {
display: none;
}
.pages {
display: table;
margin: 0px auto;
padding: 25px 0 0 0;
text-align: center;
position: relative;
/* z-index: 1; */
z-index: 1;
}
.pages:before {
display: block;
position: absolute;
top: 5px;
content: "Advertisement";
font-size: 12px;
font-weight: normal;
line-height: 1.2;
color: #666666;
text-transform: uppercase;
left: 50%;
margin-left: -52px;
z-index: 1;
}
@media screen and (max-width: 768px) {
#Top {
display: block;
margin: 10px auto 15px auto;
text-align: center;
float: none;
width: 336px;
height: 280px;
overflow: hidden;
}
}
table.tftable th, table.tftable td {
text-align: right;
}
.cost-breakdown-table {
max-width:500px;
}
.breadcrumb.is-small {
font-size: .85em;
}
a:visited {
color: #4545ff;
}
/*
.navbar-item.mobile-show a {
color: #fff;
}
*/
.breadcrumb.is-small a {
position: relative;
text-decoration: none;
}
.breadcrumb.is-small a:hover {
color: #4545ff!important;
}
.breadcrumb.is-small a::after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
width: 0;
height: 2px; /* 下划线高度 */
background-color: #4545ff; /* 下划线颜色 */
transition: width 0.5s ease, left 0.5s ease;
}
.breadcrumb.is-small a:hover {
color: #4545ff;
}
.breadcrumb.is-small a:hover::after {
width: 100%;
left: 0;
}
#pieChart {
width: 100%;
height: 450px;
}
@media screen and (max-width: 768px) {
#pieChart {
width: 100%;
height: 250px;
}
}
@media screen and (min-width: 768px) {
.auto-loan{
margin-left:40%;
}
}
/* 微动画效果 */
.form-group {
animation: fadeInUp 0.5s ease forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 为不同的表单组添加延迟动画 */
.form-group:nth-child(1) { animation-delay: 0.1s; }
.form-group:nth-child(2) { animation-delay: 0.2s; }
.form-group:nth-child(3) { animation-delay: 0.3s; }
.form-group:nth-child(4) { animation-delay: 0.4s; }
.form-group:nth-child(5) { animation-delay: 0.5s; }
.checkbox-group {
display: flex;
gap: 20px;
margin-top: 0px; /* 10px */
}
.checkbox-item {
display: flex;
align-items: center;
gap: 5px;
}
.term-inputs {
display: flex;
align-items: center;
gap: 5px;
font-weight: 500;
color: #000;
}
.term-inputs input {
flex: 1;
}
.term-inputs .input {
width: 60px;
}
.iconlogo {
display: flex;
justify-content: center;
align-items: center;
/* 如果需要设置容器高度 */
height: 50px; /* 根据需要调整 */
}
.iconlogo a {
display: flex;
align-items: center;
}
#right-sidebar {
position: relative;
transition: transform 0.1s ease-out;
will-change: transform;
}
/* 确保父容器有正确的高度 */
.columns {
align-items: flex-start; /* 防止列拉伸 */
}
.menu-list li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
}
.subtitle {
font-size: 1rem;
}
.content table thead td, .content table thead th {
border-width: 1px 0px 0px 1px;
}
#content a {
color: #297bff;
}
#content .comments-heading a {
color: initial; /* 或者其他颜色，如 inherit、#000 等 */
}
#content a:hover,#content a:visited {
color: #4545ff;
}
table.tftable td {
padding: 3px; /* 3px */
}
#content {
max-width:1008px!important;
}
.tabs:not(:last-child){
margin-bottom: 10px;
}
.subtitle {
color: #000;
}
.breadcrumb li+li::before {
content: "";
}
.breadcrumb li::after {
content: ">";
color: #808080;/*#b5b5b5*/
}
.breadcrumb li:last-child::after {
content: "";
}
select {
font-family: Arial, sans-serif;
}
.recommend-container a {
color: #fff!important;
}
.recommend-container a:hover, .recommend-container a:visited {
color: #fff!important;
}
pre {
font-family: monospace;
background: #f4f4f4;
font-size: 16px!important;
color: #0066e9;
}
.is-size-5 {
font-size: 1.05rem !important;
}
code {
background-color: #f5f5f5;
color: #0066e9;
font-size: 1em;
font-weight: 400;
padding: .3em .5em .3em;
}
.recommend-container .button {
text-transform: none!important;
}
/* 为字体图标设置合适的回退 */
.fa, .fas {
font-family: 'Font Awesome 5 Free', Arial, sans-serif;
/* 预留空间防止跳动 */
width: 1em;
height: 1em;
display: inline-block;
}
@font-face {
font-family: 'Font Awesome 5 Free';
src: url('/wp-content/plugins/wnd-frontend-0.9.89.13/static/webfonts/fa-solid-900.woff2') format('woff2');
font-display: swap;
size-adjust: 100%; /* 调整字体大小匹配 */
}
.charts-container {
/* 预设固定尺寸，防止布局跳动 */
min-height: 300px; /* 根据实际图表高度调整 */
width: 100%;
}
.menu-label:not(:last-child) {
margin-bottom: 0.8em;
}
.content h4 {
font-size: 1em;
margin-bottom: .8em;
margin-top: 0.8em;
font-weight: bold !important;
}
.breadcrumb-right {
margin-right: 0px;
}
@media (max-width: 768px) {
.breadcrumb-right {
padding: .45rem 4px 0px 0px
}
}
.download-schedule-btn {
padding: 10px 10px;
background: linear-gradient(135deg, #b64b39 0%, #002d62 100%);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-bottom:10px;
}
.download-schedule-btn2 {
padding: 2px 2px;
background: linear-gradient(135deg, #b64b39 0%, #002d62 100%);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-bottom:10px;
}
.headerUnitB {
background: linear-gradient(135deg, #b64b39 0%, #002d62 100%);
color: white;
padding: 5px 10px;
font-size: 16px;
font-weight: bold;
border-radius: 4px;
margin-bottom: 5px;
}
.sectionUnitB {
background-color: #fff;
padding: 6px 10px;
border-bottom: 1px solid #e9e9e9;
/* font-weight: bold;*/
color: #000; /*#cb6262 4a4a4a*/
cursor: pointer;
}
.sectionUnitB:hover {
background-color: #f7f7ff;
}
.unit-gridB {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
padding: 5px 10px 5px 10px;; /*0px 10px 5px 10px;*/
background-color: #fff;
}
.unit-itemB {
padding: 5px 0;
font-size: 14px;
}
.unit-itemB a {
color: #7d2d2d; /* #7d2d2d */
text-decoration: none;
}
.unit-itemB a:hover {
color: #4545ff; /* #1b5e20 */
text-decoration: underline;
}
.expandedUnitB {
display: grid;
}
.collapsedUnitB {
display: none;
}
#right-sidebar.column.is-5 {
padding: 0.75rem 10px 0px 10px !important;
}
@media screen and (min-width: 769px), print {
#right-sidebar.column.is-5, #right-sidebar.column.is-5-tablet {
flex: none;
width: 100%; /* 89% */
}
}
.navbar-link:not(.is-arrowless)::after {
transform: rotate(-45deg);
}
#top .column.is-3{flex:none;width:16.6%}
#top .column.is-3 a {
background-color: rgb(219, 234, 254);
color: rgb(30, 64, 175);
border-radius: 9999px;
padding-left: 1rem !important;
padding-right: 1rem !important;
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
margin-bottom: 0.3rem !important;
padding-top: .5rem !important;
padding-bottom: .5rem !important;
}
#top .column.is-3 a:hover {
background-color: #d5e7ff!important;
}