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

zhongshujie

7 小时以前 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b

 src/books/lifeCare/css/default.less

@@ -50,6 +50,9 @@
      }

      .coverImg {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
@@ -256,6 +259,35 @@
      .chapter {
        font-family: "宋体";


        .rightPng {
          float: left;
          width: 60%;
        }

        .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 +331,10 @@
                margin: 0 20px;
              }

              .ztStr {
                margin: 0 50px;
              }

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

            .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: #6eb1e1;
            }

            .zt05-con {
              background-color: #8f92c7;
            }

            .zt06-con {
              background-color: #f26b66;
            }

            .zt07-con {
              background-color: #8acfba;
            }

            .zt08-con {
              background-color: #a97b50;
            }


            .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 #fbb45e;
              border-bottom: 2px solid #fbb45e;
            }

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

            .zt06-bj {
              border-left: 2px solid #fec128;
              border-bottom: 2px solid #fec128;
            }

            .zt07-bj {
              border-left: 2px solid #8f92c7;
              border-bottom: 2px solid #8f92c7;
            }

            .zt08-bj {
              border-left: 2px solid #8b9da7;
              border-bottom: 2px solid #8b9da7;
            }

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

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

              .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: #6eb1e1;
              }

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

              .zt06-left {
                width: 20px;
                background-color: #f26b66;
              }

              .zt07-left {
                width: 20px;
                background-color: #8acfba;
              }

              .zt08-left {
                width: 20px;
                background-color: #a97b50;
              }

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

                .zt-pen {
                  height: 35px;
                  position: absolute;
                  left: -40px;
                  top: -8px;
                }

                .pageStr {
                  margin-right: 10px;
                }

                .zt01-Str {
                  color: #a5c24f;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }

                .zt02-Str {
                  color: #6eb1e1;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }

                .zt03-Str {
                  color: #a97b50;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }

                .zt04-Str {
                  color: #f49a4c;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }

                .zt05-Str {
                  color: #f48f9d;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }

                .zt06-Str {
                  color: #fec128;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }

                .zt07-Str {
                  color: #b0a4cf;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }

                .zt08-Str {
                  color: #8b9da7;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }


                .pageNum {
                  display: block;
@@ -395,13 +596,54 @@
                  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: #f49a4c;
                }

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

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

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

                .zt08-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #8b9da7;
                }

              }
            }

@@ -429,8 +671,52 @@
              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: #f49a4c;
              width: 88%;
              margin-right: 20px;
            }

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

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

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

            .zt08-bdline {
              background-color: #8b9da7;
              width: 88%;
              margin-right: 20px;
            }
          }
        }
@@ -741,7 +1027,7 @@
            padding: 5px 10px;

            p {
              line-height: 22px;
              line-height: 25px;
              font-weight: 700;
              color: #666;
            }
@@ -750,7 +1036,7 @@
              line-height: 22px;
              font-size: 20px;
              text-align: center;
              padding-top: 10px;
              padding: 10px 0;
            }
          }
        }
@@ -1560,7 +1846,7 @@
            font-size: 16px;
            border-radius: 5px;
            max-width: 620px;
            min-width: 500px;
            min-width: 300px;
          }
        }

@@ -1620,17 +1906,23 @@

      @media screen and (max-width: 800px) {
        .coverImg {
          position: absolute;
          top: 25%;
          left: 0;
          img {
            height: 100%;
          }
        }


        .chapter {

          .page-box {
            min-height: 1000px !important;
          }

          .prefaceImg {
            width: 100% !important;
            position: absolute;
            left: 0%;
            top: 4%;
            top: 3%;
          }

          .pdf-content {
@@ -1732,6 +2024,32 @@
          }
        }
      }

      @media screen and (max-width:700px) {
        .coverImg {
          img {
            height: 100%;
          }
        }

        .chapter {
          .page-box {
            min-height: 800px !important;
          }

          .table111 tr th ,.table112 tr th {
            padding: 8px 0;
          }
        }
      }

      @media screen and (max-width:600px) {
        .chapter {
          .page-box {
            min-height: 500px !important;
          }
        }
      }
    }
  }