QYF-GitLab1
2025-01-21 3ef51d37b5c7711e14c1624d876685140265a5fc
src/books/preschoolGameGuidance/css/default.less
@@ -47,11 +47,141 @@
        align-items: center;
      }
      .notIndent{
      .notIndent {
        text-indent: 0 !important;
      }
      .chapter {
        .questionBox {
          width: 100%;
          border: 2px solid #00ADEF;
          margin-bottom: 10px;
          .titleBox {
            width: 100%;
            height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid #00ADEF;
            .title {
              padding: 3px 0;
              width: 120px;
              background-color: #00ADEF;
              text-align: center;
              color: #000;
              font-weight: 600;
              letter-spacing: 2px;
            }
            img {
              width: 25px;
              height: 26px;
              cursor: pointer;
              margin-right: 10px;
            }
          }
          .questionContent {
            padding: 20px;
            box-sizing: border-box;
            .q-title {
              font-size: 32px;
              font-weight: 700;
              text-align: center;
              margin-bottom: 60px;
            }
            .q-tips {
              font-size: 22px;
              font-weight: 600;
              text-align: center;
              text-indent: 0;
            }
            .block-tips {
              font-size: 18px;
              font-weight: 600;
              font-family: '楷体';
            }
            .block-ms-tips {
              font-weight: 600;
            }
          }
        }
        .imgBox-003 {
          width: 100%;
          height: 220px;
        }
        .videoBox {
          width: 100%;
          padding: 30px 20px;
          padding-top: 60px;
          box-sizing: border-box;
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
          align-items: center;
          .videoItem {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .video-border {
              width: 100%;
              // border: 2px solid #fff;
              border-radius: 10px;
              margin-bottom: 10px;
            }
          }
        }
        .bk-xyx {
          textarea {
            width: 100%;
            max-width: 630px;
            border: 1px solid #00ADEF;
            border-radius: 5px;
            font-size: 16px;
            font-family: '宋体';
            line-height: 30px;
            padding: 10px;
            box-sizing: border-box;
          }
          textarea:focus {
            outline: none;
            border-color: #000;
          }
        }
        .btn-group {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 5px;
          padding-left: 20px;
          .answerText {
            margin-left: 20px;
            font-weight: 600;
          }
        }
        .btn-default {
          background-color: #35ACD6;
          border: 1px solid #35ACD6;
          color: #fff;
          padding: 5px 10px;
          box-sizing: border-box;
          border-radius: 5px;
          margin: 0 5px;
          cursor: pointer;
        }
        .coverImg {
          position: absolute;
@@ -290,9 +420,10 @@
        .block {
          font-size: 16px;
          color: #666;
          font-weight: 600;
          color: #000;
          font-weight: 500;
          font-family: '楷体';
          line-height: 1.5;
        }
        .block1 {
@@ -793,7 +924,7 @@
          min-height: 1150px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          justify-content: center;
          align-items: center;
        }