音频（第五单元）

zhongshujie

2024-07-22 39886372d544c613c39c735d924283e119120566

 src/books/English/assets/main.less

@@ -235,7 +235,7 @@
    width: 96%;
    text-align: center;
  }

  
  .img-a {
    width: 95%;
  }
@@ -674,8 +674,14 @@
  .tl {
    text-align: left !important;
  }
  .de-cl{
    flex-direction: column;
  }
  .fl {
    display: flex;
  }
  .fd-c{
    flex-direction: column;
  }
  .fw-wr {
    flex-wrap: wrap;
@@ -697,6 +703,9 @@
  }
  .al-end {
    align-items: flex-end;
  }
  .fz-13{
    font-size: 13px;
  }
  .fz-14 {
    font-size: 14px;
@@ -726,6 +735,9 @@
  .mt-40 {
    margin-top: 40px;
  }
  .mr-20 {
    margin-right: 20px;
  }
  .wh-nr {
    white-space: nowrap;
  }
@@ -738,8 +750,41 @@
  .t0 {
    text-indent: 0;
  }
  .h50{
    height: 50%;
  }
  .w100 {
    width: 100%;
  }
  .w95 {
    width: 95%;
  }
  .w90 {
    width: 90%;
  }
  .w80 {
    width: 80%;
  }
  .w80x {
    width: 80px !important;
  }
  .w50 {
    width: 50%;
  }
  .w48 {
    width: 48%;
   }
  .w45{
    width: 45%;
  }
  .w35{
    width: 35%;
  }
  .w20{
    width: 20%;
  }
  .w10{
    width: 10%;
  }
  .pd-20 {
    padding: 0 20px;
@@ -845,6 +890,13 @@
  .tl-lf{
    text-align: left;
  }
  .tl-ju{
    text-align: justify;
  }
  .table-p{
    margin: 0%;
    text-indent: 0;
  }
  // 页码
  .preface-bottom {
    height: 104px;
@@ -875,7 +927,13 @@
  .input-bottom-border {
    border: 0;
    border-bottom: 1px solid #000000;
    width: 86%;
    &:focus {
      outline: none;
    }
  }
  .select-border {
    border: 0;
    border-bottom: 1px solid #767676;
    &:focus {
      outline: none;
    }
@@ -888,6 +946,12 @@
    &:focus {
      outline: none;
    }
  }
  .check-bc-t{
    background-color: transparent;
  }
  .select-bc-t{
    background-color: transparent;
  }
 .input-no-border{
  border: 0;
@@ -902,6 +966,7 @@
 .bor-t-n{
  border-top: none;
 }
// 续表
 .continued{
  text-align: right;
  color: #FBB56D;
@@ -1021,7 +1086,9 @@
    }
    .mr-rg{
      margin-right: 0;

    }
    .mr-10{
      margin-right: 10%;
    }
    .parimary-btn {
    min-width: 80px;
@@ -1045,10 +1112,16 @@
    color: red;
  }
  .icon-box {
    text-indent: 0;
    margin-left: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
  }
  .icon-box-big{
    width: 45px;
    height: 45px;
    
  }
  .word-bc {
    // background-color: #a1afc8;
@@ -1083,6 +1156,8 @@
  }
  .tl-left{
    text-align: left;
  }.tl-right {
    text-align: right;
  }
  .b0 {
    border: 0;
@@ -1124,6 +1199,10 @@
      }
    }
  }
  .bor-g{
    border: 1px solid green;
    padding:2% 2% ;
  }
  .textarea-box {
    border: none;
    text-align: center;
@@ -1145,6 +1224,14 @@
    color: #f49a4c;
    font-weight: bold;
  }
  .select-border {
    border: 0;
    border-bottom: 1px solid #000;
    outline: none;
  }
  .tc {
    border-color: #eace8d;
  }
}
/* 媒体查询做基础响应式布局 */
@media (max-width: 660px) {