.filterBtn {
		border: 0.33333vw solid #4CBAFF;
		border-radius: 1.3333vw;

		span-align: center;
		line-height: 8.5333vw;
		font-size: 11.5pt;
	}

	.taskCenterList {
		.li {
			margin-top: 1vw;
			margin-bottom: 1vw;
			border: 1px red solid;
		}
	}

	.warning_tab_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 3vw 2vw;
		height: 11vw;
		position: fixed;
		top: 11vw;
		width: 100%;
		background: #041533;

		>div {
			// width: 16.6%;
			span-align: center;
			position: relative;
		}

		.isSelect {
			color: #63acff;
			background: transparent;
		}

		.isSelect::after {
			content: '';
			position: absolute;
			height: 0.5vw;
			width: 80%;
			background: #63acff;
			bottom: -2vw;
			left: 10%;
		}
	}

	.trailList {
		height: calc(100vh - 23.5vw);

		.item {
			padding: 3vw;
			margin: 2vw;
			border-radius: 1vw;

			box-shadow: inset 0px 0px 2.66667vw 0px #63acff !important;

			.warning_time {
				position: relative;

				img.timeicon {
					width: 2.93334vw;
					height: 2.93334vw;
					margin-right: 1vw;
					vertical-align: middle;
				}

				span {
					vertical-align: middle;
				}

				.ststus {
					position: absolute;
					top: 0;
					right: 0;
					font-size: 10px;
					border-radius: 3px;
					display: inline-block;
					padding: 1px 5px;
				}

				.orange {
					border: 1px solid orange !important;
					color: orange !important;
				}

				.yellow {
					border: 1px solid #ffcc40 !important;
					color: #ffcc40 !important;
				}

				.dfk {
					border: 1px solid #63acff !important;
					color: #63acff !important;
				}

				.warning_type {
					background-color: #4CBAFF;
					padding: 0.5vw 2vw;
					font-size: 12px;
					border-radius: 0.8vw;
				}
			}

			.detail_info {
				display: flex;
				margin-top: 1vw;

				>img {
					height: 22vw;
					width: 20vw;
				}

				.waring_detail {

					margin-left: 2vw;

					&>div {
						margin: 1.2vw 0;
					}

					.name {
						font-size: 4.26667vw;
					}
				}
			}
		}
	}

	.trailListInfo {
		margin-top: 3.2vw;
		display: flex;
		background-color: #09224D;
		// height: 37.73vw;
		width: 89.06vw;
		padding-left: 2.66vw;
		padding-top: 4.66vw;

		.personImg {
			width: 20vw;
			height: 28.8vw;
			margin-right: 3.2vw;
			background-color: gray;
		}

		.detailInfo {
			width: 100%;

			.personName {
				font-size: 4.53vw;
				line-height: 6.13vw;
				border-radius: 0.8vw;
				margin-bottom: 2.67vw;
				span-align: left;
			}

			.infoMargin {
				// display: flex;
				position: relative;
				margin-bottom: 3vw;

				.rightItem {
					// display: block;
					// position: absolute;
					right: 3.2vw;
				}

				.warning {
					// display: block;
					height: 3.73vw;
					width: 3.73vw;
					background-color: #066AFF;
					;
					border-radius: 50%;
				}

				.info {
					color: #333970;
					// display: block;
				}
			}

		}

	}

	.yjlx_type {
		display: inline-block;
		font-size: 12px;
		background: rgba(19, 125, 255, 0.4);
		padding: 2px 5px;
		margin: 0.5vw 0;
		border-radius: 0.66667vw;
	}

	.red {
		box-shadow: inset 0px 0px 2.66667vw 0px #ed0000 !important;
	}

	.orange {
		box-shadow: inset 0px 0px 2.66667vw 0px #ffa500 !important;
	}

	.yellow {
		box-shadow: inset 0px 0px 2.66667vw 0px #ffcc40 !important;
	}

	.blue {
		box-shadow: inset 0px 0px 2.66667vw 0px #63acff !important;
	}

	.green {
		box-shadow: inset 0px 0px 15px 0px #1cd66c !important;
	}