page{ height: 100%; } .box{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; background: #EEEEEE; } .box .item{ width:690rpx; padding-bottom: 20rpx; /* height:272rpx; */ background:rgba(255,255,255,1); box-shadow:0px 0px 13rpx 0px rgba(216,216,216,1); border-radius:10rpx; margin-top: 30rpx; display: flex; flex-direction: column; padding:0 26rpx; justify-content: space-between; position: relative; box-sizing: border-box; } .item .time{ font-size:28rpx; font-family:PingFang SC; font-weight:500; color:rgba(56,60,63,1); height: 80rpx; line-height: 80rpx; } /* .item .code{ font-size:30rpx; font-family:PingFang SC; font-weight:400; color:rgba(113,117,121,1); opacity:0.85; } .item .riding_time{ font-size:26rpx; font-family:PingFang SC; font-weight:400; color:rgba(113,117,121,1); opacity:0.85; } .item .riding_location{ font-size:26rpx; font-family:PingFang SC; font-weight:400; color:rgba(113,117,121,1); opacity:0.85; } */ .item .weigui{ font-size:30rpx; font-family:PingFang SC; font-weight:bold; /* color:rgba(255,0,0,1); */ } .item .view1{ display: flex; font-size: 26rpx; height: 80rpx; align-items: center; padding-top: 14rpx; justify-content: space-between; } .item .view1 view{ display: flex; align-items: center; } .view1 view .border{ width: 140rpx; height: 40rpx; text-align: center; line-height: 40rpx; font-size: 24rpx; color: #E9524A; background: #FCECEB; border: 1rpx solid #ED7772; border-radius: 10rpx; } .view1 view .text1{ padding-left: 20rpx; } .image{ position: absolute; top: 0; right: 0; } .none{ width: 100%; height: 75%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .none text{ padding-top: 30rpx; color: #18D5B9; font-size: 30rpx; }