@import "../../app.wxss";
page{
   background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%);
}
.codeBox{
  background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%);
  height: 100%;
  overflow: auto;
}
.none {
  font-size: 24rpx;
  text-align: center;
  margin-top: 38rpx;
  color: #FFFFFF;
  float: none !important;
}

.headerbg image {
  display: block;
  width: 100%;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.title {
  padding: 20rpx 40rpx 30rpx;
  color: #3C3C3C;
  text-align: center;
  font-size: 26rpx;
}

.card {
  position: relative;
  width: 335rpx;
  margin: 0 auto 18rpx;
  border-radius: 16rpx;
  overflow: hidden;
  padding-bottom: 20rpx;
  background: #fff;
  height: 185rpx;
}

.txt01 text {
  display: block;
  text-align: center;
}

.cards {
  padding: 0 33rpx;
}

.cards>view:nth-of-type(2n) {
  float: right;
}

.cards>view:nth-of-type(2n+1) {
  float: left;
}

.tit {
  font-size: 36rpx;
  color: rgba(51, 51, 51, 1);
  margin: -40rpx auto 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 280rpx;
  text-align: center;
}

.cardtype {
  position: absolute;
  right: 28rpx;
  top: 20rpx;
  font-size: 24rpx;
  color: rgba(99, 188, 230, 1);
}

.footer {
  margin-top: 26rpx;
  font-size: 26rpx;
  font-weight: 500;
  color: rgba(153, 153, 153, 1);
}

.footer text {
  text-indent: 33rpx;
}

.footer image {
  width: 24rpx;
  margin-right: 33rpx;
  position: absolute;
  right: 0rpx;
  bottom: 20rpx;
}

.triangle {
  width: 0px;
  height: 0px;
  border-color: transparent #dab055;
  border-width: 0 0 110rpx 110rpx;
  border-style: solid;
}

.discount {
  position: absolute;
  color: #fff;
  width: 110rpx;
  height: 100rpx;
  font-size: 20rpx;
  left: 13rpx;
  top: -11rpx;
  z-index: 10;
  transform: rotate(315deg);
}

.discount text {
  font-size: 28rpx;
}

.level {
  color: #FD832D;
}

#mycanvas2 {
  height: 300rpx;
  width: 300rpx;
  margin: 40rpx auto 20rpx;
}

.goback {
  position: fixed;
  right: 50rpx;
  bottom: 60rpx;
  width: 100rpx !important;
  height: 100rpx;
  z-index: 100;
  background: rgba(255, 255, 255, 1);
  line-height: 95rpx;
  border: 1rpx solid rgba(227, 227, 227, 1);
  border-radius: 50%;
}

.goback image {
  position: absolute;
  width: 60rpx;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.code {
  width: 690rpx;
  height: 800rpx;
  background: #fff;
  margin: 20rpx auto;
  border-radius: 10rpx;
  padding: 20rpx 0 40rpx;
}

#barcode {
  width: 600rpx;
  height: 150rpx;
  margin: 0 auto 10rpx;
}
.canWrap{
  width: 358rpx;
  height: 358rpx;
}
.code image {
  width: 500rpx;
  height: 500rpx;
  display: block;
  margin:70rpx auto 60rpx;
}
.memCode{
  width: 562rpx;
  height: 88rpx;
  line-height: 88rpx;
  border-radius:16rpx;
  border:1px solid rgba(225,225,225,1);
  margin: 36rpx auto 0;
  color: #666;
  display: block;
  font-size: 24rpx;
  text-align: center;
}
.memNum{
  font-weight:600;
  font-size: 32rpx;
  color: #3C3C3C;
  font-family:PingFangSC-Medium;
  text-align: center;
}
.building{
  display: inline-block;
}