page { width: 100%; background: #eee; } .box { width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 30rpx; } .box map { width: 100%; height: 490rpx; margin-bottom: 24rpx; } .box .list1 { height: 159rpx; display: flex; flex-direction: column; justify-content: center; } .discounts { /* height: 104rpx; */ margin-top: 10rpx; padding: 15rpx 0 15rpx 30rpx; /* display: flex; align-items: center; */ } /* .discounts>view { margin-top: 10rpx; width: 50%; } */ .user { display: flex; align-items: center; margin-top: 10rpx; } .list1 { padding: 0 0 15rpx 30rpx; } .discounts, .list1 { width: 690rpx; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 13rpx 0px rgba(216, 216, 216, 1); border-radius: 10rpx; font-size: 26rpx; color: rgba(77, 77, 77, 1); opacity: 0.8; box-sizing: border-box; } .box .list2 { width: 690rpx; height: 88rpx; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 13rpx 0px rgba(216, 216, 216, 1); border-radius: 10rpx; margin-top: 10rpx; display: flex; align-items: center; font-size: 26rpx; color: rgba(77, 77, 77, 1); } .box .list2 view { padding-left: 30rpx; } .order { display: flex; flex-direction: column; width: 50%; } .order text { margin-top: 10rpx; } .table { margin-top: 10rpx; } .tr { padding: 5rpx 0; } .tr, .noOperate { background: #fff; display: flex; width: 690rpx; align-items: center; border-bottom: 1rpx solid #EBEEF5; } .tr:first-child { border-top-left-radius: 10rpx; border-top-right-radius: 10rpx; } .tr:last-child { border-bottom-left-radius: 10rpx; border-bottom-right-radius: 10rpx; } .time { width: 42%; text-align: center; border-right: 1rpx solid #EBEEF5; height: 100%; } .operate { width: 58%; line-height: 1.5; } .time, .operate { font-size: 24rpx; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 13rpx 0; } .th { width: 50%; text-align: center; font-size: 28rpx; } .noOperate { font-size: 26rpx; height: 66rpx; }