.dentalMorphologyFunction { width: 100%; height: 100%; .page-box { max-width: 816px; margin: 0 auto; box-sizing: border-box; min-height: 1080px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; position: relative; } .cover { width: 100%; padding: 0px; } .w100 { width: 100%; } .content { text-indent: 2em; font-size: 15px; line-height: 25px; margin: 0 0 10px 0; } .header { display: flex; align-items: center; height: 2em; font-size: 12px; font-family: "Microsoft YaHei", sans-serif; color: #333; padding-top: 4em; padding-left: 8.6em; padding-bottom: 2em; } .header-divider { width: 1.5px; height: 1em; background-color: #00918F; margin: 0px 8px 0px 0px; } .header-right { padding: 3px 0%; /* 上下内边距确保垂直居中 */ color: #00918F; line-height: 1; /* 消除行高影响 */ display: inline-flex; /* 确保水平居中 */ align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ } .footer-container { position: absolute; bottom: 0; font-family: "Times New Roman"; left: 694px; bottom: 40px; font-size: 15px; font-weight: 600; } .footerstyle { position: absolute; bottom: 0; font-family: "Times New Roman"; left: 100px; bottom: 40px; font-size: 15px; font-weight: 600; } /* 页眉 */ .header-container { padding: 15px 0; } .header-content { max-width: 730px; margin: 0 auto; padding: 0 30px; margin-top: 50px; display: flex; /* 开启弹性布局,子元素横向排列 */ align-items: center; /* 子元素垂直居中对齐 */ justify-content: flex-end; /* 文字居左,图片居右(两端对齐) */ } .header-title { font-size: 13px; font-weight: bold; text-align: right; margin-bottom: 0; } .cs { width: 4%; margin: 0em 1em 0em 0.5em; } .bodystyle { text-align: justify; margin: 0 12%; padding-bottom: 10%; line-height: 30px; } }