body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", STHeiti, "Microsoft YaHei", arial, sans-serif;
}

#content {}

#setting {
  background: rgb(88 137 202 / 50%);
  line-height: 2.1rem !important;
  font-size: 1.25rem !important;
  max-height: 2.1rem;
  max-width: 2.2rem;
  cursor: pointer;
}

#setting i {
  transition: .5s;
}

#setting i:hover {
  transform: rotate(180deg);
}

.pc {
  display: none;
}

.folder h3 {
  font-size: 1rem;
  padding-left: .8rem;
}

.noflex {
  display: block !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.footer {
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  margin-top: 70px;
}

.fixed-top {
  z-index: 99 !important;
}

.d-none-4 {
  margin-top: 4.5em;
}

.d-none-5 {
  margin-top: 5em;
}

.d-none-6 {
  margin-bottom: 6rem;
}

.vh-75 {
  min-height: 75vh;
}

.bom_flex {
  display: flex;
  max-width: 1140px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  list-style: none;
}

.bom_flex img {
  width: 100px;
}

.bottom_form {
  background: rgb(238 238 238 / 20%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}

.border_gray {
  border: 1px solid #eaeaea;
}

.bmark-checkbox {
  -webkit-appearance: none;
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  border: solid 1px #d9d9d9;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  background-clip: padding-box;
  display: inline-block;
}

.bmark-checkbox:focus {
  outline: 0 none;
  outline-offset: -2px;
}

.bmark-checkbox:checked {
  background-color: #c41052;
  border: solid 1px #fff;
}

.bmark-checkbox:checked:before {
  display: inline-block;
  margin-top: -0.12rem;
  margin-left: 0.135rem;
  font-family: "Font Awesome 5 free";
  font-weight: 400;
  content: "\f058";
  color: #fff;
  font-size: 1rem;
}

.bmark_link {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bmark_update,
.bmark_eps {
  text-indent: 0.5rem;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bmark_fav {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.btn-darkyellow {
  color: #e8bc30 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  border-color: rgba(158, 134, 34, 0.8) !important;
}

.btn-darkyellow:hover {
  color: #fff !important;
  background-color: rgba(50, 50, 50, 0.8) !important;
  border-color: rgba(158, 134, 34, 0.8) !important;
}

.btn-darkyellow.focus,
.btn-darkyellow:focus {
  color: #e8bc30 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  border-color: rgba(158, 134, 34, 0.8) !important;
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5) !important;
}

.claw_div {
  position: absolute;
  z-index: 1;
  background: #cea9397a;
  border-radius: 0.25rem;
  max-width: 10rem;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.1rem;
}

.def_nav_lg {
  background-color: #58A1CA;
  padding: .3rem;
}

.def_nav_lg_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.def_nav_lg_ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-content: center;
  list-style: none;
  font-size: 1rem;
}

.def_nav_lg_btn {
  display: flex;
}

.def_top_lg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
}

.def_top_lg img {
  width: 150px;
}

.def_top_lg li {
  list-style: none;
}

.def_title_bar {
  background: #f5f5f5;
  border-radius: .2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.def_title_bar h6 i,
.def_title_barsm h6 i {
  font-size: .8rem;
}

.def_title_barsm {
  background: #f5f5f5;
  border-radius: .2rem;
}

div#history li {
  padding: 0.2rem;
  line-height: 1rem;
}

div#history img {
  border: 1px solid #b5b5b5;
  border-radius: 0.3rem;
}

div#history h6 {
  font-size: 80%
}

small.historysmall {
  background: #dcd3b7;
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
  position: absolute;
  top: 1rem;
  right: 0.2rem;
}

h6.historytitle {
  color: #a92633;
  line-height: 1rem;
}

.historyimg {
  width: 100%;
}

.nav-footer-gap {
  margin-bottom: 4.5rem;
}

#subtitle {
  font: bold 1rem 'lucida sans', 'trebuchet MS', 'Tahoma';
  line-height: 1.6rem;
  margin: .5rem auto;
}

.subtitles {}

select.fav_sort option {
  font-size: 1rem;
}

.top-bt {
  font-size: 3rem;
  color: rgba(85, 85, 85, 28%);
}

.dark {
  opacity: 0.8;
  background: #131313;
  color: #c8c8c8 !important;
}

.row li {
  list-style-type: none;
}

.row_detail {
  font-size: 75% !important;
  text-indent: 2em;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.text-blue {
  color: #49728e !important;
}

.text-blue:link {
  color: #49728e;
}

.text-blue:visited {
  color: #49728e;
}

.text-blue:hover {
  color: #f17b13 !important;
}

.text-pink {
  color: #ef4e6e !important;
}

.text-orange {
  color: #FF8D29 !important;
}

.text-gray-sm {
  color: #bfbfbf !important;
  font-size: 0.75em;
}

.text-gray {
  color: #bfbfbf !important;
}

.item-bg {
  overflow: hidden;
  background-size: cover !important;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}

.item-navbar {
  position: relative;
  z-index: 12;
  margin: .5rem auto;
  transition: margin .3s;
}

.item-navbar-text {
  padding: .2rem;
  border-radius: .2rem;
}

.item-navbar-text a {
  font-weight: bold;
  color: #0982c5;
}

.item-navbar-btn {
  padding: .4rem;
  border-radius: .2rem;
  background: rgb(108 108 108 / 50%);
}

.item-back-btn {
  padding: .25rem .5rem;
  border-radius: .2rem;
  background-color: #5889ca;
  font-size: .875rem;
}

.item-row-div {
  background-color: #fff;
  border-radius: .3rem;
}

.item-info-line2 {
  line-height: 1.8rem;
}

.item-info-author,
.item-info-date {
  border: 1px solid #5b9bf6;
  padding: .2rem .4rem;
  border-radius: .8rem;
  color: #5b9bf6;
}

.item-info-num {
  font-size: 150%;
  color: #be1e3e;
}

.item-info-status {
  color: #be1e3e;
}

.full_text {
  text-indent: 2em;
}

.img-thumbnail {
  width: 100px;
  max-width: 100px;
}

.list_text_height {
  line-height: 1.5rem;
}

.more-right {
  padding: .2rem;
  word-wrap: break-word;
  width: 56%;
}

.more-right-eps {
  color: #fff;
  background-color: #89c9d3;
  font-weight: normal !important;
}

.more-right-end {
  background-color: #a6bfc9;
  color: #eee;
  font-weight: normal !important;
}

.cat-smbtn {
  background: #adc1a9;
  color: #fff;
  padding: .1rem .2rem;
  border-radius: .2rem;
  font-size: 75%;
}

.pager {
  margin-bottom: 2rem;
}

.pager ul {
  padding: 0;
}

.pager ul li {
  display: inline-table;
  margin: 0.2rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  background: rgba(35, 105, 165, 0.9);
  border-radius: 50%;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}

.pager ul li a {
  color: #fff;
}

.pager ul li:first-child {
  display: none;
}

.pager ul li:last-child {
  display: none;
}

.pager tr td {
  display: inline-table;
  margin: 0.2em;
  width: 2rem;
  height: 2rem;
  background: rgba(35, 105, 165, 0.9);
  border-radius: 50%;
  color: #fff;
}

.pager tr td span {
  color: #fff;
}

.pager tr td:first-child {
  display: none;
}

.pager tr td:last-child {
  display: none;
}

.fa-rotate-20 {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

.content_bg {
  background: rgb(238 238 238 / 20%);
  overflow: inherit !important;
}

.contentbts {
  text-align: center;
  position: fixed;
  z-index: 999;
  bottom: 2rem;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  background: rgba(0, 0, 0, .4);
  margin: 0 auto;
  border-radius: 0.5rem;
  display: block;
  left: 50%;
  max-width: 1000px;
  width: 90%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media screen and (min-width: 1005px) {
  .contentbts {
    bottom: 9rem !important;
  }
}

.contentbts_menu {
  background: rgb(238 238 238 / 20%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  margin-top: .5rem;
}

#backgrounds {
  position: absolute;
  left: 50%;
  bottom: 45px;
}

#backgroundset {
  background: rgb(238 238 238 / 20%);
  margin-top: .5rem;
  padding: .5rem;
  border-radius: .25rem;
}

#backgrounds ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
}

#backgroundset ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

#backgrounds li {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.1rem;
  cursor: pointer;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #c0c0c0;
}

#backgroundset li {
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  -webkit-border-radius: 20%;
  border-radius: 20%;
  border: solid 1px #c0c0c0;
  margin-right: .35rem;
}

.setbgcolor_circle {
  width: 100%;
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  bottom: 1.5rem;
}

.barcode {
  width: 120px;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: #fff;
}

.btn-market {
  display: inline-block;
  padding: .15rem .75rem;
  padding-left: 2.8125rem;
  border-radius: .4375rem;
  background-position: center left .75rem;
  background-color: #2b3445;
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
}

.btn-apple {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

.btn-google {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.btn-market .btn-market-subtitle {
  display: block;
  margin-bottom: -.125rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: .6875rem;
}

.btn-market .btn-market-title {
  display: block;
  color: #fff;
  font-size: 1rem;
}

.nowraphide {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.book-wrap {
  padding: .6rem 0;
}

.book-wrap .book-cover {
  position: relative;
  z-index: 4;
  width: 52px;
  height: 91px;
  margin-top: -3px;
  margin-right: 8px;
  text-align: center;
}

.book-wrap .book-cover .link {
  position: relative;
  z-index: 10;
  display: inline-block;
  transform: translateZ(50px);
}

.book-wrap .book-cover img {
  width: 60px;
  height: 87px;
  outline: 1px solid transparent;
}

.book-wrap .book-cover span {
  position: absolute;
  z-index: -1;
}

:root .book-cover {
  -webkit-transform: perspective(60px) rotateY(-10deg);
  -moz-transform: perspective(60px) rotateY(-10deg);
  transform: perspective(60px) rotateY(-10deg);
}

:root .book-cover:before {
  position: absolute;
  z-index: 3;
  top: 3%;
  left: 10%;
  width: 100%;
  height: 90%;
  background-color: #999;
}

:root .book-cover:after {
  position: absolute;
  z-index: 2;
  top: 2%;
  left: 100%;
  width: 10%;
  height: 92%;
  content: ' ';
  -webkit-transform: perspective(60px) rotateY(30deg);
  -moz-transform: perspective(60px) rotateY(30deg);
  transform: perspective(60px) rotateY(30deg);
  background-color: #efefef;
  box-shadow: inset 0 0 5px #333;
}

:root .book-cover span {
  position: absolute;
  z-index: -1;
  top: 84.1%;
  left: 7px;
  width: 20px;
  height: 10px;
  content: '';
  -webkit-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
  -moz-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
  -ms-transform: scale(0);
  transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
  box-shadow: 25px 0 5px 5px #adadad;
}

:root .book-cover img {
  width: 52px;
  height: 87px;
}

.recommend_detail {
  font-size: 75% !important;
  text-indent: 2em;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.run_cover {}

.flip_cover {
  position: relative;
  display: block;
  background: #f2f2f2;
  background-size: cover;
  overflow: visible;
  width: 150px;
  height: 200px;
  -webkit-perspective: 800px;
  perspective: 800px
}

.flip_cover img {
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform ease-out .3s;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.flip_cover:hover img {
  -webkit-transform: rotateY(-25deg);
  transform: rotateY(-25deg)
}

.flip_cover i:after,
.flip_cover i:before,
.flip_cover:after,
.flip_cover:before {
  position: absolute;
  content: ''
}

.flip_cover:before {
  top: 1px;
  right: -1px;
  bottom: 1px;
  left: 0;
  border: 1px solid #ccc
}

.flip_cover:after {
  top: 2px;
  bottom: 2px;
  left: 100%;
  width: 1px;
  margin-left: 1px;
  background-color: #d9d9d9
}

.flip_cover i {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 100%;
  width: 1px;
  margin-left: 2px;
  background-color: #e6e6e6
}

.flip_cover i:before {
  top: 1px;
  bottom: 1px;
  left: 100%;
  width: 1px;
  background-color: #f2f2f2
}

.flip_cover i:after {
  top: 2px;
  bottom: 2px;
  left: 100%;
  width: 1px;
  margin-left: 1px;
  background-color: #e6e6e6
}

.flip_cover span {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 100%;
  width: 1px;
  margin-left: 5px;
  background-color: #c7c7c7
}

.run_cover-mid {}

.flip_cover-mid {
  position: relative;
  display: block;
  background: #f2f2f2;
  background-size: cover;
  overflow: visible;
  -webkit-perspective: 800px;
  perspective: 800px
}

.flip_cover-mid img {
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform ease-out .3s;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.flip_cover-mid:hover img {
  -webkit-transform: rotateY(-25deg);
  transform: rotateY(-25deg)
}

.flip_cover-mid i:after,
.flip_cover-mid i:before,
.flip_cover-mid:after,
.flip_cover-mid:before {
  position: absolute;
  content: ''
}

.flip_cover-mid:before {
  top: 1px;
  right: -1px;
  bottom: 1px;
  left: 0;
  border: 1px solid #ccc
}

.flip_cover-mid:after {
  top: 2px;
  bottom: 2px;
  left: 100%;
  width: 1px;
  margin-left: 1px;
  background-color: #d9d9d9
}

.flip_cover-mid i {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 100%;
  width: 1px;
  margin-left: 2px;
  background-color: #e6e6e6
}

.flip_cover-mid i:before {
  top: 1px;
  bottom: 1px;
  left: 100%;
  width: 1px;
  background-color: #f2f2f2
}

.flip_cover-mid i:after {
  top: 2px;
  bottom: 2px;
  left: 100%;
  width: 1px;
  margin-left: 1px;
  background-color: #e6e6e6
}

.flip_cover-mid span {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 100%;
  width: 1px;
  margin-left: 5px;
  background-color: #c7c7c7
}

.picsize {
  position: relative;
  overflow: hidden;
  border-radius: .25rem;
}

.picsize fav_date {
  background: rgba(0, 0, 0, 0.6);
  color: #dee2e6;
  border-radius: 10%;
  position: absolute;
  left: 0.3em;
  z-index: 1;
  text-align: center;
  font-size: 0.8em;
  top: 0.3em;
  display: block;
  height: 1rem;
  line-height: 1rem;
  padding: 0 5px 0 5px;
}

.picsize fav_del {
  background: rgba(23, 51, 71, 0.7);
  color: #fff;
  border-radius: 0.2rem;
  position: absolute;
  right: 0.2rem;
  z-index: 1;
  text-align: center;
  font-size: 0.75rem;
  bottom: 0.2rem;
  display: block;
  padding: 0 0.3rem;
  height: 1.6rem;
  line-height: 1.6rem;
  border: 1px solid rgba(0, 123, 255, 0.5);
}

.picsize fav_del:hover {
  background: rgba(0, 0, 0, 0.85);
  transition: all 0.5s;
}

.picsize eps {
  color: #fff;
  position: absolute;
  right: 0.3em;
  z-index: 1;
  text-align: center;
  font-size: .75rem;
  bottom: .1rem;
  display: block;
  background: rgba(0, 0, 0, 0.7);
  border-radius: .2rem;
  padding: 0 .2rem;
}

.picsize num {
  padding: .1em .3em;
  background: rgba(186, 230, 205, 0.35);
  color: #dee2e6;
  border-radius: .2em;
  position: absolute;
  right: 0.3em;
  z-index: 1;
  text-align: right;
  font-size: 0.8em;
  bottom: 0.3em;
  display: block;
}

.picsize bak {}

.picsize img {
  width: 100%;
}

.picsize img {
  transition: all 0.3s;
}

.picsize img:hover {
  transform: scale(1.06);
}

.pictitle {
  margin: 2px auto 15px auto;
  text-align: center;
}

.pictitle_font {
  font-size: 14px;
  color: #6D6D72;
}

.item-cover img {
  border: 1px solid #b5b5b5;
  border-radius: .3rem;
  max-width: 100%;
  height: auto;
}

.eps-end-btn {
  margin: 0 .1rem;
  padding: 0 .2rem;
  color: #fff;
  font-size: .75rem;
  background: rgba(73, 114, 142, 0.7);
  border-radius: .2rem;
}

.mybook-border {
  border: .0625rem solid rgba(231, 234, 243, .35) !important;
  border-radius: .75rem !important;
  position: relative;
}

.mybook-bak-img {
  width: 100%;
  height: 7.5rem;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  object-fit: cover;
  vertical-align: top;
  border-radius: .75rem;
}

.mybook-btn-ssm {
  padding: .1rem .2rem !important;
  font-size: 80% !important;
}

.mybook-btn-psn {
  position: absolute;
  bottom: 2.3rem;
  right: 1rem;
}

.mybook-cover {
  display: flex;
  margin: -6.3rem auto .5rem auto;
  transition: .2s;
  width: 7.875rem;
  height: 7.875rem;
  border: .1875rem solid #fff;
  border-radius: 50%;
}

.comic_funtion_btn {
  position: relative;
  line-height: 2rem;
}

.cover120 {
  max-width: 120px;
}

@media screen and (min-width: 1200px) {
  .cover120 {
    max-width: 120px !important;
  }
}

@media screen and (max-width: 1200px) {
  .cover120 {
    max-width: 100px !important;
  }
}

.more-right3 {}

@media screen and (min-width: 1000px) {
  .more-right3 {
    max-width: 60%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .more-right3 {
    max-width: 45%;
  }
}

@media screen and (max-width: 768px) {
  .more-right3 {
    max-width: 65%;
  }
}

.nav-item {
  letter-spacing: .1rem;
}

@media screen and (min-width: 1166px) {
  .nav-item {
    letter-spacing: .4rem;
    font-size: 1rem;
  }
}

@media screen (min-width: 768px) and (max-width: 11165px) {
  .nav-item {
    letter-spacing: .1rem;
    font-size: .9rem;
  }
}

.nav-item a:hover {
  border-bottom: 1px solid #ccc !important;
  transition: all 0.2s ease !important;
}

.episode_li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.episode_li_dot {
  color: #c5c5c5;
}

.subtitles a:link {
  color: #333;
}

.subtitles a:hover {
  color: #983939;
  background: #f5f5f5;
  border-radius: .5rem;
  transition: .5s;
  font-weight: bold;
}

.subtitles a:visited {
  color: #c5c5c5;
}

.search-box-main {
  width: 28rem;
  height: 2.5rem;
  padding: .1rem;
  margin: 0;
  background: rgba(0, 0, 0, .08);
  -moz-border-radius: .2rem;
  -webkit-border-radius: .2rem;
  border-radius: .2rem;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .4) inset, 0 0 0 rgba(255, 255, 255, .2);
}

.search-box-main input {
  width: 21.7rem;
  height: 2.3rem;
  padding: 2px 2px 2px 8px;
  float: left;
  font: bold 1rem 'lucida sans', 'trebuchet MS', 'Tahoma';
  border: 0;
  background: #eee;
  -moz-border-radius: .2rem 0 0 .2rem;
  -webkit-border-radius: .2rem 0 0 .2rem;
  border-radius: .2rem 0 0 .2rem;
}

.search-box-main input:focus {
  outline: 0;
  background: #fff;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
}

.search-box-main input::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: normal;
}

.search-box-main input:-moz-placeholder {
  color: #999;
  font-weight: normal;
  font-style: normal;
}

.search-box-main input:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: normal;
}

.search-box-main button {
  margin: -.1rem;
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  cursor: pointer;
  height: 2.5rem;
  width: 6.25rem;
  font: bold 1rem/1.2rem 'lucida sans', 'trebuchet MS', 'Tahoma';
  color: #fff;
  text-transform: uppercase;
  background: #d3556e;
  -moz-border-radius: 0 .2rem .2rem 0;
  -webkit-border-radius: 0 .2rem .2rem 0;
  border-radius: 0 .2rem .2rem 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}

.search-box-main button:hover {
  background: #b75757;
}

.search-box-main button:active,
.search-box-main button:focus {
  background: #c42f2f;
}

.search-box-main button:hover:before {
  border-right-color: #b75757;
}

.search-box-main button:focus:before {
  border-right-color: #c42f2f;
}

.search-box-main button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.search_key_top {
  overflow: hidden;
  width: 28rem;
  white-space: nowrap;
  padding-top: 0.2rem;
  text-overflow: ellipsis;
  list-style: none;
}

.search_key_top a {
  padding-left: 0.2rem;
}

.search_top_sm {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: #5889ca2e;
  border-radius: 0.2rem;
}

.search_top_sm_ipt {
  width: 78%;
  max-width: 78%;
}

.search_top_sm_ipt input {
  border: 1px solid #cccc;
  border-radius: 0.2rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  width: 100% !important;
  margin: 0;
  line-height: 2.6;
}

.search_top_sm_smt {
  max-width: 22%;
  text-align: left;
}

.search_top_sm_smt button {
  border: none;
  border-radius: .2rem;
  color: #fff;
  cursor: pointer;
  letter-spacing: .1rem;
  line-height: 1.2;
  outline: none;
  padding: .7rem 1.2rem;
  background-color: #34495e;
  white-space: nowrap;
}

.search_top_sm_li {
  list-style: none;
  line-height: 2rem;
}

.search_top_sm_li a {
  background: rgb(213 193 133 / 20%);
  border-radius: .3rem;
  margin: 0 .2rem;
  padding: .2rem;
  font-weight: bold;
}

.search_author {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: .25em .4em;
  font-size: 75%;
  text-align: center;
  background-color: rgb(24 78 114 / 70%);
  color: #fff;
}

#ppbt,
#npbt,
#pch,
#nch,
.backmenubt {
  padding: 0.375rem 0.75rem;
  border-radius: 0.2rem;
  background: #5889ca;
  color: #fff;
  font-weight: 400;
  margin: 0 0.1rem;
  transition: all .3s ease;
}

#ppbt:hover,
#npbt:hover,
#pch:hover,
#nch:hover,
.backmenubt:hover {
  background: #475e7c;
}

.m-bomnavbar {
  background-color: #ECECEC;
  border-top: 1px solid #dedede;
  transform: translateZ(1030px);
}

.m-topnavbar {
  background-color: #58A1CA;
  transform: translateZ(1030px);
}

.badge_more {
  font-size: 90% !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.card {
  border: 1px solid rgb(0 0 0 / 5%) !important;
}

.btn_cricle_big {
  display: flex !important;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50% !important;
  justify-content: center;
}

.btn_cricle_sm {
  display: flex !important;
  align-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50% !important;
  justify-content: center;
}

.d_top_btn {
  transition: all 0.3s ease;
}

.d_top_btn:hover {
  background: #49728e;
  border-radius: .2rem;
  transition: all 0.5s ease !important;
}

.menu_top_md {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgb(0 0 0 / 5%);
}

.menu_top_md div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.menu_top_md div i {
  height: 2rem;
  line-height: 2rem;
}

.menu_top_md div h6 {
  font-size: 75%;
}

.menu_top_div {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  background: #58A1CA;
  line-height: 2.6rem;
  height: 2.6rem;
  z-index: 999;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

#main-nav {
  display: none
}

.cf::before,
.cf::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden
}

.cf::after {
  clear: both
}

.wrapper {
  margin: 0 auto;
  padding: 0 .8rem;
}

.menu_top_yscroll {
  overflow-y: scroll
}

.menu_top_open {
  position: fixed;
  width: 100%;
  min-height: 100%
}

.menu-top-right {
  display: flex;
  padding-right: .3rem;
}

.menu-top-mid a {
  display: flex;
}

.menu-top-mid img {
  width: 78px;
}

.menutopclose {
  width: 2.6rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  line-height: 2.6rem;
}

.menu-top-nav {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999;
  overscroll-behavior: none
}

.menu-top-nav.is-ios * {
  cursor: pointer !important
}

.menu-top-nav .nav-container {
  position: fixed;
  z-index: 9998;
  top: 0;
  width: 220px;
  max-width: 100%;
  height: 100%;
  transition: transform .4s ease
}

.menu-top-nav .nav-wrapper {
  width: 100%
}

.menu-top-nav .nav-wrapper.nav-wrapper-1 {
  position: static;
  height: 100%;
  overflow: scroll;
  overflow-x: visible;
  overflow-y: auto
}

.menu-top-nav ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.menu-top-nav li {
  position: relative;
  display: block
}

.menu-top-nav li.level-open>.nav-wrapper {
  visibility: visible
}

.menu-top-nav input[type="checkbox"] {
  display: none
}

.menu-top-nav label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer
}

.menu-top-nav a {
  position: relative;
  display: block;
  box-sizing: border-box;
  cursor: pointer
}

.menu-top-nav a,
.menu-top-nav a:hover {
  text-decoration: none
}

.menu-top-nav.disable-body:not(.nav-open)::after {
  pointer-events: none
}

.menu-top-nav.disable-body::after,
.menu-top-nav.disable-body .nav-wrapper::after {
  content: '';
  position: fixed;
  z-index: 9990;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease .4s, opacity .4s ease
}

.menu-top-nav.disable-body.nav-open::after,
.menu-top-nav.disable-body .sub-level-open::after {
  visibility: visible;
  opacity: 1;
  transition-delay: .05s
}

.menu-top-nav.nav-levels-expand .nav-wrapper::after {
  display: none
}

.menu-top-nav.nav-levels-expand ul .nav-wrapper {
  min-width: 0;
  max-height: 0;
  overflow: hidden;
  transition: height 0s ease .4s
}

.menu-top-nav.nav-levels-expand .level-open>.nav-wrapper {
  max-height: none
}

.menu-top-nav.nav-levels-overlap ul .nav-wrapper {
  position: absolute;
  z-index: 9999;
  top: 0;
  height: 100%;
  visibility: hidden;
  transition: visibility 0s ease .4s, transform .4s ease
}

.menu-top-nav.nav-levels-overlap ul ul {
  height: 100%;
  overflow: scroll;
  overflow-x: visible;
  overflow-y: auto
}

.menu-top-nav.nav-levels-overlap ul li.nav-parent {
  position: static
}

.menu-top-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
  visibility: visible;
  transition: transform .4s ease
}

.menu-top-nav.side-left {
  left: 0
}

.menu-top-nav.side-left .nav-container {
  left: 0;
  transform: translate3d(-100%, 0, 0)
}

.menu-top-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper {
  transform: translate3d(-40px, 0, 0)
}

.menu-top-nav.side-left.nav-levels-overlap li .nav-wrapper {
  left: 0;
  transform: translate3d(-100%, 0, 0)
}

.menu-top-nav.side-right {
  right: 0
}

.menu-top-nav.side-right .nav-container {
  right: 0;
  transform: translate3d(100%, 0, 0)
}

.menu-top-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper {
  transform: translate3d(40px, 0, 0)
}

.menu-top-nav.side-right.nav-levels-overlap li .nav-wrapper {
  right: 0;
  transform: translate3d(100%, 0, 0)
}

.menu-top-nav.nav-open .nav-container {
  transform: translate3d(0, 0, 0)
}

.menu-top-nav::after,
.menu-top-nav .nav-wrapper::after {
  background: rgba(0, 0, 0, 0.3)
}

.menu-top-nav .nav-wrapper {
  background: #234358;
}

.menu-top-nav.nav-open .nav-wrapper {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.menu-top-nav h2 {
  font-size: 1.2rem;
  padding: 1.3rem 1rem;
  color: #cac698;
}

.menu-top-nav a {
  padding: .6rem 1rem;
  color: #FFF;
  z-index: 1;
  border-bottom: 1px solid #2b4d62;
  letter-spacing: .2rem;
}

.menu-top-nav:not(.touch-device) a:hover {
  background: #182f3d;
  color: #fff;
}

.menu-top-nav li {
  text-align: left
}

.menu-top-nav li.nav-back a {
  background: #182f3d;
  border-top: 1px solid #2b4d62;
  border-bottom: 1px solid #2b4d62;
}

.menu-top-nav li.nav-back a:hover {
  background: #182f3d;
}

.menu-top-nav li.nav-parent a {
  padding-right: 58px
}

.menu-top-nav li.nav-parent span.nav-next,
.menu-top-nav li.nav-back span {
  width: 45px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  transition: background .2s ease
}

.menu-top-nav a[href]:not([href="#"])>span.nav-next {
  border-left: 1px solid #2b4d62;
}

.menu-top-nav span.nav-next::before,
.menu-top-nav li.nav-back span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -2px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform-origin: center
}

.menu-top-nav span.nav-next::before {
  transform: translate(-50%, -50%) rotate(135deg)
}

.menu-top-nav li.nav-back span::before {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.menu-top-nav.side-right span.nav-next::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(-45deg)
}

.menu-top-nav.side-right li.nav-back span::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(135deg)
}

.menu-top-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.menu-top-nav.nav-levels-none .nav-container ul .nav-wrapper {
  box-shadow: none;
  background: transparent
}

.menu-top-nav.nav-levels-expand .nav-container ul h2,
.menu-top-nav.nav-levels-none .nav-container ul h2 {
  display: none
}

.menu-top-nav.nav-levels-expand .nav-container ul ul a,
.menu-top-nav.nav-levels-none .nav-container ul ul a {
  font-size: 14px
}

.menu-top-nav.nav-levels-expand .nav-container li,
.menu-top-nav.nav-levels-none .nav-container li {
  transition: background .3s ease
}

.menu-top-nav.nav-levels-expand .nav-container li.level-open,
.menu-top-nav.nav-levels-none .nav-container li.level-open {
  background: #2e6296
}

.menu-top-nav.nav-levels-expand .nav-container li.level-open a,
.menu-top-nav.nav-levels-none .nav-container li.level-open a {
  border-bottom: 1px solid #295887
}

.menu-top-nav.nav-levels-expand .nav-container li.level-open a:hover,
.menu-top-nav.nav-levels-none .nav-container li.level-open a:hover {
  background: #2f649a
}

.menu-top-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.menu-top-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before {
  margin-top: 2px;
  transform: translate(-50%, -50%) rotate(45deg)
}

.menu-top-nav.nav-levels-expand .nav-container span.nav-next::before,
.menu-top-nav.nav-levels-none .nav-container span.nav-next::before {
  margin-top: -2px;
  transform: translate(-50%, -50%) rotate(225deg)
}

.nav-log-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.nav-log-text {
  font-size: 1.2em;
}

header {
  position: relative;
  padding: 0
}

header .toggle {
  height: 1rem;
  position: relative;
  top: auto;
  left: auto;
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  font-size: 20px;
  width: 1.6rem;
}

header .toggle span {
  width: 25px;
  top: 60%;
  transform: translateY(-50%);
  transform-origin: 50% 50%
}

header .toggle span,
header .toggle span::before,
header .toggle span::after {
  position: absolute;
  left: 0;
  height: 3px;
  background: #FFF;
  transition: all .1s ease
}

header .toggle span::before,
header .toggle span::after {
  content: '';
  width: 100%
}

header .toggle span::before {
  top: -8px
}

header .toggle span::after {
  bottom: -8px
}

.cover5rem {
  width: 5rem;
}

.rank_detail {
  font-size: 75% !important;
  text-indent: 2em;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rank_num {
  position: absolute;
  bottom: .8rem;
  left: .2rem;
  color: #fff;
  width: 1.6rem;
  height: 1.6rem;
  background: #b10b1ab8;
  line-height: 1.6rem;
  text-align: center;
  border-radius: 50%;
}

.rank_txt_num {
  font-size: 1.2rem;
  color: #ccc;
}

.read_nav {
  background: rgb(188 188 188 / 30%);
  list-style: none;
}

.read_nav_li {
  line-height: 1.2rem;
}

.read_nav_li a {
  background: rgb(0 0 0 / 50%);
  font-size: .8rem !important;
}

.read_nav_li i {
  font-size: .8rem !important;
}

.read_btn_gp {
  line-height: 2.1rem !important;
}

.read_btn_gp div span,
.read_btn_gp div a {
  font-size: 1rem !important;
}