page { /* height: 100%; width: 100%; background: #f4f4f4; */ } .orders-switch { width: 100%; background: #fff; height: 84rpx; /* border-bottom: 1px solid rgba(0,0,0,.15); */ } .orders-switch .item { display: inline-block; height: 82rpx; width: 18%; padding: 0 15rpx; text-align: center; } .orders-switch .item .txt { display: inline-block; height: 82rpx; padding: 0 20rpx; line-height: 82rpx; color: #9a9ba1; font-size: 30rpx; width: 170rpx; } .orders-switch .item.active .txt { color: #ab956d; border-bottom: 4rpx solid #ab956d; } .no-order { width: 100%; height: auto; margin: 0 auto; } .no-order .c { width: 100%; height: auto; margin-top: 400rpx; } .no-order .c text { margin: 0 auto; display: block; width: 258rpx; height: 29rpx; line-height: 29rpx; text-align: center; font-size: 29rpx; color: #999; } .orders { height: auto; width: 100%; overflow: hidden; } .order { margin-top: 20rpx; background: #fff; padding: 16rpx 16rpx 24rpx; margin: 24rpx; border-radius: 10rpx; } .order .h { height: 83.3rpx; line-height: 83.3rpx; margin-left: 31.25rpx; padding-right: 31.25rpx; border-bottom: 1px solid #f4f4f4; font-size: 30rpx; color: #333; } .order .h .l { float: left; } .order .h .r { background-color: #09afff; /* width: 120rpx; */ text-align: center; color: #fff; border-radius: 34rpx; height: 34rpx; float: right; font-size: 22rpx; line-height: 32rpx; margin-top: 20rpx; padding: 0 16rpx; } .order .goods { display: flex; /* align-items: center; */ height: 170rpx; } .order .goods .img { height: 170rpx; width: 170rpx; border-radius:6rpx; background: #f4f4f4; } .order .goods .img image { height: 170rpx; width: 170rpx; } .order .goods .info { height: 145.83rpx; flex: 1; padding-left: 20rpx; } .order .goods .name { margin-top: 18rpx; display: block; /*height: 44rpx; line-height: 44rpx;*/ font-size: 28rpx; } .order .goods .number { display: block; height: 37rpx; line-height: 37rpx; color: #85868A; font-size: 24rpx; margin-top: 10rpx; } .order .goods .status { width: 105rpx; color: #b4282d; font-size: 25rpx; } .order .b { font-size: 24rpx; display: flex; } .order .b .l { flex: 2; } .order .b .l view { font-size: 24rpx; height: 42rpx; line-height: 42rpx; color: #85868A; } .order .b .r view { height: 42rpx; line-height: 42rpx; } .order .b .btn { margin-top: 19rpx; height: 64.5rpx; line-height: 64.5rpx; text-align: center; padding: 0 20rpx; border-radius: 5rpx; font-size: 28rpx; color: #fff; background: #b4282d; } .order-item-operate{ height: 60rpx; margin-top:20rpx; display: flex; align-items: center; justify-content: space-between; } .order-operate-wrapper{ display: flex; align-items: center; justify-content: flex-end; } .order-operate-wrapper>view{ height: 44rpx; width: 148rpx; line-height: 44rpx; text-align: center; border-radius: 44rpx; border: 1rpx solid #09afff; font-size: 24rpx; margin-left: 20rpx; color: #09afff; background: #E0F5FC; } .order-type{ display: flex; width: 100%; justify-content: center; margin: 20rpx 0 18rpx; } .order-type .switch{ display: flex; border: 1rpx solid #09aFFF; border-radius: 35rpx; } .order-type .switch .action{ padding: 0rpx 24rpx; background-color: #09AFFF; border-radius: 50rpx; font-size: 28rpx; height: 50rpx; line-height: 48rpx; color: #fff; } .order-type .switch .common{ font-size: 28rpx; padding: 0rpx 24rpx; height: 50rpx; line-height: 50rpx; color: #09AFFF; } .left-switch{ margin-right:-12rpx; } .search-box{ width:694rpx; height:54rpx; margin:0 auto; padding:0 30rpx; border-radius: 54rpx; font-size:24rpx; color: #85868A; display: flex; align-items: center; border: 1rpx solid #85868A; background: #fff; margin-bottom:18rpx; } .search-box image{ margin-right:18rpx; width:28rpx; height:28rpx; } .search-box{ width:694rpx; height:54rpx; margin:0 auto; padding:0 30rpx; border-radius: 54rpx; font-size:24rpx; color: #85868A; display: flex; align-items: center; border: 1rpx solid #85868A; background: #fff; margin-bottom:18rpx; } .search-box image{ margin-right:18rpx; width:28rpx; height:28rpx; } .myqr{ position: fixed; z-index: 999; width: 100%; text-align: center; height: auto; padding-top: 50rpx; top:0; left:0; right:0; bottom:0; } .myqr .cancel{ width: 60rpx; height: 60rpx; margin-top: 30rpx; margin-left: 480rpx; } .myqr .img{ width: 480rpx; } .myqr .btn{ width: 120rpx; height: 120rpx; line-height: 120rpx; margin-top: 20rpx; padding: 30rpx; background: #ffffff; border-radius:60rpx; } .order-status{ background-color: #09afff; text-align: center; color: #fff; border-radius: 34rpx; height: 34rpx; font-size: 22rpx; line-height: 32rpx; margin-top: 20rpx; padding: 0 16rpx; } .order-id-wrapper{ display: flex; height: 42rpx; font-size: 24rpx; color: #85868A; align-items: center; margin-top: 20rpx; } .order-id-wrapper image{ width:20rpx; height:20rpx; margin-left:12rpx; } .main-amount{ font-size: 24rpx; font-weight: bold; }