@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "arkitalic";
  src: local('Georgia-Italic'), local('Georgia Italic');
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "arkitalic";
  src: local('Georgia-BoldItalic'), local('Georgia Bold Italic');
  font-weight: bold;
  font-style: normal
}

html, body {
  height: 100%;
  font-size: 100%
}

body {
  font: 16px "Helvetica Neue", Helvetica, "Lucida Grande", "Luxi Sans", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed;
  overflow-x: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
img, fieldset {
  border: 0
}
address, caption, cite, code, dfn, em, strong, th {
  font-style: normal;
  font-weight: normal
}
ol, ul {
  list-style: none
}
th, caption {
  text-align: left
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}
h1, h2, h3, h4, h5, h6, p, blockquote {
  word-wrap: break-word
}
q:before, q:after {
  content: ''
}
a {
  color: #789;
  text-decoration: none;
  outline: none
}
a:hover, a:active {
  outline: 0;
  text-decoration: none;
}
img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic
}
input {
  vertical-align: middle
}
input, button, textarea {
  font-size: 12px;
  outline: none;
  resize: none
}
input, button {
  line-height: normal
}
input::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border:0
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  appearance: button;
}
input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
  appearance: textfield;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
textarea {
  overflow: auto;
  vertical-align: top
}

label,input,button,select,textarea {
    font-size: 13px;
    font-family: inherit;
    line-height: 1.5
}

input,button,select,textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"] {
    display: inline-block;
    padding: 4px;
    height: 20px;
    line-height: 19px;
    border: 1px solid #ccc;
}

textarea.focused,input[type="text"].focused,input[type="password"].focused,input[type="datetime"].focused,input[type="datetime-local"].focused,input[type="date"].focused,input[type="month"].focused,input[type="time"].focused,input[type="week"].focused,input[type="number"].focused,input[type="email"].focused,input[type="url"].focused,input[type="search"].focused,input[type="tel"].focused,input[type="color"].focused,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus {
    outline: 0;
    border-color: #aaa
}

textarea.error,input[type="text"].error,input[type="password"].error,input[type="datetime"].error,input[type="datetime-local"].error,input[type="date"].error,input[type="month"].error,input[type="time"].error,input[type="week"].error,input[type="number"].error,input[type="email"].error,input[type="url"].error,input[type="search"].error,input[type="tel"].error,input[type="color"].error {
    border-color: #b85f5f;
    border-right-width: 2px
}

textarea {
    height: auto
}

.field-group {
    margin-bottom: 15px
}

.field-label {
    color: #333;
    font-size: 14px
}

select,input[type="file"] {
    height: 28px;
    line-height: 28px
}

input[type="file"] {
    line-height: 18px
}

select {
    border: 1px solid #ccc
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
    color: #aaa;
    background-color: #eee;
    border: 1px solid #ddd
}

input[disabled],select[disabled],textarea[disabled] {
    cursor: not-allowed
}

input[readonly],select[readonly],textarea[readonly] {
    color: #999;
    cursor: text;
    background-color: #f7f7f7
}

input[type="radio"],input[type="checkbox"] {
    margin: 3px 0;
    margin-top: 0;
    line-height: normal
}

.radio,.checkbox {
    display: inline-block;
    color: #666;
    margin: 5px 15px 0 0
}

.radio input[type="radio"],.checkbox input[type="checkbox"] {
    float: left;
    padding: 0;
    margin-right: 5px
}
.btn,.btn:hover {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    font-family: inherit;
    padding: 4px 12px;
    margin-bottom: 0;
    line-height: 1.1;
    background-color: #3498DB;
    border: 1px solid #3498DB;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none
}

.btn:hover {
    border-color: #5dade2;
    background-color: #5dade2
}

.btn-info,.btn-info:hover {
    color: #825d5b;
    border-color: #d3d3cc;
    background-color: #edede3
}

.btn-info:hover {
    background-color: #dbdbd4
}

.btn-sample {
    border-color: #999995;
    background-color: #999995;
}

.btn-sample:hover {
    border-color: #b2b2ae;
    background-color: #b2b2ae
}

.btn-minor {
    color: #888;
    border-color: #ebebe5;
    background-color: #ebebe5;
}

.btn-minor:hover {
    color: #888;
    border-color: #f5f5ef;
    background-color: #f5f5ef
}

.btn-read {
    border-color: #6e839a;
    background-color: #6e839a;
}

.btn-read:hover {
    border-color: #7a8ea3;
    background-color: #7a8ea3
}

.btn-green,.btn-green:hover {
    background-color: #67a88f;
    border-color: #67a88f
}

.btn-hollow,.btn-hollow:hover {
    color: #955351;
    border-color: #955351;
    background-color: transparent
}

.btn-hollow:hover {
    background-color: #fbf8f8
}

.btn-disabled,.btn-disabled:hover {
    color: #aaa;
    border-color: #ddd;
    background-color: #eee;
    padding: 4px 12px;
    cursor: not-allowed
}

.btn-large,.btn-large:hover {
    padding: 6px 14px
}

.btn-huge,.btn-huge:hover {
    font-size: 16px;
    padding: 10px 40px
}

.btn.btn-red {
  border-color: #f56c6c;
  background-color: #f56c6c
}

.btn.btn-red:focus,
.btn.btn-red:hover {
  background: #f78989;
  border-color: #f78989;
  color: #fff
}

input.btn-link,button.btn-link {
    display: inline;
    color: #825d5b;
    line-height: 1;
    padding: 1px 0;
    vertical-align: middle;
    font-size: 12px;
    border: none;
    background: none;
}

input.btn-link:hover,button.btn-link:hover {
    color: #fff;
    background: #825d5b
}
@-moz-document url-prefix() {
    input.btn,
    input.btn:hover {
        padding: 3px 12px;
    }
}

input.btn,input.btn:hover,button.btn,button.btn:hover {
    padding: 4px 12px;
    line-height: 11px;
}

:root .btn,:root .btn:hover {
    padding: 5px 12px 3px\9
}

:root .btn-large,:root .btn-large:hover {
    padding: 6px 14px\9
}

:root .btn-huge,:root .btn-huge:hover {
    padding: 10px 40px\9
}

input.btn {
    _padding-top: 6px;
    _padding-bottom: 2px
}

.btn-large,.btn-large:hover {
    line-height: 18px;
    padding-top: 3px;
}

input.btn-huge,input.btn-huge:hover,button.btn-huge,button.btn-huge:hover {
    padding: 8px 40px 6px;
}

input.btn-link,button.btn-link {
    padding: 3px 0 0;
    height: 12px;
    cursor: pointer;
}

.bookmark {
  position: relative;
  display: block;
  cursor: pointer;
  background: #c8d0d1;
  -webkit-transition: background-color .1s;
  -moz-transition: background-color .1s;
  -o-transition: background-color .1s;
  -ms-transition: background-color .1s;
  transition: background-color .1s;
}
.bookmark:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 8px 7px 8px;
  border-color: transparent transparent #F2F4F8
}
.bookmark.active {
  background: #36B2DB
}
.bookmarks-layout {
  display: none;
  position: fixed;
  top: 0;
}
.fit-for-desktop .bookmarks-layout {
  display: block
}
.bookmarks-layout .bookmark {
  top: 88px;
    left: 662px;
    height: 28px;
    width: 16px;
    text-align: center;
    line-height: 1.3;
    font-size: 18px;
    color: #F2F4F8;
}
.bookmarks {
  display: none;
  padding: 2.5em 3.7em;
}
.bookmarks li {
  border-bottom: 1px solid #ddd
}
.bookmarks .panel-hd {
  margin-bottom: 30px;
  text-align:left;
}
.bookmarks .panel-hd h2 {
  color: #888;
  /* font-weight: bold; */
  font-size: 28px
}
.bookmarks .panel-bd {
  font-size: 14px
}
.bookmarks .chapter {
  font-weight: bold;
  font-size: 16px;
  padding: 38px 0 15px;
    text-align: center;
}
.bookmarks .chapter:first-child {
  padding-top: 0
}
.bookmarks .bookmark-item span.gotopage{
  cursor: pointer;
}
.bookmarks .bookmark-item {
  padding: 13px 0;
}
.bookmarks .bookmark-item .bookmark.active{
  background: #83BEDB;
      display: none;
}

.bookmarks .bookmark-item .percentage {
  display: inline-block
}
.bookmarks .bookmark-item .abstract {
  line-height: 1.8;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
    margin-left: 2.3em;
}
.bookmarks .bookmark-item .date {
  float: right;
  color: #aaa;
  text-align: right;
  line-height:20px;
}
.bookmarks .bookmark-item .num {
  display: inline-block;
  vertical-align: top;
  color: #aaa
}
.bookmarks .bookmark-item mark {
  display: inline-block;
  width: 18px;
    height: 30px;
  margin-right: 8px;
  vertical-align: middle;
  border-color: transparent transparent #F2F4F8;
}
.bookmarks .bookmark-item mark:after {
  border-width: 0 9px 7px 9px
}
.bookmarks .panel-tip {
  color: #888;
  font-size: 16px;
  text-align: center;
  margin-top: 200px
}
.aside-controls {
  z-index: 50;
  position: fixed;
  top: 0;
  bottom: 0;
  margin-left: 44em
}
.controls-panel {
  width: 2em;
  margin: 1.1em 0 0 0.3em;
}

.controls-panel .controls-list{
  font-size: 16px;
}

.controls-panel b {
  display: inline-block;
    width: 1.7em;
    line-height: 1.8em;
    font-size: 110%;
    text-align: center;
    color: #B5BEC0;
}
.controls-panel b:hover {
  color: #61D7F4
}

.controls-panel .controls-item {
  height: 1.8em;
  cursor: pointer;
  border: 1px solid #909699;
  display: inline-block;
  vertical-align: top
}
.controls-panel .controls-item.disabled {
  cursor: default
}
.controls-panel .controls-item.disabled b, .controls-panel .controls-item.disabled b:hover {
  color: #b2b4b4
}
.controls-panel .controls-item.active {
    z-index: 10;
    position: relative;
    border-color: #34A3DB;
    /* border-left: none; */
    /* margin-left: -9px; */
    /* width: 45px; */
    background-color: #00ADE6;
}
.controls-panel .controls-item.active b {
    /* margin: 5px 0 0 10px; */
    color: #fff;
}

.controls-panel .toggle-annotations {
  margin-bottom: 20px;
  display: none;
}
.fit-for-desktop .controls-panel .toggle-annotations {
  display: inline-block;
  border-width: 0 1px 1px;
  border-radius: 0 0 3px 3px;
}
.controls-panel .toggle-chapters-toc {
  display: none;
}
.is-chapter .controls-panel .toggle-chapters-toc {
  display: inline-block
}
.controls-panel .toggle-toc {
  display: inline-block;
  border-radius: 3px;
  border-width: 1px;
}
.panels-container {
  display: none;
  position: absolute;
  top: 0;
  left: -44em;
  width: 43.375em;
  background: #F3F6F9;
  border-left: 1px solid #b7b7ae;
  border-right: 1px solid #b7b7ae;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.panels-container .close {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 28px;
}
.panels-container .close:hover {
  opacity: .8;
  filter: alpha(opacity=80)
}
.aside {
  font-size: 16px;
  z-index: 30;
  position: fixed;
  top: 0;
  width: 2.5em;
  height: 100%;
  margin-left: -3.5em;
  /*background: #767B82*/
}
.panel {
  font-size: 16px;
  width: 2.1em;
  margin: 1em auto;
}
.panel a {
  display: block;
  cursor: pointer;
  color: #B5BEC0;
  font-size: 120%;
    width: 1.7em;
    line-height: 1.7em;
}
.panel a:hover {
  color: #61D7F4
}
.panel .fa-sort:before {
    display: inline-block;
    transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.panel .vertical:before {
    transform: rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.panel .narrow {
  margin: 0;
  border-bottom: none
}
.panel li {
  text-align: center;
  position: relative;
  /*margin-bottom: 10px;*/
}
.panel li.sep {
  border: 1px solid #909699;
    border-width: 0 1px 1px;
}
#fn-back{
    border-radius: 3px 3px 0 0;
    border-width: 1px;
}
#fn-search{
  border-width: 0 1px 1px;
    border-radius: 0 0 3px 3px;
}
.panel .on {
  height: 50px
}
.panel .disabled, .panel .disabled:hover {
  color: #b2b4b4;
  pointer-events: none
}
.chapter-overlay {
    display: none;
    width: 100%
}

.article {
    position: relative;
    width: 43.375em;
    height: 58em;
    margin: 0 auto;
    padding-left: 0;
    overflow: hidden;
}

.article .inner {
    position: absolute;
    left: 0;
    margin-left: 0;
    width: 130.125em;
    /* height: 58.125em; */
    overflow: hidden
}

.layout-vertical .article {
    position: relative;
    height: auto;
}

.layout-vertical .article .inner {
    position: static;
    left: 0;
    /* width: 694px; */
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-top: 5em;
    padding-bottom: 5em;
    /* background: #F3F6F9 */
}
@media screen and (max-width: 750px) {
    .layout-vertical .article .inner {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.layout-vertical .article .page {
    padding-top: 0;
    padding-bottom: 0;
}

.layout-vertical .article .page .hd {
    display: none
}

.layout-vertical .article .page .ft {
    top: 0;
    left: 0;
    width: 36px;
    height: 20px;
    color: #aaa;
    padding: 5px 0 0 5px;
    text-align: left;
    font-size: 10px;
    border-top: 1px solid #ddddd3;
    opacity: 0;
}

.layout-vertical .article #page-captain {
    top: -8em
}

.layout-vertical.has-fixed-header .curr-page .hd {
    top: 0;
    position: fixed;
    z-index: 10;
    font-size: 13px;
    padding-top: 20px;
    display: block;
    border: none;
    background: #F3F6F9;
}

.layout-vertical.has-fixed-header .curr-page .hd h3 {
    margin-top: -3px
}

.loading-hint,.content .mathplayer-hint {
    color: #999;
    text-align: center;
    padding: 12.5em 0
}

.loading-hint {
  padding-bottom: 1em;
}
.loading-progress-bar {
  width: 100%;
  text-align: center;
}

.content .mathplayer-hint p {
    padding: 2em 0;
    text-indent: 0;
    text-align: center
}

.mode-dark .page {
  background-color: #2A2A2A;
}
.mode-dark .content p,
.mode-dark .content div {
  color: #666E72;
}

.page {
    position: relative;
    float: left;
    height: 48em;
    width: 34em;
    padding: 5em 4.7em 2.5em;
    margin: 0 auto;
    background: #F3F6F9;
    cursor: default;
}

.layout-vertical .page {
  height: auto;
}

.page .lnk-collect,.page .lnk-subscribe {
    float: right;
    font-size: 13px;
    margin: 0
}

.vertical .page {
    margin-top: 1.25em;
    margin-right: 0
}

.layout-vertical .page {
    position: relative;
    float: none
}

.page .hd {
  position: absolute;
  top: max(calc(75px - 1em), calc((5em - 20px) / 2));
  left: 4.7em;
  right: 4.7em;
  color: #aaa;
  line-height: 16px;
  padding-bottom: 3px;
  border-bottom: 1px solid #dfe9ea;
}

.page .hd h3 {
  font-size: 14px;
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page .hd .header-extra {
  float: right;
  width: 45%;
  height: 18px;
  line-height: 18px;
  text-align: right;
}

.page .hd .header-extra .login {
  font-size: 14px;
  color: #353535;
}

.mode-dark .page .hd .header-extra .login {
  color: #666E72;
}

.mode-dark .page .hd .header-extra .btn-purchase {
  background: transparent;
  color: #666E72;
}

.mode-dark #orig-reader .custom .purchase-guide {
  background: transparent;
}

.header-extra .avatar {
  margin: auto 0 auto auto;
  text-align: center;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  overflow: hidden;
  cursor: pointer;
}

.header-extra .avatar .avatar-photo {
  width: 18px;
}

.header-extra .avatar .fa {
  font-size: 18px;
}

.page .hd a,.page .hd a:hover {
    color: #5b5b85
}

.page .hd .btn-purchase {
    float: right;
    position: relative;
    top: 4px;
    margin-left: 10px;
    background: #E2ECF6;
    font-size: 13px;
    line-height: 1;
    padding: 8px;
    margin-top: -9px;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.page .hd .price {
    color: #999;
    font-weight: normal
}

.page .hd .icon-splitter {
    margin-right: 3px
}

.page .bd {
    /* height: 48em; */
    overflow: hidden;
    position: relative
}

.page .ft {
    position: absolute;
    color: #999;
    bottom: 2em;
    right: 2em;
    font-size: .75em
}

.page .info h1 {
    font-size: 2em;
    font-weight: bold
}

.page .info h2 {
    font-size: 1.25em;
    font-weight: bold;
    margin-top: .3em
}

.page .info .author {
    font-size: .875em;
    margin-top: 1.875em;
}

.page .info .author span {
    display: block
}

.page .info .translator {
    margin-top: .3em
}

.page .header-controls .login {
    float: right;
    margin: 0
}

.fit-for-desktop.has-bad-chinese-line-break .content p {
    word-break: break-all
}

.fit-for-desktop.has-bad-chinese-line-break .story .content p,.fit-for-desktop.has-bad-chinese-line-break .content .legend,.fit-for-desktop.has-bad-chinese-line-break .content p .en {
    word-break: normal
}

.content p {
  height:auto;
  text-indent: 2em;
  /* line-height: 2; */
  /* min-height: 2em; */
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  text-autospace: ideograph-alpha;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.content p sub{
  vertical-align: baseline;
  display: inline-block;
  text-indent: 0;
  transform: scale(.7, .7) translateY(0.6em);
}

.content p sup{
  vertical-align: baseline;
  display: inline-block;
  text-indent: 0;
  transform: scale(.7, .7) translateY(-0.6em);
   cursor: default;
}
@media only screen and (max-width: 992px) {
    .content p sup {
        transform: scale(.8, .7) translateY(-0.6em);
    }
}
.content p sup[tips] {
    cursor: pointer;
}
p.htmlContent.fixed,
div.htmlContent.fixed {
  text-indent: 0;
}

/* 为包含块级元素的 htmlContent 使用 div 标签时的样式 */
.content div.htmlContent {
  height: auto;
  text-indent: 2em;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  text-autospace: ideograph-alpha;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* htmlContent 中的 span[data-role="p"] 使用 p 标签样式 */
.htmlContent span[data-role="p"],
div.htmlContent span[data-role="p"] {
  display: block;
  height: auto;
  text-indent: 2em;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  text-autospace: ideograph-alpha;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.htmlContent span[data-role="p"] span:not(.word) {
    margin-left:-2em;
}
.htmlContent span[data-role="p"][p_align="center"] {
  text-align: center;
}
.htmlContent span[data-role="p"][p_align="right"] {
    text-align: right;
}
.htmlContent span[data-role="p"][p_align="left"] {
    text-align: left;
}
.content span[data-role="bk"] {
  display: block;
  height: auto;
  text-indent: 2em;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  text-autospace: ideograph-alpha;
  position: relative;
}

/* 边框元素由 JavaScript 动态创建，不受祖先元素 overflow 影响 */
.bk-border-overlay {
  position: absolute;
  border: 1px solid #000;
  border-radius: 4px;
  pointer-events: none;
  z-index: 1;
  box-sizing: border-box;
}

.content .paragraph .mjp {
    display: none
}

.content .word {
    cursor: text;
    /* display: inline-block; */
    text-indent: 0;
}
.content .word.blockquote {
   font-family: "楷体", "楷体_GB2312";
   display: block;
   padding: 0 20px;
   text-indent: 2em;
}
.content p > span.blockquote {
    font-family: "楷体", "楷体_GB2312";
    display: block;
    padding: 0 20px;
    text-indent: 2em;
}
.content .word.kaiti,
span[data-role="kaiti"] {
    font-family: "楷体", "楷体_GB2312";
}
.content .word.info_style {
    text-decoration-line: underline;
    text-decoration-style: wavy;
}
.content .word.linethrough {
    text-decoration: line-through;
}
/* .content .word.em_dot {
    position: relative;
}
.content .word.em_dot::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
    height: 1px;
    border-bottom: 5px dotted #333;
} */
.content p.loading {
    font-size: 1em !important;
}
.content .word .reader-loading-dot.spin {
  display: inline-block;
  line-height: 1;
  margin-right: 10px;
}

.is-selecting .content .word {
    cursor: default;
}

.content .search-word {
    background: #ffe47a
}

.content .wbr {
    display: inline-block;
    line-height: 1;
    text-indent: 0
}

.content .sel {
    border-bottom: .125em solid #900
}

.content .active {
    color: #666;
    background-color: #f4f0f0
}

.content .indent {
    text-indent: 0
}

.content .bold {
    font-weight: bold;
    text-align: left !important;
}

.content p.h1 {
  font-size: 2rem;
}
.content p.h2 {
  font-size: 1.8rem;
}
.content p.h3 {
  font-size: 1.6rem;
}
.content p.h4 {
  font-size: 1.4rem;
}
.content p.h5 {
  font-size: 1.2rem;
}
.content p.h-0 {
    /* font-size: 28px; */
    font-size: 2rem;
    text-align: center !important;
}
.content p.h-1 {
    /* font-size: 24px; */
    font-size: 1.8rem;
    text-align: center !important;
}
.content p.h-2 {
    /* font-size: 20px; */
    font-size: 1.6rem;
    text-align: center !important;
}
.content .quote {
    font-family: "arkitalic","Georgia Italic","Georgia-Italic","Georgia",STKaiti,"AR PL UKai","AR PL KaitiM GB",KaiTi,KaiTi_GB2312,"TW-Kai",cursive
}

.content .indentall {
    padding: 0 0 0 2em
}

.content .indentall.center {
    text-indent: 0
}

.content .right {
    text-align: right
}

.content .center {
    text-align: center;
    text-indent: 0
}
.content p.chapter-btns {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
    .content p.chapter-btns {
        position: relative;
        bottom: auto;
        left: auto;
        transform: translate(0, 0);
    }
}
.content p.chapter-btns.single {
    position: fixed;
    bottom: 5em;
    left: 50%;
    transform: translateX(-50%);
}
.content p.chapter-btns span {
    text-align: center;
    background: #1890ff;
    background: rgb(23, 74, 119);
    color: #fff;
    padding: 5px;
    text-indent: 0;
    width: 80px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}
.content p.chapter-btns span:hover {
    background: rgba(23, 74, 119, 0.9);
}
/* .content .center.h-2 {
    text-align: left;
    text-indent: 0
} */
.content p.chapter-btns span + span {
    margin-left: 20px;
}
.content .emphasize {
    font-weight: bold;
}

.ua-windows .content .emphasize {
    line-height: 1
}

.content .code-inline,.content .regularscript {
    line-height: 16px
}

.content .code-inline {
    margin: 0 2px;
    padding: 3px 6px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    background-color: #E0EAEC;
    font-family: Consolas,"Liberation Mono","BitStream Vera Sans Mono",Courier,monospace;
    font-size: 12px;
    word-break: normal;
    white-space: pre-wrap
}

.content .regularscript {
    font-family: "arkitalic","Georgia Italic","Georgia-Italic","Georgia",STKaiti,"AR PL UKai","AR PL KaitiM GB",KaiTi,KaiTi_GB2312,"TW-Kai",cursive;
    font-style: normal
}

.content .code {
    position: relative;
    overflow: hidden;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    cursor: text;
    text-indent: 0;
}

.ua-ie8 .content .code,.ua-ie9 .content .code {
    cursor: default
}

.content .code .copy {
    position: absolute;
    right: 10px;
    cursor: pointer;
    color: #666
}

.content .code .is-hover {
    color: #222
}

.content .code code {
    padding: 8px 0 8px 16px;
    margin: 8px 0;
    background: #ebeae0
}
.content .image-inline {
    display: inline-block;
    text-indent: 0;
    width: 1em;
    overflow: visible;
}
.content .image-inline img {
  width: 100%;
}
.content .image-inline1 {
    display: inline-block;
    text-indent: 0;
    overflow: visible;
}
.content .image-inline1 img {
  max-height:1.9em;
}
.inspection-view {
    user-select: none;
    cursor: default;
}

.ua-ie8 .inspection-view,.ua-ie9 .inspection-view {
    cursor: default
}

.filter-group {
    width: 137px;
    padding: 7px;
    background: #3B464D;
    border-radius: 3px;
}

.filter-group label {
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    margin: 0
}

.filter-header {
    padding: 0 7px
}

.filter-list {
    display: none;
    padding-top: 7px;
}

.filter-list.show-others {
    display: block
}

.filter-header .switch-button {
    float: right;
    margin-top: 2px;
    margin-right: -4px;
    display: inline-block;
    height: 30px;
    padding: 0;
    width: 70px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    overflow: hidden;
    background: #262D31;
    font-weight: bold;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
        margin-right: -32px;
}

.filter-header .switch-button input[type=checkbox] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.filter-header .switch-button i {
    display: block;
    margin-left: -40px;
    font-style: normal;
    width: 120px;
    transition-duration: .2s;
}
.filter-header .switch-button i .slider {
    display: inline-block;
    color: #fff;
    height: 26px;
    width: 26px;
    background: #b2b4b4;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    vertical-align: middle;
    z-index: 2;
    border: 2px solid #3B464D;
    margin-right: -8px;
}

.filter-header .switch-button i .before,.filter-header .switch-button i .after {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    width: 50px;
    height: 30px;
    vertical-align: middle;
}

.ua-ie8 .filter-header .switch-button i .before,.ua-ie8 .filter-header .switch-button i .after {
    font-size: 16px
}

.filter-header .switch-button i .before {
    color: #fff;
    background-color: #0AF;
    margin-right: -10px;
}

.filter-header .switch-button i .after {
    color: #b2b4b4
}

.filter-header .switch-button :checked ~ i {
    margin-left: 0;
}
.filter-header .switch-button :checked ~ i .slider{
    background: #fff;
}

.filter-header .switch-button .checked {
    margin-left: 0;
}
.filter-header .switch-button .checked .slider {
    background: #fff;
}

.filter-item:last-child {
    border: none
}

.filter-item label {
    padding: 0 7px;
    height: 28px;
    line-height: 28px;
    background: #262D31;
    border-bottom: 1px solid #3B464D
}

.filter-item .radio-button {
    float: right
}

.filter-item .radio-button input[type=radio] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.filter-item .radio-button i {
    display: inline-block;
    height: 6px;
    width: 6px;
    background: #b1b2b1;
    border: 2px solid #b1b2b1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: -1px
}

.filter-item .radio-button :checked ~ i {
    background: #fff
}

.filter-item .radio-button .checked {
    background: #fff
}

.filter-item:hover :not(:checked) ~ i {
    background: #d5d5d5
}


.opened.fa-eye-slash:before {
    content: "\f06e";
}

#fn-search.active,#fn-all-annotation.active{
    background-color: #00ADE6;
}
#fn-search.active .forjs-search,#fn-all-annotation.active .forjs-all-annotation {color:#fff;}
#fn-helper a {
  width: 24px;
    font-size: 14px;
  line-height: 1.4;
  padding: 7px 0 5px;
  background: #2D97C4;
  color: #eeede5;
  margin-left: 2px
}
#fn-helper a:hover {
  background: #3498DB
}
#fn-favor, #fn-comment, #fn-question {
  display: none;
}
.is-chapter #fn-favor, .is-chapter #fn-comment, .is-chapter #fn-question {
  display: block
}
#fn-rating, #fn-salon {
  display: block;
}
.is-chapter #fn-rating, .is-chapter #fn-salon {
  display: none
}

.booksRig {
  text-align: center;
  position: absolute;
  bottom: 1em;
  right: 0;
  padding: 0;
}
.pagination {
  font-size: 16px;
  position: absolute;
  bottom: 1em;
}
.pagination li {
  display: block;
  cursor: pointer
}
@media (min-height:800px){
  .pagination {
    bottom: 40vh;
  }
  .booksRig {
    bottom: 40vh;
  }
}
/*.turn-prev:before, .turn-next:before, .page-prev:before, .page-next:before {
  content: '';
  display: inline-block;
  border-style: solid
}
.turn-prev:before, .page-prev:before {
  border-width: .375em .375em .375em 0;
  border-color: transparent #E0EAEC transparent transparent
}
.turn-next:before, .page-next:before {
  border-width: .375em 0 .375em .375em;
  border-color: transparent transparent transparent #E0EAEC
}*/
.turn-prev, .turn-next, .page-prev, .page-next {
  font-size: 120%;
  width: 2em;
  height: 2em;
  cursor: pointer;
  line-height: 2.1em;
  margin-bottom: .3em;
  text-align: center;
  border: 2px solid #B5BEC0;
  border-radius: 2em;
  color: #B5BEC0;
  /*background: #2D97C4;*/
}
.turn-prev.on, .turn-next.on, .page-prev.on, .page-next.on, .turn-prev:hover, .turn-next:hover, .page-prev:hover, .page-next:hover {
    background-color: #00A1E6;
    border-color: #34AFDB;
  color: #fff;
    box-shadow: 1px 2px 8px rgba(0,0,0,.2);
}

#inspection-progress {
    z-index: 50;
    position: fixed;
    display: none;
}

#inspection-progress.pos-top,#inspection-progress.pos-right,#inspection-progress.pos-bottom,#inspection-progress.pos-left {
    display: block
}

#inspection-progress.pos-top {
    top: 0;
    left: 0
}

#inspection-progress.pos-right {
    top: 0;
    right: 0;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%,50%);
    -moz-transform: rotate(90deg) translate(50%,50%);
    -o-transform: rotate(90deg) translate(50%,50%);
    -ms-transform: rotate(90deg) translate(50%,50%);
    transform: rotate(90deg) translate(50%,50%);
}

.ua-ie8 #inspection-progress.pos-right {
    display: none !important
}

#inspection-progress.pos-bottom {
    bottom: 0;
    left: 0
}

#inspection-progress.pos-left {
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(90deg) translate(50%,50%);
    -moz-transform: rotate(90deg) translate(50%,50%);
    -o-transform: rotate(90deg) translate(50%,50%);
    -ms-transform: rotate(90deg) translate(50%,50%);
    transform: rotate(90deg) translate(50%,50%)
}

#inspection-progress,#inspection-progress[role] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 100%;
    height: 5px
}

#inspection-progress[role]:after {
    background-image: none
}

#inspection-progress,#inspection-progress[aria-valuenow] {
    background: #CED8D3 !important;
}

.night-theme #inspection-progress,.night-theme #inspection-progress[aria-valuenow] {
    background: #454545 !important
}

#inspection-progress::-webkit-progress-bar {
    background: #CED8D3;
}

.night-theme #inspection-progress::-webkit-progress-bar {
    background: #454545
}

#inspection-progress {
    color: #5b5b85
}

#inspection-progress::-moz-progress-bar {
    background-color: #108D4E
}

#inspection-progress::-webkit-progress-value {
    background-color: #108D4E;
    -webkit-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

#inspection-progress[role],#inspection-progress[aria-valuenow]:before {
    background-color: #108D4E
}

.ua-ie8 #inspection-progress[aria-valuenow]:before,.ua-ie9 #inspection-progress[aria-valuenow]:before,.ua-ie10 #inspection-progress[aria-valuenow]:before {
    content: '';
    display: block;
    height: 100%
}

.sup-content {
    display: none
}

.page-portal {
    display: none;
    position: fixed;
    z-index: 990;
    top: auto;
    bottom: 15px;
    left: 15px;
    right: auto;
}
.inspection-view .layout-vertical .page-portal {
    top: 14px;
    bottom: auto;
    left: auto;
    right: 30px
}

.page-info {
    text-align: right;
    color: #9BA2A8;
    font-size: 12px;
}

.page-info span {
    display: inline-block;
    vertical-align: middle
}

.page-info .progress-num,.page-info .page-form-switch {
    margin-left: 10px
}

.page-info .slash {
    padding: 0 5px
}

.page-info .page-form-switch,.page-info .switch-arrow {
    display: inline-block
}

.page-info .page-form-switch {
    background: #637682;
    padding: 2px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    border-radius: 2px;
}
.page-subsequent {
    display: none;
    position: fixed;
    z-index: 900;
    bottom: 34px;
    left: 14px;
    color: #91918b;
    font-size: 12px;
}

.page-subsequent .subsequent-num {
    margin: 0 .3em
}

.inspection-view .layout-vertical .page-subsequent {
    top: 34px;
    bottom: auto;
    left: auto;
    right: 23px
}

.page-subsequent .when-last-page {
    display: none
}

.page-subsequent.active {
    display: block
}

.page-subsequent.is-last-page .when-last-page {
    display: inline
}

.page-subsequent.is-last-page .not-last-page {
    display: none
}

@media only screen and (max-width: 1024px) {
    .page-subsequent {
        display:none !important
    }
}

.page-portal .switch-arrow {
    border-width: 0 4px 4px;
    border-color: transparent transparent #E0EAEC;
    margin-top: -2px;
    vertical-align: middle;
    border-style: solid;
}
.inspection-view .layout-vertical .page-portal .switch-arrow {
    border-width: 4px 4px 0;
    border-color: #E0EAEC transparent transparent;
    margin-top: 0;
}

.ua-ie8 .inspection-view .layout-vertical .page-portal .switch-arrow {
    margin-top: -3px
}

.page-portal.on .switch-arrow {
    border-width: 4px 4px 0;
    border-color: #E0EAEC transparent transparent;
    margin-top: 0;
}

.layout-vertical .page-portal.on .switch-arrow {
    border-width: 0 4px 4px;
    border-color: transparent transparent #E0EAEC;
    margin-top: -2px
}

.page-jump {
    display: none;
    margin-top: 3px;
    width: 132px;
    height: 35px;
    line-height: 35px;
  background: rgba(144,155,166,0.7);
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 12px;
    position: absolute;
    top: -44px;
    border-radius: 3px;
}

.inspection-view .layout-vertical .page-jump {
    position: relative;
    top: auto
}

.page-jump .page-form {
    float: right;
    margin-top: -1px;
    padding-right: 8px
}

.page-jump .page-submit,.page-jump .page-input {
    border: none
}

.page-jump .page-input {
    color: #999;
    width: 24px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    padding: 2px 3px
}

.page-jump .page-submit {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    width: 34px;
    color: #def;
    height: 18px;
    background: #477DB3;
}

.ua-ie8 .page-jump .page-submit:active {
    -ms-background-position-x: 1px;
    -ms-background-position-y: 1px
}

.annotation-counter-layer {
    position: relative;
}

.annotation-counter-layer .annotation-counter {
    cursor: pointer;
    position: absolute;
    font-size: 12px;
    padding: 2px;
    width: 22px;
    color: #fff;
    text-align: center;
    background: #c8d0d1;
}

.annotation-counter-layer .annotation-counter:hover {
    background: #567994
}
.page-marking-container .marking,.selection-container .marking {
    position: absolute;
}

.page-marking-container .marking.underline,.selection-container .marking.underline {
    border-bottom: 2px solid #a0a0a0;
}

.ua-ie8 .page-marking-container .marking.underline,.ua-ie8 .selection-container .marking.underline,.ua-ie9 .page-marking-container .marking.underline,.ua-ie9 .selection-container .marking.underline,.ua-ie10 .page-marking-container .marking.underline,.ua-ie10 .selection-container .marking.underline {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.page-marking-container .marking.others-underline,.selection-container .marking.others-underline {
    z-index: 2
}

.page-marking-container .marking.favorite-underline,.selection-container .marking.favorite-underline,.page-marking-container .marking.others-underline,.selection-container .marking.others-underline,.page-marking-container .marking.following-underline,.selection-container .marking.following-underline,.page-marking-container .marking.hot-underline,.selection-container .marking.hot-underline {
    border-bottom-color: #6d8fa5
}

.page-marking-container .marking.note-underline,.selection-container .marking.note-underline {
    border-bottom-color: #0090d9;
}

.page-marking-container .marking.note-underline.favorite-underline,.selection-container .marking.note-underline.favorite-underline,.page-marking-container .marking.note-underline.others-underline,.selection-container .marking.note-underline.others-underline,.page-marking-container .marking.note-underline.following-underline,.selection-container .marking.note-underline.following-underline,.page-marking-container .marking.note-underline.hot-underline,.selection-container .marking.note-underline.hot-underline {
    border-bottom-color: #38bc9c
}

.page-marking-container .marking.selection,.selection-container .marking.selection {
    background: rgba(0,0,0,0.12);
}

.ua-ie8 .page-marking-container .marking.selection,.ua-ie8 .selection-container .marking.selection {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAFS3GZcAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8TEwQtIEvcAAAAAnRSTlMAIqPzjNwAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAXdEVYdENyZWF0aW9uIFRpbWUAMjAxMy41LjI05WNo3AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAKSURBVAiZY2gAAACCAIHLE7JhAAAAAElFTkSuQmCC") repeat
}

.page-marking-container .note-dot,.selection-container .note-dot {
    position: absolute;
    width: 14px;
    height: 14px;
    background: url('../images/icon-notemark.png') no-repeat;
    cursor: pointer;
    background-size:100% 100%;
}

.page-marking-container .note-dot.favorite-note,.selection-container .note-dot.favorite-note,.page-marking-container .note-dot.following-note,.selection-container .note-dot.following-note,.page-marking-container .note-dot.hot-note,.selection-container .note-dot.hot-note,.page-marking-container .note-dot.others-note,.selection-container .note-dot.others-note {
    background: url('../images/icon-notemark-others.png') no-repeat;background-size:100% 100%;
}

.markings-layer {
    position: relative;
}

.markings-layer .underline {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s
}

.markings-layer .others-underline {
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    -ms-transition: opacity 2s;
    transition: opacity 2s
}

.markings-layer.hide-all-lines .underline {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none
}

.markings-layer.hide-all-lines .underline.highlight {
    opacity: 1;
    filter: alpha(opacity=100)
}

.marker-layer .marking-em-dot {
    position: absolute;
    border-bottom: 3px dotted #333;
}
#orig-overlay {
    top: 0;
    left: 0;
    z-index: 798;
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
}

.ua-ie6 #orig-overlay {
    position: absolute;
    bottom: auto;

}

.ua-ie8 #orig-overlay,.ua-ie7 #orig-overlay,.ua-ie6 #orig-overlay {
    background: #2d2d2b
}

#orig-overlay.hide {
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow-y: hidden
}
.k-stick,.k-content {
    display: inline-block;
    vertical-align: middle
}

.k-stick {
    height: 100%;
    width: 1px;
    margin-right: -.31em;
    overflow: hidden
}

.ua-ie8 .k-stick {
    margin-right: -.43em
}

.k-content {
    max-width: 100%;
    margin: 20px auto;
    text-align: left;
    background: #fff;
    text-align: left
}
.dialog-hd {
    font-size: 16px;
    line-height: 16px;
    position: relative;
    color: #fff;
    background: #3498DB;
    padding: 12px 20px;
}

.dialog-hd .k-title {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 96%;
    font-weight: bold
}

.dialog-hd .k-close {
    position: absolute;
    top: 13px;
    right: 13px;
    color: #fff;
    background: none
}

.dialog-bd {
    padding: 20px;
    background: #fffff9
}

.k-text {
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    white-space: normal;
    /* margin-bottom: 10px */
}

.k-content {
    -webkit-box-shadow: 0 0 15px rgba(34, 34, 34, 0.6);
    box-shadow: 0 0 15px rgba(34, 34, 34, 0.6);
}

.k-buttons {
    text-align: right;
}

.k-buttons .btn {
    margin-left: 6px
}

.dialog-ft {
    color: #000;
    font-size: 12px;
    padding: 10px 20px;
    background: #e4e4de;
}

.dialog-ft .checkbox {
    cursor: pointer;
    line-height: 1.4;
    vertical-align: top;
    overflow: hidden;
}

.dialog-ft .checkbox input[type="checkbox"] {
    margin-right: 5px
}

.tooltip {
    z-index: 101
}
.bubble-content{
    word-break: break-all;
}

.btns-tip {
    position: absolute;
    background: #fff;
    display: none;
    border-radius: 4px;
    border: 1px solid #bbb;
    box-shadow: 0 -1px 8px rgba(55,55,55,0.1) inset,0 1px 8px rgba(0,0,0,0.1);
}

.btns-tip .action-list {
    padding: 0;
}

.btns-tip .action-list li {
  display: inline-block;
    border-right: 1px solid #ccc
}

.btns-tip .action-list li:last-child {
    border-right: none
}

.btns-tip .action-list button {
    background: transparent;
    border: none;
    color: #789;
    padding: 0 15px;
    line-height: 34px;
    margin: 0 0;
}

.btns-tip .action-list button.is-hover,.btns-tip .action-list button:hover {
    background-color: #00A1E6;
    color: #fff;
}

.btns-tip .action-list button.disabled {
    color: #999
}

.btns-tip .action-list button.disabled:hover {
    background-color: #4c4c48
}

.note-display-tip {
    width: 300px;
    padding: 10px 15px;
}

.note-display-tip .note-owner {
    /*margin-bottom: 10px;*/
    margin-top: 7px;
  float: left
}

.note-display-tip .note-owner .avatar {
    height: 15px;
    width: 15px;
    margin-right: 8px;
    border-radius: 50%;
}

.note-display-tip .note-owner .author {
    font-size: 12px;
    color: #777
}

.note-display-tip .note-owner .lnk-author {
    margin-right: 3px;
    color: #777;
    padding: 0 2px;
}

.note-display-tip .note-owner .author .lnk-author:hover {
    background: #2D97C4;
    color: #fff
}

.note-display-tip .note-owner .label-author {
    margin-left: -3px
}

.note-display-tip .note-content {
    font-size: 12px;
    line-height: 1.5;
    max-height: 150px;
    overflow-y: auto;
}

.note-display-tip .note-content a {
    color: #825d5b;
}

.note-display-tip .note-content a:hover {
    background: #825d5b;
    color: #fff
}

.note-display-tip .actions {
    color: #999;
}

.note-display-tip .actions a {
    color: #6d8fa5;
    margin: 0 3px;
}

.note-display-tip .actions a:first-child {
    margin-left: 0
}

.note-display-tip .actions a:hover {
    background: #6d8fa5;
    color: #fff
}

.note-display-tip .actions .tip-pagination .pagination-info {
    margin-right: 8px
}

.note-display-tip .actions .tip-pagination .prev,.note-display-tip .actions .tip-pagination .next {
    display: inline-block;
    height: 17px;
    width: 17px;
    vertical-align: -6px;
    text-indent: -9999px;
    background: url("data:image/gif;base64,R0lGODlhGgAdAJECANbW1aysrP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDJGMTYxMDFEQTVGMTFFMjhERTY5MUU1ODhGNzIwNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDJGMTYxMDJEQTVGMTFFMjhERTY5MUU1ODhGNzIwNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMkYxNjBGRkRBNUYxMUUyOERFNjkxRTU4OEY3MjA3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMkYxNjEwMERBNUYxMUUyOERFNjkxRTU4OEY3MjA3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAIALAAAAAAaAB0AAAI7lBWnq8nO4oGGSgntxWj72X1XJkaW9qHoWLbuC8fyTNf2jecR4PKM31sAX8AhjGeMIWlFmTH5gUIvwwIAOw==") no-repeat #e5e5e6;
}

.note-display-tip .actions .tip-pagination .prev.disabled,.note-display-tip .actions .tip-pagination .next.disabled {
    background-color: #eeeeed;
    cursor: default
}

.note-display-tip .actions .tip-pagination .prev {
    background-position: 5px 4px;
}

.note-display-tip .actions .tip-pagination .prev.disabled {
    background-position: 5px -16px
}

.note-display-tip .actions .tip-pagination .next {
    background-position: -15px 4px;
}

.note-display-tip .actions .tip-pagination .next.disabled {
    background-position: -15px -16px
}

#orig-overlay .tooltip {
    text-align: left
}
.bubble-form,.note-display-tip {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    z-index: 50;
    position: absolute;
    width: 380px;
    border: 1px solid #acacac;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #fdfdfd inset,0 1px 1px #dcdbd4;
    box-shadow: 0 1px 8px rgba(0,0,0,0.2);
}

.ua-ie8 .bubble-form,.ua-ie8 .note-display-tip,.ua-ie9 .bubble-form,.ua-ie9 .note-display-tip {
    cursor: default
}

.bubble-form .actions,.note-display-tip .actions {
    margin-top: 7px;
    overflow: hidden;
}

.bubble-form .actions .disabled,.note-display-tip .actions .disabled {
    color: #999
}

.bubble-form .form-actions,.note-display-tip .form-actions,.bubble-form .right-actions,.note-display-tip .right-actions {
    float: right
}

.bubble-form .form-actions button,.note-display-tip .form-actions button {
    margin-right: 0
}

.bubble-form .comment-action,.note-display-tip .comment-action,.bubble-form .note-visible-wrapper,.note-display-tip .note-visible-wrapper {
    float: left
}

.bubble-form .textarea-shell {
    width: 358px;
    height: 125px;
    border: 1px solid #acacac;
    padding: 10px;
    margin: 0 auto
}

.bubble-form label,.bubble-form input,.bubble-form button,.bubble-form select,.bubble-form textarea {
    font-size: 12px;
    font-family: inherit
}

.bubble-form textarea {
    width: 358px;
    height: 125px;
    border: none;
    color: #666
}

.bubble-form .btn-post {
    margin-left: 12px
}

.bubble-form .ln-cancel {
    vertical-align: middle
}

.bubble-form .share-form .btn-disabled {
    padding: 5px 14px
}

.bubble-form .note-form textarea,.bubble-form .share-form textarea {
    height: 125px;
    color: #666
}

.bubble-form .note-form .bd,.bubble-form .share-form .bd {
    margin-bottom: 0
}

.bubble-form .note-form .share-options,.bubble-form .share-form .share-options {
    position: static;
    padding: 0;
    margin-bottom: 9px;
    height: 21px;
    overflow: hidden;
}

.bubble-form .note-form .share-options .checkbox,.bubble-form .share-form .share-options .checkbox {
    margin-right: 10px
}

.bubble-form .note-form .share-options .weibo-setting,.bubble-form .share-form .share-options .weibo-setting {
    margin-right: 10px
}

.bubble-form .note-form .share-options .label,.bubble-form .share-form .share-options .label {
    margin-right: 5px
}

.reader-bubble .share-form .bd {
    margin-bottom: 3px
}

.reader-bubble .share-form:before {
    display: block;
    font-size: 13px;
    content: '分享本文';
    margin-bottom: 6px
}

.reader-bubble .share-form a {
    display: inline
}

.reader-bubble .share-form .label {
    margin-right: 5px
}

.reader-bubble .share-form .textarea-text {
    padding: 0;
    height: 80px
}

.reader-bubble .share-form .form-actions {
    text-align: right;
    margin-top: 12px
}

.reader-bubble .share-form .checkbox,.reader-bubble .share-form .textarea-text,.reader-bubble .share-form .share-options {
    font-size: 12px
}

.reader-bubble .share-form .ln-cancel {
    margin-right: 10px
}


.bubble-form,.note-display-tip {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    z-index: 50;
    position: absolute;
    width: 380px;
    border: 1px solid #acacac;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #fdfdfd inset,0 1px 1px #dcdbd4;
    box-shadow: 0 1px 8px rgba(0,0,0,0.2);
}

.ua-ie8 .bubble-form,.ua-ie8 .note-display-tip,.ua-ie9 .bubble-form,.ua-ie9 .note-display-tip {
    cursor: default
}

.bubble-form .actions,.note-display-tip .actions {
    margin-top: 7px;
    overflow: hidden;
    /*text-align: right;*/
    float: right;
}

.bubble-form .actions .disabled,.note-display-tip .actions .disabled {
    color: #999
}

.bubble-form .form-actions,.note-display-tip .form-actions,.bubble-form .right-actions,.note-display-tip .right-actions {
    float: right
}

.bubble-form .form-actions button,.note-display-tip .form-actions button {
    margin-right: 0
}

.bubble-form .comment-action,.note-display-tip .comment-action,.bubble-form .note-visible-wrapper,.note-display-tip .note-visible-wrapper {
    float: left
}

.bubble-form .textarea-shell {
    width: 358px;
    height: 125px;
    border: 1px solid #acacac;
    padding: 10px;
    margin: 0 auto
}

.bubble-form label,.bubble-form input,.bubble-form button,.bubble-form select,.bubble-form textarea {
    font-size: 12px;
    font-family: inherit
}

.bubble-form textarea {
    width: 358px;
    height: 125px;
    border: none;
    color: #666
}

.bubble-form .btn-post {
    margin-left: 12px
}

.bubble-form .ln-cancel {
    vertical-align: middle
}

.bubble-form .share-form .btn-disabled {
    padding: 5px 14px
}

.bubble-form .note-form textarea,.bubble-form .share-form textarea {
    height: 125px;
    color: #666
}

.bubble-form .note-form .bd,.bubble-form .share-form .bd {
    margin-bottom: 0
}

.bubble-form .note-form .share-options,.bubble-form .share-form .share-options {
    position: static;
    padding: 0;
    margin-bottom: 9px;
    height: 21px;
    overflow: hidden;
}

.bubble-form .note-form .share-options .checkbox,.bubble-form .share-form .share-options .checkbox {
    margin-right: 10px
}

.bubble-form .note-form .share-options .weibo-setting,.bubble-form .share-form .share-options .weibo-setting {
    margin-right: 10px
}

.bubble-form .note-form .share-options .label,.bubble-form .share-form .share-options .label {
    margin-right: 5px
}

.reader-bubble .share-form .bd {
    margin-bottom: 3px
}

.reader-bubble .share-form:before {
    display: block;
    font-size: 13px;
    content: '分享本文';
    margin-bottom: 6px
}

.reader-bubble .share-form a {
    display: inline
}

.reader-bubble .share-form .label {
    margin-right: 5px
}

.reader-bubble .share-form .textarea-text {
    padding: 0;
    height: 80px
}

.reader-bubble .share-form .form-actions {
    text-align: right;
    margin-top: 12px
}

.reader-bubble .share-form .checkbox,.reader-bubble .share-form .textarea-text,.reader-bubble .share-form .share-options {
    font-size: 12px
}

.reader-bubble .share-form .ln-cancel {
    margin-right: 10px
}

.stars-context,.stars-small-context {
    display: inline-block;
    vertical-align: -5px;
    overflow: hidden;
    width: 96px;
    height: 18px;
    margin-left: 4px;
    background: url("../images/rating-stars.png") no-repeat
}

.stars-,.stars-null,.stars-0 {
    background-position: 0 -110px
}

.stars-1 {
    background-position: 0 -88px
}

.stars-2 {
    background-position: 0 -66px
}

.stars-3 {
    background-position: 0 -44px
}

.stars-4 {
    background-position: 0 -22px
}

.stars-5 {
    background-position: 0 0
}

.stars-small-context {
    width: 75px;
    margin-left: 5px;
    background-image: url("../images/rating-stars-small.png");
}

.stars-small-0 {
    background-position: 0 -99px
}

.stars-small-1 {
    background-position: 0 -79px
}

.stars-small-2 {
    background-position: 0 -59px
}

.stars-small-3 {
    background-position: 0 -38px
}

.stars-small-4 {
    background-position: 0 -18px
}

.stars-small-5 {
    background-position: 0 1px
}

.rating-status {
    margin-top: 30px;
}

.rating-status .rating-stars {
    vertical-align: middle
}

.rating-status .rating-num {
    display: inline-block;
    color: #825d5b;
    font-size: 14px;
    vertical-align: top;
    padding-left: 5px
}

.rating-stat {
    margin-top: 20px;
}

.rating-stat .item {
    margin-bottom: 5px;
    color: #111;
    font-size: 0;
}

.rating-stat .item .rank-name,.rating-stat .item .bar,.rating-stat .item .rank-rate,.rating-stat .item .rating-stars {
    vertical-align: middle
}

.rating-stat .item .rating-stars {
    margin-top: 1px
}

.rating-stat .item .rank-name {
    color: #666;
    font-size: 12px
}

.rating-stat .item .bar {
    margin: 0 8px 0 2px
}

.rating-stat .item .rank-rate {
    color: #111;
    font-size: 12px
}

.bar-chart .bar {
    display: inline-block;
    background-color: #825d5b;
    height: 15px
}

.star-region {
    float: left;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.stars-context .star-region {
    width: 19px;
    height: 18px;
}

.stars-small-context .star-region {
    width: 13px;
    height: 13px;
    margin-right: 2px;
    -moz-appearance: none;
    appearance: none;
}

.rating .label {
    margin-right: 5px
}

.rating-form fieldset {
    width: 100%
}

.rating-form .field-group {
    margin-bottom: 0
}

.rating-form .field-comment {
    margin: 10px 0 0
}

.rating-form .comment-text {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    margin-top: 13px
}

.rating-form .my-rating {
    margin-right: 3px
}

.rating-form .rating {
    display: inline-block;
    margin-right: 5px
}

.rating-form .rating-comment {
    padding: 0;
    color: #666;
    font-size: 12px
}

.rating-form .star-region {
    float: left;
    width: 19px;
    height: 18px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.rating-form .form-actions {
    position: relative;
    text-align: right;
    padding: 0 !important;
    margin-top: 5px;
}

.rating-form .form-actions button {
    margin: 0 0 0 12px
}

.rating-form .share-options {
    text-align: left;
}

.rating-form .share-options a {
    display: inline
}

.rating-form .share-options label {
    font-size: 12px
}

.rating-form .share-options .checkbox {
    margin-top: 0
}

.rating-form .form-btns {
    margin-top: 5px
}

.rating-form .btn-cancel {
    color: #999;
    margin-right: 15px;
}

.rating-form .btn-cancel:hover {
    color: #333;
    background: none
}

.rating-form .validation-error {
    position: absolute;
    left: 0;
    bottom: 3px;
    color: #d97776
}

.rating-form .link-edit {
    position: absolute;
    top: 16px;
    left: 170px;
    line-height: 1.2
}

.rating-form .comment-text {
    color: #898989
}


.shortcut-tips {
    display: none;
    top: 142px;
    position: fixed;
    color: #fff;
    margin: 0 0 0 -667px;
    width: 617px;
    background: #888;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.shortcut-tips .hd {
    height: 43px;
    border-bottom: 1px solid #aaa
}

.shortcut-tips .section-annotation,.shortcut-tips .section-shortcut {
    padding: 13px;
    float: left;
}

.ua-ie8 .shortcut-tips .section-annotation img,.ua-ie8 .shortcut-tips .section-shortcut img {
    max-width: none
}

.shortcut-tips .section-annotation h3,.shortcut-tips .section-shortcut h3 {
    font-size: 17px;
    margin: 5px 0
}

.shortcut-tips .section-annotation .section-bd,.shortcut-tips .section-shortcut .section-bd {
    margin-top: 15px
}

.shortcut-tips .section-shortcut {
    border-left: 1px solid #aaa;
}

.shortcut-tips .section-shortcut .section-bd {
    margin-top: 12px;
}

.ua-ie8 .shortcut-tips .section-shortcut .section-bd {
    height: 145px;
    overflow: hidden
}

.shortcut-tips .section-shortcut .item {
    position: relative;
    padding-bottom: 29px;
    padding-right: 8px;
    line-height: 28px;
    vertical-align: middle;
    font-size: 13px
}

.shortcut-tips .section-shortcut .item:last-child {
    padding-bottom: 0
}

.shortcut-tips .key-fn {
    margin-left: 5px
}

.shortcut-tips .bn-flat {
    position: absolute;
    top: 9px;
    right: 13px
}
.key-fullscreen,.key-turn-page,.key-scroll-row {
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    background: url("../images/icon-keyboard.png") no-repeat
}

.key-fullscreen {
    width: 26px;
}

.ua-mac .key-fullscreen {
    width: 142px;
    background-position: 0 -27px
}

.key-turn-page {
    width: 51px;
    background-position: 0 -56px
}

.key-scroll-row {
    width: 51px;
    background-position: 0 -84px
}

.bn-flat{
    font-size: 14px;
    color: #fff;
    padding: 4px 10px;
    background: #1abc9c;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.bn-flat:hover {
    background: #2fe2bf
}
.title-page-wrapper {
    margin-top: 6em;
    line-height: 1.62;
}

.title-page-wrapper h1 {
    font-size: 30px;
    font-weight: normal;
    color: #99B0C0;
}

.title-page-wrapper h2 {
    font-size: 20px;
    font-weight: normal;
    color: #738A99;
    border-bottom: 1px  solid #99B0C0;
    padding-bottom: 8px;
}

.title-page-wrapper .info-list {
    font-size: 16px;
    color: #738A99;
    margin: 3em 0
}

.title-page-wrapper .copyright {
    font-size: 16px;
    color: #738A99;
    border-top: 1px  solid #99B0C0;
    padding-top: 8px;
}
.fake-article.build-line-info-container {
    width: 34em;
    padding: 5em 4.7em 2.5em
}

.build-line-info-container {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}
.tips-outer {
    position: absolute;
    z-index: 100;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 5px 5px 3px;
    max-width: 300px;
    background: #5c5c5c;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.tips-outer b {
    position: absolute;
    bottom: -.625em;
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 5px;
    border-style: solid dashed dashed;
    border-color: #5c5c5c transparent transparent
}
.footnote-tips {
    display: inline-block;
    font-size: 12px;
    color: #333;
    border: 1px solid #acacac;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #fdfdfd inset,0 1px 1px #dcdbd4;
    box-shadow: 0 1px 8px rgba(0,0,0,0.2);
}

.footnote-tips.arrow-top {
    position: relative;
    position: absolute
}

.footnote-tips.arrow-top:after,.footnote-tips.arrow-top:before {
    bottom: 100%;
}

.footnote-tips.arrow-top:after {
    border-bottom-color: #f7f8f9;
    border-width: 7px 7px;
    left: 50%;
    margin-left: -7px
}

.footnote-tips.arrow-top:before {
    border-bottom-color: #acacac;
    border-width: 8px 8px;
    left: 50%;
    margin-left: -8px
}

.footnote-tips.arrow-bottom,.footnote-tips.arrow-middle {
    position: relative;
    position: absolute
}

.footnote-tips.arrow-bottom:after,.footnote-tips.arrow-middle:after,.footnote-tips.arrow-bottom:before,.footnote-tips.arrow-middle:before {
    top: 100%;
}

.footnote-tips.arrow-bottom:after,.footnote-tips.arrow-middle:after {
    border-top-color: #f7f8f9;
    border-width: 7px 7px;
    left: 50%;
    margin-left: -7px
}

.footnote-tips.arrow-bottom:before,.footnote-tips.arrow-middle:before {
    border-top-color: #acacac;
    border-width: 8px 8px;
    left: 50%;
    margin-left: -8px
}

.footnote-tips.arrow-left:after,.footnote-tips.arrow-left:before {
    left: 10%
}

.footnote-tips.arrow-right:after,.footnote-tips.arrow-right:before {
    left: 90%
}

.footnote-tips .footnote {
    user-select: text;
    cursor: text;
    display: block;
    line-height: 1.5;
    max-height: 150px;
    overflow-y: auto;
    padding: 4px 8px;
}

.ua-ie8 .footnote-tips .footnote,.ua-ie9 .footnote-tips .footnote {
    cursor: default
}

.footnote-tips .footnote a {
    color: #825d5b;
}

.footnote-tips .footnote a:hover {
    background: #825d5b;
    color: #fff
}

.reader-bubble {
    position: fixed;
    z-index: 999;
    color: #666;
    padding: 12px;
    border: 1px solid #acacac;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #fdfdfd inset,0 1px 1px #dcdbd4;
    box-shadow: 0 1px 8px rgba(0,0,0,0.2);
}

.reader-bubble a:hover {
    color: #333
}

.reader-bubble .bubble-close {
    color: #bbb;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 21px;
    cursor: pointer;
}

.reader-bubble .bubble-close:hover {
    color: #333
}

.reader-bubble .bubble-content {
    font-size: 12px;
    word-wrap: break-word;
    -ms-word-wrap: break-word
}

.reader-bubble:after,.reader-bubble:before {
    right: 100%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.reader-bubble:after {
    border-right-color: #f7f8f9;
    border-width: 7px;
    top: 50%;
    margin-top: -7px
}

.reader-bubble:before {
    border-right-color: #acacac;
    border-width: 8px;
    top: 50%;
    margin-top: -8px
}

.sharing-shell,.textarea-shell {
    padding: 10px;
    background: #fff;
    border: 1px solid #c2c2c2
}

.textarea-shell textarea {
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.tiny-bubble {
    /*background: #888;*/
    border-radius: 3px;
    z-index: 999;
    position: relative;
    position: fixed
}

.tiny-bubble:after,.tiny-bubble:before {
    right: 100%;
}

.tiny-bubble:after {
    border-right-color: #3B464D;
    border-width: 5px 5px;
    top: 16px;
    margin-top: -5px
}

.tiny-bubble:before {
    border-right-color: #3B464D;
    border-width: 5px 5px;
    top: 16px;
    margin-top: -5px
}
.search-dialog {
    z-index: 999;
    background: #3B464D;
    color: #eee;
    /*border: 1px solid;
    border-color: #acacac;*/
    position: relative;
    padding: 10px;
    position: fixed;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search-dialog:after,.search-dialog:before {
    right: 100%;
}

.search-dialog:after {
    border-right-color: #3B464D;
    border-width: 5px 5px;
    top: 18px;
    margin-top: -5px
}

.search-dialog:before {
    border-right-color: #3B464D;
    border-width: 6px 6px;
    top: 18px;
    margin-top: -6px
}

.search-dialog .dialog-title {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 10px
}

.search-dialog .bubble-close {
    color: #bbb;
    font-weight: normal;
    position: absolute;
    top: 4px;
    right: 12px;
    font-size: 21px;
    cursor: pointer
}
/* webkit内核浏览器，滚动条外观定义
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-thumb （拖动条？滑块？滚动条里面可以拖动的那个，肿么翻译好呢？）
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
*/
.search-dialog ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 2px;
}

.search-dialog ::-webkit-scrollbar-track {
  -webkit-border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3px;
  height: 3px;
}
.search-dialog ::-webkit-scrollbar-track-piece{
  -webkit-border-radius: 2px;
  background-color: rgba(75, 104, 123, 1);
  width: 3px;
  height: 3px;
}
.search-dialog ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 12px;
  background-color: rgba(100, 133, 155, 1);
}
.search-dialog ::-webkit-scrollbar-thumb:hover,
.search-dialog ::-webkit-scrollbar-thumb:active
 {
  background-color: rgba(125, 160, 180, 1);
}

.search-dialog ::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.search-dialog ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.search-dialog ::-webkit-resizer{
  background-color: transparent;
}

.search-box {
    width: 250px;
    font-size: 13px;
}

.search-box .search-form input,.search-box .search-form button {
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    background-color: transparent
}

.search-box .search-form input {
    width: 222px;
    height: 26px
}

.search-box .search-form button {
    width: 26px;
    height: 26px;
    /*background: url('../images/reader/icon-search-light.png') no-repeat;*/
    background-position: center
}

.search-box .results {
    border: 1px solid #536068;
    overflow-y: auto;
    margin-top: -1px;
    max-height: 260px\9;
    max-height: calc(100vh - 350px)
}

.search-box .pagenum-result,.search-box .search-result {
    display: none
}

.search-box .results-title,.search-box li {
    padding: 5px 8px
}

.search-box .result-item {
    cursor: pointer;
}

.search-box .result-item:hover {
    background: #3D5767
}

.search-box .results-title {
    margin-top: 4px;
    font-weight: bold
}

.search-box .search-results-count {
    margin-left: .3em;
}

.search-box .search-results-count:after {
    content: '个';
    margin-left: .3em
}

.search-box .search-result .result-title,.search-box .search-result .page-num {
    color: #999
}

.search-box .search-result .result-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    _width: 100%;
    margin-top: 3px
}

.search-box .search-result .page-num {
    float: right;
    margin-left: .3em;
    margin-top: 4px
}

.search-box .search-result mark {
    background: #ffe47a
}

.search-box .search-result li + li {
    border-top: 1px solid #495C68
}

.search-box .empty-msg {
    display: none;
    color: #999;
    text-align: center;
    padding: 13px 0 10px
}

.search-box.search-done .empty-msg {
    display: block
}

.search-box .search-form {
  border: 1px solid #cde;
    background-color: #D9E7F4;
}

.search-box.has-pagenum-result .pagenum-result {
    display: block
}

.search-box.has-pagenum-result .empty-msg {
    display: none
}

.search-box.has-search-result .search-result {
    display: block;
    background-color: #36444D;
}

.search-box.has-search-result .empty-msg {
    display: none
}

.auto-linked .link-has-invisible:after {
    content: '...'
}

.auto-linked .invisible-link {
    font-size: 0
}
.toc,.chapters-toc {
    display: none;
    padding: 2.5em 4.7em;
}

.toc h2,.chapters-toc h2 {
    text-align: center;
    margin-bottom: 1em;
    color: #888;
    font-size: 22px;
}

.toc .title,.chapters-toc .title {
    margin: 0 1.56em
}

.toc .bd,.chapters-toc .bd {
    height: auto;
}

.toc .bd li,.chapters-toc .bd li {
    margin: 0;
    /*border-top: 1px solid #dfe9ea;*/
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    cursor: default;
}

.toc .bd li:after,.chapters-toc .bd li:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

.toc .bd .text {
    font-size: .94em;
    color: #666;
    background-color: #F3F6F9;
    padding-right: 5px;
    position: relative;
    z-index: 2;
}
.toc .bd .num ,.toc .bd .need-buy-text {
    float: right;
    padding-left: 5px;
    position: relative;
    z-index: 2;

}
.toc .bd .num {
    margin-top: 0.4em;
    font-size: .80em;
    color: #777;
    background-color: #F3F6F9;
}

.toc .bd .need-buy-text {
    font-size: 12px;
    margin-top: 0.2em;
    background-color: #F3F6F9;
}
.toc .bd .need-buy-line{
    border-bottom: 2px dotted #bbb;
    height: 0;
    position: relative;
    top: -0.6em;
}
.toc .bd li {
    /* padding-right: 5px; */
    /*height: 2.375em;
    line-height: 2.375em;*/
    /*height: 1.1em;*/
    margin-bottom: 1.275em;
}

.toc .bd .need-buy .text,.toc .bd .need-buy .text:hover,.toc .bd .need-buy .need-buy-text {
    color: #bbb
}

.toc .bd li.is-current  .need-buy-line {
    border-color: #3498DB;
}

.toc .is-current .text,.toc .is-current .num {
    color: #3498DB
}

.toc .level-0 .text {
    font-size: 1em;
    font-weight: bold
}

.toc .level-1 {
    padding-left: 2em;
}

.toc .level-1 .text {
    font-size: .875em;
    font-weight: bold
}

.toc .level-2 {
    padding-left: 4em;
}

.toc .level-2 .text {
    font-size: .875em
}
.chapters-toc li {
    position: relative;
    height: auto
}

.chapters-toc .purchase-section {
    position: absolute;
    top: 1em;
    right: .5em
}

.chapter-toc-item {
    display: block;
    position: relative;
    padding: 10px 0;
    line-height: 1.4em;
}

.chapter-toc-item .chapter-title {
    width: 470px;
    font-size: 16px;
    color: #333
}

.chapter-toc-item .unread {
    font-weight: bold
}

.chapter-toc-item .chapter-meta {
    font-size: 12px
}

.chapter-toc-item .item-bd {
    margin-top: 5px;
    font-size: 12px
}

.chapter-toc-item .action-right {
    position: absolute;
    right: 0;
    top: 0
}

.chapter-toc-item .current-dot {
    display: none;
    margin: 12px 4px 0 0;
    width: 16px;
    height: 16px;
    background-image: url("../images/reader/icon-pin-gray.png");
    background-repeat: no-repeat;
    background-position: top left;
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution: 1.3dppx) {
    .chapter-toc-item .current-dot {
        background-image:url("../images/reader/icon-pin-gray@2x.png");
        background-size: 16px 16px
    }
}

.chapter-toc-item .btn-purchase {
    margin-top: 9px
}

.chapter-toc-item .icon-new {
    top: 2px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background-image: url("../images/icon-new.png");
    background-repeat: no-repeat;
    background-position: top left;
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution: 1.3dppx) {
    .chapter-toc-item .icon-new {
        background-image:url("../images/icon-new@2x.png");
        background-size: 14px 14px
    }
}

.chapter-toc-item.is-current .current-dot {
    display: block
}

.chapter-overlay .chapter-prev:after,.chapter-overlay .chapter-prev:before,.chapter-overlay .chapter-next:after,.chapter-overlay .chapter-next:before {
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255,255,255,0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.chapter-overlay .chapter-next-wrapper,.chapter-overlay .chapter-prev-wrapper {
    overflow: hidden;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.first-chapter .chapter-overlay .chapter-prev-wrapper {
    opacity: 0;
    filter: alpha(opacity=0);
}

.first-chapter .chapter-overlay .chapter-prev-wrapper .chapter-prev {
    margin-top: -85px
}

.last-chapter .chapter-overlay .chapter-next-wrapper {
    opacity: 0;
    filter: alpha(opacity=0);
}

.last-chapter .chapter-overlay .chapter-next-wrapper .chapter-next {
    margin-bottom: -85px
}

.chapter-overlay {
    display: none;
    width: 100%
}

.is-chapter.layout-vertical .chapter-overlay {
    display: block
}

.chapter-overlay .chapter-switchers {
    position: fixed;
    top: 115px;
    margin-left: 44em;
    text-align: center;
    z-index: 20;
    width: 1.56em
}

.chapter-overlay .chapter-prev,.chapter-overlay .chapter-next {
    display: block;
    font-size: 12px;
    line-height: 1.3;
    padding: 8px 5px;
    background: #3498DB;
    color: #eeede5;
    margin-bottom: 2px
}

.chapter-overlay .chapter-prev {
    padding-top: 23px;
    padding-bottom: 15px;
    position: relative;
}

.chapter-overlay .chapter-prev:after,.chapter-overlay .chapter-prev:before {
    bottom: 100%;
}

.chapter-overlay .chapter-prev:after {
    border-bottom-color: #E0EAEC;
    border-width: 5px 5px;
    left: 50%;
    margin-left: -5px
}

.chapter-overlay .chapter-prev:before {
    border-bottom-color: transparent;
    border-width: 5px 5px;
    left: 50%;
    margin-left: -5px
}

.chapter-overlay .chapter-prev:after {
    margin-bottom: -13px;
    left: 12px
}

.chapter-overlay .chapter-next {
    padding-top: 15px;
    padding-bottom: 23px;
    position: relative;
}

.chapter-overlay .chapter-next:after,.chapter-overlay .chapter-next:before {
    top: 100%;
}

.chapter-overlay .chapter-next:after {
    border-top-color: #E0EAEC;
    border-width: 5px 5px;
    left: 50%;
    margin-left: -5px
}

.chapter-overlay .chapter-next:before {
    border-top-color: transparent;
    border-width: 5px 5px;
    left: 50%;
    margin-left: -5px
}

.chapter-overlay .chapter-next:after {
    margin-top: -16px;
    left: 12px
}

.annotations .note:after,.annotations .note:before,.chapter-overlay .chapter-prev:after,.chapter-overlay .chapter-prev:before,.chapter-overlay .chapter-next:after,.chapter-overlay .chapter-next:before {
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255,255,255,0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.annotations {
    display: none;
    width: 43.375em;
    padding: 2.5em 0;
    color: #888;
    user-select: none;
    cursor: default;
}
.annotations .paging-nav {
    margin: 0 3.7em;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
}
.annotations .paging-nav .page-nums{
    display: inline-block;
    margin: 0 .5em;
}
.annotations .paging-nav .page-nums a{
    display: inline-block;
    padding: 0 .4em;
}
.annotations .paging-nav .page-nums a.active{
    color: #428bca;
}

.ua-ie8 .annotations,.ua-ie9 .annotations {
    cursor: default
}

.annotations .note {
    user-select: text;
    cursor: text;
}

.ua-ie8 .annotations .note,.ua-ie9 .annotations .note {
    cursor: default
}

.annotations h2 {
    font-size: 28px;
   /*  font-weight: bold; */
    color: #888;
}

.annotations .panel-head,.annotations .text-box {
    padding: 0 3.7em
}

.annotations .panel-head {
    margin-top: 4px
}

.annotations .text-box {
    text-align: center;
    margin-top: 200px;
    line-height: 1.6em
}

.annotations .head-nav {
    margin-top: -30px;
    font-size: 12px;
    float: right
}

.annotations .annotation-tabs .divider {
    height: 40px;
    border-left: 1px solid #E0EAEC;
    margin: 0 4px;
    font-size: 21px;
    vertical-align: middle
}

.annotations .filter-tabs {
    display: inline-block;
}

.ua-ie8 .annotations .filter-tabs {
    zoom:1;display: inline
}

.annotations .filter-tabs li {
    display: inline;
    margin-right: 4px;
}

.annotations .filter-tabs li:last-child {
    margin-right: 0
}

.annotations .filter-tabs li a {
    padding: 4px 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #428bca;
}

.annotations .filter-tabs li a:hover,.annotations .filter-tabs li a.actived {
    color: #fff;
    background: #00ADE6
}

.annotations .annotations-list,.annotations .paging-nav {
    display: block
}

.annotations .text-box {
    display: none
}

.annotations.show-text-box .annotations-list,.annotations.show-text-box .paging-nav {
    display: none
}

.annotations.show-text-box .text-box {
    display: block
}

.annotations .sort-switch {
    display: inline-block;
    /*width: 93px;*/
    margin-left: 5px;
    color: #6F4B4A;
    cursor: pointer
}

.annotations .sort-icon {
    display: inline-block;
    height: 12px;
    width: 11px;
    margin-right: 2px;
    vertical-align: middle;
    background: url('../images/order-icon.png') no-repeat;
    background: none, url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTEgMTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExIDEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM2RjRCNEEiIHBvaW50cz0iNSwzIDIuNSwwIDAsMyAyLDMgMiwxMCAzLDEwIDMsMyAiLz4NCjxwb2x5Z29uIGZpbGw9IiM2RjRCNEEiIHBvaW50cz0iNiw3IDguNSwxMCAxMSw3IDksNyA5LDAgOCwwIDgsNyAiLz4NCjwvc3ZnPg0K") no-repeat
}

.annotations .unfold-icon {
    float: right;
    margin-top: 1px;
    text-align: center;
    height: 14px;
    width: 14px;
    background: #b2b4b4;
}

.annotations .unfold-icon:after {
    content: ' ';
  border-width: 5px 4px 0;
    border-style: solid;
    border-color: #F3F6F9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    display: inline-block;
    vertical-align: 2px;
}

.annotations .sort-tabs.opened {
    display: block
}

.annotations .sort-tabs a {
    padding: 4px 8px;
    border-radius: 2px;
    color: #428bca;
}

.annotations .sort-tabs a:hover,
.annotations .sort-tabs a.actived {
    /*background: #a5a5a5*/
    color: #fff;
    background: #00ADE6;
}

.annotations .sort-tabs li {
    /*border-bottom: 1px solid #aaa;*/
    display: inline;
    margin-right: 4px;
}

.annotations .sort-tabs li:last-child {
    border: none
}

.annotations .annotations-list {
    margin-top: 35px
}

.annotations .annotations-item {
    margin-bottom: 15px;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    position: relative;
    color: #333
}

.annotations .note-editing .note {
    margin-bottom: 20px
}

.annotations .note-editing .actions {
    display: none
}

.annotations .progress {
    position: absolute;
    top: 0;
    right: 3.7em;
    height: 16px;
}

.annotations .progress .percentum {
    line-height: 1;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    color: #aaa
}

.annotations .favorite-annotation .progress:before {
    background-color: #6d8fa5
}

.annotations .quote {
    margin: 0 1.5em;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 1.8;
}

.annotations .quote:before,.annotations .quote:after {
    display: block;
    width: 20px;
    position: absolute;
    font-family: FontAwesome;
    color: #bcd;
}

.annotations .quote:before {
    content: "\f10d";
    left: -20px;
    top: -0
}

.annotations .quote:after {
    content: "\f10e";
    right: -24px;
    bottom: 0
}

.annotations .note {
    margin-top: 8px;
    padding: .8em;
    background: #ebedef;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    border: 1px solid #e4e6e8;
    border-radius: 4px;
}

.annotations .note:after,.annotations .note:before {
    bottom: 100%;
}

.annotations .note:after {
    border-bottom-color: #ebedef;
    border-width: 6px 6px;
    left: 5%;
    margin-left: -5px;
}

.annotations .note:before {
    border-bottom-color: #ccc;
    border-width: 7px 7px;
    left: 5%;
    margin-left: -6px;
}

.annotations .note .add-note-btn {
    color: #428bca;
    margin-left: 10px
}

.annotations .note .inline-form {
    position: relative
}

.annotations .note a {
    color: #825d5b;
}

.annotations .note a:hover {
    background: #825d5b;
    color: #fff
}

.annotations .form-footer {
    overflow: hidden;
    position: relative
}

.annotations .private-setting .checkbox {
    position: absolute;
    top: 8px
}

.annotations .actions {
    margin: 10px 0 25px;
    font-size: 12px
}

.annotations .private-info {
    color: #999
}

.annotations .edit-actions {
    color: #aaa;
    float: right;
}

.annotations .edit-actions a:hover {
    background: #2D97C4;
    color: #fff
}

.annotations .edit-actions .jump-annotation,
.annotations .edit-actions .delete-annotation,
.annotations .edit-actions .modify-annotation {
    color: #428bca;
    margin-right: 5px
}

.annotations .edit-actions .jump-annotation:hover,
.annotations .edit-actions .delete-annotation:hover,
.annotations .edit-actions .modify-annotation:hover {
    background: #2D97C4;
    color: #fff
}

.annotations .owner .avatar {
    height: 18px;
    width: 18px;
    vertical-align: top;
}

.annotations .owner .author {
    margin-left: 8px;
    font-size: 12px;
    color: #999
}

.annotations .comment-annotation.opened {
    color: #999
}

.annotations .middle-dot:after {
    content: '\00b7';
    width: 12px;
    display: inline-block;
    text-align: center
}

.annotations .common-actions {
    /*float: right;*/
    word-spacing: -.26em;
    white-space: nowrap;
}

.annotations .common-actions a,.annotations .common-actions span,.annotations .common-actions i {
    display: inline-block
}

.annotations .common-actions .favorite-num {
    color: #aaa;
    word-spacing: normal
}

.annotations .common-actions a {
    color: #428bca;
}
.annotations .common-actions .author a {
  margin-right:5px; padding: 0 2px;
}
.annotations .common-actions a:hover {
    background: #2D97C4;
    color: #fff
}

.annotations .annotation-content {
    margin: 0 3.7em;
    border-bottom: 1px solid #ddd
}

.annotations .text {
    width: 95%;
    height: 15px;
    line-height: 1.5;
    padding: 5px 10px;
    overflow: hidden;
    resize: none
}

.annotations .form-actions {
    margin-top: 10px;
    float: right
}

.annotations .post {
    margin-right: 5px
}

.annotations .cancel {
    font-size: 12px;
    margin-right: 18px
}

.annotation-comments-panel {
    margin-top: -5px;
    margin-bottom: 10px;
}

.annotation-comments-panel .comment-form,.annotation-comments-panel .comment-item {
    padding: .8em;
    background: #E0EAEC;
    font-size: 12px
}

.annotation-comments-panel .comment-item {
    margin-bottom: 1px
}

.annotation-comments-panel .author {
    color: #428bca;
    margin-right: 8px
}

.annotation-comments-panel .timestamp {
    color: #aaa
}

.annotation-comments-panel .comment-actions {
    float: right
}

.annotation-comments-panel .comment-content {
    color: #666;
    margin: 8px 0 2px
}

.annotation-comments-panel .comment-input {
    font-size: 12px;
    width: 400px;
    height: 14px;
    margin-right: 5px
}

.annotation-comments-panel .btn-post {
    -webkit-border-radius: 0;
    border-radius: 0
}

p.custom {
    height: 12em;
    padding-top: 1em;
    text-indent: 0
}

#orig-reader{
  padding-top: 1em;
  position: relative;
}
#orig-reader .custom .sample-text {
    overflow: hidden;
    margin-bottom: 1.5em
}

#orig-reader .custom .purchase-guide {
    margin: 1em 0 0;
    padding: 2em 0;
    background-color: #e4e9ec;
}

#orig-reader .custom .purchase-guide .link-more {
    color: #3498DB
}

.purchase-guide .item {
    text-indent: 0;
    text-align: center;
    padding: 0 .5em;
    margin-bottom: 1.5em;
    font-size: 14px;
}

.purchase-guide .item:last-child {
    margin: 0
}

.purchase-guide .btn-large,.purchase-guide .btn-large:hover {
    font-size: 1em;
    padding: .625em 1.25em;
    text-indent: 0
}

.purchase-guide .price{
  color: #fff54f;
}
.purchase-guide .link-more {
    font-size: .875em
}

.custom .sample-end {
  position: relative;
  padding: 1.5em;
  margin-bottom: .5em;
  background-color: #e4e9ec;
}

.custom .sample-end:before {
  display: block;
  font-size: 1.3em;
  content: '试读结束';
  text-align: center;
}

.custom .rating {
    line-height: 1;
    width: 120px
}

.custom .rating-form {
    position: relative;
    padding: 1.5em;
    margin-bottom: .5em;
    background-color: #e4e9ec;
}

.custom .rating-form:before {
    display: block;
    font-size: 1.3em;
    content: '全文结束';
    text-align: center;
}

.custom .rating-form .my-rating {
    color: #666;
    font-size: 1em;
    margin-right: 10px
}

.custom .rating-form .btn-cancel,.custom .rating-form .comment-text {
    display: none
}

.custom .rating-form .link-edit {
    font-size: 13px;
    top: auto;
    bottom: 10px;
    left: auto;
    right: 1rem
}

.custom .rating-form .form-actions button {
    font-size: 13px
}

.custom .rating-form .field-comment {
    margin-bottom: 0
}

.custom .rating-form .rating-comment {
    height: 111px
}

.custom .rating-form .stars-context {
    position: relative;
    background: none;
    width: 135px;
    height: 18px;
    line-height: 1;
    vertical-align: -2px;
}

.ua-ie8 .custom .rating-form .stars-context {
    vertical-align: -3px
}

.custom .rating-form .stars-context:before {
    position: absolute;
    z-index: 10;
    left: 0;
    color: #aaa;
    font-size: 1.2em;
    content: '☆☆☆☆☆';
    letter-spacing: 3px
}

.custom .rating-form .star-region {
    position: relative;
    z-index: 20;
    width: 19px;
    height: 18px;
    margin: 0
}

.ua-ie8 .custom .rating-form .star-region {
    width: 19px
}

.custom .rating-form .field-group {
    margin-bottom: 0;
    text-align: center
}

.custom .rating-form .sharing-options-wrapper {
    float: left;
    font-size: 12px
}

.custom .rating-form .validation-error {
    font-size: 12px;
    bottom: -6px
}

.custom .rating-form .stars-1:before {
    color: #3498DB;
    content: '★☆☆☆☆'
}

.custom .rating-form .stars-2:before {
    color: #3498DB;
    content: '★★☆☆☆'
}

.custom .rating-form .stars-3:before {
    color: #3498DB;
    content: '★★★☆☆'
}

.custom .rating-form .stars-4:before {
    color: #3498DB;
    content: '★★★★☆'
}

.custom .rating-form .stars-5:before {
    color: #3498DB;
    content: '★★★★★'
}

.custom .reviews-link {
    text-align: center;
    margin-bottom: .5em;
    overflow: hidden;
}

.custom .reviews-link a {
    font-size: 13px;
    color: #3498DB;
}

.custom .reviews-link a:before {
    content: '> 查看 '
}

.custom .reviews-link a:after {
    content: ' 条评论'
}

.is-chapter .custom .reviews-link {
    padding: 8px 0
}

.share-buttons a {
    text-indent: -999px;
    overflow: hidden;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important
}

.share-buttons a:hover {
    background-color: transparent
}

.share-buttons.icon-normal a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-image: url("../images/sharebuttons/icons-share.png");
    background-repeat: no-repeat;
    background-position: top left;
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution: 1.3dppx) {
    .share-buttons.icon-normal a {
        background-image:url("../images/sharebuttons/icons-share@2x.png");
        -webkit-background-size: 133px 40px;
        -moz-background-size: 133px 40px;
        background-size: 133px 40px
    }
}

.share-buttons.icon-normal a:hover {
    background-position: 0 -20px
}

.share-buttons.icon-normal .rec-weibo {
    background-position: -23px 0;
}

.share-buttons.icon-normal .rec-weibo:hover {
    background-position: -23px -20px
}

.share-buttons.icon-normal .rec-wechat {
    background-position: -46px 0;
}

.share-buttons.icon-normal .rec-wechat:hover {
    background-position: -46px -20px
}

.share-buttons.icon-normal .rec-tencent {
    background-position: -69px 0;
}

.share-buttons.icon-normal .rec-tencent:hover {
    background-position: -69px -20px
}

.share-buttons.icon-normal .rec-qqim {
    background-position: -92px 0;
}

.share-buttons.icon-normal .rec-qqim:hover {
    background-position: -92px -20px
}

.share-buttons.icon-normal .rec-renren {
    background-position: -115px 0;
}

.share-buttons.icon-normal .rec-renren:hover {
    background-position: -115px -20px
}

.share-buttons.icon-normal .rec-qzone {
    display: none;
    background-position: -138px 0;
}

.share-buttons.icon-normal .rec-qzone:hover {
    background-position: -138px -20px
}

.share-buttons.icon-large a {
    width: 32px;
    height: 32px;
    background-image: url("../images/icons-share-large.png");
    background-repeat: no-repeat;
    background-position: top left;
    opacity: .8;
    filter: alpha(opacity=80);
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution: 1.3dppx) {
    .share-buttons.icon-large a {
        background-image:url("../images/icons-share-large@2x.png");
        -webkit-background-size: 30px 304px;
        -moz-background-size: 30px 304px;
        background-size: 30px 304px
    }
}

.share-buttons.icon-large a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.share-buttons.icon-large .rec-ssasns,.share-buttons.icon-large .rec-ssasns-dialog {
    background-position: 0 -116px
}

.share-buttons.icon-large .rec-weibo {
    background-position: 0 -155px
}

.share-buttons.icon-large .rec-tencent {
    background-position: 0 -39px
}

.share-buttons.icon-large .rec-qqim {
    background-position: 0 -78px
}

.share-buttons.icon-large .rec-wechat {
    background-position: 0 -233px
}

.share-buttons.icon-large .rec-qzone {
    background-position: 0 -272px
}

.share-buttons.icon-large.icon-circle a {
    opacity: .9;
    filter: alpha(opacity=90);
    width: 43px;
    height: 43px;
    background-image: url("../images/icons-share-circle-large.png");
    background-repeat: no-repeat;
    background-position: top left;
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution: 1.3dppx) {
    .share-buttons.icon-large.icon-circle a {
        background-image:url("../images/icons-share-circle-large@2x.png");
        -webkit-background-size: 43px 337px;
        -moz-background-size: 43px 337px;
        background-size: 43px 337px
    }
}

.share-buttons.icon-large.icon-circle a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.share-buttons.icon-large.icon-circle .rec-qqim {
    background-position: 0 -49px
}

.share-buttons.icon-large.icon-circle .rec-weibo {
    background-position: 0 -98px
}

.share-buttons.icon-large.icon-circle .rec-tencent {
    background-position: 0 -147px
}

.share-buttons.icon-large.icon-circle .rec-renren {
    background-position: 0 -196px
}

.share-buttons.icon-large.icon-circle .rec-wechat {
    background-position: 0 -245px
}

.share-buttons.icon-large.icon-circle .rec-qzone {
    background-position: 0 -294px
}

.custom .share-buttons {
    color: #555;
    text-align: center;
    line-height: 1;
    display: block;
}

.custom .share-buttons .share-text {
    font-size: 13px;
    margin-right: 5px
}

.custom .share-buttons a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px
}
.bank-icon,.ABC,.BJBANK,.BJRCB,.BOCB2C,.CCB,.CEB-DEBIT,.CIB,.CITIC,.CMB,.CMBC,.COMM,.FDB,.GDB,.HZCBB2C,.ICBCB2C,.NBBANK,.PSBC,.SDB,.SHBANK,.SHRCB,.SPABANK,.SPDB,.WZCB,.abc1003,.abc1004,.alipay-express-logo,.alipay-logo {
    background-repeat: no-repeat;
    background-image: url("../images/bank-icons.png")
}

.ABC {
    background-position: 0 0
}

.BJBANK {
    background-position: 0 -36px
}

.BJRCB {
    background-position: 0 -72px
}

.BOCB2C {
    background-position: 0 -108px
}

.CCB {
    background-position: 0 -144px
}

.CEB-DEBIT {
    background-position: 0 -180px
}

.CIB {
    background-position: 0 -216px
}

.CITIC {
    background-position: 0 -252px
}

.CMB {
    background-position: 0 -288px
}

.CMBC {
    background-position: 0 -324px
}

.COMM {
    background-position: 0 -360px
}

.FDB {
    background-position: 0 -396px
}

.GDB {
    background-position: 0 -432px
}

.HZCBB2C {
    background-position: 0 -468px
}

.ICBCB2C {
    background-position: 0 -504px
}

.NBBANK {
    background-position: 0 -540px
}

.PSBC {
    background-position: 0 -576px
}

.SDB {
    background-position: 0 -612px
}

.SHBANK {
    background-position: 0 -648px
}

.SHRCB {
    background-position: 0 -684px
}

.SPABANK {
    background-position: 0 -720px
}

.SPDB {
    background-position: 0 -756px
}

.WZCB {
    background-position: 0 -792px
}

.abc1003 {
    background-position: 0 -828px
}

.abc1004 {
    background-position: 0 -864px
}

.alipay-express-logo {
    background-position: 0 -904px
}

.alipay-logo {
    background-position: 0 -946px
}

.general-tips {
    width: 350px;
}

.general-tips .k-text {
    font-size: 12px;
    margin-bottom: 20px
}

.purchase-dialog {
    color: #333;
    position: relative;
    min-width: 460px;
}

.purchase-dialog .works-info {
    position: absolute;
    left: 0;
    top: 29px;
    height: 50px;
    width: 100%;
    line-height: 50px;
    padding: 0;
    margin: 0;
    background: #fff9d5;
}

.purchase-dialog .works-info h4 {
    font-size: 14px;
    padding: 0 16px
}

.purchase-dialog .works-info .price {
    float: right;
    color: #c51a17;
    font-size: 20px;
}

.purchase-dialog .account-info {
    margin: 40px 0 12px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.purchase-dialog .account-info .info {
    font-size: 14px;
    margin-bottom: 2px
}

.purchase-dialog .account-info .balance {
    color: #999
}

.purchase-dialog .inline-price {
    color: #935352;
    margin: 0 5px
}

.purchase-dialog .payment-channels {
    margin: 0;
    padding-top: 12px;
    margin-bottom: 15px;
}

.purchase-dialog .payment-channels .title {
    color: #333;
    font-size: 14px;
    margin-bottom: 15px
}

.purchase-dialog .payment-channels .field-label {
    font-size: 12px
}

.purchase-dialog .purchase-options {
    margin-bottom: -30px;
}

.purchase-dialog .purchase-options .checkbox {
    cursor: pointer;
    color: #999;
    font-size: 12px
}

.purchase-dialog .channel {
    margin-bottom: 15px;
    width: 560px;
}

.purchase-dialog .channel .fields {
    margin-left: 10px;
}

.purchase-dialog .channel .radio input {
    float: none;
    margin-right: 8px;
}

.purchase-dialog .channel-name {
    display: block;
    margin-bottom: 10px;
}

.purchase-dialog .bank-box {
    display: inline-block;
    width: 135px;
    height: 36px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ddd;
}

.ua-ie8 .purchase-dialog .bank-box {
    height: 37px;
}

.purchase-dialog .bank-box .bank-icon {
    display: inline-block;
    width: 135px;
    height: 36px;
    background-position-y: -5px;
    _color: #fff;
}

.purchase-dialog .payment-method {
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 23px;
    width: 168px;
    font-size: 0;
}

.purchase-dialog .payment-method [type=radio]:checked ~ .bank-box {
    border-color: #b0605e
}

.purchase-dialog .alipay-express .payment-method {
    margin: 0
}

.purchase-dialog .alipay-express .help-block {
    padding-left: 18px
}

.purchase-dialog .bank-list {
    margin-left: 10px;
    margin-bottom: -10px;
}

.purchase-dialog .bank-list .more-bank {
    display: inline-block;
}

.purchase-dialog .bank-list .more-bank a:after {
    content: ' >'
}

.purchase-success-dialog {
    width: 350px;
}

.purchase-success-dialog p {
    margin-bottom: 5px
}

.count-down-tip {
    color: #999
}

.count-down-num {
    margin-right: 3px
}

#reminder-loading,
#reminder-toast,
#reminder-alert {
    position: fixed;
    color: #fff;
    text-align: center;
    background: #000;
    background: rgba(0,0,0,0.4);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 1000
}
.ua-ie8 #reminder-loading,
.ua-ie8 #reminder-toast,
.ua-ie8 #reminder-alert {
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40)
}

#reminder-loading,
#reminder-toast {
    width: 210px;
    background: rgba(0,0,0,0.8);
    padding: 20px;
    font-size: 14px
}

.ua-ie8 #reminder-loading,
.ua-ie8 #reminder-toast {
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60)
}

#reminder-alert {
    top: 70px;
    width: 444px;
    padding: 20px
}

#orig-overlay .dialog-hd {
    min-width: 200px
}

#orig-overlay.alert-overlay {
    background: rgba(229,228,219,0.35);
}

.ua-ie8 #orig-overlay.alert-overlay {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAFS3GZcAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8TEwQtIEvcAAAAAnRSTlMAIqPzjNwAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAXdEVYdENyZWF0aW9uIFRpbWUAMjAxMy41LjI05WNo3AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAKSURBVAiZY2gAAACCAIHLE7JhAAAAAElFTkSuQmCC") repeat
}

#orig-overlay.alert-overlay .k-content {
    -webkit-box-shadow: none;
    box-shadow: none
}

#orig-alert {
    overflow: hidden;
    white-space: normal;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.5);
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
}

#orig-alert .alert-main,#orig-alert .alert-aside {
    padding: 16px
}

#orig-alert .alert-main {
    width: 365px
}

#orig-alert .content {
    min-height: 90px
}

#orig-alert .title {
    font-size: 18px;
    min-height: 22px;
    line-height: 22px
}

#orig-alert .text {
    margin: 15px 0;
    font-size: 13px;
    line-height: 21px
}

#orig-alert .ft {
    overflow: hidden
}

#orig-alert .buttons {
    float: right
}

#orig-alert.alert-with-aside .alert-main {
    width: 295px;
    float: left
}

#orig-alert.alert-with-aside .alert-aside {
    float: left;
    overflow: hidden;
    color: #fff;
    width: 105px;
    background: #262D31;
}

#orig-alert.alert-with-aside .alert-aside .buttons {
    float: left
}

#orig-alert.alert-with-aside .text {
    height: 63px
}

.illus .legend {
    max-height: 4em;
}

.illus .legend .ellipsis-prop {
    float: left;
    width: 5px;
    height: 4em
}

.illus .legend .ellipsis-main {
    float: right;
    width: 100%;
    margin-left: -5px;    text-align: center;
}

.illus .legend .ellipsis-end {
    font-weight: bold;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: right;
    position: relative;
    top: -1.5em;
    left: 100%;
    width: 4em;
    margin-left: -4em;
    padding-right: 5px;
    text-align: center;
    text-indent: 1em
}

.illus .legend .ellipsis-end {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0)), color-stop(0.5, #F3F6F9), color-stop(1, #F3F6F9));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #F3F6F9 50%, #F3F6F9 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #F3F6F9 50%, #F3F6F9 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #F3F6F9 50%, #F3F6F9 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #F3F6F9 50%, #F3F6F9 100%);
    background: linear-gradient(left, rgba(255,255,255,0) 0%, #F3F6F9 50%, #F3F6F9 100%);
    zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(
    gradientType=1,
    startColorStr='#89ffffff',
    endColorStr='#fff6f4ec')
}

.illus-outer {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0
}

.ua-ie8 .illus-outer {
    display: inline
}

.illus {
    text-indent: 0 !important;
    padding: 1em 0;
    max-height: 46em;
    overflow: hidden;
}

.illus .legend {
    max-height: 54px;
    overflow: hidden
}

.illus img {
    margin: 0;
    vertical-align: top;
    max-height: 42.25em;
}

.illus img.loading {
    color: #ddd;
    background-color: #f7f7f7
}

.illus:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

.illus .legend,.article .bd .illus img {
    display: inline-block;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    word-break: break-all;
    text-align: left
}

.illus.H_C,.illus.H_L,.illus.H_R,.illus.S_C,.illus.M_C {
    text-align: center !important
}

.illus.H_C .illus-outer,.illus.H_L .illus-outer,.illus.H_R .illus-outer {
    display: block
}

.illus.H_C .legend,.illus.H_L .legend,.illus.H_R .legend {
    display: block;
    text-align: left
}

.illus.H_C .illus-outer,.illus.H_L .illus-outer,.illus.H_R .illus-outer,.illus.S_C .illus-outer,.illus.M_C .illus-outer {
    margin: 0
}

.illus.M_L .legend,.illus.M_R .legend {
    width: 167px
}

.illus.M_C .legend {
    display: block;
    margin: 0 auto;
    width: 362px
}

.illus.S_L .legend,.illus.S_R .legend {
    width: 348px
}

.illus.S_R .legend {
    text-align: right
}

.illus.S_C .legend {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.article .bd .illus.M_R .illus-outer,.article .bd .illus.S_R .illus-outer {
    float: right;
    margin: 0 0 0 10px
}

.illus .legend {
    line-height: 1.5;
    font-size: .75em;
    color: #555;
    padding-top: .5em
}

.illus.M_L .legend,.illus.M_R .legend {
    max-height: 195px
}

.orig-illus {
    margin: 15px;
}

.ua-ie8 .orig-illus img {
    max-width: none
}
.full-legend {
    color: #333;
    font-size: .875em;
    line-height: 1.5;
    max-width: 95%;
    margin: 0 15px 15px 15px;
    white-space: initial;
}

.full-legend p {
    min-height: 14px;
    text-indent: 1.75em;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    cursor: default;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.full-legend em {
    font-weight: bold
}

.full-legend span {
    display: block
}

.illus .legend .ellipsis-prop {
    height: auto
}

.full-legend .ellipsis-end,.full-legend .ellipsis-prop {
    display: none
}

.expandable img {
    cursor: url("../images/zoom-in-cursor.png"),pointer
}

.image-inline1 img {
    cursor: url("../images/zoom-in-cursor.png"),pointer
}
/* app广告 */
#desktop-app-ad {
    display: none;
    background-color: #fff;
    position: fixed;
    right: 10px;
    bottom: 5px;
    font-size: 12px;
    width: 88px;
    color: #7e8282;
    padding: 0 3px 10px 7px;
}
.layout-vertical #desktop-app-ad {
    right: 15px;
    bottom: 0
}
#desktop-app-ad .hd {
    overflow: hidden;
    margin-bottom: 2px
}

#desktop-app-ad .close {
    float: right;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 20px
}

#desktop-app-ad .app-qrcode {
    display: block;
    margin: 3px 0 0 1px;
    width: 82px;
    height: 82px;
    background-image: url("../images/app-qr-from-reader.png");
    background-repeat: no-repeat;
    background-position: top left;
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution: 1.3dppx) {
    #desktop-app-ad .app-qrcode {
        background-image:url("../images/app-qr-from-reader@2x.png");
        -webkit-background-size: 82px 82px;
        -moz-background-size: 82px;
        background-size: 82px
    }
}

#orig-gallery #desktop-app-ad,.lite-theme #desktop-app-ad {
    background-color: #f9f9f7;
    border: #acacac solid;
    border-width: 1px 1px 0 1px
}

#orig-gallery #desktop-app-ad {
    bottom: 5px
}

.lite-theme #desktop-app-ad {
    right: 10px
}

@media only screen and (min-width: 948px) {
    #desktop-app-ad {
        display:block
    }
}


/*进度条改为一直放右边*/
.page-subsequent.active{
  visibility: hidden;
}
.page-portal{
  top: 20px;
    bottom: auto;
    left: auto;
    right: 30px;
}
.page-info .page-form-switch{
  background:rgba(68,90,102,.5);
}
.page-portal .switch-arrow{
    border-width: 4px 4px 0;
    border-color: #E0EAEC rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    margin-top: 0;
}
.page-portal.on .switch-arrow {
    border-width: 0 4px 4px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E0EAEC;
    margin-top: -2px;
}
.page-jump {
    position: relative;
    top: auto;
}
#inspection-progress,#inspection-progress[aria-valuenow] {
    background: #5F6367 !important;
    border:1px solid #525659;
}

#inspection-progress::-webkit-progress-bar {
    background: #5F6367;
}
#inspection-progress::-moz-progress-bar {
    background-color: #10788D
}

#inspection-progress::-webkit-progress-value {
    background-color: #10788D;
}

#inspection-progress[role],#inspection-progress[aria-valuenow]:before {
    background-color: #10788D
}

#inspection-progress.pos-right{
    right: 10px;
}
.progress-slider {
  visibility: hidden;
    position: fixed;
    width: 1px;
    height: 10px;
    border-radius: 3px;
    border:1px solid #525659;
    background-color: #686E74;
    right: 20px;
    margin-top: -6px;
}
.progress-slider:after,.progress-slider:before {
  content: '';
    position: absolute;
  border-style: solid;
    top: 0;

}
.progress-slider:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #525659;
    right: -10px;
    border-width: 5px;
}
.progress-slider:after{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #686E74;
  right: -9px;
    border-width: 5px;
}

.custom .share-buttons .rec-wechat{
  display: none;
}
/*隐藏最末页的绑定新浪微博*/
.rating-form .share-options .weibo-setting{
  display: none!important;
}
/*隐藏帮助按钮*/
#fn-helper{
  display: none;
}
/*隐藏 .annotation-counter-layer*/
.annotation-counter-layer{
  visibility: hidden;
}
/*Common For Max 768*/
@media only screen and (max-width: 992px) {
  /* .article {
    width: 100%;
    padding: 0;
  }
  .page{
    width: 100% !important;
    padding: 5em 10px 2.5em;
    box-sizing: border-box;
  }
  .page .hd {
    width: 100% !important;
  } */
  /* .page {
    width: 50%;
  } */
}

.all-annotation-control{
    position: absolute;
    /* width: 43.375em; */
    top: 0;
    bottom: 0;
    left: 56px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    background: #F3F6F9;
    display: none;
}
.all-annotation-control.on{
    display: block;
}
.all-annotation-control .close{
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 28px;
}

a.zvingworda {
  color: blue;
}

iframe.video, iframe.audio {
  border: none;
  width: 100%;
}

.highlight {
  background-color: #ffe47a;
}
#__jdapi {
    z-index: 1000;
}