.clinicalDiseasesSynopsis { width: 100%; height: 100%; .page-box { max-width: 816px; margin: 0 auto; box-sizing: border-box; min-height: 1120px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; position: relative; } .bodystyle { padding: 0 15%; padding-top: 5px; padding-bottom: 80px; line-height: 30px; position: relative; } .page-header-left { padding: 70px 0 0 0; } .header-txt { border-left: 2px solid #00918f; margin-left: 12%; padding-left: 5px; line-height: 14px; font-size: 12px; color: #00918f; } .page-bottom-left { position: absolute; left: 12%; bottom: 60px; font-size: 15px; font-weight: 600; } .page-header-right { display: flex; justify-content: end; align-items: center; padding-right: 10%; padding-top: 70px; } .header-title { font-weight: 600; font-size: 13px; } .header-img { margin-left: 10px; width: 24px; } .page-bottom-right { position: absolute; right: 10%; bottom: 70px; font-size: 15px; font-weight: 600; } .img-0 { width: 100%; } /* 2.0.0版本*/ /*封面*/ .frontCover { qrfullpage: 1; } /* 页面背景色*/ body.bodybg-color { background-color: #a11f45; } /* 垂直居中*/ div.vertical-middle { padding-top: 35%; } /*章标居左*/ .sub-Title-l { text-align: left; font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; margin: auto auto -0.5em auto; font-size: 1.1em; text-indent: 0em; color: #888888; } /*章标居右*/ .sub-Title-r { text-align: left; font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; margin: auto auto -0.5em auto; font-size: 1.1em; text-indent: 0em; color: #888888; } /*

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

篇章页居右一级标题*/ h1.firstTitle-r { font-size: 1.6em; line-height: 1.2em; text-indent: 0em; text-align: left; color: #a11f45; margin: 0.3em auto 1.8em auto; } /*篇章页副标题居右*/ .subHead-r { font-size: 1.1em; line-height: 1.2em; text-align: left; color: #6b6441; margin: -2.5em auto 2.5em auto; } /*章文内容*/ .quotation-1 { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 1em; line-height: 1.1em; margin: 1em auto; text-indent: 2em; color: #5a5a5a; } /*

一级标题*/ h1.firstTitle { font-size: 1.5em; line-height: 1.2em; text-indent: 0em; text-align: left; margin: 25% auto 2em auto; color: #a11f45; } /*

带副标一级标题*/ h1.firstTitle-3 { font-size: 1.5em; line-height: 1.2em; text-indent: 0em; text-align: left; margin: 25% auto 0em auto; color: #a11f45; } /*

带章标一级标题*/ h1.firstTitle-2 { font-size: 1.5em; line-height: 1.2em; text-indent: 0em; text-align: left; margin: 0em auto 2em auto; color: #a11f45; } /*

带章标及副标一级标题*/ h1.firstTitle-1 { font-size: 1.5em; line-height: 1.2em; text-indent: 0em; text-align: left; margin: 0em auto 0em auto; color: #a11f45; } /*

二级标题*/ h2.secondTitle { font-size: 1.35em; line-height: 1.3em; text-indent: 0em; color: #a11f45; margin: 10% auto 2em auto; } /*

带章标二级标题*/ h2.secondTitle-2 { font-size: 1.35em; line-height: 1.3em; text-indent: 0em; color: #a11f45; margin: 0em auto 2em auto; } /*

带副标二级标题*/ h2.secondTitle-3 { font-size: 1.35em; line-height: 1.3em; text-indent: 0em; color: #a11f45; margin: 25% auto 0em auto; } /*

带章标及副标二级标题*/ h2.secondTitle-1 { font-size: 1.35em; line-height: 1.3em; text-indent: 0em; color: #a11f45; margin: 0em auto 0em auto; } /*

三级标题*/ h3.thirdTitle { font-size: 1.2em; line-height: 1.3em; text-indent: 0em; margin-top: 1em; color: #a11f45; } /*

四级标题*/ h4.fourthTitle { font-size: 1.1em; line-height: 1.3em; text-indent: 0em; margin-top: 1em; color: #a11f45; } /*

五级标题*/ h5.fifthTitle { font-size: 1em; line-height: 1.3em; text-indent: 0em; margin-top: 1em; color: #a11f45; } /*
六级标题*/ h6.sixthTitle { font-size: 1em; line-height: 1.3em; text-indent: 0em; margin-top: 1em; color: #a11f45; } /*标题作者居中*/ .author { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: center; text-indent: 0em; font-weight: bold; color: #5a5a5a; margin: -2em auto 3em auto; } /*标题作者居左*/ .author-l { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: left; text-indent: 0em; font-weight: bold; color: #5a5a5a; margin: 0em auto 3em auto; } /*副标题*/ .subHead { text-align: left; line-height: 1.2em; text-indent: 0em; font-size: 1.1em; margin: 0em auto 2.5em auto; } /*一级标题章标*/ .subHead-1 { text-align: left; line-height: 1.2em; font-size: 1.1em; text-indent: 0em; margin: 20% auto 0.3em auto; color: #888888; } /*一级标题章标*/ .subHead-2 { text-align: left; line-height: 1.2em; font-size: 1.1em; text-indent: 0em; margin: 20% auto 0.3em auto; color: #888888; } /*二级标题章标*/ .secondsubHead-1 { text-align: left; line-height: 1.1em; font-size: 1em; text-indent: 0em; margin: 20% auto 0.3em auto; color: #888888; } /*二级标题章标*/ .secondsubHead-2 { text-align: left; line-height: 1.1em; font-size: 1em; text-indent: 0em; margin: 20% auto 0.3em auto; color: #888888; } /*版权标题*/ .copyright-title { font-size: 1.5em; line-height: 1.2em; text-align: center; text-indent: 0em; margin: 0.5em auto 2em auto; color: #c1a173; } /*版权内容*/ .copyright-text { font-size: 1em; text-indent: 0em; line-height: 1.8em; } /*文前*/ .preface { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin: 0.3em auto; text-indent: 2em; color: #5a5a5a; } /*文前-top*/ .preface-top { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-indent: 2em; color: #5a5a5a; margin: 25% auto 0.3em auto; } /*正文内容*/ .content { /*font-size: 1em;*/ text-indent: 2em; } /*正文内容居左*/ .left { font-size: 1em; text-indent: 0em; text-align: left; } /*正文内容居中*/ .center { font-size: 1em; text-indent: 0em; text-align: center; } /*正文内容居右*/ .right { font-size: 1em; text-indent: 0em; text-align: right; } /*正文内容-TOP*/ .content-top { font-size: 1em; text-indent: 2em; margin-top: 25%; } /*案例标题居中(引文、诗歌等)*/ .titleQuot-c { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 1.05em; line-height: 1.3em; margin: 1em auto; text-align: center; color: #a11f45; font-weight: bold; } /*案例标题居左(引文、诗歌等)*/ .titleQuot-l { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 1.05em; line-height: 1.3em; margin: 1em auto; text-align: left; text-indent: 0em; color: #a11f45; font-weight: bold; } /*案例标题*/ .titleQuot-1 { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 1.05em; line-height: 1.3em; margin: 1em auto; color: #a11f45; text-indent: 2em; font-weight: bold; } /*引文内容居左(引文、诗歌、诗词、书信、书信称谓、居右署名)*/ .quotation { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: left; text-indent: 2em; margin: 0.3em auto; color: #5a5a5a; } /*引文内容-top*/ .quotation-top { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: left; text-indent: 2em; color: #5a5a5a; margin: 25% auto 0.3em auto; } /*引文内容span*/ .quotation-s { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; color: #5a5a5a; } /*诗词标题*/ .poemtitle { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 1em; line-height: 1.3em; text-align: center; text-indent: 0em; font-weight: bold; color: #5a5a5a; margin: 1em auto; } /*诗词标题*/ .poemtitle-l { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 1em; line-height: 1.3em; text-align: left; text-indent: 2em; font-weight: bold; color: #5a5a5a; margin: 1em auto; } /*诗词作者*/ .poemtitle-author-c { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin-bottom: 1em; text-align: center; text-indent: 0em; color: #5a5a5a; } /*诗词作者居左(引文、诗歌等)*/ .poemtitle-author-l { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin-bottom: 1em; text-indent: 2em; color: #5a5a5a; } /*诗词的内容*/ .poem { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: center; text-indent: 0em; margin: 0.3em auto; color: #5a5a5a; } /*诗词的内容*/ .poem-l { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: left; text-indent: 2em; margin: 0.3em auto; color: #5a5a5a; } /*右下角说明*/ .right-info { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: right; margin-bottom: 0.5em; color: #5a5a5a; } /*书信称谓*/ .letters { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: left; text-indent: 0em; margin: 0.3em auto; color: #5a5a5a; } /*书信内容*/ .text-letters { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: left; text-indent: 2em; margin: 0.3em auto; color: #5a5a5a; } /*粗体*/ span.bold { font-weight: bold; } /*斜体*/ .italic { font-style: italic; } /*红色*/ .color-red { color: #fb0830; } /*橙色*/ .color-orange { color: #f78413; } /*黄色*/ .color-yellow { color: #e8d60b; } /*绿色*/ .color-green { color: #07d007; } /*青色*/ .color-cyan { color: #599ca9; } /*蓝色*/ .color-blue { color: #4756e5; } /*紫色*/ .color-purple { color: #b046dc; } /*下划线*/ span.underline { text-decoration: underline; } /*着重强调*/ span.emphasis { text-decoration: underline; } /*删除线*/ span.linethrough { text-decoration: line-through; } /*数字上标*/ span.super { font-size: 0.7em; vertical-align: super; } /*数字下标*/ span.sub { font-size: 0.7em; vertical-align: sub; } /*首字下沉,需配合.ftext 一并使用*/ span.fDropContent { font-family: "汉仪旗黑50S", "HYQiHei-50s"; font-size: 1em; text-indent: 0em; } /*被设为大写字的 Class 首字大写,需被包裹在.fDropContent 内*/ .ftext { float: left; font-size: 1.6em; color: #5a5a5a; } /*边框*/ .border { border: 1px solid #a11f45; border-radius: 0.25em; padding: 0.25em; margin: 1em auto; } /*边框底色*/ .border bgColor { border: 1px solid #a11f45; background: #d2d2d2; border-radius: 0.25em; padding: 0.25em; margin: 1em auto; } /*底色*/ .bgColor { background: #d2d2d2; padding: 0.25em; border-radius: 0.25em; margin: 1em auto; } /*插图、表格截图(不含图片标题或图片说明)*/ .bodyPic { text-align: center; margin: 1em auto; } /*插图、表格截图(含图片标题或图片说明)*/ .qrbodyPic { font-size: 0.95em; text-align: center; margin: 1em auto; } .bodyPic-l { float: left; margin-left: 4em; } /*表格表头*/ .imgtitle { font-family: "汉仪旗黑55S", "HYQiHei-55s"; font-size: 0.95em; margin: 1em auto -0.8em auto; text-align: center; text-indent: 0; color: #5a5a5a; } /*图片说明居中*/ .imgdescript { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin: 0.3em auto; text-align: center; text-indent: 0em; color: #5a5a5a; } /*图片说明居左*/ .imgdescript-l { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin: 0.3em auto; text-align: left; text-indent: 2em; color: #5a5a5a; } /*图片说明居中加粗*/ .imgdescript-b { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin: 0.3em auto; text-align: center; text-indent: 0em; color: #5a5a5a; font-weight: bold; } /*图片说明居左加粗*/ .imgdescript-l-b { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin: 0.3em auto; text-align: left; text-indent: 2em; color: #5a5a5a; font-weight: bold; } /*环绕图片*/ .floatPic-1 { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; float: right; text-align: center; width: 45%; margin-left: 1em; margin-bottom: 0.5em; margin-top: 0.5em; } /*环绕图片*/ .floatPic { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; float: left; text-align: center; width: 45%; margin-right: 1em; margin-bottom: 0.5em; margin-top: 0.5em; } /*公式图*/ .g-pic { height: 2.5em; vertical-align: middle; } /*行内图*/ .h-pic { height: 1.5em; vertical-align: middle; } /*生僻字截图*/ .s-pic { height: 1em; vertical-align: middle; } /*签名图片*/ .signImg { text-align: right; width: 30%; margin: 1em 0em 1em 70%; } /*全屏图*/ .qqreader-fullimg { qrfullpage: 1; } /*注标图*/ .qqreader-footnote { width: 1em; margin-left: 0.1em; margin-right: 0.1em; } /*分页*/ .pagebreak { page-break-after: always; } /*结束*/ .preventiveDentistry { width: 100%; height: 100%; /*

二级标题*/ /*图片说明居中加粗*/ /*图片说明居中*/ /*右下角说明*/ } .preventiveDentistry .page-box { max-width: 816px; margin: 0 auto; box-sizing: border-box; min-height: 1120px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; position: relative; } .preventiveDentistry .bodystyle { padding: 0 12%; padding-top: 5px; padding-bottom: 80px; line-height: 30px; position: relative; } .preventiveDentistry .unit-bodystyle { padding-top: 40%; } .preventiveDentistry .unit-box { height: 600px; width: 100%; background-color: #e9dedc; } .preventiveDentistry .page-header-left { padding: 70px 0 0 0; margin-bottom: 20px; } .preventiveDentistry .header-txt { border-left: 2px solid #00918f; margin-left: 12%; padding-left: 5px; line-height: 14px; font-size: 12px; color: #00918f; } .preventiveDentistry .page-bottom-left { position: absolute; left: 12%; bottom: 55px; font-size: 15px; font-weight: 600; } .preventiveDentistry .page-header-right { display: flex; justify-content: end; align-items: center; padding-right: 10%; padding-top: 70px; } .preventiveDentistry .header-title { font-weight: 600; font-size: 13px; } .preventiveDentistry .header-img { margin-left: 10px; width: 24px; } .preventiveDentistry .page-bottom-right { position: absolute; right: 12%; bottom: 55px; font-size: 15px; font-weight: 600; } .preventiveDentistry .mt-20 { margin-top: 20px; } .preventiveDentistry .mb-10 { margin-bottom: 10px !important; } .preventiveDentistry .mb-30 { margin-bottom: 30px !important; } .preventiveDentistry .mb-40 { margin-bottom: 40px !important; } .preventiveDentistry .pt-70 { padding-top: 70px !important; } .preventiveDentistry .mb-70 { margin-bottom: 70px !important; } .preventiveDentistry p { margin-top: 0.2em; margin-bottom: 0.2em !important; text-indent: 2em; line-height: 25px; text-align: justify; } .preventiveDentistry .titleQuot-1 { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 1.05em; line-height: 1.3em; margin: 1em auto !important; color: #000; text-indent: 2em; font-weight: bold; color: #231f20; } .preventiveDentistry .center { text-align: center; } .preventiveDentistry .center-box { width: 70%; margin: 0 auto; } .preventiveDentistry .center-box-one { width: 55%; margin: 0 auto; } .preventiveDentistry .center-box-two { width: 50%; margin: 0 auto; } .preventiveDentistry .center-box-three { width: 65%; margin: 0 auto; } .preventiveDentistry .omit { color: #00918e; } .preventiveDentistry .bold { font-weight: bold; } .preventiveDentistry .learnGoal { background-color: #eee3e3; border-radius: 10px; padding-top: 30px; padding-bottom: 10px; margin-bottom: 30px; position: relative; } .preventiveDentistry .learnImg { position: absolute; top: -15px; left: 40%; } .preventiveDentistry .g-pic { height: 2em; vertical-align: middle; } .preventiveDentistry .CaseStudy-title { background-color: #7d3749; color: #fff; padding-left: 20px; } .preventiveDentistry .CaseStudy-content { border: 5px solid #ede5e3; padding: 5px 15px; } .preventiveDentistry .knowledgeExpansion { margin: 30px 0; padding: 10px 0; border-top: 10px solid #ede5e3; border-bottom: 10px solid #ede5e3; position: relative; } .preventiveDentistry .questionBank { position: relative; line-height: 0px; display: flex; align-items: center; top: -30px; left: 30px; } .preventiveDentistry .questionBank img { width: 15px; } .preventiveDentistry .questionBank span { color: #00918e; font-size: 16px; font-weight: 600; margin-left: 1px; } .preventiveDentistry .knowledgeExpansion-box { margin: 0 0 10px 0; padding-left: 10%; display: flex; align-self: center; cursor: pointer; } .preventiveDentistry .knowledgeExpansion-box img { width: 30px; margin-right: 5px; } .preventiveDentistry .knowledgeExpansion-box:hover { color: #00918e; text-decoration: underline; } .preventiveDentistry .knowledgeExpansion-img { position: absolute; width: 100px; top: -25px; left: 30px; } .preventiveDentistry h2.secondTitle { text-align: center; font-size: 1.35em; line-height: 1.3em; text-indent: 0em; color: #722636; margin: 15% auto 1em auto; } .preventiveDentistry h2.secondTitle1 { text-align: center; font-size: 1.6em; line-height: 1.3em; text-indent: 0em; color: #000; margin: 15% auto 1em auto; } .preventiveDentistry h3.thirdTitle { font-size: 1.2em; text-align: center; line-height: 1.3em; text-indent: 0em; margin-top: 1em; color: #722636; } .preventiveDentistry h4.fourthTitle { font-size: 1.1em; line-height: 1.3em; text-indent: 2em; margin-top: 1em; color: #722636; } .preventiveDentistry span.underline { text-decoration: underline; text-underline-offset: 6px; text-decoration-color: #722636; } .preventiveDentistry h1.firstTitle-l1 { font-size: 2.2em; line-height: 1.2em; text-indent: 0em; text-align: center; color: #000; margin: 0.3em auto 1.5em auto; } .preventiveDentistry h1.firstTitle-l { font-size: 24px; line-height: 1.2em; text-indent: 0em; text-align: center; color: #722636; margin: 0.3em auto 1.8em auto; position: relative; } .preventiveDentistry .bgImg-box { padding-top: 200px; margin-bottom: 50px; width: 100%; position: relative; } .preventiveDentistry .bgImg-box .bg-wyh { width: 100%; margin: 0 auto; } .preventiveDentistry .bgImg-box .h1-title { position: absolute; bottom: -20px; left: 10%; } .preventiveDentistry .bgImg-box .h1-title-center { position: absolute; bottom: -20px; left: 42%; } .preventiveDentistry .bgImg-box .h1-title-two { position: absolute; bottom: -20px; left: 35%; } .preventiveDentistry .p-bqy { line-height: 20px; font-size: 12px; } .preventiveDentistry .imgdescript-b { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin: 0.3em auto; text-align: center; text-indent: 0em; color: #00918e; font-weight: bold; } .preventiveDentistry .imgdescript { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; margin: 0.3em auto; text-align: center; text-indent: 0em; color: #5a5a5a; } .preventiveDentistry .right-info { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 0.95em; text-align: right; margin-bottom: 0.5em; color: #5a5a5a; } .preventiveDentistry .fm-kt { font-family: "kaiti"; } .preventiveDentistry .unitSummary { display: flex; align-items: center; justify-content: space-between; } .preventiveDentistry .unitSummary .summary-lift { padding: 15px 0; background-color: #c9e1e1; width: 45%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .preventiveDentistry .unitSummary .summary-lift:hover span { color: #00918e; text-decoration: underline; } .preventiveDentistry .unitSummary .summary-right { padding: 15px 0; background-color: #c9e1e1; width: 45%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .preventiveDentistry .unitSummary .summary-right:hover span { color: #00918e; text-decoration: underline; } .preventiveDentistry .img-float { width: 310px; float: left; height: auto; margin: auto; margin-right: 20px; } .preventiveDentistry .img-float img { width: 100%; } .preventiveDentistry .img-float p { margin: 0; } .preventiveDentistry .img-rights { width: 310px; float: right; height: auto; margin: auto; margin-left: 20px; } .preventiveDentistry .img-rights img { width: 100%; } .preventiveDentistry .img-rights p { margin: 0 !important; } .preventiveDentistry .w235 { width: 235px; } .preventiveDentistry .imgBox-003 { width: 100%; height: 280px; margin-bottom: 18px; } .preventiveDentistry .img-0 { width: 100%; } .preventiveDentistry .img-a { width: 95%; } .preventiveDentistry .img-b { width: 70%; } .preventiveDentistry .img-c { width: 60%; } .preventiveDentistry .img-d { width: 50%; } .preventiveDentistry .img-e { width: 45%; } .preventiveDentistry .img-f { width: 40%; } .preventiveDentistry .img-g { width: 30%; } .preventiveDentistry .img-h { width: 20%; } .preventiveDentistry .img-i { width: 10%; } .preventiveDentistry .img-j { width: 5%; } .preventiveDentistry .img-k { width: 2%; } .preventiveDentistry .w100 { width: 100%; } .preventiveDentistry .td-0 { text-indent: 0em !important; } .preventiveDentistry .video-box-cover { border: 1px dashed #b2b2b2; padding: 2% 2%; } .preventiveDentistry .video-box { margin: 20px 0 20px 0; border: 2px dashed #00918e; padding: 2% 2%; } .preventiveDentistry .video-box-left { margin: 20px 8% 20px 0; border: 1px dashed #895b2e; padding: 2% 2%; } .preventiveDentistry .videoname { display: flex; justify-content: center; } .preventiveDentistry .sInput { width: 60px; border: 0; outline: none; text-align: center; } .preventiveDentistry .collect-btn { cursor: pointer; width: 20px; height: 20px; margin-left: 10px; margin-top: 0.3%; } .preventiveDentistry .fz-12 { font-size: 12px; } .pdfModal { width: 100%; height: 90vh; } .pdfModal .pdfBox-component { width: 100%; height: 100%; position: relative; } .pdfModal .pdfBox-component .preview { width: 100%; height: 100%; } .pdfModal .pdfBox-component .preview .imageBox { height: calc(100% - 30px); overflow-x: hidden; overflow-y: auto; background: #ccc; box-sizing: border-box; } .pdfModal .pdfBox-component .preview .imageBox:hover { cursor: zoom-in !important; } .pdfModal .pdfBox-component .preview ::v-deep .el-dialog__header { background-color: rgba(0, 0, 0, 0.8); } .pdfModal .pdfBox-component .preview ::v-deep .el-dialog__header .header_title { display: flex; justify-content: space-between; align-items: center; color: #fff; font-weight: 900; font-size: 16px; font-family: "FZLTXIHJW"; } .pdfModal .pdfBox-component .preview ::v-deep .el-dialog__header .header_title span:nth-child(2):hover { cursor: pointer; } .pdfModal .pdfBox-component .preview ::v-deep .el-dialog__header ::v-deep .el-dialog__title, .pdfModal .pdfBox-component .preview ::v-deep .el-dialog__header ::v-deep .el-dialog__headerbtn .el-dialog__close { color: #fff; font-weight: 900; font-size: 16px; font-family: "FZLTXIHJW"; } .pdfModal .pdfBox-component .preview .bottom_tool { height: 30px; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: flex-end; align-items: center; } .pdfModal .pdfBox-component .preview .bottom_tool svg { margin-right: 15px; fill: #d1d1d1; } .pdfModal .pdfBox-component .preview .bottom_tool svg:hover { fill: #fff; cursor: pointer; } .pdfModal .pdfBox-component .notBox { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 30px); min-height: 300px; } .custom-dialog { overflow: hidden !important; } .custom-dialog .el-dialog__body { padding: 0; } .custom-dialog .el-dialog__header { background-color: rgba(0, 0, 0, 0.8); } .custom-dialog .el-dialog__header .header_title { display: flex; justify-content: space-between; align-items: center; color: #fff; font-weight: 900; font-size: 16px; font-family: "FZLTXIHJW"; } .custom-dialog .el-dialog__header .header_title span:nth-child(2):hover { cursor: pointer; } .custom-dialog .el-dialog__header .el-dialog__title, .custom-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close { color: #fff; font-weight: 900; font-size: 16px; font-family: "FZLTXIHJW"; } }