.exadd_info {
  color: #9e9e9e;
  font-size: 12px;
  margin-left: 90px;
  margin-top: -30px;
  position: absolute;
}

.ex_item {
  position: absolute;
  display: flex;
  flex-direction: row;
  color: #ffa228;
  margin-left: 73px;
  width: 108px;
  height: 30px;
  margin-top: 5px;
  border-radius: 4px;
  border: 1px solid rgba(255, 162, 40, 1);
}

.btn-tips {
  display: flex;
  flex-direction: row;
  margin-left: 260px;
  position: absolute;
  width: 300px;
  text-align: center;
  line-height: 24px;
  margin-top: 7px;

}

.btn-tips span {
  margin-left: 20px;
}

.add_item span {
  display: inline-block;
  width: 36px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 8px;
  border: 1px solid #ffa228;
  color: #ffa228;
  height: 24px;
  line-height: 24px;
  border-radius: 5px;
}

.name {
  display: flex;
  flex-direction: row;
}

.info_spvoice {
  width: 50px;
  height: 24px;
  margin-left: 15px;
}

.voice_info {

  position: relative;
  /* margin-top: -50px;
  margin-left: 70px; */
  width: 50px;
  height: 24px;

  border-radius: 4px;
  text-align: center;
}

.voice_play {
  margin-top: 50px;
}

.voice_info span {
  width: 35px;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  vertical-align: middle
    /* align-self:center */

}

.i_icon {
  cursor: pointer;
  margin-top: -1px;
  width: 32px;
  height: 30px;
  background: rgba(255, 162, 40, 1);
  border-radius: 4px;
}

.ex_item p {
  margin-top: 4px;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;

}

/* .layui-layer-page{
  
} */
/* .layui-layer-btn {
  text-align: center !important;
} */

.jinzhi {
  position: relative;
  left: 0px;
  top: 0px;
  width: 150px !important;
  height: 136px !important;
  background: inherit;
  background-color: rgba(255, 255, 255, 1);
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #EEEEEE;
  box-shadow: none;
  color: #CCCCCC !important;
  margin-left: 20px;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0
}

.jinzhi div p span {
  color: #CCCCCC !important;
}

.voicebackage {
  position: relative;
  left: 0px;
  top: 0px;
  width: 150px !important;
  height: 136px !important;
  background: inherit;
  background-color: rgba(255, 255, 255, 1);
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(215, 215, 215, 1);
  box-shadow: none;
  color: #AAAAAA;
  margin-left: 20px;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0
}

.active {

  border: 2px solid #FFA228;
}

.active .xuanzhong {
  display: inline;
}

.active .t2 p span {
  color: #FFA228;
}

.voicebackage .t1 {

  color: #F94251;
}

.voicebackage .t2 {
  color: #333333;
}

.gaojiarea {
  padding-bottom: 10px;
}

.nscore {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 400;
  color: #999;
}

.price {
  font-size: 14px !important;
  color: #999 !important;
  /* color: #D9001B !important; */
}

.tishi {
  background-color: #fff;
  z-index: 1000;
  width: 350px !important;
}

.payzi {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 400;
  color: #999;
}

.haszi {
  font-size: 14px !important;
  color: #999;
  font-weight: 400 !important;
}

.chongzhi i {
  cursor: pointer;

}

.chongzhi img {
  width: 22px !important;
  height: 22px;

}

.nowscore {
  font-size: 16px;
  margin-left: 10px;
  font-weight: 400;
  color: #999;
}

.nowprice {
  font-weight: 400;
  margin-left: 10px;
  font-size: 14px !important;
  color: #999;
}

.youhuiinfo {
  position: absolute;
  width: 50px;
  height: 24px;
  top: 0px;
  left: 0px;
  /*ie6.7*/
  background: linear-gradient(180deg, #6B6B6B 0%, #393939 100%);
  border-radius: 6px 0px 6px 0px;
  display: flex;
  font-size: 12px;
  color: #FADDB3;
  justify-content: center;
  align-content: center;
  margin-top: -15px;
  margin-left: 110px;

}

.gaojiarea .tuijianinfo {
  position: absolute;
  width: 50px;
  height: 24px;
  top: 0px;
  left: 0px;
  /*ie6.7*/
  background: linear-gradient(90deg, #FD7789 0%, #F94251 100%);
  border-radius: 6px 0px 6px 0px;
  display: flex;
  font-size: 12px;
  color: rgb(255, 255, 255);
  justify-content: center;
  align-content: center;
  margin-top: -15px;
  margin-left: 110px;
  display: none;
}

.layui-layer-btn a {
  border-radius: 6px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  font-size: 14px !important;
}

.layui-layer-btn {

  padding: 0 32px 25px;

}

.v_line {
  width: 100%;

  border-bottom: 2px dashed #DDDDDD;
}

.huise {
  width: 146px;
  margin-top: 40px;
  position: absolute;
  border-bottom: 1px dashed #EEEEEE;
}

.name {
  display: flex;
  flex-direction: row;
}

.xuanzhong {
  position: absolute;
  margin-left: 124px;
  margin-top: 108px;
  bottom: 0px;
  left: 0px;
  /*ie6.7*/
  display: none;
}

.off_price {
  display: none;
  font-weight: 400;
  margin-left: 5px;
  font-size: 14px;
  color: #D9001B;
}

.base_info .plat {
  width: 58px;
  height: 24px;
  margin-left: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #fff;
  border-radius: 4px;
  display: none;
  cursor: pointer;
  align-items: center;
  background-color: #ffa228;
  justify-content: center;
}

.layui-layer-input {
  display: block;
  width: 230px;
  height: 36px;
  margin: 0 auto;
  line-height: 30px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
  margin-top: 20px;
  color: #333;
}

.voicevip {
  display: block;
  color: #fff;
  background: #FFA228;
  border-radius: 2px;
  padding: 5px;
  margin-left: 0px !important;
}

.voiceback_box {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -500px;
  z-index: 101;
  width: 800px;
  background: #fff;
}

.product-type .li-active {
  font-weight: 700;
  background-color: #fff;
  cursor: default;
}

.product-type .li-svip {
  position: relative;
  border-right: 1px solid #d9d9d9;
}

.product-type li {
  width: 396px;
  height: 69px;
  line-height: 69px;
  display: inline-block;
  font-size: 18px;
  text-align: center;
  background-color: #f5f5f5;
  cursor: pointer;

}

.cashier-content {
  padding-left: 15px !important;
}

.cashier-content {
  margin-top: 22px;
  position: relative;
  min-height: 350px;
}

.global-clearfix {
  zoom: 1;
}

.user-info {
  margin-bottom: 25px;
}

.user-info label {
  float: left;
  font-size: 14px;
  margin: 0 10px 0 1px;
  line-height: 21px;
  color: #333;
}

.vo_backage {
  position: relative;
  left: 0px;
  top: 0px;
  width: 208px !important;
  height: 64px !important;
  background: inherit;
  background-color: rgba(255, 255, 255, 1);
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(215, 215, 215, 1);
  box-shadow: none;
  color: #AAAAAA;
  margin-left: 11px;
  margin-right: 10px;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0
}

.vo_backage .t1 {

  color: #F94251;
}

.vo_backage .t2 {
  float: left;
  width: 56px;
  height: 60px;
  line-height: 60px;
  color: #707070;
  text-align: center;
  cursor: pointer;

  background: #ededed;
  font-size: 16px;
}

.vo_backage .xuanzhong {
  position: absolute;
  margin-left: 182px;
  margin-top: 108px;
  bottom: 0px;
  left: 0px;
  display: none;
}

.vo_backage .youhuiinfo {
  position: absolute;
  width: 50px;
  height: 24px;
  top: 0px;
  left: 0px;
  background: linear-gradient(180deg, #6B6B6B 0%, #393939 100%);
  border-radius: 6px 0px 6px 0px;
  display: flex;
  font-size: 12px;
  color: #FADDB3;
  justify-content: center;
  align-content: center;
  margin-top: -15px;
  margin-left: 165px;
}

.vo_backage .zengsonginfo {
  position: absolute;
  width: 50px;
  height: 24px;
  top: 0px;
  left: 0px;
  background: #F94251;
  border-radius: 6px 0px 6px 0px;
  display: flex;
  font-size: 12px;
  color: #fff;
  justify-content: center;
  align-content: center;
  margin-top: -15px;
  margin-left: 165px;
}

.nianyouhui .vo_backage .zengsonginfo {
  position: absolute;
  width: 94px;
  height: 24px;
  top: 0px;
  left: 0px;
  background: #F94251;
  border-radius: 6px 0px 6px 0px;
  display: flex;
  font-size: 12px;
  color: #fff;
  justify-content: center;
  align-content: center;
  margin-top: -15px;
  margin-left: 121px;
}

.act {

  border: 2px solid #FFA228;
}

.act .xuanzhong {
  display: inline;
}

.act .t2 p span {
  color: #FFA228;
}

.paycontent {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 40px;
}

.pay_voice_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 34px;
  font-size: 16px;
  color: #fff;
  border-radius: 6px;
  background: #ffa228;
  border-color: #ffa228;
  cursor: pointer;
}


.qx_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 41px;
  width: 120px;
  height: 34px;
  font-size: 16px;
  border-radius: 6px;
  background: #FFFFFF;
  cursor: pointer;
  border: 1px solid #DDDDDD;
}

.nianyouhui {
  display: none;
  flex-direction: row;

}

.area-3 {
  line-height: 40px;
  display: flex;
  flex-direction: row;
}

.area-3 p {
  font-weight: bold;
  color: #666;
  margin-right: 10px;
}

.area-3 .select-box {
  vertical-align: middle;
  display: inline-block;
}

.voicebase {
  display: inline-block;
  position: relative;
  border: 1px solid #ddd;
  width: 220px;
  height: 40px;
  border-radius: 4px;
  padding: 0 20px;
  cursor: pointer;
}

.imgshow {
  display: none;
  flex-direction: row;

}

.imgshow p {
  font-weight: bold;
  color: #666;
}

.imgshow .etc div {
  color: #ffa228;
}

.imgshow .emotion_box {
  text-align: center;
  line-height: 26px;
  width: 30px;
  display: flex;
  flex-direction: column;
  color: #999;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 2px;
  cursor: pointer;
}

.voice_detail .content .main .base_info .name {
  margin-top: 10px;
}

.imgshow img {
  width: 30px;
  height: 30px;
}

.base_info .plat2 {
  width: 58px;
  height: 24px;
  margin-left: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #fff;
  border-radius: 4px;
  display: none;
  cursor: pointer;
  align-items: center;
  background-color: red;
  justify-content: center;
}

.open-vip-bar {
  position: fixed;
  bottom: 0;
  width: 1200px;
  height: 88px;
  background-image: url(/Public/img/open-vip-bar@2x.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  z-index: 1;
}

.countdown-new {
  position: absolute;
  top: 50%;
  left: 217px;
  margin-top: -6px;
  font-family: Impact, PingFangSC-Semibold, PingFang SC;
  color: #fff;
}

.countdown-new .time-box {
  display: inline-block;
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
}

.countdown-new .time {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 40px;
  font-size: 18px;
  font-family: Impact;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-right: 11px;
}

.countdown-new .ms {
  width: 60px;
}

.open-vip-bar .buy-member-btn {
  position: absolute;
  top: 16px;
  right: 248px;
  width: 360px;
  height: 56px;
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/Public/img/buy-member-btn@2x.png?t=123");
}

.open-vip-bar .buy-member-btn .label-recommend {
  position: absolute;
  top: -32px;
  right: -7px;
  width: 62px;
}

.member-tick-tip {
  position: absolute;
  right: 44px;
  top: 34px;
  height: 20px;
  overflow: hidden;

}

.member-tick-tip .tick-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.member-tick-tip .tick-move {
  -webkit-animation: tick-move 1.5s ease-in-out infinite forwards;
  animation: tick-move 1.5s ease-in-out infinite forwards;
}

.member-tick-tip .tick-tip-avatar {
  width: 20px;
  margin-right: 4px;
  border-radius: 50%;
}

.member-tick-tip .desc,
.member-tick-tip .nick {
  color: #f6e3ca;
  font-weight: 500;
  margin-right: 4px;
}

.member-view.none-bg-color {
  background: transparent;
}

.member-view {
  display: none;
  width: 600px;
  height: 600px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 16%);
  z-index: 10002;
}

.head {
  position: relative;
  min-height: 60px;
}

.head .tabs {
  position: relative;
  line-height: 1.389;
  font-size: 18px;
}

.head .edge-1:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAB4CAYAAAC0CXGGAAADjUlEQVR4Xu2bP2sUYRCHf4MQNBAhxEYsbFL4ARQttVByF3L5A2m8i5yKsQ0WVgoHWlmIrYpENEmT4pJA7kQLLRX9ABZBbEQISopIEnXvRl5zi0fwkrxzs3u7MAchgbwzzPN7dt/dPVgaHy91BcGnnlqt3hsE6CfiE/U6zhHxeWYcQpufanWO2myxa3nL5kNDk91BsHGBiIcBHmZGr2SQjgE0D5vLXekJgp83Adxg5m4fkEQAhAOPjRWObm7WS0S4yowD+wFJFEA4cDY7cRKoLzDzsb0gEgnghnY2tra4zMynd4NILIAbulgsHlxd/f2YmQutIBIN8O+Qyj9vBZEKgIaJN/87nFIB0HROvN95YqcGwEFs7061t81bbKoAHEQmc/EhgMnw/EgdQGN7XQmv2KkD2D6U8neY+Zb7O5UA+Xz+8Noaf3Y3gKkEaFiYZuZiagEymcIIUC+nFsA9T9RqP75VKnNet9973Rzu/H+kT0uZTH6xWp0d9h3KZ32kAIOD+anl5dkHPgP5ro0UIJstDFQqMy98h/JZHylALlfoX1qaWfEZyHdtpACjo5f6yuVn332H8lkfKYD7ymZ+vvTLZyDftZEC+A4jWW8AktQ0a8yAZpqSXmZAkppmjRnQTFPSywxIUtOsMQOaaUp6mQFJapo1ZkAzTUkvMyBJTbPGDGimKellBiSpadaYAc00Jb3MgCQ1zRozoJmmpJcZkKSmWWMGNNOU9DIDktQ0a8yAZpqSXmZAkppmjRnQTFPSywxIUtOsMQOaaUp6mQFJapo1ZkAzTUkvMyBJTbPGDGimKellBiSpadaYAc00Jb3MgCQ1zRozoJmmpJcZkKSmWWMGNNOU9DIDktQ0a8yAZpqSXmZAkppmjRnYK01m7iKiyF6Gi9wAM/cRUWSvI8YB0E9Ekb0QGgfAABFF9kpuHABTRBTZS9FxACwSUWSvpccBsAHgCBG53+qfOAAYwCgRLahPDyAugKdEdDnNAGsAjhPRujZEXAbc3HeJ6HaaAdxJ7C5qXzUh4jTg5n5ERNfTDFADcIaIPmhBxG3Azf0FwCmtQ6kTAA7iHYCzRLTVrolOAbi5Z4hoIs0AfyEAXGvHRCcNhOG7w8ndaoi21yQAhCf2iGR3SgqAg3Bb7BMAJR8bSQIIDyl3xb4P4N5+7p2SCBCCuBvAxcbPy1bPE0kGaN5hNwG8AvAawEcA7ksCB7j+B4zePYvPsUDYAAAAAElFTkSuQmCC);
}

.head .tabs:after,
.head .tabs:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12px;
  content: "";
  width: 24px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
}

.head .edge-2:after {

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAB4CAYAAAC0CXGGAAADbUlEQVR4Xu2cP2hTURTGv++lJu+VOpS2gklBhAwVN5ugow5KN9tdQRF1LQ5OCgWdHMRVRRR0r9lEBx0tsaPo0EVoFUTpUEhLQa+8kkIsbfPn6315D04gZGjOeef7feeee1u4JTy/Gst1pz6CwLoj3gUM3gP4igEsFTYHV1H6u0Y1ebv43gVwlUQtIGp54C2LlcZuz0qdAJINEA/DQ0MPODax1g5QagSQ+AOHZ2GBcxyr/GhX+PbPUyKAKwNBMJ0vnvrUaeEpEsCFqICZbqi3iuyrAwRehaXR6+TxjW7J992BuPhovHq518L7LIALUWnkrEK+jwK4EhVQ7bXndzqW6BqIR2WOuTO9TJu9Wi1ZAcCTaLx6U+37vkyheIcN8ygfVOskvgYY8H5UrNw9SPpxroRaiKtRYehYJ2ebbgUmIoDki6hUudptcZ18PxEBuYAzhWLldScFdfsd7wLWl+uNMODoXuf5bgtOfh9YqdcGS9WLaqF92wc2vi/OhsXJR1kWMBUWJ99kV8DPxXJ4ZHIpswLc8pcRjp/4nV0B7nOePLmZWQG+Ck/sLGQC2hDwvhObA+aA7x4Q89saEAHK4eaAjFBMYA6IAOVwc0BGKCYwB0SAcrg5ICMUE5gDIkA53ByQEYoJzAERoBxuDsgIxQTmgAhQDjcHZIRiAnNABCiHmwMyQjGBOSAClMPNARmhmMAcEAHK4eaAjFBMYA6IAOVwc0BGKCYwB0SAcrg5ICMUE5gDIkA53ByQEYoJzAERoBxuDsgIxQTmgAhQDjcHZIRiAnNABCiHmwMyQjGBOSAClMPNARmhmMAc2A+gcy5P0tsluPjZXh1wzo2Q9HYNMQkBZZLeLoImIWCKpLeruEkImCXp7TJ0EgJqJL1dR/cqwDk3COAXyfjT28vbFHLOTQOYJ+ntGb4deA7gSiYFOOcOA/gGYDirAu4BuLNlcdZayDl3FEC8eW0t3iwKeAzgxvbYyZQA51wFwEcAucwJaLZOHUCpdehnwgHnXAjgA4DTO3esrAh4CeDSbtttqgU0yT/dq/hUT6Fmz8/v1japXwPNaRP/y6n/FmzqW6hJfQ7AtdZRud9RMxVroHm2uQ3g1vYO2+n5uG8Cmuf5CwDiX0ji93CnRSe6BuI/fQCIT49xgWUAEwDOATgPIOql6CQF/AMxbOpSWLSbdAAAAABJRU5ErkJggg==);
}

.head .tabs .tab {
  float: left;
  width: 50%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #f6e4cb;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.head .tabs .tab.selected {
  background-color: #fff;
}

.head .tabs .royal {
  margin-right: 4px;
}

.head .tabs img {
  vertical-align: text-bottom;
}

.head .tabs .tab span.title {
  color: #333;
  font-weight: 700;
}

.head .tabs .tab-super {
  background-color: #49495a;
}

.head .close.edge-close-1 {
  color: #999;
}

.head .close {
  position: absolute;
  right: 28px;
  top: 18px;
  cursor: pointer;
}

.h1-large {
  font-size: 24px;
}

.fr {
  float: right;
}

[class*=" eqf-"],
[class^=eqf-] {
  font-family: iconfonts !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.eqf-no:before {
  content: "×";
}

.member-body {
  background-color: #fff;
  height: 540px;
  padding-top: 4px;
  position: relative;
  padding: 12px 28px 20px;
}

.member-body .block {
  position: relative;
}

.member-body .card-block {
  margin-top: 24px;
}

.card-block {
  height: 185px;
}


.member-body .block .box .cell.active,
.member-body .block .box .cell:active,
.member-body .block .box .cell:hover {

  border: 1px solid #cca472;
}



.member-body .block .box .cell {
  width: 152px;
  height: 80px;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
  position: relative;
  float: left;
}

.member-body .block .box .cell {
  width: 156px;
  height: 132px;
  border-radius: 3px;
  border: 1px solid #ccd5db;
}

.member-body .block .box .cell.year-card-auto,
.member-body .block .box .cell.year-card {
  width: 208px;
}

.member-body .block .box .cell.active {
  background: rgba(179, 122, 51, .1);
  border-color: #cca472;
}

.text-center {
  text-align: center;
}

.member-body .block .box .cell.active .subscript {
  display: block;
}

.member-body .block .box .cell .subscript {
  display: none;
  line-height: 24px;
  border-width: 12px;
  border-color: transparent #cca472 #cca472 transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 20px;
  border-style: solid;
}

.member-body .block .box .cell .subscript i {
  position: absolute;
  left: -3px;
  font-size: 16px;
}

.member-body .block .box .cell .subscript i {
  top: -4px;
  left: -4px;
}

.eqf-yes:before {
  content: "√";
}

.member-body .block .box .cell .corner {
  position: absolute;
  z-index: 3;
  top: -8px;
  right: -1px;
  width: 58px;
  height: 26px;
}

.text-small {
  font-size: 12px;
}

.text-gold {
  color: #ac7e43;
}

.member-body .block .box .cell .time {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  line-height: 12px;
}

.member-body .block .box .cell .time {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  margin-top: 28px;
}

.member-body .block .box .cell.year-card-auto .time,
.member-body .block .box .cell.year-card .time {
  margin-top: 16px;
}

.member-body .block .box .cell .rate {
  margin-top: 8px;
  font-weight: 500;
  color: #ff5448;
  font-size: 12px;
}

.member-body .block .box .cell .rate {
  height: 24px;
  line-height: 24px;
  margin: 6px auto 8px;
  font-weight: 700;
}

.member-body .block .box .cell.year-card-auto .rate,
.member-body .block .box .cell.year-card .rate {
  margin: 2px auto 4px;
  height: 28px;
  line-height: 28px;
}

.member-body .block .box .cell .rate .actual-price {
  margin-right: 2px;
  font-size: 20px;
}

.member-body .block .box .cell.year-card-auto .rate .actual-price,
.member-body .block .box .cell.year-card .rate .actual-price {
  font-size: 24px;
}

.member-body .block .box .cell .money {
  height: 18px;
  line-height: 18px;
  margin-top: 0;
  color: #999;
}

.member-body .block .box .cell .money .month {
  font-size: 12px;
  color: #ff5448;
}

.member-body .block .box .cell.year-card-auto .year-card-tips,
.member-body .block .box .cell.year-card .year-card-tips {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 111px;
  height: 24px;
  font-size: 12px;
  color: #fff;
  border-radius: 11px;
  background-color: #ff5448;
  margin: 8px auto;
}

.member-body .block .box .cell:nth-child(2) {
  width: 156px;
  height: 132px;
  margin-top: 0;
}

.member-body .block .box .cell:not(:first-child) {
  margin-left: 12px;
}

.member-body .block .box .cell:last-of-type {
  margin-right: 0;
}

.member-body .block .files {
  height: 20px;
  line-height: 20px;
  margin-top: 16px;
}

.member-body .block .files .mall-checkbox {
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-weight: 500;
  position: relative;
}

.mall-checkbox .mall-checkbox__input {
  position: absolute;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  margin-top: 1px;
}

.mall-checkbox .mall-checkbox__input .mall-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #ccd5db;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #fff;
  z-index: 1;
  transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}

.member-body .block .files .mall-checkbox .mall-checkbox__inner {
  width: 16px;
  height: 16px;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.mall-checkbox .mall-checkbox__input .mall-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.mall-checkbox .mall-checkbox__input .mall-checkbox__inner:after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 5px;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: -webkit-transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s;
  transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.mall-checkbox .mall-checkbox__label {
  display: inline-block;
  padding-left: 20px;
  line-height: 19px;
  font-size: 14px;
}

.member-body .block .files .mall-checkbox .mall-checkbox__label {
  padding-left: 22px;
  font-weight: 400;
}

.member-body .block .files .red {
  color: #ff5448;
}

.member-body .block .split-line {
  width: 544px;
  height: 1px;
  background-color: rgba(0, 0, 0, .1);
  margin: 16px auto 0;
}

.member-body .block .quan-block {
  height: 25px;
  margin-top: 10px;

}

.member-body .block {
  position: relative;
}

.member-body .block .pay-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  word-spacing: -5px;
}

.member-body .block .pay-type-tip {
  height: 20px;
  line-height: 20px;
  color: #999;
  margin: 0 auto 16px;
  font-size: 12px;
}

.member-body .block .pay-type-tips {
  display: none;
  height: 20px;
  line-height: 20px;
  color: #999;
  margin: 0 auto 16px;
  font-size: 12px;
}

.member-body .block .pay-content .member-sub-item {
  vertical-align: top;
  display: inline-block;
  background-color: #fff;
  width: 160px;
  border: 0;
  height: 210px;
  border-radius: 3px;
}

.member-body .block .pay-content .member-auth,
.member-body .block .pay-content .member-sub-item {
  word-spacing: 0;
}

.member-body .block .qrcode-container {
  position: relative;
  width: 160px;
  height: 160px;
  padding: 0;
}

.member-body .block .qrcode-container .loading {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  text-align: center;
  z-index: 100;
}

.member-body .block .qrcode-container .loading .eqf-loading {
  display: inline-block;
  margin-top: 50px;
  font-size: 24px;
  -webkit-animation: rotate 2s linear .4s infinite;
  animation: rotate 2s linear .4s infinite;
  opacity: 0.6;
}

.member-body .block .qrcode-container .buy-qrcode {
  position: relative;
  padding-left: 160px;
}

.member-body .block .qrcode-container .buy-qrcode .qr-hd {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  position: absolute;
  left: 0;
  top: 0;
}

.member-body .block .qrcode-container .buy-qrcode .qr-hd img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.member-body .block .qrcode-container .buy-qrcode .qr-hd .qrcode-plus {
  border: 0;
}

.qrcode-puls {
  position: relative;
}

.qrcode-puls .qrcode-logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  z-index: 2;
}

.qrcode-puls .Alipay {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD///////////////////////////////////8Wd/////+61//7/f/G3f85jP8mgf89jv/O4v9ho//l8P+/2f+Xwv9xrP/5+//w9v/g7f9coP+UwP96sf9Vm/9Ckf/W5/+qzf8ziP+41v+Et/9Klf8ifv/1+f/Q4/+tz/+cxf9uqv8thP/b6v+/2v+z0v+lyv+fx/+Ovf9HlP+Guf9rqf9pRu0kAAAACnRSTlMA++jQx5R+IwsbbOToUwAAAaVJREFUSMfNltl2gjAQQNG6ZkBBQNkREdz39v9/rc4opwGFJk/tfXGZuXEmOTJRiH6v025BA612p9dXCgZdLrlB6g4UYvgBgnwMaX3MFzXwN7pAWLbagG0B0b33S/VPDPYLxoT66Cs9ymcCkNFTOvhiiAgGZnaUNtbPhMA+2gq2YFdDY0B0VsbGJhSMqGKCil/+d2E7ejIhYVJ8vNYJ/uzJJwmX6ZPdXzYdmURIQjZ+kDcIa60MiWaDUMXF8EJciDF6YOJCgNFlo6DzW6NjRdq+Voi3cwfA8UabYEd1nzFo122rngKsPG8FD6xkZwIS1Qi65wT0T134wRx+mNcd3NmNuZPeuoXwVSPsIWQ8eeAA4U2jt4JPx8OTQoG7MfMXYelU8kPgcY7hoiyEFSHScGkz0bj2D7yQgc/nLyk/vre/4RReYJ41ZgU3m9o1GGKc3gs+OJdIv29XNltTJMkLPz69CFQFvtNWRcGlCuO0KiARrUyaarIKN7UiEEYYJGly9XX2huxIQvEwFh0QLenHvfRAkR5Z0kNRduxKD3bpq4P85UT6+vMNXIJppj+U5ZsAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

.member-body .block .pay-content .member-sub-item .pay-type-nav {
  display: flex;
  justify-content: center;
  margin-top: 12px;
  font-size: 0;
  overflow: initial;
}

.member-body .block .pay-content .member-sub-item .pay-type-nav .pay-type.active {
  color: #b37a33;
  background: #fff8ee;
  border: 1px solid #ebd7be;
  position: relative;
}

.member-body .block .pay-content .member-sub-item .pay-type-nav .pay-type {
  display: inline-block;
  width: 80px;
  height: 28px;
  line-height: 27px;
  text-align: center;
  font-size: 14px;
  color: #999;
  border: 1px solid #e5e5e5;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
}

.member-body .privilege-block {
  margin-top: 12px;
  position: absolute;
  bottom: 14px;
  width: 544px;
  height: 33px;
}

.member-body .block .block-label {
  position: absolute;
  left: 0;
  color: #999;
}

.member-body .block .privilege {
  display: flex;
  justify-content: flex-start;
  line-height: inherit;
  margin-top: 0;
}

.member-body .block .privilege .item {
  line-height: 33px;
  display: flex;
  align-items: center;
  color: #4e3d31;
  margin-right: 18px;
}

.member-body .block .privilege .item img {
  vertical-align: middle;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  margin-bottom: 0;
}



.link {
  font-size: 12px;
  color: #666;
}

.link:hover {
  color: #cca472;
}

.member-body .block .privilege .privilege-link:hover {
  color: #cca472;
}

.member-body .block .privilege .privilege-link {
  position: absolute;
  right: 0;
  top: 7px;
  color: #666;
}

.member-body .block .privilege .customer-service,
.member-body .block .privilege .privilege-link {
  position: relative;
  padding: 0 1px;
  right: 0;
  top: 0;
}

.member-body .block .privilege .item:last-of-type .privilege-link {
  position: relative;
  top: 0;
  text-decoration:underline
}

.kp2 {
  display: none;
}

.member-view .tuijianinfo {
  position: absolute;
  width: 50px;
  height: 24px;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, #FD7789 0%, #F94251 100%);
  border-radius: 6px 0px 6px 0px;
  font-size: 12px;
  color: rgb(255, 255, 255);
  justify-content: center;
  align-content: center;
  margin-top: -15px;
  margin-left: 163px;
}

.eqf-loading:before {
  content: "❋";
}

.sub-title {
  margin-top: 17px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  text-align: center;
  margin-bottom: 17px;
}

.two_btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.govip {
  cursor: pointer;
  color: #315efb;
  text-decoration: underline;
}

.qrcode-puls .wechat {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAtFBMVEUAAAD///////////////////////////////////////8irDi+5sT+//5HuVnn9unQ7dT6/fv2/PfC6Mh2zIQ4tEwzskfy+vSx4riq37NBuFQlrTvN7NKz4rua2aRxyn9Uv2U+tlEvsUTq9+zc8d/X8Nu45L+k3a6f26mW16BJu1zt+O/F6cuU1p+F0ZGAz41kxXNEuVcqrz8nrjzk9ObS7tbJ6s7H6s2M1JeK05ZawWpPvWFrVBmQAAAACnRSTlMA++jQx5R+IwsbbOToUwAAAaNJREFUSMeVltl6gjAQhREBNUFQCKuKgLtWrdq97/9eJQl+dRkgOTdwcf4wyQwzUZg6hqb2UY36qmZ0lKu6egsJqKV3ub/XRoJq99j6sB8m6Dd0/m67Zo1cm7v0Yr8s/oGFG2QN2D46isH8I9yoESMMRaMPCwvIok5NUWn8WEh0H6pC8+WKAS7NoIIKmWKASb0QEJMkMs1oTzIRwNvb/4mab7wGII+G6E5O4tcBrzP0pF1aDRCwxIekCpjC/pVXAWQOZI+yYqUYBF6AHy0srD/vKISA7bN9YmHsTeibBQBrfoyTOzsmAaJaA8CY+9JpwGM/0SyaJb0AgDIFIc4+0I5n+EhZpgAAnPJYCuv2wup/fJNwAFggrgQznTe3RTIHgOV1MZ8VyRu6lQkABJVaFTE95oQAwGV2Pc/D8rFGgjOU6QOq1BEuPrPK/4lhIJ/D/oVfAWAf/MY4r/lFkye78z3CNcD00b6K65vAmoawtLnbDonf1GYGw/CXbuaUpnEu0si+POnO1wRIN2Ppdi89UKRHlvRQlB270oNd+uogfzmRvv78Abw5Z+LbuH1gAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}