From 69494808b8ce6a39b161649b5e444f2f6f836628 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期一, 17 六月 2024 17:19:58 +0800 Subject: [PATCH] 优化 --- src/books/sportsAndHealth/css/default.less | 3266 ++++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 1,997 insertions(+), 1,269 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 68a0d60..775f1d2 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -1,3 +1,1992 @@ +.temp-bookInnerContentSports { + width: 100%; + height: 100%; + overflow: auto; + + .page-main { + width: 100%; + height: 100%; + overflow: auto; + + .public-sportsAndHealth { + font-family: "瀹嬩綋"; + max-width: 816px; + min-width: 375px; + margin: 0 auto; + border-color: #f49a4c; + height: 100%; + font-size: 18px; + + .chapter { + textarea { + width: 100%; + font-family: 'FZLTXIHJW'; + padding: 2px 5px; + box-sizing: border-box; + } + + .swiper-button-prev, + .swiper-button-next { + color: #5877ba; + } + + .page-box { + box-sizing: border-box; + min-height: 1150px; + margin-bottom: 20px; + box-shadow: 0 3px 6px 1px #00000029; + background-color: #fff; + position: relative; + } + + .pdf-content { + padding: 15%; + box-sizing: border-box; + } + + .gif-Con { + max-width: 200px; + } + + .bodystyle-chapter { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + position: relative; + + .bj-chapter-bj-icon { + width: 100%; + padding-top: 15px; + } + + .bj-chapter-con { + width: 60%; + position: absolute; + left: 0; + top: 5%; + + .bj-chapter-con-icon { + width: 100%; + + img { + padding-top: 20px; + width: 100%; + } + } + } + } + + .header-odd { + width: 100%; + height: 100px; + display: flex; + justify-content: flex-end; + align-items: flex-end; + + span { + margin-right: 28px; + font-family: 'FZLTXIHJW'; + font-size: 18px; + } + span:nth-child(3) { + margin-right: 0; + } + + .mk { + color: #f39938; + font-weight: 700; + } + + .sub { + color: #808285; + font-weight: 600; + } + + .sub-title { + color: #a8a9ad; + } + + .sub-page { + color: #a8a9ad; + } + } + + .line-page { + width: 1px; + height: 100%; + border-left: 2px dotted #eee; + margin:0 14px; + } + + .header-even { + width: 100%; + height: 100px; + display: flex; + justify-content: flex-start; + align-items: flex-end; + span { + margin-left: 28px; + font-family: 'FZLTXIHJW'; + font-size: 18px; + } + + .sub-page { + color: #a8a9ad; + } + + .book-title { + color: #f39938; + font-weight: 700; + } + + span:nth-child(3){ + margin-left: 0; + } + } + + .pdf-tips-con { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + // b898c7 + + .pdf-wall { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + margin-left: 30px; + + .pdf-item { + display: flex; + justify-content: flex-start; + align-items: center; + border: 2px dashed #b898c7; + margin: 10px; + padding: 2px 10px; + border-radius: 5px; + box-sizing: border-box; + + span { + font-size: 14px; + text-align: center; + font-family: 'FZLTXIHJW'; + display: flex; + align-items: center; + justify-content: flex-start; + + svg { + fill: #b898c7; + } + } + + span:nth-child(2) { + padding-top: 5px; + box-sizing: border-box; + } + + span:hover { + color: #b898c7; + 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; + /* 鏍囧噯璇硶 */ + } + } + } + } + + .leftTable { + table { + tr td { + text-align: left !important; + } + } + } + + .parentVideo { + width: 100%; + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + + .videoItem { + width: 200px; + margin: 3px 4px; + border: 1px dotted #30aad1; + + video { + width: 100%; + } + + video::-webkit-media-text-track-display { + /* 杩欓噷鍙互娣诲姞鑷畾涔夌殑鏍峰紡浠g爜 */ + color: red; + /* 鏂囧瓧棰滆壊 */ + background-color: yellow; + /* 鑳屾櫙棰滆壊 */ + } + + span { + display: flex; + justify-content: center; + font-size: 14px; + text-align: center; + font-family: 'FZLTXIHJW'; + } + } + } + + .gif-Con { + display: flex; + justify-content: center; + align-items: center; + border: 0 !important; + padding: 1px !important; + } + + .imgBox-003 { + width: 100%; + height: 220px; + } + + .tablePublic { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding-top: 20px; + font-family: 'FZLTXIHJW'; + + .table-bottom { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + font-size: 16px; + + .score { + padding-top: 10px; + } + + .btn { + display: flex; + justify-content: center; + + span { + display: block; + height: 30px; + line-height: 19px; + border: 1px solid #89a0d0; + padding: 5px 15px; + box-sizing: border-box; + border-radius: 5px; + font-size: 14px; + cursor: pointer; + -webkit-user-select: none; + /* Safari 3.1+ */ + -moz-user-select: none; + /* Firefox 2+ */ + -ms-user-select: none; + /* IE 10+ */ + user-select: none; + /* 鏍囧噯璇硶 */ + } + + span:hover { + background-color: #89a0d0; + color: #FFF; + } + + span:nth-child(1) { + margin-right: 10px; + } + } + } + + table { + width: 100%; + border: 1px solid #89a0d0; + border-collapse: collapse; + padding: 0; + margin: 0; + + tr th { + border: 1px solid #89a0d0; + background-color: #d6dbee; + color: #f49a4c; + text-align: center; + padding: 5px 10px; + font-size: 14px; + font-family: 'FZLTXIHJW'; + font-weight: 900; + min-width: 35px + } + + tr td { + border: 1px solid #89a0d0; + text-align: center; + padding: 3px 10px; + font-size: 14px; + line-height: 25px; + font-family: 'FZLTXIHJW'; + + input { + cursor: pointer; + } + } + } + } + + .textHeader { + min-height: 1150px; + } + + .bj-img { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url('../image/dy1.jpg'); + background-position: top; + background-size: 100% 50%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + + .bj-empyt-chapter { + width: 40%; + height: 100%; + margin-right: 5%; + } + + .bj-text { + padding-top: 60%; + padding-right: 10%; + float: right; + height: auto; + width: 100%; + } + + .bj-img02 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url('../image/dy2.jpg'); + background-position: top; + background-size: 100% 50%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + + .bj-img03 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url('../image/dy3.jpg'); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + + .bj-byb { + width: 100%; + padding: 20px 10px; + box-sizing: border-box; + + .byb-title { + font-family: "STKaiti"; + text-align: center; + color: #cd141c; + } + + p { + font-size: 16px; + font-family: 'FZLTXIHJW'; + } + + } + + .bk-xyx { + textarea { + width: 100%; + max-width: 625px; + border: 1px solid #89a0d0; + border-radius: 5px; + } + + textarea:focus { + outline: none; + } + } + + .publicxbc { + min-width: 100px; + display: flex; + justify-content: center; + align-items: center; + position: absolute; + top: -20px; + left: 10px; + background-color: #d6dbee; + border: 0.15em dotted #d6dbee; + padding: 2px 8px 3px 2px; + box-sizing: border-box; + color: #5877ba; + font-family: "FZLTXIHJW"; + font-size: 16px; + font-weight: 700; + border-radius: 15px; + + .icon { + width: 25px; + height: 25px; + border-radius: 5px; + background-color: #b898c7; + border: 1px solid #b898c7; + display: flex; + justify-content: center; + align-items: center; + margin-left: 10px; + cursor: pointer; + + svg { + fill: #fff; + } + } + + .icon:hover { + background-color: #fff; + border: 1px solid #b898c7; + + svg { + fill: #b898c7; + } + } + } + + .img-float { + width: 250px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; + + img { + width: 100%; + } + + p { + margin: 0; + } + } + + .qjdrIocn { + display: flex !important; + justify-content: center; + align-items: center; + -webkit-user-select: none; + /* Safari */ + -moz-user-select: none; + /* Firefox */ + -ms-user-select: none; + /* IE10+/Edge */ + user-select: none; + + /* Standard syntax */ + svg { + margin-left: 8px; + fill: #fff; + } + } + + .qjdrIocn:hover { + border: 1px solid #f49a4c; + background-color: #fff; + color: #f49a4c; + + svg { + margin-left: 8px; + fill: #f39938; + cursor: pointer; + } + } + + .coverImg { + position: absolute; + top: 0; + left: 0; + } + + .pdf-text { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + margin-bottom: 20px; + + 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; + + .pdf-view { + min-width: 160px; + display: flex; + justify-content: center; + align-items: center; + border: 0.15em dashed #b898c7; + 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: #b898c7; + } + } + + span:nth-child(2) { + padding-top: 5px; + box-sizing: border-box; + } + + span:hover { + color: #b898c7; + 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; + } + } + + .public-tips { + padding: 0; + margin: 0; + // font-weight: 900; + margin-bottom: 10px; + text-indent: 2em; + } + + + .xyx-title { + font-family: "FZLTXIHJW"; + text-align: center; + color: #cd141c; + padding: 5px 0; + font-weight: 700; + } + + .xyx-text { + p { + font-size: 16px; + font-family: 'FZLTXIHJW'; + padding: 0 10px; + margin: 0; + } + + .finishiText { + border: 0; + background-color: transparent; + text-align: center; + } + + .finishiText:focus { + border: 0; + outline: none; + } + + .textInputarea { + width: 100%; + max-width: 336px; + border: 0; + background-color: transparent; + } + + .textInputarea:focus { + outline: none; + } + + .xyx-fu { + color: #0087af; + font-size: 18px; + font-weight: bold; + margin: 10px 0; + } + + .xyx-fu-ss { + color: #f49a4c; + font-weight: 700; + margin: 10px 0; + } + + .xyx-fu-yy { + color: #c7685d; + font-weight: 700; + margin: 10px 0; + } + + .xyx-fu-title { + font-family: "STKaiti"; + text-align: center; + color: #cd141c; + } + + .xyx-tips { + color: #0087af; + font-size: 18px; + font-weight: bolder; + } + } + + .xyx-con { + padding: 0 0; + } + + .xyx-ul { + font-size: 16px; + font-family: "FZLTXIHJW"; + color: #555; + + li { + position: relative; + margin: 10px 0; + + img { + width: 20px; + position: absolute; + top: 5px; + } + + span { + margin-left: 25px; + } + } + } + + .assess { + width: 210px; + height: 25px; + border: 0; + background-color: transparent; + border-bottom: 1px solid #000; + font-size: 18px; + font-family: '瀹嬩綋'; + } + + .assess:focus { + border: 0; + outline: none; + border-bottom: 1px solid #000; + } + + .ls1 { + font-family: "HiFont Hei GB"; + color: #30aad1; + font-weight: bold; + } + + .hs { + font-family: "HiFont Hei GB"; + color: #ea6b00; + font-weight: bold; + } + + .zs1 { + font-family: "HiFont Hei GB"; + color: #857eb4; + font-weight: bold; + } + + span.under1 { + 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; + } + + img.bodycontent-divcenter-image { + float: center; + clear: both; + height: 140px; + margin: 15px; + } + + 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; + } + + div.bodystyle { + font-family: "瀹嬩綋"; + font-size: 18px; + text-align: justify; + padding: 6% 10% 10% 10%; + box-sizing: border-box; + line-height: 30px; + } + + div.bj { + background: #fffbe8; + padding: 1em; + border-radius: 0.6em; + } + + 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; + } + + .note { + font-size: 0.8em !important; + font-family: "FZLTXIHJW"; + } + + .img-right { + font-family: "FZLTXIHJW"; + text-align: right; + font-size: 0.85em; + color: #5d78bb; + margin-left: 0%; + margin-right: 5%; + text-indent: 0em; + } + + .img { + font-family: "FZLTXIHJW"; + text-align: center; + font-size: 0.8em; + color: #5d78bb; + 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: 1em; + text-indent: 2em; + line-height: 30px; + font-size: 18px; + text-align: justify; + } + + .cover { + width: 100%; + padding: 0px; + } + + .center { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .center1 { + font-family: "STKaiti"; + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .left { + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + } + + .right { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + + .right1 { + font-family: "STKaiti"; + 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"; + text-align: center; + font-size: 2em; + margin-bottom: 0.5cm; + margin-top: 0.5cm; + } + + h1.front { + font-family: "FZLTZHJW"; + color: #ac92c4; + text-align: center; + font-size: 1.8em; + margin-bottom: 2em; + margin-top: 0.5cm; + } + + h1.lefth1 { + font-family: "FZLTZHJW"; + text-align: right; + font-size: 2em; + margin-bottom: 0.5cm; + margin-top: 0.5cm; + } + + h2 { + font-family: "FZLTZHJW"; + font-weight: bold; + font-size: 1.2em; + margin-top: 0.2em; + margin-bottom: 0.2em; + text-indent: 0em; + } + + h3 { + font-family: "FZLTZHJW"; + color: #5877ba; + font-weight: bold; + font-size: 1.15em; + margin-top: 2em; + text-align: center; + margin-bottom: 2em; + text-indent: 0em; + } + + h3.lefth3 { + font-family: "FZLTZHJW"; + color: #5877ba; + font-weight: bold; + font-size: 1.15em; + margin-top: 2em; + text-align: center; + margin-bottom: 2em; + text-indent: 0em; + text-align: left; + } + + h4 { + font-family: "FZLTZHJW"; + font-weight: bold; + color: #5877ba; + font-size: 1.1em; + margin-top: 0.2em; + margin-bottom: 1em; + text-indent: 0em; + } + + h4.h4-zt { + font-family: "FZLTZHJW"; + font-weight: bold; + color: #7bb4e3; + font-size: 1.1em; + margin-top: 0.2em; + margin-bottom: 1em; + text-indent: 0em; + } + + h5 { + font-family: "FZLTZHJW"; + font-weight: bold; + color: #c96653; + font-size: 1em; + margin-top: 0.2em; + margin-bottom: 1em; + text-indent: 2em; + } + + h6 { + font-family: "cnepub", serif; + font-family: "FZHTJW"; + color: #36c3f4; + font-size: 1.1em; + margin-top: 10px; + text-indent: 2em; + margin-bottom: 10px; + } + + .u { + text-decoration: underline; + } + + .img-0 { + width: 100%; + } + + .imz { + width: 100%; + text-align: center; + } + + .img-a { + width: 95%; + } + + .img-b { + width: 80%; + } + + .img-c { + width: 70%; + } + + .img-d { + width: 60%; + } + + .img-e { + width: 50%; + } + + .img-f { + width: 40%; + } + + .img-g { + width: 30%; + } + + .img-gh1 { + width: 30%; + text-align: right; + } + + .img-gh2 { + width: 45%; + text-align: right; + } + + .img-h { + width: 20%; + } + + .img-i { + width: 10%; + } + + .img-j { + width: 5%; + } + + .inline { + height: 1em; + margin-bottom: -0.3em; + } + + .inline1 { + height: 1.5em; + margin-top: -1em; + margin-bottom: -0.4em; + } + + .inline2 { + height: 2.5em; + margin-top: 2em; + margin-bottom: -0.4em; + } + + .inline3 { + height: 4em; + margin-top: 2em; + margin-bottom: -0.4em; + } + + /* 锟斤拷权锟斤拷息页锟斤拷锟斤拷 */ + /* Copyright page text */ + p.kindle-cn-copyright-text { + line-height: 1.618em; + text-indent: 0em; + } + + /* Quote */ + /* 锟斤拷锟矫匡拷 */ + blockquote.kindle-cn-blockquote { + background: #f9f9f9; + border-left: 0.5em solid #ccc; + margin: 1.5em; + padding: 1em; + text-indent: 2em; + line-height: 1.5em; + } + + /* 锟斤拷锟侥讹拷锟斤拷 */ + div.block { + border-style: dotted; + border-width: 2px; + border-color: #32a59e; + padding: 0.8em; + } + + /* 锟斤拷锟较斤拷 */ + div.lt-border { + border-style: solid none none solid; + border-color: #32a59e; + border-width: 1.8px; + width: 4em; + margin: 1.5em auto -0.5em 1%; + } + + /* 锟斤拷锟铰斤拷 */ + div.lt-border2 { + border-style: none solid solid none; + border-color: #32a59e; + border-width: 1.8px; + width: 4em; + margin: -0.5em 1% 1.5em auto; + } + + .block1 { + font-family: "浠垮畫"; + text-align: right; + font-weight: 600; + } + + .block2 { + font-family: "瀹嬩綋"; + text-align: center; + text-indent: 0em; + font-size: 16px; + font-weight: 700; + margin: -3px 0; + color: #333; + } + + .block3 { + font-family: "STKaiti"; + text-align: left; + text-indent: 0em; + } + + .kaiti { + font-family: "STKaiti"; + } + + .em_dot { + -webkit-text-emphasis-style: dot; + -moz-text-emphasis-style: dot; + -ms-text-emphasis-style: dot; + text-emphasis-style: dot; + -webkit-text-emphasis-position: under left; + -moz-text-emphasis-position: under left; + -ms-text-emphasis-position: under left; + text-emphasis-position: under left; + } + + .fieldset { + border: 1px dotted black; + border-radius: 5px; + font-size: 0.9em; + /*16px;*/ + margin-top: 1em; + margin-bottom: 1em; + padding: 1em 0.5em 1em 1em; + color: #666666; + font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; + } + + span.linethrough { + text-decoration: line-through; + } + + .border { + /*斯锟斤拷锟�-锟竭匡拷锟斤拷*/ + border-width: 1px; + border-style: solid; + } + + /* 鏂板鏍峰紡 */ + .custom_title1 { + font-family: "FZLTZHJW"; + background-color: rgb(125, 164, 64); + width: 70vw; + position: relative; + left: 50%; + transform: translateX(-50%); + color: #ffffff; + padding: 10px 0; + border-radius: 20px; + display: flex; + align-items: center; + font-size: 21px; + margin-bottom: 0.5cm; + margin-top: 0.5cm; + } + + .title_icon { + width: 50px; + margin: 0 20px 0 15px; + } + + .custom_chapter { + font-family: "FZHTJW"; + color: rgb(108, 152, 65); + padding: 15px 10px; + background-color: rgb(202, 217, 180); + position: relative; + display: inline-block; + padding: 10px; + font-size: 19px; + left: 50%; + transform: translateX(-50%); + margin-bottom: 0.2cm; + margin-top: 0.2cm; + } + + .custom_chapter::before { + font-family: "FZHTJW"; + content: ""; + width: 12px; + height: 60%; + background-color: rgb(125, 164, 64); + position: absolute; + left: -12px; + top: 50%; + transform: translateY(-50%); + } + + .custom_chapter::after { + font-family: "FZHTJW"; + content: ""; + width: 12px; + height: 60%; + background-color: rgb(125, 164, 64); + position: absolute; + right: -12px; + top: 50%; + transform: translateY(-50%); + } + + .custom_title2 { + color: rgb(154, 106, 17); + // background: url('../image/xt.png') no-repeat; + background-size: 100% 100%; + display: inline-block; + padding: 18px; + font-size: 21px; + margin-bottom: 0.2cm; + margin-top: 0.2cm; + font-family: "FZHTJW"; + } + + .img-gn { + height: 3.2em; + margin-bottom: -0.4em; + } + + .img-gn1 { + height: 2.5em; + margin-bottom: -0.4em; + } + + .img-gn2 { + height: 2em; + margin-bottom: -0.5em; + } + + .img-gn-zt { + height: 2.5em; + margin-bottom: -0.4em; + } + + .div-img-h3 { + display: flex; + align-items: center; + } + + .div-img-h3 h3 { + flex: 1; + } + + .bold1 { + font-weight: bold; + font-size: 1.1em; + } + + .bj2 { + background-color: #857eb4; + color: #ffffff; + display: inline-block; + padding: 1px; + font-size: 1em; + padding: 5px 15px 5px 15px; + font-weight: bold; + border-radius: 1em; + margin: 0; + margin-left: 2em; + text-indent: 0em; + } + + .bj3 { + background: #d5f0fa; + padding: 0.01em 1em 0.01em 1em; + color: #000000; + margin-top: -1em; + margin-left: 0.5em; + margin-right: 0.5em; + text-align: center; + text-indent: 0em; + margin-bottom: -0.8em; + padding: 5px 15px 5px 15px; + font-size: 1.1em; + font-weight: bold; + } + + div.bj4 { + background: #fabf2e; + padding: 0.01em 1em 0.01em 1em; + color: #ffffff; + margin-top: -1em; + font-size: 1.3em; + font-weight: bold; + margin-left: -0.8em; + margin-right: -0.8em; + } + + div.bj5 { + background: #fffbe8; + padding: 1em; + } + + .lvz { + font-family: "HiFont Hei GB"; + color: #6eb92c; + font-weight: bold; + } + + ul { + list-style-type: none; + } + + li { + list-style-type: none; + } + + div.bk { + border: 3px dotted #f49a4c; + padding: 15px; + margin-bottom: 2em; + margin-top: 0.5em; + } + + div.bj1 { + background: #d5f0fa; + padding: 0.01em 1em 0.01em 1em; + color: #000000; + margin-top: -1em; + margin-left: 0.5em; + margin-right: 0.5em; + text-align: left; + text-indent: 0em; + margin-bottom: -0.8em; + padding: 5px 15px 5px 15px; + font-size: 1.1em; + font-weight: bold; + } + + p.block-hs { + font-family: "STKaiti"; + // font-size: "1.2em"; + font-size: 16px; + color: #cd141c; + line-height: 20px; + } + + .bk-h3 { + border: 3px solid #f49a4c; + padding: 0.7em; + color: #f49a4c; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 0em 2em 2em 0em; + } + + .bj1-h3 { + background-color: #f49a4c; + padding: 0.9em; + color: #ffffff; + margin-top: 0em; + margin-left: -0.8em; + margin-right: -1em; + } + + .bk1-h3 { + border: 3px solid #aac53c; + padding: 0.7em; + color: #aac53c; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 0em 2em 2em 0em; + } + + .bj2-h3 { + background-color: #aac53c; + padding: 0.9em; + color: #ffffff; + margin-top: 0em; + margin-left: -0.8em; + margin-right: -1em; + } + + .fontsz1 { + font-size: 0.7em; + } + + p.hr { + padding: 0.3em; + line-height: 1.5em; + border-bottom: 1px solid #f49a4c; + } + + div.bk-ztgs { + border: 0.15em dotted #f39938; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 1em; + position: relative; + } + + p.bj1-ztgs { + background-color: #f39938; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + + div.bk-xyx { + background-color: #f9f7fc; + border: 0.15em dotted #b898c7; + padding: 0.5em 1.2em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 1em; + position: relative; + } + + p.bj1-xyx { + background-color: #f9f7fc; + color: #95b2dc; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + + div.bk-xspj { + background-color: #dfe5f1; + border: 0.15em dotted #dfe5f1; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 1em; + position: relative; + + .xspj-text { + width: 100%; + display: flex; + justify-content: center; + + textarea { + width: 100%; + max-width: 560px; + border: 1px solid #89a0d0; + border-radius: 5px; + font-size: 14px; + font-family: 'FZLTXIHJW'; + text-indent: 2em; + line-height: 22px; + padding: 2px 5px; + box-sizing: border-box; + } + + textarea:focus { + outline: none; + } + } + } + + p.bj-xspj { + background-color: #f39b42; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + + p.bj-sbx { + background-color: #f39b42; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + + .bj-zyz { + background-color: #f39b42; + color: #ffffff; + padding: 0.3em 0.7em 0.3em 0.7em; + font-weight: bold; + font-size: 1em; + } + + div.bk-wbj { + background-color: #fff3d1; + border: 0.3em dotted #ffd967; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 1em; + position: relative; + } + + div.bk1-wbj { + border: 0.3em solid #dfe5f1; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 1em; + position: relative; + } + + div.bk-tyzg { + border: 0.15em dotted #b898c7; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + color: #8da2d7; + border-radius: 1em; + position: relative; + } + + p.bj1-tyzg { + background-color: #b898c7; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + + div.bk-dy3xxmb { + border: 0.15em dotted #ffffff; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + color: #8da2d7; + border-radius: 1em; + position: relative; + } + + p.bj1-dy3xxmb { + background-color: #b898c7; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + + h4.h4-dy3 { + font-family: "FZLTZHJW"; + font-weight: bold; + color: #b898c7; + font-size: 1.1em; + margin-top: 0.2em; + margin-bottom: 1em; + text-indent: 0em; + } + + .h4-dy3s { + background-color: #b898c7; + color: #ffffff; + padding: 0.3em 0.7em 0.3em 0.7em; + font-weight: bold; + font-size: 1em; + } + + .bj1-mk { + background-image: url('../image/mk.png'); + background-position: center; + background-repeat: no-repeat; + background-size: 100% 100%; + color: #ffffff; + padding: 5px 28px 15px 25px; + // padding: 0.3em 0.7em 0.3em 0.7em; + font-weight: bold; + font-size: 1em; + } + + .zt-ls { + color: #99b4df; + font-weight: bold; + } + + .zt-cs { + color: #e99a4f; + font-weight: bold; + } + } + + @media screen and (max-width: 800px) { + + + .chapter { + .coverImg { + height: 100%; + overflow: hidden; + } + + .page-box { + min-height: 1000px !important; + } + + .pdf-tips-con { + width: 100%; + min-width: 200px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + padding: 20px 0; + + .pdf-wall { + max-width: 180px; + position: relative; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + padding: 10px; + box-sizing: border-box; + border-radius: 10px; + top: 0 !important; + + .pdf-item { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + img { + width: 80px; + } + + span { + font-size: 14px; + text-align: center; + font-family: 'FZLTXIHJW'; + line-height: 20px; + } + + span:hover { + color: #5877ba; + 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; + /* 鏍囧噯璇硶 */ + } + } + } + } + + .parentVideo { + width: 100%; + display: flex; + justify-content: center; + flex-wrap: wrap; + } + + + .bj-img { + display: flex; + flex-direction: column; + justify-content: flex-start; + background-size: 100% 50%; + } + + .bj-img02 { + display: flex; + flex-direction: column; + justify-content: flex-start; + background-size: 100% 50%; + } + + .bj-img02 { + display: flex; + flex-direction: column; + justify-content: flex-start; + background-size: 100% 50%; + } + + .bj-empyt-chapter { + height: 50%; + } + + .bj-text { + width: 100%; + padding-top: 0%; + padding: 0 10%; + box-sizing: border-box; + } + + .tablePublic table tr th{ + padding: 0; + width: auto !important; + } + + div.bk-xyx { + padding: 2.5em 1.2em; + } + } + } + + @media screen and (max-width:700px) { + + .chapter { + + .coverImg { + margin: 0; + } + + .page-box { + min-height: 800px !important; + } + + .img-float { + width: 130px; + } + + .bodystyle-chapter { + flex-direction: column; + + .bj-chapter-con { + width: auto; + position: relative; + } + } + + } + } + + @media screen and (max-width:600px) { + .chapter { + + .coverImg { + margin: 0; + height: 100%; + } + + .page-box { + min-height: 500px !important; + margin-bottom: 20px; + } + + .bj-img { + display: flex; + flex-direction: column; + justify-content: flex-start; + background-size: 100% 30%; + } + + .bj-img02 { + display: flex; + flex-direction: column; + justify-content: flex-start; + background-size: 100% 30%; + } + + .bj-img03 { + display: flex; + flex-direction: column; + justify-content: flex-start; + background-size: 100% 20%; + + .bj-text { + width: 100%; + padding-top: 0%; + padding: 35% 10% 0 10% !important; + box-sizing: border-box; + + p { + line-height: 28px; + } + } + } + + .pdf-text { + .pdf-con { + flex-direction: column; + + .pdf-view { + margin-bottom: 10px; + } + } + } + + + .bj-empyt-chapter { + height: 30%; + } + + .bj-text { + width: 100%; + padding-top: 0%; + padding: 0 10%; + box-sizing: border-box; + } + } + } + } + } +} + +.pdfModal { + width: 100%; + height: 90vh; +} + +@media screen and (max-width:800px) { + .pdfModal { + width: 100%; + height: 60vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} + + +.custom-dialog { + .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'; + } + } +} + +.tablePublic input[type="checkbox"]:checked+.checkmark { + background: #000 !important; + /* 閫変腑鏃剁殑鑳屾櫙鑹� */ +} + @font-face { font-family: "FZLTZHJW"; src: url("../Fonts/FZLTZHJW.ttf"); @@ -13,1278 +2002,17 @@ src: url("../Fonts/FZHTJW.ttf"); } -.page-main { - width: 100%; - height: 100%; - overflow: auto; +br { + -webkit-user-select: none; + /* Safari */ + -moz-user-select: none; + /* Firefox */ + -ms-user-select: none; + /* IE10+/Edge */ + user-select: none; } -.public-sportsAndHealth { - font-family: "瀹嬩綋"; - max-width: 816px; - min-width: 375px; - margin: 0 auto; - border-color: #f49a4c; - height: 100%; - - .chapter { - .page-box { - box-sizing: border-box; - min-height: 1150px !important; - margin-bottom: 20px; - box-shadow: 0 3px 6px 1px #00000029; - background-color: #fff; - position: relative; - } - - .tablePublic { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding-top: 20px; - - .table-bottom { - width: 100%; - display: flex; - flex-direction: column; - justify-content: space-between; - font-size: 14px; - - .score { - padding-top: 10px; - } - - .btn { - display: flex; - justify-content: center; - - span { - display: block; - height: 25px; - line-height: 15px; - border: 1px solid #89a0d0; - padding: 5px 15px; - box-sizing: border-box; - border-radius: 5px; - cursor: pointer; - -webkit-user-select: none; - /* Safari 3.1+ */ - -moz-user-select: none; - /* Firefox 2+ */ - -ms-user-select: none; - /* IE 10+ */ - user-select: none; - /* 鏍囧噯璇硶 */ - } - - span:hover { - background-color: #89a0d0; - color: #FFF; - } - - span:nth-child(1) { - margin-right: 10px; - } - } - } - - table { - width: 100%; - border: 1px solid #89a0d0; - border-collapse: collapse; - padding: 0; - margin: 0; - - tr th { - border: 1px solid #89a0d0; - background-color: #d6dbee; - color: #f49a4c; - text-align: center; - padding: 5px 20px; - font-size: 16px; - } - - tr td { - border: 1px solid #89a0d0; - text-align: center; - padding: 3px 10px; - font-size: 14px; - line-height: 25px; - - input { - cursor: pointer; - } - } - } - } - - .bj-img { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: url('../image/dy1.jpg'); - background-position: top; - background-size: 100% 50%; - background-repeat: no-repeat; - display: flex; - justify-content: flex-start; - - .bj-empyt-chapter01 { - width: 40%; - height: 100%; - } - - .bj-text01 { - width: 60%; - height: 50%; - padding-top: 60%; - padding-right: 10%; - } - } - - .bj-byb { - width: 100%; - padding: 10px; - box-sizing: border-box; - - .byb-title { - font-family: "STKaiti"; - text-align: center; - color: #cd141c; - } - - p { - font-size: 16px; - } - - } - - .bk-xyx { - textarea { - width: 100%; - max-width: 625px; - border: 1px solid #89a0d0; - border-radius: 5px; - } - - textarea:focus { - outline: none; - text-indent: 2em; - } - } - - .publicxbc { - min-width: 100px; - display: flex; - justify-content: center; - position: absolute; - top: -20px; - left: 10px; - background-color: #d6dbee; - padding: 5px 20px; - box-sizing: border-box; - color: #95b2dc; - font-family: "FZLTXIHJW"; - font-size: 1em; - border-radius: 15px; - - .icon { - width: 30px; - height: 25px; - border-radius: 5px; - background-color: #007aff; - border: 1px solid #007aff; - display: flex; - justify-content: center; - align-items: center; - margin-left: 10px; - cursor: pointer; - - svg { - fill: #fff; - } - } - - .icon:hover { - background-color: #fff; - border: 1px solid #007aff; - - svg { - fill: #007aff; - } - } - } - - .pdf-con { - width: 100%; - display: flex; - justify-content: flex-start; - align-items: center; - - .pdf-view { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - img{ - width: 80px; - } - span { - font-size: 14px; - } - span:hover { - color: #5877ba; - 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; - /* 鏍囧噯璇硶 */ - } - } - } - - .xyx-title { - font-family: "STKaiti"; - text-align: center; - color: #cd141c; - padding: 20px 0; - } - - .xyx-text { - p { - font-size: 16px; - } - - .finishiText { - border: 0; - background-color: transparent; - text-align: center; - } - - .finishiText:focus { - border: 0; - outline: none; - } - - .textInputarea { - width: 100%; - max-width: 336px; - border: 0; - background-color: transparent; - } - - .textInputarea:focus { - outline: none; - } - - .xyx-fu { - color: #0087af; - font-size: 18px; - font-weight: bold; - } - - .xyx-fu-ss { - color: #f49a4c; - font-weight: 600; - } - - .xyx-fu-title { - font-family: "STKaiti"; - text-align: center; - color: #cd141c; - } - - .xyx-tips { - color: #0087af; - font-size: 18px; - font-weight: bolder; - } - } - - .xyx-con { - padding: 0 15px; - } - - .xyx-ul { - font-size: 16px; - } - - .assess { - width: 200px; - height: 25px; - border: 0; - background-color: transparent; - border-bottom: 1px solid #000; - } - - .assess:focus { - border: 0; - outline: none; - border-bottom: 1px solid #000; - } - - .ls1 { - font-family: "HiFont Hei GB"; - color: #30aad1; - font-weight: bold; - } - - .hs { - font-family: "HiFont Hei GB"; - color: #ea6b00; - font-weight: bold; - } - - .zs1 { - font-family: "HiFont Hei GB"; - color: #857eb4; - font-weight: bold; - } - - span.under1 { - 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; - } - - img.bodycontent-divcenter-image { - float: center; - clear: both; - height: 140px; - margin: 15px; - } - - 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; - } - - div.bodystyle { - font-family: "FZLTXIHJW"; - font-size: 18px; - text-align: justify; - padding: 10% 10%; - box-sizing: border-box; - line-height: 30px; - } - - div.bj { - background: #fffbe8; - padding: 1em; - border-radius: 0.6em; - } - - 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; - } - - .note { - font-size: 0.85em; - } - - .img-right { - font-family: "FZLTXIHJW"; - text-align: right; - font-size: 0.85em; - color: #5d78bb; - margin-left: 0%; - margin-right: 5%; - text-indent: 0em; - } - - .img { - font-family: "FZLTXIHJW"; - text-align: center; - font-size: 0.8em; - color: #5d78bb; - 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: 1em; - text-indent: 2em; - line-height: 30px; - font-size: 18px; - text-align: justify; - } - - .cover { - width: 100%; - padding: 0px; - } - - .center { - text-align: center; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; - } - - .center1 { - font-family: "STKaiti"; - text-align: center; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; - } - - .left { - text-indent: 0em; - margin-left: 0%; - margin-right: 0%; - } - - .right { - text-align: right; - margin-left: 0%; - margin-right: 0%; - } - - .right1 { - font-family: "STKaiti"; - 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"; - text-align: center; - font-size: 2em; - margin-bottom: 0.5cm; - margin-top: 0.5cm; - } - - h1.front { - font-family: "FZLTZHJW"; - color: #b898c7; - text-align: center; - font-size: 1.8em; - margin-bottom: 0.5cm; - margin-top: 0.5cm; - } - - h1.lefth1 { - font-family: "FZLTZHJW"; - text-align: right; - font-size: 2em; - margin-bottom: 0.5cm; - margin-top: 0.5cm; - } - - h2 { - font-family: "FZLTZHJW"; - font-weight: bold; - font-size: 1.2em; - margin-top: 0.2em; - margin-bottom: 0.2em; - text-indent: 0em; - } - - h3 { - font-family: "FZLTZHJW"; - color: #5877ba; - font-weight: bold; - font-size: 1.15em; - margin-top: 2em; - text-align: center; - margin-bottom: 2em; - text-indent: 0em; - } - - h3.lefth3 { - font-family: "FZLTZHJW"; - color: #5877ba; - font-weight: bold; - font-size: 1.15em; - margin-top: 2em; - text-align: center; - margin-bottom: 2em; - text-indent: 0em; - text-align: left; - } - - h4 { - font-family: "FZLTZHJW"; - font-weight: bold; - color: #5877ba; - font-size: 1.1em; - margin-top: 0.2em; - margin-bottom: 1em; - text-indent: 0em; - } - - h4.h4-zt { - font-family: "FZLTZHJW"; - font-weight: bold; - color: #7bb4e3; - font-size: 1.1em; - margin-top: 0.2em; - margin-bottom: 1em; - text-indent: 0em; - } - - h5 { - font-family: "FZLTZHJW"; - font-weight: bold; - color: #c96653; - font-size: 1em; - margin-top: 0.2em; - margin-bottom: 1em; - text-indent: 2em; - } - - h6 { - font-family: "cnepub", serif; - font-family: "FZHTJW"; - color: #36c3f4; - font-size: 1.1em; - margin-top: 10px; - text-indent: 2em; - margin-bottom: 10px; - } - - .u { - text-decoration: underline; - } - - .img-0 { - width: 100%; - } - - .imz { - width: 96%; - text-align: center; - } - - .img-a { - width: 95%; - } - - .img-b { - width: 80%; - } - - .img-c { - width: 70%; - } - - .img-d { - width: 60%; - } - - .img-e { - width: 50%; - } - - .img-f { - width: 40%; - } - - .img-g { - width: 30%; - } - - .img-gh1 { - width: 30%; - text-align: right; - } - - .img-gh2 { - width: 45%; - text-align: right; - } - - .img-h { - width: 20%; - } - - .img-i { - width: 10%; - } - - .img-j { - width: 5%; - } - - .inline { - height: 1em; - margin-bottom: -0.3em; - } - - .inline1 { - height: 1.5em; - margin-top: -1em; - margin-bottom: -0.4em; - } - - .inline2 { - height: 2.5em; - margin-top: 2em; - margin-bottom: -0.4em; - } - - .inline3 { - height: 4em; - margin-top: 2em; - margin-bottom: -0.4em; - } - - /* 锟斤拷权锟斤拷息页锟斤拷锟斤拷 */ - /* Copyright page text */ - p.kindle-cn-copyright-text { - line-height: 1.618em; - text-indent: 0em; - } - - /* Quote */ - /* 锟斤拷锟矫匡拷 */ - blockquote.kindle-cn-blockquote { - background: #f9f9f9; - border-left: 0.5em solid #ccc; - margin: 1.5em; - padding: 1em; - text-indent: 2em; - line-height: 1.5em; - } - - /* 锟斤拷锟侥讹拷锟斤拷 */ - div.block { - border-style: dotted; - border-width: 2px; - border-color: #32a59e; - padding: 0.8em; - } - - /* 锟斤拷锟较斤拷 */ - div.lt-border { - border-style: solid none none solid; - border-color: #32a59e; - border-width: 1.8px; - width: 4em; - margin: 1.5em auto -0.5em 1%; - } - - /* 锟斤拷锟铰斤拷 */ - div.lt-border2 { - border-style: none solid solid none; - border-color: #32a59e; - border-width: 1.8px; - width: 4em; - margin: -0.5em 1% 1.5em auto; - } - - .block1 { - font-family: "STKaiti"; - text-align: right; - } - - .block2 { - font-family: "STKaiti"; - text-align: center; - text-indent: 0em; - } - - .block3 { - font-family: "STKaiti"; - text-align: left; - text-indent: 0em; - } - - .kaiti { - font-family: "STKaiti"; - } - - .em_dot { - -webkit-text-emphasis-style: dot; - -moz-text-emphasis-style: dot; - -ms-text-emphasis-style: dot; - text-emphasis-style: dot; - -webkit-text-emphasis-position: under left; - -moz-text-emphasis-position: under left; - -ms-text-emphasis-position: under left; - text-emphasis-position: under left; - } - - .fieldset { - border: 1px dotted black; - border-radius: 5px; - font-size: 0.9em; - /*16px;*/ - margin-top: 1em; - margin-bottom: 1em; - padding: 1em 0.5em 1em 1em; - color: #666666; - font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; - } - - span.linethrough { - text-decoration: line-through; - } - - .border { - /*斯锟斤拷锟�-锟竭匡拷锟斤拷*/ - border-width: 1px; - border-style: solid; - } - - /* 鏂板鏍峰紡 */ - .custom_title1 { - font-family: "FZLTZHJW"; - background-color: rgb(125, 164, 64); - width: 70vw; - position: relative; - left: 50%; - transform: translateX(-50%); - color: #ffffff; - padding: 10px 0; - border-radius: 20px; - display: flex; - align-items: center; - font-size: 21px; - margin-bottom: 0.5cm; - margin-top: 0.5cm; - } - - .title_icon { - width: 50px; - margin: 0 20px 0 15px; - } - - .custom_chapter { - font-family: "FZHTJW"; - color: rgb(108, 152, 65); - padding: 15px 10px; - background-color: rgb(202, 217, 180); - position: relative; - display: inline-block; - padding: 10px; - font-size: 19px; - left: 50%; - transform: translateX(-50%); - margin-bottom: 0.2cm; - margin-top: 0.2cm; - } - - .custom_chapter::before { - font-family: "FZHTJW"; - content: ""; - width: 12px; - height: 60%; - background-color: rgb(125, 164, 64); - position: absolute; - left: -12px; - top: 50%; - transform: translateY(-50%); - } - - .custom_chapter::after { - font-family: "FZHTJW"; - content: ""; - width: 12px; - height: 60%; - background-color: rgb(125, 164, 64); - position: absolute; - right: -12px; - top: 50%; - transform: translateY(-50%); - } - - .custom_title2 { - color: rgb(154, 106, 17); - // background: url('../image/xt.png') no-repeat; - background-size: 100% 100%; - display: inline-block; - padding: 18px; - font-size: 21px; - margin-bottom: 0.2cm; - margin-top: 0.2cm; - font-family: "FZHTJW"; - } - - .img-gn { - height: 3.2em; - margin-bottom: -0.4em; - } - - .img-gn1 { - height: 2.5em; - margin-bottom: -0.4em; - } - - .img-gn2 { - height: 2em; - margin-bottom: -0.5em; - } - - .img-gn-zt { - height: 2.5em; - margin-bottom: -0.4em; - } - - .div-img-h3 { - display: flex; - align-items: center; - } - - .div-img-h3 h3 { - flex: 1; - } - - .bold1 { - font-weight: bold; - font-size: 1.1em; - } - - .bj2 { - background-color: #857eb4; - color: #ffffff; - display: inline-block; - padding: 1px; - font-size: 1em; - padding: 5px 15px 5px 15px; - font-weight: bold; - border-radius: 1em; - margin: 0; - margin-left: 2em; - text-indent: 0em; - } - - .bj3 { - background: #d5f0fa; - padding: 0.01em 1em 0.01em 1em; - color: #000000; - margin-top: -1em; - margin-left: 0.5em; - margin-right: 0.5em; - text-align: center; - text-indent: 0em; - margin-bottom: -0.8em; - padding: 5px 15px 5px 15px; - font-size: 1.1em; - font-weight: bold; - } - - div.bj4 { - background: #fabf2e; - padding: 0.01em 1em 0.01em 1em; - color: #ffffff; - margin-top: -1em; - font-size: 1.3em; - font-weight: bold; - margin-left: -0.8em; - margin-right: -0.8em; - } - - div.bj5 { - background: #fffbe8; - padding: 1em; - } - - .lvz { - font-family: "HiFont Hei GB"; - color: #6eb92c; - font-weight: bold; - } - - ul { - list-style-type: none; - } - - li { - list-style-type: none; - } - - div.bk { - border: 3px dotted #f49a4c; - padding: 15px; - margin-bottom: 2em; - margin-top: 0.5em; - } - - div.bj1 { - background: #d5f0fa; - padding: 0.01em 1em 0.01em 1em; - color: #000000; - margin-top: -1em; - margin-left: 0.5em; - margin-right: 0.5em; - text-align: left; - text-indent: 0em; - margin-bottom: -0.8em; - padding: 5px 15px 5px 15px; - font-size: 1.1em; - font-weight: bold; - } - - p.block-hs { - font-family: "STKaiti"; - font-size: "1.2em"; - color: #cd141c; - line-height: 20px; - } - - .bk-h3 { - border: 3px solid #f49a4c; - padding: 0.7em; - color: #f49a4c; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 0em 2em 2em 0em; - } - - .bj1-h3 { - background-color: #f49a4c; - padding: 0.9em; - color: #ffffff; - margin-top: 0em; - margin-left: -0.8em; - margin-right: -1em; - } - - .bk1-h3 { - border: 3px solid #aac53c; - padding: 0.7em; - color: #aac53c; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 0em 2em 2em 0em; - } - - .bj2-h3 { - background-color: #aac53c; - padding: 0.9em; - color: #ffffff; - margin-top: 0em; - margin-left: -0.8em; - margin-right: -1em; - } - - .fontsz1 { - font-size: 0.7em; - } - - p.hr { - padding: 0.3em; - line-height: 1.5em; - border-bottom: 1px solid #f49a4c; - } - - div.bk-ztgs { - border: 0.15em dotted #f39938; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 1em; - position: relative; - } - - p.bj1-ztgs { - background-color: #f39938; - color: #ffffff; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 0.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -2em; - } - - div.bk-xyx { - background-color: #f9f7fc; - border: 0.15em dotted #95b2dc; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 1em; - position: relative; - } - - p.bj1-xyx { - background-color: #f9f7fc; - color: #95b2dc; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 0.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -2em; - } - - div.bk-xspj { - background-color: #dfe5f1; - border: 0.15em dotted #dfe5f1; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 1em; - position: relative; - } - - p.bj-xspj { - background-color: #f39b42; - color: #ffffff; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 0.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -2em; - } - - p.bj-sbx { - background-color: #f39b42; - color: #ffffff; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 0.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -2em; - } - - .bj-zyz { - background-color: #f39b42; - color: #ffffff; - padding: 0.3em 0.7em 0.3em 0.7em; - font-weight: bold; - font-size: 1em; - } - - div.bk-wbj { - background-color: #fff3d1; - border: 0.3em dotted #ffd967; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 1em; - position: relative; - } - - div.bk1-wbj { - border: 0.3em solid #dfe5f1; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 1em; - position: relative; - } - - div.bk-tyzg { - border: 0.15em dotted #b898c7; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - color: #8da2d7; - border-radius: 1em; - position: relative; - } - - p.bj1-tyzg { - background-color: #b898c7; - color: #ffffff; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 0.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -2em; - } - - div.bk-dy3xxmb { - border: 0.15em dotted #ffffff; - padding: 0.5em; - margin-bottom: 2em; - margin-top: 0.5em; - color: #8da2d7; - border-radius: 1em; - position: relative; - } - - p.bj1-dy3xxmb { - background-color: #b898c7; - color: #ffffff; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 0.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -2em; - } - - h4.h4-dy3 { - font-family: "FZLTZHJW"; - font-weight: bold; - color: #b898c7; - font-size: 1.1em; - margin-top: 0.2em; - margin-bottom: 1em; - text-indent: 0em; - } - - .h4-dy3s { - background-color: #b898c7; - color: #ffffff; - padding: 0.3em 0.7em 0.3em 0.7em; - font-weight: bold; - font-size: 1em; - } - - .bj1-mk { - background-color: #99b4df; - color: #ffffff; - padding: 0.3em 0.7em 0.3em 0.7em; - font-weight: bold; - font-size: 1em; - } - - .zt-ls { - color: #99b4df; - font-weight: bold; - } - .zt-cs { - color: #e99a4f; - font-weight: bold; - } - } -} body { background-color: #e6e6e6; -- Gitblit v1.9.1