.card{ @include wh(710upx,auto); margin: auto; margin-top: 24upx; background: white; border-radius: 10upx; padding-top: 20upx; padding-bottom: 30upx; // @include flex(center,space-around); .card-left{ @include wh(690upx,auto); margin: auto; .card-up-list{ @include wh(660upx,auto); margin-top: 24upx; @include flex(center,space-between); .card-right{ @include fonts(24upx,#ffffff); padding: 10upx 20upx 10upx 20upx; border-radius: 10upx; font-size: 24upx; color: white; background: #4CAF4D; image{ @include wh(34upx,34upx) } } .card-up-list-list{ @include flex(center,flex-start); view{ @include fonts(26upx,#333,500); } text{ @include fonts(24upx,#666,500); } } } .card-dow-list{ @include wh(690upx,auto); margin-top: 24upx; @include flex(center,space-between); .card-right{ image{ @include wh(34upx,34upx) } } .card-up-list-list{ width: 330upx; @include flex(center,flex-start); view{ @include fonts(26upx,#333,500); } text{ @include fonts(24upx,#666,500); } } } } .btn-grounp{ @include wh(690upx,auto); margin-top: 30upx; @include flex(center,flex-start); border-top: 1upx solid #F1F1F1; padding-top: 30upx; view{ padding: 10upx 20upx 10upx 20upx; border-radius: 10upx; font-size: 24upx; color: white; background: #4CAF4D; margin-left: 20upx; //margin-left:30upx; flex-shrink: 0; } .btn-tx{ background-color: #FF6A6A; } .btn-xx{ background-color: #008EBC; } .btn-blp{ background-color:#DF8624; } .btn-back{ background-color:#FE4E4F; } } } .card-pop{ @include wh(600upx,auto); padding: 30upx; margin: auto; background: white; border-radius: 10upx; margin: auto; .pop-list{ @include flex(center,space-between); margin-top: 30upx; text{ @include fonts(26upx,#333) } input{ font-size: 26upx; text-align: right; } .right-pic{ @include flex(center,flex-start); text{ @include fonts(26upx,#333) } image{ @include wh(22upx,33upx); } } } .submit{ @include wh(300upx,60upx); line-height: 60upx; border-radius: 10upx; background: #007AFF; @include fonts(26upx,#fff); text-align: center; margin: auto; margin-top: 50upx; } }