page { background-color: #f6f7fb; } .searchBox { padding-bottom: 24rpx; background-color: #fff; } .searchBox_add { height: 100%; width: 100%; display: flex; } .searchBox_left { flex: 1; display: flex; align-items: center; padding-left: 20rpx; } .searchBox_mid { flex: 1; font-size: 40rpx; color: #222222; text-align: center; display: flex; align-items: center; justify-content: center; } .searchBox_right { flex: 1; } .repairMsg { margin: 20rpx; box-sizing: border-box; padding: 25rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx; background-color: #fff; } page { padding-bottom: 60rpx; } .orderItemTit { display: flex; background: linear-gradient(304deg, #FFFFFF 0%, #FFF6E6 100%); border-radius: 20rpx 20rpx 0rpx 0rpx; height: 85rpx; justify-content: space-between; padding: 0 20rpx; align-items: center; box-sizing: border-box; } .orderItemTit_state1 { background: linear-gradient(304deg, #FFFFFF 0%, #FFF6E6 100%); } .orderItemTit_state1 > .orderItemTit_right { font-size: 28rpx; color: #FFA600; font-size: 600; } .orderItemTit_state2 { background: linear-gradient(280deg, #FFFFFF 0%, #FFE7E7 100%); } .orderItemTit_state2 > .orderItemTit_right { font-size: 28rpx; color: #FF4800; font-size: 600; } .orderItemTit_state3 { background: linear-gradient( 283deg, #FFFFFF 0%, #E1FFF0 100%); } .orderItemTit_state3 > .orderItemTit_right { font-size: 28rpx; color: #2BE186; font-size: 600; } .orderItemTit_state4 { background: linear-gradient(290deg, #FFFFFF 0%, #EDEDED 100%); } .orderItemTit_state4 > .orderItemTit_right { font-size: 28rpx; color: #999999; font-size: 600; } .orderItemTit_right { font-size: 28rpx; color: #FFA600; font-weight: 600; } .row { display: flex; padding: 0 20rpx; justify-content: center; padding-top: 30rpx; } .row_label { font-size: 28rpx; color: #999999; width: 190rpx; } .row_con { font-size: 28rpx; color: #222222; padding-bottom: 30rpx; border-bottom: 1rpx solid #EBEBEB; flex: 1; display: flex; align-items: center; flex-wrap: wrap; } .row_con image { width: 120rpx; height: 120rpx; border-radius: 10rpx 10rpx 10rpx 10rpx; margin-right: 20rpx; } .noneBor{ border-bottom: none; } .df{ display: flex; align-items: center; } .videoBOX { width: 400rpx; height: 200rpx; position: relative; } .videoBOX video { width: 100% !important; height: 100% !important; }