.m-pro {
  position: relative;
  padding: 0 16px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FB6242), to(#F58F47));
  background-image: linear-gradient(#FB6242, #F58F47);
}
.m-pro .pro-bc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
}
.m-pro .pro-cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.m-pro .pro-cont em {
  font-size: 4.8vw;
  font-weight: bold;
  color: #FF4831;
  font-style: unset;
}
.m-pro .pro-cont .relative-bottom2 {
  position: relative;
  bottom: 0.5333333333333333vw;
}
.m-pro .pro-cont .title {
  width: 88.53333333333333vw;
  height: auto;
  margin-top: 20vw;
}
.m-pro .pro-cont .block-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 58.666666666666664vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 74.66666666666667vw;
  padding: 0 4.266666666666667vw;
  background-color: #FFF7E1;
  border-radius: 3.2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-pro .pro-cont .block-1 .tag-1 {
  position: relative;
  bottom: -vw(6);
  width: 100%;
  height: auto;
}
.m-pro .pro-cont .block-1 .tag-2 {
  margin-top: -5.333333333333334vw;
  width: 100%;
  height: auto;
}
.m-pro .pro-cont .block-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 9.866666666666667vw 4.266666666666667vw 8vw;
  margin-top: 4.266666666666667vw;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3.2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-pro .pro-cont .block-2 .tit-2 {
  width: 54.400000000000006vw;
  height: auto;
}
.m-pro .pro-cont .block-2 .detail {
  text-align: center;
  line-height: 7.199999999999999vw;
  margin-top: 6.4vw;
  font-size: 4.266666666666667vw;
  color: #666;
}
.m-pro .pro-cont .block-2 .cont {
  position: relative;
  width: 100%;
  margin-top: 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-pro .pro-cont .block-2 .cont .tag-3 {
  width: 46.13333333333333vw;
  height: auto;
}
.m-pro .pro-cont .block-2 .cont .tag-4 {
  position: absolute;
  left: 39.46666666666667vw;
  top: 7.466666666666668vw;
  width: 44.266666666666666vw;
  height: auto;
}
.m-pro .pro-cont .block-2 .cont .tag-5 {
  position: absolute;
  left: 39.46666666666667vw;
  top: 24.8vw;
  width: 46.93333333333333vw;
  height: auto;
}
.m-pro .pro-cont .block-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 9.866666666666667vw 4.266666666666667vw 8vw;
  margin-top: 4.266666666666667vw;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3.2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-pro .pro-cont .block-3 .tit-3 {
  width: 54.400000000000006vw;
  height: auto;
}
.m-pro .pro-cont .block-3 .detail {
  width: 100%;
  font-size: 4.266666666666667vw;
  color: #333;
}
.m-pro .pro-cont .block-3 .detail .tit {
  position: relative;
  display: inline-block;
  margin-top: 10.666666666666668vw;
  font-size: 4.8vw;
  font-weight: bold;
}
.m-pro .pro-cont .block-3 .detail .bc {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.m-pro .pro-cont .block-3 .detail .bc-1 {
  width: 100%;
  height: 8.533333333333333vw;
  background: url(/static/product_kuaishou/quick_12.png) no-repeat;
  background-size: 100% 8.533333333333333vw;
}
.m-pro .pro-cont .block-3 .detail .bc-2 {
  width: 100%;
  height: 8.533333333333333vw;
  background: url(/static/product_kuaishou/quick_14.png) no-repeat;
  background-size: 100% 8.533333333333333vw;
}
.m-pro .pro-cont .block-3 .detail .bc-2 + .qa {
  padding-right: 2.666666666666667vw;
}
.m-pro .pro-cont .block-3 .detail .bc-3 {
  width: 100%;
  height: 8.533333333333333vw;
  background: url(/static/product_kuaishou/quick_16.png) no-repeat;
  background-size: 100% 8.533333333333333vw;
}
.m-pro .pro-cont .block-3 .detail .bc-4 {
  width: 100%;
  height: 8.533333333333333vw;
  background: url(/static/product_kuaishou/quick_18.png) no-repeat;
  background-size: 100% 8.533333333333333vw;
}
.m-pro .pro-cont .block-3 .detail .qa {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 4.8vw;
  color: #333;
  z-index: 1;
  padding-right: 6.666666666666667vw;
}
.m-pro .pro-cont .block-3 .detail .qa span {
  font-size: 3.733333333333334vw;
  opacity: 0.8;
}
.m-pro .pro-cont .block-3 .detail .qa img {
  width: 8.799999999999999vw;
  height: 8.799999999999999vw;
  margin-right: 4.266666666666667vw;
}
.m-pro .pro-cont .block-3 .detail .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2.4vw;
}
.m-pro .pro-cont .block-3 .detail .info span {
  display: inline-block;
}
.m-pro .pro-cont .tag-6 {
  width: 100%;
  height: auto;
  margin-top: 6.933333333333333vw;
}
.m-pro .pro-cont .block-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 9.066666666666666vw;
  color: #fff;
}
.m-pro .pro-cont .block-4 .tag-7 {
  width: 100%;
  height: auto;
}
.m-pro .pro-cont .block-4 .detail {
  width: 100%;
  padding: 0 2.1333333333333333vw 9.066666666666666vw;
  text-align: center;
  line-height: 5.333333333333334vw;
  margin-top: 4.266666666666667vw;
  font-size: 3.4666666666666663vw;
  opacity: 0.7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-pro .pro-cont .block-5 {
  margin-top: 16px;
  margin-left: -16px;
  margin-right: -16px;
}
.m-pro .pro-cont .block-5 .tag-7 {
  width: 100%;
}
.m-pro .pro-cont .footer {
  font-size: 2.666666666666667vw;
  padding-bottom: 4.266666666666667vw;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  color: #fff;
  opacity: 0.7;
}

.pull-left___2hqqy {
  float: left;
}
.pull-right___2C8qq {
  float: right;
}
.text-left___1bsdh {
  text-align: left;
}
.text-center___1LWU9 {
  text-align: center;
}
.text-right___10tNI {
  text-align: right;
}
.text-bold___2_kWA {
  font-weight: bold;
}
.text-slim___2PLz8 {
  font-weight: normal;
}
.fl___2cyBh {
  float: left;
}
.fr___1dLmK {
  float: right;
}
* {
  font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
}
html,
body,
#root___1MXEs {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
}
img {
  display: block;
}
.max-width {
  margin-top: -1px;
  max-width: 100%;
}

.slider-decorator-0{
    position: absolute !important;
    bottom: -30px !important;
}
.color-primary___2N2vJ {
  color: #00a7e1;
}
.color-gold___3F4qU {
  color: #E9BC8F;
}
.color-info___1dMcX {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___h0Bkm {
  background: #f0f0f0;
}
.pt-container___2P5Be {
  padding-bottom: 13.333333333333334vw;
  background: #F99C29;
}
.btn-bg___1oE-O {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E84A19;
  height: 13.333333333333334vw;
  text-align: center;
  z-index: 200;
}
.btn-text___1KI4j {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 13.333333333333334vw;
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 5.333333333333334vw;
  font-weight: bold;
  text-decoration: none;
}

.color-primary___2qJJV {
  color: #00a7e1;
}
.color-gold___cg0DQ {
  color: #E9BC8F;
}
.color-info___2qCls {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___231Me {
  background: #f0f0f0;
}
.mt15___2lKo4 {
  margin-top: 4vw;
}
.mt30___rjmlT {
  margin-top: 8vw;
}
.mt40___8ZeNC {
  margin-top: 10.666666666666668vw;
}
.bd-brand-list___fptXf {
  background: white;
  padding: 3.733333333333334vw 7.199999999999999vw 6.4vw 7.199999999999999vw;
}
.bd-brand-item___2RbkL {
  padding: 1.6vw;
  border-radius: 2.666666666666667vw;
  border: 2px solid #3131F2;
  text-align: center;
  font-size: 3.733333333333334vw;
}
.bd-form___2R3B2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10.666666666666668vw 8.533333333333333vw 9.333333333333334vw 8.533333333333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  line-height: 1;
}
.bd-form_bg___2kCOs {
  height: 136vw;
}
.bd-form_title___bHzEg {
  text-align: center;
  font-size: 6.933333333333333vw;
  font-weight: bold;
}
.bd-form_desc___eqOoC {
  margin-bottom: 4vw;
  text-align: center;
  font-size: 4.8vw;
}
.bd-form_input___2ufGZ {
  font-size: 4.8vw;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(38, 38, 148, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(38, 38, 148, 0.2);
  border-radius: 6.133333333333333vw;
  overflow: hidden;
  background: white;
  color: #FF4A49;
  height: 12.266666666666666vw;
}
.bd-form_input___2ufGZ:first-child {
  margin-top: 0;
}
.bd-form_input-require___1SIan {
  width: 13.333333333333334vw;
  text-align: center;
  font-size: 4.266666666666667vw;
}
.bd-form_input___2ufGZ label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 12.266666666666666vw;
}
.bd-form_input___2ufGZ input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2.1333333333333333vw 4.266666666666667vw 2.1333333333333333vw 0;
  outline: none;
  border-radius: 1.6vw;
  border: 0;
  font-size: 4.266666666666667vw;
}
.bd-form_checkbox-title___H055F {
  margin-top: 10.666666666666668vw;
  font-size: 4.8vw;
  font-weight: bold;
}
.bd-form_submit___2Dxt3 {
  width: 100%;
  height: 12.266666666666666vw;
  margin-top: 1.6vw;
  background: #E84A19;
  border-radius: 1.6vw;
  color: white;
  -webkit-appearance: none;
  border: 1px solid transparent;
  outline: none;
  font-size: 4.8vw;
  font-weight: bold;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(38, 38, 148, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(38, 38, 148, 0.2);
  border-radius: 6.133333333333333vw;
}
.bd-form_submit___2Dxt3:active {
  background: #f19376;
  color: #ffffff;
}
.bd-form_warning___3Nbnc {
  font-size: 3.4666666666666663vw;
  text-align: center;
  color: #999999;
  margin-bottom: 0;
}
.border-orange___KBA4L {
  border-color: #E85903;
}
.border-blue___39f-_ {
  border-color: #3131F2;
}
.footer-container___2qm29 {
  margin: 3.4666666666666663vw auto;
  text-align: center;
  font-size: 3.4666666666666663vw;
  color: #040000;
}
.bd-form_checkbox {
  display: inline-block;
  margin-top: 4vw;
  width: 50%;
  line-height: 5.333333333333334vw;
}
.bd-form_checkbox input {
  display: none;
}
.bd-form_checkbox input+.bd-form_checkbox-icon {
  margin-right: 3.2vw;
  vertical-align: bottom;
  outline: none;
  background-image: url('/static/checkbox_0.png');
  background-size: 100%;
}
.bd-form_checkbox input:checked+.bd-form_checkbox-icon {
  background-image: url('/static/checkbox_1.png');
}
.bd-form_checkbox-icon {
  display: inline-block;
  width: 5.333333333333334vw;
  height: 5.333333333333334vw;
}
.dark-form {
  color: #393939 !important;
}
.dark-form button {
  background-color: #FEB415 !important;
}
.dark-form .bd-form_checkbox input+.bd-form_checkbox-icon {
  background-image: url('/static/dark_checkbox_0.png');
}
.dark-form .bd-form_checkbox input:checked+.bd-form_checkbox-icon {
  background-image: url('/static/dark_checkbox_1.png');
}

.color-primary___wdkuz {
  color: #00a7e1;
}
.color-gold___cIxoO {
  color: #E9BC8F;
}
.color-info___3jNyv {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___1VAu4 {
  background: #f0f0f0;
}
.mt15___3q88e {
  margin-top: 4vw;
}
.mt30___1wxlg {
  margin-top: 8vw;
}
.mt40___1qWK2 {
  margin-top: 10.666666666666668vw;
}
.bd-brand-list___HGNxh {
  background: white;
  padding: 3.733333333333334vw 7.199999999999999vw 6.4vw 7.199999999999999vw;
}
.bd-brand-item___3wLIS {
  padding: 1.6vw;
  border-radius: 2.666666666666667vw;
  border: 2px solid #3131F2;
  text-align: center;
  font-size: 3.733333333333334vw;
}
.bd-form___2zCaN {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 13.333333333333334vw 6.666666666666667vw 10.666666666666668vw 6.666666666666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  line-height: 1;
}
.bd-form_bg___2Ra7M {
  height: 136vw;
}
.bd-form_title___3u9JC {
  text-align: center;
  font-size: 6.933333333333333vw;
  font-weight: bold;
}
.bd-form_desc___3fqag {
  margin-bottom: 4vw;
  text-align: center;
  font-size: 4.8vw;
}
.bd-form_input___3K0WB {
  font-size: 4.8vw;
}
.bd-form_input___3K0WB label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 8.799999999999999vw;
}
.bd-form_input___3K0WB input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2.1333333333333333vw 4.266666666666667vw;
  outline: none;
  border-radius: 1.6vw;
  border: 0;
  font-size: 4vw;
}
.bd-form_checkbox-title___I2NZa {
  margin-top: 10.666666666666668vw;
  font-size: 4.8vw;
  font-weight: bold;
}
.bd-form_submit___9h-iL {
  width: 100%;
  height: 10.666666666666668vw;
  margin-top: 11.733333333333333vw;
  background: #FDF01E;
  border-radius: 1.6vw;
  color: #03031E;
  -webkit-appearance: none;
  border: 1px solid transparent;
  outline: none;
  font-size: 4.8vw;
  font-weight: bold;
}
.bd-form_submit___9h-iL:active {
  background: #fef783;
  color: #0c0c7b;
}
.bd-form_warning___2jKeS {
  font-size: 3.4666666666666663vw;
  text-align: center;
}
.border-orange___2UMuW {
  border-color: #E85903;
}
.border-blue___ktDkS {
  border-color: #3131F2;
}
.footer-container___1emph {
  margin: 3.4666666666666663vw auto;
  text-align: center;
  font-size: 3.4666666666666663vw;
  color: #040000;
}
.bd-form_checkbox {
  display: inline-block;
  margin-top: 4vw;
  width: 50%;
  line-height: 5.333333333333334vw;
}
.bd-form_checkbox input {
  display: none;
}
.bd-form_checkbox input+.bd-form_checkbox-icon {
  margin-right: 3.2vw;
  vertical-align: bottom;
  outline: none;
  background-image: url('/static/checkbox_0.png');
  background-size: 100%;
}
.bd-form_checkbox input:checked+.bd-form_checkbox-icon {
  background-image: url('/static/checkbox_1.png');
}
.bd-form_checkbox-icon {
  display: inline-block;
  width: 5.333333333333334vw;
  height: 5.333333333333334vw;
}
.dark-form {
  color: #393939 !important;
}
.dark-form button {
  background-color: #FEB415 !important;
}
.dark-form .bd-form_checkbox input+.bd-form_checkbox-icon {
  background-image: url('/static/dark_checkbox_0.png');
}
.dark-form .bd-form_checkbox input:checked+.bd-form_checkbox-icon {
  background-image: url('/static/dark_checkbox_1.png');
}

 {
  font-size: 625%;
}
.toast {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.toast_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.toast_box {
  position: relative;
  left: 50%;
  top: 50%;
  width: 260px;
  height: 40px;
  margin: -20px -130px;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  color: #fff;
}
.toast_text {
  position: absolute;
  bottom: 16%;
  text-align: center;
  width: 90%;
  margin: 0 5%;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toast_icon {
  display: none;
  position: relative;
  left: 50%;
  top: 15%;
  margin: -40px;
  width: 80px;
  height: 80px;
}
.toast_loading {
  -webkit-animation: loading 1s steps(12, end) infinite;
  animation: loading 1s steps(12, end) infinite;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAENCA8KAgsGDgQMCQUDBwhylaLQAAAL1JREFUOMu9U0kSwyAMK9jsS/T/1zZt2pgEZzq9RBeMZYRGDI/70bO5JptjrOAQVTonIJVK5bW2ma9A7VvpK8OdeQfbZectrDnyU+Oo0b68wGK0muDPdxpOciaizq5pkAgiIPAoew2rBVNYZoM2YHbZDNKz/2Ogam3ff5gMEL8wisfh2KKZiFiGWFkk1B7NSbhNQFy4M2+PghbODNsg7y8THM2njiy8gBgcaEUA9GgNJbxh6fJv+NxiFvYmPAFtCQZNK1qZIAAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100%;
}
.toast_success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMA8DAQ0GBP4LCggMBwIJBAIttdjAAAAINJREFUOMvdkUsOwyAMBbH5hUCauf9pK1SlohF438x2LPn52f09+8vUfiNb/gighj8FouEjYCUoQDXiBSD7pdcMiK7XC9wCFmlDO3T20Scgx287ne13pwDU89NOJ3g3maCmJDANqIGRtLj8oi1ed1GMdmcB7wXIYX8QdQZJiM5Em3smbyVICDCOrCqSAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100%;
}
.toast_error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA0BDAMODwUKBgsCCAQJClzVPvAAAA0UlEQVQoz2MgErAclv9o44Dgc8b/B4KvBTA+t/3XdgeWivjPG6ACbl8ngNXlp0AN+L8IwtD6DzFm2w+Y3v5sMGW/ACbA9Rms9ZsCTIApH2QR608GhoUKQJ4xA8P8AKCAP5CwF2JgUPwIlPwCFDj/AMRRYJIHCnL8AZkJ1AfkAcUYGNhBpso7MICUgBQw8H4EEv/B5ssDFYA4mAKYWjANfd+Aai3CYZ9BDoM63RDkdEGQ0zE9h+l9zADCDEIGt2/wQEZEwwVepGhgYEdEFGZUEgYAW05XI3jSsVwAAAAASUVORK5CYII=") no-repeat;
  background-size: 100%;
}
.toast_info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMA4CCAwKBAMJBg8NAQUNhWlbcAAAC+SURBVCjPYyASsLfse+1cgOBzyr0DgocXYHwmv4dtCkwZck8UoAJZDydA1C2H8NnexUAYR99BjNF6CtMbtwhM+QUACUUhIMH6BKz14QEgafcYSPDIgSxifMkAE2CYJwAk6gQQAozPgURfA0KAA0T6JSAE2ECm7lNACDC9BhLvGGACIA6GAFyLohBEC9xQqLeeQKwFA4i1EIfBAeNzuNMVhSBOx/AcpvcxAwgzCDEDGTMaGHhhEYWIShN4VBIGAPvRT5YzufhUAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100%;
}
@-webkit-keyframes loading___3LMk2 {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loading___3LMk2 {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

.color-primary___2tVda {
  color: #00a7e1;
}
.color-gold___3Nn6B {
  color: #E9BC8F;
}
.color-info___2oxe0 {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___37KzS {
  background: #f0f0f0;
}
.pt-container___x8yhG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFCF7;
  min-height: 100vh;
}
.pt-container___x8yhG .max-width___1M-FQ {
  padding-top: 17.866666666666667vw;
  width: 100%;
}
.pt-container___x8yhG .height___1FWPj {
  height: 1700px;
  background: #f1e7d2;
}
.pt-container___x8yhG .bg___1Enl8 {
  top: -45.33333333333333vw;
  position: absolute;
  background: url('/static/product_renew/renew_bg.png');
  width: 100%;
  height: 79.73333333333333vw;
  background-size: 100% 100%;
  background-position-y: 8.533333333333333vw;
  background-repeat: no-repeat;
  display: block;
}
.pt-container___x8yhG .renew_vip_bg___1w679 {
  top: 53.333333333333336vw;
  left: 2.1333333333333333vw;
  position: absolute;
  background: url('/static/product_renew/renew_vip_bg.png') no-repeat;
  width: 96vw;
  height: 104vw;
  background-size: 100% 100%;
}
.pt-container___x8yhG .open___pjvp0 {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___x8yhG .bg-btn___22Bcg {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___x8yhG .btn-text___3tPko {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___x8yhG .renew_body___3Cph9 {
  position: absolute;
  top: 110.66666666666667vw;
  width: 100%;
}
.pt-container___x8yhG .renew_body___3Cph9 .split_line___2c_TK {
  height: 44px;
  width: 100%;
}
.pt-container___x8yhG .renew_body___3Cph9 .split_line___2c_TK .renew_body_img___38SCu {
  height: 44px;
  width: 100%;
}
.pt-container___x8yhG .split_activity___27HGx {
  padding-top: 2.1333333333333333vw;
  padding-bottom: 2.933333333333333vw;
  background: #f1e7d2;
}
.pt-container___x8yhG .split_activity_box___3VD7u {
  width: 91.46666666666667vw;
  height: 222px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  background: #F0D8A5;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pt-container___x8yhG .split_activity___27HGx .split_activity_title___1_vom {
  padding-left: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #4D1B00;
  position: relative;
}
.pt-container___x8yhG .split_activity___27HGx .split_activity_list___14piN {
  white-space: nowrap;
  overflow: auto;
  padding-left: 12px;
}
.pt-container___x8yhG .split_activity___27HGx .split_activity_list___14piN .split_activity_listke___1qOnP {
  width: 230px;
  margin-top: 16px;
  margin-bottom: 0px;
  border-radius: 5px;
  display: inline-block;
  padding-right: 16px;
}
.pt-container___x8yhG .split_activity___27HGx .split_activity_list___14piN .split_activity_listke___1qOnP .split_activity_list_img___39CgC {
  width: 100%;
  height: 102px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.pt-container___x8yhG .split_activity___27HGx .split_activity_list___14piN .split_activity_listke___1qOnP .split_activity_list_title___2MLfH {
  width: 100%;
  height: 42px;
  background: #ffffff;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pt-container___x8yhG .split_activity_hide___1za8Q {
  display: none;
}
.pt-container___x8yhG .solit_renew___1XpRu {
  background: #f5f5f5;
  margin: 3.733333333333334vw 7.466666666666668vw 0;
  background: -webkit-gradient(linear, left top, right top, from(#413f3d), to(#2a292d));
  background: linear-gradient(90deg, #413f3d, #2a292d 100%);
  border-radius: 50px;
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #fcdeb3;
  line-height: 5.333333333333334vw;
  padding: 2.666666666666667vw 0;
  position: fixed;
  bottom: 5px;
  width: calc(100% - 14.933333333333335vw);
}
.pt-container___x8yhG .renewDiv___2mwqW {
  padding: 5.333333333333334vw 5.333333333333334vw 5.333333333333334vw 5.333333333333334vw;
}
.pt-container___x8yhG .renewBtn___LXT1x {
  background: -webkit-gradient(linear, left top, right top, from(#413f3d), to(#2a292d));
  background: linear-gradient(90deg, #413f3d, #2a292d 100%);
  border-radius: 13.333333333333334vw;
  padding: 2.666666666666667vw 0;
  line-height: 5.333333333333334vw;
  font-size: 4.266666666666667vw;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #fcdeb3;
}
.pt-container___x8yhG .split_additive_group___DXDT1,
.pt-container___x8yhG .split_rights_interests___5VROx {
  background: #f1e7d2;
}
.pt-container___x8yhG .split_additive_group_img___31Jv6 {
  width: 100%;
  padding-top: 11px;
}
.pt-container___x8yhG .split_additive_hotspot___25l3K {
  width: 20vw;
  height: 5.333333333333334vw;
  display: block;
  position: absolute;
  top: -2.666666666666667vw;
  background: url(/static/member_core/hotspot.png) no-repeat;
  background-size: 20vw 5.333333333333334vw;
  font-size: 2.933333333333333vw;
  line-height: 5.333333333333334vw;
  color: #fff;
}
.pt-container___x8yhG .split_additive_hotspotNone___25mbT {
  width: 75px;
  display: none;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo,
.pt-container___x8yhG .split_commodity_div1___2vDcW,
.pt-container___x8yhG .split_commodity_div2___3ovUq,
.pt-container___x8yhG .split_commodity_div3___2htCe {
  display: inline-block;
  text-align: center;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo .split_commodity_name___25nuM,
.pt-container___x8yhG .split_commodity_div1___2vDcW .split_commodity_name___25nuM,
.pt-container___x8yhG .split_commodity_div2___3ovUq .split_commodity_name___25nuM,
.pt-container___x8yhG .split_commodity_div3___2htCe .split_commodity_name___25nuM {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 18px;
  height: 18px;
  margin: 24px 0 8px;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo .split_commodity_￥___xpneQ,
.pt-container___x8yhG .split_commodity_div1___2vDcW .split_commodity_￥___xpneQ,
.pt-container___x8yhG .split_commodity_div2___3ovUq .split_commodity_￥___xpneQ,
.pt-container___x8yhG .split_commodity_div3___2htCe .split_commodity_￥___xpneQ {
  font-size: 16px;
  color: #FE4331;
  font-weight: 500;
  line-height: 16px;
  height: 16px;
  width: 10px;
  display: inline-block;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo .split_commodity_price___2T6NO,
.pt-container___x8yhG .split_commodity_div1___2vDcW .split_commodity_price___2T6NO,
.pt-container___x8yhG .split_commodity_div2___3ovUq .split_commodity_price___2T6NO,
.pt-container___x8yhG .split_commodity_div3___2htCe .split_commodity_price___2T6NO {
  font-size: 26px;
  color: #FE4331;
  font-weight: 600;
  display: inline-block;
  height: 36px;
  line-height: 36px;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo .split_commodity_original_price___1fRZm,
.pt-container___x8yhG .split_commodity_div1___2vDcW .split_commodity_original_price___1fRZm,
.pt-container___x8yhG .split_commodity_div2___3ovUq .split_commodity_original_price___1fRZm,
.pt-container___x8yhG .split_commodity_div3___2htCe .split_commodity_original_price___1fRZm {
  height: 15px;
  font-weight: 400;
  color: #999999;
  font-size: 11px;
  text-decoration: line-through;
  margin: 4px 0 23px;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo .split_commodity_original_priceNOne___2bxTF,
.pt-container___x8yhG .split_commodity_div1___2vDcW .split_commodity_original_priceNOne___2bxTF,
.pt-container___x8yhG .split_commodity_div2___3ovUq .split_commodity_original_priceNOne___2bxTF,
.pt-container___x8yhG .split_commodity_div3___2htCe .split_commodity_original_priceNOne___2bxTF {
  margin: 1.0666666666666667vw 0 6.133333333333333vw;
  height: 4vw;
  font-weight: 400;
  font-size: 2.933333333333333vw;
  text-decoration: line-through;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo .price_div___33npy,
.pt-container___x8yhG .split_commodity_div1___2vDcW .price_div___33npy,
.pt-container___x8yhG .split_commodity_div2___3ovUq .price_div___33npy,
.pt-container___x8yhG .split_commodity_div3___2htCe .price_div___33npy {
  color: #fff;
}
.pt-container___x8yhG .split_commodity_div___2T3Bo .price_div_select___2fOWW,
.pt-container___x8yhG .split_commodity_div1___2vDcW .price_div_select___2fOWW,
.pt-container___x8yhG .split_commodity_div2___3ovUq .price_div_select___2fOWW,
.pt-container___x8yhG .split_commodity_div3___2htCe .price_div_select___2fOWW {
  color: #fbeed6;
}
.pt-container___x8yhG .split_commodity_group___3QxqL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pt-container___x8yhG .split_commodity_group___3QxqL .split_commodity_quanDiv___1cLkC {
  padding: 6.933333333333333vw 2.666666666666667vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pt-container___x8yhG .split_commodity_group___3QxqL .split_commodity_div___2T3Bo {
  width: calc(33.3% - 12px);
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  margin: 0 6px;
}
.pt-container___x8yhG .split_commodity_group___3QxqL .split_commodity_div1___2vDcW {
  width: calc(50% - 12px);
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  margin: 0 6px;
}
.pt-container___x8yhG .split_commodity_group___3QxqL .split_commodity_div2___3ovUq {
  width: calc(50% - 14px);
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  margin: 0 6px;
}
.pt-container___x8yhG .split_commodity_group___3QxqL .split_div___1bMaU {
  background: #fffbf3;
  border: 1px solid transparent;
}
.pt-container___x8yhG .split_commodity_group___3QxqL .split_div_select___2NKEN {
  background: #fbeed6;
  border: 1px solid #e9bc8f;
}
.pt-container___x8yhG .split_commodity_group1___1TeZg {
  background: #f1e7d2;
  width: 100%;
  overflow-x: scroll;
}
.pt-container___x8yhG .split_commodity_group1___1TeZg::-webkit-scrollbar {
  display: none;
}
.pt-container___x8yhG .split_commodity_group1___1TeZg .split_commodity_quanDiv___1cLkC {
  padding: 34px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pt-container___x8yhG .split_commodity_group1___1TeZg .split_commodity_div3___2htCe {
  width: 106px;
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  margin: 0 6px;
}
.pt-container___x8yhG .split_commodity_group1___1TeZg .split_div___1bMaU {
  background: #fffbf3;
  border: 1px solid transparent;
}
.pt-container___x8yhG .split_commodity_group1___1TeZg .split_div_select___2NKEN {
  background: #fbeed6;
  border: 1px solid #e9bc8f;
}
.pt-container___x8yhG .split_rights_interests___5VROx {
  padding-bottom: 40px;
}
.pt-container___x8yhG .split_rights_interests___5VROx .split_activity_title___1_vom {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  position: relative;
}
.pt-container___x8yhG .split_rights_interests___5VROx .split_activity_title___1_vom .split_activity_title_img___YA8g7 {
  width: 80px;
  height: 22px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.pt-container___x8yhG .split_rights_interests___5VROx .split_activity_title___1_vom .split_activity_text___1GFVV {
  position: absolute;
  top: 5px;
  left: 88px;
}
.pt-container___x8yhG .split_rights_interests___5VROx img {
  width: 100%;
  padding-bottom: 8px;
}
.pt-container___x8yhG .bg2___ibkHf {
  position: relative;
  background: url('/static/product_trans/bill/bill_bg2.png') no-repeat;
  width: 100%;
  height: 172.53333333333333vw;
  background-size: 100% 100%;
  display: block;
}
.pt-container___x8yhG .bg2___ibkHf .close___WSX1K {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___x8yhG .bg2___ibkHf .bg-btn___22Bcg {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___x8yhG .bg2___ibkHf .btn-text___3tPko {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___x8yhG .barrage-box___2lyb5 {
  width: 100%;
  height: 26.93333333333333vw;
  position: relative;
  overflow: hidden;
}
.pt-container___x8yhG .barrage-box___2lyb5 .dmGroup1___3wUFA {
  width: 100%;
  position: absolute;
  top: 5.333333333333334vw;
  left: 50%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation1___2bTQY 10s linear 0s infinite;
          animation: dmAnimation1___2bTQY 10s linear 0s infinite;
}
.pt-container___x8yhG .barrage-box___2lyb5 .dmGroup2___BvOX7 {
  position: absolute;
  top: 16vw;
  left: 20%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation2___36eOT 12s linear 0s infinite;
          animation: dmAnimation2___36eOT 12s linear 0s infinite;
}
.pt-container___x8yhG .barrage-box___2lyb5 .dmItem___dyiz6 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pt-container___x8yhG .barrage-box___2lyb5 .dmItem___dyiz6 .dm___DbGN3 {
  height: 5.333333333333334vw;
  font-size: 2.666666666666667vw;
  color: #333;
  line-height: 5.333333333333334vw;
  padding: 0 2.1333333333333333vw;
  margin-right: 4vw;
  background: #FFF5E6;
  border-radius: 3.2vw;
  border: 0.26666666666666666vw solid #FCDBAB;
}
@-webkit-keyframes dmAnimation1___2bTQY {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@keyframes dmAnimation1___2bTQY {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@-webkit-keyframes dmAnimation2___36eOT {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
@keyframes dmAnimation2___36eOT {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
.pt-container___x8yhG .model_5_box___3hBSk {
  position: absolute;
  top: 31.466666666666665vw;
  left: 0;
  padding-bottom: 39.46666666666667vw;
  width: 100vw;
  background: #FFFCF7;
}
.pt-container___x8yhG .model_5_box___3hBSk .renew_popup___GKBF_.active___3SMYB {
  background: #FE4331;
  color: white;
  top: -6.4vw;
  left: -0.5333333333333333vw;
  max-width: 100vw;
  -webkit-box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(0, 0, 0, 0.15);
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_box___tAl2D {
  padding: 6.4vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_title___1aKHB {
  color: #000000;
  font-size: 4.266666666666667vw;
  font-weight: bold;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item___3BDsl {
  position: relative;
  padding: 5.333333333333334vw 0 5.333333333333334vw 5.333333333333334vw;
  margin-top: 4.266666666666667vw;
  background: white;
  border: 0.4vw solid #f5f5f5;
  border-radius: 1.866666666666667vw;
  -webkit-box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(233, 188, 143, 0.2);
          box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(233, 188, 143, 0.2);
}
@-webkit-keyframes heartBeat___1wNon {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes heartBeat___1wNon {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item___3BDsl.active___3SMYB {
  border: 0.26666666666666666vw solid #e9bc8f;
  -webkit-animation-name: heartBeat___1wNon;
          animation-name: heartBeat___1wNon;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item___3BDsl.active___3SMYB .selection_item_unit___3R_Ws {
  color: #FE4331;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item___3BDsl.active___3SMYB .selection_item_price___12kKT {
  color: #FE4331;
}
.pt-container___x8yhG .model_5_box___3hBSk .info_icon___205fc {
  display: block;
  position: absolute;
  width: 4.266666666666667vw;
  height: 4.266666666666667vw;
  padding: 2.1333333333333333vw;
  right: 0;
  top: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item_title___2vsrZ {
  font-weight: normal;
  color: #000000;
  font-size: 3.733333333333334vw;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item_detail___15XSY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 3.2vw;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item_unit___3R_Ws {
  color: #333;
  font-size: 4.266666666666667vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item_price___12kKT {
  font-weight: bold;
  margin-left: 0.5333333333333333vw;
  color: #333;
  font-size: 6.933333333333333vw;
}
.pt-container___x8yhG .model_5_box___3hBSk .selection_item_count___3Uxpf {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.666666666666667vw;
  position: relative;
  color: #999999;
  font-size: 3.2vw;
}
.pt-container___x8yhG .model_5___Ug0wE {
  background-image: url('/static/product_renew/renew_benefit.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 210.66666666666666vw;
  background-size: contain;
}
.pt-container___x8yhG .model_5___Ug0wE .btn-bg___1nmF5 {
  width: 100%;
  height: 21.333333333333336vw;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.pt-container___x8yhG .model_5___Ug0wE .btn-bg___1nmF5 .btn___3yhMb {
  position: absolute;
  width: 85.33333333333334vw;
  top: 0;
  left: 7.466666666666668vw;
  height: 10.666666666666668vw;
  background: -webkit-gradient(linear, left top, right top, from(#413F3D), to(#2A292D));
  background: linear-gradient(90deg, #413F3D 0%, #2A292D 100%);
  border-radius: 5.333333333333334vw;
  color: #FCDEB3;
  text-align: center;
  font-size: 4.8vw;
  line-height: 10.666666666666668vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.pt-container___x8yhG .model_5___Ug0wE .btn-bg___1nmF5 .btn-text___3tPko {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.666666666666668vw;
}
.pt-container___x8yhG .model_6_0___34mir {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 1.0666666666666667vw;
  color: #FCDEB3;
  font-size: 10px;
}
.pt-container___x8yhG .model_6_0___34mir:after {
  content: ' \5929   ';
  font-size: 10px;
}
.pt-container___x8yhG .model_6_1___26r6d {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 1.0666666666666667vw;
  color: #FCDEB3;
  font-size: 10px;
}
.pt-container___x8yhG .model_6_1___26r6d:after {
  content: ' \65F6   ';
  font-size: 10px;
}
.pt-container___x8yhG .model_6_2___mNscg {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 1.0666666666666667vw;
  color: #FCDEB3;
  font-size: 10px;
}
.pt-container___x8yhG .model_6_2___mNscg:after {
  content: ' \5206   ';
  font-size: 10px;
}
.pt-container___x8yhG .model_6_3___x5in8 {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 1.0666666666666667vw;
  color: #FCDEB3;
  font-size: 10px;
}
.pt-container___x8yhG .model_6_3___x5in8:after {
  content: ' \79D2   ';
  font-size: 10px;
}
.user-info___1SfbG {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #272727;
  z-index: 99;
}
.user-info___1SfbG .user-cont___3IEYj {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.user-info___1SfbG .user-cont___3IEYj .person-info___okMkM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 17.866666666666667vw;
  padding: 0 4.266666666666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-info___1SfbG .user-cont___3IEYj .person-info___okMkM .header___XwnQt {
  display: inline-block;
  width: 10.666666666666668vw;
  height: 10.666666666666668vw;
  border-radius: 50%;
}
.user-info___1SfbG .user-cont___3IEYj .person-info___okMkM .person-cont___2Yngl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2.1333333333333333vw;
}
.user-info___1SfbG .user-cont___3IEYj .person-info___okMkM .desc___1X-hS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4vw;
  color: #CCCCCC;
  font-weight: 400;
  overflow: hidden;
}
.user-info___1SfbG .user-cont___3IEYj .person-info___okMkM .desc___1X-hS .tag___3yaAb {
  padding: 0.8vw 2.1333333333333333vw;
  margin-left: 2.1333333333333333vw;
  border-radius: 2.666666666666667vw;
  font-size: 2.666666666666667vw;
  color: #754E19;
  font-weight: normal;
  background-color: #FCD9A8;
}
.user-info___1SfbG .user-cont___3IEYj .tips___21SHo {
  position: absolute;
  top: 50%;
  right: -2.666666666666667vw;
  height: 6.4vw;
  line-height: 6.4vw;
  padding: 0 4vw 0 3.2vw;
  margin-top: -3.2vw;
  border-radius: 3.2vw;
  font-size: 3.2vw;
  color: #FCD9A8;
  background-color: rgba(255, 255, 255, 0.1);
}
.renew_head___2auMS {
  margin-top: 8.533333333333333vw;
  margin-left: 6.4vw;
  margin-bottom: 5.333333333333334vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 78.66666666666666vw;
}
.renew_head_avatar___1fvKV {
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #FFD396;
}
.renew_head_info___2-jKI {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.1333333333333333vw;
}
.renew_head_nickname___SCpe4 {
  color: #754E19;
  font-size: 4.266666666666667vw;
  font-weight: bold;
}
.renew_head_status___ZMqPb {
  position: relative;
  margin-top: 1.0666666666666667vw;
  color: #754E19;
  font-size: 3.2vw;
  line-height: 4.533333333333333vw;
}
.renew_head_btn___2UnD6 {
  display: inline-block;
  width: 25.6vw;
  height: 9.066666666666666vw;
  background: -webkit-gradient(linear, left top, right top, from(#413F3D), to(#2A292D));
  background: linear-gradient(90deg, #413F3D 0%, #2A292D 100%);
  border-radius: 5.333333333333334vw;
  line-height: 9.066666666666666vw;
  text-align: center;
  color: #FCDEB3;
  font-size: 3.733333333333334vw;
}
.renew_footer___2YnQw {
  position: absolute;
  bottom: 9.333333333333334vw;
  left: 10.666666666666668vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 78.66666666666666vw;
}
.renew_footer_price___ibThL {
  max-width: 32vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_footer_price_body___18B78 {
  margin-left: 2.666666666666667vw;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.renew_footer_price___ibThL {
  font-size: 6.933333333333333vw;
  font-weight: 600;
  color: #754E19;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_symbol___bSPrD {
  display: inline-block;
  font-size: 4.266666666666667vw;
  font-weight: 500;
  color: #754E19;
  line-height: 5.866666666666666vw;
  margin-right: 0.5333333333333333vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_popup___GKBF_ {
  display: inline-block;
  padding: 0.5333333333333333vw 2.666666666666667vw;
  background: -webkit-gradient(linear, left top, right top, from(#403C39), color-stop(50%, #655E5A), to(#2C2827));
  background: linear-gradient(90deg, #403C39 0%, #655E5A 50%, #2C2827 100%);
  -webkit-box-shadow: 0 0.26666666666666666vw 0.26666666666666666vw 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.26666666666666666vw 0.26666666666666666vw 0 rgba(0, 0, 0, 0.2);
  border-radius: 26.666666666666668vw 26.666666666666668vw 26.666666666666668vw 0.26666666666666666vw;
  font-size: 3.2vw;
  color: #FCDEB3;
  line-height: 4.266666666666667vw;
  text-align: center;
  font-weight: 400;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: left;
          transform-origin: left;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_popup___GKBF_.active___3SMYB {
  position: absolute;
  left: 21.333333333333336vw;
  top: -4vw;
  background: #FF4800;
}
.renew_footer_discount___1bdN2 {
  font-size: 2.666666666666667vw;
  font-weight: 400;
  color: #754E19;
  line-height: 3.733333333333334vw;
  margin-top: 1.0666666666666667vw;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
@-webkit-keyframes roll___2vanM {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  3% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  27% {
    font-size: 0;
    opacity: 0.5;
    margin-left: 0;
    margin-top: -5.333333333333334vw;
  }
  100% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@keyframes roll___2vanM {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  3% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  27% {
    font-size: 0;
    opacity: 0.5;
    margin-left: 0;
    margin-top: -5.333333333333334vw;
  }
  100% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@-webkit-keyframes roll2___1d0L8 {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 0.4;
    margin-left: 0;
    margin-top: 5.333333333333334vw;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  27% {
    font-size: inherit;
    opacity: 0.7;
    margin-left: 0;
    margin-top: 4vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
}
@keyframes roll2___1d0L8 {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 0.4;
    margin-left: 0;
    margin-top: 5.333333333333334vw;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  27% {
    font-size: inherit;
    opacity: 0.7;
    margin-left: 0;
    margin-top: 4vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
}
.bigger1___3Ylgz {
  position: absolute;
  font-size: 0;
  opacity: 0;
  margin-left: 0;
  -webkit-animation: roll___2vanM 2s linear normal 0s;
  animation: roll___2vanM 2s linear normal 0s;
}
.bigger2___1Z5vp {
  position: absolute;
  font-size: inherit;
  opacity: 1;
  margin-left: 0;
  -webkit-animation: roll2___1d0L8 1s linear normal 0s;
  animation: roll2___1d0L8 1s linear normal 0s;
}
.bigger_inline___3UzUV {
  display: inline-block;
}
.grid-demo-item-block___Yy_qA {
  border: solid 1px #999999;
  background: #f5f5f5;
  text-align: center;
  color: #999999;
  height: 100%;
}
.block_name___66BJQ {
  color: #4D1B00;
  height: 5.866666666666666vw;
  line-height: 4.266666666666667vw;
  font-size: 4.266666666666667vw;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.block_name_span___3WS94 {
  position: relative;
  z-index: 1;
}
.block_name___66BJQ::after {
  position: absolute;
  content: '';
  width: 11.733333333333333vw;
  height: 2.666666666666667vw;
  background: #FFF7E8;
  opacity: 0.5;
  z-index: 0;
  left: calc(50% - 5.866666666666666vw);
  bottom: 1.0666666666666667vw;
}
.ml20___1M43w {
  margin-left: 5.333333333333334vw;
}

.color-primary___tg9cI {
  color: #00a7e1;
}
.color-gold___6uAdA {
  color: #E9BC8F;
}
.color-info___346lS {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___3z1dv {
  background: #f0f0f0;
}
.pt-container___2ECSJ {
  padding-bottom: 21.333333333333336vw;
  background: #FA6710;
}
.btn___3DtsI {
  height: 14.933333333333335vw;
  vertical-align: middle;
  display: inline-block;
  margin: 3.2vw 0;
}
.btn-bg___wh7wy {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FA6710;
  height: 21.333333333333336vw;
  text-align: center;
}
.btn-text___1sbu3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 21.333333333333336vw;
  color: #961510;
  margin: 0;
  padding: 0;
  font-size: 6.4vw;
  font-weight: bold;
}
@-webkit-keyframes pulse___a97KP {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse___a97KP {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.pulse___a97KP {
  -webkit-animation: pulse___a97KP 0.6s infinite linear;
  animation: pulse___a97KP 0.6s infinite linear;
}

.solit_activity___UhY8J {
  width: calc(100% - 20px);
  padding: 10px;
}
.solit_renew___38haL {
  position: fixed;
  bottom: 34px;
  left: 0;
  right: 0;
  background: #f5f5f5;
  margin: 14px 28px 34px;
  background: -webkit-gradient(linear, left top, right top, from(#413f3d), to(#2a292d));
  background: linear-gradient(90deg, #413f3d, #2a292d 100%);
  border-radius: 20px;
  height: 40px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #fcdeb3;
  line-height: 40px;
  display: block;
}
.solit_renew_hid___V-LH6 {
  display: none;
}

.color-primary___2gJms {
  color: #00a7e1;
}
.color-gold___1Ovqr {
  color: #E9BC8F;
}
.color-info___3zTYA {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___1w1jV {
  background: #f0f0f0;
}
.pt-container___3h5fu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFCF7;
  min-height: 100vh;
}
.pt-container___3h5fu .max-width___33a1t {
  padding-top: 17.866666666666667vw;
  width: 100%;
}
.pt-container___3h5fu .bg___32Zm5 {
  top: -23.466666666666665vw;
  position: absolute;
  background: url('/static/product_renew/renew_bg.png') no-repeat;
  width: 100%;
  height: 79.73333333333333vw;
  background-size: 100% 100%;
  display: block;
}
.pt-container___3h5fu .bg___32Zm5 .open___3_s2y {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___3h5fu .bg___32Zm5 .bg-btn___1UbrN {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___3h5fu .bg___32Zm5 .btn-text___1ZoX- {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___3h5fu .bg___32Zm5 .renew_body___2tPDT {
  position: absolute;
  top: 56.00000000000001vw;
  width: 100%;
}
.pt-container___3h5fu .bg___32Zm5 .renew_body___2tPDT .split_line___2aw-a {
  height: 44px;
  width: 100%;
}
.pt-container___3h5fu .bg___32Zm5 .renew_body___2tPDT .split_line___2aw-a .renew_body_img___2eyJ- {
  height: 44px;
  width: 100%;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ {
  background: #f5f5f5;
  margin-top: -2px;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ .split_activity_title___pDIGL {
  padding-left: 24px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  position: relative;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ .split_activity_title___pDIGL .split_activity_title_img___ZEegw {
  width: 80px;
  height: 22px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ .split_activity_title___pDIGL .split_activity_text___WyhZW {
  position: absolute;
  top: 5px;
  left: 112px;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ .split_activity_list___3u0Cj {
  white-space: nowrap;
  overflow: auto;
  padding-left: 24px;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ .split_activity_list___3u0Cj .split_activity_listke___2pnIa {
  width: 230px;
  margin-top: 16px;
  margin-bottom: 0px;
  border-radius: 5px;
  display: inline-block;
  padding-right: 16px;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ .split_activity_list___3u0Cj .split_activity_listke___2pnIa .split_activity_list_img___3ktmT {
  width: 100%;
  height: 102px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity___dphUQ .split_activity_list___3u0Cj .split_activity_listke___2pnIa .split_activity_list_title___2iJ8f {
  width: 100%;
  height: 42px;
  background: #ffffff;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pt-container___3h5fu .bg___32Zm5 .split_activity_hide___3zgI4 {
  display: none;
}
.pt-container___3h5fu .bg___32Zm5 .solit_renew___3IGlS {
  background: #f5f5f5;
  margin: 14px 28px 34px;
  background: -webkit-gradient(linear, left top, right top, from(#413f3d), to(#2a292d));
  background: linear-gradient(90deg, #413f3d, #2a292d 100%);
  border-radius: 20px;
  height: 40px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #fcdeb3;
  line-height: 40px;
}
.pt-container___3h5fu .bg___32Zm5 .split_additive_group___31Kai,
.pt-container___3h5fu .bg___32Zm5 .split_rights_interests___DVg3z {
  background: #f5f5f5;
}
.pt-container___3h5fu .bg___32Zm5 .split_additive_group_img___34Muk {
  width: calc(100% - 48px);
  padding: 24px;
  padding-bottom: 0px;
}
.pt-container___3h5fu .bg___32Zm5 .split_rights_interests___DVg3z {
  padding: 32px;
}
.pt-container___3h5fu .bg___32Zm5 .split_rights_interests___DVg3z .split_activity_title___pDIGL {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  position: relative;
}
.pt-container___3h5fu .bg___32Zm5 .split_rights_interests___DVg3z .split_activity_title___pDIGL .split_activity_title_img___ZEegw {
  width: 80px;
  height: 22px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.pt-container___3h5fu .bg___32Zm5 .split_rights_interests___DVg3z .split_activity_title___pDIGL .split_activity_text___WyhZW {
  position: absolute;
  top: 5px;
  left: 88px;
}
.pt-container___3h5fu .bg___32Zm5 .split_rights_interests___DVg3z .split_rights_interests_img___tkP-q {
  width: calc(100%);
}
.pt-container___3h5fu .bg2___vAj3V {
  position: relative;
  background: url('/static/product_trans/bill/bill_bg2.png') no-repeat;
  width: 100%;
  height: 172.53333333333333vw;
  background-size: 100% 100%;
  display: block;
}
.pt-container___3h5fu .bg2___vAj3V .close___3fcFz {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___3h5fu .bg2___vAj3V .bg-btn___1UbrN {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___3h5fu .bg2___vAj3V .btn-text___1ZoX- {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___3h5fu .barrage-box___30DHm {
  width: 100%;
  height: 26.93333333333333vw;
  position: relative;
  overflow: hidden;
}
.pt-container___3h5fu .barrage-box___30DHm .dmGroup1___FrYXw {
  width: 100%;
  position: absolute;
  top: 5.333333333333334vw;
  left: 50%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation1___1mU5j 10s linear 0s infinite;
          animation: dmAnimation1___1mU5j 10s linear 0s infinite;
}
.pt-container___3h5fu .barrage-box___30DHm .dmGroup2___2gpnt {
  position: absolute;
  top: 16vw;
  left: 20%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation2___3WoIy 12s linear 0s infinite;
          animation: dmAnimation2___3WoIy 12s linear 0s infinite;
}
.pt-container___3h5fu .barrage-box___30DHm .dmItem___1s-nu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pt-container___3h5fu .barrage-box___30DHm .dmItem___1s-nu .dm___vww2B {
  height: 5.333333333333334vw;
  font-size: 2.666666666666667vw;
  color: #333;
  line-height: 5.333333333333334vw;
  padding: 0 2.1333333333333333vw;
  margin-right: 4vw;
  background: #FFF5E6;
  border-radius: 3.2vw;
  border: 0.26666666666666666vw solid #FCDBAB;
}
@-webkit-keyframes dmAnimation1___1mU5j {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@keyframes dmAnimation1___1mU5j {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@-webkit-keyframes dmAnimation2___3WoIy {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
@keyframes dmAnimation2___3WoIy {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
.pt-container___3h5fu .model_5_box___3RXIR {
  position: absolute;
  top: 31.466666666666665vw;
  left: 0;
  padding-bottom: 39.46666666666667vw;
  width: 100vw;
  background: #FFFCF7;
}
.pt-container___3h5fu .model_5_box___3RXIR .renew_popup___l35ED.active___14hwT {
  background: #FE4331;
  color: white;
  top: -6.4vw;
  left: -0.5333333333333333vw;
  max-width: 100vw;
  -webkit-box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(0, 0, 0, 0.15);
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_box___3d7wm {
  padding: 6.4vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_title___lSR8m {
  color: #000000;
  font-size: 4.266666666666667vw;
  font-weight: bold;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item___29QQc {
  position: relative;
  padding: 5.333333333333334vw 0 5.333333333333334vw 5.333333333333334vw;
  margin-top: 4.266666666666667vw;
  background: white;
  border: 0.4vw solid #f5f5f5;
  border-radius: 1.866666666666667vw;
  -webkit-box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(233, 188, 143, 0.2);
          box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(233, 188, 143, 0.2);
}
@-webkit-keyframes heartBeat___36SyR {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes heartBeat___36SyR {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item___29QQc.active___14hwT {
  border: 0.26666666666666666vw solid #e9bc8f;
  -webkit-animation-name: heartBeat___36SyR;
          animation-name: heartBeat___36SyR;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item___29QQc.active___14hwT .selection_item_unit___22n19 {
  color: #FE4331;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item___29QQc.active___14hwT .selection_item_price___2XRan {
  color: #FE4331;
}
.pt-container___3h5fu .model_5_box___3RXIR .info_icon___191EY {
  display: block;
  position: absolute;
  width: 4.266666666666667vw;
  height: 4.266666666666667vw;
  padding: 2.1333333333333333vw;
  right: 0;
  top: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item_title___Rj1Zg {
  font-weight: normal;
  color: #000000;
  font-size: 3.733333333333334vw;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item_detail___2KrU4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 3.2vw;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item_unit___22n19 {
  color: #333;
  font-size: 4.266666666666667vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item_price___2XRan {
  font-weight: bold;
  margin-left: 0.5333333333333333vw;
  color: #333;
  font-size: 6.933333333333333vw;
}
.pt-container___3h5fu .model_5_box___3RXIR .selection_item_count___2C_ZU {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.666666666666667vw;
  position: relative;
  color: #999999;
  font-size: 3.2vw;
}
.pt-container___3h5fu .model_5___39rEa {
  background-image: url('/static/product_renew/renew_benefit.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 210.66666666666666vw;
  background-size: contain;
}
.pt-container___3h5fu .model_5___39rEa .btn-bg___RSlrP {
  width: 100%;
  height: 21.333333333333336vw;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.pt-container___3h5fu .model_5___39rEa .btn-bg___RSlrP .btn___3h-hu {
  position: absolute;
  width: 85.33333333333334vw;
  top: 0;
  left: 7.466666666666668vw;
  height: 10.666666666666668vw;
  background: -webkit-gradient(linear, left top, right top, from(#413F3D), to(#2A292D));
  background: linear-gradient(90deg, #413F3D 0%, #2A292D 100%);
  border-radius: 5.333333333333334vw;
  color: #FCDEB3;
  text-align: center;
  font-size: 4.8vw;
  line-height: 10.666666666666668vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.pt-container___3h5fu .model_5___39rEa .btn-bg___RSlrP .btn-text___1ZoX- {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.666666666666668vw;
}
.pt-container___3h5fu .model_6___CDkyX {
  position: relative;
  top: -21.333333333333336vw;
  background-image: url('/static/product_renew/renew_discount.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 61.33333333333333vw;
  background-size: contain;
  font-size: 4.266666666666667vw;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_original___OPVgt {
  font-family: PingFangSC-Medium, PingFang SC;
  position: absolute;
  display: inline-block;
  top: 26.666666666666668vw;
  left: 12.266666666666666vw;
  padding: 0.5333333333333333vw 2.1333333333333333vw;
  text-align: center;
  font-size: 5.333333333333334vw;
  font-weight: 500;
  color: #744e1f;
  background: white;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_original___OPVgt:after {
  content: '';
  position: absolute;
  height: 0.5333333333333333vw;
  width: 100%;
  bottom: 3.2vw;
  background: red;
  display: inline-block;
  left: 0;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_price___2qRD- {
  position: absolute;
  display: inline-block;
  font-family: PingFangSC-Medium, PingFang SC;
  top: 46.13333333333333vw;
  left: 12.266666666666666vw;
  padding: 0.5333333333333333vw 2.1333333333333333vw;
  font-weight: bold;
  text-align: center;
  font-size: 5.333333333333334vw;
  font-weight: 500;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e69d4f), color-stop(50%, #f2cc97), to(#e69d4f));
  background-image: linear-gradient(180deg, #e69d4f 0%, #f2cc97 50%, #e69d4f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_time___znxWx {
  position: absolute;
  color: #333;
  font-size: 4.266666666666667vw;
  line-height: 6.4vw;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 41.6vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 41.6vw;
  top: 41.333333333333336vw;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_mao___32-ne {
  position: relative;
  line-height: 6.4vw;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_mao___32-ne:after {
  font-size: 3.2vw;
  line-height: 6.4vw;
  color: #333;
  position: absolute;
  right: -4vw;
  font-weight: bold;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_0___1xcwN {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_0___1xcwN:after {
  content: ' \5929   ';
}
.pt-container___3h5fu .model_6___CDkyX .model_6_1___GWozP {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_1___GWozP:after {
  content: ' \65F6   ';
}
.pt-container___3h5fu .model_6___CDkyX .model_6_2___1co4z {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_2___1co4z:after {
  content: ' \5206   ';
}
.pt-container___3h5fu .model_6___CDkyX .model_6_3___LvZeB {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___3h5fu .model_6___CDkyX .model_6_3___LvZeB:after {
  content: ' \79D2   ';
}
.user-info___1-e49 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #272727;
  z-index: 99;
}
.user-info___1-e49 .user-cont___2NzKR {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.user-info___1-e49 .user-cont___2NzKR .person-info___T9U-E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 17.866666666666667vw;
  padding: 0 4.266666666666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-info___1-e49 .user-cont___2NzKR .person-info___T9U-E .header___T5wyL {
  display: inline-block;
  width: 10.666666666666668vw;
  height: 10.666666666666668vw;
  border-radius: 50%;
}
.user-info___1-e49 .user-cont___2NzKR .person-info___T9U-E .person-cont___1VYx1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2.1333333333333333vw;
}
.user-info___1-e49 .user-cont___2NzKR .person-info___T9U-E .desc___3IBuX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4vw;
  color: #CCCCCC;
  font-weight: 400;
  overflow: hidden;
}
.user-info___1-e49 .user-cont___2NzKR .person-info___T9U-E .desc___3IBuX .tag___1k4mT {
  padding: 0.8vw 2.1333333333333333vw;
  margin-left: 2.1333333333333333vw;
  border-radius: 2.666666666666667vw;
  font-size: 2.666666666666667vw;
  color: #754E19;
  font-weight: normal;
  background-color: #FCD9A8;
}
.user-info___1-e49 .user-cont___2NzKR .tips___2rEvP {
  position: absolute;
  top: 50%;
  right: -2.666666666666667vw;
  height: 6.4vw;
  line-height: 6.4vw;
  padding: 0 4vw 0 3.2vw;
  margin-top: -3.2vw;
  border-radius: 3.2vw;
  font-size: 3.2vw;
  color: #FCD9A8;
  background-color: rgba(255, 255, 255, 0.1);
}
.renew_head___3aRRx {
  position: absolute;
  bottom: 26.666666666666668vw;
  left: 10.666666666666668vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 78.66666666666666vw;
}
.renew_head_avatar___3olaT {
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #FFD396;
}
.renew_head_info___1PNGQ {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.1333333333333333vw;
}
.renew_head_nickname___2uD2x {
  color: #754E19;
  font-size: 4.266666666666667vw;
  font-weight: bold;
}
.renew_head_status___3yTBk {
  position: relative;
  margin-top: 1.0666666666666667vw;
  color: #754E19;
  font-size: 3.2vw;
  line-height: 4.533333333333333vw;
}
.renew_head_btn___mMf8- {
  display: inline-block;
  width: 25.6vw;
  height: 9.066666666666666vw;
  background: -webkit-gradient(linear, left top, right top, from(#413F3D), to(#2A292D));
  background: linear-gradient(90deg, #413F3D 0%, #2A292D 100%);
  border-radius: 5.333333333333334vw;
  line-height: 9.066666666666666vw;
  text-align: center;
  color: #FCDEB3;
  font-size: 3.733333333333334vw;
}
.renew_footer___33Cwb {
  position: absolute;
  bottom: 9.333333333333334vw;
  left: 10.666666666666668vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 78.66666666666666vw;
}
.renew_footer_price___1fldB {
  max-width: 32vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_footer_price_body___24glB {
  margin-left: 2.666666666666667vw;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.renew_footer_price___1fldB {
  font-size: 6.933333333333333vw;
  font-weight: 600;
  color: #754E19;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_symbol___33p6i {
  display: inline-block;
  font-size: 4.266666666666667vw;
  font-weight: 500;
  color: #754E19;
  line-height: 5.866666666666666vw;
  margin-right: 0.5333333333333333vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_popup___l35ED {
  display: inline-block;
  padding: 0.5333333333333333vw 2.666666666666667vw;
  background: -webkit-gradient(linear, left top, right top, from(#403C39), color-stop(50%, #655E5A), to(#2C2827));
  background: linear-gradient(90deg, #403C39 0%, #655E5A 50%, #2C2827 100%);
  -webkit-box-shadow: 0 0.26666666666666666vw 0.26666666666666666vw 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.26666666666666666vw 0.26666666666666666vw 0 rgba(0, 0, 0, 0.2);
  border-radius: 26.666666666666668vw 26.666666666666668vw 26.666666666666668vw 0.26666666666666666vw;
  font-size: 3.2vw;
  color: #FCDEB3;
  line-height: 4.266666666666667vw;
  text-align: center;
  font-weight: 400;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: left;
          transform-origin: left;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_popup___l35ED.active___14hwT {
  position: absolute;
  left: 21.333333333333336vw;
  top: -4vw;
  background: #FF4800;
}
.renew_footer_discount___2T4af {
  font-size: 2.666666666666667vw;
  font-weight: 400;
  color: #754E19;
  line-height: 3.733333333333334vw;
  margin-top: 1.0666666666666667vw;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
@-webkit-keyframes roll___359d1 {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  3% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  27% {
    font-size: 0;
    opacity: 0.5;
    margin-left: 0;
    margin-top: -5.333333333333334vw;
  }
  100% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@keyframes roll___359d1 {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  3% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  27% {
    font-size: 0;
    opacity: 0.5;
    margin-left: 0;
    margin-top: -5.333333333333334vw;
  }
  100% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@-webkit-keyframes roll2___3S_qB {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 0.4;
    margin-left: 0;
    margin-top: 5.333333333333334vw;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  27% {
    font-size: inherit;
    opacity: 0.7;
    margin-left: 0;
    margin-top: 4vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
}
@keyframes roll2___3S_qB {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 0.4;
    margin-left: 0;
    margin-top: 5.333333333333334vw;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  27% {
    font-size: inherit;
    opacity: 0.7;
    margin-left: 0;
    margin-top: 4vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
}
.bigger1___1aBJa {
  position: absolute;
  font-size: 0;
  opacity: 0;
  margin-left: 0;
  -webkit-animation: roll___359d1 2s linear normal 0s;
  animation: roll___359d1 2s linear normal 0s;
}
.bigger2___3To9u {
  position: absolute;
  font-size: inherit;
  opacity: 1;
  margin-left: 0;
  -webkit-animation: roll2___3S_qB 1s linear normal 0s;
  animation: roll2___3S_qB 1s linear normal 0s;
}
.bigger_inline___UPDyQ {
  display: inline-block;
}

.color-primary___EsPBb {
  color: #00a7e1;
}
.color-gold___3zpZC {
  color: #E9BC8F;
}
.color-info___2Xhiu {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___1F-vw {
  background: #f0f0f0;
}
.pt-container___1w19J {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFCF7;
  min-height: 100vh;
}
.pt-container___1w19J .max-width___8o6bP {
  padding-top: 17.866666666666667vw;
  width: 100%;
}
.pt-container___1w19J .bg___yOt1p {
  height: 89px;
  background-size: 100% 100%;
  display: block;
  padding-left: 23px;
  background: #fff;
  margin-bottom: 8px;
}
.pt-container___1w19J .bg___yOt1p .open___1KNlK {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___1w19J .bg___yOt1p .bg-btn___2Jq9D {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___1w19J .bg___yOt1p .btn-text___iJB8g {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___1w19J .bg2___1HiLH {
  position: relative;
  background: url('/static/product_trans/bill/bill_bg2.png') no-repeat;
  width: 100%;
  height: 172.53333333333333vw;
  background-size: 100% 100%;
  display: block;
}
.pt-container___1w19J .bg2___1HiLH .close___1ykLL {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___1w19J .bg2___1HiLH .bg-btn___2Jq9D {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___1w19J .bg2___1HiLH .btn-text___iJB8g {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___1w19J .barrage-box___3zWYo {
  width: 100%;
  height: 26.93333333333333vw;
  position: relative;
  overflow: hidden;
}
.pt-container___1w19J .barrage-box___3zWYo .dmGroup1___3ycvV {
  width: 100%;
  position: absolute;
  top: 5.333333333333334vw;
  left: 50%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation1___OZK8G 10s linear 0s infinite;
          animation: dmAnimation1___OZK8G 10s linear 0s infinite;
}
.pt-container___1w19J .barrage-box___3zWYo .dmGroup2___MpM1M {
  position: absolute;
  top: 16vw;
  left: 20%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation2___2xda0 12s linear 0s infinite;
          animation: dmAnimation2___2xda0 12s linear 0s infinite;
}
.pt-container___1w19J .barrage-box___3zWYo .dmItem___3enYg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pt-container___1w19J .barrage-box___3zWYo .dmItem___3enYg .dm___1apV7 {
  height: 5.333333333333334vw;
  font-size: 2.666666666666667vw;
  color: #333;
  line-height: 5.333333333333334vw;
  padding: 0 2.1333333333333333vw;
  margin-right: 4vw;
  background: #FFF5E6;
  border-radius: 3.2vw;
  border: 0.26666666666666666vw solid #FCDBAB;
}
@-webkit-keyframes dmAnimation1___OZK8G {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@keyframes dmAnimation1___OZK8G {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@-webkit-keyframes dmAnimation2___2xda0 {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
@keyframes dmAnimation2___2xda0 {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
.pt-container___1w19J .model_5_box___3C79r {
  width: 100vw;
  background: #FFF;
}
.pt-container___1w19J .model_5_box___3C79r .renew_popup___3Z5Wk.active___20liI {
  background: #FE4331;
  color: white;
  top: -6.4vw;
  left: -0.5333333333333333vw;
  max-width: 100vw;
  -webkit-box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(0, 0, 0, 0.15);
}
.pt-container___1w19J .model_5_box___3C79r .selection_box___5KknL {
  padding: 6.4vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pt-container___1w19J .model_5_box___3C79r .selection_title___36WWX {
  color: #000000;
  font-size: 4.266666666666667vw;
  font-weight: bold;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item___kpg8d {
  position: relative;
  padding: 5.333333333333334vw 0 5.333333333333334vw 5.333333333333334vw;
  margin-top: 4.266666666666667vw;
  background: white;
  border: 0.4vw solid #f5f5f5;
  border-radius: 1.866666666666667vw;
  -webkit-box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(233, 188, 143, 0.2);
          box-shadow: 0 0.26666666666666666vw 1.0666666666666667vw 0 rgba(233, 188, 143, 0.2);
}
@-webkit-keyframes heartBeat___iCEOQ {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes heartBeat___iCEOQ {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.pt-container___1w19J .model_5_box___3C79r .selection_item___kpg8d.active___20liI {
  border: 0.26666666666666666vw solid #e9bc8f;
  -webkit-animation-name: heartBeat___iCEOQ;
          animation-name: heartBeat___iCEOQ;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item___kpg8d.active___20liI .selection_item_unit___2nDz_ {
  color: #FE4331;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item___kpg8d.active___20liI .selection_item_price___1rp7P {
  color: #FE4331;
}
.pt-container___1w19J .model_5_box___3C79r .info_icon___H-OaX {
  display: block;
  position: absolute;
  width: 4.266666666666667vw;
  height: 4.266666666666667vw;
  padding: 2.1333333333333333vw;
  right: 0;
  top: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item_title___2H2aT {
  font-weight: normal;
  color: #000000;
  font-size: 3.733333333333334vw;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item_detail___fsrxW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 3.2vw;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item_unit___2nDz_ {
  color: #333;
  font-size: 4.266666666666667vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item_price___1rp7P {
  font-weight: bold;
  margin-left: 0.5333333333333333vw;
  color: #333;
  font-size: 6.933333333333333vw;
}
.pt-container___1w19J .model_5_box___3C79r .selection_item_count___aR2zD {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.666666666666667vw;
  position: relative;
  color: #999999;
  font-size: 3.2vw;
}
.pt-container___1w19J .model_5___1AiBw {
  background-image: url('/static/product_renew/renew_benefit.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 210.66666666666666vw;
  background-size: contain;
}
.pt-container___1w19J .model_5___1AiBw .btn-bg___8LK7O {
  width: 100%;
  height: 21.333333333333336vw;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.pt-container___1w19J .model_5___1AiBw .btn-bg___8LK7O .btn___2KuUK {
  position: absolute;
  width: 85.33333333333334vw;
  top: 0;
  left: 7.466666666666668vw;
  height: 10.666666666666668vw;
  background: -webkit-gradient(linear, left top, right top, from(#413F3D), to(#2A292D));
  background: linear-gradient(90deg, #413F3D 0%, #2A292D 100%);
  border-radius: 5.333333333333334vw;
  color: #FCDEB3;
  text-align: center;
  font-size: 4.8vw;
  line-height: 10.666666666666668vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.pt-container___1w19J .model_5___1AiBw .btn-bg___8LK7O .btn-text___iJB8g {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.666666666666668vw;
}
.pt-container___1w19J .model_6___3NJk6 {
  position: relative;
  top: -21.333333333333336vw;
  background-image: url('/static/product_renew/renew_discount.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 61.33333333333333vw;
  background-size: contain;
  font-size: 4.266666666666667vw;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_original___3eY65 {
  font-family: PingFangSC-Medium, PingFang SC;
  position: absolute;
  display: inline-block;
  top: 26.666666666666668vw;
  left: 12.266666666666666vw;
  padding: 0.5333333333333333vw 2.1333333333333333vw;
  text-align: center;
  font-size: 5.333333333333334vw;
  font-weight: 500;
  color: #744e1f;
  background: white;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_original___3eY65:after {
  content: '';
  position: absolute;
  height: 0.5333333333333333vw;
  width: 100%;
  bottom: 3.2vw;
  background: red;
  display: inline-block;
  left: 0;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_price___12Vqa {
  position: absolute;
  display: inline-block;
  font-family: PingFangSC-Medium, PingFang SC;
  top: 46.13333333333333vw;
  left: 12.266666666666666vw;
  padding: 0.5333333333333333vw 2.1333333333333333vw;
  font-weight: bold;
  text-align: center;
  font-size: 5.333333333333334vw;
  font-weight: 500;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e69d4f), color-stop(50%, #f2cc97), to(#e69d4f));
  background-image: linear-gradient(180deg, #e69d4f 0%, #f2cc97 50%, #e69d4f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_time___1rt9y {
  position: absolute;
  color: #333;
  font-size: 4.266666666666667vw;
  line-height: 6.4vw;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 41.6vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 41.6vw;
  top: 41.333333333333336vw;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_mao___dhn4o {
  position: relative;
  line-height: 6.4vw;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_mao___dhn4o:after {
  font-size: 3.2vw;
  line-height: 6.4vw;
  color: #333;
  position: absolute;
  right: -4vw;
  font-weight: bold;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_0___1trBT {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_0___1trBT:after {
  content: ' \5929   ';
}
.pt-container___1w19J .model_6___3NJk6 .model_6_1___23XnB {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_1___23XnB:after {
  content: ' \65F6   ';
}
.pt-container___1w19J .model_6___3NJk6 .model_6_2___3A0YF {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_2___3A0YF:after {
  content: ' \5206   ';
}
.pt-container___1w19J .model_6___3NJk6 .model_6_3___2DT5c {
  width: 6.4vw;
  height: 6.4vw;
  background: #2A292D;
  border-radius: 1.0666666666666667vw;
  color: white;
}
.pt-container___1w19J .model_6___3NJk6 .model_6_3___2DT5c:after {
  content: ' \79D2   ';
}
.user-info___Xgdqb {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #272727;
  z-index: 99;
}
.user-info___Xgdqb .user-cont___xo5HF {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.user-info___Xgdqb .user-cont___xo5HF .person-info___3tH1o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 17.866666666666667vw;
  padding: 0 4.266666666666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-info___Xgdqb .user-cont___xo5HF .person-info___3tH1o .header___3NJR4 {
  display: inline-block;
  width: 10.666666666666668vw;
  height: 10.666666666666668vw;
  border-radius: 50%;
}
.user-info___Xgdqb .user-cont___xo5HF .person-info___3tH1o .person-cont___15c8e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2.1333333333333333vw;
}
.user-info___Xgdqb .user-cont___xo5HF .person-info___3tH1o .desc___2hniG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4vw;
  color: #CCCCCC;
  font-weight: 400;
  overflow: hidden;
}
.user-info___Xgdqb .user-cont___xo5HF .person-info___3tH1o .desc___2hniG .tag____aPHr {
  padding: 0.8vw 2.1333333333333333vw;
  margin-left: 2.1333333333333333vw;
  border-radius: 2.666666666666667vw;
  font-size: 2.666666666666667vw;
  color: #754E19;
  font-weight: normal;
  background-color: #FCD9A8;
}
.user-info___Xgdqb .user-cont___xo5HF .tips___18xFw {
  position: absolute;
  top: 50%;
  right: -2.666666666666667vw;
  height: 6.4vw;
  line-height: 6.4vw;
  padding: 0 4vw 0 3.2vw;
  margin-top: -3.2vw;
  border-radius: 3.2vw;
  font-size: 3.2vw;
  color: #FCD9A8;
  background-color: rgba(255, 255, 255, 0.1);
}
.renew_head___Vsgfw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 78.66666666666666vw;
  margin-top: 16px;
}
.renew_head_avatar___27yDh {
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #FFD396;
}
.renew_head_info___1Z1-c {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.1333333333333333vw;
}
.renew_head_nickname___wmiOr {
  color: #754E19;
  font-size: 4.266666666666667vw;
  font-weight: bold;
}
.renew_head_status___1Hot7 {
  position: relative;
  margin-top: 1.0666666666666667vw;
  color: #754E19;
  font-size: 3.2vw;
  line-height: 4.533333333333333vw;
}
.renew_head_btn___1Q9zn {
  display: inline-block;
  width: 25.6vw;
  height: 9.066666666666666vw;
  background: -webkit-gradient(linear, left top, right top, from(#413F3D), to(#2A292D));
  background: linear-gradient(90deg, #413F3D 0%, #2A292D 100%);
  border-radius: 5.333333333333334vw;
  line-height: 9.066666666666666vw;
  text-align: center;
  color: #FCDEB3;
  font-size: 3.733333333333334vw;
}
.renew_footer___14qkH {
  position: absolute;
  bottom: 9.333333333333334vw;
  left: 10.666666666666668vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 78.66666666666666vw;
}
.renew_footer_price___23gsx {
  max-width: 32vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_footer_price_body___1Zi2N {
  margin-left: 2.666666666666667vw;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.renew_footer_price___23gsx {
  font-size: 6.933333333333333vw;
  font-weight: 600;
  color: #754E19;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_symbol___3HeQe {
  display: inline-block;
  font-size: 4.266666666666667vw;
  font-weight: 500;
  color: #754E19;
  line-height: 5.866666666666666vw;
  margin-right: 0.5333333333333333vw;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_popup___3Z5Wk {
  display: inline-block;
  padding: 0.5333333333333333vw 2.666666666666667vw;
  background: -webkit-gradient(linear, left top, right top, from(#403C39), color-stop(50%, #655E5A), to(#2C2827));
  background: linear-gradient(90deg, #403C39 0%, #655E5A 50%, #2C2827 100%);
  -webkit-box-shadow: 0 0.26666666666666666vw 0.26666666666666666vw 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.26666666666666666vw 0.26666666666666666vw 0 rgba(0, 0, 0, 0.2);
  border-radius: 26.666666666666668vw 26.666666666666668vw 26.666666666666668vw 0.26666666666666666vw;
  font-size: 3.2vw;
  color: #FCDEB3;
  line-height: 4.266666666666667vw;
  text-align: center;
  font-weight: 400;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: left;
          transform-origin: left;
  font-family: PingFangSC-Medium, PingFang SC;
}
.renew_popup___3Z5Wk.active___20liI {
  position: absolute;
  left: 21.333333333333336vw;
  top: -4vw;
  background: #FF4800;
}
.renew_footer_discount___3RZv5 {
  font-size: 2.666666666666667vw;
  font-weight: 400;
  color: #754E19;
  line-height: 3.733333333333334vw;
  margin-top: 1.0666666666666667vw;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
@-webkit-keyframes roll___2QbSF {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  3% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  27% {
    font-size: 0;
    opacity: 0.5;
    margin-left: 0;
    margin-top: -5.333333333333334vw;
  }
  100% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@keyframes roll___2QbSF {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  3% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  27% {
    font-size: 0;
    opacity: 0.5;
    margin-left: 0;
    margin-top: -5.333333333333334vw;
  }
  100% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@-webkit-keyframes roll2___PO8jG {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 0.4;
    margin-left: 0;
    margin-top: 5.333333333333334vw;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  27% {
    font-size: inherit;
    opacity: 0.7;
    margin-left: 0;
    margin-top: 4vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
}
@keyframes roll2___PO8jG {
  0% {
    font-size: 0;
    opacity: 0;
    margin-left: 0;
    margin-top: 0;
  }
  20% {
    font-size: inherit;
    opacity: 0.4;
    margin-left: 0;
    margin-top: 5.333333333333334vw;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
  27% {
    font-size: inherit;
    opacity: 0.7;
    margin-left: 0;
    margin-top: 4vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
  }
}
.bigger1___3168U {
  position: absolute;
  font-size: 0;
  opacity: 0;
  margin-left: 0;
  -webkit-animation: roll___2QbSF 2s linear normal 0s;
  animation: roll___2QbSF 2s linear normal 0s;
}
.bigger2___3BaII {
  position: absolute;
  font-size: inherit;
  opacity: 1;
  margin-left: 0;
  -webkit-animation: roll2___PO8jG 1s linear normal 0s;
  animation: roll2___PO8jG 1s linear normal 0s;
}
.bigger_inline___3gNR9 {
  display: inline-block;
}

.color-primary___hkKvD {
  color: #00a7e1;
}
.color-gold___2EXcD {
  color: #E9BC8F;
}
.color-info___281DL {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___5VvOB {
  background: #f0f0f0;
}
.pt-container___lxWTh {
  background: #FFFCF7;
}
.pt-container___lxWTh .max-width___3G1YT {
  padding-top: 17.866666666666667vw;
  width: 100%;
}
.pt-container___lxWTh .bg___9y8rq {
  position: relative;
  background: url('/static/product_trans/bill/bill_bg1.png') no-repeat;
  width: 100%;
  height: 79.73333333333333vw;
  background-size: 100% 100%;
  margin-top: 17.599999999999998vw;
  display: block;
}
.pt-container___lxWTh .bg___9y8rq .open___2w2-h {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___lxWTh .bg___9y8rq .bg-btn___2v5Wm {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___lxWTh .bg___9y8rq .btn-text___2u4Wy {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___lxWTh .pt15___1PpIx {
  position: relative;
  width: 100%;
  margin-top: 17.599999999999998vw;
  display: block;
}
.pt-container___lxWTh .pt15___1PpIx .pt-bc___2yVV8 {
  display: block;
  width: 100%;
}
.pt-container___lxWTh .pt15___1PpIx .special_btn_group___1ntiJ {
  position: fixed;
  height: 10.666666666666668vw;
  width: 91.46666666666667vw;
  left: 4.266666666666667vw;
  bottom: 10.666666666666668vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5.333333333333334vw;
  overflow: hidden;
  font-size: 3.733333333333334vw;
}
.pt-container___lxWTh .pt15___1PpIx .special_btn_group___1ntiJ .special_btn___2W_sQ {
  background: #333;
  color: #f59b23;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  line-height: 10.666666666666668vw;
}
.pt-container___lxWTh .pt15___1PpIx .special_btn_group___1ntiJ .special_btn___2W_sQ:first-child {
  color: white;
  background: #b7731b;
  display: inline-block;
}
.pt-container___lxWTh .pt15___1PpIx .close___2tec0 {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___lxWTh .pt15___1PpIx .bg-btn___2v5Wm {
  position: fixed;
  bottom: 10.666666666666668vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___lxWTh .pt15___1PpIx .btn-text___2u4Wy {
  position: fixed;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 10.666666666666668vw;
}
.pt-container___lxWTh .bg2___3NzLq {
  position: relative;
  background: url('/static/product_trans/bill/bill_bg2.png') no-repeat;
  width: 100%;
  height: 172.53333333333333vw;
  background-size: 100% 100%;
  margin-top: 17.599999999999998vw;
  display: block;
}
.pt-container___lxWTh .bg2___3NzLq .close___2tec0 {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___lxWTh .bg2___3NzLq .bg-btn___2v5Wm {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___lxWTh .bg2___3NzLq .btn-text___2u4Wy {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___lxWTh .barrage-box___3qizz {
  width: 100%;
  height: 26.93333333333333vw;
  position: relative;
  overflow: hidden;
}
.pt-container___lxWTh .barrage-box___3qizz .dmGroup1___3om-Y {
  width: 100%;
  position: absolute;
  top: 5.333333333333334vw;
  left: 50%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation1___2Moos 10s linear 0s infinite;
          animation: dmAnimation1___2Moos 10s linear 0s infinite;
}
.pt-container___lxWTh .barrage-box___3qizz .dmGroup2___39HVD {
  position: absolute;
  top: 16vw;
  left: 20%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation2___19jZh 12s linear 0s infinite;
          animation: dmAnimation2___19jZh 12s linear 0s infinite;
}
.pt-container___lxWTh .barrage-box___3qizz .dmItem___ipNXV {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pt-container___lxWTh .barrage-box___3qizz .dmItem___ipNXV .dm___16nZC {
  height: 5.333333333333334vw;
  font-size: 2.666666666666667vw;
  color: #333;
  line-height: 5.333333333333334vw;
  padding: 0 2.1333333333333333vw;
  margin-right: 4vw;
  background: #FFF5E6;
  border-radius: 3.2vw;
  border: 0.26666666666666666vw solid #FCDBAB;
}
@-webkit-keyframes dmAnimation1___2Moos {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@keyframes dmAnimation1___2Moos {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@-webkit-keyframes dmAnimation2___19jZh {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
@keyframes dmAnimation2___19jZh {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
.pt-container___lxWTh .model_1___10tMk {
  position: relative;
  background-image: url('/static/product_trans/bill/bill06.png');
  width: 100%;
  height: 76vw;
  background-size: 100% 100%;
  margin-bottom: 22px;
}
.pt-container___lxWTh .model_1___10tMk .pm-bg___2rz2B {
  position: absolute;
  top: 23.466666666666665vw;
  left: 5.866666666666666vw;
  margin: 0 auto;
  width: 88vw;
  overflow-x: scroll;
}
.pt-container___lxWTh .model_1___10tMk .pm-box___3g09V {
  width: 336vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pt-container___lxWTh .model_1___10tMk .pm-img___1VOtr {
  width: 33.6vw;
  height: 44.53333333333334vw;
}
.pt-container___lxWTh .model_2___fFo5S {
  background-image: url('/static/product_trans/bill/bill07.png');
  width: 100%;
  height: 153.86666666666667vw;
  background-size: 100% 100%;
  margin-bottom: 22px;
}
.pt-container___lxWTh .model_3___1QDnh {
  position: relative;
  background-image: url('/static/product_trans/bill/bill08.png');
  width: 100%;
  height: 119.19999999999999vw;
  background-size: contain;
  margin-bottom: 22px;
  z-index: 2;
}
.pt-container___lxWTh .model_3___1QDnh .caseImg___2jTAz {
  margin-top: 25.6vw;
  margin-left: 4.8vw;
}
.pt-container___lxWTh .model_4___31U58 {
  position: relative;
  background-image: url('/static/product_trans/bill/bill09.png');
  width: 100%;
  height: 61.6vw;
  background-size: contain;
  margin-bottom: 22px;
}
.pt-container___lxWTh .model_4___31U58 .btn4___2g8ZI {
  position: absolute;
  width: 91.46666666666667vw;
  height: 25.6vw;
  top: 11.200000000000001vw;
  left: 4.266666666666667vw;
}
.pt-container___lxWTh .model_4___31U58 .btn4-box___9MkMM {
  position: absolute;
  top: 15.733333333333333vw;
  right: 9.066666666666666vw;
  width: 16.266666666666666vw;
  height: 16.266666666666666vw;
  background: red;
  opacity: 0;
  border-radius: 50%;
  z-index: 6;
}
.pt-container___lxWTh .model_4___31U58 .btn-text___2u4Wy {
  position: absolute;
  top: 15.733333333333333vw;
  right: 9.066666666666666vw;
  width: 16.266666666666666vw;
  height: 16.266666666666666vw;
  background: red;
  opacity: 0;
  border-radius: 50%;
  z-index: 6;
}
.pt-container___lxWTh .model_5___VAzYw {
  background-image: url('/static/product_trans/bill/bill11.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 256.5333333333333vw;
  background-size: contain;
}
.pt-container___lxWTh .model_5___VAzYw .btn-bg___aHyJp {
  width: 100%;
  height: 18.666666666666668vw;
  position: fixed;
  left: 0;
  bottom: 1.3333333333333335vw;
  z-index: 99;
}
.pt-container___lxWTh .model_5___VAzYw .btn-bg___aHyJp .btn___1PIhE {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.666666666666668vw;
}
.pt-container___lxWTh .model_5___VAzYw .btn-bg___aHyJp .btn-text___2u4Wy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.666666666666668vw;
}
.user-info___3YPaA {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #272727;
  z-index: 99;
}
.user-info___3YPaA .user-cont___EdKLA {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.user-info___3YPaA .user-cont___EdKLA .person-info___3n3kz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 17.866666666666667vw;
  padding: 0 4.266666666666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-info___3YPaA .user-cont___EdKLA .person-info___3n3kz .header___2ORwA {
  display: inline-block;
  width: 10.666666666666668vw;
  height: 10.666666666666668vw;
  border-radius: 50%;
}
.user-info___3YPaA .user-cont___EdKLA .person-info___3n3kz .person-cont___156tC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2.1333333333333333vw;
}
.user-info___3YPaA .user-cont___EdKLA .person-info___3n3kz .desc___1KSFk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4vw;
  color: #CCCCCC;
  font-weight: 400;
  overflow: hidden;
}
.user-info___3YPaA .user-cont___EdKLA .person-info___3n3kz .desc___1KSFk .tag___1Emjs {
  padding: 0.8vw 2.1333333333333333vw;
  margin-left: 2.1333333333333333vw;
  border-radius: 2.666666666666667vw;
  font-size: 2.666666666666667vw;
  color: #754E19;
  font-weight: normal;
  background-color: #FCD9A8;
}
.user-info___3YPaA .user-cont___EdKLA .tips___3TUR6 {
  position: absolute;
  top: 50%;
  right: -2.666666666666667vw;
  height: 6.4vw;
  line-height: 6.4vw;
  padding: 0 4vw 0 3.2vw;
  margin-top: -3.2vw;
  border-radius: 3.2vw;
  font-size: 3.2vw;
  color: #FCD9A8;
  background-color: rgba(255, 255, 255, 0.1);
}

.color-primary___2PNd8 {
  color: #00a7e1;
}
.color-gold___betjR {
  color: #E9BC8F;
}
.color-info___2lwOf {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___2j7fi {
  background: #f0f0f0;
}
.pt-container___3VSd2 {
  background: #FFFCF7;
}
.pt-container___3VSd2 .max-width___3mAOV {
  padding-top: 17.866666666666667vw;
  width: 100%;
}
.pt-container___3VSd2 .bg___2s6nH {
  position: relative;
  background: url('/static/product_trans/bill/bill_bg1.png') no-repeat;
  width: 100%;
  height: 79.73333333333333vw;
  background-size: 100% 100%;
  margin-top: 17.599999999999998vw;
  display: block;
}
.pt-container___3VSd2 .bg___2s6nH .open___1lkVp {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___3VSd2 .bg___2s6nH .bg-btn___13ab9 {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___3VSd2 .bg___2s6nH .btn-text___3YX3E {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___3VSd2 .pt15___1HuuH {
  position: relative;
  width: 100%;
  margin-top: 17.599999999999998vw;
  display: block;
}
.pt-container___3VSd2 .pt15___1HuuH .pt-bc___2Bhce {
  display: block;
  width: 100%;
}
.pt-container___3VSd2 .pt15___1HuuH .special_btn_group___mHl6F {
  position: fixed;
  height: 10.666666666666668vw;
  width: 91.46666666666667vw;
  left: 4.266666666666667vw;
  bottom: 10.666666666666668vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5.333333333333334vw;
  overflow: hidden;
  font-size: 3.733333333333334vw;
}
.pt-container___3VSd2 .pt15___1HuuH .special_btn_group___mHl6F .special_btn___3wCHN {
  background: #333;
  color: #f59b23;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  line-height: 10.666666666666668vw;
}
.pt-container___3VSd2 .pt15___1HuuH .special_btn_group___mHl6F .special_btn___3wCHN:first-child {
  color: white;
  background: #b7731b;
  display: inline-block;
}
.pt-container___3VSd2 .pt15___1HuuH .close___3Grqd {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___3VSd2 .pt15___1HuuH .bg-btn___13ab9 {
  position: fixed;
  bottom: 10.666666666666668vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___3VSd2 .pt15___1HuuH .btn-text___3YX3E {
  position: fixed;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 10.666666666666668vw;
}
.pt-container___3VSd2 .bg2___3p1oj {
  position: relative;
  background: url('/static/product_trans/bill/bill_bg2.png') no-repeat;
  width: 100%;
  height: 172.53333333333333vw;
  background-size: 100% 100%;
  margin-top: 17.599999999999998vw;
  display: block;
}
.pt-container___3VSd2 .bg2___3p1oj .close___3Grqd {
  position: absolute;
  top: 45.33333333333333vw;
  right: 8vw;
  width: 10.666666666666668vw;
  opacity: 0;
}
.pt-container___3VSd2 .bg2___3p1oj .bg-btn___13ab9 {
  position: absolute;
  bottom: 12vw;
  left: 0;
  padding: 0 7.466666666666668vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.666666666666668vw;
}
.pt-container___3VSd2 .bg2___3p1oj .btn-text___3YX3E {
  position: absolute;
  height: 10.666666666666668vw;
  width: 100%;
  bottom: 12vw;
}
.pt-container___3VSd2 .barrage-box___27DfO {
  width: 100%;
  height: 26.93333333333333vw;
  position: relative;
  overflow: hidden;
}
.pt-container___3VSd2 .barrage-box___27DfO .dmGroup1___2BvWa {
  width: 100%;
  position: absolute;
  top: 5.333333333333334vw;
  left: 50%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation1___3IPBs 10s linear 0s infinite;
          animation: dmAnimation1___3IPBs 10s linear 0s infinite;
}
.pt-container___3VSd2 .barrage-box___27DfO .dmGroup2___2wEe4 {
  position: absolute;
  top: 16vw;
  left: 20%;
  z-index: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
  height: 8vw;
  -webkit-animation: dmAnimation2___3H4u3 12s linear 0s infinite;
          animation: dmAnimation2___3H4u3 12s linear 0s infinite;
}
.pt-container___3VSd2 .barrage-box___27DfO .dmItem___pNEcN {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pt-container___3VSd2 .barrage-box___27DfO .dmItem___pNEcN .dm___1l5oJ {
  height: 5.333333333333334vw;
  font-size: 2.666666666666667vw;
  color: #333;
  line-height: 5.333333333333334vw;
  padding: 0 2.1333333333333333vw;
  margin-right: 4vw;
  background: #FFF5E6;
  border-radius: 3.2vw;
  border: 0.26666666666666666vw solid #FCDBAB;
}
@-webkit-keyframes dmAnimation1___3IPBs {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@keyframes dmAnimation1___3IPBs {
  from {
    left: 50%;
  }
  to {
    left: -200%;
  }
}
@-webkit-keyframes dmAnimation2___3H4u3 {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
@keyframes dmAnimation2___3H4u3 {
  from {
    left: 50%;
  }
  to {
    left: -150%;
  }
}
.pt-container___3VSd2 .model_1___1eocS {
  position: relative;
  background-image: url('/static/product_trans/bill/bill06.png');
  width: 100%;
  height: 76vw;
  background-size: 100% 100%;
  margin-bottom: 22px;
}
.pt-container___3VSd2 .model_1___1eocS .pm-bg___VqlJV {
  position: absolute;
  top: 23.466666666666665vw;
  left: 5.866666666666666vw;
  margin: 0 auto;
  width: 88vw;
  overflow-x: scroll;
}
.pt-container___3VSd2 .model_1___1eocS .pm-box___a6VA0 {
  width: 336vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pt-container___3VSd2 .model_1___1eocS .pm-img___yAYTq {
  width: 33.6vw;
  height: 44.53333333333334vw;
}
.pt-container___3VSd2 .model_2___3Roo7 {
  background-image: url('/static/product_trans/bill/bill07.png');
  width: 100%;
  height: 153.86666666666667vw;
  background-size: 100% 100%;
  margin-bottom: 22px;
}
.pt-container___3VSd2 .model_3___1zBQp {
  position: relative;
  background-image: url('/static/product_trans/bill/bill08.png');
  width: 100%;
  height: 119.19999999999999vw;
  background-size: contain;
  margin-bottom: 22px;
  z-index: 2;
}
.pt-container___3VSd2 .model_3___1zBQp .caseImg___nCOgN {
  margin-top: 25.6vw;
  margin-left: 4.8vw;
}
.pt-container___3VSd2 .model_4___3HWXi {
  position: relative;
  background-image: url('/static/product_trans/bill/bill09.png');
  width: 100%;
  height: 61.6vw;
  background-size: contain;
  margin-bottom: 22px;
}
.pt-container___3VSd2 .model_4___3HWXi .btn4___1Okto {
  position: absolute;
  width: 91.46666666666667vw;
  height: 25.6vw;
  top: 11.200000000000001vw;
  left: 4.266666666666667vw;
}
.pt-container___3VSd2 .model_4___3HWXi .btn4-box___3Z090 {
  position: absolute;
  top: 15.733333333333333vw;
  right: 9.066666666666666vw;
  width: 16.266666666666666vw;
  height: 16.266666666666666vw;
  background: red;
  opacity: 0;
  border-radius: 50%;
  z-index: 6;
}
.pt-container___3VSd2 .model_4___3HWXi .btn-text___3YX3E {
  position: absolute;
  top: 15.733333333333333vw;
  right: 9.066666666666666vw;
  width: 16.266666666666666vw;
  height: 16.266666666666666vw;
  background: red;
  opacity: 0;
  border-radius: 50%;
  z-index: 6;
}
.pt-container___3VSd2 .model_5___29T8R {
  background-image: url('/static/product_trans/bill/bill11.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 256.5333333333333vw;
  background-size: contain;
}
.pt-container___3VSd2 .model_5___29T8R .btn-bg___Mvjw7 {
  width: 100%;
  height: 18.666666666666668vw;
  position: fixed;
  left: 0;
  bottom: 1.3333333333333335vw;
  z-index: 99;
}
.pt-container___3VSd2 .model_5___29T8R .btn-bg___Mvjw7 .btn___1ObIf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.666666666666668vw;
}
.pt-container___3VSd2 .model_5___29T8R .btn-bg___Mvjw7 .btn-text___3YX3E {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.666666666666668vw;
}
.user-info___3doSy {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #272727;
  z-index: 99;
}
.user-info___3doSy .user-cont___361d8 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.user-info___3doSy .user-cont___361d8 .person-info___3zcUL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 17.866666666666667vw;
  padding: 0 4.266666666666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-info___3doSy .user-cont___361d8 .person-info___3zcUL .header___1QvIV {
  display: inline-block;
  width: 10.666666666666668vw;
  height: 10.666666666666668vw;
  border-radius: 50%;
}
.user-info___3doSy .user-cont___361d8 .person-info___3zcUL .person-cont___3ZilX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2.1333333333333333vw;
}
.user-info___3doSy .user-cont___361d8 .person-info___3zcUL .desc___3I19D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4vw;
  color: #CCCCCC;
  font-weight: 400;
  overflow: hidden;
}
.user-info___3doSy .user-cont___361d8 .person-info___3zcUL .desc___3I19D .tag___ZmIrq {
  padding: 0.8vw 2.1333333333333333vw;
  margin-left: 2.1333333333333333vw;
  border-radius: 2.666666666666667vw;
  font-size: 2.666666666666667vw;
  color: #754E19;
  font-weight: normal;
  background-color: #FCD9A8;
}
.user-info___3doSy .user-cont___361d8 .tips___OrI-2 {
  position: absolute;
  top: 50%;
  right: -2.666666666666667vw;
  height: 6.4vw;
  line-height: 6.4vw;
  padding: 0 4vw 0 3.2vw;
  margin-top: -3.2vw;
  border-radius: 3.2vw;
  font-size: 3.2vw;
  color: #FCD9A8;
  background-color: rgba(255, 255, 255, 0.1);
}

.color-primary___1_0zA {
  color: #00a7e1;
}
.color-gold___1amy4 {
  color: #E9BC8F;
}
.color-info___2itDi {
  color: #ffffff;
  opacity: 0.7;
}
.bg-gray___3AwDp {
  background: #f0f0f0;
}
.pt-container___1z6XT {
  padding-bottom: 21.333333333333336vw;
  background: #101460;
}
.btn___3Q5zX {
  height: 13.333333333333334vw;
  vertical-align: middle;
  display: inline-block;
  margin: 4vw 0;
}
.btn-bg___zJhea {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #101460;
  height: 21.333333333333336vw;
  text-align: center;
}
.btn-text___1-gc6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 21.333333333333336vw;
  color: #961510;
  margin: 0;
  padding: 0;
  font-size: 6.4vw;
  font-weight: bold;
}
@-webkit-keyframes pulse___2hW70 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse___2hW70 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.pulse___2hW70 {
  -webkit-animation: pulse___2hW70 0.6s infinite linear;
  animation: pulse___2hW70 0.6s infinite linear;
}