From 9d4259cd8655094fa1bc7228513d951f47e3ccbc Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期五, 27 十二月 2024 15:34:46 +0800 Subject: [PATCH] 11 --- src/books/aviationSafety/assets/main.less | 2154 ++++++++++++++++++++++++++++++----------------------------- 1 files changed, 1,091 insertions(+), 1,063 deletions(-) diff --git a/src/books/aviationSafety/assets/main.less b/src/books/aviationSafety/assets/main.less index 829cc92..d819f16 100644 --- a/src/books/aviationSafety/assets/main.less +++ b/src/books/aviationSafety/assets/main.less @@ -2,1740 +2,1768 @@ width: 100%; height: 100%; - // 瑙嗛 - .video-box-cover { - border: 1px dashed #895B2E; - padding: 2% 2%; - } - - .video-box { - margin: 20px 0 20px 8%; - border: 1px dashed #895B2E; - padding: 2% 2%; - } - - .video-box-left { - margin: 20px 8% 20px 0; - border: 1px dashed #895B2E; - padding: 2% 2%; - } - - .videoname { - display: flex; - justify-content: center; - } - - .selectInput { - width: 20px; - outline: none; - border: 0; - text-align: center; - } - - .collect-btn { - cursor: pointer; - width: 20px; - height: 20px; - margin-left: 10px; - margin-top: 0.8%; - } - - .collect-btn1 { - cursor: pointer; - width: 10px; - height: 10px; - margin-left: 10px; - margin-top: 0.8%; - } - // 鑷畾涔夊唴瀹� .page-box { - box-sizing: border-box; - min-height: 1128px; - margin-bottom: 20px; - box-shadow: 0 3px 6px 1px #00000029; - background-color: #fff; + box-sizing: border-box; + min-height: 1128px; + margin-bottom: 20px; + box-shadow: 0 3px 6px 1px #00000029; + background-color: #fff; } .foreword { - line-height: 10px !important; - margin-top: 0; + line-height: 10px !important; + margin-top: 0; } .c-g { - color: green; + color: green; } .c-r { - color: red; + color: red; } .t-right { - text-align: right; + text-align: right; } .mr-0 { - margin: 0 !important; + margin: 0 !important; } .mr-9 { - margin-right: 9%; + margin-right: 9%; } .ml-9 { - margin-left: 9%; + margin-left: 9%; } .ml-2e { - margin-left: 2em; + margin-left: 2em; } - .mt--25 { - margin-top: -25px !important; + .mt--25{ + margin-top: -25px !important; } .mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .mt-30 { - margin-top: 30px !important; - ; + margin-top: 30px !important;; } .mt-50 { - margin-top: 50px !important; + margin-top: 50px !important; } .mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .mb-10 { - margin-bottom: 10px; + margin-bottom: 10px; } .pd-5 { - padding: 0 5px; + padding: 0 5px; } .w100 { - width: 100%; + width: 100%; } .w90 { - width: 90%; + width: 90%; } .w80 { - width: 80%; + width: 80%; } .b0 { - border: 0; + border: 0; } sup { - vertical-align: super; - /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */ - font-size: smaller; - // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */ - // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ + vertical-align: super; + /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */ + font-size: smaller; + // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */ + // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ } .fz-13 { - font-size: 13px !important; + font-size: 13px !important; } .fz-14 { - font-size: 14px !important; + font-size: 14px !important; } .fz-15 { - font-size: 15px !important; + font-size: 15px !important; } .fz-16 { - font-size: 16px !important; + font-size: 16px !important; } .fz-18 { - font-size: 18px !important; + font-size: 18px !important; } .img-0 { - width: 100%; + width: 100%; } .pt-20 { - padding-top: 20px; + padding-top: 20px; } .td-0 { - text-indent: 0em !important; + text-indent: 0em !important; } .td-1 { - text-indent: 1em !important; + text-indent: 1em !important; } .td-2 { - text-indent: 2em !important; + text-indent: 2em !important; } .fl { - display: flex; + display: flex; } .ju-cn { - justify-content: center; + justify-content: center; } .ju-ev { - justify-content: space-evenly; + justify-content: space-evenly; } .fd-c { - flex-direction: column; + flex-direction: column; } .fd-r { - flex-direction: row-reverse; + flex-direction: row-reverse; } .al-c { - align-items: center; + align-items: center; } .al-fe { - align-items: flex-end; + align-items: flex-end; } .ac-f { - align-content: flex-end; + align-content: flex-end; } .jc-fe { - justify-content: flex-end; + justify-content: flex-end; } .jc-c { - justify-content: center; + justify-content: center; } .jc-sa { - justify-content: space-around + justify-content: space-around } .mr-70 { - margin-right: 70px; + margin-right: 70px; } .mr-45 { - margin-right: 45px; + margin-right: 45px; } .mr-10 { - margin-right: 10px; + margin-right: 10px; } .mr-5 { - margin-right: 5px; + margin-right: 5px; } .ma-l { - margin-left: 10%; + margin-left: 10%; } .ta-l { - text-align: left; + text-align: left; } .wh-no { - white-space: nowrap; + white-space: nowrap; } .pad-t-55 { - padding-top: 55px; + padding-top: 55px; } .pad-l-60 { - padding-left: 60px; + padding-left: 60px; } .mb-45 { - margin-bottom: 45px; + margin-bottom: 45px; } .headerImg { - width: 30px; + width: 30px; } .headerText { - font-size: 12px; - padding: 0 8px; - color: #B98C64; + font-size: 12px; + padding: 0 8px; + color: #B98C64; } .headerNumber { - color: #231F20; - font-size: 12px; - padding: 0 8px; - border-left: 1px solid #231F20; + color: #231F20; + font-size: 12px; + padding: 0 8px; + border-left: 1px solid #231F20; } .header-left-Number { - color: #231F20; - font-size: 12px; - padding-right: 8px; - border-right: 1px solid #000; + color: #231F20; + font-size: 12px; + padding-right: 8px; + border-right: 1px solid #000; } .header-left-text { - margin-left: 8px; - font-size: 12px; - color: #fff; - background-color: #6D84AE; + margin-left: 8px; + font-size: 12px; + color: #fff; + background-color: #6D84AE; } - .radioClass { - margin: 0 0 0 4px !important; - + .radioClass{ + margin: 0 0 0 4px !important; + } .task-u2-c { - width: 16%; - margin-bottom: 6em; - margin-top: 0; - border-top: 0.7em solid #F89C1C; + width: 16%; + margin-bottom: 6em; + margin-top: 0; + border-top: 0.7em solid #F89C1C; } .task-u3-c { - width: 16%; - margin-bottom: 6em; - margin-top: 0; - border-top: 0.7em solid #0A9CAC; + width: 16%; + margin-bottom: 6em; + margin-top: 0; + border-top: 0.7em solid #0A9CAC; } .task-u4-c { - width: 16%; - margin-bottom: 6em; - margin-top: 0; - border-top: 0.7em solid #92B03D; + width: 16%; + margin-bottom: 6em; + margin-top: 0; + border-top: 0.7em solid #92B03D; } .task-u5-c { - width: 16%; - margin-bottom: 6em; - margin-top: 0; - border-top: 0.7em solid #0180CD; + width: 16%; + margin-bottom: 6em; + margin-top: 0; + border-top: 0.7em solid #0180CD; } .p-odd { - padding-right: 2%; + padding-right: 2%; } .p-even { - padding-left: 2%; + padding-left: 2%; } .img-float-smaller { - width: 200px; - float: left; - height: auto; - margin: auto; - margin-right: 20px; + width: 200px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; } .img-float-medium { - width: 250px; - float: left; - height: auto; - margin: auto; - margin-right: 20px; + width: 250px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; } .img-float { - width: 310px; - float: left; - height: auto; - margin: auto; - margin-right: 20px; + width: 310px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; - img { - width: 100%; - } + img { + width: 100%; + } - p { - margin: 0; - } + p { + margin: 0; + } } .img-float-formula { - width: 310px; - float: left; - height: auto; - margin: auto; - margin-right: 20px; + width: 310px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; - p { - margin: 0; - } + p { + margin: 0; + } } .img-rights { - width: 47%; - float: right; - height: auto; - margin: auto; - margin-left: 20px; + width: 47%; + float: right; + height: auto; + margin: auto; + margin-left: 20px; - img { - width: 100%; - } + img { + width: 100%; + } - p { - margin: 0 !important; - } + p { + margin: 0 !important; + } } .references { - margin-top: 140px; + margin-top: 140px; - hr { - font-weight: bold; - margin-left: 0; - width: 15%; - } + hr { + font-weight: bold; + margin-left: 0; + width: 15%; + } } .w430 { - width: 430px; + width: 430px; } .w395 { - width: 395px; + width: 395px; } .w365 { - width: 365px; + width: 365px; } .w300 { - width: 300px; + width: 300px; } .w290 { - width: 290px; + width: 290px; } .w280 { - width: 280px; + width: 280px; } .w270 { - width: 270px; + width: 270px; } .w260 { - width: 260px; + width: 260px; } .w250 { - width: 250px; + width: 250px; } .w230 { - width: 230px; + width: 230px; } .w220 { - width: 220px; + width: 220px; } .w210 { - width: 210px; + width: 210px; } .w200 { - width: 200px; + width: 200px; } .w190 { - width: 190px; + width: 190px; } .w180 { - width: 180px; + width: 180px; } .w170 { - width: 170px; + width: 170px; } .w160 { - width: 160px; + width: 160px; } .w150 { - width: 150px; + width: 150px; } .w135 { - width: 135px; + width: 135px; } .w115 { - width: 115px; + width: 115px; } .w40 { - width: 40% !important; + width: 40% !important; } .w25 { - width: 25%; + width: 25%; } .w20 { - width: 20%; + width: 20%; } .w15 { - width: 15%; + width: 15%; } .w10 { - width: 10%; + width: 10%; } .table-th-bc { - background-color: #BCC7DE; - line-height: 25px; + background-color: #BCC7DE; + line-height: 25px; } .table-tr-bc { - background-color: #E7DFEC; - line-height: 25px; + background-color: #E7DFEC; + line-height: 25px; - p { - text-indent: 0em; - line-height: 20px; - } + p { + text-indent: 0em; + line-height: 20px; + } } .table-title-bc { - background-color: #8091BC; - color: #fff; - line-height: 25px; + background-color: #8091BC; + color:#fff; + line-height: 25px; } .table-textarea { - font-size: 14px; - font-family: "Times New Roman", "瀹嬩綋"; - resize: none; + font-size: 14px; + font-family: "Times New Roman", "瀹嬩綋"; + resize: none; - &:focus { - outline: none; - } + &:focus { + outline: none; + } } .table-input-border { - width: 90%; - background-color: transparent; - border: 0; + width: 80%; + background-color: transparent; + border: 0; - &:focus { - outline: none; - } + &:focus { + outline: none; + } } + .table-input-border-w20 { + width: 20%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } + + .table-input-border-w15 { + width: 15%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } + + .table-input-border-w10 { + width: 10%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } + + .table-input-border-w5 { + width: 5%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } .input-bottom-border { - width: 11%; - background-color: transparent; - border: 0; - border-bottom: 1px solid #000; - - &:focus { - outline: none; - } + width: 11%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; + &:focus { + outline: none; + } } .input-bottom-border1 { - width: 33%; - background-color: transparent; - border: 0; - border-bottom: 1px solid #000; - - &:focus { - outline: none; - } + width: 33%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; + &:focus { + outline: none; + } } - + .input-bottom-border2 { - width: 21.5%; - background-color: transparent; - border: 0; - border-bottom: 1px solid #000; + width: 21.5%; + background-color: transparent; + border: 0; + border-bottom: 1px solid #000; - &:focus { - outline: none; - } + &:focus { + outline: none; + } + } + // 瑙嗛 + .video-box-cover { + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .video-box { + margin: 20px 0 20px 8%; + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .video-box-left { + margin: 20px 8% 20px 0; + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .videoname { + display: flex; + justify-content: center; + } + + .collect-btn { + cursor: pointer; + width: 20px; + height: 20px; + margin-left: 10px; + margin-top: 0.8%; + } + + .collect-btn1 { + cursor: pointer; + width: 10px; + height: 10px; + margin-left: 10px; + margin-top: 0.8%; } // 缁〃 .continued { - text-align: right; - margin: 0%; + text-align: right; + margin: 0%; } .text-rights { - width: 230px; - float: right; - height: auto; - margin: auto; - margin-left: 20px; + width: 230px; + float: right; + height: auto; + margin: auto; + margin-left: 20px; - img { - width: 100%; - } + img { + width: 100%; + } - p { - margin: 0 !important; - } + p { + margin: 0 !important; + } } .pdf-text { - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: flex-start; - - p { - margin: 0; - margin-right: 10px; - } - - .pdf-con { display: flex; - justify-content: flex-start; - align-items: center; - padding: 10px 0; - box-sizing: border-box; - border-radius: 10px; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; - .pdf-view { - min-width: 160px; - display: flex; - justify-content: center; - align-items: center; - border: 0.15em dashed #FAAD70; - margin-right: 15px; - padding: 0 15px; - border-radius: 5px; - - span { - font-size: 14px; - text-align: center; - font-family: 'FZLTXIHJW'; - display: flex; - align-items: center; - justify-content: flex-start; - - svg { - fill: #FAAD70; - } - } - - span:nth-child(2) { - padding-top: 5px; - box-sizing: border-box; - } - - span:hover { - color: #FAAD70; - cursor: pointer; - text-decoration: underline; - -webkit-user-select: none; - /* Safari 3.1+ */ - -moz-user-select: none; - /* Firefox 2+ */ - -ms-user-select: none; - /* IE 10+ */ - user-select: none; - /* 鏍囧噯璇硶 */ - } + p { + margin: 0; + margin-right: 10px; } - } - .pdf-con-15 { - margin-top: -20px; - } + .pdf-con { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 10px 0; + box-sizing: border-box; + border-radius: 10px; + + .pdf-view { + min-width: 160px; + display: flex; + justify-content: center; + align-items: center; + border: 0.15em dashed #FAAD70; + margin-right: 15px; + padding: 0 15px; + border-radius: 5px; + + span { + font-size: 14px; + text-align: center; + font-family: 'FZLTXIHJW'; + display: flex; + align-items: center; + justify-content: flex-start; + + svg { + fill: #FAAD70; + } + } + + span:nth-child(2) { + padding-top: 5px; + box-sizing: border-box; + } + + span:hover { + color: #FAAD70; + cursor: pointer; + text-decoration: underline; + -webkit-user-select: none; + /* Safari 3.1+ */ + -moz-user-select: none; + /* Firefox 2+ */ + -ms-user-select: none; + /* IE 10+ */ + user-select: none; + /* 鏍囧噯璇硶 */ + } + } + } + + .pdf-con-15 { + margin-top: -20px; + } } div.bk-ztgs { - border: 0.15em dotted #5192c6; - padding: 1.5em 0.5em; - margin-bottom: 2em; - margin-top: 2em; - border-radius: 1em; - position: relative; + border: 0.15em dotted #5192c6; + padding: 1.5em 0.5em; + margin-bottom: 2em; + margin-top: 2em; + border-radius: 1em; + position: relative; } p.bj1-ztgs { - background-color: #5192c6; - color: #ffffff; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 0em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -1.2em; + background-color: #5192c6; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -1.2em; } .link-float { - width: 120px; - float: left; - height: auto; - margin: auto; - margin-top: 12px; - margin-right: 20px; + width: 120px; + float: left; + height: auto; + margin: auto; + margin-top: 12px; + margin-right: 20px; } .imgBox-003 { - width: 100%; - height: 280px; - margin-bottom: 18px; + 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: 16px !important; - position: absolute !important; - left: 50% !important; - transform: translateX(-50%); - bottom: -2% !important; - } - - img { - height: 80%; - } + 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%; + } } // 棰樼洰 .textarea-box { - background-color: transparent; - max-width: 100%; - min-width: 100%; - outline: none; + background-color: transparent; + max-width: 100%; + min-width: 100%; + outline: none; } .textarea-box-left { - background-color: transparent; - margin-left: 15%; - max-width: 84%; - min-width: 84%; - outline: none; + background-color: transparent; + margin-left: 15%; + max-width: 84%; + min-width: 84%; + outline: none; } .textarea-box-right { - background-color: transparent; - margin-left: 2em; - margin-right: 9%; - max-width: 95%; - min-width: 95%; - outline: none; + background-color: transparent; + margin-left: 2em; + margin-right: 9%; + max-width: 95%; + min-width: 95%; + outline: none; } .textarea-focused { - border-color: #5192c6 !important; - box-shadow: #5192c6 !important; + border-color: #5192c6 !important; + box-shadow: #5192c6 !important; } .select-border { - width: 60px; - border: 0; - border-bottom: 1px solid #767676; + width: 60px; + border: 0; + border-bottom: 1px solid #767676; - &:focus { - outline: none; - } + &:focus { + outline: none; + } } .btn-border { - border-radius: 6px; - border-color: #5192C6; + border-radius: 6px; + border-color: #5192C6; } .btn-w { - cursor: pointer; - font-size: 14px; - border-width: 1px; - width: 80px; - height: 30px; - background-color: #fff; + cursor: pointer; + font-size: 14px; + border-width: 1px; + width: 80px; + height: 30px; + background-color: #fff; - &:hover { - background-color: #5192C6; - color: #fff; - } + &:hover { + background-color: #5192C6; + color: #fff; + } } .parimary-btn { - cursor: pointer; - min-width: 80px; - height: 30px; - font-size: 14px; - margin-left: 5px; - background-color: #5192C6; - border-color: #5192C6; - border-width: 1px; - color: #fff; - border-radius: 6px; + cursor: pointer; + min-width: 80px; + height: 30px; + font-size: 14px; + margin-left: 5px; + background-color: #5192C6; + border-color: #5192C6; + border-width: 1px; + color: #fff; + border-radius: 6px; - &:hover { - background-color: #a1afc8; - border-color: #a1afc8; - } + &:hover { + background-color: #a1afc8; + border-color: #a1afc8; + } } .event-header-text-bc { - background-color: #bbd4ec; + background-color: #bbd4ec; } // 杩佺Щ .bk-bwh { - min-height: 800px; - font-size: 1.2em; - padding: 25px; + min-height: 800px; + font-size: 1.2em; + padding: 25px; } ul { - list-style-type: none; + list-style-type: none; } li { - list-style-type: none; + 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; + 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; + 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; + 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; + border-bottom: 2px solid #F0BD4A; + border-width: 2px; } 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; + 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; + 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; + 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%); */ + 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; + 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; + 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; + 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; + float: right; + clear: both; + height: 140px; + margin: 15px; } img.bodycontent-divleft-image { - float: left; - clear: both; - height: 110px; - margin: 15px; + float: left; + clear: both; + height: 110px; + margin: 15px; } div.bodystyle { - font-family: 'FZLTXIHJW'; - text-align: justify; - margin: 0 9%; - padding-bottom: 80px; - line-height: 30px; + font-family: 'FZLTXIHJW'; + text-align: justify; + margin: 0 9%; + padding-bottom: 80px; + line-height: 30px; } span.zt-0 { - color: #0087AF; + color: #0087AF; } p.pzt-0 { - color: #0087AF; - font-size: 18px; + color: #0087AF; + font-size: 18px; } p.pzt-0-right { - font-size: 18px; - color: #0087AF; - text-align: right; + font-size: 18px; + color: #0087AF; + text-align: right; } p.pzt-1 { - font-weight: bold; - color: #0087AF; - font-size: 18px; + font-weight: bold; + color: #0087AF; + font-size: 18px; } div.sgc-toc-title { - font-size: 2em; - font-weight: bold; - margin-bottom: 1em; - text-align: center; + font-size: 2em; + font-weight: bold; + margin-bottom: 1em; + text-align: center; } div.sgc-toc-level-1 { - margin-left: 0em; + margin-left: 0em; } div.sgc-toc-level-2 { - margin-left: 2em; + margin-left: 2em; } div.sgc-toc-level-3 { - margin-left: 2em; + margin-left: 2em; } div.sgc-toc-level-4 { - margin-left: 2em; + margin-left: 2em; } div.sgc-toc-level-5 { - margin-left: 2em; + margin-left: 2em; } div.sgc-toc-level-6 { - margin-left: 2em; + margin-left: 2em; } .imz { - height: 96%; - text-align: center; + height: 96%; + text-align: center; } .note { - margin: 0; - font-size: 14px; - line-height: 22px; + margin: 0; + font-size: 14px; + line-height: 22px; } .block { - font-family: "kaiti"; - margin-top: 0.2em; - margin-bottom: 0.2em !important; - text-indent: 2em; - line-height: 30px; - font-size: 14px; - text-align: justify; + font-family: "kaiti"; + margin-top: 0.2em; + margin-bottom: 0.2em !important; + text-indent: 2em; + line-height: 30px; + font-size: 14px; + text-align: justify; } .block1 { - text-align: center; + text-align: center; } .block2 { - font-family: "FANGSONG"; - font-size: 17px; + font-family: "FANGSONG"; + font-size: 17px; } .img { - font-family: 'FZLTXIHJW'; - text-align: center; - font-size: 12px; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; + font-family: 'FZLTXIHJW'; + text-align: center; + font-size: 12px; + 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; + font-family: 'FZLTXIHJW'; + text-align: right; + font-size: 0.85em; + margin-left: 0%; + margin-right: 2em; + text-indent: 0em; } p { - font-family: "BOYA"; - margin-top: 0.2em; - margin-bottom: 0.2em !important; - text-indent: 2em; - line-height: 30px; - text-align: justify; + font-family: "BOYA"; + margin-top: 0.2em; + margin-bottom: 0.2em !important; + text-indent: 2em; + line-height: 30px; + text-align: justify; } .cover { - width: 100%; - padding: 0px; + width: 100%; + padding: 0px; } .center { - text-align: center; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; + 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; + text-align: center; + color: #EF8472; + font-weight: bold; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; } .left { - text-indent: 0em; - line-height: 20px; - margin-top: 20px; + text-indent: 0em; + line-height: 20px; + margin-top: 20px; } .left3 { - margin: 20 0 0 0 !important; - line-height: 20px; + margin: 20 0 0 0 !important; + line-height: 20px; } .left2 { - font-size: 1.3em; - text-indent: 0em; - font-weight: bold; - margin-left: 0%; - margin-right: 0%; + 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%; + text-align: right; + margin-left: 0%; + margin-right: 0%; } .left1 { - text-indent: 0em; - margin-left: 0%; - margin-right: 0%; + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; } .center1 { - text-align: center; - margin-left: 0%; - margin-right: 0%; - font-size: 1.2em; - text-indent: 0em; - font-weight: bold; + text-align: center; + margin-left: 0%; + margin-right: 0%; + font-size: 1.2em; + text-indent: 0em; + font-weight: bold; } .right1 { - text-align: right; - margin-left: 0%; - margin-right: 0%; + 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; + margin-top: 0%; + margin-bottom: 0%; + margin-left: 1em; + margin-right: 1em; + text-align: justify; + font-family: "cnepub", serif; } h1 { - color: #6E85AF; - font-family: 'FZLTZHJW'; - font-weight: 100; - line-height: 2em; - font-size: 2.4em; - margin-bottom: 1px !important; - margin-top: 1em; + color: #6E85AF; + font-family: 'FZLTZHJW'; + font-weight: 100; + line-height: 2em; + font-size: 2.4em; + margin-bottom: 1px !important; + margin-top: 1em; } .h1-bj { - font-family: 'ZHUNYUAN'; - font-weight: 100; - color: #FFFFFF; - background-color: #6E85AF; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-left: -0.2em; + font-family: 'ZHUNYUAN'; + font-weight: 100; + color: #FFFFFF; + background-color: #6E85AF; + padding: 0.3em 0.5em 0.3em 0.5em; + margin-left: -0.2em; } .h1-bk { - font-family: 'FANGZHENG'; - box-shadow: inset 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; + font-family: 'FANGZHENG'; + box-shadow: inset 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; + text-align: center; + text-indent: 0em; } .front { - font-family: 'FZLTZHJW'; - font-weight: 400; - font-size: 1.6em; - color: #6D84AE; - margin-top: 1.5em; - margin-bottom: 3em; - text-indent: 0em; - text-align: center; - line-height: 40px; + font-family: 'FZLTZHJW'; + font-weight: 400; + font-size: 1.6em; + color: #6D84AE; + margin-top: 1.5em; + margin-bottom: 3em; + text-indent: 0em; + text-align: center; + line-height: 40px; } h2 { - font-family: 'FZHTJW'; - color: #6E85AF; - font-weight: bold; - font-size: 1.6em; - margin-bottom: 1em; - margin-top: 2em; - border-bottom: 0.3em solid #6E85AF; - margin-bottom: 2em; - text-indent: 0em; - display: inline-block; + font-family: 'FZHTJW'; + color: #6E85AF; + font-weight: bold; + font-size: 1.6em; + margin-bottom: 1em; + margin-top: 2em; + border-bottom: 0.3em solid #6E85AF; + margin-bottom: 2em; + text-indent: 0em; + display: inline-block; } h3 { - font-family: 'FZHTJW'; - color: #6E85AF; - font-weight: 100; - font-size: 1.3em; - margin-bottom: 1em; - margin-top: 1em; - text-indent: 0em; + font-family: 'FZHTJW'; + color: #6E85AF; + font-weight: 100; + font-size: 1.3em; + margin-bottom: 1em; + margin-top: 1em; + text-indent: 0em; } h4 { - font-family: 'FZHTJW'; - font-weight: 500; - margin-bottom: 0.5em; - margin-top: 1em; - font-size: 1.1em; - text-indent: 2em; + font-family: 'FZHTJW'; + font-weight: 500; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1.1em; + text-indent: 2em; } .unit2-c { - color: #F89C1C !important; + color: #F89C1C !important; } .unit3-c { - color: #0A9CAC !important; + color: #0A9CAC !important; } .unit4-c { - color: #92B03D !important; + color: #92B03D !important; } .unit5-c { - color: #0180CD !important; + color: #0180CD !important; } h5 { - font-family: 'FZHTJW'; - color: #65C097; - margin-bottom: 0.5em; - margin-top: 1em; - font-size: 1.15em; - text-indent: 2em; + font-family: 'FZHTJW'; + color: #65C097; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1.15em; + text-indent: 2em; } .zt-h6 { - font-family: 'FZHTJW'; - color: #65C097; - margin-bottom: 0.5em; - margin-top: 1em; - font-size: 1.15em; - text-indent: 2em; + 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; + 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; + text-decoration: underline; } .u { - text-decoration: underline; + text-decoration: underline; } .img-0 { - width: 100%; + width: 100%; } .img-a { - width: 95%; + width: 96%; } .img-b { - width: 70%; + width: 70%; } .img-c { - width: 60%; + width: 60%; } .img-d { - width: 50%; + width: 50%; } .img-e { - width: 45%; + width: 45%; } .img-f { - width: 40%; + width: 40%; } .img-g { - width: 30%; + width: 30%; } .img-h { - width: 20%; + width: 20%; } .img-i { - width: 10%; + width: 10%; } .img-j { - width: 5%; + width: 5%; } .img-zt { - height: 6em; - margin-top: -1.5em; - margin-bottom: -0.4em; - margin-left: 15%; + height: 6em; + margin-top: -1.5em; + margin-bottom: -0.4em; + margin-left: 15%; } .inline { - height: 1em; - margin-bottom: -0.3em; + height: 1em; + margin-bottom: -0.3em; } .inline1 { - height: 2.5em; - margin-top: 0.5em; - margin-bottom: -0.5em; + height: 2.5em; + margin-top: 0.5em; + margin-bottom: -0.5em; } .inline2 { - height: 1.5em; - margin-top: 0.5em; - margin-bottom: -0.5em; + height: 1.5em; + margin-top: 0.5em; + margin-bottom: -0.5em; } .inline4 { - height: 2em; - margin-left: -2em; - margin-right: 0.5em; - margin-bottom: -0.6em; + height: 2em; + margin-left: -2em; + margin-right: 0.5em; + margin-bottom: -0.6em; } .img-qj { - height: 7.5em; - margin-bottom: -3.4em; - margin-right: 0.5em; + height: 7.5em; + margin-bottom: -3.4em; + margin-right: 0.5em; } .zt-ls1 { - color: #000; - font-size: 16px; - font-weight: bold; + color: #000; + font-size: 16px; + font-weight: bold; } span.lsyq-1 { - background-color: #6D84AE; - padding: 0.2em 0.4em 0.2em 0.4em; - border-radius: 1.5em; - margin-right: 0.5em; - color: #FFFFFF; - font-weight: bold; - font-size: 1.5em; + background-color: #6D84AE; + padding: 0.2em 0.4em 0.2em 0.4em; + border-radius: 1.5em; + margin-right: 0.5em; + color: #FFFFFF; + font-weight: bold; + font-size: 1.5em; } span.hsyq-1 { - background-color: #FFB7D4; - padding: 0.2em 0.4em 0.2em 0.4em; - border-radius: 1.5em; - margin-right: 0.5em; - color: #FFFFFF; - font-weight: bold; - font-size: 1.5em; + background-color: #FFB7D4; + padding: 0.2em 0.4em 0.2em 0.4em; + border-radius: 1.5em; + margin-right: 0.5em; + color: #FFFFFF; + font-weight: bold; + font-size: 1.5em; } .zt-hs1 { - font-weight: 500; - color: #000; - font-size: 1em; + font-weight: 500; + color: #000; + font-size: 1em; } .h2-zt1 { - padding: 5px 25px 5px 25px; - border-radius: 10px 0px 0px 10px; - background-color: #5392C7; - font-size: 1.2em; - color: #FFFFFF; + padding: 5px 25px 5px 25px; + border-radius: 10px 0px 0px 10px; + background-color: #5392C7; + font-size: 1.2em; + color: #FFFFFF; } .h2-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; + 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; } .bk { - border: 0.15em dotted #FAAD70; - padding: 1em; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 0em; - position: relative; + border: 0.15em dotted #FAAD70; + padding: 1em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 0em; + position: relative; - p { - font-family: ZHONGDENGXIAN; - } + p { + font-family: ZHONGDENGXIAN; + } - span { - font-family: ZHUNYUAN; - } + span { + font-family: ZHUNYUAN; + } } p.bj1-qjms { - background-color: #fff; - color: #FAAD70; - font-weight: bold; - border-radius: 1.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -19px; + background-color: #fff; + color: #FAAD70; + font-weight: bold; + border-radius: 1.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -19px; } .span-box { - display: inline-block; - width: 8px; - height: 8px; - background-color: #FAAD70; + display: inline-block; + width: 8px; + height: 8px; + background-color: #FAAD70; } .span-text { - font-size: 16px; - font-weight: 100; - padding: 0em 0.15em 0em 0.3em; + font-size: 16px; + font-weight: 100; + padding: 0em 0.15em 0em 0.3em; } .bk1 { - border: 0.15em dotted #F89C1C; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 1em; - position: relative; + border: 0.15em dotted #F89C1C; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 1em; + position: relative; } .bj { - background-color: #E1E7F3; - padding: 0.2em 0.8em 0.2em 0.8em; + background-color: #E1E7F3; + padding: 0.2em 0.8em 0.2em 0.8em; } .bj2 { - background-color: #6D84AE; - padding: 0.2em 0.3em 0.2em 0.3em; - font-weight: bold; - border-radius: 0.5em; - color: #FFFFFF; + background-color: #6D84AE; + padding: 0.2em 0.3em 0.2em 0.3em; + font-weight: bold; + border-radius: 0.5em; + color: #FFFFFF; } span.bj2 { - background-color: #6E85AF; - padding: 0.2em 1em 0.2em 1em; - font-size: 1.1em; - font-weight: bold; - border-radius: 0.5em; - color: #FFFFFF; - box-shadow: 0.3em 0.3em 0px 0px #C3C2C0; + background-color: #6E85AF; + padding: 0.2em 1em 0.2em 1em; + font-size: 1.1em; + font-weight: bold; + border-radius: 0.5em; + color: #FFFFFF; + box-shadow: 0.3em 0.3em 0px 0px #C3C2C0; } div.bk2 { - border: 3px solid #93A8D5; - padding: 0.2em 1em 0.2em 1em; - border-radius: 1em; - box-shadow: 0.5em 0.5em 0px 0px #DCDDDF; - margin-top: 2em; - margin-bottom: 1.5em; + border: 3px solid #93A8D5; + padding: 0.2em 1em 0.2em 1em; + border-radius: 1em; + box-shadow: 0.5em 0.5em 0px 0px #DCDDDF; + margin-top: 2em; + margin-bottom: 1.5em; } .zysx { - margin-top: -1.7em; - margin-left: -2em; + margin-top: -1.7em; + 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; + 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: 100; - padding: 4px; - font-size: 1.2em; + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #96A7D5; + border-radius: 1.5em; + color: #FFFFFF; + font-weight: 100; + padding: 4px; + font-size: 1.2em; } .zt-zysx2 { - font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; - background-color: #0071BD; - font-size: 1.2em; + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #0071BD; + font-size: 1.2em; } - .zt-1 { - color: #6F84AF; - font-weight: bold; - font-size: 1.1em; - + .zt-1{ + color:#6F84AF; + font-weight: bold; + font-size:1.1em; + } div.bj3 { - background-color: #DED5E8; - padding: 1em 1em 1em 1.5em; - border-radius: 1em; - margin-bottom: 0.2em; - margin-left: -0.6em; - margin-right: -0.6em; - margin-top: -0.7em; + background-color: #DED5E8; + padding: 1em 1em 1em 1.5em; + border-radius: 1em; + margin-bottom: 0.2em; + margin-left: -0.6em; + margin-right: -0.6em; + margin-top: -0.7em; } span.bj3-xyx { - background-color: #92B03D; - color: #FFFFFF; - border-radius: 5px; - padding: 5px 10px 5px 10px; - font-size: 1em; - font-weight: bold; + background-color: #92B03D; + color: #FFFFFF; + border-radius: 5px; + padding: 5px 10px 5px 10px; + font-size: 1em; + font-weight: bold; } div.bj3-xyx { - position: absolute; - top: -15px; - left: -25px; + position: absolute; + top: -15px; + left: -25px; } .ts-1 { - font-weight: bold; + font-weight: bold; } .zt-h4 { - padding: 10px 0; - border-radius: 1.5em; + padding: 10px 0; + border-radius: 1.5em; } .qyls-h4 { - font-family: "HiFont Hei GB"; - padding: 0.2em 0; - text-indent: 0em; - margin-left: 0%; + font-family: "HiFont Hei GB"; + padding: 0.2em 0; + text-indent: 0em; + margin-left: 0%; } .bj4 { - background-color: #D7E2F0; - padding: 10px 20px; - border-radius: 0.1em; - margin-bottom: 1em; - margin-top: 1em; + background-color: #D7E2F0; + padding: 10px 20px; + border-radius: 0.1em; + margin-bottom: 1em; + margin-top: 1em; } div.bj4-xyx { - font-size: 18px; - color: #fff; - line-height: 20px; - padding: 12.5px 15px 12.5px 15px; - margin-right: 10px; - background-color: #5192C6; - border-radius: 5px; + font-size: 18px; + color: #fff; + line-height: 20px; + padding: 12.5px 15px 12.5px 15px; + margin-right: 10px; + background-color: #5192C6; + border-radius: 5px; } .bj4-xyx-pd { - font-size: 16px; - color: #fff; - line-height: 20px; - padding: 22px 10px 22px 10px; - background-color: #5192C6; - margin-right: 10px; - border-radius: 5px; - flex-wrap: nowrap; + font-size: 16px; + color: #fff; + line-height: 20px; + padding: 22px 10px 22px 10px; + background-color: #5192C6; + margin-right: 10px; + border-radius: 5px; + flex-wrap: nowrap; } .bj4-xyx-icon { - color: #5192C6; - text-wrap: nowrap; + color: #5192C6; + text-wrap: nowrap; } .bj5 { - background-color: #CEC9DA; - padding: 20px; - border-radius: 0.5em; - margin-bottom: 1.5em; - margin-top: 1.5em; - position: relative; + background-color: #CEC9DA; + padding: 20px; + border-radius: 0.5em; + margin-bottom: 1.5em; + margin-top: 1.5em; + position: relative; } span.bj5-xyx { - background-color: #7C719E; - color: #FFFFFF; - border-radius: 1.5em; - padding: 5px 20px 5px 20px; - font-size: 1em; - font-weight: bold; + background-color: #7C719E; + color: #FFFFFF; + border-radius: 1.5em; + padding: 5px 20px 5px 20px; + font-size: 1em; + font-weight: bold; } div.bj5-xyx { - position: absolute; - top: -20px; + position: absolute; + top: -20px; } .bj6 { - background-color: #FEDDB4; - padding: 20px; - border-radius: 0.5em; - margin-bottom: 1.5em; - margin-top: 1.5em; - position: relative; + background-color: #FEDDB4; + padding: 20px; + border-radius: 0.5em; + margin-bottom: 1.5em; + margin-top: 1.5em; + position: relative; - .zt-cs { - color: #F89C1C; - } + .zt-cs { + color: #F89C1C; + } } span.bj6-xyx { - background-color: #F89C1C; - color: #FFFFFF; - border-radius: 0.3em; - padding: 5px 5px 5px 5px; - font-size: 1em; - font-weight: bold; + background-color: #F89C1C; + color: #FFFFFF; + border-radius: 0.3em; + padding: 5px 5px 5px 5px; + font-size: 1em; + font-weight: bold; } div.bj6-xyx { - position: absolute; - top: -20px; + position: absolute; + top: -20px; } .zt-lvs1 { - color: #95B321; + color: #95B321; } div.bj-1 { - color: #fff; - border-radius: 2em; - margin-bottom: 1.5em; - margin-top: 1.5em; + color: #fff; + border-radius: 2em; + margin-bottom: 1.5em; + margin-top: 1.5em; } .bj-2-zt { - color: #fff; - font-weight: 400; - font-size: 24px; - line-height: 1.8em; + color: #fff; + font-weight: 400; + font-size: 24px; + line-height: 1.8em; } .bj-1-zt { - font-family: kaiti; - font-weight: 100; - text-indent: 2em; - color: #fff; - font-size: 15px; - line-height: 1.8em; + font-family: kaiti; + font-weight: 100; + text-indent: 2em; + color: #fff; + font-size: 15px; + line-height: 1.8em; } .bj-3-zt { - font-size: 16px; - color: #fff; - font-weight: 400; - line-height: 1.8em; + font-size: 16px; + color: #fff; + font-weight: 400; + line-height: 1.8em; } } @@ -1745,30 +1773,93 @@ height: 90vh; .pdfBox-component { - width: 100%; - height: 100%; - position: relative; - - .preview { width: 100%; height: 100%; + position: relative; - .imageBox { - height: calc(100% - 30px); - overflow-x: hidden; - overflow-y: auto; - background: #ccc; - box-sizing: border-box; + .preview { + width: 100%; + height: 100%; + + .imageBox { + height: calc(100% - 30px); + overflow-x: hidden; + overflow-y: auto; + background: #ccc; + box-sizing: border-box; + } + + .imageBox:hover { + cursor: zoom-in !important; + } + + ::v-deep .el-dialog__header { + background-color: rgba(0, 0, 0, 0.8); + + .header_title { + display: flex; + justify-content: space-between; + align-items: center; + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; + + span:nth-child(2):hover { + cursor: pointer; + } + } + + ::v-deep .el-dialog__title, + ::v-deep .el-dialog__headerbtn .el-dialog__close { + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; + } + } + + .bottom_tool { + height: 30px; + background-color: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: flex-end; + align-items: center; + + svg { + margin-right: 15px; + fill: #d1d1d1; + } + + svg:hover { + fill: #fff; + cursor: pointer; + } + } } - .imageBox:hover { - cursor: zoom-in !important; + .notBox { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: calc(100% - 30px); + min-height: 300px; } + } +} - ::v-deep .el-dialog__header { - background-color: rgba(0, 0, 0, 0.8); +.custom-dialog { + overflow: hidden !important; - .header_title { + .el-dialog__body { + padding: 0; + } + + .el-dialog__header { + background-color: rgba(0, 0, 0, 0.8); + + .header_title { display: flex; justify-content: space-between; align-items: center; @@ -1778,80 +1869,17 @@ font-family: 'FZLTXIHJW'; span:nth-child(2):hover { - cursor: pointer; + cursor: pointer; } - } + } - ::v-deep .el-dialog__title, - ::v-deep .el-dialog__headerbtn .el-dialog__close { + .el-dialog__title, + .el-dialog__headerbtn .el-dialog__close { color: #fff; font-weight: 900; font-size: 16px; font-family: 'FZLTXIHJW'; - } } - - .bottom_tool { - height: 30px; - background-color: rgba(0, 0, 0, 0.8); - display: flex; - justify-content: flex-end; - align-items: center; - - svg { - margin-right: 15px; - fill: #d1d1d1; - } - - svg:hover { - fill: #fff; - cursor: pointer; - } - } - } - - .notBox { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: calc(100% - 30px); - min-height: 300px; - } - } -} - -.custom-dialog { - overflow: hidden !important; - - .el-dialog__body { - padding: 0; - } - - .el-dialog__header { - background-color: rgba(0, 0, 0, 0.8); - - .header_title { - display: flex; - justify-content: space-between; - align-items: center; - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; - - span:nth-child(2):hover { - cursor: pointer; - } - } - - .el-dialog__title, - .el-dialog__headerbtn .el-dialog__close { - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; - } } } @@ -1865,7 +1893,7 @@ font-family: 'FZLTXIHJW'; span:nth-child(2):hover { - cursor: pointer; + cursor: pointer; } } @@ -1922,66 +1950,66 @@ @media screen and (max-width: 1024px) { .pdfModal { - width: 100%; - height: 80vh; + width: 100%; + height: 80vh; } .custom-dialog { - .el-dialog { - width: 90vw !important; - } + .el-dialog { + width: 90vw !important; + } } } @media screen and (max-width: 800px) { .pdfModal { - width: 100%; - height: 60vh; + width: 100%; + height: 60vh; } .custom-dialog { - .el-dialog { - width: 90vw !important; - } + .el-dialog { + width: 90vw !important; + } } } @media (max-width: 660px) { .aviationSafety-book { - /* 鍒嗛〉padding */ - .padding-93 { - padding: 0 20px; - } + /* 鍒嗛〉padding */ + .padding-93 { + padding: 0 20px; + } - .padding-102 { - padding: 0 20px; - } + .padding-102 { + padding: 0 20px; + } - .img-float { - width: 130px; - } + .img-float { + width: 130px; + } - .img-rights { - width: 130px; - } + .img-rights { + width: 130px; + } - .btn-w { - width: 42px; - } + .btn-w { + width: 42px; + } } } @media (min-width: 660px) { .aviationSafety-book { - .padding-93 { - padding: 0 93px 0px 93px; - } + .padding-93 { + padding: 0 93px 0px 93px; + } - .padding-102 { - padding: 0 102px 0 102px; - } + .padding-102 { + padding: 0 102px 0 102px; + } } } -- Gitblit v1.9.1