From b8edd410b52672ac45748862562d069a5c1bd9d0 Mon Sep 17 00:00:00 2001 From: spylecym <1262965753@qq.com> Date: Wed, 2 Aug 2023 15:25:16 +0800 Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=A2=9E=E5=8A=A0=E5=BA=95?= =?UTF-8?q?=E9=83=A8=E5=A4=87=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/site/css/common.css | 670 +++++++++++++++++++++++----------- public/site/css/rem.css | 3 + public/site/en/about.html | 8 +- public/site/en/download.html | 8 +- public/site/en/help.html | 11 +- public/site/en/index.html | 8 +- public/site/en/log.html | 8 +- public/site/en/price.html | 8 +- public/site/en/product.html | 8 +- public/site/en/solutions.html | 8 +- public/site/img/beian.png | Bin 0 -> 1286 bytes public/site/zh/about.html | 8 +- public/site/zh/download.html | 8 +- public/site/zh/help.html | 8 +- public/site/zh/index.html | 8 +- public/site/zh/log.html | 8 +- public/site/zh/price.html | 8 +- public/site/zh/product.html | 8 +- public/site/zh/solutions.html | 8 +- 19 files changed, 555 insertions(+), 249 deletions(-) create mode 100644 public/site/img/beian.png diff --git a/public/site/css/common.css b/public/site/css/common.css index c0aa56d53..53b08bc60 100644 --- a/public/site/css/common.css +++ b/public/site/css/common.css @@ -6,225 +6,272 @@ body { font-style: normal; font-size: 16px; } + * { margin: 0; padding: 0; } -ul,ol{ + +ul, +ol { list-style: none; } -i{ + +i { font-style: normal; } -a{ + +a { color: var(--text-color); text-decoration: none; cursor: pointer; } + img { max-width: 100%; height: auto; display: block; } -.theme_dark{ + +.theme_dark { display: none; } -.theme_light{ + +.theme_light { display: block; } + /* 字体样式 */ -.txt-4001416{ +.txt-4001416 { font-weight: 400; font-size: 14px; line-height: 16px; } -.txt-4001418{ + +.txt-4001418 { font-weight: 400; font-size: 14px; line-height: 18px; } -.txt-4001516{ + +.txt-4001516 { font-weight: 400; font-size: 15px; line-height: 16px; } -.txt-4001520{ + +.txt-4001520 { font-weight: 400; font-size: 15px; line-height: 20px; } -.txt-4001524{ + +.txt-4001524 { font-weight: 400; font-size: 15px; line-height: 24px; } -.txt-4001616{ + +.txt-4001616 { font-weight: 400; font-size: 16px; line-height: 16px; } -.txt-4001620{ + +.txt-4001620 { font-weight: 400; font-size: 16px; line-height: 20px; } -.txt-4001624{ + +.txt-4001624 { font-weight: 400; font-size: 16px; line-height: 24px; } -.txt-4001630{ + +.txt-4001630 { font-weight: 400; font-size: 16px; line-height: 30px; } -.txt-4001822{ + +.txt-4001822 { font-weight: 400; font-size: 18px; line-height: 22px; } -.txt-4001824{ + +.txt-4001824 { font-weight: 400; font-size: 18px; line-height: 24px; } -.txt-4001830{ + +.txt-4001830 { font-weight: 400; font-size: 18px; line-height: 30px; } -.txt-4002025{ + +.txt-4002025 { font-weight: 400; font-size: 20px; line-height: 25px; } -.txt-4003645{ + +.txt-4003645 { font-weight: 400; font-size: 36px; line-height: 45px; } -.txt-5001616{ + +.txt-5001616 { font-weight: 500; font-size: 16px; line-height: 16px; } -.txt-5001624{ + +.txt-5001624 { font-weight: 500; font-size: 16px; line-height: 24px; } -.txt-5001528{ + +.txt-5001528 { font-weight: 500; font-size: 15px; line-height: 28px; } -.txt-5001628{ + +.txt-5001628 { font-weight: 500; font-size: 16px; line-height: 28px; } -.txt-5001822{ + +.txt-5001822 { font-weight: 500; font-size: 18px; line-height: 22px; } -.txt-5002016{ + +.txt-5002016 { font-weight: 500; font-size: 20px; line-height: 16px; } -.txt-5002024{ + +.txt-5002024 { font-weight: 500; font-size: 20px; line-height: 24px; } -.txt-5002025{ + +.txt-5002025 { font-weight: 500; font-size: 20px; line-height: 25px; } -.txt-5002228{ + +.txt-5002228 { font-weight: 500; font-size: 22px; line-height: 28px; } -.txt-5002835{ + +.txt-5002835 { font-weight: 500; font-size: 28px; line-height: 35px; } -.txt-5002430{ + +.txt-5002430 { font-weight: 500; font-size: 24px; line-height: 30px; } -.txt-5003636{ + +.txt-5003636 { font-weight: 500; font-size: 36px; line-height: 36px; } -.txt-5003645{ + +.txt-5003645 { font-weight: 500; font-size: 36px; line-height: 45px; } -.txt-5004455{ + +.txt-5004455 { font-weight: 500; font-size: 44px; line-height: 55px; } -.txt-6002025{ + +.txt-6002025 { font-weight: 600; font-size: 20px; line-height: 25px; } -.txt-6002430{ + +.txt-6002430 { font-weight: 600; font-size: 24px; line-height: 30px; } -.txt-6002835{ + +.txt-6002835 { font-weight: 600; font-size: 28px; line-height: 35px; } -.txt-6003645{ + +.txt-6003645 { font-weight: 600; font-size: 36px; line-height: 45px; } -.txt-6003652{ + +.txt-6003652 { font-weight: 600; font-size: 36px; line-height: 52px; } -.txt-6005670{ + +.txt-6005670 { font-weight: 600; font-size: 56px; line-height: 70px; } -.txt-6007290{ + +.txt-6007290 { font-weight: 600; font-size: 72px; line-height: 90px; } -.txt-7002027{ + +.txt-7002027 { font-weight: 700; font-size: 20px; line-height: 27px; } -.txt-7003240{ + +.txt-7003240 { font-weight: 700; font-size: 32px; line-height: 40px; } -.txt-7003645{ + +.txt-7003645 { font-weight: 700; font-size: 36px; line-height: 45px; } + /* button样式 */ -.btn{ +.btn { padding: 10px 16px; border-radius: 8px; border: 1px solid transparent; @@ -234,50 +281,59 @@ img { display: inline-block; white-space: nowrap; text-align: center; - transition: all .2s cubic-bezier(.645,.045,.355,1); + transition: all .2s cubic-bezier(.645, .045, .355, 1); user-select: none; touch-action: manipulation; width: 100%; font-size: 16px; line-height: 18px; } -.btn-primary{ + +.btn-primary { background-color: var(--txt-theme-color); color: #fff; } -.btn-primary:hover{ + +.btn-primary:hover { background-color: var(--btn-hover-color); } -.btn-green{ + +.btn-green { color: var(--txt-theme-color); border-color: var(--txt-theme-color); background-color: transparent; } -.btn-green:hover{ + +.btn-green:hover { color: #fff; border-color: var(--txt-theme-color); background-color: var(--txt-theme-color); } -.btn-wwg{ + +.btn-wwg { color: #fff; border-color: #fff; background-color: var(--txt-theme-color); } -.btn-default{ + +.btn-default { color: var(--txt-gray-color); border-color: var(--border-color); background-color: transparent; } -.btn-default:hover{ + +.btn-default:hover { color: var(--txt-theme-color); border-color: var(--txt-theme-color); } -.btn-gw{ + +.btn-gw { color: var(--txt-theme-color); background-color: #fff; } + /* input样式 */ -.input{ +.input { box-sizing: border-box; padding: 9px 13px; height: 44px; @@ -288,15 +344,18 @@ img { transition: all 0.2s; font-size: 15px; } -.input::placeholder{ + +.input::placeholder { color: var(--txt-gray-color) !important; opacity: .5; } + .input:focus { - outline:none; + outline: none; border: 1px solid var(--txt-theme-color); } -.textarea{ + +.textarea { box-sizing: border-box; padding: 9px 13px; color: var(--text-color); @@ -306,19 +365,23 @@ img { transition: all 0.2s; font-size: 15px; } -.textarea::placeholder{ + +.textarea::placeholder { color: var(--txt-gray-color) !important; opacity: .5; } + .textarea:focus { - outline:none; + outline: none; border: 1px solid var(--txt-theme-color); } -.search-form{ + +.search-form { display: none; position: relative; } -.search-input{ + +.search-input { box-sizing: border-box; display: flex; flex-direction: row; @@ -333,15 +396,18 @@ img { transition: all 0.2s; font-size: 15px; } -.search-input::placeholder{ + +.search-input::placeholder { color: var(--txt-gray-color) !important; opacity: .5; } + .search-input:focus { - outline:none; + outline: none; border: 1px solid var(--txt-theme-color); } -.search-icon{ + +.search-icon { display: inline-block; background: url(../img/search-icon.svg) no-repeat; width: 20px; @@ -351,14 +417,17 @@ img { left: 10px; z-index: 2; } -.from-ul{ + +.from-ul { width: 543px; } -.from-ul-item{ + +.from-ul-item { display: flex; flex-direction: column; } -.from-ul-tags{ + +.from-ul-tags { font-family: 'Lexend'; font-style: normal; font-weight: 400; @@ -366,112 +435,141 @@ img { line-height: 16px; color: var(--txt-gray-color); } -.input-txt{ + +.input-txt { padding: 10px 16px; background: var(--bg-fa-color); border: 1px solid var(--border-color); border-radius: 4px; } -.input-textArea{ + +.input-textArea { padding: 10px 16px; height: 120px; background: var(--bg-fa-color); border: 1px solid var(--border-color); border-radius: 4px; } + /* flex样式 */ -.flex-cc{ +.flex-cc { display: flex; align-items: center; justify-content: center; } -.flex-sc{ + +.flex-sc { display: flex; align-items: flex-start; justify-content: center; } + /* grid样式 */ -.grid-4{ +.grid-4 { display: grid !important; grid-template-columns: 480px 266px 266px 266px; } + /* padding样式 */ -.pl-26{ +.pl-26 { padding-left: 26px; } + /* margin样式 */ -.mb-4{ +.mb-4 { margin-bottom: 4px; } -.mb-8{ + +.mb-8 { margin-bottom: 8px; } -.mb-12{ + +.mb-12 { margin-bottom: 12px; } -.mb-16{ + +.mb-16 { margin-bottom: 16px; } -.mb-24{ + +.mb-24 { margin-bottom: 24px; } -.mb-32{ + +.mb-32 { margin-bottom: 32px; } -.mb-36{ + +.mb-36 { margin-bottom: 36px; } -.mb-40{ + +.mb-40 { margin-bottom: 40px; } -.mb-48{ + +.mb-48 { margin-bottom: 48px; } -.mb-56{ + +.mb-56 { margin-bottom: 56px; } -.mb-64{ + +.mb-64 { margin-bottom: 64px; } -.mb-80{ + +.mb-80 { margin-bottom: 80px; } -.mr-12{ + +.mr-12 { margin-right: 12px; } -.mr-16{ + +.mr-16 { margin-right: 16px; } -.mr-20{ + +.mr-20 { margin-right: 20px; } -.mr-24{ + +.mr-24 { margin-right: 24px; } -.mr-48{ + +.mr-48 { margin-right: 48px; } -.mt-16{ + +.mt-16 { margin-top: 16px; } -.mt-40{ + +.mt-40 { margin-top: 40px; } -.mt-80{ + +.mt-80 { margin-top: 80px; } + /* header布局 */ -.head{ +.head { position: relative; background-color: var(--bg-color); } -.head-con{ + +.head-con { width: 100%; max-width: 1280px; margin: 0 auto; } + /* 导航栏样式 */ -.nav{ +.nav { display: block; background-color: transparent; width: 100%; @@ -481,7 +579,8 @@ img { position: fixed; top: 0; } -.nav-layout{ + +.nav-layout { width: 100%; max-width: 1280px; margin: 0 auto; @@ -490,72 +589,88 @@ img { align-items: center; justify-content: space-between; } + .navbar-white { background-color: var(--pop-bg-color); box-shadow: 0px 4px 9px var(--box-shadow-color); } -.topics{ + +.topics { position: relative; width: 100%; } -.topics-con{ + +.topics-con { padding-top: 200px; max-width: 1280px; width: 100%; margin: 0 auto; } -.topics-layout{ + +.topics-layout { display: flex; justify-content: center; flex-direction: column; align-items: center; } -.topics-tit,.topics-btn{ +.topics-tit, +.topics-btn { opacity: 0; transform: translateY(100px); - animation: fadeSlideIn1 0.7s ease-in-out forwards; /* 应用动画效果 */ + animation: fadeSlideIn1 0.7s ease-in-out forwards; + /* 应用动画效果 */ } -.topics-h4{ + +.topics-h4 { width: 680px; color: var(--txt-gray-color); text-align: center; opacity: 0; transform: translateY(100px); - animation: fadeSlideIn1 0.7s ease-in-out forwards; /* 应用动画效果 */ + animation: fadeSlideIn1 0.7s ease-in-out forwards; + /* 应用动画效果 */ } + /* 定义动画 */ @keyframes fadeSlideIn1 { from { opacity: 0; transform: translateY(100px); } + to { opacity: 1; transform: translateY(0); } } -.topics-h1-green{ + +.topics-h1-green { color: var(--txt-theme-color); position: relative; text-align: center; } -.topics-h1{ + +.topics-h1 { color: var(--text-color); text-align: center; } -.topics-btn{ + +.topics-btn { margin-bottom: 64px; } -.topics-tit-en{ + +.topics-tit-en { width: 896px; text-align: center; } -.topics-h4-en{ + +.topics-h4-en { width: 660px; text-align: center; } -.arcs{ + +.arcs { display: inline-block; position: absolute; width: 95%; @@ -563,17 +678,20 @@ img { left: 0; top: 83px; } -.home-pic{ + +.home-pic { display: block; width: 100%; max-width: 1280px; /* height: 580px; */ } + /* 抽屉菜单 */ -.menuBtn{ +.menuBtn { display: none; cursor: pointer; } + .drawer { position: fixed; top: 0; @@ -587,87 +705,107 @@ img { transition: all 0.5s ease-in-out; z-index: 999; } -.drawer-t{ + +.drawer-t { display: flex; justify-content: space-between; align-items: center; } -.close-drawer{ + +.close-drawer { display: inline-block; margin-bottom: 10px; cursor: pointer; color: var(--txt-gray-color); font-size: 20px; } + .open-drawer { left: 0; } -.drawer-item-t{ + +.drawer-item-t { border-bottom: 1px solid var(--border-color); } -.drawer .drawer-item{ + +.drawer .drawer-item { cursor: pointer; position: relative; } -.drawer .drawer-item>a{ + +.drawer .drawer-item>a { padding: 16px; display: inline-block; width: calc(100% - 36px); } -.drawer .drawer-item>i{ + +.drawer .drawer-item>i { padding: 16px; display: flex; width: calc(100% - 36px); } -.drawer .drawer-active .drawer-item{ + +.drawer .drawer-active .drawer-item { padding: 0 36px; } -.drawer .drawer-item .txt{ + +.drawer .drawer-item .txt { color: var(--txt-gray-color); } -.drawer .drawer-item:hover{ + +.drawer .drawer-item:hover { background-color: var(--bg-hover-color); border-radius: 4px; } -.drawer .drawer-item:hover .txt{ + +.drawer .drawer-item:hover .txt { color: var(--text-color); } -.logo{ + +.logo { display: flex; align-items: center; } -.dootask{ + +.dootask { margin-left: 16px; color: var(--text-color); } -.nav-ul{ + +.nav-ul { display: flex; align-items: center; justify-content: space-between; width: 545px; } -.nav-ul-item{ + +.nav-ul-item { display: inline-block; position: relative; } -.nav-vector{ + +.nav-vector { margin-left: 5px; } -.nav-ul-item .txt{ + +.nav-ul-item .txt { padding: 7px 8px; color: var(--txt-gray-color); } -.nav-ul-item .txt:hover{ + +.nav-ul-item .txt:hover { background-color: var(--bg-hover-color); border-radius: 6px; color: var(--text-color); } -.nav-ul-item .support-active{ + +.nav-ul-item .support-active { background-color: var(--bg-hover-color); border-radius: 6px; color: var(--text-color); } -.submenu-pop{ + +.submenu-pop { position: absolute; top: 40px; left: -38px; @@ -681,53 +819,64 @@ img { width: 150px; text-align: start; } -.submenu-pop .submenu-pop-item{ + +.submenu-pop .submenu-pop-item { cursor: pointer; } -.submenu-pop .submenu-pop-item .txt-sub{ + +.submenu-pop .submenu-pop-item .txt-sub { display: inline-block; padding: 9px 16px; color: var(--txt-gray-color); } -.submenu-pop .submenu-pop-item:hover{ + +.submenu-pop .submenu-pop-item:hover { background-color: var(--bg-hover-color); } -.submenu-pop .submenu-pop-item:hover .txt-sub{ + +.submenu-pop .submenu-pop-item:hover .txt-sub { color: var(--text-color); } -.nav-r{ + +.nav-r { width: 355px; display: flex; justify-content: space-between; align-items: center; position: relative; } -.nav-support{ + +.nav-support { display: flex; align-items: center; cursor: pointer; } -.line-1{ + +.line-1 { height: 24px; border: 1px solid var(--border-color); } -.nav-r a{ + +.nav-r a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--txt-gray-color); } -.nav-r-icon{ + +.nav-r-icon { height: 20px; cursor: pointer; } -.lang{ + +.lang { display: inline-block; height: 20px; cursor: pointer; } -.lang-pop{ + +.lang-pop { position: absolute; top: 40px; left: -38px; @@ -740,59 +889,72 @@ img { z-index: 99; text-align: start; } -.lang-pop .show{ + +.lang-pop .show { display: inline-block; } -.lang-pop .lang-pop-item{ + +.lang-pop .lang-pop-item { padding: 9px 16px; cursor: pointer; } -.lang-pop .lang-pop-item .lang-txt{ + +.lang-pop .lang-pop-item .lang-txt { font-weight: 400; font-size: 14px; line-height: 18px; color: var(--txt-gray-color); display: inline-block; } -.lang-pop .lang-pop-item:hover{ + +.lang-pop .lang-pop-item:hover { background-color: var(--bg-hover-color); } -.lang-pop .lang-pop-item:hover .lang-txt{ + +.lang-pop .lang-pop-item:hover .lang-txt { color: var(--text-color); } -.get-started{ + +.get-started { display: inline-block; } -.login-btn{ + +.login-btn { width: 84px; display: inline-block; } + /* 底部样式 */ -footer{ +footer { width: 100%; z-index: 2; position: relative; } -.footer-con{ + +.footer-con { width: 100%; max-width: 1280px; margin: 0 auto; } -.footer-layut{ + +.footer-layut { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 46px; border-bottom: var(--border-color) solid 1px; } -#qq_group{ + +#qq_group { position: relative; width: 164px; } -#qq_group:hover .group_code{ + +#qq_group:hover .group_code { display: flex; } -.group_code{ + +.group_code { display: none; position: absolute; bottom: 25px; @@ -803,7 +965,8 @@ footer{ justify-content: center; flex-direction: column; } -.group_num{ + +.group_num { display: inline-block; color: #fff; font-weight: 400; @@ -811,7 +974,8 @@ footer{ line-height: 16px; margin-top: 10px; } -.lower_triangle{ + +.lower_triangle { position: absolute; bottom: -4px; left: 70px; @@ -821,103 +985,126 @@ footer{ border-right: 5px solid transparent; border-top: 4px solid var(--code-bg-color); } -.footer-l{ + +.footer-l { display: flex; flex-direction: column; align-items: flex-start; width: 405px; } -.footer-l .logo{ + +.footer-l .logo { height: 36px; display: flex; align-items: center; margin-bottom: 24px; } -.footer-l .txt{ + +.footer-l .txt { color: var(--txt-gray-color); } -.footer-r{ + +.footer-r { width: 625px; } -.footer-r-ul{ + +.footer-r-ul { display: flex; justify-content: space-between; padding-bottom: 48px; } -.footer-ol-item{ + +.footer-ol-item { cursor: pointer; } -.footer-ol-item .txt{ + +.footer-ol-item .txt { color: var(--txt-gray-color); } -.footer-ol-item .code-svg{ + +.footer-ol-item .code-svg { display: block; height: 125px; } -.filings{ + +.filings { text-align: center; color: var(--txt-gray-color); padding: 24px 0; } -.footer-t{ + +.footer-t { position: relative; padding: 120px 0; } -.footer-t-con{ + +.footer-t-con { width: 100%; max-width: 1280px; margin: 0 auto; } -.footer-t-layout{ + +.footer-t-layout { display: flex; justify-content: space-between; align-items: flex-start; } -.footer-t-l{ + +.footer-t-l { width: 657px; } -.footer-t-h1{ + +.footer-t-h1 { font-weight: 500; font-size: 44px; line-height: 55px; color: var(--text-color); } -.footer-t-h6{ + +.footer-t-h6 { font-weight: 400; font-size: 18px; line-height: 30px; color: var(--txt-gray-color); } -.footer-t-contact{ + +.footer-t-contact { display: flex; justify-content: flex-start; align-items: center; } -.footer-t-contact-icon{ + +.footer-t-contact-icon { display: inline-block; width: 24px; height: 24px; } -.footer-t-contact-h6{ + +.footer-t-contact-h6 { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--text-color); } + /* 序号公共样式 */ -.serial-number{ +.serial-number { color: var(--txt-theme-color); } -.choose-con-item-h5{ + +.choose-con-item-h5 { color: var(--text-color); } -.choose-con-item-h6{ + +.choose-con-item-h6 { color: var(--txt-gray-color); } -.support .support-item{ + +.support .support-item { padding-bottom: 8px; } -.support .support-item .txt{ + +.support .support-item .txt { font-family: 'Lexend'; font-style: normal; font-weight: 400; @@ -925,86 +1112,137 @@ footer{ line-height: 24px; color: var(--txt-gray-color); } -.support .support-item:first-of-type{ + +.support .support-item:first-of-type { padding-bottom: 16px; } -.support .support-item:first-of-type .txt{ + +.support .support-item:first-of-type .txt { color: var(--text-color); font-weight: 500; } -.group .group-item{ + +.group .group-item { padding-bottom: 24px; } -.group .group-item .txt{ + +.group .group-item .txt { color: var(--text-color); font-weight: 500; font-size: 16px; line-height: 24px; } -.group .group-item .logo{ + +.group .group-item .logo { display: block; height: auto; } + /* 动画 style="--delay: 0s;" */ -.about-animate-box,.solutions-animate-box,.home-animate-box,.dow-animate-box{ +.about-animate-box, +.solutions-animate-box, +.home-animate-box, +.dow-animate-box { opacity: 0; transform: translateY(30%); } -.about-animate-box.animate,.price-animate-box.animate,.solutions-animate-box.animate,.home-animate-box.animate,.dow-animate-box.animate { - animation: fadeIn 0.7s cubic-bezier(0.61, -0.01, 0.57, 0.96) forwards var(--delay); /* 应用动画效果 */ + +.about-animate-box.animate, +.price-animate-box.animate, +.solutions-animate-box.animate, +.home-animate-box.animate, +.dow-animate-box.animate { + animation: fadeIn 0.7s cubic-bezier(0.61, -0.01, 0.57, 0.96) forwards var(--delay); + /* 应用动画效果 */ } + /* 定义动画 */ @keyframes fadeIn { from { opacity: 0; transform: translateY(30%); } + to { opacity: 1; transform: translateY(0); } } + #arc { animation: arcsFadeIn 2s ease-in-out; } + .arc-animate { animation: arcsFadeIn 2s ease-in-out; } + @keyframes arcsFadeIn { from { stroke-dashoffset: 600; } + to { stroke-dashoffset: 0; } } -.start_a{ - width: 100%; -} -.hide{ - display: none; -} -#cookieConsent{ - display: none; - width: 100%; - height: 180px; - background-color: rgba(0,0,0,.8); - position: fixed; - bottom: 0; - z-index: 9999; - color: #dfe4e8; - padding: 40px 50px; - box-sizing: border-box; - text-align: center; -} -#agreeButton{ - width: 130px; - position: absolute; - right: 80px; - bottom: 50px; -} -#cookie_a{ - color: #dfe4e8; - text-decoration-line: underline; + +.start_a { + width: 100%; } +.hide { + display: none; +} + +#cookieConsent { + display: none; + width: 100%; + height: 180px; + background-color: rgba(0, 0, 0, .8); + position: fixed; + bottom: 0; + z-index: 9999; + color: #dfe4e8; + padding: 40px 50px; + box-sizing: border-box; + text-align: center; +} + +#agreeButton { + width: 130px; + position: absolute; + right: 80px; + bottom: 50px; +} + +#cookie_a { + color: #dfe4e8; + text-decoration-line: underline; +} + +.footer_beian { + float: left; + height: 20px; + line-height: 20px; + margin: 0px 0px 0px 5px; + color: #939393; +} + +.footer_beian_a { + height: 20px; + line-height: 20px; + margin: 0px 0px 0px 5px; + color: #939393; + text-decoration: underline; + display: inline-block; + height: 20px; + line-height: 20px; +} + +.footer_copyright { + display: flex; + margin: 0 auto; + align-items: center; + justify-content: center; +} \ No newline at end of file diff --git a/public/site/css/rem.css b/public/site/css/rem.css index a557bdfd9..978d1d15c 100644 --- a/public/site/css/rem.css +++ b/public/site/css/rem.css @@ -788,4 +788,7 @@ .help-l-ul{ width: auto !important; } + .footer_copyright{ + flex-direction: column; + } } \ No newline at end of file diff --git a/public/site/en/about.html b/public/site/en/about.html index 5ee17e090..e041efde5 100644 --- a/public/site/en/about.html +++ b/public/site/en/about.html @@ -380,8 +380,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/en/download.html b/public/site/en/download.html index 108acb2fc..db96d373b 100644 --- a/public/site/en/download.html +++ b/public/site/en/download.html @@ -329,8 +329,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/en/help.html b/public/site/en/help.html index 8c6a53b61..57c98bf65 100644 --- a/public/site/en/help.html +++ b/public/site/en/help.html @@ -2344,9 +2344,14 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. -
+ diff --git a/public/site/en/index.html b/public/site/en/index.html index db0c75f80..f13406e1d 100644 --- a/public/site/en/index.html +++ b/public/site/en/index.html @@ -513,8 +513,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/en/log.html b/public/site/en/log.html index e9d0ca6ee..ec98d7bbe 100644 --- a/public/site/en/log.html +++ b/public/site/en/log.html @@ -280,8 +280,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/en/price.html b/public/site/en/price.html index b2527ae72..b9796ecd0 100644 --- a/public/site/en/price.html +++ b/public/site/en/price.html @@ -762,8 +762,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/en/product.html b/public/site/en/product.html index 5ee28d2fa..e0b6da362 100644 --- a/public/site/en/product.html +++ b/public/site/en/product.html @@ -625,8 +625,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/en/solutions.html b/public/site/en/solutions.html index 448279c1b..7da43fd68 100644 --- a/public/site/en/solutions.html +++ b/public/site/en/solutions.html @@ -332,8 +332,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/img/beian.png b/public/site/img/beian.png new file mode 100644 index 0000000000000000000000000000000000000000..6deb02db84c529a71c1c79531dc507613c9a5cad GIT binary patch literal 1286 zcmex=LK$;OGwtxvPE3$wY!3HV(e}F-dgF%Ergqcx^fk}{&S&;Gn5e9jnPF6-R z04V|iMkZz!RyKAHPA+bsf~^7!OpMITOf1Z-tSmsQ8Eb*^3@n1ILW+itY{G$w>`H|q zMvW5}awt1(JSZA;@q>zSQc)8pmzcPOq?D?fx`w8fiK&^ng{76Vi>sTvho@I?NN8Ai zL}XNQN@`kqMrKxVNoiSmMP*fUOKV$uM`zch$y26In?7UatVN5LEM2yI#mZHiHgDOw zZTpU$yAB;ba`f2o6DLnyx_ss8wd*%--g@}x@sp>|p1*kc>f@)+U%r0({^RE_kiUST z0`V4*#Og0Wpud<{SeRMZLH=T7DhGL7kcCyzkWI)jkUgvh0Rl`w#LUFR#LUVJ1gvbVAi&1X z1_taC|uoHMiDXuirdp`+b3}i`TPWD(Sv2eOmO%b+zk}?SB6D0o&%kZF|bF zbNhdW{^}W1)!IrJPak`#{Vx88cKVySALl;`Kc-O={GsUcZ|+B8lOIXXzRMRId&^qZ z>u}I^!Pu9Vd}Z=P)dUv0PO(W@cI=?(&&ez6j?`~&@7;1&_@VvL)w$A#>-kEfPe<&D zFJ1WRQml7jrp%+_rS2Jla>j``{Wl-dHADPv}L`cx1h-#*(JC4gzGMu>~(opdDYho|GwCX{c*bV zPrJtA!atRak9)#?-JN2-np;#~d{*P1?Z-c=72NxJ@A=LB{vX#*`_GWV%N~63AFr$3 z#@xcJTfJ|OehIkqu{Z+r(Q|jjbc>kXvYTtC$dCA&|FT=j+-|MQa zTK&yldHvLjt)9-ea_)cK`TxSdBlbD(*)xtGF8J}8|J#e@ZFhS9tXcEa?fs*l#XB7m zcJEZUeq#UTE!Z zU+H-5f5+#4GC2C5A@2Tf(|XIoR<8Qjtp250*PXxG^!fkRe0}F{;KdSOYllm@UwqZ< rm9AZ633S^l8s5N~`7`;-e}?(T=2!(?fBWU-@rjui{yg1Q|NkZc98d - diff --git a/public/site/zh/download.html b/public/site/zh/download.html index 630195557..a8219e601 100644 --- a/public/site/zh/download.html +++ b/public/site/zh/download.html @@ -327,8 +327,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/zh/help.html b/public/site/zh/help.html index 03b631b21..cd2cd26af 100644 --- a/public/site/zh/help.html +++ b/public/site/zh/help.html @@ -733,8 +733,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/zh/index.html b/public/site/zh/index.html index d5b445f2f..3b8cbf567 100644 --- a/public/site/zh/index.html +++ b/public/site/zh/index.html @@ -512,8 +512,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/zh/log.html b/public/site/zh/log.html index df00f156c..8e8e9311a 100644 --- a/public/site/zh/log.html +++ b/public/site/zh/log.html @@ -280,8 +280,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/zh/price.html b/public/site/zh/price.html index cd7aa5e9c..06f7eaf22 100644 --- a/public/site/zh/price.html +++ b/public/site/zh/price.html @@ -763,8 +763,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/zh/product.html b/public/site/zh/product.html index 7eddb3522..4bc92b162 100644 --- a/public/site/zh/product.html +++ b/public/site/zh/product.html @@ -627,8 +627,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +
diff --git a/public/site/zh/solutions.html b/public/site/zh/solutions.html index ef0220f0b..8033d181b 100644 --- a/public/site/zh/solutions.html +++ b/public/site/zh/solutions.html @@ -333,8 +333,12 @@ -
- Copyright © 2022-2023 DooTask. All rights reserved. +