| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- .page{
- background: #F7F7F7;
- padding: 0 32rpx;
- border-top: 1px solid #F7F7F7 ;
- }
- .btn{
- height: 84rpx;
- background: #FFE05C;
- border-radius: 54rpx;
- margin: 32rpx 0;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 84rpx;
- text-align: center;
- }
- .noUse{
- margin: 32rpx 0;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 40rpx;
- }
- .row-list{
- width: 686rpx;
- height: 188rpx;
- margin-top: 24rpx;
- background-image: url('/static/coupon/u210.png');
- background-repeat: no-repeat;
- background-size: cover;
- }
- .h-text{
- width: 200rpx;
- height: 188rpx;
- }
- .h-center-content{
- width: 298rpx;
- height: 188rpx;
- }
- .h-right-content{
- width: 188rpx;
- height: 188rpx;
- }
- .h-right-content-img{
- width: 188rpx;
- height: 188rpx;
- border-radius: 8rpx;
- }
- .magnifyUrlView{
- border-radius: 20rpx;
- overflow: hidden;
- }
- .money{
- height: 52rpx;
- font-size: 36rpx;
- font-family: DINAlternate-Bold, DINAlternate;
- font-weight: bold;
- color: #333333;
- line-height: 52rpx;
- text-align: center;
- }
- .desc{
- height: 36rpx;
- font-size: 20rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 36rpx;
- text-align: center;
- }
- .h-value{
- font-size: 28rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: bold;
- color: #333333;
- line-height: 44rpx;
- margin-top: 24rpx;
- margin-left: 24rpx;
- }
- .title{
- font-size: 20rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #999999;
- line-height: 36rpx;
- margin-left: 24rpx;
- }
- .h-btn-value-use{
- width: 156rpx;
- height: 64rpx;
- background: #93D21A;
- border-radius: 32rpx;
- font-size: 24rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 64rpx;
- text-align: center;
- }
- .h-btn-img{
- width: 136rpx;
- height: 136rpx;
- }
- .row-list:first-child{
- margin-top: 0;
- }
- .btn{
- width: 156rpx;
- height: 64rpx;
- background: #93D21A;
- border-radius: 32rpx;
- font-size: 24rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 64rpx;
- text-align: center;
- }
- .payView{
- height: 638rpx;
- background: #FFFFFF;
- box-shadow: 0rpx -4rpx 8rpx 0rpx rgba(0,0,0,0.03);
- border-radius: 24rpx 24rpx 0rpx 0rpx;
- padding: 24rpx 32rpx;
- z-index: 100;
- }
- .payType{
- font-size: 32rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: bord;
- color: #111111;
- line-height: 48rpx;
- }
- .x{
- width: 35rpx;
- height: 35rpx;
- border-radius: 18rpx;
- }
- .payTitle{
- font-size: 24rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #666666;
- line-height: 40rpx;
- margin-top: 8rpx;
- }
- .payItem{
- background: #FAFAFA;
- border-radius: 20rpx;
- padding: 34rpx 32rpx;
- margin-top: 32rpx;
- }
- .payName{
- margin-left: 24rpx;
- }
- .balance{
- font-size: 24rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #999999;
- line-height: 40rpx;
- }
- .commitBtn{
- width: 686rpx;
- height: 108rpx;
- background: #FFE05C;
- border-radius: 60rpx;
- margin-top: 32rpx;
- font-size: 32rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: bold;
- color: #111111;
- line-height: 108rpx;
- text-align: center;
- }
- .empty{
- margin-top: 80rpx;
- width: 300rpx;
- }
- .emptyText{
- font-size: 28rpx;
- color: #8f939c;
- margin-top: 20rpx;
- }
|