From 82eceb0c9a6fa225aca43ed3edec1b25da9e1063 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 06 六月 2024 18:48:50 +0800
Subject: [PATCH] 舞蹈优化

---
 src/books/artAndDance/assets/main.less |  141 ++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 134 insertions(+), 7 deletions(-)

diff --git a/src/books/artAndDance/assets/main.less b/src/books/artAndDance/assets/main.less
index 660c3bd..5642906 100644
--- a/src/books/artAndDance/assets/main.less
+++ b/src/books/artAndDance/assets/main.less
@@ -64,8 +64,8 @@
 
   .img {
     text-align: center;
-    font-size: 0.8em;
-    color: #5d78bb;
+    font-size:18px;
+    color: #000;
     margin-left: 0%;
     margin-right: 0%;
     text-indent: 0em;
@@ -159,7 +159,7 @@
   h2.whleft2 {
     text-align: left;
     color: #af0206;
-    font-size: 1.2em;
+    font-size: 38px;
     margin-top: 0.2em;
     margin-bottom: 0.2em;
     text-indent: 0em;
@@ -169,10 +169,11 @@
     font-family: "STKaiti";
     color: #ef495d;
     font-weight: bold;
-    font-size: 1.15em;
+    // font-size: 1.15em;
+    font-size: 26px;
     margin-top: 2em;
     text-align: center;
-    margin-bottom: 2em;
+    margin-bottom: 20px;
     text-indent: 0em;
   }
 
@@ -290,9 +291,11 @@
   }
   .block2 {
     font-family: "STKaiti";
-    font-size: 1.15em;
+    // font-size: 1.15em;
+    font-size: 26px;
     text-align: center;
     text-indent: 0em;
+    margin: 6px 0;
   }
 
   .bj1 {
@@ -327,8 +330,9 @@
 
   // 鑷畾涔�
   .page-box {
+    position: relative;
     box-sizing: border-box;
-    min-height: 1150px !important;
+    min-height: 1150px;
     margin-bottom: 20px;
     box-shadow: 0 3px 6px 1px #00000029;
     background-color: #fff;
@@ -350,4 +354,127 @@
   .ju-bt {
     justify-content: space-between;
   }
+  .ju-end {
+    justify-content: flex-end;
+  }
+  .al-cn {
+    align-items: center;
+  }
+  .wh-nr {
+    white-space: nowrap;
+  }
+  .w100 {
+    width: 100%;
+  }
+  .m0 {
+    margin: 0;
+  }
+  .mr-8 {
+    margin-right: 8px;
+  }
+  .mt-20 {
+    margin-top: 20px;
+  }
+  .mt-40 {
+    margin-top: 40px !important;
+  }
+  .mb-20 {
+    margin-bottom: 20px;
+  }
+  .mb-40 {
+    margin-bottom: 40px;
+  }
+  .ml-40 {
+    margin-left: 40px;
+  }
+  .mr-40 {
+    margin-right: 40px;
+  }
+  .pg-mh {
+    min-height: 1150px;
+  }
+  .dl-ib {
+    display: inline-block;
+  }
+  .w-min {
+    width: min-content;
+  }
+  .w40 {
+    width: 40px;
+  }
+  .pb-box {
+    position: absolute;
+    bottom: 0;
+  }
+  .m16-0 {
+    margin: 16px 0;
+  }
+  .fm-son {
+    font-family: "瀹嬩綋", SimSun, sans-serif;
+  }
+  .auido-text {
+    font-size: 22px;
+    font-family: "FangSong", "PMingLiU", serif;
+    font-weight: bold;
+  }
 }
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 430px) {
+  .ans-dance  {
+    .page-box {
+      min-height: 750px;
+    }
+    .pg-mh {
+      min-height: 815px;
+    }
+  }
+}
+@media (max-width: 660px) {
+  .ans-dance {
+    /* 鍒嗛〉padding */
+    .page-padding {
+      padding: 104px 20px;
+    }
+    .padding-96 {
+      padding: 0 20px;
+    }
+    /* video澶у皬 */
+    .video-box {
+      max-width: 260px;
+    }
+    .audio-box {
+      margin-top: 20px;
+      flex-wrap: wrap;
+      li {
+        width: 100%;
+      }
+      li:nth-child(2) {
+        margin-top: 10px;
+      }
+    }
+  }
+}
+@media (min-width: 660px) {
+  .ans-dance {
+    .page-padding {
+      padding: 104px 96px;
+    }
+    .padding-96 {
+      padding: 0 96px;
+    }
+    .video-box {
+      max-width: 370px;
+    }
+    .audio-box {
+      margin-top: 20px;
+      flex-wrap: nowrap;
+      li {
+        width: 58%;
+      }
+      li:nth-child(2) {
+        margin-left: 10px;
+      }
+    }
+  }
+}
\ No newline at end of file

--
Gitblit v1.9.1