Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-06-13 0ac722771ed2e1ae8858407ea5349eb18d18ed9d

 src/books/lifeCare/css/default.less

@@ -256,6 +256,34 @@
      .chapter {
        font-family: "宋体";


        .rightPng{
          float: left;
        }

        .bk1-h3 {
          border: 2px solid #a5c24f;
          color: #a5c24f;
          font-weight: normal;
          height: 35px;
          border-top-right-radius: 25px;
          border-bottom-right-radius: 25px;
          display: inline-flex;
          justify-content: space-between;
          align-items: center;

          span {
            color: #fff;
            display: inline-block;
            width: 50px;
            height: 100%;
            line-height: 35px;
            text-align: center;
            box-sizing: border-box;
            background-color: #a5c24f;
          }
        }

        .topImg {
          padding-top: 0 !important;
          margin-bottom: 2em;
@@ -299,6 +327,10 @@
                margin: 0 20px;
              }

              .ztStr {
                margin: 0 50px;
              }

              .title {
                display: flex;
                justify-content: flex-start;
@@ -319,13 +351,51 @@
              }
            }

            .zt1-content {
              background-color: #f7b80a;

            .zt01-con {
              background-color: #fbb45e;
            }

            .zt1-header-bj {
              border-left-color: #a5c24f;
              border-bottom-color: #a5c24f;
            .zt02-con {
              background-color: #b786bb;
            }

            .zt03-con {
              background-color: #a5c24f;
            }

            .zt04-con {
              background-color: #b786bb;
            }

            .zt05-con {
              background-color: #b786bb;
            }


            .zt01-bj {
              border-left: 2px solid #a5c24f;
              border-bottom: 2px solid #a5c24f;
            }

            .zt02-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
            }

            .zt03-bj {
              border-left: 2px solid #a97b50;
              border-bottom: 2px solid #a97b50;
            }

            .zt04-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
            }

            .zt05-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
            }

            @media (max-width: 756px) {
@@ -343,6 +413,7 @@
            }
          }

          // 奇数
          .pageHeader-second {
            width: 100%;
            display: flex;
@@ -360,12 +431,32 @@
              font-size: 20px;
              position: absolute;
              right: 36px;
              top: 80px;
              top: 85px;

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

              .zt02-left {
                width: 20px;
                background-color: #b786bb;
              }

              .zt03-left {
                width: 20px;
                background-color: #a5c24f;
              }

              .zt04-left {
                width: 20px;
                background-color: #b786bb;
              }

              .zt05-left {
                width: 20px;
                background-color: #b786bb;
              }

              .second-right {
@@ -382,9 +473,37 @@
                  top: -20px;
                }

                .zt-pen {
                  height: 40px;
                  position: absolute;
                  left: -50px;
                  top: -10px;
                }

                .pageStr {
                  margin-right: 10px;
                }

                .zt01-Str {
                  color: #a5c24f;
                }

                .zt02-Str {
                  color: #6eb1e1;
                }

                .zt03-Str {
                  color: #a97b50;
                }

                .zt04-Str {
                  color: #6eb1e1;
                }

                .zt05-Str {
                  color: #6eb1e1;
                }


                .pageNum {
                  display: block;
@@ -395,13 +514,36 @@
                  color: #fff;
                }

                .zt1-pageNum {
                .zt01-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #a5c24f;
                }

                .zt1-pageStr {
                  color: #a5c24f;
                .zt02-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                }

                .zt03-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #a97b50;
                }

                .zt04-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                }

                .zt05-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                }

              }
            }

@@ -429,8 +571,34 @@
              margin-top: 105px;
            }

            .zt1-boderLine {
            .zt01-bdline {
              background-color: #a5c24f;
              width: 88%;
              margin-right: 20px;
            }

            .zt02-bdline {
              background-color: #6eb1e1;
              width: 88%;
              margin-right: 20px;
            }

            .zt03-bdline {
              background-color: #a97b50;
              width: 88%;
              margin-right: 20px;
            }

            .zt04-bdline {
              background-color: #6eb1e1;
              width: 88%;
              margin-right: 20px;
            }

            .zt05-bdline {
              background-color: #6eb1e1;
              width: 88%;
              margin-right: 20px;
            }
          }
        }