英语

闫增涛

2024-05-22 470c0094ce09a3bb7b653c8cf50313165d1001a2

 src/books/content/css/default.less

@@ -3,45 +3,244 @@
  min-width: 375px;
  margin: 0 auto;
  padding-bottom: 100px;
  border-color: #f49a4c;

  textarea:focus,
  input:focus {
    border: 0 !important;
    border-color: #fff !important;
    outline: none;
  }

  textarea {
    text-indent: 2em;
  }

  input {
    width: 100%;
    border: 0 !important;
    border-color: #fff !important;
    outline: none;
    font-size: 16px;
    text-align: center;
  }

  .page-content-box {
    font-family: "宋体", SimSun, sans-serif;
    font-size: 16px;

    .tableOne {
      width: 100%;
      height: 300px;
    p input {
      width: 20px;
    }

    .header {
      width: 100%;
      height: 136px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1001;

      .pageHeader-first {
        width: 100%;
        height: 136px;
        position: relative;

        .header-bj {
          width: 78%;
          height: 115px;
          border-left: 1px solid #dfb27d;
          border-bottom: 1px solid #dfb27d;
          position: absolute;
          right: 30px;
          top: 30px;
        }

        .content {
          background-color: #f49a4c;
          width: 740px;
          height: 35px;
          position: absolute;
          left: 25px;
          top: 100px;
          display: flex;
          justify-content: flex-start;
          align-items: center;

          .pageStr {
            width: 140px;
            color: #fff;
            font-size: 28px;
            text-align: center;
          }

          .title {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #fff;
            font-size: 20px;

            img {
              height: 30px !important;
              margin-right: 20px;
            }
          }
        }
      }

      .pageHeader-second {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        .second-con {
          width: 90%;
          height: 35px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 20px;
          position: absolute;
          right: 36px;
          top: 60px;

          .second-left {
            width: 23px;
            height: 100%;
            background-color: #f49a4c;
          }

          .second-right {
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;

            img {
              height: 50px;
              position: absolute;
              left: -50px;
              top: -20px;
            }

            .pageStr {
              margin-right: 10px;
            }

            .pageNum {
              display: block;
              background-color: #f49a4c;
              padding: 2px 20px;
              box-sizing: border-box;
              font-size: 28px;
              color: #fff;
            }
          }
        }

        .borderLine {
          width: 93%;
          height: 1px;
          background-color: #f49a4c;
          margin-top: 105px;
        }
      }
    }

    .chapter01Table {
      width: 100%;

      .textareaInput {
        width: 100%;
        padding: 8px;
        box-sizing: border-box;
        border: 1px solid #999;
        font-size: 15px;
        color: #000;
        background-color: #eee;
      }

      .textareaInput:focus {
        border: 1px solid #999 !important;
      }
    }


    .table111,
    .table112 {
      width: 100%;
      border-collapse: collapse;

      tr th {
        background-color: #f49a4c;
        text-align: center;
        border: 1px solid #999;
        margin: 0;
        padding: 2px 9px;
        font-size: 16px;
      }

      tr td {
        border: 1px solid #999;
        text-align: center;
        padding: 2px 0;
        overflow: hidden;
      }
    }

    .table112 {
      font-size: 16px;


      tr th {
        width: 50px;
        font-weight: normal;
      }
    }

    .table122 {
      font-size: 16px;

      tr th {
        font-weight: normal;
      }
    }

    .bj-tip {
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 8px 10px;
      padding: 3px 14px;
      box-sizing: border-box;
      border: 3px solid #f49a4c;
      border-radius: 30px;
      position: absolute;
      top: -30px;
      left: -20px;
      left: 15px;
      background-color: #FFF;
      color: #f49a4c;
      font-weight: bold;
      font-size: 20px;
      font-size: 18px;

      img {
        margin-left: 15px;
      }
    }
    
    .tips-bk {  
      margin-top: 80px;

    .tips-bk {
      margin-top: 56px;
      border-radius: 20px;
      position: relative;
    }

    .tips-file {
      border: 3px dotted #f49a4c;
      padding: 30px 0;
      padding: 12px 10px;
      box-sizing: border-box;
      border-radius: 25px;
      padding-top: 30px;
    }

    .page-box {
@@ -51,12 +250,9 @@
      box-shadow: 0 3px 6px 1px #00000029;
      background-color: #fff;
      position: relative;

      .w100 {
        width: 100% !important;
      }

      .video-border {
        border: 1px dotted #15c0f2;
      }
    }

@@ -65,7 +261,8 @@
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      height: 350px;
      height: 287px;
      max-height: 350px;

      img {
        width: auto;
@@ -246,6 +443,7 @@
      font-size: 18px;
      text-align: justify;
      padding: 10% 10%;
      padding-top: 25%;
      line-height: 30px;
      box-sizing: border-box;
    }
@@ -398,14 +596,19 @@
      font-weight: bold;
      font-size: 1.2em;
      margin-top: 0.2em;
      margin-bottom: 0.2em;
      // margin-bottom: 0.2em;
      text-indent: 0em;
    }

    // #b001 {
    //   position: absolute;
    //   top: 0;
    // }
    #b001,
    #b002,
    #b003,
    #b004,
    #b005,
    #b006 {
      position: absolute;
      top: 0;
    }

    h3 {
      font-family: "FZLTZHJW";
@@ -441,7 +644,7 @@
    }

    .img-0 {
      width: 75%;
      width: 60%;
    }

    .imz {
@@ -825,12 +1028,14 @@
      padding: 10px;
      color: #f49a4c;
      margin-bottom: 2em;
      margin-top: 0.5em;
      margin-top: -8px;
      border-radius: 0em 0em 3em 0em;

      textarea {
        width: 100%;
        border: 0 !important;
        font-size: 18px
        font-size: 16px;
        border-radius: 20px;
      }
    }

@@ -882,4 +1087,4 @@

body {
  background-color: #e6e6e6;
}
}