.embedded-book {
|
/* 2.0.0版本*/
|
width: 100%;
|
height: 100%;
|
/*封面*/
|
.frontCover {
|
qrfullpage: 1;
|
}
|
|
/*<h1>一级标题*/
|
h1.firstTitle {
|
font-family: "汉仪旗黑65S", "HY-QiHei65";
|
font-size: 1.5em;
|
line-height: 1.2em;
|
text-align: center;
|
text-indent: 0;
|
}
|
|
/*前言下的英文*/
|
p.englishBellowFirstTitle {
|
font-family: "汉仪旗黑65S", "HY-QiHei65";
|
font-size: 1em;
|
line-height: 1.2em;
|
text-align: center;
|
text-indent: 0;
|
margin-top: -2em;
|
}
|
|
/*<h2>二级标题*/
|
h2.secondTitle {
|
font-family: "汉仪旗黑65S", "HY-QiHei65";
|
font-size: 1.3em;
|
line-height: 1.3em;
|
text-indent: 0;
|
margin-top: 1em;
|
}
|
|
/*<h3>三级标题*/
|
h3.thirdTitle {
|
font-family: "汉仪旗黑65S", "HY-QiHei65";
|
font-size: 1.1em;
|
line-height: 1.4em;
|
text-indent: 0;
|
margin-top: 1em;
|
}
|
|
/*<h4>四级标题*/
|
h4.fourthTitle {
|
font-family: "汉仪旗黑55S", "ETrump-QiHei55";
|
font-size: 1.1em;
|
line-height: 1.3em;
|
text-indent: 0;
|
margin-top: 1em;
|
}
|
|
/*<h5>五级标题*/
|
h5.fifthTitle {
|
font-family: "汉仪旗黑55S", "ETrump-QiHei55";
|
font-size: 1em;
|
line-height: 1.4em;
|
text-indent: 0;
|
margin-top: 1em;
|
}
|
/*<h6>六级标题*/
|
h6.sixthTitle {
|
font-family: "汉仪旗黑55S", "ETrump-QiHei55";
|
font-size: 1em;
|
line-height: 1.4em;
|
text-indent: 0;
|
margin-top: 1em;
|
}
|
|
/*副标题*/
|
.subHead {
|
text-align: center;
|
font-family: "汉仪旗黑55S", "ETrump-QiHei55";
|
font-size: 1em;
|
}
|
|
/*版权标题*/
|
.copyRightTitle {
|
font-family: "汉仪旗黑65S", "HY-QiHei65";
|
font-size: 1.5em;
|
text-align: center;
|
text-indent: 0;
|
margin-bottom: 2em;
|
}
|
|
/*版权内容*/
|
.contentCR {
|
font-family: "汉仪旗黑50S", "HYQiHei-50s";
|
font-size: 0.9em;
|
text-indent: 0;
|
}
|
|
/*正文内容*/
|
.content {
|
font-family: "汉仪旗黑50S", "HYQiHei-50s";
|
font-size: 1em;
|
text-indent: 2em;
|
text-align: justify;
|
}
|
|
/*首行缩进三个字符*/
|
.indentt {
|
font-family: "汉仪旗黑50S", "HYQiHei-50s";
|
font-size: 1em;
|
text-indent: 3em;
|
text-align: justify;
|
}
|
|
/*首行缩进四个字符*/
|
.indentf {
|
font-family: "汉仪旗黑50S", "HYQiHei-50s";
|
font-size: 1em;
|
text-indent: 4em;
|
text-align: justify;
|
}
|
|
/*居右正文内容*/
|
.t-right {
|
text-align: right;
|
}
|
|
/*居中正文内容*/
|
.t-center {
|
text-align: center;
|
}
|
|
/*引文内容*/
|
.quotation {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 1em;
|
text-indent: 2em;
|
}
|
|
/*居左正文内容*/
|
.t-left {
|
text-align: left;
|
text-indent: 0em;
|
}
|
/*引文内容*/
|
span.quotation {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 1em;
|
}
|
|
/*书信称谓*/
|
.letters {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 1em;
|
text-indent: 0em;
|
margin-top: 0.5em;
|
color: #5a5a5a;
|
}
|
|
/*书信内容*/
|
.text-letters {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 1em;
|
text-indent: 2em;
|
color: #5a5a5a;
|
}
|
|
/*标题（引文、诗歌等）*/
|
.title {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 1.1em;
|
line-height: 1.4em;
|
text-align: center;
|
text-indent: 0em;
|
}
|
|
/*作者*/
|
.author {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 0.9em;
|
text-align: center;
|
margin: 0 0.3em auto 0.5em auto;
|
}
|
|
/*诗词的内容*/
|
.poem {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 1em;
|
text-align: center;
|
line-height: 1.3em;
|
margin: 0.3em auto;
|
}
|
|
/*日期*/
|
.date {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 0.9em;
|
text-align: right;
|
line-height: 1.3em;
|
margin: 0.3em 0 0.5em 0;
|
}
|
|
/*右下角说明*/
|
.right-info {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 0.9em;
|
text-align: right;
|
line-height: 1.3em;
|
margin: 0.3em 0 0.5em 0;
|
}
|
|
/*粗体*/
|
.bold {
|
font-weight: bold;
|
}
|
|
/*斜体*/
|
.italic {
|
font-style: italic;
|
}
|
|
/*字色*/
|
.color {
|
color: #aa55ff;
|
}
|
|
/*文字阴影*/
|
.textShadow {
|
text-shadow: 1px 1px 2px #5986b3;
|
}
|
|
/*下划线*/
|
.underline {
|
text-decoration: underline;
|
}
|
|
.emphasis {
|
/*text-decoration:underline;*/
|
padding-bottom: 0em;
|
border-bottom: solid 1px;
|
}
|
|
/*删除线*/
|
/* .lineThrough {
|
text-indent: 2em;
|
text-decoration: line-through;
|
} */
|
/*删除线*/
|
.lineThrough {
|
text-decoration: line-through;
|
font-family: "汉仪旗黑50S", "HYQiHei-50s";
|
font-size: 1em;
|
text-indent: 2em;
|
/* padding-left: 2.0em; */
|
text-align: justify;
|
}
|
.quotation .lineThrough {
|
font-family: "汉仪旗黑50S", "HYQiHei-50s";
|
font-size: 1em;
|
text-indent: 2em;
|
text-align: justify;
|
text-decoration: line-through;
|
}
|
|
/*数字上标*/
|
span.super {
|
font-size: 0.7em;
|
vertical-align: super;
|
}
|
|
/*数字下标*/
|
span.sub {
|
font-size: 0.7em;
|
vertical-align: sub;
|
}
|
|
/*首字下沉，需配合.ftext 一并使用*/
|
.fDropContent {
|
font-family: "汉仪旗黑50S", "HYQiHei-50s";
|
/* text-indent: 0; */
|
font-size: 1em;
|
}
|
|
/*被设为大写字的 Class 首字大写，需被包裹在.fDropContent 内*/
|
.ftext {
|
font-family: "汉仪旗黑55S", "ETrump-QiHei55";
|
/* float: left; */
|
font-weight: bold;
|
font-size: 2em;
|
}
|
|
/*列表-列表符可以为方块、空心圆、实心圆、数字等*/
|
.listStyle {
|
list-style: square;
|
list-style-position: outside;
|
}
|
|
/*列表-列表符为图像*/
|
.listStyleImg {
|
list-style-position: outside;
|
// list-style-image: url(../assets/images/list.png);
|
line-height: 1.8em;
|
}
|
|
/*边框*/
|
.border {
|
border: 2px solid #bbbbbb;
|
border-radius: 10px;
|
padding: 0.5em;
|
margin: 1em 0em;
|
}
|
|
/*边框-行内默认样式用在span中*/
|
.textborder {
|
border: 1px solid #bbbbbb;
|
border-radius: 0.3em;
|
padding: 0.1em;
|
}
|
|
/*用于body以外的背景色*/
|
.bgColor {
|
background-color: #efefef;
|
padding: 0.5em;
|
margin: 1em 0em;
|
}
|
|
/*用于body的背景色*/
|
.bgColor-0 {
|
background-color: #efefef;
|
}
|
|
/*背景色-行内默认样式用在span中*/
|
.textbgColor {
|
background-color: #d5d5d5;
|
padding: 0.1em;
|
}
|
|
/*背景图*/
|
.bgimg {
|
// background-image: url(../Images/Image-00002.png);
|
background-size: cover;
|
background-repeat: no-repeat;
|
background-position: center;
|
}
|
|
/*插图、表格截图（不含图片标题或图片说明）*/
|
.bodyPic {
|
text-align: center;
|
margin: 1em 15%;
|
width: 70%;
|
}
|
|
/*插图、表格截图（含图片标题或图片说明）*/
|
.qrbodyPic {
|
text-align: center;
|
margin: 1em 15%;
|
width: 70%;
|
}
|
|
/*图片标题*/
|
.imgtitle {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 0.8em;
|
line-height: 1.4em;
|
text-align: center;
|
text-indent: 0;
|
color: #b03639;
|
}
|
|
/*图片说明*/
|
.imgdescript {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
font-size: 0.8em;
|
line-height: 1.3em;
|
text-align: center;
|
text-indent: 0;
|
color: #501438;
|
margin-top: 4px;
|
}
|
|
/*环绕图片*/
|
.floatPic {
|
float: left;
|
text-align: center;
|
width: 40%;
|
margin-right: 0.5em;
|
}
|
|
/*行内图*/
|
.h-pic {
|
height: 2em;
|
vertical-align: middle;
|
margin-left: 0.1em;
|
margin-right: 0.1em;
|
}
|
|
/*生僻字截图*/
|
.s-pic {
|
width: 1em;
|
vertical-align: middle;
|
margin-left: 0.1em;
|
margin-right: 0.1em;
|
}
|
|
/*签名图片*/
|
.signimg {
|
text-align: right;
|
}
|
|
/*全屏图*/
|
.qqreader-fullimg {
|
qrfullpage: 1;
|
}
|
|
/*出血图*/
|
.bleed-pic {
|
qrbleed: left top right;
|
}
|
|
/*注标图*/
|
.qqreader-footnote {
|
width: 1em;
|
margin-left: 0.2em;
|
}
|
|
/*分页*/
|
.pagebreak {
|
page-break-after: always;
|
}
|
|
/*图片宽度10%*/
|
.width10 {
|
width: 10%;
|
}
|
|
/*图片宽度20%*/
|
.width20 {
|
width: 20%;
|
}
|
|
/*图片宽度30%*/
|
.width30 {
|
width: 30%;
|
}
|
|
/*图片宽度40%*/
|
.width40 {
|
width: 40%;
|
}
|
|
/*图片宽度50%*/
|
.width50 {
|
width: 50%;
|
}
|
|
/*图片宽度60%*/
|
.width60 {
|
width: 60%;
|
}
|
|
/*图片宽度70%*/
|
.width70 {
|
width: 70%;
|
}
|
|
/*图片宽度80%*/
|
.width80 {
|
width: 80%;
|
}
|
|
/*图片宽度90%*/
|
.width90 {
|
width: 90%;
|
}
|
|
/*图片宽度100%*/
|
.width100 {
|
width: 100%;
|
}
|
|
img.ah {
|
height: 1em;
|
}
|
|
img.ah2 {
|
height: 2em;
|
margin-bottom: -0.5em;
|
}
|
|
img.ah3 {
|
height: 3em;
|
margin-bottom: -1em;
|
}
|
|
img.ah4 {
|
height: 4em;
|
margin-bottom: -1.5em;
|
}
|
|
img.ah5 {
|
height: 5em;
|
margin-bottom: -2em;
|
}
|
|
img.wh1_5 {
|
height: 1.5em;
|
}
|
|
img.wh2_5 {
|
height: 2.5em;
|
}
|
|
img.wh3_5 {
|
height: 3.5em;
|
}
|
|
img.wh4_5 {
|
height: 4.5em;
|
}
|
|
img.wh5_5 {
|
height: 5.5em;
|
}
|
|
img.wh6_5 {
|
height: 6.5em;
|
}
|
|
img.wh7_5 {
|
height: 7.5em;
|
}
|
|
img.wh8_5 {
|
height: 8.5em;
|
}
|
|
img.wh9_5 {
|
height: 9.5em;
|
}
|
|
img.wh10_5 {
|
height: 10.5em;
|
}
|
|
.small {
|
font-size: 0.5em;
|
}
|
|
/* .bottommark {
|
text-decoration:underline;
|
padding-bottom: 0em;
|
border-bottom: dotted 4px;
|
} */
|
.bottommark {
|
/*text-decoration:underline;*/
|
text-emphasis-style: dot;
|
text-emphasis-color: #f75555;
|
text-emphasis-position: under;
|
-webkit-text-emphasis-style: dot;
|
-webkit-text-emphasis-color: #000;
|
-webkit-text-emphasis-position: under;
|
}
|
|
.topmark {
|
text-decoration: overline;
|
}
|
|
p {
|
line-height: 30px;
|
text-indent: 2em;
|
}
|
|
.divcss5-a p {
|
margin: 0 auto;
|
}
|
/* new */
|
poetrytext {
|
display: block;
|
text-align: center;
|
}
|
|
poetrytitle {
|
display: block;
|
text-align: center;
|
}
|
|
h1 {
|
font-family: "汉仪旗黑65S", "HY-QiHei65";
|
font-size: 1.5em;
|
line-height: 1.2em;
|
text-align: center;
|
text-indent: 0;
|
}
|
.bodycontent-title-6 {
|
font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0";
|
text-align: center;
|
font-weight: bold;
|
}
|
/* 图注中的补字图 */
|
img.rarefont {
|
height: 15px;
|
}
|
|
// 自定义内容
|
.page-box {
|
box-sizing: border-box;
|
min-height: 1150px !important;
|
margin-bottom: 20px;
|
box-shadow: 0 3px 6px 1px #00000029;
|
background-color: #fff;
|
}
|
|
.wr-md {
|
writing-mode: vertical-rl;
|
}
|
.fl {
|
display: flex !important;
|
}
|
.fl-cl {
|
flex-direction: column;
|
}
|
.ju-cn {
|
justify-content: center;
|
}
|
.ju-ed {
|
justify-content: flex-end;
|
}
|
.ju-bt {
|
justify-content: space-between;
|
}
|
.al-cn {
|
align-items: center;
|
}
|
.al-end {
|
align-items: flex-end;
|
}
|
.t0 {
|
text-indent: 0;
|
}
|
.primary-color {
|
color: #501438;
|
}
|
.fz-18 {
|
font-size: 18px;
|
}
|
.fw-bl {
|
font-weight: bold;
|
}
|
.mr-5 {
|
margin-right: 5px;
|
}
|
.mt-20 {
|
margin-top: 20px;
|
}
|
.mt-100 {
|
margin-top: 100px;
|
}
|
.mb-5 {
|
margin-bottom: 5px;
|
}
|
.mb-20 {
|
margin-bottom: 20px;
|
}
|
.mb-40 {
|
margin-bottom: 40px;
|
}
|
.m0-auto {
|
margin: 0 auto;
|
}
|
.pd-104 {
|
padding-bottom: 104px;
|
}
|
.p0 {
|
padding: 0;
|
}
|
ul {
|
list-style: none;
|
}
|
.footer-box {
|
width: 40px;
|
height: 4px;
|
background-color: #501438;
|
}
|
.footer-num {
|
width: min-content;
|
}
|
.w-mi {
|
width: min-content;
|
}
|
.w-35 {
|
width: 35px;
|
}
|
.w-45 {
|
width: 45px;
|
}
|
.tl-ju {
|
text-align: justify;
|
}
|
.w100 {
|
width: 100%;
|
}
|
.w50 {
|
width: 50%;
|
}
|
.page-heder-img {
|
width: 100%;
|
img {
|
width: 100%;
|
}
|
}
|
.cl-66 {
|
color: #666;
|
}
|
.wh-no {
|
white-space: nowrap;
|
}
|
.table-cn {
|
text-align: center;
|
vertical-align: middle;
|
}
|
.input-border {
|
border: 0;
|
border-bottom: 1px solid #000;
|
}
|
.input-border:focus {
|
outline: none;
|
}
|
.textarea-table-td {
|
font-size: 16px;
|
width: 60px;
|
height: 70px;
|
border: 0;
|
font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
|
}
|
.textarea-table-td:focus {
|
outline: none;
|
}
|
.table-bc {
|
background-color: #d6c6c7
|
// #d6c1c6;
|
}
|
.tl-rg {
|
text-align: right;
|
}
|
.rar-icon {
|
width: 40px;
|
}
|
.downlod-icon {
|
margin-left: 5px;
|
width: 20px;
|
}
|
.rar-text {
|
font-size: 10px;
|
color: #666;
|
}
|
.pr {
|
position: relative;
|
}
|
.padding-96 {
|
padding: 0 96px 0px 96px;
|
}
|
.p-10 {
|
padding: 10px 0;
|
}
|
.cu-pr {
|
cursor: pointer;
|
}
|
.anzhuang-icon {
|
width: 30px;
|
margin-right: 4px;
|
}
|
.border-so {
|
border-bottom: 1px solid #501438;
|
}
|
.rw-border {
|
border-bottom: 2px solid #501438;
|
}
|
.btn {
|
cursor: pointer;
|
border: 2px solid #501438;
|
border-radius: 4px;
|
margin-left: 5px;
|
}
|
.document-icon {
|
width: 30px;
|
}
|
.word-icon {
|
width: 50px;
|
}
|
.textarea-text:focus {
|
outline: none;
|
border-color: #501438;
|
}
|
.tl-cn {
|
text-align: center;
|
}
|
.cover-box {
|
width: 815px;
|
height: 1125px;
|
object-fit: contain;
|
}
|
}
|
body {
|
background-color: #e6e6e6;
|
}
|
/* 媒体查询做基础响应式布局 */
|
@media (max-width: 660px) {
|
.embedded-book {
|
/* 分页padding */
|
.page-padding {
|
padding: 104px 20px;
|
}
|
// .padding-96 {
|
// padding: 0 20px 0px 20px;
|
// }
|
/* video大小 */
|
.video-box {
|
max-width: 260px;
|
}
|
}
|
}
|
@media (min-width: 660px) {
|
.embedded-book {
|
.page-padding {
|
padding: 104px 96px;
|
}
|
|
.video-box {
|
max-width: 370px;
|
}
|
}
|
}
|
|
::-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;
|
}
|
