.prosthodontics-book { width: 100%; height: 100%; // font-family: "宋体", SimSun, sans-serif; font-family: 'Times New Roman', '宋体', SimSun, sans-serif !important; p { margin-top: 0.2em; margin-bottom: 0.2em !important; text-indent: 2em; line-height: 25px; text-align: justify; font-size: 14px; } .p-bqy { line-height: 20px; font-size: 12px; } .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 12%; padding-top: 5px; padding-bottom: 80px; line-height: 30px; position: relative; } .page-header-left { padding: 70px 0 0 0; margin-bottom: 20px; } .header-txt { border-left: 2px solid #159A97; margin-left: 12%; padding-left: 5px; line-height: 14px; font-size: 12px; color: #159A97; font-family: "STKaiti"; } .page-bottom-left { position: absolute; left: 12%; bottom: 60px; font-size: 15px; font-weight: 600; font-family: "STKaiti"; } .page-header-right { display: flex; justify-content: end; align-items: center; padding-right: 10%; padding-top: 70px; font-family: "STKaiti"; } .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; } .w100 { width: 100%; } .bold { font-weight: bold; font-family: "STKaiti"; } .center { text-align: center; } .pt-70 { padding-top: 70px !important; } .mb-10 { margin-bottom: 10px !important } .bgImg-box { padding-top: 200px; margin-bottom: 50px; width: 100%; position: relative; } .h1-title { position: absolute; bottom: -20px; left: 10%; } .firstTitle-l { font-size: 24px; line-height: 1.2em; text-indent: 0em; text-align: center; color: #159A97; margin: 0.3em auto 1.8em auto; bottom: 0; position: absolute; padding: 0 15%; width: 70%; } .quotation-s { font-family: "楷体"; } .center-box { width: 70%; margin: 0 auto; } .right-info { text-align: right; color: #5A5A5A; font-family: "kaiti"; } .mr-15 { margin-right: 15px; } .mb-30 { margin-bottom: 30px !important; } .firstTitle { text-align: center; font-size: 1.35em; line-height: 1.3em; text-indent: 0em; margin: 15% auto 90px auto; color: #159A97; padding-top: 50px; font-family: "STKaiti"; } .learnGoal { background-color: #C9E1E1; border-radius: 10px; padding-top: 30px; padding-bottom: 10px; margin-bottom: 30px; position: relative; } .learnImg { position: absolute; top: -15px; left: 40%; width: 20%; } .caseStudy-title { background-color: #159A97; color: #fff; padding-left: 20px; font-family: "STKaiti"; } .titleQuot { font-family: "STKaiti"; font-weight: bold; } .caseStudy-content { border: 5px solid #C9E1E1; padding: 5px 15px; } .knowledgeExpansion { margin: 40px 0; padding: 10px 0; border-top: 10px solid #C9E1E1; border-bottom: 10px solid #C9E1E1; position: relative; } .knowledgeExpansion .quotationtxt { width: calc(100% - 50px); margin-left: 25px; } .questionBank { position: relative; line-height: 0px; display: flex; align-items: center; top: -30px; left: 30px; } .questionBank span { color: #159A97; font-weight: 600; margin-left: 1px; font-family: "STKaiti"; } .questionBank img { width: 15px; } .knowledgeExpansion-box { margin: 0 0 10px 0; padding-left: 10%; display: flex; align-self: center; cursor: pointer; } .knowledgeExpansion-box img { width: 30px; margin-right: 5px; } .knowledgeTitle { font-family: "STKaiti"; font-size: 14px; } .knowledgeTitle:hover { text-decoration: underline; color: #159A97; } .g-pic { height: 2em; vertical-align: middle; } .qrbodyPic { font-size: 0.95em; text-align: center; margin: 1em auto; } .imgdescript { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 12px; line-height:18px; margin: 0 auto; text-align: center; text-indent: 0em; color: #159A97; } /*图片说明居左*/ .imgdescript-l { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 11px; line-height:18px; margin: 0 auto; text-align: center; text-indent: 2em; color: #5A5A5A; } /*图片说明居中加粗*/ .imgdescript-b { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 12px; line-height:18px; margin: 0 auto; text-align: center; text-indent: 0em; color: #159A97; font-weight: bold; } /*图片说明居左加粗*/ .imgdescript-l-b { font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; font-size: 12px; line-height:18px; margin: 0 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; } .secondTitle { font-size: 1.35em; line-height: 1.3em; text-indent: 2em; color: #159A97; margin: 10% auto 2em auto; text-align: center; font-family: "STKaiti"; } .thirdTitle { font-size: 1.2em; line-height: 1.3em; text-indent: 0em; margin-top: 1em; color: #159A97; font-family: "STKaiti"; } .titleQuot-1 { color: #159A97; font-weight: bold; line-height: 1.3em; margin: 1em 0 !important; } .fourTitle { color: #159A97; } .unitSummary { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .summary-left, .summary-right { padding: 15px 0; background-color: #C9E1E1; width: 45%; display: flex; align-items: center; justify-content: center; cursor: pointer; } } /* 媒体查询做基础响应式布局 */ @media (max-width: 430px) { .ans-dance { .page-box { min-height: 750px; } .pg-mh { min-height: 815px; } } } @media (max-width: 660px) { .exerciseTherapy-book { /* 分页padding */ .page-padding { padding: 104px 20px; } .padding-96 { padding: 0 20px 40px 20px; } .padding-116 { padding: 0 20px 40px 20px; } /* video大小 */ .video-box { max-width: 260px; } .audio-box { margin-top: 20px; flex-wrap: wrap; li { width: 100%; } li:nth-child(2) { margin-top: 10px; } } .page-box { min-height: 500px; } } } @media (min-width: 660px) { .exerciseTherapy-book { .page-padding { padding: 104px 96px; } .padding-96 { padding: 0 96px 104px 96px; } .padding-116 { padding: 0 116px 104px 116px; } .video-box { max-width: 370px; } .audio-box { margin-top: 20px; flex-wrap: nowrap; li { width: 58%; } li:nth-child(2) { margin-left: 10px; } } } } ::-webkit-scrollbar { width: 8px; height: 10px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.3); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.3); -webkit-border-radius: 6px; } /* 2.0.0版本*/ /*封面*/ .frontCover { qrfullpage:1; } /* 页面背景色*/ body.bodybg-color { background-color:#006D81; } /* 垂直居中*/ 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:#006D81; 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:#006D81; 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:#006D81; } /*

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

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

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

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

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

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

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

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

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

五级标题*/ h5.fifthTitle { font-size:1em; line-height:1.3em; text-indent:0em; margin-top:1em; color:#006D81; } /*
六级标题*/ h6.sixthTitle { font-size:1em; line-height:1.3em; text-indent:0em; margin-top:1em; color:#006D81; } /*标题作者居中*/ .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:#006D81; 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:#006D81; font-weight:bold; } /*案例标题*/ .titleQuot-1 { font-family:"汉仪楷体","ETrump KaiTi","方正仿宋","FZFSJW--GB1-0"; font-size:1.05em; line-height:1.3em; margin:1em auto; color:#006D81; 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 #006D81; border-radius:0.25em; padding:0.25em; margin:1em auto; } /*边框底色*/ .border bgColor { border:1px solid #006D81; 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; } /*结束*/ .img-float { width: 310px; float: left; height: auto; margin: auto; margin-right: 20px; img { width: 100%; } p { margin: 0; } } .w285 { width: 285px; } .img-rights { width: 310px; float: right; height: auto; margin: auto; margin-left: 20px; img { width: 100%; } p { margin: 0 !important; } } .w250 { width: 250px; } .img-box { display: flex; justify-content: space-around; align-items: end; div { width: 45%; } } .img-0{ width: 80%; }