kly_uniapp/pages/order/detail.css

.order_status_box {
	padding: 20upx 0 15upx;
}

.order_status {
	display: flex;
	justify-content: space-around;
	align-items: center;

}

.order_status_box image {
	width: 710upx;
	height: 65upx;
	margin-left: 15upx;
}

.order_status view {
	color: #AFAFAF;
	font-size: 26upx;
}

.order_status .order_status_focus {
	color: #4A4A4A;
	font-size: 28upx;
}

.ins_nav {
	display: flex;
	align-items: center;
	color: #1890FF;
	position: absolute;
	top: 34upx;
	right: 10upx;
}

.top_bg {}

.green_sara {
	display: flex;
	align-items: flex-end;
	margin-top: 10upx;
}

.green_sara view {
	color: #00C7B2;
	font-size: 44upx;
}

.green_title {
	color: #4A4A4A;
	font-size: 44upx;
	line-height: 55upx;
	padding: 10upx 0;
}

.work_time {
	display: flex;
	align-items: center;
	margin-top: 15upx;
}

.guanfan {
	display: flex;
	align-items: center;
	margin-top: 15upx;
	justify-content: space-between;
}

.guanfan text {
	color: #9B9B9B;
}

.work_time text {
	color: #9B9B9B;
}

.tags_top view {
	padding: 5upx 8upx;
	border-radius: 10upx;
	margin-right: 10upx;
	color: #00C7B2;
	margin-bottom: 10upx;
	float: left;
	border: 2upx solid #00C7B2;
}

.people {
	line-height: 30upx;
	margin-top: 30upx;
}

.swiper_banner {
	width: 750upx;
	height: 779upx;
}

.banner {
	width: 100%;
	height: 100%;
}


.mini_icon {
	width: 28upx;
	height: 28upx;
}

.mini_text {
	margin-left: 20upx;
}

.insurance {
	margin-top: 10upx;
	height: 130upx;
	background-color: #f0fffc;
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.tab_process_items {
	padding-top: 10upx;
	padding-bottom: 10upx;
	width: 100%;
	/* 	white-space: nowrap;
	overflow: hidden; */
}

.process_items {
	text-align: center;
	width: 30%;
	float: left;
	white-space: normal;
	background-color: #f1f7f7;
	margin-left: 2%;
	overflow: hidden;
	border-radius: 15upx;
	padding: 10upx 0;
	margin-top: 10upx;
}

.process_steps_box {
	width: 600upx;
	margin: 60upx auto;
	background-size: 600upx 150upx;
	background-repeat: no-repeat;
}

.step_con {
	color: #788C93;
	width: 90%;
	margin-left: 5%;
	text-align: justify;
	height: 160upx;
	margin-top: 12upx !important;
}

.step_con2 {
	color: #788C93;
	width: 90%;
	margin-left: 5%;
	text-align: justify;
	height: 160upx;
	margin-top: 12upx !important;
}

.process_steps_box2 {
	background-size: 600upx 90upx;
	height: 90upx;
	align-items: center;
	display: flex;
	justify-content: center;
}

.process_steps {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 90upx;
}

.bot_each {
	width: 30%;
	color: white;
	justify-content: center;
	align-items: center;
	display: flex;
	border-radius: 10upx;
	height: 90upx;
}

.bot_each2 {
	width: 30%;
	color: white;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	border-radius: 10upx;
	height: 90upx;
}

.bot_each view {
	color: white;
}



.mer_pro {
	width: 94%;
	margin: 20upx auto;
	/* padding-bottom: 130upx; */
}

/* .insurance {
	border-radius: 15upx;
	display: flex;
	align-items: center;
	margin-top: 0upx;
	background-color: #fe5025;
	width: 230upx;
	height: 55upx;
	justify-content: center;
	position: absolute;
	right: 30upx;
	top: 70upx;
}
 */
.det_btn {
	margin: 20upx auto;
	width: 300upx;
}

.det_btn_box {
	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	font-size: 28upx;
	height: 110upx;
	justify-content: space-around;
	background-color: #ffffff;
	padding-top: 20upx;
}

.det_btn_box2 {
	height: 140upx
}

.ggsm_xxjb {
	background-color: #f6f6f6;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 30upx 0;
}

.ggsm_xxjb image {
	width: 330upx;
	height: 140upx;
}