8.28更新

zhongshujie

22 小时以前 e33672cf85da88d515d5fe6ccc0a139c3cfaa5db

 src/books/rehabilitationMedicineIntroduction/assets/main.less

@@ -14,24 +14,24 @@
  }

  .bodystyle {
    padding: 0 15%;
    padding-top: 5px;
    padding: 0 12%;
    padding-bottom: 80px;
    line-height: 30px;
    position: relative;
  }

  .page-header-left {
    padding: 70px 0 0 0;
    padding: 70px 0 20px 0;
  }

  .header-txt {
    border-left: 2px solid #a11f45;
    border-left: 2px solid #722436;
    margin-left: 12%;
    padding-left: 5px;
    line-height: 14px;
    font-size: 12px;
    color: #a11f45;
    color: #722436;
    font-weight: 600;
  }

  .page-bottom-left {
@@ -39,7 +39,7 @@
    left: 12%;
    bottom: 60px;
    font-size: 15px;
    font-weight: 600;
    font-weight: 500;
  }

  .page-header-right {
@@ -47,6 +47,7 @@
    justify-content: end;
    align-items: center;
    padding-right: 10%;
    padding-bottom: 20px;
    padding-top: 70px;
  }

@@ -62,15 +63,638 @@

  .page-bottom-right {
    position: absolute;
    right: 10%;
    bottom: 70px;
    right: 12%;
    bottom: 60px;
    font-size: 15px;
    font-weight: 600;
    font-weight: 500;
  }

  .img-0 {
    width: 100%;
  }


  .mt-20 {
    margin-top: 20px;
  }

  .mb-10 {
    margin-bottom: 10px !important;
  }


  .mb-30 {
    margin-bottom: 30px !important;
  }

  .mb-40 {
    margin-bottom: 40px !important;
  }

  .pt-70 {
    padding-top: 70px !important;
  }

  .pt-120 {
    padding-top: 120px !important;
  }




  .mb-70 {
    margin-bottom: 70px !important;
  }

  .mb-100 {
    margin-bottom: 100px !important;
  }

  p {
    margin-top: 0.2em;
    margin-bottom: 0.2em !important;
    text-indent: 2em;
    line-height: 25px;
    text-align: justify;
  }



  .center {
    text-align: center;
  }

  .center-box {
    width: 75%;
    margin: 0 auto;
  }

  .center-box-one {
    width: 50%;
    margin: 0 auto;
  }

  .center-box-two {
    width: 50%;
    margin: 0 auto;
  }

  .center-box-three {
    width: 65%;
    margin: 0 auto;
  }



  .omit {
    color: #722436;
  }

  .bold {
    font-weight: bold;
  }

  .fc{
    color: #722436;
  }

  .learnGoal {
    background-color: #ede5e3;
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
  }

  .learnImg {
    position: absolute;
    top: -15px;
    left: 40%;
  }

  .g-pic {
    height: 2em;
    vertical-align: middle;
  }

  .CaseStudy-title {
    background-color: #91595b;
    color: #fff;
    padding-left: 20px;
  }

  .CaseStudy-content {
    border: 3px solid #e9dedc;
    padding: 5px 15px;
  }

  .knowledgeExpansion {
    margin: 30px 0;
    padding: 10px 0;
    border-top: 10px solid #eadcdb;
    border-bottom: 10px solid #eadcdb;
    position: relative;
  }

  .questionBank {
    position: relative;
    line-height: 0px;
    display: flex;
    align-items: center;
    top: -29px;
    left: 30px;

    img {
      width: 13px;
    }

    span {
      color: #00918e;
      font-size: 14px;
      font-weight: 600;
      margin-left: 1px;
    }

  }

  .knowledgeExpansion-box {
    margin: 0 0 10px 0;
    padding-left: 10%;
    display: flex;
    align-self: center;

    img {
      width: 30px;
      margin-right: 5px;
    }

    span {
      cursor: pointer;

      &:hover {
        color: #00918e;
        text-decoration: underline;
      }
    }


  }

  .knowledgeExpansion-img {
    position: absolute;
    width: 80px;
    top: -20px;
    left: 25px;
  }

  .knowledgeExpansion-video {
    padding: 0 8%;
  }

  /*<h2>二级标题*/
  h2.secondTitle {
    text-align: center;
    font-size: 1.35em;
    line-height: 1.3em;
    text-indent: 0em;
    color: #009290;
    margin: 15% auto 1em auto;

  }

  h2.secondTitle1 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.3em;
    text-indent: 0em;
    color: #000;
    margin: 15% auto 1em auto;

  }

  h4.fourthTitle {
    font-size: 1.1em;
    line-height: 1.3em;
    text-indent: 2em;
    margin-top: 1em;
    color: #009290;
  }

  span.underline {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-color: #009290;
  }


  h1.firstTitle-l1 {
    font-size: 2.2em;
    line-height: 1.2em;
    text-indent: 0em;
    text-align: center;
    color: #000;
    margin: 0.3em auto 1.5em auto;
  }


  /*<h1>篇章页居左一级标题*/
  h1.firstTitle-l {
    font-size: 26px;
    line-height: 1.2em;
    text-indent: 0em;
    text-align: center;
    color: #722436;
    margin: 0.3em auto 1.8em auto;
    position: relative;
  }

  .bgImg-box {
    padding-top: 200px;
    margin-bottom: 50px;
    width: 100%;
    position: relative;

    .bg-wyh {
      width: 100%;
      margin: 0 auto;

    }

    .h1-title {
      position: absolute;
      bottom: -25px;
      left: 18%;

    }

    .h1-title-center {
      position: absolute;
      bottom: -25px;
      left: 12%;
    }



    .h1-title-two {
      position: absolute;
      bottom: -25px;
      left: 35%;
    }

    .h1-title-three {
      position: absolute;
      bottom: -25px;
      left: 41%;
    }

    .h1-title-four {
      position: absolute;
      bottom: -25px;
      left: 42%;
    }
  }



  .p-bqy {
    line-height: 20px;
    font-size: 12px;
  }



  /*图片说明居中加粗*/
  .imgdescript-b {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
    font-size: 0.95em;
    margin: 0.3em auto;
    text-align: center;
    text-indent: 0em;
    color: #00918e;
    font-weight: bold;
  }

  /*图片说明居中*/
  .imgdescript {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
    font-size: 0.95em;
    margin: 0.3em auto;
    text-align: center;
    text-indent: 0em;
    color: #5A5A5A;
  }

  /*右下角说明*/
  .right-info {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
    font-size: 0.95em;
    text-align: right;
    margin-bottom: 0.5em;
    color: #5A5A5A;
  }

  .fm-kt {
    font-family: "kaiti";
  }


  .unitSummary {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .summary-lift {
      padding: 15px 0;
      background-color: #c9e1e1;
      width: 45%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;

      &:hover {
        span {
          color: #00918e;
          text-decoration: underline;
        }
      }
    }

    .summary-right {
      padding: 15px 0;
      background-color: #c9e1e1;
      width: 45%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;

      &:hover {
        span {
          color: #00918e;
          text-decoration: underline;
        }
      }
    }
  }




  .img-float {
    width: 310px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;

    img {
      width: 100%;
    }

    p {
      margin: 0;
    }
  }



  .img-rights {
    width: 310px;
    float: right;
    height: auto;
    margin: auto;
    margin-left: 20px;

    img {
      width: 100%;
    }

    p {
      margin: 0 !important;
    }
  }


  .w235 {
    width: 235px;
  }


  .imgBox-003 {
    width: 100%;
    height: 280px;
    margin-bottom: 18px;
  }

  .img-0 {
    width: 100%;
  }

  .img-a {
    width: 95%;
  }

  .img-b {
    width: 70%;
  }

  .img-c {
    width: 60%;
  }

  .img-d {
    width: 50%;
  }

  .img-e {
    width: 45%;
  }

  .img-f {
    width: 40%;
  }

  .img-g {
    width: 30%;
  }

  .img-h {
    width: 20%;
  }

  .img-i {
    width: 10%;
  }

  .img-j {
    width: 5%;
  }

  .img-k {
    width: 2%;
  }

  .w100 {
    width: 100%;
  }

  .td-0 {
    text-indent: 0em !important;
  }


  .video-box-cover {
    border: 1px dashed #b2b2b2;
    padding: 2% 2%;
  }

  .video-box {
    margin: 20px 0 20px 0;
    border: 2px dashed #00918e;
    padding: 2% 2%;
  }

  .video-box-left {
    margin: 20px 8% 20px 0;
    border: 1px dashed #895B2E;
    padding: 2% 2%;
  }

  .videoname {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .sInput {
    width: 60px;
    border: 0;
    outline: none;
    text-align: center;
  }

  .collect-btn {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: 0.3%;
  }

  .fz-12 {
    font-size: 12px;
  }


  .header {
    display: flex;
    align-items: center;
    height: 2em;
    font-size: 12px;
    font-family: "Microsoft YaHei", sans-serif;
    color: #333;
    padding-top: 4em;
    padding-left: 8.6em;
    padding-bottom: 2em;
  }

  .header-divider {
    width: 1.5px;
    height: 1em;
    background-color: #00918F;
    margin: 0px 8px 0px 0px;
  }

  .header-right {
    padding: 3px 0%;
    /* 上下内边距确保垂直居中 */
    color: #00918F;
    line-height: 1;
    /* 消除行高影响 */
    display: inline-flex;
    /* 确保水平居中 */
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中 */

  }

  .footer-container {
    position: absolute;
    bottom: 0;
    font-family: "Times New Roman";
    left: 694px;
    bottom: 40px;
    font-size: 15px;
    font-weight: 600;
  }

  .footerstyle {
    position: absolute;
    bottom: 0;
    font-family: "Times New Roman";
    left: 100px;
    bottom: 40px;
    font-size: 15px;
    font-weight: 600;
  }


  /* 页眉 */
  .header-container {
    padding: 15px 0;
  }

  .header-content {
    max-width: 730px;
    margin: 0 auto;
    padding: 0 30px;
    margin-top: 50px;
    display: flex;
    /* 开启弹性布局，子元素横向排列 */
    align-items: center;
    /* 子元素垂直居中对齐 */
    justify-content: flex-end;
    /* 文字居左，图片居右（两端对齐） */
  }

  .header-title {
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 0;
  }

  .cs {
    width: 4%;
    margin: 0em 1em 0em 0.5em;
  }
























  /* 2.0.0版本*/

@@ -81,8 +705,9 @@

  /* 页面背景色*/
  body.bodybg-color {
    background-color: #a11f45;
    background-color: #722436;
  }

  /* 垂直居中*/
  div.vertical-middle {
    padding-top: 35%;
@@ -97,6 +722,7 @@
    text-indent: 0em;
    color: #888888;
  }

  /*章标居右*/
  .sub-Title-r {
    text-align: left;
@@ -107,15 +733,8 @@
    color: #888888;
  }

  /*<h1>篇章页居左一级标题*/
  h1.firstTitle-l {
    font-size: 1.6em;
    line-height: 1.2em;
    text-indent: 0em;
    text-align: left;
    color: #a11f45;
    margin: 0.3em auto 1.8em auto;
  }


  /*篇章页副标题居左*/
  .subHead-l {
    text-align: left;
@@ -132,9 +751,10 @@
    line-height: 1.2em;
    text-indent: 0em;
    text-align: left;
    color: #a11f45;
    color: #722436;
    margin: 0.3em auto 1.8em auto;
  }

  /*篇章页副标题居右*/
  .subHead-r {
    font-size: 1.1em;
@@ -161,7 +781,7 @@
    text-indent: 0em;
    text-align: left;
    margin: 25% auto 2em auto;
    color: #a11f45;
    color: #722436;
  }

  /*<h1>带副标一级标题*/
@@ -171,7 +791,7 @@
    text-indent: 0em;
    text-align: left;
    margin: 25% auto 0em auto;
    color: #a11f45;
    color: #722436;
  }

  /*<h1>带章标一级标题*/
@@ -181,7 +801,7 @@
    text-indent: 0em;
    text-align: left;
    margin: 0em auto 2em auto;
    color: #a11f45;
    color: #722436;
  }

  /*<h1>带章标及副标一级标题*/
@@ -191,7 +811,7 @@
    text-indent: 0em;
    text-align: left;
    margin: 0em auto 0em auto;
    color: #a11f45;
    color: #722436;
  }

  /*<h2>二级标题*/
@@ -199,7 +819,7 @@
    font-size: 1.35em;
    line-height: 1.3em;
    text-indent: 0em;
    color: #a11f45;
    color: #722436;
    margin: 10% auto 2em auto;
  }

@@ -208,7 +828,7 @@
    font-size: 1.35em;
    line-height: 1.3em;
    text-indent: 0em;
    color: #a11f45;
    color: #722436;
    margin: 0em auto 2em auto;
  }

@@ -217,7 +837,7 @@
    font-size: 1.35em;
    line-height: 1.3em;
    text-indent: 0em;
    color: #a11f45;
    color: #722436;
    margin: 25% auto 0em auto;
  }

@@ -226,7 +846,7 @@
    font-size: 1.35em;
    line-height: 1.3em;
    text-indent: 0em;
    color: #a11f45;
    color: #722436;
    margin: 0em auto 0em auto;
  }

@@ -234,9 +854,9 @@
  h3.thirdTitle {
    font-size: 1.2em;
    line-height: 1.3em;
    text-indent: 0em;
    text-indent: 2em;
    margin-top: 1em;
    color: #a11f45;
    color: #722436;
  }

  /*<h4>四级标题*/
@@ -245,7 +865,7 @@
    line-height: 1.3em;
    text-indent: 0em;
    margin-top: 1em;
    color: #a11f45;
    color: #722436;
  }

  /*<h5>五级标题*/
@@ -254,7 +874,7 @@
    line-height: 1.3em;
    text-indent: 0em;
    margin-top: 1em;
    color: #a11f45;
    color: #722436;
  }

  /*<h6>六级标题*/
@@ -263,8 +883,9 @@
    line-height: 1.3em;
    text-indent: 0em;
    margin-top: 1em;
    color: #a11f45;
    color: #722436;
  }

  /*标题作者居中*/
  .author {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
@@ -275,6 +896,7 @@
    color: #5a5a5a;
    margin: -2em auto 3em auto;
  }

  /*标题作者居左*/
  .author-l {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
@@ -304,6 +926,7 @@
    margin: 20% auto 0.3em auto;
    color: #888888;
  }

  /*一级标题章标*/
  .subHead-2 {
    text-align: left;
@@ -333,6 +956,7 @@
    margin: 20% auto 0.3em auto;
    color: #888888;
  }

  /*版权标题*/
  .copyright-title {
    font-size: 1.5em;
@@ -349,6 +973,7 @@
    text-indent: 0em;
    line-height: 1.8em;
  }

  /*文前*/
  .preface {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
@@ -366,6 +991,7 @@
    color: #5a5a5a;
    margin: 25% auto 0.3em auto;
  }

  /*正文内容*/
  .content {
    font-size: 1em;
@@ -407,7 +1033,7 @@
    line-height: 1.3em;
    margin: 1em auto;
    text-align: center;
    color: #a11f45;
    color: #722436;
    font-weight: bold;
  }

@@ -419,7 +1045,7 @@
    margin: 1em auto;
    text-align: left;
    text-indent: 0em;
    color: #a11f45;
    color: #722436;
    font-weight: bold;
  }

@@ -429,9 +1055,10 @@
    font-size: 1.05em;
    line-height: 1.3em;
    margin: 1em auto;
    color: #a11f45;
    color: #722436;
    text-indent: 2em;
    font-weight: bold;
    margin-bottom: 10px !important;
  }

  /*引文内容居左(引文、诗歌、诗词、书信、书信称谓、居右署名)*/
@@ -641,7 +1268,7 @@

  /*边框*/
  .border {
    border: 1px solid #a11f45;
    border: 1px solid #722436;
    border-radius: 0.25em;
    padding: 0.25em;
    margin: 1em auto;
@@ -649,7 +1276,7 @@

  /*边框底色*/
  .border bgColor {
    border: 1px solid #a11f45;
    border: 1px solid #722436;
    background: #d2d2d2;
    border-radius: 0.25em;
    padding: 0.25em;
@@ -681,6 +1308,7 @@
    float: left;
    margin-left: 4em;
  }

  /*表格表头*/
  .imgtitle {
    font-family: "汉仪旗黑55S", "HYQiHei-55s";
@@ -688,8 +1316,10 @@
    margin: 1em auto -0.8em auto;
    text-align: center;
    text-indent: 0;
    color: #5a5a5a;
    font-weight: 600;
    color: #722436;
  }

  /*图片说明居中*/
  .imgdescript {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
@@ -709,6 +1339,7 @@
    text-indent: 2em;
    color: #5a5a5a;
  }

  /*图片说明居中加粗*/
  .imgdescript-b {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
@@ -796,5 +1427,6 @@
  .pagebreak {
    page-break-after: always;
  }

  /*结束*/
}
}