/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/common/css/common.css ***!
  \*****************************************************************************/
.r-common-icon {
  /* background: url("/src/common/img/icon.png"); */
  display: inline-block;
}
.r-common-btn {
  display: inline-block;
  box-sizing: border-box;
}
.r-common-btn-light,
.r-common-btn-blue {
  box-sizing: border-box;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  border-radius: 2px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 16px;
}
.r-common-large-btn {
  height: 40px;
  line-height: 40px;
}
.r-common-medium-btn {
  height: 32px;
  line-height: 32px;
}
.r-common-small-btn {
  height: 28px;
  line-height: 28px;
}
.r-common-mini-btn {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.r-common-btn-blue {
  background: #0076fe;
  color: #fff;
}
.r-common-btn-blue:hover {
  background: #3391fe;
}
.r-common-btn-blue.c-disabled-btn {
  cursor: not-allowed;
  background: #80bbff;
}
.r-common-btn-blue.c-disabled-btn:hover {
  cursor: not-allowed;
  background: #80bbff;
}


/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/readerCenterPanel/css/readerCrenterPanel.css ***!
  \****************************************************************************************************/
.r-rcp-pannel {
  position: fixed;
  right: 50px;
  top: 50px;
}
.r-rcp-alink {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.r-rcp-alink:hover {
  text-decoration: none;
}
.r-rcp-cardicon {
  /* background-position: -82px -52px; */
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 2px;
}
.r-rcp-buyBtn {
  display: inline-block;
  text-align: center;
  width: 100px;
  height: 28px;
  line-height: 28px;
  background: #ff5556;
  border-radius: 14px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.r-rcp-buyBtn:hover {
  background: #ff6161;
}
.r-rcp-avatar,
.r-rcp-login-avatar {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 0;
  font-size: 0;
  border: 1px solid #f4f4f4;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  margin-left: 4px;
  cursor: pointer;
}
.r-rcp-login-avatar img,
.r-rcp-avatar img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
}
.r-rcp-popmenu {
  position: fixed;
  /* width: fit-content; */
  z-index: 9999;
  padding: 12px;
  box-sizing: border-box;
  display: none;
}
.r-rcp-popmenu-Box {
  /* width: 100%; */
  background: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
  padding: 4px 8px;
}
.r-rcp-popmenu-item {
  box-sizing: border-box;
  /* width: 100%; */
  height: 38px;
  line-height: 38px;
  padding: 0 8px;
  font-size: 13px;
  color: #020713;
  cursor: pointer;
}
.r-rcp-popmenu-item .r-common-icon {
  width: 16px;
  height: 18px;
  margin-right: 6px;
  vertical-align: middle;
}
/* .r-rcp-popmenu-item.r-rcp-books-item .r-common-icon {
  background-position: -10px -51px;
} */
/* .r-rcp-popmenu-item.r-rcp-goods-item .r-common-icon {
  background-position: -46px -51px;
}
.r-rcp-popmenu-item.r-rcp-orders-item .r-common-icon {
  background-position: -119px -51px;
}
.r-rcp-popmenu-item.r-rcp-history-item .r-common-icon {
  background-position: -154px -51px;
}
.r-rcp-popmenu-item.r-rcp-invoice-item .r-common-icon {
  background-position: -191px -51px;
}
.r-rcp-popmenu-item.r-rcp-cdk-item .r-common-icon {
  background-position: -226px -51px;
}
.r-rcp-popmenu-item.r-rcp-buy-item .r-common-icon {
  background-position: -10px -88px;
}
.r-rcp-popmenu-item.r-rcp-exit-item .r-common-icon {
  background-position: -262px -51px;
} */
.r-rcp-popmenu-item.r-rcp-exit-item,
.r-rcp-popmenu-item.r-rcp-buy-item {
  border-top: 1px solid rgb(247, 247, 247);
}
.r-rcp-iframe-box {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
}
.r-rcp-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.pc-rcp-iframe-box {
  background-color: rgba(0, 0, 0, 0.7);
}
.pc-rcp-iframe-box .r-rcp-iframe {
  width: 400px;
}

/* 引导购买页面 */
._powerlimit_dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2999;
  top: 0;
  left: 0;
}

._powerlimit_dialog.show {
  visibility: visible;
}

._powerlimit_dialog ._powerlimit_dialog_bg {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

._powerlimit_dialog-table {
  display: table;
  width: 100%;
  height: 100%;
}

._powerlimit_dialog_table_cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

._powerlimit_dialog_content {
  position: relative;
  width: max-content;
  margin: 0 auto;
  color: #fff;
}
._powerlimit_close_btn {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 48px;
  cursor: pointer;
}
._powerlimit_brand_Box {
  width: 230px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ffffff;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 28px;
}
._powerlimit_brand_name,
._powerlimit_brand_bTitle {
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  max-height: 4em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
._powerlimit_brand_content {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
}
._powerlimit_brand_logo {
  width: 24px;
  height: 24px;
  line-height: 0;
  font-size: 0;
  border: 1px solid #f4f4f4;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  margin-right: 6px;
}
._powerlimit_brand_logo img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
}
._powerlimit_brand_name {
  font-size: 14px;
  font-weight: 500;
  width: auto;
  word-break: break-word;
}
._powerlimit_brand_title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 28px;
}
.r-common-icon.r-cdk-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: text-top;
}
._powerlimit_brand_btn {
  display: inline-block;
  text-align: center;
  height: 40px;
  padding: 0 28px;
  line-height: 40px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
._powerlimit_brand_redBtn {
  background: #ff5556;
}
._powerlimit_brand_redBtn:hover {
  background: #ff6161;
}
._powerlimit_brand_blueBtn {
  margin-left: 12px;
  background: #0076fe;
}
._powerlimit_brand_blueBtn:hover {
  background: #3391fe;
}
._powerlimit_cdk_link {
  margin-top: 12px;
  font-size: 14px;
  cursor: pointer;
}
._powerlimit_bottom_box {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  text-align: center;
}
._powerlimit_bottom_login {
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.r-rcp-tooltip {
  position: absolute;
  /* z-index: 9999; */
  background-color: #333;
  color: #fff;
  font-size: 14px;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.r-rcp-tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
}

.r-rcp-tooltip__content {
  margin-top: 6px;
}

.r-rcp-tooltip--top .r-rcp-tooltip__arrow {
  top: -12px;
  left: 50%;
  margin-left: -6px;
  border-color: transparent transparent #333 transparent;
}

.r-rcp-tooltip--top .r-rcp-tooltip__content {
  text-align: center;
}

.r-rcp-tooltip--right .r-rcp-tooltip__arrow {
  top: 50%;
  right: -12px;
  margin-top: -6px;
  border-color: transparent #333 transparent transparent;
}

.r-rcp-tooltip--bottom .r-rcp-tooltip__arrow {
  margin-left: -6px;
  border-color: transparent transparent #333 transparent;
}

.r-rcp-tooltip--bottom .r-rcp-tooltip__content {
  text-align: center;
}

.r-rcp-tooltip--left .r-rcp-tooltip__arrow {
  top: 50%;
  left: -12px;
  margin-top: -6px;
  border-color: transparent transparent transparent #333;
}