@charset "UTF-8";
/* 书评相关样式 */
.page-fans {
  padding-bottom: 4rem;
}

.page-fans .book-title-x:only-child {
  position: relative;
  height: 2.9375rem;
  overflow: hidden;
  font-size: 0.875rem;
}
.page-fans .book-title-x:only-child .book-title {
  line-height: 1.6rem;
  max-width: 12.5rem;
}
@media screen and (max-width: 320px) {
  .page-fans .book-title-x:only-child .book-title {
    max-width: 10.625rem;
  }
}

.page-fans .book-ol-rank .book-layout {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.page-fans ~ .footer-backtop-circle {
  bottom: 5rem;
  visibility: hidden;
}

.bar-login-fixed {
  height: 4rem;
  background-color: var(--black-90);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1rem;
  color: var(--background-bw-white);
}

.bar-login-btn,
.bar-login-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5rem;
}

.bar-login-cover {
  height: 3.375rem;
  width: 3.375rem;
  left: 1rem;
}

.bar-login-btn {
  height: 1.625rem;
  line-height: 1.625rem;
  right: 1rem;
  padding: 0;
}

.bar-login-cell {
  margin-left: 4rem;
  line-height: 4rem;
}

.bar-login-vm {
  display: inline-block;
  line-height: 4rem;
  font-size: 0.875rem;
  width: 105%;
}

.bar-login-me {
  line-height: 4rem;
  color: var(--background-bw-white);
  float: left;
}

.bar-login-my {
  color: var(--background-bw-white);
  padding-top: 0.75rem;
  overflow: hidden;
}
.bar-login-my + .gray {
  font-size: 0.8125rem;
}

.bar-login-vv {
  float: left;
  padding-top: 0.3125rem;
  margin: 0 0.75rem 0 0.5rem;
}
.bar-login-vv .bar-login-cover {
  display: block;
  position: static;
}
.bar-login-vv .tag-honor {
  position: absolute;
  margin-top: -0.75rem;
  border-color: var(--surface-gray-900);
}

.bar-login-fans {
  overflow: hidden;
}
.bar-login-fans output {
  margin: 0 0.25ch;
}

.bar-login-rank {
  font-size: 0.875rem;
  float: left;
}

.bar-login-ge {
  font-size: 0.875rem;
  float: left;
  margin: 0 0.5rem 0;
}

.bar-login-num {
  font-size: 0.875rem;
  float: left;
}

.fans-point {
  color: var(--surface-gray-400);
  font-size: 0.9375rem;
  font-family: "PingFang SC";
}

.book-ol-rank .book-li::before {
  font: 1em/1.5em "PingFang SC";
  position: absolute;
  top: 50%;
  bottom: 0;
  left: -2.125rem;
  margin: auto;
  margin-top: -0.70625rem;
  content: counter(bookrank);
  counter-increment: bookrank;
  color: var(--surface-gray-400);
  width: 1.375rem;
  height: 1.8125rem;
  text-align: center;
}

.book-ol-rank .book-li-fir::before {
  top: 46%;
  content: "1";
  width: 1.375rem;
  height: 1.9375rem;
  text-align: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA8CAYAAAFqVWgMAAAABGdBTUEAALGPC/xhBQAAAt5JREFUaAXtmj9ok0EUwN+7rxFSG0nTuLs4dEkTFx3ERRB1dFHp0A6VuHy1LkXc/QM6tM1iEFErFKnOLoKDVdwSrYOCg4KbJI1YqZWSO98Ndx5fLv8kF0O5D8J7d/fey7vfd/nyeAkCXZVSKKQ0L7RNSgNmWpl6XxfShwooXxCwIzIJa7rWjPo22YBVErXmaVI0dWuqpoGp7xpjBHyMiN/NzUkdK+VwEwSMRBeiY3K+wDoxlI5CiLu7Bl2UhBr7DSoSUlppMGTzppHSh5QCiCvp3NKkHgPcknqlNLtFxygudayWZ9foRB2Vg15ezEVQmaCVRS8y94E1RY/Co9AEtOLsVPx9Yun3MhX8hUPs+Fhm4Y05K/VqKbxDdWA+Oq/GuFEOr3EBVxFgJwiCk8mJhRdqsVtZLYcrQsB56ScfmzPyi7jbIE3tEX6mc4VEV9VW02CRBSovXjm5efIZ7ySw3IAPrG+jR+FRaAJa8afCo9AEtOJPhUehCWjlv5+KLcbgChUiD3VKbZSWRSFDWE7lClORGNO18ly2DvW1Vr2UxhIL8XcQ4InRzOLLSEDrkArB+1QITkcXdWDa5moqu3iOZEOXMupkG9fWLx3jdfGcyqs9tNPruFGaO8Wh/sxmPGhzDILTjCN/MmiJNctH5krNN7G3mcHAzVOuzj7PrjbrE3ZFVsX1hBUJV9ITdkVWxfWEFQlX0hN2RVbF9YQVCVfSE3ZFVsX1hBUJV9ITdkVWxfWEFQlX0hN2RVbFbdkEU0btJP34+Z5aUUUxIh6NHSz8MO3F18vxakWcReAXqd102Fz7F133wDp1pv9OfQCEYhAMLyczN2ud+pl24uN8ora9PUlNuTxtImuutdPlL7mfyemA1RDxEwosxuLDD/aN36habXo0Sa3LJAc+Ra3LvAAxbgtLd/ELCrEa1N69nhGc5xDZeozFniYmbn+zOfR7brMU7t9h7AwXIkN39m0qO3rvD+RJ0v+birTCAAAAAElFTkSuQmCC");
  color: #D7943E;
  background-repeat: no-repeat;
  background-size: cover;
}

.book-ol-rank .book-li-sec::before {
  top: 46%;
  content: "2";
  width: 1.375rem;
  height: 1.9375rem;
  text-align: center;
  background: url("/readnovelm/img/second.png");
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA8CAYAAAFqVWgMAAAABGdBTUEAALGPC/xhBQAAAtFJREFUaAXtmj9o00EUx9+7xEqtlYKINS6uLlInHcRFEHV0UenQDpWo+CddRNx1cfilTgYpaoUi1dlFcFDBVXRwcNAlv0hFKlpapOb3fDfccb1c0kRyMZT3g/Deu3v3zbvP7/rr/Y4g8JVU66Ste2GoUScoN8v1e9oxvTeH+oM5dVgXESw3WFHPGhuwaqLBOl2Krh8s1U1w/U2TjABPEPCHOzntYznNfhHRdr/DjxWq86qdRD0wo+z+pkHnkzCxTNCQ0DZIA5W67iYZP28cRJgvFXLjJmZ7R/tJNVsBoEHt6yX6mlfeER1089LLueuiusAgi25ULsKWoqAQFJaAdaKtCvvEsl+1zsFVyOOx6d34dl0zB+W0fo8Iin67ifnpVr/FCTcRcS2n8MSVUXxpOju1rDXPWuf0OJxJaUr/I+5UpFk+F7hcKqjhjnZbzcT8dhZ/E+Xm6Wd8FGE9AxG291FQCApLwDqyKgSFJWAdWRWCwhKwzv9dFbwBWUFQNwDhkS1pA6flppBfbef41XbC05hMFmkM/5B+o2166NKwxeKjm9+AeLxUwFeeYDAsV+sP+PRx0u90hRd4M3eWp91wSukPCsXllI7yDF7wS/oAz/Q2JjU6CVn2PJTcd21KnVJA9LTvCmtWENeqCx5q1t937VxrtL/nWJOVgmORNbpC2JCIZYVwLLJGVwgbErGsEI5F1ugKYUMilhXCscgaXSFsSMSyQjgWWaMrhA2JWFYIxyJrdFsegpmkDS3iB4VYwQF4fHUn/nTzF4gGq1/hDBJd4COnQ27fv/juGVhb4/mM7CMfwFW2bIO5SyO41NYgL2n2Gw0vr8E4T6BIQGNed8tQ/wDmMw/cF8riwj6Bwkp+CB5e3oHfQzndakuWaEStwgRPoMj17A/pMqwvyLcsl9Zgin8JdhBQvd+K8OziKC6GBvS67W6NdmUEp4GyA1zbu2t7YPYvGM7VPd16ihYAAAAASUVORK5CYII=");
  color: var(--secondary-blue-500);
  background-repeat: no-repeat;
  background-size: cover;
}

.book-ol-rank .book-li-thi::before {
  top: 46%;
  content: "3";
  width: 1.375rem;
  height: 1.9375rem;
  text-align: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA8CAYAAAFqVWgMAAAABGdBTUEAALGPC/xhBQAAAuRJREFUaAXtmUFrU0EQgGdeYrBoQRRvgmKTgxepJz2IF0VN0pMXlYhJQ6X+AhHvevEPGMS8tkKR6EVIchEUbNGr6MFDohE8CIpWaxop2oyz6G7WZE36QjaFsg8eM7s7O2/e9zb7JvMQ+KgU8ySkfqCpUxh4upWuD3UgNpFFcYYxfEQEYQzXGNHQOjuwCqLGOHWKum4MVTfQ9U1jjID3+Pyq35zQBbrvLLe3D3S0ES4JGr0NxUyC25sGXQeJvx3uBnUyRhqIeEU3knpYKoA4H0tOplQb4KbQq0W/QUAjQsdqMb/AW+lR0Rjk4dlwKgI0shhE5M6xouhQOBSKgFKsrYrWjqWu1VL4xfqDQt7xWDz9vNX7R6uW/FtENN3eL9u8u/nXeau7Bgg/EeF0NJF9LAeDymopP08E58U8rJTyU+JFHNRJF/s6Z4ejgbKtLs7+GUKARSsPT+zxVhyL8J1j9RAdCodCEVCKWxUOhSKgFLcqHApFQCkbuyo4AWl4gFc5l5tVIfVQuieFCHPRZDbd5iNTK/njv4gWuP+/tZTOFAthNQTeyf3JzNM2h8YmZ50+Z52Z9kHlmDPNwlhi8hz/Q+cMKfjxtjRzbI3oEZd6IozsBlbLs3FqrpWDuxr+DPRCCY+oeX/4l+7viiJWD4i29Td9A2ZxrNZ+z7ZuxwVsi6z06whLErakI2yLrPTrCEsStqQjbIus9OsISxK2pCNsi6z06whLErakI2yLrPTrCEsStqQjbIus9Nu1CCaNekkuQ70iwNxODN/dlbiwrNu/f1YYWV1aOcsfSS/z98zD+lg/uqqBrXsywmsuDebCFJnbO5FaWvc8zfDT4sPR5W9fUk2AaS7kjGtDPVXkal6Nq3n7TJZcfKuAh7mtEZzZcyL92WQzqL7aE39HswHpJvD3bIIDJr/8JN8hUSH0plyf4q/Qh7i++JK2hB5ET138aJow7L4P5cLuFaqf4eV2kKugL8bimTu/AXHgyM0f56+xAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  color: var(--orange-red-500);
  background-size: cover;
}

.book-title-x img {
  width: 2.875rem;
}

.content {
  background: var(--background-bw-white);
}

.fans-null {
  height: 400px;
  height: 100vw;
  width: 100%;
}
.fans-null-title {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  margin-top: 45%;
}
.fans-null-content {
  height: 100%;
  width: 100%;
  font-size: 0.75rem;
  color: var(--main-color);
  text-align: center;
  margin-top: 0.375rem;
}

.fans-help {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  color: var(--background-bw-white);
  font-size: 0.875rem;
}

.book-title-r {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.625rem;
  height: 1.25rem;
  line-height: 1.25rem;
  float: right;
  font-size: 0.875rem;
  color: var(--surface-gray-400);
}

.book-title-l {
  padding-top: 0.1rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.46875rem;
  height: 2.9375rem;
  float: left;
  font-size: 0.875rem;
}

.fans-bar {
  width: 88%;
  margin: 0 auto 0.625rem;
  border-radius: 2rem;
}

.bar-login-fixed {
  background: url("/pro/readnovel_m/_prelease/hongxium/img/fans-mask-16ade2b1ad.svg") no-repeat center, linear-gradient(to right, #FF1FB6, #FE6B56);
  background-size: cover;
}

@media screen and (max-width: 320px) {
  .bar-login-fixed {
    background-size: auto;
  }
}
.fans-content {
  color: var(--background-bw-white);
  font-size: 0.75rem;
  opacity: 0.6;
}

.fans-li {
  text-align: center;
  font-size: 0.8125rem;
  padding: 1.5rem 0 1rem;
}
.fans-li .rel {
  position: relative;
}

.fans-cover {
  width: 2.625rem;
  height: 2.625rem;
  box-shadow: 0 0 1px var(--surface-gray-500);
  border-radius: 3rem;
  vertical-align: bottom;
}

.fans-tag {
  position: absolute;
  color: transparent;
  text-indent: -200%;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
}

.fans-name {
  margin: 0.3125rem 0.25rem 0;
}

.fans-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}