音频（第五单元）

zhongshujie

2024-07-22 39886372d544c613c39c735d924283e119120566

 src/books/English/assets/main.less

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

  
  .img-a {
    width: 95%;
  }
@@ -294,7 +294,8 @@
  }

  .fieldset {
    border: 2px solid #5f5f5d;
    border: 2px dashed #F9A71B;
    border-radius: 10px;
    font-size: 0.9em;
    margin-left: 1.5em;
    margin-right: 1.5em;
@@ -673,11 +674,20 @@
  .tl {
    text-align: left !important;
  }
  .de-cl{
    flex-direction: column;
  }
  .fl {
    display: flex;
  }
  .fd-c{
    flex-direction: column;
  }
  .fw-wr {
    flex-wrap: wrap;
  }
  .ju-ar {
    justify-content: space-around;
  }
  .ju-bt {
    justify-content: space-between;
@@ -693,6 +703,9 @@
  }
  .al-end {
    align-items: flex-end;
  }
  .fz-13{
    font-size: 13px;
  }
  .fz-14 {
    font-size: 14px;
@@ -722,6 +735,9 @@
  .mt-40 {
    margin-top: 40px;
  }
  .mr-20 {
    margin-right: 20px;
  }
  .wh-nr {
    white-space: nowrap;
  }
@@ -734,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;
@@ -838,6 +887,16 @@
      font-weight: bold;
    }
  }
  .tl-lf{
    text-align: left;
  }
  .tl-ju{
    text-align: justify;
  }
  .table-p{
    margin: 0%;
    text-indent: 0;
  }
  // 页码
  .preface-bottom {
    height: 104px;
@@ -868,11 +927,52 @@
  .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;
    }
  }
  .input-bc-t {
    border: 0;
    border-bottom: 1px solid #000000;
    width: 86%;
    background-color: transparent;
    &:focus {
      outline: none;
    }
  }
  .check-bc-t{
    background-color: transparent;
  }
  .select-bc-t{
    background-color: transparent;
  }
 .input-no-border{
  border: 0;
  width: 86%;
  &:focus {
    outline: none;
  }
 }
 .bor-b-n{
  border-bottom: none;
 }
 .bor-t-n{
  border-top: none;
 }
// 续表
 .continued{
  text-align: right;
  color: #FBB56D;
  margin: 0%;
  padding-right: 2%;
 }
  .preface-odd-header {
    height: 104px;
    display: flex;
@@ -986,7 +1086,9 @@
    }
    .mr-rg{
      margin-right: 0;

    }
    .mr-10{
      margin-right: 10%;
    }
    .parimary-btn {
    min-width: 80px;
@@ -1010,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;
@@ -1048,6 +1156,8 @@
  }
  .tl-left{
    text-align: left;
  }.tl-right {
    text-align: right;
  }
  .b0 {
    border: 0;
@@ -1089,6 +1199,10 @@
      }
    }
  }
  .bor-g{
    border: 1px solid green;
    padding:2% 2% ;
  }
  .textarea-box {
    border: none;
    text-align: center;
@@ -1102,10 +1216,22 @@
    width: 500px;
    height: 36px;
  }
  .textarea-box-center{
    width: 300px;
    height: 36px;
  }
  .matching-title-text {
    color: #f49a4c;
    font-weight: bold;
  }
  .select-border {
    border: 0;
    border-bottom: 1px solid #000;
    outline: none;
  }
  .tc {
    border-color: #eace8d;
  }
}
/* 媒体查询做基础响应式布局 */
@media (max-width: 660px) {