@charset 'UTF-8';
.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
}
.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/xs8_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 i,
.vote-popup-wrap .popup-content .no-limit-wrap h3 span {
  font: 16px/21px Arial;
  margin: 0 5px
}
.vote-popup-wrap .popup-content .limit-wrap {
  position: relative;
  z-index: 1;
  height: 290px;
  text-align: center
}
.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/xs8_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/xs8_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/xs8_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 .vote-popup-wrap .popup-content .limit-wrap h5,
.vote-form-wrap h4,
.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 .vote-popup-wrap .popup-content .limit-wrap h5 span,
.vote-form-wrap h4 span,
.vote-popup-wrap .popup-content .limit-wrap .vote-form-wrap h5 span {
  margin-left: 10px;
  color: var(--color-primary)
}
.vote-form-wrap .vote-popup-wrap .popup-content .limit-wrap h5 em,
.vote-form-wrap h4 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 .vote-popup-wrap .popup-content .limit-wrap h5 b,
.vote-form-wrap h4 b,
.vote-popup-wrap .popup-content .limit-wrap .vote-form-wrap h5 b {
  font-weight: 400
}
.vote-form-wrap .vote-popup-wrap .popup-content .limit-wrap h5 i,
.vote-form-wrap h4 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: #fff
}
.vote-form-wrap .vote-wrap a.disabled {
  cursor: no-drop;
  background: 0 0
}
.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 em,
.vote-form-wrap .vote-wrap a.disabled:hover span {
  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 em,
.vote-form-wrap .vote-wrap a:hover span {
  background-color: grey
}
.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: #fff;
  -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/xs8_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/xs8_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: #fff
}
.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: #fff
}
.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 em,
.send-gift .gift-num-wrap .add:hover span,
.send-gift .gift-num-wrap .subtract:hover em,
.send-gift .gift-num-wrap .subtract:hover span {
  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: #fff
}
.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 .lbf-radio,
.send-gift .gift-num-wrap .send-who p em,
.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
}
@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/xs8_pc/_prelease/images/book_details/sprite_2x.4d782.png)!important
  }
}