@import "../../app.wxss"; page { background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%); padding-bottom: 0; } .codeBox { background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%); height: 100%; overflow: auto; padding-bottom: 160rpx; } .none { font-size: 24rpx; text-align: center; margin-top: 38rpx; color: #FFFFFF; float: none !important; } .coedTiem { text-align: center; color: rgba(253, 131, 45, 1); margin-bottom: 10rpx; } .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: 900rpx; 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; } .negatived { position: relative; } .negatived .refreshCode { position: absolute; top: 350rpx; left: 50%; transform: translateX(-50%); color: #7a7a7a; font-weight: 600; } .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; }