.embedded-book {
|
/* 2.0.0版本*/
|
|
/*封面*/
|
.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: #b03639;
|
}
|
|
/*环绕图片*/
|
.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;
|
}
|
.t0 {
|
text-indent: 0;
|
}
|
}
|
/* 媒体查询做基础响应式布局 */
|
@media (max-width: 660px) {
|
.embedded-book {
|
/* 分页padding */
|
.page-padding {
|
padding: 104px 20px;
|
}
|
.padding-96 {
|
padding: 0 20px 104px 20px;
|
}
|
/* video大小 */
|
.video-box {
|
max-width: 260px;
|
}
|
}
|
}
|
@media (min-width: 660px) {
|
.embedded-book {
|
.page-padding {
|
padding: 104px 96px;
|
}
|
.padding-96 {
|
padding: 0 96px 104px 96px;
|
}
|
.video-box {
|
max-width: 370px;
|
}
|
}
|
}
|
