.page-main { width: 100%; height: 100%; overflow: auto; } .public-lifeCare { max-width: 816px; min-width: 375px; margin: 0 auto; border-color: #f49a4c; height: 100%; .swiper-button-prev, .swiper-button-next { color: #F49A4C; } textarea:focus, input:focus { border: 0 !important; border-color: #fff !important; outline: none; } textarea { width: 100%; text-indent: 2em; max-width: 653px; min-height: 100px; } .coverImg { position: absolute; top: 0; left: 0; } .prefaceImg { width: 92% !important; position: absolute; left: 4%; top: 4%; } input { width: 100%; border: 0 !important; border-color: #fff !important; outline: none; font-size: 16px; text-align: center; white-space: pre-line; } .drawflow { .main-path { stroke: #f49a4c; } .drawflow-delete { width: 25px; height: 25px; line-height: 21px; background-color: #f49a4c; font-size: 20px; } .drawflow-node { background-color: #fff; border: 0px solid #f49a4c; box-shadow: 1px 1px 5px 0 #f49a4c; .contentWall { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .contentTitle { margin-bottom: 5px; } .contentText { textarea { width: auto; min-height: 50px; margin: 0; outline: none; border-color: #f49a4c; border-radius: 5px; } textarea:focus { border: 1px solid #fabf2e !important; } } } .input, .output { border-color: #f49a4c; border-width: 1px; } } .content { .btn-export { float: right; position: absolute; top: 10px; right: 10px; color: white; font-weight: bold; border: 1px solid #0e5ba3; background: #4ea9ff; padding: 5px 10px; border-radius: 4px; cursor: pointer; z-index: 5; } .btn-clear { float: right; position: absolute; top: 10px; right: 85px; color: white; font-weight: bold; border: 1px solid #96015b; background: #e3195a; padding: 5px 10px; border-radius: 4px; cursor: pointer; z-index: 5; } } } .drawContent_wall { width: 100%; height: 890px; } .chapter { font-family: "宋体"; .topImg { padding-top: 0 !important; margin-bottom: 2em; } p input { width: 20px; } .header { width: 100%; height: 100px; .pageHeader-first { width: 100%; height: 100%; padding-top: 6%; .header-bj { width: 78%; height: 100%; border-left: 2px solid #dfb27d; border-bottom: 2px solid #dfb27d; margin-left: 18%; } .content { background-color: #F49A4C; width: 91%; height: 32%; display: flex; justify-content: flex-start; align-items: center; margin-top: -6%; margin-left: 3%; .pageStr { color: #fff; font-size: 24px; text-align: center; margin: 0 20px; } .title { display: flex; justify-content: flex-start; align-items: center; color: #fff; font-size: 20px; position: relative; img { height: 30px !important; margin-right: 20px; } .ztImg { height: 40px !important; margin-top: -4px; } } } .zt1-content { background-color: #f7b80a; } .zt1-header-bj { border-left-color: #a5c24f; border-bottom-color: #a5c24f; } @media (max-width: 756px) { .content { margin-top: -12%; .title { font-size: 18px; } .pageStr { font-size: 18px; } } } } .pageHeader-second { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 3%; .second-con { width: 90%; height: 35px; display: flex; justify-content: space-between; align-items: center; font-size: 20px; position: absolute; right: 36px; top: 80px; .second-left { width: 23px; height: 100%; background-color: #f49a4c; } .second-right { height: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; img { height: 50px; position: absolute; left: -50px; top: -20px; } .pageStr { margin-right: 10px; } .pageNum { display: block; background-color: #f49a4c; padding: 2px 20px; box-sizing: border-box; font-size: 28px; color: #fff; } .zt1-pageNum { background-color: #a5c24f; } .zt1-pageStr { color: #a5c24f; } } } @media (max-width: 756px) { .second-con { font-size: 18px; .pageNum { font-size: 18px !important; } } } @media (max-width: 1024px) { .second-con { right: 20px; top: 75px; } } .borderLine { width: 93%; height: 2px; background-color: #f49a4c; margin-top: 105px; } .zt1-boderLine { background-color: #a5c24f; } } } .textareaInput { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #999; font-size: 15px; color: #000; background-color: #eee; } .imgBox-003 { width: 100%; height: 220px; } .chapter01Table { width: 100%; .textareaInput:focus { border: 1px solid #999 !important; } } .table111, .table112 { width: 100%; border-collapse: collapse; tr th { background-color: #f49a4c; text-align: center; border: 1px solid #999; margin: 0; padding: 8px 9px; font-size: 16px; } tr td { border: 1px solid #999; text-align: center; padding: 8px; overflow: hidden; white-space: pre-line; textarea { width: 100%; min-height: 20px; min-width: 80px; border: 0; } } } .table112 { font-size: 16px; tr th { width: 50px; font-weight: normal; } } .table122 { font-size: 16px; tr th { font-weight: normal; } } .table162 { tr th { padding: 8px 0; } tr td { border: 1px solid #999; text-align: center; padding: 15px 0; overflow: hidden; } } .bk-swdt { display: flex; justify-content: flex-start; align-items: center; img { width: 30px; cursor: pointer; } } .bk-iframe { width: 1200px; height: 630px; position: fixed; left: -25%; border: 1px solid #f49a4c; z-index: 111; background-color: #fff; .header-swdt { height: 30px; color: #000; display: flex; justify-content: space-between; align-items: center; background-color: #f49a4c; p { margin: 0; padding: 0; padding-left: 10px; text-indent: 0; } i { margin-right: 10px; cursor: pointer; } } } .btnUpload-list { display: flex; justify-content: center; align-items: center; width: 35px; height: 30px; border-radius: 5px; background-color: #f49a4c; border: 1px solid #f49a4c; cursor: pointer; svg { fill: #fff; } } .btnUpload-list:hover { background-color: #fff; svg { fill: #F49A4C; } } .pic-wall { display: flex; justify-content: flex-start; align-items: center; } .bk-inputUpload { width: 100%; display: block; min-height: 100px; input { width: 250px; margin-left: 15px; display: none; } .btnUpload { width: 60px; height: 60px; border: 2px dashed #f49a4c; display: flex; justify-content: center; align-items: center; font-size: 50px; cursor: pointer; } } .upload-list { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .demo-image__preview-swdt { width: 100%; height: 100%; } .demo-image__preview { width: 200px; height: 100px; border: 1px solid #f49a4c; display: flex; justify-content: center; align-items: center; margin-right: 6px; margin-bottom: 6px; overflow: hidden; } .bj-tip { min-width: 269px; display: flex; justify-content: space-around; align-items: center; padding: 4px 14px; box-sizing: border-box; border: 3px solid #f49a4c; border-radius: 30px; position: absolute; top: -25px; left: 15px; background-color: #fff; color: #f49a4c; font-weight: bold; font-size: 18px; div { width: 35px; height: 30px; border-radius: 5px; background-color: #f49a4c; border: 1px solid #f49a4c; display: flex; justify-content: center; align-items: center; margin-left: 5px; cursor: pointer; svg { fill: #fff; } } div:hover { background-color: #fff; border: 1px solid #f49a4c; svg { fill: #f49a4c; } } } .tips-bk { margin-top: 56px; border-radius: 20px; position: relative; } .tips-file { border: 3px dotted #f49a4c; padding: 12px 10px; box-sizing: border-box; padding-top: 30px; font-family: '仿宋'; font-weight: 700; p { margin-top: 0px; } .p-text { p { line-height: 22px; font-weight: 700; color: #666; } div { line-height: 22px; font-size: 20px; text-align: center; padding-top: 10px; } } } .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; .w100 { width: 100% !important; } } .imgCarousel { display: flex; flex-direction: column; align-items: center; justify-content: space-around; height: 287px; max-height: 350px; img { width: auto; height: calc(100% - 50px); } span { font-size: 18px; } } .pdf-content { padding: 5% 5%; box-sizing: border-box; } .sj1 { text-indent: 3em; } .hs1 { color: #ffbcdd; text-indent: 0em; margin-bottom: 0.5em; } .custom_h1 { color: #2cb4e4; font-size: 30px; } .custom_tag3 { background-color: #2cb4e4; color: #ffffff; display: inline-block; padding: 1px; font-size: 1em; padding: 3px 10px 3px 10px; font-weight: bold; border-radius: 0em; box-shadow: 0px 0px 0px 0px #fedf24, -15px 0px 0px 0px #fedf24; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } @font-face { font-family: "FZLTZHJW"; src: url("../Fonts/FZLTZHJW.ttf"); } @font-face { font-family: "FZLTXIHJW"; src: url("../Fonts/FZLTXIHJW.ttf"); } @font-face { font-family: "FZHTJW"; src: url("../Fonts/FZHTJW.ttf"); } .custom_tag2 { background-color: #f1be49; color: #ffffff; display: inline-block; padding: 0.5px; border-radius: 1.5em; font-size: 1.1em; padding: 2px 10px 2px 10px; font-weight: bold; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } .custom_tag1 { background-color: #35acd6; color: #ffffff; display: inline-block; padding: 1px; font-size: 1.1em; padding: 3px 10px 3px 10px; font-weight: bold; box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } .custom_tag { background-color: #35509f; color: #ffffff; display: inline-block; padding: 1px; border-radius: 1.5em; font-size: 1.1em; padding: 10px 20px 10px 20px; font-weight: bold; box-shadow: 30px 0px 0px 0px #f5d83e; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } .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; } .img-gn-zt { width: 180px; } div.bodystyle { font-size: 18px; text-align: justify; padding: 10% 10%; box-sizing: border-box; font-family: '宋体'; } 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 { font-family: "FZLTXIHJW"; text-align: center; font-size: 0.85em; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .img1 { font-family: "FZLTXIHJW"; text-align: right; font-size: 0.85em; margin-left: 0%; margin-right: 2em; text-indent: 0em; } .h5-zt { font-size: 18px; } .tip-specail { border: 1px solid #f49a4c !important; padding: 15px 15px; } p { margin-top: 1em; text-indent: 2em; line-height: 30px; font-size: 18px; text-align: justify; // src: url('../Fonts/msyh.ttc'); } .cover { width: 100%; padding: 0px; } .center { text-align: center; margin-left: 0%; margin-right: 0%; text-indent: 0em; color: #666; } .center1 { text-align: center; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .left { text-indent: 0em; margin-left: 0%; margin-right: 0%; /* width: 23%; */ } .right { text-align: right; margin-left: 0%; margin-right: 0%; } .right1 { text-align: right; margin-left: 0%; margin-right: 0%; } .quote { margin-top: 0%; margin-bottom: 0%; margin-left: 1em; margin-right: 1em; text-align: justify; font-family: "cnepub", serif; } h1 { font-family: "FZLTZHJW"; text-align: center; 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; } #b001, #b002, #b003, #b004, #b005, #b006, #b007, #b008, #b009 { margin-bottom: 100px; } h3 { font-family: "FZLTZHJW"; font-weight: bold; font-size: 1.15em; margin-top: 2em; margin-bottom: 2em; text-indent: 0em; } h4 { font-family: "FZLTZHJW"; font-weight: bold; color: #f49a4c; font-size: 1.1em; margin-top: 0.2em; margin-bottom: 40px; text-indent: 0em; } 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: 70%; } .img-c { width: 60%; } .img-d { width: 50%; } .img-e { width: 45%; } .img-f { width: 40%; } .img-g { width: 30%; } .img-h { width: 20%; } .img-i { width: 10%; } .img-j { width: 5%; } .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"; color: #02439b; text-align: right; } .block2 { font-family: "STKaiti"; color: #02439b; text-align: center; text-indent: 0em; } .block3 { font-family: "STKaiti"; color: #02439b; 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: 45px; margin-bottom: -0.4em; } .img-gn1 { 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; border-radius: 25px; } div.bj1 { padding: 0.01em 1em 0.01em 1em; margin-top: -3em; margin-left: -4em; margin-right: -1em; } .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; } .fontsz1 { width: 200px; font-size: 0.7em; display: inline-flex; justify-content: flex-start; align-items: center; img { cursor: pointer; } } div.bk-tx { border: 3px dotted #f49a4c; padding: 10px; color: #f49a4c; margin-bottom: 2em; margin-top: -8px; border-radius: 0em 0em 3em 0em; textarea { width: 100%; border: 0 !important; font-size: 16px; border-radius: 20px; } } p.hr { padding: 0.3em; line-height: 1.5em; border-bottom: 1px solid #000; } div.bk-sys { background: #efefef; padding: 15px; margin-bottom: 2em; margin-top: 0.5em; border-radius: 0em 1.5em 1.5em 1.5em; } div.bj1-sys { padding: 0.01em 1em 0.01em 1em; margin-top: -3em; margin-left: -2.5em; margin-right: -1em; } div.bk-qjms { font-family: 'FZLTXIHJW'; border: 3px dotted #f49a4c; padding: 15px; margin-bottom: 2em; margin-top: 0.5em; position: relative; .block { font-size: 18px; line-height: 25px; font-family: "仿宋"; font-weight: 600; color: #666; } } p.bj1-qjms { background-color: #f49a4c; color: #ffffff; display: inline-block; font-size: 1em; padding: 0.1em 0.7em 0.12em 0.7em; font-weight: bold; border-radius: 1.5em; margin-left: 0em; text-align: center; text-indent: 0em; position: absolute; top: -2em; } } } body { background-color: #e6e6e6; }