user1
2024-06-17 f99d327dd2a9923c511373e76eef533457e4af32
src/books/artAndDrama/assets/main.less
@@ -1,7 +1,7 @@
.ans-drama {
    width: 100%;
    height: 100%;
    font-family: "宋体", SimSun, sans-serif;
    font-family: "STKaiti", SimSun, sans-serif;
span.un1{
    -webkit-text-emphasis-style:dot;
   -moz-text-emphasis-style:dot;
@@ -50,8 +50,9 @@
div.bodystyle {
  font-size:18px;
  text-align:justify;
  margin:5%;
  margin:5% 15%;
  line-height:30px;
}
span.zt-0
@@ -102,7 +103,8 @@
p
{
  margin-top:1em;
  // margin-top:1em;
  margin: 0;
  text-indent:2em;
  line-height:30px;
  font-size:18px;
@@ -169,7 +171,7 @@
  text-align:center;
  font-size:1.8em;
  color:#515594;
  margin-bottom:0.5cm;
  margin-bottom:0%;
  margin-top:0.5cm;
}
@@ -252,6 +254,7 @@
.img-0{   
width:100%;
height: auto;
}
.imz{
   width:96%;
@@ -421,7 +424,9 @@
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 1px #00000029;
    background-color: #fff;
    padding-bottom: 117px;
  }
  ul {
    list-style: none;
    margin: 0;
@@ -510,10 +515,19 @@
      outline: none;
    }
  }
  // 整行的input标签
  .input-w-66{
    width: 66%;
  }
  .headerimg{
    margin-left: 5%;
  }
  .page-footer {
    position: relative;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    /* 垂直居中 */
  }
  
@@ -591,20 +605,13 @@
  }
}
/* 媒体查询做基础响应式布局 */
@media (max-width: 430px) {
    .ans-drama  {
      .page-box {
        min-height: 750px;
      }
      .pg-mh {
        min-height: 815px !important;
      }
    }
  }
@media (max-width: 660px) {
    .ans-drama {
      /* 分页padding */
      .page-padding {
            .pg-mh {
        min-height: 815px !important;
      }
       /* 分页padding */
       .page-padding {
        padding: 104px 20px;
      }
      .padding-96 {