From 7f87ce11e59bd7d05d517f9c28c4c665a7044f1a Mon Sep 17 00:00:00 2001 From: yiqiu Date: Fri, 21 Nov 2025 23:18:42 +0800 Subject: [PATCH] ddd --- common/common.css | 120 +++++++++++++++++++++++----------------------- common/theme.css | 68 +++++++++++++------------- css/index.css | 50 +++++++++---------- js/globe.js | 6 +-- 4 files changed, 122 insertions(+), 122 deletions(-) diff --git a/common/common.css b/common/common.css index 42e8d71..494f899 100644 --- a/common/common.css +++ b/common/common.css @@ -107,8 +107,8 @@ border-bottom: 2px solid transparent; } -.nav-menu .nav-item:hover { - border-bottom: 2px solid #FF6739; +.nav-menu .nav-item:hover { + border-bottom: 2px solid #1D4ED8; } @@ -181,8 +181,8 @@ box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08); } -.nav-item-box:hover .title { - color: rgba(255, 103, 57, 1); +.nav-item-box:hover .title { + color: rgba(29, 78, 216, 1); } .nav-item-box img { @@ -269,16 +269,16 @@ padding: 10px 12px; } -.nav-header .login-in .login-menu .login-menu-item:hover { - background: rgba(255, 103, 57, 0.08); - color: rgba(255, 103, 57, 1); -} - -.nav-header .login-in .login-menu .login-menu-item .real-name { - display: inline-block; - text-align: center; - border: 1px solid #FF6739; - color: rgba(255, 103, 57, 1); +.nav-header .login-in .login-menu .login-menu-item:hover { + background: rgba(29, 78, 216, 0.08); + color: rgba(29, 78, 216, 1); +} + +.nav-header .login-in .login-menu .login-menu-item .real-name { + display: inline-block; + text-align: center; + border: 1px solid #1D4ED8; + color: rgba(29, 78, 216, 1); font-size: 12px; width: 44px; height: 18px; @@ -408,8 +408,8 @@ color: rgba(255, 255, 255, 0.50); } -.footer .link-hover:hover { - color: rgba(255, 103, 57, 1); +.footer .link-hover:hover { + color: rgba(29, 78, 216, 1); } .footer .footer-link a { @@ -417,9 +417,9 @@ color: rgba(255, 255, 255, 0.50); } -.footer .footer-link a:hover { - margin-right: 10px; - color: rgba(255, 103, 57, 1); +.footer .footer-link a:hover { + margin-right: 10px; + color: rgba(29, 78, 216, 1); } .footer .footer-record { @@ -453,14 +453,14 @@ margin-right: 0 !important; } -.jr-tabs .title.swiper-slide-thumb-active { - color: rgba(255, 103, 57, 1); - border-bottom: 2px solid #FF6739; -} - -.jr-tabs .title:hover { - color: rgba(255, 103, 57, 1); - border-bottom: 2px solid #FF6739; +.jr-tabs .title.swiper-slide-thumb-active { + color: rgba(29, 78, 216, 1); + border-bottom: 2px solid #1D4ED8; +} + +.jr-tabs .title:hover { + color: rgba(29, 78, 216, 1); + border-bottom: 2px solid #1D4ED8; } @@ -577,15 +577,15 @@ position: relative; } -.input-search input { +.input-search input { padding-left: 15px; font-size: 20px; margin-top: 30px; margin-bottom: 20px; width: 30%; height: 56px; - background: #FFFFFF; - border: 1px solid #FF6739; + background: #FFFFFF; + border: 1px solid #1D4ED8; } .trademark-box .input-search input { @@ -596,19 +596,19 @@ border-right: none; } -.input-search .search-btn { - cursor: pointer; - color: #fff; - margin-top: 30px; - margin-bottom: 20px; - padding: 18px 32px; - background: rgba(255, 103, 57, 1); +.input-search .search-btn { + cursor: pointer; + color: #fff; + margin-top: 30px; + margin-bottom: 20px; + padding: 18px 32px; + background: rgba(29, 78, 216, 1); } -.input-search .input-search-select { +.input-search .input-search-select { cursor: pointer; text-align: center; line-height: 56px; @@ -616,13 +616,13 @@ height: 56px; margin-top: 30px; margin-bottom: 20px; - background: #fff; - border: 1px solid #FF6739; + background: #fff; + border: 1px solid #1D4ED8; border-left: none; } -.input-search .input-search-left-select { - border: 1px solid #FF6739; +.input-search .input-search-left-select { + border: 1px solid #1D4ED8; border-right: none; } @@ -687,9 +687,9 @@ border: 1px solid #E6EAED; } -.input-search .input-search-select .select-box-item:hover { - border: 1px solid #FF6739; - color: #FF6739; +.input-search .input-search-select .select-box-item:hover { + border: 1px solid #1D4ED8; + color: #1D4ED8; } .input-search .input-search-select .iconfont { @@ -713,20 +713,20 @@ border: none; } -.link-search-group .price { - margin-left: 5px; - color: rgba(255, 103, 57, 1); +.link-search-group .price { + margin-left: 5px; + color: rgba(29, 78, 216, 1); } /* 分页 */ -.jr-page .pagination .page-number.active { - color: #fff; - border: 1px solid rgba(255, 103, 57, 1); - background: rgba(255, 103, 57, 1); -} - -.jr-page .pagination .page-number:hover { - background: rgba(255, 103, 57, 1); +.jr-page .pagination .page-number.active { + color: #fff; + border: 1px solid rgba(29, 78, 216, 1); + background: rgba(29, 78, 216, 1); +} + +.jr-page .pagination .page-number:hover { + background: rgba(29, 78, 216, 1); color: #fff !important; } @@ -872,9 +872,9 @@ border-radius: 3px; } -.aside-tools .tools-list .tools-item .tools-box .button:hover { - border: 1px solid #FF6739; - ; +.aside-tools .tools-list .tools-item .tools-box .button:hover { + border: 1px solid #1D4ED8; + ; } @@ -901,4 +901,4 @@ .nav-content a { width: calc(33.33% - 14px); } -} \ No newline at end of file +} diff --git a/common/theme.css b/common/theme.css index 306af4e..260078f 100644 --- a/common/theme.css +++ b/common/theme.css @@ -19,8 +19,8 @@ h5 { font-size: 20px; } -.font-theme { - color: #FF6739; +.font-theme { + color: #1D4ED8; } textarea { @@ -59,8 +59,8 @@ a { text-decoration: none; } -a:hover { - color: rgba(255, 103, 57, 1) !important; +a:hover { + color: rgba(29, 78, 216, 1) !important; text-decoration: none !important; } @@ -68,8 +68,8 @@ a:hover { cursor: pointer; } -.link-hover:hover { - color: rgba(255, 103, 57, 1) !important; +.link-hover:hover { + color: rgba(29, 78, 216, 1) !important; } .title-desc { @@ -117,18 +117,18 @@ a:hover { padding: 8px 32px; } -.btn-normal { - color: #fff; - background: #FF6739; -} - -.btn-normal:active { - background: #E45931; -} - -.btn-normal:hover { - color: #fff; - background: #FF754C; +.btn-normal { + color: #fff; + background: #1D4ED8; +} + +.btn-normal:active { + background: #1840b3; +} + +.btn-normal:hover { + color: #fff; + background: #2563eb; } .btn-normal:disabled { @@ -141,9 +141,9 @@ a:hover { border: 1px solid #E6EAED; } -.btn-normal-light:hover { - border: 1px solid #FF6739; - color: #FF6739; +.btn-normal-light:hover { + border: 1px solid #1D4ED8; + color: #1D4ED8; } .btn-dark { @@ -151,17 +151,17 @@ a:hover { background: rgba(65, 65, 65, 1); } -.btn-dark:hover { - color: #fff; - background: #FF754C; -} +.btn-dark:hover { + color: #fff; + background: #2563eb; +} -.btn-orgin { - color: rgba(255, 255, 255, 0.9); - background: #FF6739; -} - -.btn-orgin:hover { - color: #fff; - background: #FF754C; -} \ No newline at end of file +.btn-orgin { + color: rgba(255, 255, 255, 0.9); + background: #1D4ED8; +} + +.btn-orgin:hover { + color: #fff; + background: #2563eb; +} diff --git a/css/index.css b/css/index.css index 3d01d52..286e6f3 100644 --- a/css/index.css +++ b/css/index.css @@ -133,13 +133,13 @@ body#index .banner .banner-cont .swiper-wrapper { } .banner-s .banner-list .banner-item:hover h5 { - color: #FF6739; + color: #1D4ED8; } .banner-list .banner-item .banner-tag { font-size: 12px; - color: #FF6739; - border: 1px solid #FF6739; + color: #1D4ED8; + border: 1px solid #1D4ED8; padding: 5px 8px; border-radius: 3px; } @@ -170,8 +170,8 @@ body#index .banner .banner-cont .swiper-wrapper { } -.service .service-box:hover h4 { - color: #FF6739; +.service .service-box:hover h4 { + color: #1D4ED8; } .service .service-hot::before { @@ -276,9 +276,9 @@ body#index .banner .banner-cont .swiper-wrapper { top: -10px; } -.resolve-content .resolve-box:hover h4, -.resolve-content .resolve-box:hover .resolve-link { - color: rgba(255, 103, 57, 1); +.resolve-content .resolve-box:hover h4, +.resolve-content .resolve-box:hover .resolve-link { + color: rgba(29, 78, 216, 1); } .resolve-content .resolve-box h4 { @@ -438,11 +438,11 @@ body#index .banner .banner-cont .swiper-wrapper { .news-content .news-head .news-title::before { content: ''; width: 2px; - height: 20px; - position: absolute; - left: 0; - top: 0; - background: #FF6739; + height: 20px; + position: absolute; + left: 0; + top: 0; + background: #1D4ED8; } @@ -462,16 +462,16 @@ body#index .banner .banner-cont .swiper-wrapper { border-bottom: 1px dashed #E6EAED; } -.news-content .news-cont .news-item:nth-child(1) .number { - background: rgba(255, 103, 57, 1); -} - -.news-content .news-cont .news-item:nth-child(2) .number { - background: rgba(255, 103, 57, 1); -} - -.news-content .news-cont .news-item:nth-child(3) .number { - background: rgba(255, 103, 57, 1); +.news-content .news-cont .news-item:nth-child(1) .number { + background: rgba(29, 78, 216, 1); +} + +.news-content .news-cont .news-item:nth-child(2) .number { + background: rgba(29, 78, 216, 1); +} + +.news-content .news-cont .news-item:nth-child(3) .number { + background: rgba(29, 78, 216, 1); } .news-content .news-item .number { @@ -492,8 +492,8 @@ body#index .banner .banner-cont .swiper-wrapper { color: rgba(0, 0, 0, 0.90); } -.news-content .news-item .title:hover { - color: rgba(255, 103, 57, 1); +.news-content .news-item .title:hover { + color: rgba(29, 78, 216, 1); } .news-content .news-item .time { diff --git a/js/globe.js b/js/globe.js index 3db7aa7..0dba3c3 100644 --- a/js/globe.js +++ b/js/globe.js @@ -105,10 +105,10 @@ .polygonsData(landGeo) .polygonCapMaterial( new THREE.MeshLambertMaterial({ - // 橙色陆地，靠近阿里云风格，配合蓝白背景形成冷暖对比 - color: "#FF6A00", + // 略亮的科技蓝色陆地，带一点透明度，避免看起来发黑 + color: "#1D4ED8", transparent: true, - opacity: 0.9, + opacity: 0.85, side: THREE.DoubleSide, }) )