优化

unknown

2024-05-24 6be0b7cf6f8c6ae69373d28e8c7910798906d1a2

 src/books/lifeCare/css/default.less

@@ -62,26 +62,26 @@
        .header-bj {
          width: 78%;
          height: 100%;
          border-left: 1px solid #dfb27d;
          border-bottom: 1px solid #dfb27d;
          border-left: 2px solid #dfb27d;
          border-bottom: 2px solid #dfb27d;
          margin-left: 18%;
        }

        .content {
          background-color: #f49a4c;
          background-color: #F49A4C;
          width: 91%;
          height: 32%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-top: -5%;
          margin-top: -6%;
          margin-left: 3%;

          .pageStr {
            padding: 2px 12px;
            color: #fff;
            font-size: 24px;
            text-align: center;
            margin: 0 20px;
          }

          .title {
@@ -90,31 +90,41 @@
            align-items: center;
            color: #fff;
            font-size: 20px;
            position: relative;

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

        @media (max-width: 414px) {

          .content {
            right: 3%;
            top: 4%;

            .title {
              font-size: 18px;
              padding: 2px 10px;
            .ztImg {
              height: 40px !important;
              margin-top: -4px;
            }
          }
        }

        @media (max-width: 756px) {
        .zt1-content {
          background-color: #f7b80a;
        }

        .zt1-header-bj {
          border-left-color: #a5c24f;
          border-bottom-color: #a5c24f;
        }


        @media (max-width: 756px) {
          .content {
            margin-top: -12%;

            .title {
              font-size: 18px;
            }

            .pageStr {
              font-size: 18px;
            }
          }
        }
      }
@@ -136,8 +146,8 @@
          align-items: center;
          font-size: 20px;
          position: absolute;
          right: 5%;
          top: 5%;
          right: 36px;
          top: 80px;

          .second-left {
            width: 23px;
@@ -171,44 +181,45 @@
              font-size: 28px;
              color: #fff;
            }
          }
        }

        @media (max-width: 414px) {
            .zt1-pageNum {
              background-color: #a5c24f;
            }

          .second-con {
            right: 3%;
            top: 4%;

            .second-right .pageNum {
              font-size: 18px;
              padding: 2px 10px;
            .zt1-pageStr {
              color: #a5c24f;
            }
          }
        }

        @media (max-width: 756px) {

          .second-con {
            right: 3%;
            top: 4%;
            font-size: 18px;

            .pageNum {
              font-size: 18px !important;
            }
          }
        }

        @media (max-width: 1024px) {

          .second-con {
            right: 3%;
            top: 3%;
            right: 20px;
            top: 75px;
          }
        }

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

        .zt1-boderLine {
          background-color: #a5c24f;
        }
      }
    }