.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);
}
}