app/pages/myMember/myMember.wxss

/* pages/myMember/myMember.wxss */
@import "../common.wxss";
@import "../../wxParse/wxParse.wxss";

@font-face {
  font-family: "SC-Bold";
  src: url(/static/4082_方正粗圆_GBK.ttf);
}

@font-face {
  font-family: "SC-Regular";
  src: url(/static/FZY3JW.TTF);
}

@font-face {
  font-family: "iconfont";
  src: url("iconfont.eot?t=1559096289773");
  /* IE9 */
  src: url("iconfont.eot?t=1559096289773#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
      url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKcAAsAAAAABkwAAAJQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApUYwE2AiQDCAsGAAQgBYRtBzEbigXInpo8KUIbQwhFQm+LQTgb4uG/Nfb3zQ4mEomiWb3hpxOpJIiNkol80RL2/9baLKaROpjtabqEWcLryp8Vnx3UElXMuocCHQ+FR+RdAozrFwWRT9w7/RPog8wHlONeNNakSV1AXRxIAe6FUWSFEnjD2AUv8DGBWoOqcJtNHd0oTWavCsSTpggorRCRZZavFiobDmbxrkJ1ek0vkLfo+/FfOKpJKgp2085No4xqfnWKipdy2kVAiBLQ8QoUmIdk4qAxsyVRMC5RbSbJKHSs+uDXsgzc4qgOwf46u7Ye9EPlM6k89aPmEzzWRO2Q3kk/jGj318vkpaOTi43NPIVc7D4vlsN5fCp9vL///i3eOzl5F4lGIlzjKI/7+wtRDYSydNGDOASnrb9D17mL/9V1GXyq/4pCZdkwH1K9F2/wN1QD+7KhsV0pa6rG4aT9LC21alHCgVY/U60dpy6Eah0TfFUGMhSqjZOZnUeFOguoVG0FteY0H6/ThkoUuQazFgBCs1skjT5QaPZKZvYbFTr9oVJzFKh1FG0X1pmM+4wNCgIDGYsjWJMcm7gelhHXd4IyYAo0r4n4XqC+FschPljON4MNdIkt/qASZoxgQh0LN4HnwDQd7FJHB4nxKmNuLBAgTW/iJcdCGTZQQMAAGSYagWkkDhsJRjMZlc93AooBJgHt6Kkr9gKUT5seC+EFB5DNRntQz6O84hukCGMYAiMohwVrAvOAyeTA3OZ5OiBheOqElCsm4AwiQ4389mbr745BLduWwplZqHrWhBFNHEAIAAA=")
      format("woff2"),
    url("iconfont.woff?t=1559096289773") format("woff"),
    url("iconfont.ttf?t=1559096289773") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url("iconfont.svg?t=1559096289773#iconfont") format("svg");
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiayibu:before {
  content: "\e644";
  color: #000;
}

.right-icon {
  font-size: 40rpx;
  margin-left: 10rpx;
  transform: rotateY(180deg);
}

.succ-icon {
  position: absolute;
  left: 16rpx;
  top: 8rpx;
  border-radius: 50%;
  border: 1rpx solid #cf4f51;
  background-color: #cf4f51;
}

.all-view {
}
.pages{
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
page {
  background: #fff;
  padding-bottom: 245rpx;
  box-sizing: border-box;
}

.menutop {
  /* width: calc(100% + 20rpx); */
  width: 100%;
  /* height: 425rpx; */
  opacity: 1;
  position: relative;
  background-size: cover;
  /* margin-left: -20rpx; */
}

.diy-top {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 10000;
}

.diy-top.activeTitle {
  /* background: #90CD4E; */
  background: #fff;
}

/* 2022/8/19 */
.menutop .mine {
  display: flex;  
  align-items: center;
  justify-content: space-between;
  margin: 45rpx 30rpx 20rpx 30rpx;
  padding: 30rpx;
  box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.03);
  /* background-color: #ccc; */
  background-color: #ffffff;
  border-radius: 20rpx;
}

.menutop .mine > view > view {
  font-size: 26rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  color: #808080;
  margin-bottom: 10rpx;
}

.menutop .mine .name {
  font-size: 36rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
  color: #1a1a1a;
}

.menutop .mine .micon {
  /* margin-right: 10rpx; */
  vertical-align: middle;
}

.menutop .mine .auter {
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
}

.menutop .vip-box {
  display: flex;
  justify-content: space-between;
  margin: 30rpx;
}

.menutop .vip-box .vip-item {
  position: relative;
  width: 330rpx;
  /* height: 166rpx; */
  padding: 33rpx 0;
  color: #ffe0b2;
  text-align: center;
}
.active-line {
	border: 2rpx solid #CF4F51;
	border-radius: 18rpx;
	box-sizing: border-box;
}
.menutop .vip-box .lifelongBg {
  color: #3f1c00;
}

.menutop .vip-box .vip-item .icon-box {
  margin-bottom: 8rpx;
  font-weight: 700;
}

.menutop.menutop .vip-box .vip-item .vip-img {
  width: 43rpx;
  height: 38rpx;
  margin-right: 16rpx;
}

.menutop .vip-box .vip-item .price {
  display: inline;
  margin: 0 8rpx;
  color: #ffe0b2;
  font-weight: 600;
}

.menutop .vip-box .vip-item .unit {
  font-size: 22rpx;
}

.menutop .vip-box .lifelongBg .price {
  color: #3f1c00;
}

.work {
  margin: 0 30rpx 30rpx;
}

.work .title {
  position: relative;
  font-size: 30rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 40rpx;
}

.work .title::after {
  content: "";
  position: absolute;
  width: 90rpx;
  height: 12rpx;
  background: #ffdc2f;
  border-radius: 6rpx;
  bottom: 0;
  display: block;
  z-index: -1;
}

.work .item {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.work .work-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.work .work-item image {
  width: 78rpx;
  height: 78rpx;
  margin-bottom: 10rpx;
}

.work .work-item text {
  font-size: 26rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  color: #333333;
}

.illustrate {
  position: relative;
  font-size: 30rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 40rpx;
  margin-left: 30rpx;
}

.illustrate::after {
  content: "";
  position: absolute;
  width: 90rpx;
  height: 12rpx;
  background: #ffdc2f;
  border-radius: 6rpx;
  bottom: 0;
  display: block;
  z-index: -1;
}

.diy-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10rpx;
  box-sizing: border-box;
  position: relative;
}

.diy-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 35rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  text-align: center;
  color: #1a1a1a;
  white-space: nowrap;
  letter-spacing: -1rpx;
}

.diy-bottom {
  width: 630rpx;
  height: 242rpx;
  opacity: 1;
  border-radius: 20rpx 20rpx 0px 0px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  margin-left: 10rpx;
  background-size: 100%, 100%;
}

.diy-bbom::after {
  width: 630rpx;
  height: 80rpx;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  position: absolute;
  opacity: 0.41;
  background: #6a9e55;
}

.diy-btop {
  height: 162rpx;
  width: 100%;
  padding: 0 27rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.userinfo {
  display: flex;
  flex-direction: column;
}

.userinfo .name {
  font-size: 38rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 30rpx;
}

.userinfo .uwrap {
  margin-top: 5rpx;
}

.vipcolor {
  font-size: 200rpx;
  color: rgba(180, 223, 243, 0.17);
  position: absolute;
  right: 0;
  bottom: 0;
}

.bavatar {
  width: 97rpx;
  height: 97rpx;
  opacity: 1;
  border: 4rpx solid #ffffff;
  border-radius: 50%;
  margin-right: 40rpx;
  background: white;
}

.uico {
  vertical-align: middle;
  width: 35rpx;
}

.username {
  vertical-align: middle;
  display: inline-block;
  font-size: 28rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  letter-spacing: 0rpx;
  margin-left: 15rpx;
}

.cardno {
  font-size: 32rpx;
  font-weight: 400;
  color: white;
}

.diy-bbom {
  width: 630rpx;
  height: 80rpx;
  position: relative;
  z-index: 120;
  padding: 0 27rpx;
  box-sizing: border-box;
  opacity: 1;
  font-size: 28rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  letter-spacing: -1rpx;
  display: flex;
  align-items: center;
}

.arrowico {
  width: 42rpx;
  height: 42rpx;
  transform: rotate(180deg);
}

.vipinfo {
  width: 94%;
  margin: 10rpx auto;
}

.sv {
  height: 200rpx;
  text-align: center;
}

/* .tip{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 22rpx;
  background: #D9BE8B;
  color: #FFFFFF;
  padding: 2rpx 6rpx;
} */

.box {
  width: 50%;
  height: 150rpx;
  margin: 20rpx;
  border: 1px solid #e2d6bf;
  position: relative;
}

.btn {
  width: 90%;
  margin: 15rpx auto;
  background: #2b58a5;
  color: #ffffff;
  padding: 0 25rpx;
  box-sizing: border-box;
  height: 85rpx;
  line-height: 85rpx;
  text-align: center;
  border-radius: 46px;
  transition: all 0.5s;
  font-size: 30rpx;
}

.btn-gary {
  width: 90%;
  margin: 15rpx auto;
  background: #999999;
  color: white;
  padding: 0 25rpx;
  box-sizing: border-box;
  height: 85rpx;
  line-height: 85rpx;
  text-align: center;
  border-radius: 46px;
  transition: all 0.5s;
}

.price {
  font-size: 45rpx;
  color: #bbab8c;
}

.remark {
  font-size: 30rpx;
  color: #cfccc7;
  margin-top: 10rpx;
  padding: 0 10rpx;
}

.up-view {
 /* position: fixed;
  bottom: 0; */
  width: 100%;
  transition: all 0.5s;
  border-top: 1px solid whitesmoke;
}
.info-item {
  /* padding-left: 4rpx; */
  display: flex;
  align-items: center;
}

.info-item .icon-box {
  width: 30rpx;
  margin-right: 10rpx;
  display: flex;
  align-items: center;
}
.zz {
	position: relative;
	z-index: 1000;
	background: white;
	width: 100%;
}
.bbb {
	position: fixed;
	background-color: white;
	z-index: 99999;
	bottom: 0;
	width: 750rpx;
}
.Agreement {
  /* margin: 15rpx auto; */
  width: 94%;
  font-size: 30rpx;
  /* position: fixed; */
  padding-left: 45rpx;
  background-color: white;
  z-index: 100;
  /* padding-bottom: 10px; */
}

.isavitve::after {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAwCAYAAACrF9JNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZjIzMTIzYy02NzMwLTkyNDItOWZkMS0yMDExYThmZjczZGEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkNBNUI3ODM3N0I4MTFFOTk2RDdEMUQ1QTk3OTVCRDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkNBNUI3ODI3N0I4MTFFOTk2RDdEMUQ1QTk3OTVCRDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkyYmUxM2QzLTE3Y2MtNzU0NC1iZWRmLTEwYThmYjkzNmUxMiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmRiYjc5YTU4LTcwYjItZmM0MS1hNzVmLTM2Y2MxYzA1MmM4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlSVNTsAAANxSURBVHja3JpbSBRRGMc/03bV9bYX1l0RL5i1KhGFYFcfsqICiSCIHoQg6CEIggiCIOgxKoKgXoIiIoggKijN1MrSl+ip+0VQ6qE1d7XSVne9bP8zO+vumrvOzM7sXD74PezszJn58Z2d851zNiscDlN8DDy7QAaIbHAdtLEPOWS8MIHbYG/0gNEk88E9sCP+oJEki8FDsHnhF0aRdIBOsG6xL40gWQa6QV2yE5bpXLAG9KcS1LtkA3gJqpY6Ua+SjaAXuIWcrEfJZtAD7EIv0JvkLtABisRcpCfJfeA+P+CTESUP8qWaScrFepA8Cq7xRTcZUfIUuASy0mlEqxUPkzoLTsjRmBYlWbe8Ag7L1aDWJJeDG+CAnI1qSTIX3AGtcjesFckC8ABsVaJxLUhaQTtYr9QN1JYs5Se7a5S8iZqSFeAJWKX0jdSSrAVdoDITN1NDcjWfQZesr+aiUrLVbKDguI/8A32qlnVN4LkSgs767ZRjLiCLo0rV2pUND2zBySZno+ZCJycYjdHBV6p111Z+oM9VIoPR8A/001/foCqZZCXaXbUEMyHJiuybfE0aN8fIIpPFKrnRfHtlguDI596kgkp31+Pg3GJzQVfDTjIV2Gnc+4nGhl6Ly2Cxmxy1W+Y/+7720eTYd1UmzWfA+WST3Zy8yDpUoctD1qpG4YIlZeSsa4nron0U8A9lfGWASV0Ep1Od5H3ziGanp0SJWhzV5PTE6vefH7vRRYcEPZSckmyyexUcW+rEmeAEed+202woIEiUjX32FZtigh+6aeq3N+NrPGwV7RY4JPQCJvgDGZ0O/JoXtVU3/f+SsVVAMLYb5/vygqb+eEU9nByS0Y3P/WIvnJsJkvddB5dZblJZWpvwUmFd1LGyOS6DXRQY/Sb6AdOVZG8QtqK9W2oD4blZdN2YKBseitz1lGctX9BFu5DB4YwX6Gwv4jFFNl/SCi6j+I06PS3c0FJSmbiXOvy+E4X3iOT2pWaS7Sb1yiEYEw1xXTc04U84zjKYjqBUSVbms33BBiUGWJa1UGAMQ8wkhokeyV00ne7q4Se75UqVSeHwHDeOyhliMrmW76KKCSoVQiU3gqfASToMIZLb+OWKEtJpLCW5hyJ/ALKQjiOVZBs/2TWTziOZ5BGKbLxkkwFiMcmT4DKlufGppfgnwAC5sdqYo2QDLQAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  width: 45rpx;
  height: 45rpx;
  position: absolute;
  right: 0;
  bottom: 0;
}

.vipitem {
  width: 307rpx;
  height: 248rpx;
  opacity: 1;
  background: #fff8ec;
  border: 1rpx solid #feedc7;
  border-radius: 16rpx;
  position: relative;
  z-index: 20;
  padding: 0 20rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vipitemactive {
  background: #ffdc9f;
  border: 1px solid #fb4300;
}

.vipitemactive .vipico {
  color: #cc8c1c;
  opacity: 0.1;
}

.vipico {
  font-size: 230rpx;
  color: #fcf2df;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25rpx;
  z-index: -1;
}

.vipitem .remark {
  opacity: 1;
  font-size: 24rpx;
  font-family: "PingFang SC, PingFang SC-Medium";
  font-weight: 500;
  text-align: left;
  color: #1a1a1a;
  letter-spacing: 0rpx;
  margin-top: 16rpx;
}

.vipitem .price {
  font-size: 42rpx;
  font-family: "PingFang SC, PingFang SC-Medium";
  font-weight: 500;
  text-align: left;
  color: #fd652d;
  letter-spacing: 0rpx;
  margin-top: 20rpx;
}

.vipitem .price text {
  font-size: 22rpx;
  font-family: "PingFang SC, PingFang SC-Medium";
  font-weight: 500;
  text-align: left;
  color: #fd652d;
  letter-spacing: 0rpx;
}

.vipitem .vipicos {
  width: 43rpx;
  height: 38rpx;
  margin-right: 15rpx;
}

.vipitem .tip {
  font-size: 28rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
  text-align: left;
  color: #1a1a1a;
  letter-spacing: -1rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 6rpx;
}

.flex-bet-wrap {
  padding: 0 60rpx;
  margin-top: 30rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30rpx;
}

.xuanzhongs {
  position: absolute;
  width: 32rpx;
  height: 32rpx;
  opacity: 1;
  color: #fb4300;
  left: 13rpx;
  top: 13rpx;
}

.tipwrap {
  display: flex;
  flex-direction: column;
}

.tiptitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 30rpx;
  font-family: "PingFang SC, PingFang SC-Bold";
  font-weight: 700;
  text-align: left;
  color: #9ddb52;
  line-height: 45rpx;
  margin: 42rpx auto 12rpx auto;
}

.tiptitle text {
  margin: 0 35rpx;
}

.lintico {
  background: #9ddb52;
  width: 57rpx;
  height: 6rpx;
  opacity: 1;
  position: relative;
}

.lintico::after {
  position: absolute;
  content: "";
  right: -15rpx;
  width: 8rpx;
  height: 8rpx;
  opacity: 1;
  background: #9ddb52;
  border-radius: 50%;
}

.lintico:last-child::after {
  position: absolute;
  content: "";
  left: -15rpx;
  width: 8rpx;
  height: 8rpx;
  opacity: 1;
  background: #9ddb52;
  border-radius: 50%;
}

.liitemwrap {
  display: flex;
  flex-direction: row;
  padding: 0 30rpx;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
}

.litem {
  display: flex;
  flex-direction: column;
  width: 25%;
  justify-content: center;
  align-items: center;
  margin-bottom: 24rpx;
}

.litem image {
  width: 54rpx;
  height: 54rpx;
}

.litem .textx {
  margin-top: 14rpx;
  font-size: 26rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  text-align: center;
  color: #1a1a1a;
  line-height: 30rpx;
}

.pwo {
  /* position: fixed; */
  width: 100%;
  /* height: 200rpx; */
  display: flex;
  flex-direction: column;
  margin-left: 50%;
  transform: translateX(-50%);
  bottom: 40rpx;
  z-index: 1000;
  background: white;
}

/* 新增 */
.vip-check {
  width: 630rpx;
  height: 93rpx;
  background: #fff8ec;
  border: 1px solid #fb4300;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 19rpx 0 35rpx;
  margin: 30rpx auto 0 auto;
  box-sizing: border-box;
  position: relative;
  background-position: right;
  background-size: cover;
}

.vip-check .left image {
  width: 43rpx;
  margin-right: 17rpx;
  vertical-align: middle;
}

.vip-check .left .title {
  font-size: 32rpx;
  font-weight: 700;
  color: #1a1a1a;
  vertical-align: middle;
}

.vip-check .right {
  font-size: 26rpx;
  font-weight: 500;
  color: #fd652d;
}

.vip-check .right .num {
  font-size: 46rpx;
}

.title-image {
  width: 294rpx;
  height: 42rpx;
  display: block;
  margin: 30rpx auto 15rpx auto;
}

.desc-image-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.desc-image-box image {
  width: 54rpx;
  height: 54rpx;
  display: block;
  margin: 0 auto 14rpx auto;
}

.desc-image-box text {
  font-size: 30rpx;
  font-weight: 400;
  color: #1a1a1a;
}

.desc-text {
  padding: 0 20rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #808080;
  margin-bottom: 20rpx;
}

.check-box {
  /* text-align: center; */
}

.check-box checkbox {
  transform: scale(0.7);
  vertical-align: middle;
}

.life {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 90rpx;
  background: #fffae1;
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 90rpx;
  color: #ffa836;
}

.pay-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  font-weight: 400;
  color: #3f454e;
}

.pay-content .icon-box-img {
  margin-bottom: 33rpx;
}

.pay-content text {
  margin-bottom: 10rpx;
}

.buy-content {
  width: 100%;
  padding: 44rpx 26rpx;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  font-size: 26rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  color: #333333;
}

.buy-content .vip-price {
  margin-bottom: 20rpx;
}

.buy-content .vip-price .red-price {
  color: #ec2e26;
}

.buy-content .integral {
  margin-bottom: 20rpx;
}

.buy-content .use-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

.buy-content .use-box .deduction {
  font-size: 24rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  color: #999999;
}

.btn-box .btn {
  width: 437rpx;
  height: 80rpx;
  background: #ffdc2f;
  border-radius: 40rpx;
  font-size: 32rpx;
  font-family: "PingFang SC, PingFang SC-Regular";
  font-weight: 400;
  text-align: center;
  line-height: 80rpx;
  color: #333333;
  color: #fff;
}

.btn-box .interval-box {
  height: 30rpx;
}
.img-name {
  /* position: relative; */
  display: flex;
  align-items: center;
}

.img-name .icon-box {
  width: 30rpx;
  margin-right: 10rpx;
}
.img-icon {
	/* position: absolute;
	top:0;
	left: 0; */
}
.name-text {
	/* text-indent: 40rpx; */
}