You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

10 lines
2.9 KiB

page,
view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image{box-sizing:border-box!important}image{vertical-align:top}.block{width:100%;padding:20rpx 3%}.block .title{width:100%;font-size:34rpx}.block .content .my{width:100%;height:120rpx;display:flex;align-items:center;font-size:30rpx;border-bottom:solid 1rpx #eee}.block .content .tx{padding:15rpx 35rpx;background-color:#00b7b8;color:#fff;float:right;position:absolute;right:20rpx;top:45rpx;border-radius:10rpx}.block .content .amount{width:100%}.block .content .amount .list{display:flex;flex-flow:row wrap;justify-content:space-between;padding:20rpx 0}.block .content .amount .list .box{width:31%;height:120rpx;display:flex;justify-content:center;align-items:center;border-radius:10rpx;box-shadow:0rpx 5rpx 20rpx rgba(0,0,0,.05);font-size:36rpx;background-color:#52b4f5;color:#fff;margin-top:15rpx}.block .content .amount .list .box.on{background-color:#f06c7a;color:#fff}.block .content .amount .num{margin-top:10rpx;display:flex;justify-content:flex-end;align-items:center}.block .content .amount .num .text{padding-right:10rpx;font-size:30rpx}.block .content .amount .num .input{width:30.2vw;border-bottom:solid 2rpx #999;justify-content:flex-end;align-items:center}.block .content .amount .num .input input{margin:0 20rpx;height:60rpx;font-size:30rpx;color:#f06c7a;justify-content:flex-end;align-items:center}.block .content .pay-list{width:100%;border-bottom:solid 1rpx #eee}.block .content .pay-list .row{width:100%;height:120rpx;display:flex;align-items:center}.block .content .pay-list .row .left{width:100rpx;flex-shrink:0;display:flex;align-items:center}.block .content .pay-list .row .left image{width:60rpx;height:60rpx}.block .content .pay-list .row .center{width:100%;font-size:30rpx}.block .content .pay-list .row .right{width:100rpx;flex-shrink:0;display:flex;justify-content:flex-end}.pay{margin-top:20rpx;width:100%;display:flex;justify-content:center;flex-wrap:wrap}.pay .btn{width:70%;height:80rpx;border-radius:80rpx;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#f06c7a;box-shadow:0rpx 5rpx 10rpx rgba(0,0,0,.2)}.pay .tis{margin-top:20rpx;width:100%;font-size:24rpx;display:flex;justify-content:center;align-items:baseline;color:#999}.pay .tis .terms{color:#5a9ef7}.order{width:550rpx;height:580rpx;background-color:#fff;border-radius:25rpx}.colseorder{position:absolute;right:-8px;top:-8px}.colseorder image{width:60rpx;height:60rpx}.ordercontent{padding:20rpx}.title{color:#444f62;border-bottom:1rpx #e7e8ea solid}.infolist{padding:20rpx 5rpx;display:flex;justify-content:space-around;border-bottom:1rpx #e7e8ea solid;align-items:center}.addnum{color:#ff1f3a;font-weight:700;margin-left:50rpx;font-size:30rpx}.addnumtitle{margin-left:-50rpx;color:#444f62}.addnumtitle{margin-left:-50rpx;color:#49586d;font-size:30rpx}.addbt{color:#fff;font-size:35rpx;background-color:#00bca2;padding:10rpx 30rpx;display:flex;justify-content:center;margin-top:30rpx;border-radius:15rpx}