@charset "UTF-8";
.content-wrap {
  background: #fff;
}
.content-wrap .content {
    padding: 1.5rem 1rem;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAADsBAMAAADZZD7bAAAAFVBMVEX/2wH/4zP/3Qz/4iz/4B7/3xX/4SYbCA3kAAAEhElEQVR42uzYwW3DQAxEUUKwfWcNAXx3CS7BSAXpv4kEySHSWgKWgC2RO/+X8A4DkEYbnfydGa033XwW7nv18Hm479TFF+G+VamVwX2juy/DfZc+vAn3PTp7G+579OVtuK9WbWVw7zxUcV+p3srg3nmo4v5cwZXBvfNQxb2t5Mrg3vkOw72p5srg3vkOw/2dXX0r3NtqvcNwj60M7suqvcNwj60M7ovKvcNwj60M7rMKvsNwjx2quP9X8R2Ge+wdhvtfxVcG985DFfffqq8M7p2HKu4/1V8Z3DsPVdzNBlgZ3DvfYbjbCCsj737yvnB/aVPvyuBupd9huMdWBvfa7zDcY4cq7rXfYbjHDlXch1gZYffYoYr7ECuj6x48VHEfYmVU3cOHKu6132Ha7g8/PBPs+JWRdJ9ufnymV4KVUXS/eIZMrRQrI+h+9xSZWIcfqpruZ0+SaXX8oSrpnmVlxNwzHKqK7mlWRss9xaGq555oZZTckxyqcu6ZVkbIPcc7TM4918rouCd5h6m5Xz1ZJlGad5iYe7aVEXHP8w6Tck91qAq5J3qHKbl/esJs+L7JuYMaAGAYhoH8WZdGzqVwj0i1tC2uzAP3tUP1i/tWDnvjPpbDvriPrkzefe9QfeE+l8N+uO/lsB/usyvTdh/MYR/ch1cm7b6Ywx64L69M2H0zh+XdZw/VuPtoDqu7r+awuPv6ylTdhw/Vsvv8yjTdpw/VsPv+yiTdtw/VrLuwMkX36RzWdSdWpuc+nsOq7gM/FL50X89hUXdlZWLu+zms6c6sTMsdyGFFd2hlUu5CDgu6I4dqzd3IYT135VCNuVsrk3F3DtWWO7YyFXfoUC25cyvTcKcO1ZC7tzIJdymHhdzFlSm4Uzms4777JDvtjuWwjLu5Mry7lsMi7uChmnDncljDXTxUA+7uytDu5qHqu8MrI7uTOcx3p1cGdlcPVdwdzWG6u5rDdHd8ZVR3NofZ7vzKoO5uDqPd/ZUh3eUcBrvjhyrrTucw193OYax7Y2U8d/5QNd0jK6O5Bw5V0r2yMph74VAF3TsrY7kHcpjoHloZyf3auWMiAKEgiKEVAvBvFg3QkE2+hVdk5rY4xRy25z7zoVDm7pjD5txdlZlxt8xha+6eQ3XKXTOHbblftsqMuOsqs+GuOlR33E1z2JK761CdcTdWZsDddqiOuMvmsBl32Ry24i6tDN1dN4eNuFsrA3f3zWET7t7KsN2Fc9iCu/NQxbsr57ABd+mhSndXV4brrj1U4e7uymDdvYcq2t1eGai7+VAlu+srw3QXz2Fk90BlkO7mOQzsvv6hcNTdPYdx3ROV4bnL5zCqe6QyOHf7HAZ1r1QG5u6fw5DuiUMV6B6Yw4juhTkM6F6qDMk9cqjS3FOV4bhnDlWYe6syGPfOoYpyr1WG4p6Zw1juucow3ENzGMm9dahy3EtzGMi9WBmAe7IyAPfaoQpxj81hFPfeocpwj1bmg/s5VPfds5X54H7msHn3bmVeu59Ddd7d+qGQ7p6cw/53T1fmnfuZw/bd25W57wdJ7c5rpsC3WAAAAABJRU5ErkJggg==) no-repeat left top #F5F5F5;
    background-size: 100%;
}
.content-wrap .content .loading-wrap {
      background: #ffffff;
      border-radius: .75rem;
      margin-bottom: .75rem;
      padding: 11.7rem 0;
      width: 100%;
}
.content-wrap .content .loading-wrap .loading {
        line-height: 2.6rem;
        font-size: 2.6rem;
        color: #FFDA43;
        text-align: center;
        width: 50%;
        margin: auto;
        animation: rotate .8s ease-in infinite;
        -moz-animation: rotate .8s ease-in infinite;
        -webkit-animation: rotate .8s ease-in infinite;
        -o-animation: rotate .8s ease-in infinite;
        -ms-animation: rotate .8s ease-in infinite;
}
.content-wrap .content .products {
      background: #ffffff;
      border-radius: .75rem;
      padding: .6rem 1.2rem 2rem;
      margin-bottom: .75rem;
}
.content-wrap .content .products .text_title {
        padding: 1rem 0;
        font-size: 1.4rem;
        color: #292928;
        font-weight: bold;
        text-align: left;
}
.content-wrap .content .products .content-info {
        text-align: left;
}
.content-wrap .content .products .tc {
        margin-top: 1.8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}
.content-wrap .content .buy-tips,
    .content-wrap .content .vip {
      background: #ffffff;
      border-radius: .75rem;
      padding: 1.75rem 1.5rem 1.75rem;
      margin-bottom: .75rem;
}
.content-wrap .content .buy-tips .tit,
      .content-wrap .content .vip .tit {
        font-size: 1.3rem;
        color: #333333;
        font-weight: 600;
        position: relative;
        margin-bottom: 2.325rem;
}
.content-wrap .content .buy-tips .tit::after,
        .content-wrap .content .vip .tit::after {
          content: '';
          position: absolute;
          width: 1.6rem;
          height: .3rem;
          border-radius: .175rem;
          background: #FFDA43;
          bottom: -.4rem;
          left: 0;
}
.content-wrap .content .buy-tips .con,
      .content-wrap .content .vip .con {
        background: #ffffff;
}
.content-wrap .content .buy-tips .con li,
        .content-wrap .content .vip .con li {
          position: relative;
          font-size: 1.3rem;
          line-height: 1.95rem;
          color: #777777;
          margin-bottom: 1.175rem;
          padding-left: 2.45rem;
}
.content-wrap .content .buy-tips .con li i,
          .content-wrap .content .vip .con li i {
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 0;
}
.content-wrap .content .buy-tips .con li span,
          .content-wrap .content .vip .con li span {
            color: #FF9710;
}
.content-wrap.buy-page .content {
    background: url(../img/buy_banner.929a7079.png) no-repeat left top #F5F5F5;
    background-size: 100%;
    padding-top: 9.6rem;
}
.content-wrap.open-page .content {
    background: url(../img/open_banner.40dab40f.png) no-repeat left top #F5F5F5;
    background-size: 100%;
    padding-top: 9.6rem;
}
.content-wrap.open-page /deep/ .popover-wrap .popover.active {
    top: 14rem;
}
@keyframes rotate {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes rotate {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.content-wrap .content .products .text_title {
  height: 4rem;
  font-size: 1.5rem;
  padding-top: 0;
  padding-bottom: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-wrap .content .products .text_title .group-name {
    color: #FF9710;
    font-weight: 500;
    font-size: 1.5rem;
}
.content-wrap .content .products .text_title .group-name.no-group {
      color: #777777;
}
.content-wrap .content .products .text_title .tag {
    color: #fff;
    font-size: 1.2rem;
    background-color: #FF0F2B;
    border-radius: .3rem;
    padding: .3rem .6rem;
    margin-left: .5rem;
}
.content-wrap .content .products .text_title .group-select {
    display: inline-block;
    margin-left: 2rem;
    vertical-align: bottom;
}
.content-wrap .content .products .text_title .btn-text {
    font-size: 1rem;
    color: #000000;
    font-weight: 500;
    padding: 0 .5rem;
    background: #FEE131;
    border-radius: .2rem;
    display: inline-block;
    line-height: 2rem;
    height: 1.8rem;
    margin-left: 1rem;
}
.content-wrap .content .products .text_title .btn-text:active, .content-wrap .content .products .text_title .btn-text:hover {
      background: #F3CD07;
}
.content-wrap .content .products .text_title .btn-text::after {
      content: '';
      display: inline-block;
      width: .8rem;
      height: .4rem;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYWRkYzk5NC04MzYzLTRhYTktYjYxMS05MjI0ODJkMjdiZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM2OUY2QTYxOEMwMTFFQUE2ODlCNTBENzBBNzAxREUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM2OUY2QTUxOEMwMTFFQUE2ODlCNTBENzBBNzAxREUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Mjk1YzgwOS00Yjc2LTQ1MGItYTA5NS05YTliNmY0Njk0OGEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZmFkZGM5OTQtODM2My00YWE5LWI2MTEtOTIyNDgyZDI3YmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzAHgAAAAGZJREFUeNpi/P//PwO5gImBAjBENTOAAgyGgeAwEJ8GYlEsSkWhcofh6tE0nwGZB8RX0AwQhYqB5M7g0iyGpAhmgCiamBguzdgMQNGI7FVsmtENwPAGIc3IAYQRgDD1jCMweQIEGAA57nkOWtwRHAAAAABJRU5ErkJggg==) no-repeat center center;
      background-size: 100%;
      vertical-align: middle;
      margin-left: .5rem;
}
.content-wrap .wx-tip-mask {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
}
.content-wrap .wx-tip-mask .mask-inner-l {
    width: 12.5rem;
    float: left;
    padding-top: 2.1rem;
    padding-left: 2.5rem;
}
.content-wrap .wx-tip-mask .mask-inner-l img {
      width: 100%;
}
.content-wrap .wx-tip-mask .mask-inner-r {
    float: right;
    padding-top: 3rem;
    padding-right: 2.75rem;
}
.content-wrap .wx-tip-mask .mask-inner-r p {
      color: #ffffff;
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 2.4rem;
}
.content-wrap .wx-tip-mask .mask-inner-r p.p {
        margin-top: .7rem;
        margin-bottom: 2.2rem;
}
.content-wrap .wx-tip-mask .mask-inner-r .btn {
      display: block;
      border-radius: .4rem;
      font-size: 1.4rem;
      color: #fff;
      background: none;
      border: 1px solid #ffffff;
      font-weight: 500;
      padding: .7rem 1.5rem;
}
.content-wrap .wx-tip-mask .mask-inner-r .btn:active, .content-wrap .wx-tip-mask .mask-inner-r .btn:hover {
        opacity: .8;
}
.content-wrap .group-select-mask {
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.content-wrap #buy_btn.disable {
  background: #AAAAAA;
  color: #D7D3B1;
}
.content-wrap .group-options-popup {
  position: fixed;
  width: 30rem;
  text-align: center;
  background-color: #fff;
  left: 50%;
  top: 35rem;
  -webkit-transform: translateX(-50%) translateY(-60%);
          transform: translateX(-50%) translateY(-60%);
  z-index: 1111;
  border-radius: 6px;
  /* 自定义滚动条样式 */
}
.content-wrap .group-options-popup .options-title {
    height: 3.84rem;
    background-color: #292928;
    width: 100%;
    line-height: 3.84rem;
    color: #ffda43;
    font-size: 1.536rem;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.content-wrap .group-options-popup .options-title .options-close-btn {
      width: 3.84rem;
      height: 3.84rem;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAABQElEQVRIibXXvU3DQBiA4QcnlGnIENQpES2IBhgB0lCxTgYgK0AaBD0dtLBEGsoogSK2FFn+uTvbV1onPa/s82f5aLFYwBlu8YQfw61TzPGMjzGO8YoJHnCJrwHgGd4wxSOmGXb4zTdM8w2zAWG5t8uwxQ3WAwWU4TWusc3yC5/2t7vvgCr4Qv5Ys4ONfQc0wmW8z4BWuArvI2CG9za4Du8SUMAnbXATnhIQBbfhMQHRcAgeEpAEh+JNAXepcAxeF7BMhWPxqoBiRcMpOPwFXusdLx+uYiVNwhi86lTPdRjFoXjd67TUYRSH4G3vcfK3oA0PHSBJAU147OSKDqjDU0dmVEAVnjyrYwPKeFc4KuAQ7wsODijwvuGggAwjrAaAmwJWGGV5wGQguC5ggmyMDa7sfxSX+O4ZPgw4xz1esPkHzg2h3+ZSzq4AAAAASUVORK5CYII=) no-repeat center center;
      background-size: 1.6rem 1.6rem;
      position: absolute;
      top: 0;
      right: 0.5rem;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer;
}
.content-wrap .group-options-popup .group-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    max-height: 20rem;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.content-wrap .group-options-popup .group-list .group-item {
      position: relative;
      font-size: 1.5rem;
      height: 4rem;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      color: #999;
      border-bottom: 1px solid #e3e3e3;
}
.content-wrap .group-options-popup .group-list .group-item .active-icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-42%);
                transform: translateY(-42%);
        left: 2rem;
}
.content-wrap .group-options-popup .group-list .group-item .active-icon svg {
          color: #F3CD07;
}
.content-wrap .group-options-popup .group-list .group-item .span-wrap {
        width: 90%;
        margin: 0 auto;
        height: 4rem;
        overflow: hidden;
}
.content-wrap .group-options-popup .group-list .group-item .span-wrap span {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: inline-block;
          width: 70%;
          height: 4rem;
          line-height: 4rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: center;
}
.content-wrap .group-options-popup .group-list .group-item-active {
      color: #000;
      font-weight: 600;
}
.content-wrap .group-options-popup .group-list .group-item:active {
      background-color: #e9e7e7;
}
.content-wrap .group-options-popup .confirm-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 6.5rem;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.content-wrap .group-options-popup .confirm-btn-wrap .confirm-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 70%;
      height: 3.5rem;
      background-color: #292928;
      font-size: 1.4rem;
      line-height: 3.5rem;
      border-radius: 2rem;
      color: #fee131;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
}
.content-wrap .group-options-popup .confirm-btn-wrap .confirm-btn span {
        width: 2rem;
}
.content-wrap .group-options-popup .confirm-btn-wrap .confirm-btn:active {
      background-color: #333;
}
.content-wrap .group-options-popup .group-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
}
.content-wrap .group-options-popup .group-list::-webkit-scrollbar {
    display: var(--display);
    width: 0.6rem;
    border: 1px solid #fff;
    border-radius: 0 0 6px 0;
}
.content-wrap .group-options-popup .group-list::-webkit-scrollbar-thumb {
    border-radius: 0.3125rem;
    background-color: #7F7F7F;
}
.content-wrap .group-options-popup .group-list::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 9999px;
}
.content-wrap .group-options-mask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1110;
  top: 0;
  left: 0;
}