| 
							- @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;
 - }
 
 
  |