/* Css for , Version=1770169572 */ .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 { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: "Microsoft Yahei", sans-serif; } /* 使用纯色背景 */ #cms-content-container .cc-header-section { background-color: #2d539e; 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; } #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: #2d539e; text-align: center; margin: 0; font-weight: 600; } @media (max-width: 1023px) { #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; } } @media (max-width: 767px) { #cms-content-container { padding: 12px; } #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; } } /* RK3568技术文档展示页面样式 */ #cms-content-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 1.6; color: #444444; background-color: #ffffff; box-sizing: border-box; } #cms-content-container * { box-sizing: border-box; } #cms-content-container ul, #cms-content-container ol { list-style: disc !important; padding-left: 2em !important; margin: 1em 0 !important; } #cms-content-container ol { list-style: decimal !important; } #cms-content-container li { list-style: inherit !important; margin: 0.5em 0 !important; display: list-item !important; } /* 标题层级规范 - 调整为深灰色 */ #cms-content-container h2 { font-size: 28px; font-weight: 600; color: #333333; margin: 60px 0 24px 0; padding-bottom: 12px; border-bottom: 2px solid #555555; letter-spacing: -0.5px; line-height: 1.3; } #cms-content-container h3 { font-size: 20px; font-weight: 600; color: #444444; margin: 40px 0 16px 0; line-height: 1.4; } #cms-content-container h4 { font-size: 16px; font-weight: 600; color: #555555; margin: 24px 0 12px 0; } /* 段落与文本 */ #cms-content-container p { margin: 0 0 16px 0; text-align: justify; color: #555555; } #cms-content-container strong { color: #333333; font-weight: 600; } /* 网格布局系统 */ #cms-content-container .cc-grid { display: flex; flex-wrap: wrap; gap: 24px; margin: 24px 0; } #cms-content-container .cc-grid-item { flex: 1 1 calc(33.333% - 16px); min-width: 280px; background: #ffffff; border: 1px solid #dddddd; padding: 32px; transition: all 0.3s ease; position: relative; overflow: hidden; } #cms-content-container .cc-grid-item:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); border-color: #999999; } #cms-content-container .cc-grid-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #555555; transform: scaleX(0); transition: transform 0.3s ease; } #cms-content-container .cc-grid-item:hover::before { transform: scaleX(1); } /* 双列布局 */ #cms-content-container .cc-row { display: flex; flex-wrap: wrap; gap: 32px; margin: 32px 0; align-items: stretch; } #cms-content-container .cc-col-6 { flex: 1 1 calc(50% - 16px); min-width: 300px; } #cms-content-container .cc-col-4 { flex: 1 1 calc(33.333% - 21.333px); min-width: 250px; } /* 卡片组件 - 边框改为深灰 */ #cms-content-container .cc-card { background: #fafafa; border: 1px solid #e0e0e0; padding: 28px; height: 100%; display: flex; flex-direction: column; transition: all 0.25s ease; } #cms-content-container .cc-card:hover { background: #ffffff; box-shadow: 0 8px 16px rgba(0,0,0,0.06); } #cms-content-container .cc-card-title { font-size: 18px; font-weight: 600; color: #333333; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #cccccc; } #cms-content-container .cc-card-content { flex: 1; color: #666666; font-size: 14px; line-height: 1.6; } #cms-content-container .cc-card-meta { margin-top: 16px; font-size: 13px; color: #888888; font-weight: 500; } /* 规格参数表 - 表头改为深灰背景 */ #cms-content-container .cc-spec-table-wrapper { overflow-x: auto; margin: 24px 0; border: 1px solid #cccccc; } #cms-content-container .cc-spec-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 600px; } #cms-content-container .cc-spec-table th, #cms-content-container .cc-spec-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #e0e0e0; } #cms-content-container .cc-spec-table th { background: #555555; color: #ffffff; font-weight: 600; border-bottom: 2px solid #444444; white-space: nowrap; } #cms-content-container .cc-spec-table tr:hover td { background: #f5f5f5; } #cms-content-container .cc-spec-table td { color: #555555; border-right: 1px solid #eeeeee; } #cms-content-container .cc-spec-table td:last-child { border-right: none; } /* 图片展示 */ #cms-content-container .cc-image-wrapper { margin: 32px 0; text-align: center; background: #f9f9f9; padding: 40px; border: 1px solid #eeeeee; } #cms-content-container .cc-image { max-width: 100%; height: auto; display: block; margin: 0 auto; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } #cms-content-container .cc-image-caption { margin-top: 16px; font-size: 13px; color: #777777; font-style: italic; } /* 新增：核心板图片网格布局 */ #cms-content-container .cc-core-board-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 32px 0; } #cms-content-container .cc-core-board-item { background: #ffffff; border: 1px solid #e0e0e0; padding: 20px; text-align: center; transition: all 0.3s ease; } #cms-content-container .cc-core-board-item:hover { border-color: #999999; box-shadow: 0 8px 16px rgba(0,0,0,0.06); } #cms-content-container .cc-core-board-image { width: 100%; height: auto; display: block; margin-bottom: 12px; background: #f5f5f5; } #cms-content-container .cc-core-board-label { font-size: 14px; color: #555555; font-weight: 500; margin-top: 8px; padding-top: 12px; border-top: 1px solid #eeeeee; } /* 特性列表 - 左侧边框改为深灰 */ #cms-content-container .cc-feature-list { display: flex; flex-direction: column; gap: 16px; margin: 24px 0; } #cms-content-container .cc-feature-item { display: flex; align-items: flex-start; gap: 16px; padding: 20px; background: #ffffff; border-left: 3px solid #666666; box-shadow: 0 2px 8px rgba(0,0,0,0.04); transition: all 0.2s ease; } #cms-content-container .cc-feature-item:hover { border-left-width: 6px; padding-left: 17px; background: #fafafa; } #cms-content-container .cc-feature-bullet { width: 8px; height: 8px; background: #666666; border-radius: 50%; margin-top: 8px; flex-shrink: 0; } #cms-content-container .cc-feature-content { flex: 1; } #cms-content-container .cc-feature-title { font-weight: 600; color: #444444; margin-bottom: 4px; font-size: 15px; } #cms-content-container .cc-feature-desc { color: #666666; font-size: 14px; line-height: 1.5; } /* 对比布局 - 边框改为灰色 */ #cms-content-container .cc-compare { display: flex; gap: 0; margin: 32px 0; border: 1px solid #cccccc; } #cms-content-container .cc-compare-col { flex: 1; padding: 24px; border-right: 1px solid #cccccc; background: #ffffff; transition: background 0.2s ease; } #cms-content-container .cc-compare-col:last-child { border-right: none; } #cms-content-container .cc-compare-col:hover { background: #fafafa; } #cms-content-container .cc-compare-title { font-weight: 600; font-size: 16px; color: #444444; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid #dddddd; } /* 标签与标记 - 背景改为深灰而非纯黑 */ #cms-content-container .cc-tag { display: inline-block; padding: 4px 12px; background: #555555; color: #ffffff; font-size: 12px; font-weight: 500; margin-right: 8px; margin-bottom: 8px; letter-spacing: 0.5px; } #cms-content-container .cc-tag-outline { background: transparent; color: #555555; border: 1px solid #555555; } /* 强调区块 - 左侧边框改为深灰 */ #cms-content-container .cc-highlight-box { background: #f5f5f5; border-left: 4px solid #666666; padding: 24px 28px; margin: 32px 0; font-size: 15px; line-height: 1.6; color: #444444; } /* 规格参数网格 */ #cms-content-container .cc-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 24px 0; } #cms-content-container .cc-spec-item { background: #ffffff; border: 1px solid #e0e0e0; padding: 20px; text-align: center; transition: all 0.2s ease; } #cms-content-container .cc-spec-item:hover { border-color: #666666; transform: translateY(-2px); } #cms-content-container .cc-spec-label { font-size: 12px; color: #888888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; font-weight: 500; } #cms-content-container .cc-spec-value { font-size: 20px; font-weight: 600; color: #444444; line-height: 1.2; } #cms-content-container .cc-spec-unit { font-size: 13px; color: #777777; margin-top: 4px; } /* 注释文本 */ #cms-content-container .cc-note { font-size: 13px; color: #777777; font-style: italic; margin-top: 8px; padding-left: 12px; border-left: 2px solid #cccccc; } /* 间距工具 */ #cms-content-container .cc-mt-0 { margin-top: 0; } #cms-content-container .cc-mb-0 { margin-bottom: 0; } #cms-content-container .cc-mt-1 { margin-top: 8px; } #cms-content-container .cc-mb-1 { margin-bottom: 8px; } #cms-content-container .cc-mt-2 { margin-top: 16px; } #cms-content-container .cc-mb-2 { margin-bottom: 16px; } #cms-content-container .cc-mt-3 { margin-top: 24px; } #cms-content-container .cc-mb-3 { margin-bottom: 24px; } /* ============================================ 响应式适配 ============================================ */ /* 平板端: 768px - 1023px */ @media screen and (max-width: 1023px) and (min-width: 768px) { #cms-content-container { padding: 0 16px; } #cms-content-container h2 { font-size: 24px; margin-top: 48px; border-bottom-color: #666666; } #cms-content-container h3 { font-size: 18px; } #cms-content-container .cc-grid-item { flex: 1 1 calc(50% - 12px); min-width: 240px; padding: 24px; } #cms-content-container .cc-col-6, #cms-content-container .cc-col-4 { flex: 1 1 calc(50% - 16px); } #cms-content-container .cc-compare { flex-direction: column; } #cms-content-container .cc-compare-col { border-right: none; border-bottom: 1px solid #cccccc; } #cms-content-container .cc-compare-col:last-child { border-bottom: none; } /* 平板端核心板图片改为2列 */ #cms-content-container .cc-core-board-grid { gap: 16px; } #cms-content-container .cc-core-board-item { padding: 16px; } } /* 手机端: ≤767px */ @media screen and (max-width: 767px) { #cms-content-container { padding: 0 12px; font-size: 14px; line-height: 1.5; } #cms-content-container h2 { font-size: 22px; margin: 40px 0 20px 0; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-color: #666666; } #cms-content-container h3 { font-size: 17px; margin: 32px 0 14px 0; } #cms-content-container .cc-grid { flex-direction: column; gap: 16px; } #cms-content-container .cc-grid-item { flex: 1 1 100%; min-width: auto; padding: 20px; } #cms-content-container .cc-grid-item:hover { transform: translateY(-2px); } #cms-content-container .cc-row { flex-direction: column; gap: 20px; } #cms-content-container .cc-col-6, #cms-content-container .cc-col-4 { flex: 1 1 100%; min-width: auto; } #cms-content-container .cc-card { padding: 20px; } #cms-content-container .cc-feature-item { padding: 16px; } #cms-content-container .cc-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } #cms-content-container .cc-spec-item { padding: 16px; } #cms-content-container .cc-spec-value { font-size: 18px; } #cms-content-container .cc-image-wrapper { padding: 20px; } #cms-content-container .cc-compare { flex-direction: column; } #cms-content-container .cc-compare-col { border-right: none; border-bottom: 1px solid #cccccc; padding: 20px; } #cms-content-container .cc-compare-col:last-child { border-bottom: none; } #cms-content-container .cc-highlight-box { padding: 18px 20px; margin: 24px 0; } #cms-content-container .cc-spec-table-wrapper { margin: 16px -12px; border-left: none; border-right: none; } #cms-content-container .cc-spec-table th, #cms-content-container .cc-spec-table td { padding: 10px 12px; font-size: 13px; } #cms-content-container .cc-spec-table th { background: #666666; } /* 手机端核心板图片改为1列 */ #cms-content-container .cc-core-board-grid { grid-template-columns: 1fr; gap: 16px; } #cms-content-container .cc-core-board-item { padding: 16px; } } /* 小屏手机优化: ≤480px */ @media screen and (max-width: 480px) { #cms-content-container h2 { font-size: 20px; } #cms-content-container h3 { font-size: 16px; } #cms-content-container .cc-spec-grid { grid-template-columns: 1fr; } #cms-content-container .cc-tag { font-size: 11px; padding: 3px 8px; } } #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; }