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;
@@ -257,8 +260,9 @@
        font-family: "宋体";
        .rightPng{
        .rightPng {
          float: left;
          width: 60%;
        }
        .bk1-h3 {
@@ -365,11 +369,23 @@
            }
            .zt04-con {
              background-color: #b786bb;
              background-color: #6eb1e1;
            }
            .zt05-con {
              background-color: #b786bb;
              background-color: #8f92c7;
            }
            .zt06-con {
              background-color: #f26b66;
            }
            .zt07-con {
              background-color: #8acfba;
            }
            .zt08-con {
              background-color: #a97b50;
            }
@@ -389,13 +405,28 @@
            }
            .zt04-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
              border-left: 2px solid #fbb45e;
              border-bottom: 2px solid #fbb45e;
            }
            .zt05-bj {
              border-left: 2px solid #6eb1e1;
              border-bottom: 2px solid #6eb1e1;
              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) {
@@ -431,7 +462,7 @@
              font-size: 20px;
              position: absolute;
              right: 36px;
              top: 85px;
              top: 88px;
              .second-left {
                width: 23px;
@@ -451,12 +482,27 @@
              .zt04-left {
                width: 20px;
                background-color: #b786bb;
                background-color: #6eb1e1;
              }
              .zt05-left {
                width: 20px;
                background-color: #b786bb;
                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 {
@@ -474,10 +520,10 @@
                }
                .zt-pen {
                  height: 40px;
                  height: 35px;
                  position: absolute;
                  left: -50px;
                  top: -10px;
                  left: -40px;
                  top: -8px;
                }
                .pageStr {
@@ -486,22 +532,58 @@
                .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: #6eb1e1;
                  color: #f49a4c;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                  letter-spacing: 2px;
                }
                .zt05-Str {
                  color: #6eb1e1;
                  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;
                }
@@ -535,13 +617,31 @@
                .zt04-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                  background-color: #f49a4c;
                }
                .zt05-pageNum {
                  padding: 0 35px 0 20px;
                  text-align: left;
                  background-color: #6eb1e1;
                  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;
                }
              }
@@ -590,13 +690,31 @@
            }
            .zt04-bdline {
              background-color: #6eb1e1;
              background-color: #f49a4c;
              width: 88%;
              margin-right: 20px;
            }
            .zt05-bdline {
              background-color: #6eb1e1;
              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;
            }
@@ -909,7 +1027,7 @@
            padding: 5px 10px;
            p {
              line-height: 22px;
              line-height: 25px;
              font-weight: 700;
              color: #666;
            }
@@ -918,7 +1036,7 @@
              line-height: 22px;
              font-size: 20px;
              text-align: center;
              padding-top: 10px;
              padding: 10px 0;
            }
          }
        }
@@ -1728,7 +1846,7 @@
            font-size: 16px;
            border-radius: 5px;
            max-width: 620px;
            min-width: 500px;
            min-width: 300px;
          }
        }
@@ -1788,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 {
@@ -1900,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;
          }
        }
      }
    }
  }