html, body { min-height: 100%; margin: 0; padding: 0; }
body.docread-page { min-width: 1200px; margin: 0; padding: 0; color: #444; background: #f3f3f3; }
.docread-header, .docread-breadcrumb, .docread-meta, .docread-toolbar, .docread-side, .docread-footer, .docread-backtop { font: 14px/1.6 "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Arial, sans-serif; }
.docread-nav, .docread-recommend-list, .docread-category-list { margin: 0; padding: 0; list-style: none; }
.docread-header a, .docread-breadcrumb a, .docread-meta a, .docread-side a, .docread-footer a { text-decoration: none; }
.docread-toolbar button { margin: 0; padding: 0; border: 0; font-family: inherit; }
.docread-clearfix { *zoom: 1; }
.docread-clearfix:after { display: block; clear: both; height: 0; visibility: hidden; content: ""; }
.docread-wrapper, .docread-body, .docread-top { width: 1200px; margin-right: auto; margin-left: auto; }

.docread-header { height: 70px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; }
.docread-logo { float: left; width: 170px; height: 70px; overflow: hidden; }
.docread-logo img { display: block; width: 158px; height: auto; margin-top: 8px; }
.docread-nav { float: left; height: 70px; margin-left: 54px; }
.docread-nav li { float: left; height: 70px; }
.docread-nav a { display: block; height: 70px; padding: 0 23px; color: #333; font-size: 15px; line-height: 70px; }
.docread-nav a:hover { color: #0089d1; }

.docread-body { padding-bottom: 20px; }
.docread-breadcrumb { height: 54px; overflow: hidden; color: #666; font-size: 13px; line-height: 54px; white-space: nowrap; text-overflow: ellipsis; }
.docread-breadcrumb a { color: #666; }
.docread-breadcrumb i { margin: 0 7px; color: #888; font-style: normal; }
.docread-breadcrumb strong { color: #555; font-weight: 700; }
.docread-meta { height: 49px; padding-left: 6px; color: #666; font-size: 12px; line-height: 38px; }
.docread-meta h1 { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.docread-meta span { display: inline-block; *display: inline; margin-right: 17px; vertical-align: middle; *zoom: 1; }
.docread-meta a { color: #666; }
.docread-source-meta i { position: relative; display: inline-block; width: 13px; height: 15px; margin: -2px 9px 0 0; border: 1px solid #8c959b; border-radius: 2px; background: #fff; vertical-align: middle; }
.docread-source-meta i:before { position: absolute; top: 4px; left: 3px; width: 7px; height: 1px; background: #8c959b; box-shadow: 0 3px 0 #8c959b, 0 6px 0 #8c959b; content: ""; }

.docread-detail { width: 1200px; }
.docread-main { float: left; width: 865px; }
.docread-side { float: right; width: 320px; }
.docread-reader { width: 865px; }
.docread-toolbar { position: relative; height: 48px; background: #e9e9e9; border: 1px solid #ddd; border-bottom: 0; }
.docread-page-summary { position: absolute; top: 0; left: 50%; width: 130px; height: 48px; margin-left: -65px; color: #555; font-size: 14px; line-height: 48px; text-align: center; }
.docread-page-summary b { font-weight: 400; }
.docread-tools { position: absolute; top: 0; right: 0; height: 48px; }
.docread-tool { position: relative; float: left; width: 58px; height: 48px; background: transparent; cursor: pointer; }
.docread-tool:hover, .docread-tool.docread-active { background: #ddd; }
.docread-tool-small i, .docread-tool-big i { position: absolute; top: 15px; left: 21px; width: 14px; height: 14px; border: 2px solid #aaa; border-radius: 50%; }
.docread-tool-small i:after, .docread-tool-big i:after { position: absolute; right: -6px; bottom: -4px; width: 7px; height: 2px; background: #aaa; transform: rotate(45deg); -ms-transform: rotate(45deg); content: ""; }
.docread-tool-small i:before, .docread-tool-big i:before { position: absolute; top: 6px; left: 3px; width: 8px; height: 2px; background: #aaa; content: ""; }
.docread-tool-big i:after { right: auto; bottom: auto; }
.docread-tool-big:after { position: absolute; top: 20px; left: 28px; width: 2px; height: 8px; background: #aaa; content: ""; }
.docread-tool-width i { position: absolute; top: 15px; left: 21px; width: 17px; height: 17px; }
.docread-tool-width i:before, .docread-tool-width i:after { position: absolute; width: 6px; height: 6px; border-color: #999; border-style: solid; content: ""; }
.docread-tool-width i:before { top: 0; left: 0; border-width: 2px 0 0 2px; }
.docread-tool-width i:after { right: 0; bottom: 0; border-width: 0 2px 2px 0; }

.docread-paper { min-height: 1025px; padding: 50px 70px 45px; background: #fff; border: 1px solid #ddd; }
.docread-viewport { width: 723px; overflow: visible; }
.docread-content { width: 723px; word-wrap: break-word; }
.docread-content, .docread-content * { text-wrap-mode: wrap !important; }
.docread-content img { max-width: 100% !important; max-height: 960px; height: auto !important; }
.docread-content table { max-width: 100% !important; page-break-inside: avoid; }
.docread-pages { position: absolute; left: -10000px; top: 0; width: 865px; visibility: hidden; }
.docread-ready .docread-measure { display: none; }
.docread-ready .docread-pages { position: static; left: auto; visibility: visible; }
.docread-page-sheet { min-height: 1025px; margin-bottom: 18px; }
.docread-page-sheet:last-child { margin-bottom: 0; }
.docread-page-content { width: 723px; height: 1025px; overflow: hidden; }

.docread-card { margin-bottom: 14px; padding: 15px 18px 16px; background: #fff; }
.docread-card h2 { height: 35px; margin-bottom: 8px; border-left: 3px solid #58a7ff; color: #444; font-size: 18px; line-height: 20px; font-weight: 400; }
.docread-card h2 span { display: inline-block; margin-left: 13px; }
.docread-journal { min-height: 310px; text-align: center; }
.docread-journal h2 { text-align: left; }
.docread-cover { width: 188px; height: 245px; margin: 0 auto 8px; overflow: hidden; }
.docread-cover img { display: block; width: 188px; height: 245px; object-fit: cover; }
.docread-journal p a { color: #0088cf; font-size: 13px; }
.docread-more { float: right; margin-right: 0; color: #444 !important; font-size: 13px; }
.docread-recommend-list li { position: relative; min-height: 45px; padding: 5px 0 5px 24px; }
.docread-recommend-list li i { position: absolute; top: 9px; left: 3px; width: 14px; height: 17px; border: 1px solid #ff3d31; background: #fff; }
.docread-recommend-list li i:before { position: absolute; top: -1px; right: -1px; width: 5px; height: 5px; border-bottom: 1px solid #ff3d31; border-left: 1px solid #ff3d31; background: #fff; content: ""; }
.docread-recommend-list li i:after { position: absolute; top: 5px; left: 2px; color: #ff3d31; font: 7px/1 Arial, sans-serif; content: "PDF"; transform: scale(.65); transform-origin: left top; }
.docread-recommend-list li a { display: block; overflow: hidden; color: #444; font-size: 13px; line-height: 22px; }
.docread-category-list li { min-height: 28px; padding-left: 4px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.docread-category-list a { color: #444; font-size: 13px; }
.docread-category-list em { margin-right: 4px; color: #aaa; font-style: normal; }
.docread-category-list i { margin-right: 2px; color: red; font-style: normal; }
.docread-keywords div { padding: 4px 11px; }
.docread-keywords div a { display: inline-block; padding: 5px 8px; background: #f5f5f5; color: #444; }

.docread-detail.docread-wide .docread-main, .docread-detail.docread-wide .docread-reader { width: 1200px; }
.docread-detail.docread-wide .docread-side { display: none; }
.docread-detail.docread-wide .docread-paper { padding-right: 105px; padding-left: 105px; }
.docread-detail.docread-wide .docread-viewport, .docread-detail.docread-wide .docread-content, .docread-detail.docread-wide .docread-page-content { width: 988px; }
.docread-detail.docread-wide .docread-pages { width: 1200px; }

.docread-footer { min-height: 350px; color: #fff; background: #353535; }
.docread-footer a, .docread-footer a:hover { color: #fff !important; }
.docread-footer-top { position: relative; min-height: 190px; padding-top: 34px; border-bottom: 1px solid #555; }
.docread-footer-links { float: left; width: 700px; }
.docread-footer-links dl { float: left; width: 175px; margin: 0; padding: 0; }
.docread-footer-links dt { margin: 0 0 13px; padding: 0; color: #fff; font-size: 18px; font-weight: 700; }
.docread-footer-links dd { height: 27px; margin: 0; padding: 0; line-height: 27px; }
.docread-footer-split { position: absolute; top: 31px; left: 720px; width: 1px; height: 145px; background: url("../images/doc-read/footer-split.png") no-repeat 0 0; }
.docread-contact { float: right; width: 390px; color: #fff; font-size: 13px; line-height: 27px; }
.docread-contact p { min-height: 27px; }
.docread-contact strong { font-size: 19px; }
.docread-contact a, .docread-contact div a { color: #fff !important; }
.docread-contact div { color: #fff; line-height: 27px; }
.docread-footer-bottom { padding: 12px 0 28px; text-align: center; }
.docread-rights, .docread-copyright { height: 27px; line-height: 27px; }
.docread-badges { height: 48px; margin-top: 5px; }
.docread-badges img { display: inline-block; max-height: 47px; width: auto; margin: 0 4px; vertical-align: middle; }
.docread-backtop { display: none; position: fixed; right: 20px; bottom: 70px; width: 48px; height: 48px; background: #d3d9d1; cursor: pointer; z-index: 20; }
.docread-backtop i { position: absolute; top: 13px; left: 16px; width: 14px; height: 14px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.docread-backtop i:after { position: absolute; top: 5px; left: 5px; width: 2px; height: 14px; background: #fff; content: ""; transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.docread-backtop span { display: none; position: absolute; right: 53px; top: 10px; width: 66px; padding: 3px 6px; color: #fff; background: #555; text-align: center; }
.docread-backtop:hover span { display: block; }

@media print {
    .docread-toolbar, .docread-side, .docread-backtop { display: none !important; }
    body.docread-page { min-width: 0; background: #fff; }
    .docread-wrapper, .docread-body, .docread-top, .docread-detail, .docread-main, .docread-reader { width: 100%; }
    .docread-paper { min-height: 0; padding: 20px; border: 0; }
    .docread-pages { position: static; left: auto; width: 100% !important; visibility: visible; }
    .docread-measure { display: none !important; }
    .docread-page-sheet { min-height: 0; margin-bottom: 0; page-break-after: always; }
    .docread-page-content, .docread-viewport, .docread-content { width: 100% !important; height: auto !important; overflow: visible; }
}