.Box { width: 100%; /* height: 100vh; */ background: #f8f8fa; overflow: hidden; } .navigationBox { background-color: #fff; overflow: hidden; height: 80rpx; } .textBox { float: left; width: 90%; display: flex; justify-content: space-around; } .item { font-size: 26rpx; margin: 20rpx 10rpx 0 10rpx; padding-bottom: 10rpx; } .item_a { font-size: 26rpx; margin: 20rpx 10rpx 0 10rpx; padding-bottom: 10rpx; border-bottom: 1rpx solid #333; } .screen { width: 8%; height: 60rpx; float: left; margin: 10rpx 5rpx; } .drawerBox { position: fixed; top: 0; left: 100%; background-color: rgba(102, 102, 102, 0.3); height: 100vh; width: 100%; } .drawerBox-transition { transition: all 0.5s; } .drawerBox-moved { left: 0%; } @keyframes drawerBox-ani { from { left: 100%; } to { left: 0%; } } .drawerBox-animation { animation: drawerBox-ani 1s alternate infinite; } .tiem { width: 80%; height: 80rpx; text-align: center; line-height: 80rpx; background-color: rgba(102, 102, 102, 0.2); margin: 60rpx auto; border-radius: 10rpx; } .time_a { width: 80%; height: 80rpx; text-align: center; line-height: 80rpx; background-color: rgba(22, 155, 213, 1); margin: 60rpx auto; border-radius: 10rpx; color: #fff; } .noDataBox { width: 200rpx; height: 240rpx; margin: 30% auto; text-align: center; } .text{ color: rgba(102, 102, 102, 0.7); } .onDataImg{ width: 100%; height: 90%; } .withdrawTitleBox{ overflow: hidden; } .detailsBox{ width: 90%; background-color: #fff; border-radius: 12rpx; overflow: hidden; margin: 20rpx auto; } .noData { height: 100Vh; background-color: rgba(102, 102, 102, 0.2); overflow: hidden; } .rightBox { height: 100vh; background-color: #fff; width: 70%; float: right; } .title{ float: left; margin-left:20rpx; padding: 20rpx 0; } .status{ float: right; margin-right:20rpx; margin-top:20rpx; padding: 10rpx; font-size: 24rpx; background-color: rgba(0, 128, 0, 1); border-radius: 4rpx; color: #fff; } .red{ background-color: rgba(255, 0, 0, 1); float: right; margin-right:20rpx; margin-top:20rpx; padding: 10rpx; font-size: 24rpx; border-radius: 4rpx; color: #fff; } .orange{ background-color: rgba(243, 151, 56, 1); float: right; margin-right:20rpx; margin-top:20rpx; padding: 10rpx; font-size: 24rpx; border-radius: 4rpx; color: #fff; } .purple{ background-color: rgba(153, 0, 255, 1); float: right; margin-right:20rpx; margin-top:20rpx; padding: 10rpx; font-size: 24rpx; border-radius: 4rpx; color: #fff; } .blue{ background-color: rgba(0, 102, 255, 1); float: right; margin-right:20rpx; margin-top:20rpx; padding: 10rpx; font-size: 24rpx; border-radius: 4rpx; color: #fff; } .money{ font-size: 46rpx; color: red; margin-left:20rpx; padding: 20rpx 20rpx 0 20rpx; font-weight: 700; } .schedule{ text-align: right; width: 94%; padding: 10rpx 0; margin: auto; border-bottom: 1rpx dashed #C9C9C9; } .goXq{ text-align: center; line-height: 30rpx; color: #C9C9C9; padding: 20rpx 0; font-size: 24rpx; }