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

litian

2025-06-11 571a6ce30b6602d2cf579c87aee39b4ed85bef8c

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

 .env.product

@@ -2,10 +2,10 @@
VUE_APP_API_URL = "https://jsek.bnuic.com"
# VUE_APP_API_URL = "https://www.tepcb.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/aviationSafety'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/kindergartenActivitiesDesignGuidance'
# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/toddlerGameImplementation'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/kindergartenActivitiesDesignGuidance'
# VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
# VUE_APP_PUBLIC_PATH = 'https://www.tepcb.com/books/book/policiesAndRegulations'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/behaviorObserveAndGuid/cognitiveLanDevEduAges0to3/aviationPassengerTransport6th/hotelEnglishTrainingBrochure2nd/hydraulicTransmission/foodSensoryInspection/MMVRTCMP"
VUE_APP_BOOK_ID = 'aviationSafety'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/behaviorObserveAndGuid/cognitiveLanDevEduAges0to3/aviationPassengerTransport6th/hotelEnglishTrainingBrochure2nd/hydraulicTransmission/MMVRTCMP"
VUE_APP_BOOK_ID = 'kindergartenActivitiesDesignGuidance'

 src/App.vue

@@ -237,7 +237,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
          (process.env.VUE_APP_ENV == "product"
            ? process.env.VUE_APP_BOOK_ID
            : "aviationSafety")
            : "hydraulicTransmission")
      );

      // 测试试读30页

 src/books/aviationEtiquette/view/components/index.vue

@@ -161,9 +161,9 @@
    }, 500);

    //测试页面跳转
    setTimeout(() => {
      this.gotoPage(3, 64);
    }, 500);
    // setTimeout(() => {
    //   this.gotoPage(3, 64);
    // }, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")

 src/books/hydraulicTransmission/assets/mian.less

@@ -131,6 +131,16 @@
        text-indent: 1em !important;
    }

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

    /*斜体*/
    .italic {
        font-style: italic;
    }



    td {
        padding: 5px 10px;
@@ -242,7 +252,7 @@
        justify-content: space-between;
        margin: 0 6%;
        margin-bottom: 10px;
        padding-left:  0;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 5px;
        border-bottom: 2px solid #000;

 src/books/hydraulicTransmission/view/components/chapter001.vue

@@ -13,17 +13,22 @@
                        液压缸有多种形式。按照结构特点，它可分为活塞式、柱塞式和摆动式三大类；按作用方式，它又可分为单作用式和双作用式两种。单作用式液压缸只能使活塞（或柱塞）做单方向运动，即液压油液只通向液压缸的一腔，而反方向运动则必须依靠外力（如弹簧力或自重等）来实现；双作用式液压缸，在两个方向上的运动都由液压油液的推动来实现。
                    </p>
                    <p class="titleQuot-1">5.1.1　活塞式液压缸</p>
                    <p class="content">活塞式液压缸可分为双杆式和单杆式两种结构形式。其固定方式有缸筒固定和活塞杆固定两种。</p>
                    <p class="content">
                        活塞式液压缸可分为双杆式和单杆式两种结构形式。其固定方式有缸筒固定和活塞杆固定两种。
                    </p>
                    <p class="poemtitle-l">1．双杆活塞式液压缸</p>
                    <p class="content">
                        图5.1所示为双杆活塞式液压缸示意图，图5.1（a）所示为缸筒固定式结构，液压缸的左腔进油，推动活塞向右运动，右腔回油；反之，活塞反向运动。其运动范围约等于活塞有效行程l的3倍，一般用于中小型设备。图5.1（b）所示为活塞杆固定式结构，液压缸的左腔进油，推动缸体向左运动，右腔回油；反之，缸体反向移动。其运动范围约等于缸筒有效行程l的2倍，因此常用于大中型设备中。实际上液压缸的运动范围还要考虑活塞和缸盖等结构尺寸所占用的空间。其特点是在活塞两侧都有活塞杆伸出。
                    </p>
                    <div class="center openImgBox mb-20 mt-20">
                        <img src="../../assets/images/Figure-0001-02.jpg" style="width:80%" alt="" active="true" />
                        <img src="../../assets/images/Figure-0001-02.jpg" style="width: 80%" alt="" active="true" />
                        <p class="center img">图5.1　双杆活塞式液压缸示意图</p>
                    </div>
                    <p class="content">当两侧活塞杆直径相同、供油压力和流量不变时，活塞（或缸筒）在两个方向上的运动速度v和推力F都相等，即</p>
                    <p class="center"><math display="0">
                    <p class="content">
                        当两侧活塞杆直径相同、供油压力和流量不变时，活塞（或缸筒）在两个方向上的运动速度v和推力F都相等，即
                    </p>
                    <p class="center">
                        <math display="0">
                            <mi>v</mi>
                            <mn>=</mn>
                            <mfrac>
@@ -69,12 +74,9 @@
                                    <mn>v</mn>
                                </mrow>
                            </msub>
                        </math></p>
                        </math>
                    </p>
                    <p class="right-info">（5.1）</p>

                    <div class="t-right mb-20 mt-20">
                        <img src="../../assets/images/Figure-0001-03.jpg" style="width:65%" alt="" active="true" />
                    </div>
                </div>
            </div>
        </div>
@@ -87,30 +89,163 @@
                </ul>
                <div class="bodystyle">
                    <div class="t-right mb-10 mt-20">
                        <p class="center"><i>F</i>
                            <mn>=</mn><i>A</i>
                            <mn>(</mn><i>p</i><span class="sub">1</span>-<i>p</i><span
                                class="sub">2</span>)<i>η</i><span class="sub">m</span>=<math display="0">
                        <p class="center">
                            <math display="0">
                                <mi>F</mi>
                                <mn>=</mn>
                                <mi>A</mi>
                                <mn>(</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mo>1</mo>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msub>
                                <mn>)</mn>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mi>m</mi>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                    <mi>π</mi>
                                    <mrow>
                                        <mo>4</mo>
                                    </mrow>
                                </mfrac>
                            </math>(<i>D</i><span class="super">2</span>-<i>d</i><span
                                class="super">2</span>)(<i>p</i><span class="sub">1</span>-<i>p</i><span
                                class="sub">2</span>)<i>η</i><span class="sub">m</span>
                                <mn>(</mn>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mo>1</mo>
                                    </mrow>
                                </msup>
                                <mn>-</mn>
                                <msup>
                                    <mi>d</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msup>
                                <mn>)</mn>
                                <mn>(</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mo>1</mo>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msub>
                                <mn>)</mn>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mi>m</mi>
                                    </mrow>
                                </msub>
                            </math>
                        </p>
                        <p class="right-info">（5.2）</p>
                    </div>
                    <p class="left">式中　q——进入液压缸的流量（m<span class="super">3</span>/s）；</p>
                    <p class="content">　A——活塞有效作用面积（m<span class="super">2</span>）；</p>
                    <p class="content">　η<span class="sub">V</span>——液压缸的容积效率；</p>
                    <p class="content">　D——活塞直径（即缸筒直径）（m）；</p>
                    <p class="content">　d——活塞杆直径（m）；</p>
                    <p class="content">　p<span class="sub">1</span>——进油压力（Pa）；</p>
                    <p class="content">　p<span class="sub">2</span>——回油压力（Pa）；</p>
                    <p class="content">　η<span class="sub">m</span>——液压缸的机械效率。</p>
                    <p class="content"><span class="bold">【例5.1】</span>　某液压传动系统执行元件为双杆活塞式液压缸，液压缸的工作压力p=3.5 MPa，活塞直径D=9
                        cm，活塞杆直径d=4 cm，工作进给速度v=1.52 cm/s，求液压缸能克服多大的阻力？液压缸所需流量为多少？
                    <p class="left">
                        式中　<math display="0">
                            <mi>q</mi>
                        </math>——进入液压缸的流量（m<span class="super">3</span>/s）；
                    </p>
                    <p class="content td-3">
                        　　<math display="0">
                            <mi>A</mi>
                        </math>——活塞有效作用面积（m<span class="super">2</span>）；
                    </p>
                    <p class="content td-3">
                        <math display="0">
                            <msub>
                                <mi>η</mi>
                                <mrow>
                                    <mi>v</mi>
                                </mrow>
                            </msub>
                        </math>
                        ——液压缸的容积效率；
                    </p>
                    <p class="content td-3">
                        <math display="0">
                            <msub>
                                <mi>D</mi>
                            </msub>
                        </math>——活塞直径（即缸筒直径）（m）；
                    </p>
                    <p class="content td-3">
                        <math display="0">
                            <msub>
                                <mi>d</mi>
                            </msub>
                        </math>——活塞杆直径（m）；
                    </p>
                    <p class="content td-3">
                        　<math display="0">
                            <msub>
                                <mi>p</mi>
                                <mrow>
                                    <mi>1</mi>
                                </mrow>
                            </msub>
                        </math>——进油压力（Pa）；
                    </p>
                    <p class="content td-3">
                        <math display="0">
                            <msub>
                                <mi>p</mi>
                                <mrow>
                                    <mi>2</mi>
                                </mrow>
                            </msub>
                        </math>——回油压力（Pa）；
                    </p>
                    <p class="content td-3">
                        <math display="0">
                            <msub>
                                <mi>η</mi>
                                <mrow>
                                    <mi>m</mi>
                                </mrow>
                            </msub>
                        </math>——液压缸的机械效率。
                    </p>
                    <p class="content">
                        <span class="bold">【例5.1】</span>　某液压传动系统执行元件为双杆活塞式液压缸，液压缸的工作压力 <math display="0">
                            <msub>
                                <mi>p</mi>
                            </msub>
                        </math> =3.5
                        MPa，活塞直径 <math display="0">
                            <msub>
                                <mi>D</mi>
                            </msub>
                        </math> =9 cm，活塞杆直径 <math display="0">
                            <msub>
                                <mi>d</mi>
                            </msub>
                        </math> =4 cm，工作进给速度 <math display="0">
                            <msub>
                                <mi>v</mi>
                            </msub>
                        </math> =1.52 cm/s，求液压缸能克服多大的阻力？液压缸所需流量为多少？
                        <span class="btn-box" @click="showAnswerOne = !showAnswerOne" title="查看答案">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
                                viewBox="0 0 20.501 20.501">
@@ -121,31 +256,612 @@
                        </span>
                    </p>
                    <div v-if="showAnswerOne">
                        <p class="content"><span class="bold">解</span>　（1）活塞的有效作用面积</p>
                        <p class="center">
                            <img class="img-c" src="../../assets/images/Figure-0002-02.jpg" alt="">
                        <p class="content">
                            <span class="bold">解</span>　（1）活塞的有效作用面积
                        </p>
                        <p class="center"><math display="0">
                                <mi>A</mi>
                                <mn>=</mn>
                                <mfrac>
                                    <mi>π</mi>
                                    <mrow>
                                        <mo>4</mo>
                                    </mrow>
                                </mfrac>
                                <mn>(</mn>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msup>
                                <mn>-</mn>
                                <msup>
                                    <mi>d</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msup>
                                <mn>)</mn>
                                <mn>=</mn>
                                <mfrac>
                                    <mi>π</mi>
                                    <mrow>
                                        <mo>4</mo>
                                    </mrow>
                                </mfrac>
                                <mn>(</mn>
                                <msup>
                                    <mo>9</mo>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msup>
                                <mn>-</mn>
                                <msup>
                                    <mo>4</mo>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msup>
                                <mn>)</mn>
                                <msup>
                                    <mi>cm</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msup>
                                <mn>=</mn>
                                <mo>51.03</mo>
                                <msup>
                                    <mi>cm</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msup>
                            </math></p>

                        <p class="content">（2）液压缸能克服的最大阻力</p>
                        <p class="center">
                            <img class="img-c" src="../../assets/images/Figure-0002-02.jpg" alt="">
                        </p>
                        <p class="center"><math display="0">
                                <mi>F</mi>
                                <mn>=</mn>
                                <mi>p</mi>
                                <mi>A</mi>
                                <mn>=</mn>
                                <mo>3.5</mo>
                                <mn>×</mn>
                                <msup>
                                    <mo>10</mo>
                                    <mrow>
                                        <mo>6</mo>
                                    </mrow>
                                </msup>
                                <mn>×</mn>
                                <mo>51.03</mo>
                                <mn>×</mn>
                                <msup>
                                    <mo>10</mo>
                                    <mrow>
                                        <mo>-4</mo>
                                    </mrow>
                                </msup>
                                <mn>(</mn>
                                <mo>N</mo>
                                <mn>)</mn>
                                <mn>=</mn>
                                <mo>17.86</mo>
                                <mn>(</mn>
                                <mo>kN</mo>
                                <mn>)</mn>
                            </math></p>

                        <p class="content">（3）液压缸所需流量</p>
                        <div class="center">
                            <img class="img-c" src="../../assets/images/Figure-0002-02.jpg" alt="">
                            <p class="content">答：液压缸能克服的阻力是17.86 kN，液压缸所需流量是4.65 L/min。</p>
                            <p class="content">这种液压缸常用于要求往返运动速度相同的场合，如液压磨床等。</p>
                            <p class="center"><math display="0">
                                    <mi>q</mi>
                                    <mn>=</mn>
                                    <mi>v</mi>
                                    <mi>A</mi>
                                    <mn>=</mn>
                                    <mo>1.52</mo>
                                    <mn>×</mn>
                                    <mo>60</mo>
                                    <mn>×</mn>
                                    <mo>51.03</mo>
                                    <mn>×</mn>
                                    <mn>=</mn>
                                    <mo>4653.94</mo>
                                    <mn>(</mn>
                                    <msup>
                                        <mn>cm</mn>
                                        <mrow>
                                            <mn>3</mn>
                                        </mrow>
                                    </msup>
                                    <mn>/</mn>
                                    <mn>min</mn>
                                    <mn>)</mn>
                                    <mn>=</mn>
                                    <mo>4.65</mo>
                                    <mn>(</mn>
                                    <mn>L</mn>
                                    <mn>/</mn>
                                    <mn>min</mn>
                                    <mn>)</mn>
                                </math></p>

                            <p class="content">
                                答：液压缸能克服的阻力是17.86 kN，液压缸所需流量是4.65 L/min。
                            </p>
                            <p class="content">
                                这种液压缸常用于要求往返运动速度相同的场合，如液压磨床等。
                            </p>
                        </div>
                    </div>


                    <p class="poemtitle-l">2．单杆活塞式液压缸</p>
                    <p class="content">
                        图5.2所示为双作用单杆活塞式液压缸图形符号和实物图。液压缸的一端有活塞杆伸出，在另一端没有活塞杆伸出，这样使液压缸两腔有效作用面积不等，当向液压缸两腔分别供油，且压力和流量都不变时，活塞在两个方向上的运动速度和推力都不相等。当在无杆腔进油且有杆腔回油时（图5.2（a）），活塞的运动速度v<span
                            class="sub">1</span>和推力F<span class="sub">1</span>分别为
                        图5.2所示为双作用单杆活塞式液压缸图形符号和实物图。液压缸的一端有活塞杆伸出，在另一端没有活塞杆伸出，这样使液压缸两腔有效作用面积不等，当向液压缸两腔分别供油，且压力和流量都不变时，活塞在两个方向上的运动速度和推力都不相等。当在无杆腔进油且有杆腔回油时（图5.2（a）），活塞的运动速度<math
                            display="0">
                            <msub>
                                <mi>v</mi>
                                <mrow>
                                    <mi>1</mi>
                                </mrow>
                            </msub>
                        </math>和推力<math display="0">
                            <msub>
                                <mi>F</mi>
                                <mrow>
                                    <mi>1</mi>
                                </mrow>
                            </msub>
                        </math>分别为
                        <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo" title="查看答案">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
                                viewBox="0 0 20.501 20.501">
                                <path class="a"
                                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                                    transform="translate(-3327.144 15329)" />
                            </svg>
                        </span>
                    </p>
                    <p class="content">当在有杆腔进油且无杆腔回油时（图5.2（b）），活塞的运动速度v<span class="sub">2</span>和推力F<span
                            class="sub">2</span>分别为</p>
                    <p class="left">式中　q——进入液压缸的流量（m<span class="super">3</span>/s）；</p>
                    <div v-if="showAnswerTwo">
                        <p class="center mb-10 mt-10"><math display="0">
                                <msub>
                                    <mi>v</mi>
                                    <mrow>
                                        <mo>1</mo>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mfrac>
                                    <mi>q</mi>
                                    <mrow>
                                        <msub>
                                            <mi>A</mi>
                                            <mrow>
                                                <mo>1</mo>
                                            </mrow>
                                        </msub>
                                    </mrow>
                                </mfrac>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mn>v</mn>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mfrac>
                                    <mrow>
                                        <mn>4</mn>
                                        <mi>q</mi>
                                    </mrow>
                                    <mrow>
                                        <mn>π</mn>
                                        <msup>
                                            <mi>D</mi>
                                            <mrow>
                                                <mo>2</mo>
                                            </mrow>
                                        </msup>
                                    </mrow>
                                </mfrac>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mn>v</mn>
                                    </mrow>
                                </msub>
                                <mn>(</mn>
                                <mn>m</mn>
                                <mn>/</mn>
                                <mn>s</mn>
                                <mn>)</mn>
                            </math>
                        </p>
                        <p class="right-info">（5.3）</p>
                        <p class="center mb-10 mt-10"><math display="0">
                                <msub>
                                    <mi>F</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mn>(</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <msub>
                                    <mi>A</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <msub>
                                    <mi>A</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mn>)</mn>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mi>m</mi>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mo data-mjx-texclass="OPEN">[</mo>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <mn>(</mn>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <mn>-</mn>
                                <msup>
                                    <mi>d</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <mn>)</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mo data-mjx-texclass="CLOSE">]</mo>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mi>m</mi>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mo data-mjx-texclass="OPEN">[</mo>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <mn>(</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mn>)</mn>
                                <mn>=</mn>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mo data-mjx-texclass="CLOSE">]</mo>
                                <msub>
                                    <mi>η</mi>
                                    <mi>m</mi>
                                </msub>
                                <mn>(</mn>
                                <mn>N</mn>
                                <mn>)</mn>
                            </math></p>
                        <p class="right-info">（5.4）</p>
                        <p class="content">
                            当在有杆腔进油且无杆腔回油时（图5.2（b）），活塞的运动速度<math display="0">
                                <msub>
                                    <mi>v</mi>
                                    <mrow>
                                        <mi>2</mi>
                                    </mrow>
                                </msub>
                            </math>和推力<math display="0">
                                <msub>
                                    <mi>F</mi>
                                    <mrow>
                                        <mi>2</mi>
                                    </mrow>
                                </msub>
                            </math>分别为
                        </p>
                        <p class="center mb-10 mt-10"><math display="0">
                                <msub>
                                    <mi>v</mi>
                                    <mrow>
                                        <mo>2</mo>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mfrac>
                                    <mi>q</mi>
                                    <mrow>
                                        <msub>
                                            <mi>A</mi>
                                            <mrow>
                                                <mo>2</mo>
                                            </mrow>
                                        </msub>
                                    </mrow>
                                </mfrac>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mn>v</mn>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mfrac>
                                    <mrow>
                                        <mn>4</mn>
                                        <mi>q</mi>
                                    </mrow>
                                    <mrow>
                                        <mn>π</mn>
                                        <mn>(</mn>
                                        <msup>
                                            <mi>D</mi>
                                            <mrow>
                                                <mo>2</mo>
                                            </mrow>
                                        </msup>
                                        <mn>-</mn>
                                        <msup>
                                            <mi>d</mi>
                                            <mrow>
                                                <mo>2</mo>
                                            </mrow>
                                        </msup>
                                        <mn>)</mn>
                                    </mrow>
                                </mfrac>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mn>v</mn>
                                    </mrow>
                                </msub>
                                <mn>(</mn>
                                <mn>m</mn>
                                <mn>/</mn>
                                <mn>s</mn>
                                <mn>)</mn>
                            </math></p>
                        <p class="right-info">（5.5）</p>
                        <p class="center mb-10 mt-10"><math display="0">
                                <msub>
                                    <mi>F</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mn>(</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <msub>
                                    <mi>A</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <msub>
                                    <mi>A</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mn>)</mn>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mi>m</mi>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mo data-mjx-texclass="OPEN">[</mo>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <mn>(</mn>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <mn>-</mn>
                                <msup>
                                    <mi>d</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <mn>)</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mo data-mjx-texclass="CLOSE">]</mo>
                                <msub>
                                    <mi>η</mi>
                                    <mrow>
                                        <mi>m</mi>
                                    </mrow>
                                </msub>
                                <mn>=</mn>
                                <mo data-mjx-texclass="OPEN">[</mo>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <msup>
                                    <mi>D</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <mn>(</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mn>-</mn>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msub>
                                <mn>)</mn>
                                <mn>=</mn>
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                                <msup>
                                    <mi>d</mi>
                                    <mrow>
                                        <mn>2</mn>
                                    </mrow>
                                </msup>
                                <msub>
                                    <mi>p</mi>
                                    <mrow>
                                        <mn>1</mn>
                                    </mrow>
                                </msub>
                                <mo data-mjx-texclass="CLOSE">]</mo>
                                <msub>
                                    <mi>η</mi>
                                    <mi>m</mi>
                                </msub>
                                <mn>(</mn>
                                <mn>N</mn>
                                <mn>)</mn>
                            </math></p>
                        <p class="right-info">（5.6）</p>
                        <p class="left">
                            式中　<math display="0">
                                <msub>
                                    <mi>q</mi>
                                </msub>
                            </math>——进入液压缸的流量（m<span class="super">3</span>/s）；
                        </p>
                    </div>

                </div>
            </div>
        </div>
@@ -157,23 +873,63 @@
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                    <p class="content">　A<span class="sub">1</span>——无杆腔的活塞有效作用面积（m<span class="super">2</span>）；</p>
                    <p class="content">　D——活塞直径（即缸筒直径）（m）；</p>
                    <p class="content">　η<span class="sub">V</span>——液压缸的容积效率；</p>
                    <p class="content">　p<span class="sub">1</span>——进油压力（Pa）；</p>
                    <p class="content">　p<span class="sub">2</span>——回油压力（Pa）；</p>
                    <p class="content">　A<span class="sub">2</span>——有杆腔的活塞有效作用面积（m<span class="super">2</span>）；</p>
                    <p class="content td-3">
                        <math display="0">
                            <msub>
                                <mi>A</mi>
                                <mrow>
                                    <mi>1</mi>
                                </mrow>
                            </msub>
                        </math>——无杆腔的活塞有效作用面积（m<span class="super">2</span>）；
                    </p>
                    <p class="content"><math display="0">
                            <msub>
                                <mi>D</mi>
                            </msub>
                        </math>——活塞直径（即缸筒直径）（m）；</p>
                    <p class="content">
                        <math display="0">
                            <msub>
                                <mi>η</mi>
                                <mrow>
                                    <mi>v</mi>
                                </mrow>
                            </msub>
                        </math>——液压缸的容积效率；
                    </p>
                    <p class="content"> <math display="0">
                            <msub>
                                <mi>p</mi>
                                <mrow>
                                    <mi>1</mi>
                                </mrow>
                            </msub>
                        </math>——进油压力（Pa）；</p>
                    <p class="content"> <math display="0">
                            <msub>
                                <mi>p</mi>
                                <mrow>
                                    <mi>2</mi>
                                </mrow>
                            </msub>
                        </math>——回油压力（Pa）；</p>
                    <p class="content">
                        　A<span class="sub">2</span>——有杆腔的活塞有效作用面积（m<span class="super">2</span>）；
                    </p>
                    <p class="content">　d——活塞杆直径（m）；</p>
                    <p class="content">　η<span class="sub">m</span>——液压缸的机械效率。</p>
                    <p class="content">
                        　η<span class="sub">m</span>——液压缸的机械效率。
                    </p>
                    <div class="fl jc-sb al-fe openImgBox">
                        <div>
                            <img class="w80" src="../../assets//images/Figure-0003-01-01.png" alt="">
                            <img class="w80" src="../../assets//images/Figure-0003-01-01.png" alt="" />
                        </div>
                        <div>
                            <img class="w80" src="../../assets//images/Figure-0003-01-02.png" alt="">
                            <img class="w80" src="../../assets//images/Figure-0003-01-02.png" alt="" />
                        </div>
                        <div>
                            <img class="w80" src="../../assets//images/Figure-0003-01-03.png" alt="">
                            <img class="w80" src="../../assets//images/Figure-0003-01-03.png" alt="" />
                        </div>
                    </div>
                    <!-- 轮播图 -->
@@ -197,31 +953,41 @@
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img">
                        图5.2　双作用单杆活塞式液压缸图形符号和实物图
                    </p>
                    <p class="content">比较上述各式，由于面积A<span class="sub">1</span>＞A<span class="sub">2</span>，所以速度v<span
                    <p class="img">图5.2　双作用单杆活塞式液压缸图形符号和实物图</p>
                    <p class="content">
                        比较上述各式，由于面积A<span class="sub">1</span>＞A<span class="sub">2</span>，所以速度v<span
                            class="sub">1</span>＜v<span class="sub">2</span>，输出力F<span class="sub">1</span>＞F<span
                            class="sub">2</span>。</p>
                    <p class="content">由式（5.3）和式（5.5）得液压缸往复运动时的速度比为</p>
                            class="sub">2</span>。
                    </p>
                    <p class="content">
                        由式（5.3）和式（5.5）得液压缸往复运动时的速度比为
                    </p>
                    <div class="img-rights w200">
                        <img src="../../assets/images/Figure-0003-03.jpg" alt="">
                        <img src="../../assets/images/Figure-0003-03.jpg" alt="" />
                        <p class="img">图5.3　差动连接液压缸连接方式</p>
                    </div>
                    <span>
                        <p class="content">式（5.7）表明，当活塞杆直径愈小时，两腔分别进液压油，活塞的运动速度比愈接近于1，在两个方向上的速度差值就愈小。</p>
                        <p class="content">
                            式（5.7）表明，当活塞杆直径愈小时，两腔分别进液压油，活塞的运动速度比愈接近于1，在两个方向上的速度差值就愈小。
                        </p>
                        <p class="content">
                            当单杆活塞式液压缸两腔同时通入液压油时，如图5.3所示，由于无杆腔受力面积大于有杆腔的受力面积，使得活塞向右的作用力大于向左的作用力，因此活塞杆做伸出运动，并将有杆腔的液压油挤出，流进无杆腔，加快了活塞杆的伸出速度，单杆活塞式液压缸的这种连接方式称为差动连接。
                        </p>
                    </span>
                    <p class="content">当单杆活塞式液压缸差动连接时，有杆腔排出流量q′=v<span class="sub">3</span>A<span
                            class="sub">2</span>进入无杆腔，根据流量连接性方程，则有</p>
                    <p class="center">v<span class="sub">3</span>A<span class="sub">1</span>=q+v<span
                            class="sub">3</span>A<span class="sub">2</span></p>
                    <p class="content">在考虑了液压缸的容积效率η<span class="sub">V</span>（注意：这里仅有外泄漏）后，活塞杆的伸出速度v<span
                            class="sub">3</span>为</p>
                    <p class="content">
                        当单杆活塞式液压缸差动连接时，有杆腔排出流量q′=v<span class="sub">3</span>A<span
                            class="sub">2</span>进入无杆腔，根据流量连接性方程，则有
                    </p>
                    <p class="center">
                        v<span class="sub">3</span>A<span class="sub">1</span>=q+v<span class="sub">3</span>A<span
                            class="sub">2</span>
                    </p>
                    <p class="content">
                        在考虑了液压缸的容积效率η<span class="sub">V</span>（注意：这里仅有外泄漏）后，活塞杆的伸出速度v<span class="sub">3</span>为
                    </p>

                    <p class="center">v<span class="sub">3</span>=<math display="0">
                    <p class="center">
                        v<span class="sub">3</span>=<math display="0">
                            <mfrac>
                                <mn>q</mn>
                                <mn>
@@ -250,9 +1016,11 @@
                                    </msup>
                                </mn>
                            </mfrac>
                        </math>η<span class="sub">v</span></p>
                        </math>η<span class="sub">v</span>
                    </p>
                    <p class="right-info">（5.8）</p>
                    <p class="content">欲使差动连接液压缸的往复运动速度相等，即v<span class="sub">3</span>=v<span
                    <p class="content">
                        欲使差动连接液压缸的往复运动速度相等，即v<span class="sub">3</span>=v<span
                            class="sub">2</span>，则由式（5.5）和式（5.8）可得D=d<math display="0">
                            <msqrt>
                                <mn>2</mn>
@@ -270,13 +1038,16 @@
                    <li>·83·</li>
                </ul>
                <div class="bodystyle">
                    <p class="content">单杆活塞式液压缸差动连接在忽略两腔液压油流动和其他压力损失的情况下，压力p<span class="sub">2</span>≈p<span
                    <p class="content">
                        单杆活塞式液压缸差动连接在忽略两腔液压油流动和其他压力损失的情况下，压力p<span class="sub">2</span>≈p<span
                            class="sub">1</span>，同时考虑到机械效率η<span class="sub">m</span>，这时活塞的推力F<span
                            class="sub">3</span>为</p>
                            class="sub">3</span>为
                    </p>

                    <p class="center">F<span class="sub">3</span>=[p<span class="sub">1</span>A<span
                            class="sub">1</span>-p<span class="sub">2</span>A<span class="sub">2</span>]η<span
                            class="sub">m</span>=[<math display="0">
                    <p class="center">
                        F<span class="sub">3</span>=[p<span class="sub">1</span>A<span class="sub">1</span>-p<span
                            class="sub">2</span>A<span class="sub">2</span>]η<span class="sub">m</span>=[<math
                            display="0">
                            <mfrac>
                                <mn>π</mn>
                                <mn>4</mn>
@@ -292,15 +1063,20 @@
                                <mn>π</mn>
                                <mn>4</mn>
                            </mfrac>
                        </math>d<span class="super">2</span>p<span class="sub">1</span>η<span class="sub">m</span></p>
                        </math>d<span class="super">2</span>p<span class="sub">1</span>η<span class="sub">m</span>
                    </p>
                    <p class="right-info">（5.9）</p>

                    <p class="content">
                        由式（5.8）和式（5.9）可知，单杆活塞式液压缸差动连接时液压缸实际的有效作用面积是活塞杆的横截面积。与非差动连接的单杆活塞式液压缸无杆腔进油工况相比，在输入液压油压力和流量都不变的条件下，活塞杆伸出速度较大而推力较小。实际应用中，液压传动系统常通过控制阀来改变单杆活塞缸的油路连接，使它有不同的工作方式，从而获得快进（差动连接）→工进（无杆腔进油）→快退（有杆腔进油）的工作循环。差动连接是在不增大液压泵规格和功率的情况下，实现系统快速运动的有效方法。它的应用常见于组合机床和各类专用机床中。
                    </p>
                    <p class="content">单杆活塞式液压缸往复运动范围是有效行程l的2倍，其结构紧凑，应用广泛。</p>
                    <p class="content"><span class="bold">【例5.2】</span>　已知单杆活塞式液压缸的缸筒内径D=100 mm，活塞杆直径d=70
                        mm，进入液压缸的流量q=25 L/min，压力p<span class="sub">1</span>=2 MPa，非差动连接时，p<span
                    <p class="content">
                        单杆活塞式液压缸往复运动范围是有效行程l的2倍，其结构紧凑，应用广泛。
                    </p>
                    <p class="content">
                        <span class="bold">【例5.2】</span>　已知单杆活塞式液压缸的缸筒内径D=100 mm，活塞杆直径d=70
                        mm，进入液压缸的流量q=25 L/min，压力p<span class="sub">1</span>=2
                        MPa，非差动连接时，p<span
                            class="sub">2</span>=0。如果不考虑损失（容积效率和机械效率为1），求如图5.2（a）、（b）和图5.3所示的活塞杆固定的三种情况下，液压缸可推动的负载和运动速度各是多少？并给出运动方向。
                        <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo" title="查看答案">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
@@ -312,21 +1088,27 @@
                        </span>
                    </p>
                    <div v-if="showAnswerTwo">
                        <p class="content"><span class="bold">解</span>　（1）在图5.2（a）中的液压缸无杆腔进压力油，回油腔压力p<span
                                class="sub">2</span>为0。</p>
                        <p class="content">
                            <span class="bold">解</span>　（1）在图5.2（a）中的液压缸无杆腔进压力油，回油腔压力p<span class="sub">2</span>为0。
                        </p>
                        <p class="content">根据公式（5.4），可得推动的负载为</p>




                        <p class="content">根据公式（5.3），可得缸筒的运动速度为</p>
                        <p class="content">答：液压缸可推动的负载是15 700 N，运动速度是0.053 m/s，这时缸筒运动方向向左。</p>
                        <p class="content">（2）图5.2（b）中的液压缸为有杆腔进压力油，回油腔压力p<span class="sub">2</span>为0。根据公式（5.6），可得推动的负载为
                        <p class="content">
                            答：液压缸可推动的负载是15 700 N，运动速度是0.053
                            m/s，这时缸筒运动方向向左。
                        </p>
                        <p class="content">
                            （2）图5.2（b）中的液压缸为有杆腔进压力油，回油腔压力p<span class="sub">2</span>为0。根据公式（5.6），可得推动的负载为
                        </p>
                        <p class="content">根据公式（5.5），可得缸筒的运动速度为</p>
                        <p class="content">答：液压缸可推动的负载是8 007 N，运动速度是0.104 m/s，这时缸筒运动方向向右。</p>
                        <p class="content">（3）图5.3中的液压缸为差动连接，根据公式（5.9），可得推动的负载为</p>

                        <p class="content">
                            答：液压缸可推动的负载是8 007 N，运动速度是0.104
                            m/s，这时缸筒运动方向向右。
                        </p>
                        <p class="content">
                            （3）图5.3中的液压缸为差动连接，根据公式（5.9），可得推动的负载为
                        </p>
                    </div>
                </div>
            </div>
@@ -341,13 +1123,16 @@
                <div class="bodystyle">
                    <div v-if="showAnswerTwo">
                        <p class="content">根据公式（5.8），可得缸筒的运动速度为</p>
                        <p class="content">答：液压缸可推动的负载是7 693 N，运动速度是0.108 m/s，这时缸筒运动方向向左。</p>
                        <p class="content">
                            答：液压缸可推动的负载是7 693 N，运动速度是0.108
                            m/s，这时缸筒运动方向向左。
                        </p>
                    </div>
                    <p class="content"><span class="bold">【例5.3】</span>　在单出杆活塞式液压缸中，已知缸筒内径D=125 mm，活塞杆直径 d=70
                        mm，液压缸大腔进油，活塞运动的速度为v=0.1 m/s，求进入液压缸的流量q<span class="sub">1</span>和排出液压缸的流量q<span
                            class="sub">2</span>各有多少？
                    <p class="content">
                        <span class="bold">【例5.3】</span>　在单出杆活塞式液压缸中，已知缸筒内径D=125 mm，活塞杆直径 d=70
                        mm，液压缸大腔进油，活塞运动的速度为v=0.1
                        m/s，求进入液压缸的流量q<span class="sub">1</span>和排出液压缸的流量q<span class="sub">2</span>各有多少？
                    </p>

                </div>
            </div>
        </div>
@@ -358,10 +1143,7 @@
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·85·</li>
                </ul>
                <div class="bodystyle">


                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 86页 -->
@@ -371,8 +1153,7 @@
                    <li>·86·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 87页 -->
@@ -382,9 +1163,7 @@
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·87·</li>
                </ul>
                <div class="bodystyle">

                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 88页 -->
@@ -394,8 +1173,7 @@
                    <li>·88·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 89页 -->
@@ -405,9 +1183,7 @@
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·89·</li>
                </ul>
                <div class="bodystyle">

                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 90页 -->
@@ -417,8 +1193,7 @@
                    <li>·90·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 91页 -->
@@ -428,9 +1203,7 @@
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·91·</li>
                </ul>
                <div class="bodystyle">

                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 92页 -->
@@ -440,8 +1213,7 @@
                    <li>·92·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 93页 -->
@@ -451,9 +1223,7 @@
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·93·</li>
                </ul>
                <div class="bodystyle">

                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 94页 -->
@@ -463,8 +1233,7 @@
                    <li>·94·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 95页 -->
@@ -474,9 +1243,7 @@
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·95·</li>
                </ul>
                <div class="bodystyle">

                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 96页 -->
@@ -486,8 +1253,7 @@
                    <li>·96·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 97页 -->
@@ -497,9 +1263,7 @@
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·97·</li>
                </ul>
                <div class="bodystyle">

                </div>
                <div class="bodystyle"></div>
            </div>
        </div>
        <!-- 98页 -->
@@ -546,4 +1310,4 @@
};
</script>

<style lang="less" scoped></style>
<style lang="less" scoped></style>

 src/books/kindergartenActivitiesDesignGuidance/css/default.less

@@ -7,1261 +7,1265 @@
    width: 100%;
    height: 100%;
    overflow: auto;
  }

    .public-kindergartenActivitiesDesignGuidance {
      font-family: "方正书宋";
      max-width: 816px;
      min-width: 375px;
      margin: 0 auto;
      border-color: #f49a4c;
      height: 100%;
      font-size: 18px;
  .public-kindergartenActivitiesDesignGuidance {
    font-family: "方正书宋";
    max-width: 816px;
    min-width: 375px;
    margin: 0 auto;
    border-color: #f49a4c;
    height: 100%;
    font-size: 18px;
  }

      .page-box {
        box-sizing: border-box;
        min-height: 1150px;
        margin-bottom: 20px;
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
        position: relative;
  .page-box {
    box-sizing: border-box;
    min-height: 1150px;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 1px #00000029;
    background-color: #fff;
    position: relative;
  }

  .notIndent {
    text-indent: 0 !important;
  }

  .fl {
    display: flex;
  }

  .al-c {
    align-items: center;
  }

  .chapter {

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

    .imgBox {
      display: flex !important;
      flex-direction: column-reverse !important;
      position: relative !important;

      .img {
        margin: 0 !important;
        font-size: 14px !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%);
        bottom: -2% !important;
      }

      .notIndent {
        text-indent: 0 !important;
      }

      .fl {
        display: flex;
      }

      .al-c {
        align-items: center;
      }

      .chapter {

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

        .imgBox {
          display: flex !important;
          flex-direction: column-reverse !important;
          position: relative !important;

          .img {
            margin: 0 !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);
            bottom: -2% !important;
          }

          img {
            height: 80%;
          }
        }

        .bk-xyx {
          display: flex;
          justify-content: flex-end;
          text-indent: 2em;

          textarea {
            width: 80%;
            max-width: 630px;
            border: 1px solid #35ACD6;
            border-radius: 5px;
            font-size: 16px;
            font-family: '宋体';
            line-height: 30px;
            padding: 10px;
            box-sizing: border-box;
          }

          textarea:focus {
            outline: none;
            border-color: #000;
          }
        }

        .videoTitle {
          div {
            font-weight: bold;
            color: #9bc3c2;
            margin-right: 10px;
          }

        }

        .videoBox {
          width: 100%;
          padding: 20px;
          margin-bottom: 20px;
          box-sizing: border-box;
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
          align-items: center;
          // background-image: url('../images/bj-v.png');
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 100% 100%;
          border: 3px dotted #9bc3c2;
          border-radius: 20px;

          .videoItem {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .video-border {
              width: 250px;
              border: 2px solid #9bc3c2;
              border-radius: 10px;
              margin-bottom: 10px;
            }

            .video-one {
              width: 100%;
              height: 100%;
              border: 2px solid #9bc3c2;
              border-radius: 10px;
              margin-bottom: 10px;
            }

            .vname {
              text-wrap: wrap;
              font-size: 14px;
              font-family: "方正仿宋";
            }
          }
        }

        .block {
          font-size: 16px;

          font-weight: 400;
          font-family: '楷体';
        }


        .bk-xyx {
          textarea {
            width: 100%;
            max-width: 630px;
            border: 1px solid #35ACD6;
            border-radius: 5px;
            font-size: 16px;
            font-family: '宋体';
            line-height: 30px;
            padding: 10px;
            box-sizing: border-box;
          }

          textarea:focus {
            outline: none;
            border-color: #000;
          }
        }

        .coverImg {
          position: absolute;
          top: 0;
          left: 0;
          object-fit: cover;
        }


        .coverImgBg01,
        .coverImgBg02,
        .coverImgBg03,
        .coverImgBg04,
        .coverImgBg05,
        .coverImgBg06,
        .coverImgBg07,
        .coverImgBg08,
        .coverImgBg09 {
          background-image: url('../images/z1.jpg');
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 100% 480px;
          padding-top: 480px !important;
          box-sizing: border-box;
        }

        .coverImgBg02 {
          background-image: url('../images/z2.jpg');
        }

        .coverImgBg03 {
          background-image: url('../images/z3.jpg');
        }

        .coverImgBg04 {
          background-image: url('../images/z4.jpg');
        }

        .coverImgBg05 {
          background-image: url('../images/z5.jpg');
        }

        .coverImgBg06 {
          background-image: url('../images/z6.jpg');
        }

        .coverImgBg07 {
          background-image: url('../images/z7.jpg');
        }

        .coverImgBg08 {
          background-image: url('../images/z8.jpg');
        }

        .coverImgBg09 {
          background-image: url('../images/z9.jpg');
        }


        ul {
          list-style-type: none;
        }

        li {
          list-style-type: none;
        }

        @font-face {
          font-family: '方正书宋';
          src: url('../Fonts/FZSSK.TTF');
        }


        @font-face {
          font-family: '方正小标宋';
          src: url('../Fonts/FZXBSK.TTF');
        }

        @font-face {
          font-family: '方正仿宋';
          src: url('../Fonts/FZFSK.TTF');
        }

        @font-face {
          font-family: "方正新书宋";
          src: url("../Fonts/FZXSSK.TTF");
        }

        @font-face {
          font-family: "方正细圆";
          src: url("../Fonts/FZY1JW.TTF");
        }


        @font-face {
          font-family: "FZLTZHJW";
          src: url("../Fonts/FZLTZHJW.ttf");
        }

        @font-face {
          font-family: "FZLTXIHJW";
          src: url("../Fonts/FZLTXIHJW.ttf");
        }

        @font-face {
          font-family: "FZHTJW";
          src: url("../Fonts/FZHTJW.ttf");
        }

        .custom_tag2 {
          background-color: #f1be49;
          color: #ffffff;
          display: inline-block;
          padding: 0.5px;
          border-radius: 1.5em;
          font-size: 1.1em;
          padding: 2px 10px 2px 10px;
          font-weight: bold;
          margin: 0;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        .custom_tag1 {
          background-color: #35acd6;
          color: #ffffff;
          display: inline-block;
          padding: 1px;
          font-size: 1.1em;
          padding: 3px 10px 3px 10px;
          font-weight: bold;
          box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
          margin: 0;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        .custom_tag {
          background-color: #35509f;
          color: #ffffff;
          display: inline-block;
          padding: 1px;
          border-radius: 1.5em;
          font-size: 1.1em;
          padding: 10px 20px 10px 20px;
          font-weight: bold;
          box-shadow: 30px 0px 0px 0px #f5d83e;
          margin: 0;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        span.under1 {
          border-bottom: 2px solid #f0bd4a;
          border-width: 2px;
          position: relative;
        }

        .ml-40 {
          margin-left: 40px;
        }

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

        .mb-20 {
          margin-bottom: 20px;
        }

        .td-1 {
          text-indent: 1em;
        }


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

        div.bodycontent-div-center {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          margin: 1em 1em 1em 1em;
          font-weight: normal;
          border-width: 1.5px;
          border-color: #dfb27d;
          padding: 1em;
        }



        img.bodycontent-divcenter-image {
          float: center;
          clear: both;
          height: 140px;
          margin: 15px;
        }

        .module_block {
          display: flex;
          font-size: 1.1em;
          position: relative;
          padding-left: 90px;
          justify-content: center;
          align-items: center;
          margin-right: 91px;
        }

        .module_block .custom1 {
          background-color: #9acc77;
          padding: 10px 20px;
          color: #ffffff;
          /* position: absolute; */
          /* left:0; */
          /* top: 50%; */
          border-radius: 0.5em 0em 0em 0.5em;
          /* transform: translateY(-50%); */
        }

        .module_block .custom2 {
          background-color: #e9f3e0;
          padding: 10px 20px;
          color: #75a64e;
          font-weight: bold;
          border-radius: 0em 0.5em 0.5em 0em;
        }

        div.bodycontent-div-left1 {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          margin: 1em 1em 1em 1em;
          font-weight: normal;
          border-width: 1.5px;
          border-color: #dfb27d;
          padding: 1em;
          background-color: #f0f8ff;
        }

        div.bodycontent-div-left {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          margin: 1em 1em 1em 1em;
          font-weight: normal;
          border-width: 1.5px;
          border-color: #dfb27d;
          padding: 1em;
        }



        img.bodycontent-divright-image {
          float: right;
          clear: both;
          height: 140px;
          margin: 15px;
        }

        img.bodycontent-divleft-image {
          float: left;
          clear: both;
          height: 110px;
          margin: 15px;
        }

        .page-box:nth-child(odd) .bodystyle {
          text-align: justify;
          margin: 0 16% 0 12%;
          padding: 10% 0;
          position: relative;
          min-height: 970px;
        }

        .page-box:nth-child(even) .bodystyle {
          text-align: justify;
          margin: 0 12% 0 16%;
          padding: 10% 0;
          position: relative;
          min-height: 970px;
        }

        .footer-left {
          position: absolute;
          bottom: 2.5%;
          left: 0%;
          display: flex;
          align-items: flex-end;
          padding-left: 0%;


          .footer-left-number {
            font-family: "方正细圆";
            font-size: 14px;
            font-weight: bold;
            margin-right: 10px;
            line-height: 20px;
          }

          .footer-left-text {
            font-family: "方正细圆";
            font-size: 12px;
            line-height: 20px;
          }
        }

        .footer-right {
          position: absolute;
          bottom: 2.5%;
          right: 0%;
          display: flex;
          align-items: flex-end;
          padding-left: 0%;


          .footer-right-number {
            font-family: "方正细圆";
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;

          }

          .footer-right-text {
            font-family: "方正细圆";
            font-size: 12px;
            line-height: 20px;
            margin-right: 10px;
          }
        }


        span.zt-0 {
          color: #0087af;
        }

        p.pzt-0 {
          color: #0087af;
          font-size: 18px;
        }

        p.pzt-0-right {
          font-size: 18px;
          color: #0087af;
          text-align: right;
        }

        p.pzt-1 {
          font-weight: bold;
          color: #0087af;
          font-size: 18px;
        }

        div.sgc-toc-title {
          font-size: 2em;
          font-weight: bold;
          margin-bottom: 1em;
          text-align: center;
        }

        div.sgc-toc-level-1 {
          margin-left: 0em;
        }

        div.sgc-toc-level-2 {
          margin-left: 2em;
        }

        div.sgc-toc-level-3 {
          margin-left: 2em;
        }

        div.sgc-toc-level-4 {
          margin-left: 2em;
        }

        div.sgc-toc-level-5 {
          margin-left: 2em;
        }

        div.sgc-toc-level-6 {
          margin-left: 2em;
        }

        .imz {
          width: 100%;
          text-align: center;
        }

        .note {
          font-size: 0.85em;
        }


        .block2 {
          text-align: center;
        }

        .block1 {
          color: red;
        }

        .img {
          font-weight: bold;
          font-family: "FZLTXIHJW";
          text-align: center;
          font-size: 0.85em;
          margin-left: 0%;
          margin-right: 0%;
          text-indent: 0em;
        }

        .img1 {
          font-family: "FZLTXIHJW";
          text-align: right;
          font-size: 0.85em;
          margin-left: 0%;
          margin-right: 2em;
          text-indent: 0em;
        }

        p {
          margin-top: 0em;
          margin-bottom: 0em;
          text-indent: 2em;
          line-height: 30px;
          font-size: 18px;
          text-align: justify;
          font-family: "方正新书宋";
        }

        .cover {
          width: 100%;
          padding: 0px;
        }

        .center {
          text-align: center;
          margin-left: 0%;
          margin-right: 0%;
          text-indent: 0em;
        }

        .center-ss {
          text-align: center;
          color: #ef8472;
          font-weight: bold;
          margin-left: 0%;
          margin-right: 0%;
          text-indent: 0em;
        }

        .left {
          text-indent: 0em;
          margin-left: 0%;
          margin-right: 0%;
        }

        .left2 {
          font-size: 1.3em;
          text-indent: 0em;
          font-weight: bold;
          margin-left: 0%;
          margin-right: 0%;
        }

        .right {
          text-align: right;
          margin-left: 0%;
          margin-right: 0%;
        }

        .left1 {
          text-indent: 0em;
          margin-left: 0%;
          margin-right: 0%;
        }

        .center1 {
          text-align: center;
          font-family: "kaiti";
          margin-left: 0%;
          margin-right: 0%;
          text-indent: 0em;
        }

        .right1 {
          text-align: right;
          margin-left: 0%;
          margin-right: 0%;
        }

        .quote {
          margin-top: 0%;
          margin-bottom: 0%;
          margin-left: 1em;
          margin-right: 1em;
          text-align: justify;
          font-family: "cnepub", serif;
        }

        h1 {
          font-family: "FZLTZHJW";
          line-height: 2em;
          font-weight: bold;
          font-size: 1.6em;
          margin-bottom: -0.8em;
          margin-top: 1em;
          text-indent: 0em;
        }

        .h1-zt {
          font-family: "FZLTZHJW";
          line-height: 2em;
          color: #01afee;
          font-weight: bold;
          font-size: 1.9em;
          margin-bottom: 1em;
          margin-top: -0.5em;
          text-indent: 0em;
        }

        .h1-bk {
          box-shadow: 0em 0.1em 0em 0em #c3c2c0;
          border-top-style: solid;
          border-right-style: solid;
          border-bottom-style: solid;
          border-left-style: none;
          padding: 0.1em 0.8em 0.1em 0.5em;
          font-weight: bold;
          color: #000000;
          margin-bottom: 1em;
          margin-top: 1em;
        }

        h1.jz {
          text-align: center;
          text-indent: 0em;
        }

        .front {
          font-family: "FZLTZHJW";
          font-weight: bold;
          font-size: 1.1em;
          color: #00adef;
          margin-top: 0.2em;
          margin-bottom: 0.5em;
          text-indent: 0em;
          text-align: center;
        }

        h2 {
          font-family: "方正小标宋";
          text-align: center;
          font-size: 1.6em;
          margin-bottom: 0em;
          margin-top: 1em;
          margin-bottom: 1em;
          font-weight: 400;
        }

        .h2-zt {
          border-radius: 0.2em 0em 0em 0.2em;
          margin-bottom: 1em;
          margin-top: -0.5em;
          padding: 0.2em 0.5em 0.2em 0.5em
        }

        .h2-zt1 {
          border-radius: 0em 0.2em 0.2em 0em;
          padding: 0.2em 0.5em 0.2em 0.5em;
          margin-bottom: 1em;
          margin-top: -0.8em;
          line-height: 40px;
        }


        h3 {
          font-family: "方正小标宋";
          font-weight: 400;
          font-size: 1.34em;
          margin-bottom: 0.8em;
          margin-top: 0.8em;
          text-indent: 2em;
        }

        h4 {
          font-family: "方正小标宋";
          font-weight: 500;
          margin-top: 0.7em;
          margin-bottom: 0.7em;
          font-size: 1.1em;
          text-indent: 2em;
        }

        h5 {
          font-family: "方正小标宋";
          margin-top: 0.5em;
          margin-bottom: 0.5em;
          color: #000;
          font-size: 1.1em;
          text-indent: 2em;
          font-weight: 400;
        }

        .zt-h6 {
          font-family: "FZHTJW";
          color: #65c097;
          margin-bottom: 0.5em;
          margin-top: 1em;
          font-size: 1.15em;
          text-indent: 2em;
        }

        .bb {
          font-family: "cnepub", serif;
          font-family: "FZHTJW";
          color: #66cccc;
          font-size: 1.1em;
          margin-top: 10px;
          text-indent: 2em;
          margin-bottom: 10px;
          border-bottom: 5px dotted #f4c388;
          margin-left: 2em;
          margin-bottom: 0.5em;
          text-indent: 0em;
        }

        .u {
          text-decoration: underline;
        }

        .img-0 {
          width: 100%;
        }

        .img-a {
          width: 95%;
        }

        .w80 {
          width: 80%;
        }

        .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-zt {
          height: 6em;
          margin-top: -1.5em;
          margin-bottom: -0.4em;
          margin-left: 15%;
        }

        .inline {
          height: 1.3em;
          margin-bottom: -0.3em;
        }

        .inline0 {
          height: 3em;
        }

        .inline0-1 {
          height: 2em;
        }

        .inline1 {
          height: 3em;
          margin-top: 0.5em;
          margin-bottom: -0.5em;
        }

        .inline2 {
          height: 2.3em;
        }

        .img-qj {
          height: 7.5em;
          margin-bottom: -3.4em;
          margin-right: 0.5em;
        }

        // 行高
        .lh-25 {
          line-height: 25px;
        }

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

        .fm-fzht {
          font-family: "方正黑体";
        }

        .fz-16 {
          font-size: 16px !important;
        }

        .fz-15 {
          font-size: 15px !important;
        }

        // 字体
        .mb-20 {
          margin-bottom: 20px;
        }

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



        .bk-bwh {
          background-color: #dfebf7;
          font-size: 1.2em;
          padding: 25px;
          border: 4px dotted #197abf;
        }

        .ls1 {
          text-align: center;
          color: #00b1f5;
          font-family: "STKaiti";
        }

        .ls2 {
          color: #00b1f5;
          font-weight: bold;
          font-size: 1.1em;
        }

        span.lsyq-1 {
          background-color: #0082d4;
          padding: 0.2em 0.4em 0.2em 0.4em;
          border-radius: 1.2em;
          margin-right: 0.5em;
          color: #ffffff;
          font-weight: bold;
          font-size: 1.3em;
        }

        span.hsyq-1 {
          background-color: #ffb7d4;
          padding: 0.2em 0.4em 0.2em 0.4em;
          border-radius: 1.2em;
          margin-right: 0.5em;
          color: #ffffff;
          font-weight: bold;
          font-size: 1.3em;
        }

        .zt-hs1 {
          font-weight: bold;
          color: #f0855b;
          font-size: 1.2em;
        }

        .h1-zt1 {
          padding: 5px 25px 5px 25px;
          border-radius: 10px 0px 0px 10px;
          background-color: #5392c7;
          font-size: 1.2em;
          color: #ffffff;
        }

        .h1-zt2 {
          padding: 10px;
          background-color: #b1dde0;
          margin-right: 2em;
          color: #ffffff;
          padding: 5px 50px 5px 25px;
          border-radius: 0px 5px 80px 0px;
          font-size: 1.2em;
        }

        div.bk {
          border: 3px solid #bbbcc0;
          padding: 3px 10px 3px 10px;
          margin-top: 1em;
          border-radius: 1.5em;
          margin-bottom: 1em;
        }

        div.bk2 {
          border: 2px dashed #000000;
          padding: 3px 10px 3px 10px;
          margin-top: 3em;
          margin-bottom: 1.5em;
        }

        div.bk-tp {
          margin-top: -3em;
          margin-bottom: 0.5em;
          margin-left: -2.7em;
        }

        .rwmb-2 {
          margin-top: 0.1em;
          margin-bottom: 0.5em;
          height: 3.4em;
        }

        div.bk-tp1 {
          margin-top: -2.8em;
          margin-bottom: 0.5em;
          margin-left: -2.7em;
        }

        .rwmb-3 {
          margin-top: 0.1em;
          margin-bottom: 0.5em;
          height: 2.5em;
        }

        .rwmb-4 {
          margin-top: 0.1em;
          margin-bottom: 0.5em;
          height: 2.2em;
        }

        div.bk4 {
          border: 2px solid #00aeed;
          padding: 1px 10px 1px 10px;
          margin-top: 2em;
          border-radius: 1.5em;
          margin-bottom: 1em;
        }

        div.bk4-1 {
          background: #e2f4fe;
          padding: 1px 10px 1px 10px;
          margin-top: 2em;
          border-radius: 1.5em;
          margin-bottom: 1em;
        }

        p.bj1-qjms {
          background-color: #5392c7;
          color: #ffffff;
          display: inline-block;
          font-size: 1em;
          padding: 0.1em 0.7em 0.12em 0.7em;
          font-weight: bold;
          border-radius: 1.5em;
          margin-left: 0em;
          text-align: center;
          text-indent: 0em;
          position: absolute;
          top: -2em;
        }

        span.bj1 {
          background-color: #fdad6e;
          padding: 0.2em 1em 0.2em 1em;
          font-size: 1.1em;
          font-weight: bold;
          color: #ffffff;
        }

        div.bj1 {
          background-color: #ccecfb;
          padding: 0.2em 0.5em 0.2em 0.5em;
          border-radius: 1em;
          margin-bottom: 0.2em;
          margin-left: -0.6em;
          margin-right: -0.6em;
          margin-top: -1.4em;
        }

        div.bj2 {
          background-color: #9adbf9;
          padding: 0.1px 0.5px 0.1px 0.5px;
          border-radius: 1.5em;
          margin-bottom: 0.2em;
          margin-left: -0.6em;
          margin-right: -0.6em;
          margin-top: -1.4em;
        }

        div.bj3 {
          background-color: #c7eafd;
          padding: 0.8em 1.8em 0.5em 0.1em;
          border-radius: 1.5em;
          margin-bottom: 0.2em;
          margin-left: -0.6em;
          margin-right: -0.6em;
          margin-top: -1.4em;
        }

        span.bj3-xyx {
          background-color: #92b03e;
          color: #ffffff;
          border-radius: 1.5em;
          padding: 5px 20px 5px 20px;
          font-size: 1em;
          font-weight: bold;
        }

        div.bk3 {
          margin-top: -2em;
          margin-bottom: 1.5em;
          margin-left: -1.2em;
        }

        .ts-1 {
          font-weight: bold;
        }

        .zt-h4 {
          background-color: #f0bd40;
          padding: 10px;
          color: #ffffff;
          margin-left: -2em;
          border-radius: 1.5em;
        }

        .qyls-h4 {
          font-family: "HiFont Hei GB";
          color: #6cb26c;
          font-weight: bold;
          padding: 0.2em;
          text-indent: 0em;
          margin-left: 0%;
        }

        .bj4 {
          background-color: #ffdeb5;
          padding: 20px;
          border-radius: 0.1em;
          margin-bottom: 2em;
          margin-top: 2.5em;
        }

        span.bj4-xyx {
          background-color: #fa9d1a;
          color: #ffffff;
          border-radius: 1.5em;
          padding: 5px 20px 5px 20px;
          font-size: 1em;
          font-weight: bold;
        }

        div.bj4-xyx {
          margin-top: -3em;
          margin-bottom: 1.5em;
          margin-left: -2.5em;
        }

        .bj5 {
          background-color: #cfcbdc;
          padding: 20px;
          border-radius: 1em;
          margin-bottom: 1em;
          margin-top: 2.5em;
        }

        span.bj5-xyx {
          background-color: #ffffff;
          color: #7d719f;
          border-radius: 0.5em 0.5em 0em 0em;
          padding: 5px 20px 5px 20px;
          font-size: 1em;
          font-weight: bold;
        }

        div.bj5-xyx {
          margin-top: -4em;
          margin-bottom: 1.5em;
          margin-left: -1.5em;
        }

        div.bj6 {
          margin-top: 1.6em;
          margin-bottom: -2.2em;
          margin-left: -1.3em;
        }

        span.bj6-xyx {
          background-color: #7b72a1;
          border-radius: 0.5em 0.5em 0em 0em;
          padding: 10px 20px 10px 20px;
          font-size: 1em;
          font-weight: bold;
        }

        .zt-ht {
          font-weight: bold;
          font-size: 1.2em;
          font-family: "HiFont Hei GB";
        }

        .zt-1 {
          color: #5fc0c9;
        }

        .zt-2 {
          color: red;
        }

        .zt-lvs1 {
          color: #95b321;
        }

        .zt-cs {
          color: #fca01b;
        }

        .zysx {
          margin-top: -2.2em;
          margin-left: -2em;
        }

        .zt-zysx {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          background-color: #24b8bc;
          border-radius: 1.5em;
          color: #ffffff;
          font-weight: bold;
          padding: 4px;
          font-size: 1.2em;
          box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
        }

        .zt-zysx1 {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          background-color: #96a7d5;
          border-radius: 1.5em;
          color: #ffffff;
          font-weight: bold;
          padding: 6px;
          font-size: 1.2em;
        }

        .zt-zysx2 {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          background-color: #0071bd;
          font-size: 1.2em;
        }

        .rwmb-1 {
          margin-left: -2.4em;
          margin-bottom: -0.6em;
          margin-top: 0.5em;
          height: 2em;
        }

        .rwmb-5 {
          margin-left: -2.75em;
          margin-bottom: 1em;
          margin-top: -5em;
          height: 2em;
        }

        .rwmb-6 {
          height: 1.8em;
        }

        .rwmb-7 {
          height: 1.5em;
        }

      img {
        height: 80%;
      }
    }

    .bk-xyx {
      display: flex;
      justify-content: flex-end;
      text-indent: 2em;

      textarea {
        width: 80%;
        max-width: 630px;
        border: 1px solid #35ACD6;
        border-radius: 5px;
        font-size: 16px;
        font-family: '宋体';
        line-height: 30px;
        padding: 10px;
        box-sizing: border-box;
      }

      textarea:focus {
        outline: none;
        border-color: #000;
      }
    }

    .videoTitle {
      div {
        font-weight: bold;
        color: #9bc3c2;
        margin-right: 10px;
      }

    }

    .videoBox {
      width: 100%;
      padding: 20px;
      margin-bottom: 20px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      align-items: center;
      // background-image: url('../images/bj-v.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%;
      border: 3px dotted #9bc3c2;
      border-radius: 20px;

      .videoItem {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .video-border {
          width: 250px;
          border: 2px solid #9bc3c2;
          border-radius: 10px;
          margin-bottom: 10px;
        }

        .video-one {
          width: 100%;
          height: 100%;
          border: 2px solid #9bc3c2;
          border-radius: 10px;
          margin-bottom: 10px;
        }

        .vname {
          text-wrap: wrap;
          font-size: 14px;
          font-family: "方正仿宋";
        }
      }
    }

    .block {
      font-size: 16px;

      font-weight: 400;
      font-family: '楷体';
    }


    .bk-xyx {
      textarea {
        width: 100%;
        max-width: 630px;
        border: 1px solid #35ACD6;
        border-radius: 5px;
        font-size: 16px;
        font-family: '宋体';
        line-height: 30px;
        padding: 10px;
        box-sizing: border-box;
      }

      textarea:focus {
        outline: none;
        border-color: #000;
      }
    }

    .coverImg {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
    }


    .coverImgBg01,
    .coverImgBg02,
    .coverImgBg03,
    .coverImgBg04,
    .coverImgBg05,
    .coverImgBg06,
    .coverImgBg07,
    .coverImgBg08,
    .coverImgBg09 {
      background-image: url('../images/z1.jpg');
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100% 480px;
      padding-top: 480px !important;
      box-sizing: border-box;
    }

    .coverImgBg02 {
      background-image: url('../images/z2.jpg');
    }

    .coverImgBg03 {
      background-image: url('../images/z3.jpg');
    }

    .coverImgBg04 {
      background-image: url('../images/z4.jpg');
    }

    .coverImgBg05 {
      background-image: url('../images/z5.jpg');
    }

    .coverImgBg06 {
      background-image: url('../images/z6.jpg');
    }

    .coverImgBg07 {
      background-image: url('../images/z7.jpg');
    }

    .coverImgBg08 {
      background-image: url('../images/z8.jpg');
    }

    .coverImgBg09 {
      background-image: url('../images/z9.jpg');
    }


    ul {
      list-style-type: none;
    }

    li {
      list-style-type: none;
    }



    .custom_tag2 {
      background-color: #f1be49;
      color: #ffffff;
      display: inline-block;
      padding: 0.5px;
      border-radius: 1.5em;
      font-size: 1.1em;
      padding: 2px 10px 2px 10px;
      font-weight: bold;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    .custom_tag1 {
      background-color: #35acd6;
      color: #ffffff;
      display: inline-block;
      padding: 1px;
      font-size: 1.1em;
      padding: 3px 10px 3px 10px;
      font-weight: bold;
      box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    .custom_tag {
      background-color: #35509f;
      color: #ffffff;
      display: inline-block;
      padding: 1px;
      border-radius: 1.5em;
      font-size: 1.1em;
      padding: 10px 20px 10px 20px;
      font-weight: bold;
      box-shadow: 30px 0px 0px 0px #f5d83e;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    span.under1 {
      border-bottom: 2px solid #f0bd4a;
      border-width: 2px;
      position: relative;
    }

    .ml-40 {
      margin-left: 40px;
    }

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

    .mb-20 {
      margin-bottom: 20px;
    }

    .td-1 {
      text-indent: 1em;
    }


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

    div.bodycontent-div-center {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
    }



    img.bodycontent-divcenter-image {
      float: center;
      clear: both;
      height: 140px;
      margin: 15px;
    }

    .module_block {
      display: flex;
      font-size: 1.1em;
      position: relative;
      padding-left: 90px;
      justify-content: center;
      align-items: center;
      margin-right: 91px;
    }

    .module_block .custom1 {
      background-color: #9acc77;
      padding: 10px 20px;
      color: #ffffff;
      /* position: absolute; */
      /* left:0; */
      /* top: 50%; */
      border-radius: 0.5em 0em 0em 0.5em;
      /* transform: translateY(-50%); */
    }

    .module_block .custom2 {
      background-color: #e9f3e0;
      padding: 10px 20px;
      color: #75a64e;
      font-weight: bold;
      border-radius: 0em 0.5em 0.5em 0em;
    }

    div.bodycontent-div-left1 {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
      background-color: #f0f8ff;
    }

    div.bodycontent-div-left {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
    }



    img.bodycontent-divright-image {
      float: right;
      clear: both;
      height: 140px;
      margin: 15px;
    }

    img.bodycontent-divleft-image {
      float: left;
      clear: both;
      height: 110px;
      margin: 15px;
    }

    .page-box:nth-child(odd) .bodystyle {
      text-align: justify;
      margin: 0 16% 0 12%;
      padding: 10% 0;
      position: relative;
      min-height: 970px;
    }

    .page-box:nth-child(even) .bodystyle {
      text-align: justify;
      margin: 0 12% 0 16%;
      padding: 10% 0;
      position: relative;
      min-height: 970px;
    }

    .footer-left {
      position: absolute;
      bottom: 2.5%;
      left: 0%;
      display: flex;
      align-items: flex-end;
      padding-left: 0%;


      .footer-left-number {
        font-family: "方正细圆";
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px;
        line-height: 20px;
      }

      .footer-left-text {
        font-family: "方正细圆";
        font-size: 12px;
        line-height: 20px;
      }
    }

    .footer-right {
      position: absolute;
      bottom: 2.5%;
      right: 0%;
      display: flex;
      align-items: flex-end;
      padding-left: 0%;


      .footer-right-number {
        font-family: "方正细圆";
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;

      }

      .footer-right-text {
        font-family: "方正细圆";
        font-size: 12px;
        line-height: 20px;
        margin-right: 10px;
      }
    }


    span.zt-0 {
      color: #0087af;
    }

    p.pzt-0 {
      color: #0087af;
      font-size: 18px;
    }

    p.pzt-0-right {
      font-size: 18px;
      color: #0087af;
      text-align: right;
    }

    p.pzt-1 {
      font-weight: bold;
      color: #0087af;
      font-size: 18px;
    }

    div.sgc-toc-title {
      font-size: 2em;
      font-weight: bold;
      margin-bottom: 1em;
      text-align: center;
    }

    div.sgc-toc-level-1 {
      margin-left: 0em;
    }

    div.sgc-toc-level-2 {
      margin-left: 2em;
    }

    div.sgc-toc-level-3 {
      margin-left: 2em;
    }

    div.sgc-toc-level-4 {
      margin-left: 2em;
    }

    div.sgc-toc-level-5 {
      margin-left: 2em;
    }

    div.sgc-toc-level-6 {
      margin-left: 2em;
    }

    .imz {
      width: 100%;
      text-align: center;
    }

    .note {
      font-size: 0.85em;
    }


    .block2 {
      text-align: center;
    }

    .block1 {
      color: red;
    }

    .img {
      font-weight: bold;
      font-family: "FZLTXIHJW";
      text-align: center;
      font-size: 0.85em;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }

    .img1 {
      font-family: "FZLTXIHJW";
      text-align: right;
      font-size: 0.85em;
      margin-left: 0%;
      margin-right: 2em;
      text-indent: 0em;
    }

    p {
      margin-top: 0em;
      margin-bottom: 0em;
      text-indent: 2em;
      line-height: 30px;
      font-size: 18px;
      text-align: justify;
      font-family: "方正新书宋";
    }

    .cover {
      width: 100%;
      padding: 0px;
    }

    .center {
      text-align: center;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }

    .center-ss {
      text-align: center;
      color: #ef8472;
      font-weight: bold;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }

    .left {
      text-indent: 0em;
      margin-left: 0%;
      margin-right: 0%;
    }

    .left2 {
      font-size: 1.3em;
      text-indent: 0em;
      font-weight: bold;
      margin-left: 0%;
      margin-right: 0%;
    }

    .right {
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
    }

    .left1 {
      text-indent: 0em;
      margin-left: 0%;
      margin-right: 0%;
    }

    .center1 {
      text-align: center;
      font-family: "kaiti";
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }

    .right1 {
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
    }

    .quote {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: 1em;
      margin-right: 1em;
      text-align: justify;
      font-family: "cnepub", serif;
    }

    h1 {
      font-family: "FZLTZHJW";
      line-height: 2em;
      font-weight: bold;
      font-size: 1.6em;
      margin-bottom: -0.8em;
      margin-top: 1em;
      text-indent: 0em;
    }

    .h1-zt {
      font-family: "FZLTZHJW";
      line-height: 2em;
      color: #01afee;
      font-weight: bold;
      font-size: 1.9em;
      margin-bottom: 1em;
      margin-top: -0.5em;
      text-indent: 0em;
    }

    .h1-bk {
      box-shadow: 0em 0.1em 0em 0em #c3c2c0;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: none;
      padding: 0.1em 0.8em 0.1em 0.5em;
      font-weight: bold;
      color: #000000;
      margin-bottom: 1em;
      margin-top: 1em;
    }

    h1.jz {
      text-align: center;
      text-indent: 0em;
    }

    .front {
      font-family: "FZLTZHJW";
      font-weight: bold;
      font-size: 1.1em;
      color: #00adef;
      margin-top: 0.2em;
      margin-bottom: 0.5em;
      text-indent: 0em;
      text-align: center;
    }

    h2 {
      font-family: "方正小标宋" !important;
      text-align: center;
      font-size: 1.6em;
      margin-bottom: 0em;
      margin-top: 1em;
      margin-bottom: 1em;
      font-weight: 400;
    }

    .h2-zt {
      border-radius: 0.2em 0em 0em 0.2em;
      margin-bottom: 1em;
      margin-top: -0.5em;
      padding: 0.2em 0.5em 0.2em 0.5em
    }

    .h2-zt1 {
      border-radius: 0em 0.2em 0.2em 0em;
      padding: 0.2em 0.5em 0.2em 0.5em;
      margin-bottom: 1em;
      margin-top: -0.8em;
      line-height: 40px;
    }


    h3 {
      font-family: "方正小标宋" !important;
      font-weight: 400;
      font-size: 1.34em;
      margin-bottom: 0.8em;
      margin-top: 0.8em;
      text-indent: 2em;
    }

    h4 {
      font-family: "方正小标宋" !important;
      font-weight: 500;
      margin-top: 0.7em;
      margin-bottom: 0.7em;
      font-size: 1.1em;
      text-indent: 2em;
    }

    h5 {
      font-family: "方正小标宋" !important;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      color: #000;
      font-size: 1.1em;
      text-indent: 2em;
      font-weight: 400;
    }

    .zt-h6 {
      font-family: "FZHTJW";
      color: #65c097;
      margin-bottom: 0.5em;
      margin-top: 1em;
      font-size: 1.15em;
      text-indent: 2em;
    }

    .bb {
      font-family: "cnepub", serif;
      font-family: "FZHTJW";
      color: #66cccc;
      font-size: 1.1em;
      margin-top: 10px;
      text-indent: 2em;
      margin-bottom: 10px;
      border-bottom: 5px dotted #f4c388;
      margin-left: 2em;
      margin-bottom: 0.5em;
      text-indent: 0em;
    }

    .u {
      text-decoration: underline;
    }

    .img-0 {
      width: 100%;
    }

    .img-a {
      width: 95%;
    }

    .w80 {
      width: 80%;
    }

    .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-zt {
      height: 6em;
      margin-top: -1.5em;
      margin-bottom: -0.4em;
      margin-left: 15%;
    }

    .inline {
      height: 1.3em;
      margin-bottom: -0.3em;
    }

    .inline0 {
      height: 3em;
    }

    .inline0-1 {
      height: 2em;
    }

    .inline1 {
      height: 3em;
      margin-top: 0.5em;
      margin-bottom: -0.5em;
    }

    .inline2 {
      height: 2.3em;
    }

    .img-qj {
      height: 7.5em;
      margin-bottom: -3.4em;
      margin-right: 0.5em;
    }

    // 行高
    .lh-25 {
      line-height: 25px;
    }

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

    .fm-fzht {
      font-family: "方正黑体";
    }

    .fz-16 {
      font-size: 16px !important;
    }

    .fz-15 {
      font-size: 15px !important;
    }

    // 字体
    .mb-20 {
      margin-bottom: 20px;
    }

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



    .bk-bwh {
      background-color: #dfebf7;
      font-size: 1.2em;
      padding: 25px;
      border: 4px dotted #197abf;
    }

    .ls1 {
      text-align: center;
      color: #00b1f5;
      font-family: "STKaiti";
    }

    .ls2 {
      color: #00b1f5;
      font-weight: bold;
      font-size: 1.1em;
    }

    span.lsyq-1 {
      background-color: #0082d4;
      padding: 0.2em 0.4em 0.2em 0.4em;
      border-radius: 1.2em;
      margin-right: 0.5em;
      color: #ffffff;
      font-weight: bold;
      font-size: 1.3em;
    }

    span.hsyq-1 {
      background-color: #ffb7d4;
      padding: 0.2em 0.4em 0.2em 0.4em;
      border-radius: 1.2em;
      margin-right: 0.5em;
      color: #ffffff;
      font-weight: bold;
      font-size: 1.3em;
    }

    .zt-hs1 {
      font-weight: bold;
      color: #f0855b;
      font-size: 1.2em;
    }

    .h1-zt1 {
      padding: 5px 25px 5px 25px;
      border-radius: 10px 0px 0px 10px;
      background-color: #5392c7;
      font-size: 1.2em;
      color: #ffffff;
    }

    .h1-zt2 {
      padding: 10px;
      background-color: #b1dde0;
      margin-right: 2em;
      color: #ffffff;
      padding: 5px 50px 5px 25px;
      border-radius: 0px 5px 80px 0px;
      font-size: 1.2em;
    }

    div.bk {
      border: 3px solid #bbbcc0;
      padding: 3px 10px 3px 10px;
      margin-top: 1em;
      border-radius: 1.5em;
      margin-bottom: 1em;
    }

    div.bk2 {
      border: 2px dashed #000000;
      padding: 3px 10px 3px 10px;
      margin-top: 3em;
      margin-bottom: 1.5em;
    }

    div.bk-tp {
      margin-top: -3em;
      margin-bottom: 0.5em;
      margin-left: -2.7em;
    }

    .rwmb-2 {
      margin-top: 0.1em;
      margin-bottom: 0.5em;
      height: 3.4em;
    }

    div.bk-tp1 {
      margin-top: -2.8em;
      margin-bottom: 0.5em;
      margin-left: -2.7em;
    }

    .rwmb-3 {
      margin-top: 0.1em;
      margin-bottom: 0.5em;
      height: 2.5em;
    }

    .rwmb-4 {
      margin-top: 0.1em;
      margin-bottom: 0.5em;
      height: 2.2em;
    }

    div.bk4 {
      border: 2px solid #00aeed;
      padding: 1px 10px 1px 10px;
      margin-top: 2em;
      border-radius: 1.5em;
      margin-bottom: 1em;
    }

    div.bk4-1 {
      background: #e2f4fe;
      padding: 1px 10px 1px 10px;
      margin-top: 2em;
      border-radius: 1.5em;
      margin-bottom: 1em;
    }

    p.bj1-qjms {
      background-color: #5392c7;
      color: #ffffff;
      display: inline-block;
      font-size: 1em;
      padding: 0.1em 0.7em 0.12em 0.7em;
      font-weight: bold;
      border-radius: 1.5em;
      margin-left: 0em;
      text-align: center;
      text-indent: 0em;
      position: absolute;
      top: -2em;
    }

    span.bj1 {
      background-color: #fdad6e;
      padding: 0.2em 1em 0.2em 1em;
      font-size: 1.1em;
      font-weight: bold;
      color: #ffffff;
    }

    div.bj1 {
      background-color: #ccecfb;
      padding: 0.2em 0.5em 0.2em 0.5em;
      border-radius: 1em;
      margin-bottom: 0.2em;
      margin-left: -0.6em;
      margin-right: -0.6em;
      margin-top: -1.4em;
    }

    div.bj2 {
      background-color: #9adbf9;
      padding: 0.1px 0.5px 0.1px 0.5px;
      border-radius: 1.5em;
      margin-bottom: 0.2em;
      margin-left: -0.6em;
      margin-right: -0.6em;
      margin-top: -1.4em;
    }

    div.bj3 {
      background-color: #c7eafd;
      padding: 0.8em 1.8em 0.5em 0.1em;
      border-radius: 1.5em;
      margin-bottom: 0.2em;
      margin-left: -0.6em;
      margin-right: -0.6em;
      margin-top: -1.4em;
    }

    span.bj3-xyx {
      background-color: #92b03e;
      color: #ffffff;
      border-radius: 1.5em;
      padding: 5px 20px 5px 20px;
      font-size: 1em;
      font-weight: bold;
    }

    div.bk3 {
      margin-top: -2em;
      margin-bottom: 1.5em;
      margin-left: -1.2em;
    }

    .ts-1 {
      font-weight: bold;
    }

    .zt-h4 {
      background-color: #f0bd40;
      padding: 10px;
      color: #ffffff;
      margin-left: -2em;
      border-radius: 1.5em;
    }

    .qyls-h4 {
      font-family: "HiFont Hei GB";
      color: #6cb26c;
      font-weight: bold;
      padding: 0.2em;
      text-indent: 0em;
      margin-left: 0%;
    }

    .bj4 {
      background-color: #ffdeb5;
      padding: 20px;
      border-radius: 0.1em;
      margin-bottom: 2em;
      margin-top: 2.5em;
    }

    span.bj4-xyx {
      background-color: #fa9d1a;
      color: #ffffff;
      border-radius: 1.5em;
      padding: 5px 20px 5px 20px;
      font-size: 1em;
      font-weight: bold;
    }

    div.bj4-xyx {
      margin-top: -3em;
      margin-bottom: 1.5em;
      margin-left: -2.5em;
    }

    .bj5 {
      background-color: #cfcbdc;
      padding: 20px;
      border-radius: 1em;
      margin-bottom: 1em;
      margin-top: 2.5em;
    }

    span.bj5-xyx {
      background-color: #ffffff;
      color: #7d719f;
      border-radius: 0.5em 0.5em 0em 0em;
      padding: 5px 20px 5px 20px;
      font-size: 1em;
      font-weight: bold;
    }

    div.bj5-xyx {
      margin-top: -4em;
      margin-bottom: 1.5em;
      margin-left: -1.5em;
    }

    div.bj6 {
      margin-top: 1.6em;
      margin-bottom: -2.2em;
      margin-left: -1.3em;
    }

    span.bj6-xyx {
      background-color: #7b72a1;
      border-radius: 0.5em 0.5em 0em 0em;
      padding: 10px 20px 10px 20px;
      font-size: 1em;
      font-weight: bold;
    }

    .zt-ht {
      font-weight: bold;
      font-size: 1.2em;
      font-family: "HiFont Hei GB";
    }

    .zt-1 {
      color: #5fc0c9;
    }

    .zt-2 {
      color: red;
    }

    .zt-lvs1 {
      color: #95b321;
    }

    .zt-cs {
      color: #fca01b;
    }

    .zysx {
      margin-top: -2.2em;
      margin-left: -2em;
    }

    .zt-zysx {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      background-color: #24b8bc;
      border-radius: 1.5em;
      color: #ffffff;
      font-weight: bold;
      padding: 4px;
      font-size: 1.2em;
      box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
    }

    .zt-zysx1 {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      background-color: #96a7d5;
      border-radius: 1.5em;
      color: #ffffff;
      font-weight: bold;
      padding: 6px;
      font-size: 1.2em;
    }

    .zt-zysx2 {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      background-color: #0071bd;
      font-size: 1.2em;
    }

    .rwmb-1 {
      margin-left: -2.4em;
      margin-bottom: -0.6em;
      margin-top: 0.5em;
      height: 2em;
    }

    .rwmb-5 {
      margin-left: -2.75em;
      margin-bottom: 1em;
      margin-top: -5em;
      height: 2em;
    }

    .rwmb-6 {
      height: 1.8em;
    }

    .rwmb-7 {
      height: 1.5em;
    }

  }



  @font-face {
    font-family: '方正书宋';
    src: url('../Fonts/FZSSK.TTF');
  }


  @font-face {
    font-family: '方正小标宋';
    src: url('../Fonts/FZXBSK.TTF');
  }

  @font-face {
    font-family: '方正仿宋';
    src: url('../Fonts/FZFSK.TTF');
  }

  @font-face {
    font-family: "方正新书宋";
    src: url("../Fonts/FZXSSK.TTF");
  }

  @font-face {
    font-family: "方正细圆";
    src: url("../Fonts/FZY1JW.TTF");
  }


  @font-face {
    font-family: "FZLTZHJW";
    src: url("../Fonts/FZLTZHJW.ttf");
  }

  @font-face {
    font-family: "FZLTXIHJW";
    src: url("../Fonts/FZLTXIHJW.ttf");
  }

  @font-face {
    font-family: "FZHTJW";
    src: url("../Fonts/FZHTJW.ttf");
  }
}

 src/books/kindergartenActivitiesDesignGuidance/view/components/chapter001.vue

@@ -713,7 +713,7 @@
          <p>
            幼儿园教育活动过程由开始活动、基本活动过程、活动结束三部分构成。教育活动过程各环节能否顺利进行，与教师是否有良好的教育技能密切相关。本课主要组织开展各教育活动环节的训练，目的是使同学们掌握组织教育活动的技能。
          </p>
          <h3 id="c009"><span class="h3-zt1">项目一</span>活动导入技能训练</h3>
          <h3 id="c009"><span class="h3-zt1">项目一　</span>活动导入技能训练</h3>
          <h4 id="d021">（一）实训目标</h4>
          <p class="block">1.熟悉各种导入语的类型及作用。</p>
          <p class="block">2.掌握活动导入技能。</p>
@@ -724,7 +724,7 @@
          <p class="block">
            2.将学生分为4组，分别为2～3个活动设计导入方式及导语；每组推荐1～3名同学在集体面前试讲，时间不得超过3分钟。
          </p>
          <h3 id="c010"><span class="h3-zt1">项目二</span>活动过渡技能训练</h3>
          <h3 id="c010"><span class="h3-zt1">项目二　</span>活动过渡技能训练</h3>
          <h4 id="d023">（一）实训目标</h4>
          <p class="block">1.了解过渡语的特点及其优劣。</p>
          <p class="block">2.掌握活动过渡技能。</p>
@@ -735,7 +735,7 @@
          <p class="block">
            2.提供一个活动教案，请学生选择恰当的过渡类型把这个教案的各个主要环节进行巧妙的勾连，并设计出简短的过渡语，在小组或班级中进行试教和评析。
          </p>
          <h3 id="c011"><span class="h3-zt1">项目三</span>活动结束技能训练</h3>
          <h3 id="c011"><span class="h3-zt1">项目三　</span>活动结束技能训练</h3>
          <h4 id="d025">（一）实训目标</h4>
          <p class="block">1.掌握活动结束采用的方法类型及所达到的目的。</p>
          <ul class="footer-right">
@@ -753,7 +753,7 @@
          <p class="block">
            评析2个活动（或教案）的结束方式，指出其采用的方法类型及所达到的目的，对不合理的结束方式做出改进。
          </p>
          <h3 id="c012"><span class="h3-zt1">项目四</span>提问设计技能训练</h3>
          <h3 id="c012"><span class="h3-zt1">项目四　</span>提问设计技能训练</h3>
          <h4 id="d027">（一）实训目标</h4>
          <p class="block">1.熟悉提问的类型及意义。</p>
          <p class="block">2.掌握提问设计技能。</p>
@@ -764,7 +764,7 @@
          <p class="block">
            2.提问设计。选择一个活动教材，根据提问的类型与要求对所提问题进行设计，并在小组进行试教。
          </p>
          <h3 id="c013"><span class="h3-zt1">项目五</span>描述技能训练</h3>
          <h3 id="c013"><span class="h3-zt1">项目五　</span>描述技能训练</h3>
          <h4 id="d029">（一）实训目标</h4>
          <p class="block">1.熟悉语言描述的类型及作用。</p>
          <p class="block">2.掌握描述技能。</p>
@@ -773,7 +773,7 @@
          <p class="block">2.任选一则游戏，讲解规则的玩法。</p>
          <p class="block">3.把诗歌《小熊过桥》的内容用故事形式讲述出来。</p>
          <p class="block">4.结合教具讲述蚕的生长过程。</p>
          <h3 id="c014"><span class="h3-zt1">项目六</span>评价技能训练</h3>
          <h3 id="c014"><span class="h3-zt1">项目六　</span>评价技能训练</h3>
          <h4 id="d031">（一）实训目标</h4>
          <p class="block">1.了解各种评价方式及要求。</p>
          <p class="block">2.掌握评价技能。</p>
@@ -782,7 +782,7 @@
          <p class="block">
            2.观摩幼儿园教师的教育活动（或活动录像片）1～2个，给出评价意见。
          </p>
          <h3 id="c015"><span class="h3-zt1">项目七</span>观察技能训练</h3>
          <h3 id="c015"><span class="h3-zt1">项目七　</span>观察技能训练</h3>
          <h4 id="d033">（一）实训目标</h4>
          <p class="block">1.了解观察的类型及方式。</p>
          <ul class="footer-left">
@@ -798,7 +798,7 @@
          <p class="block">2.掌握观察技能。</p>
          <h4 id="d034">（二）内容与要求</h4>
          <p class="block">自定一个内容对幼儿进行观察，并做好观察记录。</p>
          <h3 id="c016"><span class="h3-zt1">项目八</span>教学媒体技能训练</h3>
          <h3 id="c016"><span class="h3-zt1">项目八　</span>教学媒体技能训练</h3>
          <h4 id="d035">（一）实训目标</h4>
          <p class="block">1.了解教学媒体的种类及作用。</p>
          <p class="block">2.掌握教学媒体技能。</p>