feat: 联系我们 - 客户服务

2025-04-21 17:30:50 +08:00
parent 6f9c4fa858
commit 8d508b9c84
6 changed files with 202 additions and 0 deletions
--- a/public/static/index/css/contactus_index.css
+++ b/public/static/index/css/contactus_index.css
@@ -0,0 +1,96 @@
+.narskfPage {
+    width: 100%;
+    height: 100%;
+    background: #F5F5F5;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    overflow-y: auto;
+}
+.narskfPage .narskf-content {
+    display: flex;
+    flex-direction: column;
+    margin: 0 auto;
+    padding-top: 3.5rem;
+    padding-bottom: 9.25rem;
+}
+.narskfPage .narskf-content .narskf-ct-row {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit {
+    width: 18rem;
+    height: 17.25rem;
+    border-radius: 0.125rem;
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: #fff;
+    cursor: pointer;
+    position: relative;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit .narskf-title {
+    color: #262626;
+    font-size: 1.125rem;
+    padding-top: 1.6875rem;
+    padding-bottom: 0.375rem;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit .narskf-sm {
+    color: #9a9a9a;
+    font-size: 1rem;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit .narskf-font-26 {
+    color: #262626 !important;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit .narskico-img {
+    width: 3.75rem;
+    height: 3.75rem;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit .narskfactive-ewm {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    display: none;
+    align-items: center;
+    justify-content: center;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit .narskfactive-ewm p,
+.narskfPage .narskf-content .narskf-ct-row .narskfit .narskfactive-ewm img {
+    width: 11rem;
+    width: 11rem;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit2 {
+    width: 37rem;
+    height: 11.25rem;
+    flex-direction: row;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskico-img {
+    margin-right: 1.5rem;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskfit2-ct {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskfit2-ct .narskf-title {
+    padding-top: 0;
+    font-size: 1.5rem;
+    padding-bottom: 0.375rem;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskfit2-ct .narskf-sm {
+    font-size: 1.25rem;
+    color: #9A9A9A;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit:last-child {
+    margin-right: 0rem;
+}
+.narskfPage .narskf-content .narskf-ct-row .narskfit:hover .narskfactive-ewm {
+    display: flex;
+}