uniapp-ZHSQ/packages/workOrderDashboard/detail/index.css

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;
}

.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;
}
.btn_view {
	display: flex;
	justify-content: center;
}
.btn_view > .btn {
	width: 300rpx;
	height: 90rpx;
}
.btn {
	margin: 40rpx auto 60rpx;
	width: 600rpx;
	height: 90rpx;
	line-height: 90rpx;
	text-align: center;
	background: linear-gradient( 91deg, #FF7658 0%, #FF370B 100%);
	border-radius: 100rpx 100rpx 100rpx 100rpx;
	font-size: 36rpx;
	color: #FFFFFF;
	font-weight: 600;
}
.white_container {
	position: relative;
	margin: 20rpx;
	box-sizing: border-box;
	padding: 25rpx 20rpx;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	background-color: #fff;
/* 	display: flex;
	justify-content: space-between; */
}
.white_label {
	font-size: 28rpx;
	color: #999999;
	width: 190rpx;
}
.whit_desc {
	font-weight: 600;
	font-size: 28rpx;
	color: #FF0000;
}
.statePupop {
	width: 100%;
	/* position: absolute; */
	background: #FFFFFF;
	/* top: -220rpx; */
	/* left: 0; */
	/* z-index: 10; */
}
.statePopop_label {
	padding: 10px 0;
}

.master_popup {
	margin: 0 59rpx 0 41rpx;
	padding-top: 30rpx;
}
.master_popup_main {
	height: 500rpx;
	overflow: auto;
}
.master_popup_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 28rpx;

}
.master_popup_title_text {
	font-weight: 600;
color: #000000;
}
.master_popup_title_btn {
color: #FF370B;
}

.master_popup_tabel {
	display: flex;
	align-items: center;
}
.master_popup_tabel_left {
	flex: 1;
}
.master_popup_label {
	display: flex;
	margin-top: 10rpx;
}
.master_popup_label:first-child{
	margin-top: 0;
}
.label {
	width: 140rpx;
	text-align: left;
	margin-right: 42rpx;
	font-weight: 400;
font-size: 26rpx;
color: #999999;
}

.videoBOX {
	width: 400rpx;
	height: 200rpx;
	position: relative;
}

.videoBOX video {
	width: 100% !important;
	height: 100% !important;
}

.mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mask_con {
	width: 40rpx;
	height: 40rpx;
	z-index: 2;
}

.mask_cancel {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 5rpx 5rpx 5rpx 5rpx;
	font-size: 24rpx;
	color: #FFFFFF;
	padding: 2rpx 11rpx;
	position: absolute;
	left: 30rpx;
	top: 24rpx;
	z-index: 2;
}

.repairMedia {
	width: 710rpx;
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	margin: 0 auto;
	margin-top: 20rpx;
	box-sizing: border-box;
	padding: 30rpx 20rpx;
}
.repairMedia > .row {
	display: flex;
	padding-top: 30rpx;
}
.repairMedia > .df {
	display: flex;
	align-items: center;
	/* justify-content: start; */
	padding-top: 0;
	margin-bottom: 30rpx;
}
.repairMedia > .row_label {
	font-size: 28rpx;
	color: #999999;
	width: 180rpx;
}
.u-upload__wrap__preview {
	width: 120rpx;
	height: 120rpx;
	border-radius: 10rpx 0rpx 10rpx 10rpx !important;
}

.u-upload__wrap__preview__image {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.imgCon {
	font-size: 18rpx;
	color: #222222;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 120rpx;
	height: 120rpx;
	background: #F6F7FB;
	border: 1rpx solid #D1D1D1;
	border-radius: 10rpx 10rpx 10rpx 10rpx;
}

.imgCon image {
	width: 34rpx;
	height: 34rpx;
	margin-bottom: 8rpx;
}
.edit_row {
	display: flex;
	padding: 0 20rpx;
	padding-top: 30rpx;
}