@charset 'UTF-8';

/**
 * @author yangye
 * @design xurui;
 */

/**
 * @author yangye
 * @design xurui;
 */

/**
 * @author yangye
 * @design xurui;
 */

/* 居中容器 */

/*边框*/

/*下边距 默认mb就是10px*/

/* 不折行截字 */

/* 折行截字 */

/* 字号22的标题 - 调整行高 */

/* 嵌套小三角 */

/* 实体小三角 */

/* 过渡动画 默认0.3秒 */

/* 平面书封hover放大到1.1倍 */

/* 父容器清浮动 */

/* 标题下边框线 */

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/

/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/

/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/

/* 书详情页弹窗-互动弹窗 */

.vote-popup {
  min-height: 410px;
}

.vote-popup .popup-tab {
  font-size: 0;
  height: 39px;
  border-bottom: 1px solid #e6e6e6;
}

.vote-popup .popup-tab em {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: -2px;
  height: 20px;
  border-right: 1px solid #e6e6e6;
}

.vote-popup .popup-tab a {
  font-size: 18px;
  line-height: 36px;
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 40px;
  padding: 0 23px;
  transition: none;
  color: #a6a6a6;
}

.vote-popup .popup-tab a.act {
  z-index: 3;
  height: 38px;
  padding: 0 22px;
  color: var(--color-primary);
  border-top: 2px solid var(--color-primary);
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  background: #fcfcfa;
}

.vote-popup .popup-tab a.act em {
  right: -1px;
}

/* 互动弹窗内容 */

.vote-popup-wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 409px;
  background: #fcfcfa;
  /* 内容 */
}

.vote-popup-wrap .popup-content {
  padding: 0;
  padding-bottom: 24px;
  /* loading */
}

.vote-popup-wrap .popup-content div.loading {
  padding: 131px 0;
  text-align: center;
}

.vote-popup-wrap .popup-content div.loading span {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  background: url("/pro/hongxiu_pc/_prelease/images/common/loading.6bd87.gif") no-repeat;
}

.vote-popup-wrap .popup-content div.loading p {
  font: 14px/24px 'PingFangSC-Regular', '-apple-system', Simsun;
}

.vote-popup-wrap .popup-content .no-limit-wrap h3 {
  font: 16px/21px 'PingFangSC-Regular', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Microsoft YaHei', 'sans-serif';
  margin: 36px 0 27px;
  text-align: center;
}

.vote-popup-wrap .popup-content .no-limit-wrap h3 span,
.vote-popup-wrap .popup-content .no-limit-wrap h3 i {
  font: 16px/21px Arial;
  margin: 0 5px;
}

.vote-popup-wrap .popup-content .limit-wrap {
  position: relative;
  z-index: 1;
  height: 290px;
  text-align: center;
  *height: 345px;
}

.vote-popup-wrap .popup-content .limit-wrap .null {
  margin: 60px auto 30px;
}

.vote-popup-wrap .popup-content .limit-wrap .null.no-ticket {
  width: 54px;
  height: 78px;
  background-image: url("/pro/hongxiu_pc/_prelease/images/book_details/sprite.0133c.png");
  background-repeat: no-repeat;
  background-position: -193px 0;
  background-size: 335px;
}

.vote-popup-wrap .popup-content .limit-wrap .null.no-money {
  width: 64px;
  height: 64px;
  background-image: url("/pro/hongxiu_pc/_prelease/images/book_details/sprite.0133c.png");
  background-repeat: no-repeat;
  background-position: 0 -156px;
  background-size: 335px;
}

.vote-popup-wrap .popup-content .limit-wrap .error-state {
  padding-top: 70px;
}

.vote-popup-wrap .popup-content .limit-wrap .error-state .icon-phone {
  display: block;
  width: 48px;
  height: 48px;
  margin: 32px auto 20px;
  background-image: url("/pro/hongxiu_pc/_prelease/images/book_details/sprite.0133c.png");
  background-repeat: no-repeat;
  background-position: -249px -50px;
  background-size: 335px;
}

.vote-popup-wrap .popup-content .limit-wrap .error-tip {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 100%;
  margin: 35px 0 0;
  text-align: center;
}

.vote-popup-wrap .popup-content .limit-wrap h3 {
  font: 18px/24px 'PingFangSC-Regular', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Microsoft YaHei', 'sans-serif';
  overflow: hidden;
  height: 24px;
  margin-bottom: 16px;
}

.vote-popup-wrap .popup-content .limit-wrap h3 span {
  font: 16px/21px Arial;
  margin: 0 5px;
}

.vote-popup-wrap .popup-content .limit-wrap h4,
.vote-popup-wrap .popup-content .limit-wrap h5 {
  font: 14px/19px 'PingFangSC-Regular', '-apple-system', Simsun;
  overflow: hidden;
  height: 19px;
  margin-bottom: 5px;
  color: #666;
}

.vote-popup-wrap .popup-content .limit-wrap h4 em,
.vote-popup-wrap .popup-content .limit-wrap h5 em {
  font: 16px/21px Arial;
  margin: 0 5px;
  vertical-align: -1px;
  color: var(--color-primary);
}

.vote-popup-wrap .popup-content .limit-wrap h4 em.f14,
.vote-popup-wrap .popup-content .limit-wrap h5 em.f14 {
  font-size: 14px;
}

.vote-popup-wrap .popup-content .limit-wrap h5 {
  margin-bottom: 64px;
}

.vote-popup-wrap .popup-content .limit-wrap p {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.vote-popup-wrap .popup-content .limit-wrap p a {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

.vote-popup-wrap .popup-content .limit-wrap p.bottom {
  bottom: 0;
}

.vote-popup-wrap .popup-content .limit-wrap p.bottom a {
  font: 12px/16px 'PingFangSC-Regular', '-apple-system', Simsun;
  height: 16px;
  color: #a6a6a6;
}

.vote-popup-wrap .popup-content .limit-wrap p.bottom a:hover {
  color: var(--color-primary);
}

.vote-popup-wrap .popup-content .limit-wrap p.bottom em {
  font-family: Airal;
  font-size: 12px;
  display: inline-block;
  margin: 0 6px 0 5px;
  vertical-align: middle;
  color: #a6a6a6;
}

.vote-popup-wrap .popup-content .vote-complete {
  padding: 54px 0 0;
  text-align: center;
}

.vote-popup-wrap .popup-content .vote-complete .complete-img {
  margin: 0 auto 24px;
  animation: flipInX .6s;
}

.vote-popup-wrap .popup-content .vote-complete h3 {
  font: 18px/24px 'PingFangSC-Regular', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Microsoft YaHei', 'sans-serif';
  overflow: hidden;
  height: 24px;
  margin-bottom: 12px;
}

.vote-popup-wrap .popup-content .vote-complete h3 span {
  font: 16px/21px Arial;
  margin: 0 5px;
}

.vote-popup-wrap .popup-content .vote-complete h3.mb50 {
  margin-bottom: 50px;
}

.vote-popup-wrap .popup-content .vote-complete p {
  font: 14px/20px 'PingFangSC-Regular', '-apple-system', Simsun;
  margin-bottom: 28px;
  color: var(--color-primary);
}

.vote-popup-wrap .popup-content .vote-complete p em {
  font: 14px/21px Arial;
  margin: 0 5px;
}

.vote-popup-wrap .popup-btn a.border-btn {
  margin-left: 0;
}

.vote-form-wrap {
  width: 440px;
  margin: 0 auto 30px;
}

.vote-form-wrap h4,
.vote-form-wrap .vote-popup-wrap .popup-content .limit-wrap h5,
.vote-popup-wrap .popup-content .limit-wrap .vote-form-wrap h5 {
  font: 12px/16px 'PingFangSC-Regular', '-apple-system', Simsun;
  overflow: hidden;
  height: 16px;
  margin-bottom: 10px;
  text-align: left;
  color: #a6a6a6;
}

.vote-form-wrap h4 span,
.vote-form-wrap .vote-popup-wrap .popup-content .limit-wrap h5 span,
.vote-popup-wrap .popup-content .limit-wrap .vote-form-wrap h5 span {
  margin-left: 10px;
  color: var(--color-primary);
}

.vote-form-wrap h4 em,
.vote-form-wrap .vote-popup-wrap .popup-content .limit-wrap h5 em,
.vote-popup-wrap .popup-content .limit-wrap .vote-form-wrap h5 em {
  font-family: Arial;
  margin: 0 5px;
  color: var(--color-primary);
}

.vote-form-wrap h4 b,
.vote-form-wrap .vote-popup-wrap .popup-content .limit-wrap h5 b,
.vote-popup-wrap .popup-content .limit-wrap .vote-form-wrap h5 b {
  font-weight: 400;
}

.vote-form-wrap h4 i,
.vote-form-wrap .vote-popup-wrap .popup-content .limit-wrap h5 i,
.vote-popup-wrap .popup-content .limit-wrap .vote-form-wrap h5 i {
  font-family: Arial;
  margin: 0 5px;
}

.vote-form-wrap .vote-wrap.mb120 {
  margin-bottom: 120px;
}

.vote-form-wrap .vote-wrap.mb160 {
  margin-bottom: 155px;
}

.vote-form-wrap .vote-wrap a {
  position: relative;
  z-index: 1;
  width: 78px;
  height: 78px;
  border: 1px solid #e6e6e6;
  background-color: white;
}

.vote-form-wrap .vote-wrap a.disabled {
  cursor: no-drop;
  background: none;
}

.vote-form-wrap .vote-wrap a.disabled span,
.vote-form-wrap .vote-wrap a.disabled span em {
  background-color: #d9d9d9;
}

.vote-form-wrap .vote-wrap a.disabled:hover span,
.vote-form-wrap .vote-wrap a.disabled:hover em {
  background-color: #d9d9d9;
}

.vote-form-wrap .vote-wrap a span {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  margin-left: -7px;
  transition: background-color .5s;
  border-radius: 10px;
  background-color: #d9d9d9;
}

.vote-form-wrap .vote-wrap a span em {
  transition: background-color .5s;
  background-color: #d9d9d9;
}

.vote-form-wrap .vote-wrap a:hover span,
.vote-form-wrap .vote-wrap a:hover em {
  background-color: #808080;
}

.vote-form-wrap .vote-wrap a.subtract {
  float: left;
}

.vote-form-wrap .vote-wrap a.add {
  float: right;
}

.vote-form-wrap .vote-wrap a.add span em {
  position: absolute;
  z-index: 1;
  top: -7px;
  left: 7px;
  width: 2px;
  height: 16px;
  border-radius: 10px;
}

.vote-form-wrap .vote-wrap .ticket-num {
  font-size: 0;
  position: relative;
  z-index: 1;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  width: 280px;
  height: 78px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: white;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
}

.vote-form-wrap .vote-wrap .ticket-num em,
.vote-form-wrap .vote-wrap .ticket-num i,
.vote-form-wrap .vote-wrap .ticket-num input {
  display: inline-block;
  vertical-align: middle;
}

.vote-form-wrap .vote-wrap .ticket-num span {
  display: block;
  width: 122px;
  height: 100%;
  margin: 0 auto 0 76px;
  text-align: center;
}

.vote-form-wrap .vote-wrap .ticket-num span + i,
.vote-form-wrap .vote-wrap .ticket-num span + input {
  position: absolute;
  z-index: 1;
  top: 24px;
  right: 38px;
}

.vote-form-wrap .vote-wrap .ticket-num span + input {
  font-size: 24px;
  right: 22px;
  overflow: hidden;
  width: 48px;
  text-align: center;
}

.vote-form-wrap .vote-wrap .ticket-num span b {
  display: none;
  width: 36px;
  margin-top: 14px;
  margin-left: -14px;
  animation: fadeInDown .5s;
}

.vote-form-wrap .vote-wrap .ticket-num span b:first-child {
  display: inline-block;
}

.vote-form-wrap .vote-wrap .ticket-num span b ~ b {
  display: inline-block;
}

.vote-form-wrap .vote-wrap .ticket-num span.month-ticket + i {
  color: var(--color-primary);
}

.vote-form-wrap .vote-wrap .ticket-num span.month-ticket b {
  width: 36px;
  height: 52px;
  background-image: url("/pro/hongxiu_pc/_prelease/images/book_details/sprite.0133c.png");
  background-repeat: no-repeat;
  background-position: -299px 0;
  background-size: 335px;
}

.vote-form-wrap .vote-wrap .ticket-num span.rec-ticket + input {
  color: #d19167;
}

.vote-form-wrap .vote-wrap .ticket-num span.rec-ticket b {
  width: 36px;
  height: 52px;
  background-image: url("/pro/hongxiu_pc/_prelease/images/book_details/sprite.0133c.png");
  background-repeat: no-repeat;
  background-position: -299px -54px;
  background-size: 335px;
}

.vote-form-wrap .vote-wrap .ticket-num em {
  margin-right: 10px;
}

.vote-form-wrap .vote-wrap .ticket-num em,
.vote-form-wrap .vote-wrap .ticket-num i {
  font-family: FZZCYSK;
  font-size: 24px;
}

.message-wrap {
  margin-bottom: 24px;
}

.message-wrap.count-wrap {
  height: 88px;
}

.message-wrap textarea {
  font-family: 'PingFangSC-Regular', '-apple-system', Simsun;
  font-size: 12px;
  display: block;
  overflow: hidden;
  width: 418px;
  height: 78px;
  padding: 8px 0 8px 12px;
  color: #666;
  border: 1px solid #e6e6e6;
}

.count-text {
  position: relative;
  z-index: 1;
  width: 438px;
  height: 88px;
  margin-bottom: 24px;
  border: 1px solid #e6e6e6;
  background: white;
}

.count-text textarea {
  font-family: 'PingFangSC-Regular', '-apple-system', Simsun;
  font-size: 12px;
  display: block;
  overflow: hidden;
  width: 418px;
  height: 58px;
  padding: 8px 0 0 12px;
  color: #666;
  border: none;
}

.count-text .count {
  font: 12px/14px 'PingFangSC-Regular', '-apple-system', Simsun;
  position: absolute;
  z-index: 1;
  right: 5px;
  bottom: 5px;
  color: #bfbfbf;
}

.count-text .count.full {
  color: var(--color-primary);
}

/* 打赏礼物 */

.vote-form-wrap .gift-list {
  margin: 40px 0 0;
}

.vote-form-wrap .gift-list ul {
  width: 456px;
}

.vote-form-wrap .gift-list li {
  position: relative;
  z-index: 1;
  float: left;
  width: 134px;
  height: 128px;
  margin: 0 16px 16px 0;
  cursor: pointer;
  transition: background .5s;
  text-align: center;
  border: 1px solid #e6e6e6;
  background-color: white;
}

.vote-form-wrap .gift-list li:hover {
  background: #fff5f5;
}

.vote-form-wrap .gift-list li:hover .gift img {
  margin-top: -2px;
  margin-bottom: 2px;
}

.vote-form-wrap .gift-list li .icon-gift1 {
  margin-right: -15px !important;
}

.vote-form-wrap .gift-list li .icon-gift3 {
  margin-top: 15px !important;
}

.vote-form-wrap .gift-list li .icon-gift4 {
  margin-top: 10px !important;
}

.vote-form-wrap .gift-list li .gift {
  height: 70px;
  margin: 0 auto 4px;
  padding-top: 10px;
}

.vote-form-wrap .gift-list li .gift img {
  display: block;
  width: 110px;
  height: 60px;
  margin: 0 auto;
  transition: margin .3s;
}

.vote-form-wrap .gift-list li h5 {
  font: 16px/1 'PingFangSC-Regular', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Microsoft YaHei', 'sans-serif';
  margin-bottom: 4px;
  color: #ddce8e;
}

.vote-form-wrap .gift-list li p {
  font: 12px/1 'PingFangSC-Regular', '-apple-system', Simsun;
  color: #a6a6a6;
}

/* 送出礼物弹窗 */

.send-gift {
  height: 354px;
}

.send-gift .gift-num-wrap {
  padding-top: 20px;
  padding-bottom: 30px;
}

.send-gift .gift-num-wrap .add:hover span,
.send-gift .gift-num-wrap .add:hover em,
.send-gift .gift-num-wrap .subtract:hover span,
.send-gift .gift-num-wrap .subtract:hover em {
  background: var(--color-primary);
}

.send-gift .gift-num-wrap h3 {
  font: 14px/36px 'PingFangSC-Regular', '-apple-system', Simsun;
  margin-bottom: 12px;
  padding-left: 20px;
  text-align: left;
}

.send-gift .gift-num-wrap h3.error-tip {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.send-gift .gift-num-wrap h3 b {
  letter-spacing: 1px;
}

.send-gift .gift-num-wrap .gift-num-box {
  font-size: 0;
  position: relative;
  z-index: 1;
  width: 280px;
  height: 78px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: white;
}

.send-gift .gift-num-wrap .gift-num-box .gift-img {
  float: left;
  width: 134px;
  height: 62px;
  margin-top: 6px;
}

.send-gift .gift-num-wrap .gift-num-box .gift-img img {
  display: block;
  width: 110px;
  height: 60px;
}

.send-gift .gift-num-wrap .gift-num-box cite {
  width: 22px;
  height: 22px;
  margin-top: 28px;
}

.send-gift .gift-num-wrap .gift-num-box .input-box {
  position: absolute;
  z-index: 1;
  top: 24px;
  right: 0;
  width: 120px;
}

.send-gift .gift-num-wrap .gift-num-box .input-box input {
  font-size: 24px;
  width: 48px;
  text-align: center;
}

.send-gift .gift-num-wrap .gift-num-box .present {
  font: 12px/18px 'PingFangSC-Regular', '-apple-system', Simsun;
  position: absolute;
  z-index: 1;
  top: -20px;
  right: 50%;
  width: 68px;
  margin-right: -38px;
  padding: 0 4px;
  text-align: center;
  color: var(--sheet-background-bw-white);
  border-radius: 3px;
  background: var(--color-primary);
}

.send-gift .gift-num-wrap .gift-num-box .present b,
.send-gift .gift-num-wrap .gift-num-box .present strong {
  font-weight: 400;
}

.send-gift .gift-num-wrap .gift-num-box .present strong {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -4px;
  border-top: 4px solid var(--color-primary);
  border-right: 4px solid transparent;
  border-bottom: 0 none;
  border-left: 4px solid transparent;
}

.send-gift .gift-num-wrap .send-who {
  padding-left: 20px;
  text-align: left;
}

.send-gift .gift-num-wrap .send-who p em,
.send-gift .gift-num-wrap .send-who p .lbf-radio,
.send-gift .gift-num-wrap .send-who p label {
  display: inline-block;
  vertical-align: middle;
}

.send-gift .gift-num-wrap .send-who p em {
  font: 12px/20px 'PingFangSC-Regular', '-apple-system', Simsun;
  margin-right: 8px;
  color: #a6a6a6;
}

.send-gift .gift-num-wrap .send-who p label {
  font: 14px/20px 'PingFangSC-Regular', '-apple-system', Simsun;
  margin-right: 16px;
  color: #2a2a2a;
}

.send-gift .gift-num-wrap .send-who p .lbf-radio {
  margin: 1px 5px 0 0;
}

/* retina屏双倍图 */

@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) {
  .vote-form-wrap .vote-wrap .ticket-num span b {
    background-image: url("/pro/hongxiu_pc/_prelease/images/book_details/sprite_2x.4d782.png") !important;
  }
}

/*# sourceMappingURL=data/landun/workspace/.map/vote_popup.css.map */