YM
2024-05-31 8ed02cf40e1373bf02e0b193f27d3437e90bcdef
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;
@@ -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,6 +330,7 @@
  // 自定义
  .page-box {
    position: relative;
    box-sizing: border-box;
    min-height: 1150px !important;
    margin-bottom: 20px;
@@ -350,7 +354,77 @@
  .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;
  }
  .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;
  }
}
/* 媒体查询做基础响应式布局 */
@media (max-width: 660px) {
  .ans-dance {
    /* 分页padding */
    .page-padding {
      padding: 104px 20px;
    }
    .padding-96 {
      padding: 0 20px;
    }
    /* video大小 */
    .video-box {
      max-width: 260px;
    }
  }
}
@media (min-width: 660px) {
  .ans-dance {
    .page-padding {
      padding: 104px 96px;
    }
    .padding-96 {
      padding: 0 96px;
    }
    .video-box {
      max-width: 370px;
    }
  }
}