|
- @import "../../app.wxss";
- Page{
- background: #fc5b24;
- }
- .none{
- font-size: 28rpx;
- text-align: center;
- margin-top: 30rpx;
- color: #fff;
- float:none!important;
- }
- .headerbg image{
- display: block;
- width: 100%;
- }
- .fl{
- float: left;
- }
- .fr{
- float: right;
- }
- .title{
- padding: 20rpx 40rpx 30rpx;
- color: #fff;
- 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;
- }
- .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: yellow;
- }
- #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: 684rpx;
- background: #fff;
- margin: 0 auto;
- border-radius:10rpx;
- padding: 20rpx 0 40rpx;
- }
- .code text{
- color: #666;
- display: block;
- text-align: center;
- font-size: 28rpx;
- }
- #barcode{
- width: 600rpx;
- height: 150rpx;
- margin: 0 auto 10rpx;
- }
- .code image{
- display: block;
- width: 500rpx;
- margin: 0 auto;
- }
|