/* Css for http://www.baidu.com, Version=1774313847 */ .article > .article-content{padding: 0 20px 20px;} .keywords,.summary{color: #666} .sina-widget{display: inline-block;margin: -2px -15px 0 0;padding: 0;line-height: 1;vertical-align: top;} .previous > a, .next > a{max-width: 48%; overflow: hidden;} .previous > a > span, .next > a > span{display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;} .icon-arrow-left, .icon-arrow-right{vertical-align: middle;} @charset "UTF-8";.information-boxT .panel-body > .ul-list > li{padding:15px 0px;border-bottom:1px solid #e9e9e9;}.information-boxT .panel-body > .ul-list > li:before{display:none;}.information-boxT .panel-block .panel-body > .ul-list{margin:0px;}a,a:hover{text-decoration:none;}a.tag-link{color:inherit !important;}a.tag-link:hover{color:red !important;}span a.footer_span:hover{color:#297286 !important;}span a.footer_span:visited{color:inherit;}form #phone{display:block;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}.block-item .tags a{color:#fff !important;border-color:#fff !important;}.block-item .tags a:hover{color:#77d1ff !important;}div.product-content li{width:auto !important;}*{margin:0px;padding:0px;outline:none;}img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}.product-group{display:block;position:relative;overflow:hidden;font-family:"Adobe 黑体 Std";text-align:left;}.pr{position:relative;}.tr{text-align:right;}.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.product-imageText .bgs{max-width:100%;display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;position:relative;margin:0 auto;}.product-imageText .bgs img{max-width:100%;display:block;}.product-imageText .cai{position:absolute;left:auto;right:auto;top:0;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;color:#fff;flex-direction:column;}.product-imageText .cai h3{font-size:3.15vw;font-weight:normal;line-height:1.25;background-image:linear-gradient(#209cff,#68e0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.product-imageText .cai .st{margin-top:12px;line-height:1.8;font-size:1.842vw;width:100%;}.product-imageText .bai{position:absolute;top:0;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;color:#fff;flex-direction:column;}.product-imageText .bai h3{font-size:2.1vw;font-weight:normal;line-height:1.25;color:#fff;width:100%;}.product-imageText .bai .st{margin-top:20px;line-height:2;font-size:0.945vw;color:#b1b1b1;width:100%;min-width:290px;max-width:23.646vw;}.product-imageText .bai .out{font-size:0.945vw;color:#b1b1b1;margin-top:110px;width:100%;}.product-imageText .icon-boxs{list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:left;-webkit-justify-content:left;-moz-justify-content:left;-ms-justify-content:left;-o-justify-content:left;justify-content:left;margin-top:30px;width:100%;}.product-imageText .icon-boxs.icon-end{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;}.product-imageText .icon-boxs li{max-width:77px;margin-right:12px;}.product-imageText .icon-boxs li img{max-width:100%;display:block;}.product-imageText .titles .pr{text-align:center;margin-top:50px;font-size:3.125vw;line-height:1;}.product-imageText .titles .pr i{font-style:normal;background-image:linear-gradient(#209cff,#68e0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.product-imageText .titles .pr span{opacity:0.08;background-image:linear-gradient(#209cff,#68e0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:-40px;left:0;right:0;text-align:center;}.product-imageText .pubImg{max-width:100%;display:block;}.product-imageText .rite{position:absolute;top:0;height:100%;right:0%;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;list-style:none;color:#fff;}.product-imageText .rite li{margin-right:9%;text-align:center;}.product-imageText .rite li img{max-height:6.83vw;margin:0 auto;display:block;}.product-imageText .rite li .out{margin-top:10px;font-weight:normal;}.product-imageText .system{position:absolute;top:0;height:100%;left:20%;width:60%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;color:#fff;flex-direction:column;}.product-imageText .system h3{font-size:1.84vw;color:#fff;padding-bottom:20px;line-height:1;}.product-imageText .system ul{width:100%;margin-top:10px;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;}.product-imageText .system ul li{width:24%;background-color:rgba(5,25,45,0.8);padding:45px 3% 35px 3%;box-sizing:border-box;}.product-imageText .system ul li h4{color:#55d9ee;font-size:1.576vw;line-height:1;font-weight:normal;}.product-imageText .system ul li h5{font-size:0.945vw;height:22px;line-height:22px;color:#55d9ee;margin-top:10px;text-align:justify;font-weight:normal;}.product-imageText .system ul li .line{margin-top:30px;width:3.125vw;height:3px;background-color:#154066;}.product-imageText .imageList{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;margin-top:3.55vw;}.product-imageText .imageList li{width:33%;position:relative;margin-bottom:10px;}.product-imageText .imageList li:nth-child(1){width:100%;}.product-imageText .imageList li img{max-width:100%;display:block;}.product-imageText .imageList li .text{display:block;position:absolute;right:5%;bottom:5px;color:#fff;font-size:1.313vw;}.product-text{padding:100px 0 80px 0;text-align:center;font-size:24px;line-height:2.8;color:#fff;}.product-text span{color:#209cff;}.product-text .text{max-width:90%;margin:0 auto;}@media (max-width: 1520px){.header-right{justify-content:flex-end !important;}.search{margin:0 20px;}.search input{width:88px !important;}.purchase{margin-left:1px !important;}.nav-box li{margin-right:25px !important;}.nav-box li:last-child{margin:0 !important;}.nav-box{width:auto !important;}.purchase{margin-left:20px !important;}}@media screen and (max-width: 1200px){.product-text{padding:80px 0 40px 0;font-size:16px;}}@media screen and (max-width: 750px){.product-text{padding:30px 0;font-size:15px;line-height:2.2;}.product-group{padding:10px 0;}.product-imageText .bgs{display:block;}.product-imageText .cai{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:25px 0;}.product-imageText .cai h3{font-size:18px;line-height:1.6;}.product-imageText .cai .st{font-size:14px;}.product-imageText .bai{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:10px 0;}.product-imageText .bai h3{font-size:18px;line-height:1.6;}.product-imageText .bai .st{font-size:14px;max-width:90%;margin:15px auto 0;}.product-imageText .bai .out{margin-top:20px;font-size:12px;}.product-imageText .icon-boxs{margin-top:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;}.product-imageText .icon-boxs.icon-end{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;}.product-imageText .titles .pr{margin-top:0;font-size:24px;margin-bottom:10px;}.product-imageText .titles .pr span{top:-13px;}.product-imageText .rite{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:10px 0;}.product-imageText .rite li{margin:0 5%;}.product-imageText .system{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:10px 0;width:96%;margin:0 auto;}.product-imageText .system h3{font-size:24px;}.product-imageText .system ul{flex-wrap:wrap;margin-top:0;}.product-imageText .system ul li{padding:25px 3%;width:48% !important;margin-bottom:10px;}.product-imageText .system ul li h4{font-size:16px;text-align:left;}.product-imageText .system ul li h5{font-size:14px;}.product-imageText .system ul li .line{width:35px;margin-top:20px;}.product-imageText .imageList li .text{font-size:13px;}.pt20{padding-top:10px;}.pb20{padding-bottom:20px;}} #header {padding: 0; margin-bottom: 14px;} #headNav {min-height: 30px; line-height: 30px; padding: 0; margin-bottom: 8px;} #headNav, #headTitle {position: static; display: block;} #headNav > .row {margin: 0} #headTitle > .row, #headNav > .row {display: table; width: 100%; margin: 0;max-width: 100%;} #headNav > .row > #siteNav, #headNav > .row > #siteSlogan, #headNav > .row > #searchbar, #headTitle > .row > #siteTitle, #headTitle > .row > #searchbar {display: table-cell; vertical-align: middle;} #headTitle {padding: 0;} #siteNav {text-align: right; float: right; display: inline-block !important;} @media (max-width: 767px){#siteNav {padding-left: 8px; padding-right: 8px;} } #searchbar {max-width: initial;} #searchbar > form {max-width: 200px; float: right;} #navbar .navbar-nav {width: 100%} #navbarCollapse {padding: 0;} #navbar .navbar-nav {margin: 0;} #navbar li.nav-item-searchbar {float: right;} #navbar li.nav-item-searchbar #searchbar > form {margin: 4px;} #headTitle > .row > #navbarWrapper {display: table-cell; vertical-align: middle; padding-left: 8px;} #headTitle > .row > #navbarWrapper > #navbar {margin:0} #siteTitle, #siteLogo img {min-width: 150px;} @media (max-width: 767px) { #headTitle {padding: 0;} #headTitle > .row {margin: 0; display: block;} #headTitle > .row > #siteTitle {display: block; position: absolute; z-index: 10015; left: 8px;} #headTitle > .row > #navbarWrapper {display: block; padding: 0} #headTitle > .row > #navbarWrapper > #navbar {margin-bottom: 14px; width: 100%} #headTitle #siteLogo img {margin-top: 2px;} } #block13{}#block13 .panel-heading{}.menu-industry-l li .img-c{width:199px;height:108px;}header .container{padding:0 !important;}header .container .logo{left:0 !important;}.ty-list:last-of-type{color:#2972b6 !important;}.focus{z-index:1;}.filter{width:80%;position:absolute;top:88%;}.menu{border-top:none !important;} #cms-content-container { /* 设计系统 - 颜色变量 */ --cc-color-primary: #2563eb; /* 品牌蓝 - 理性可信 */ --cc-color-primary-dark: #1d4ed8; /* 深蓝 - 强调 */ --cc-color-primary-light: #dbeafe; /* 浅蓝 - 背景强调 */ --cc-color-text-primary: #1f2937; /* 深灰 - 主文本 */ --cc-color-text-secondary: #4b5563; /* 中灰 - 次要文本 */ --cc-color-text-muted: #6b7280; /* 浅灰 - 辅助文本 */ --cc-color-bg-primary: #ffffff; /* 纯白背景 */ --cc-color-bg-secondary: #f8fafc; /* 浅灰背景 */ --cc-color-bg-tertiary: #f1f5f9; /* 卡片背景 */ --cc-color-border: #e2e8f0; /* 边框色 */ --cc-color-accent: #0ea5e9; /* 强调蓝 */ --cc-color-success: #059669; /* 成功绿 */ --cc-color-warning: #d97706; /* 警告橙 */ --cc-color-danger: #dc2626; /* 危险红 */ --cc-color-fl: #2d539e; /* [tagurl href="https://www.forlinx.com" class="tag-link">飞凌 ul, #cms-content-container li > ol { margin-top: var(--cc-space-sm) !important; margin-bottom: var(--cc-space-sm) !important; } /* ============================================ 代码块样式 - 强制恢复格式(针对
和)
============================================ */
#cms-content-container pre {
background-color: var(--cc-color-bg-secondary);
border: 1px solid var(--cc-color-border);
border-radius: 8px;
padding: var(--cc-space-lg);
margin: var(--cc-space-lg) 0;
overflow-x: auto;
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 14px;
line-height: 1.5;
white-space: pre !important;
word-wrap: normal !important;
position: relative;
}
#cms-content-container pre::before {
content: "CODE";
position: absolute;
top: 0;
right: 0;
background-color: var(--cc-color-primary);
color: white;
font-size: 10px;
padding: var(--cc-space-xs) var(--cc-space-sm);
border-bottom-left-radius: 8px;
font-weight: 600;
letter-spacing: 0.05em;
}
#cms-content-container code {
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 0.9em;
background-color: var(--cc-color-primary-light);
color: var(--cc-color-primary-dark);
padding: 2px 6px;
border-radius: 4px;
white-space: nowrap;
}
#cms-content-container pre code {
background-color: transparent;
color: var(--cc-color-text-primary);
padding: 0;
border-radius: 0;
white-space: pre !important;
display: block;
}
/* ============================================
表格样式 - 严谨的数据展示
============================================ */
#cms-content-container .cc-table-wrapper {
overflow-x: auto;
margin: var(--cc-space-lg) 0;
border-radius: 8px;
border: 1px solid var(--cc-color-border);
}
#cms-content-container table {
width: 100%;
border-collapse: collapse;
background-color: var(--cc-color-bg-primary);
font-size: 15px;
}
#cms-content-container th {
background-color: var(--cc-color-bg-secondary);
color: var(--cc-color-text-primary);
font-weight: 600;
text-align: left;
padding: var(--cc-space-md);
border-bottom: 2px solid var(--cc-color-border);
white-space: nowrap;
}
#cms-content-container td {
padding: var(--cc-space-md);
border-bottom: 1px solid var(--cc-color-border);
color: var(--cc-color-text-secondary);
vertical-align: top;
}
#cms-content-container tr:hover td {
background-color: var(--cc-color-bg-tertiary);
}
#cms-content-container tr:last-child td {
border-bottom: none;
}
/* ============================================
卡片组件 - Flexbox布局(统一高度)
============================================ */
#cms-content-container .cc-card-grid {
display: flex;
flex-wrap: wrap;
gap: var(--cc-space-lg);
margin: var(--cc-space-lg) 0;
align-items: stretch;
}
#cms-content-container .cc-card {
flex: 1 1 calc(50% - var(--cc-space-lg));
min-width: 300px;
background-color: var(--cc-color-bg-primary);
border: 1px solid var(--cc-color-border);
border-radius: 12px;
padding: var(--cc-space-xl);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
#cms-content-container .cc-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, var(--cc-color-primary) 0%, var(--cc-color-accent) 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
#cms-content-container .cc-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.1);
border-color: var(--cc-color-primary);
}
#cms-content-container .cc-card:hover::before {
opacity: 1;
}
#cms-content-container .cc-card-title {
font-size: 18px;
font-weight: 600;
color: var(--cc-color-text-primary);
margin-bottom: var(--cc-space-sm);
line-height: var(--cc-line-height-tight);
}
#cms-content-container .cc-card-desc {
font-size: 15px;
color: var(--cc-color-text-secondary);
line-height: var(--cc-line-height);
margin: 0;
flex: 1;
}
/* 卡片内的列表样式调整 */
#cms-content-container .cc-card-desc ul {
margin-bottom: 0 !important;
padding-left: var(--cc-space-lg) !important;
}
#cms-content-container .cc-card-desc li {
font-size: 14px;
margin-bottom: var(--cc-space-xs) !important;
}
#cms-content-container .cc-card-desc code {
display: block;
margin-top: var(--cc-space-sm);
padding: var(--cc-space-sm);
background-color: var(--cc-color-bg-tertiary);
border: 1px solid var(--cc-color-border);
font-size: 13px;
}
/* ============================================
警告提示组件(纯CSS实现,无Unicode图标)
============================================ */
#cms-content-container .cc-alert {
display: flex;
align-items: flex-start;
gap: var(--cc-space-md);
padding: var(--cc-space-lg);
border-radius: 8px;
margin: var(--cc-space-lg) 0;
border-left: 4px solid;
}
#cms-content-container .cc-alert-warning {
background-color: #fffbeb;
border-left-color: var(--cc-color-warning);
}
#cms-content-container .cc-alert-success {
background-color: #ecfdf5;
border-left-color: var(--cc-color-success);
}
#cms-content-container .cc-alert-danger {
background-color: #fef2f2;
border-left-color: var(--cc-color-danger);
}
/* 使用CSS绘制图标,避免Unicode字符 */
#cms-content-container .cc-alert-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 12px;
color: white;
position: relative;
}
#cms-content-container .cc-alert-warning .cc-alert-icon {
background-color: var(--cc-color-warning);
}
/* 警告图标:使用CSS绘制感叹号 */
#cms-content-container .cc-alert-warning .cc-alert-icon::before {
content: "";
width: 3px;
height: 10px;
background-color: white;
position: absolute;
top: 5px;
border-radius: 1px;
}
#cms-content-container .cc-alert-warning .cc-alert-icon::after {
content: "";
width: 3px;
height: 3px;
background-color: white;
position: absolute;
bottom: 5px;
border-radius: 50%;
}
#cms-content-container .cc-alert-success .cc-alert-icon {
background-color: var(--cc-color-success);
}
/* 成功图标:使用CSS绘制对勾 */
#cms-content-container .cc-alert-success .cc-alert-icon::before {
content: "";
width: 6px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
position: absolute;
top: 5px;
}
#cms-content-container .cc-alert-danger .cc-alert-icon {
background-color: var(--cc-color-danger);
}
/* 危险图标:使用CSS绘制X号 */
#cms-content-container .cc-alert-danger .cc-alert-icon::before,
#cms-content-container .cc-alert-danger .cc-alert-icon::after {
content: "";
width: 2px;
height: 12px;
background-color: white;
position: absolute;
}
#cms-content-container .cc-alert-danger .cc-alert-icon::before {
transform: rotate(45deg);
}
#cms-content-container .cc-alert-danger .cc-alert-icon::after {
transform: rotate(-45deg);
}
#cms-content-container .cc-alert-content {
flex: 1;
}
#cms-content-container .cc-alert-title {
font-weight: 600;
color: var(--cc-color-text-primary);
margin-bottom: var(--cc-space-xs);
font-size: 16px;
}
#cms-content-container .cc-alert-text {
color: var(--cc-color-text-secondary);
font-size: 15px;
line-height: var(--cc-line-height);
margin: 0;
}
/* ============================================
步骤流程组件(纯CSS编号,无Unicode)
============================================ */
#cms-content-container .cc-steps {
display: flex;
flex-direction: column;
gap: var(--cc-space-lg);
margin: var(--cc-space-xl) 0;
padding-left: var(--cc-space-lg);
border-left: 2px solid var(--cc-color-border);
counter-reset: step-counter;
}
#cms-content-container .cc-step {
position: relative;
padding-left: var(--cc-space-xl);
counter-increment: step-counter;
}
#cms-content-container .cc-step::before {
content: counter(step-counter);
position: absolute;
left: -34px;
top: 0;
width: 32px;
height: 32px;
background-color: var(--cc-color-primary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
border: 4px solid var(--cc-color-bg-primary);
}
#cms-content-container .cc-step-title {
font-weight: 600;
color: var(--cc-color-text-primary);
font-size: 17px;
margin-bottom: var(--cc-space-sm);
}
#cms-content-container .cc-step-content {
color: var(--cc-color-text-secondary);
font-size: 15px;
line-height: var(--cc-line-height);
}
/* ============================================
图片容器
============================================ */
#cms-content-container .cc-image-wrapper {
margin: var(--cc-space-lg) 0;
border-radius: 8px;
overflow: hidden;
border: 1px solid var(--cc-color-border);
background-color: var(--cc-color-bg-secondary);
}
#cms-content-container .cc-image-wrapper img {
width: 100%;
height: auto;
display: block;
}
#cms-content-container .cc-image-caption {
padding: var(--cc-space-md);
font-size: 14px;
color: var(--cc-color-text-muted);
text-align: center;
background-color: var(--cc-color-bg-primary);
border-top: 1px solid var(--cc-color-border);
}
/* ============================================
文件路径标签(纯文本,无Emoji)
============================================ */
#cms-content-container .cc-path-tag {
display: inline-flex;
align-items: center;
gap: var(--cc-space-xs);
background-color: var(--cc-color-bg-secondary);
border: 1px solid var(--cc-color-border);
border-radius: 6px;
padding: var(--cc-space-sm) var(--cc-space-md);
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 14px;
color: var(--cc-color-text-primary);
margin: var(--cc-space-xs) 0;
}
/* 使用CSS绘制文件夹图标 */
#cms-content-container .cc-path-tag::before {
content: "";
width: 14px;
height: 10px;
background-color: var(--cc-color-warning);
border-radius: 2px 2px 0 0;
position: relative;
display: inline-block;
}
#cms-content-container .cc-path-tag::after {
content: "";
width: 14px;
height: 8px;
background-color: var(--cc-color-warning);
border-radius: 0 2px 2px 2px;
position: absolute;
margin-top: 4px;
opacity: 0.8;
}
/* ============================================
参数说明表格特殊样式
============================================ */
#cms-content-container .cc-param-table td:first-child {
font-weight: 600;
color: var(--cc-color-text-primary);
white-space: nowrap;
width: 120px;
}
#cms-content-container .cc-param-table td:nth-child(2) {
color: var(--cc-color-primary);
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 14px;
width: 200px;
}
/* ============================================
引言样式
============================================ */
#cms-content-container .cc-intro {
font-size: 18px;
color: var(--cc-color-text-primary);
border-left: 4px solid var(--cc-color-primary);
padding-left: var(--cc-space-md);
margin-bottom: var(--cc-space-xl);
line-height: 1.5;
}
/* ============================================
页脚样式
============================================ */
#cms-content-container .cc-footer {
margin-top: var(--cc-space-3xl);
padding-top: var(--cc-space-lg);
border-top: 1px solid var(--cc-color-border);
text-align: center;
color: var(--cc-color-text-muted);
font-size: 14px;
}
#cms-content-container .cc-footer-note {
margin-top: var(--cc-space-sm);
font-size: 12px;
color: #9ca3af;
}
/* ============================================
询盘区域样式(新增部分)
============================================ */
#cms-content-container .cc-inquiry-section {
margin-top: var(--cc-space-3xl);
padding-top: var(--cc-space-2xl);
border-top: 2px solid var(--cc-color-border);
}
#cms-content-container .cc-header-section {
background-color: var(--cc-color-fl);
color: #ffffff;
padding: 24px 20px;
border-radius: 12px;
margin-bottom: 28px;
box-shadow: 0 6px 16px rgba(45, 83, 158, 0.2);
}
#cms-content-container .cc-header-section h2 {
text-align: center;
margin: 0 0 20px;
font-size: 24px;
font-weight: 600;
color: #ffffff;
border: none;
padding: 0;
}
#cms-content-container .cc-btn-container {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
flex-wrap: wrap;
align-items: center;
}
#cms-content-container .cc-btn {
color: #ffffff;
text-decoration: none;
font-size: 16px;
padding: 10px 20px;
border-radius: 6px;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.4);
transition: all 0.3s ease;
}
#cms-content-container .cc-btn:hover {
background-color: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
#cms-content-container .cc-btn-container .cc-divider {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
}
#cms-content-container .cc-qr-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin: 20px 0;
}
#cms-content-container .cc-qr-card {
background-color: #ffffff;
border-radius: 10px;
padding: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.3s ease;
width: calc(25% - 15px);
box-sizing: border-box;
border: 1px solid #f0f0f0;
}
#cms-content-container .cc-qr-card:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
transform: translateY(-3px);
}
#cms-content-container .cc-qr-card .cc-qr-image {
width: 100%;
max-width: 140px;
height: auto;
aspect-ratio: 1/1;
border-radius: 6px;
margin-bottom: 12px;
border: 1px solid #f0f0f0;
}
#cms-content-container .cc-qr-card .cc-qr-desc {
font-size: 14px;
color: var(--cc-color-fl);
text-align: center;
margin: 0;
font-weight: 600;
}
/* ============================================
响应式适配
============================================ */
/* 平板端:768px - 1023px */
@media screen and (max-width: 1023px) and (min-width: 768px) {
#cms-content-container {
padding: var(--cc-space-md);
}
#cms-content-container h2 {
font-size: 24px;
}
#cms-content-container h3 {
font-size: 18px;
}
#cms-content-container .cc-card {
flex: 1 1 100%;
}
#cms-content-container pre {
padding: var(--cc-space-md);
font-size: 13px;
}
/* 询盘区域平板适配 */
#cms-content-container .cc-header-section h2 {
font-size: 22px;
}
#cms-content-container .cc-qr-card {
width: calc(25% - 15px);
padding: 14px;
}
#cms-content-container .cc-qr-card .cc-qr-image {
max-width: 110px;
}
#cms-content-container .cc-qr-card .cc-qr-desc {
font-size: 13px;
}
}
/* 手机端:≤767px */
@media screen and (max-width: 767px) {
#cms-content-container {
padding: var(--cc-space-sm);
}
#cms-content-container h2 {
font-size: 22px;
margin: var(--cc-space-xl) 0 var(--cc-space-md) 0;
}
#cms-content-container h3 {
font-size: 17px;
}
#cms-content-container p,
#cms-content-container li {
font-size: 15px;
}
#cms-content-container .cc-card-grid {
flex-direction: column;
gap: var(--cc-space-md);
}
#cms-content-container .cc-card {
flex: 1 1 100%;
min-width: auto;
padding: var(--cc-space-lg);
}
#cms-content-container pre {
padding: var(--cc-space-md);
font-size: 12px;
border-radius: 6px;
}
#cms-content-container .cc-steps {
padding-left: var(--cc-space-md);
}
#cms-content-container .cc-step::before {
left: -30px;
width: 28px;
height: 28px;
font-size: 12px;
}
#cms-content-container th,
#cms-content-container td {
padding: var(--cc-space-sm);
font-size: 14px;
}
#cms-content-container .cc-alert {
flex-direction: column;
gap: var(--cc-space-sm);
}
#cms-content-container .cc-intro {
font-size: 16px;
}
/* 询盘区域手机适配 */
#cms-content-container .cc-header-section {
padding: 20px 16px;
}
#cms-content-container .cc-header-section h2 {
font-size: 20px;
}
#cms-content-container .cc-btn-container {
flex-direction: column;
gap: 12px;
}
#cms-content-container .cc-btn-container .cc-divider {
display: none;
}
#cms-content-container .cc-btn {
width: 100%;
max-width: 240px;
text-align: center;
font-size: 15px;
}
#cms-content-container .cc-qr-card {
width: calc(50% - 8px);
padding: 14px;
}
#cms-content-container .cc-qr-card .cc-qr-image {
max-width: 130px;
}
#cms-content-container .cc-qr-card .cc-qr-desc {
font-size: 14px;
}
#cms-content-container .cc-qr-container {
gap: 16px;
}
}
@media (max-width: 480px) {
#cms-content-container .cc-qr-card {
width: 100%;
max-width: 200px;
margin: 0 auto;
}
#cms-content-container .cc-qr-container {
flex-direction: column;
align-items: center;
}
}
/* ============================================
打印样式优化
============================================ */
@media print {
#cms-content-container {
max-width: 100%;
padding: 0;
}
#cms-content-container .cc-card {
break-inside: avoid;
box-shadow: none;
border: 1px solid var(--cc-color-border);
}
#cms-content-container pre {
break-inside: avoid;
background-color: #f5f5f5 !important;
-webkit-print-color-adjust: exact;
}
}
#block284{}#block284 .panel-heading{}.m-index-index .all-bottom{width:100%;}.m-index-index .col{padding:0;}
.showy .listing a.toparrow{
background:url("/myself/image/topArrow.png") no-repeat 10px center #0b6fba;
background-size:15%;
}
/* 修改后的新侧边栏导航 */
aside{
position:fixed;
right:20px;
top:300px;
z-index:10;
}
aside ul.listul{
width:50px;
}
aside ul.listul li.list_new{
width:100%;
height:50px;
background-color:#0E66A7;
text-align:center;
line-height:65px;
cursor: pointer;
}
aside ul.listul li.list_new:hover div.list_new_left{
display:block;
}
aside ul.listul li.list_new:first-child{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
}
aside ul.listul li.list_new:nth-child(2){
position: relative;
}
aside ul.listul li.list_new:nth-child(4){
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
side ul.listul li.list_new:nth-child(2)::before,
side ul.listul li.list_new:nth-child(3)::before,
side ul.listul li.list_new:nth-child(4)::before{
content: '';
position: absolute;
top: 0;
left: 0;
transform: translateX(11px);
display: block;
width: 56%;
height: 1px;
background: #e6e6e6
}
aside ul.listul li.list_new:last-child{
margin-top:10px;
border-radius:10px;
}
aside ul.listul li.list_new img{
width:50%;
}
aside ul.listul li.list_new div.list_new_left{
display:none;
border:1px solid lightgrey;
text-align:left;
line-height:initial;
position: absolute;
padding:10px;
border-radius:15px;
right:50px;
width:170px;
background: white;
top:0;
}
aside ul.listul li.list_new div.list_new_left p:first-child{
color:black;
font-size:14px;
}
aside ul.listul li.list_new div.list_new_left p:last-child{
color:#666;
font-size:12px;
}
aside ul.listul li.list_new div.list_new_left ul{
width:100%;
}
aside ul.listul li.list_new div.list_new_left ul li{
width:50%;
float:left;
}
aside ul.listul li.list_new div.list_new_left ul li a img{
width:20px;
}
aside ul.listul li.list_new div.list_new_left ul li a span{
font-size:12px;
position: relative;
bottom:5px;
color:#666;
}
aside ul.listul li.list_new div.list_new_left ul li a:hover span{
color:#145ccd!important;
}