drone/pilot-h5.git

			@@ -155,24 +155,25 @@
			position: relative;
			color: #1fa3f6;
			background-color: rgba(0, 0, 0, 0.5);
			// img {
			// height: 100px;
			// }
			img {
			height: 50px;
			}
			}
			.left-img-new {
			&::before {
			content: var(--before-content);
			position: absolute;
			top: -1rem;
			left: -0.5rem;
			font-size: 10px;
			font-family: none;
			}
			.scale {
			position: absolute;
			width: 0.6rem;
			height: 0.6rem;
			width: 0.3rem;
			height: 0.3rem;
			background-color: #1fa3f6;
			left: -0.9rem;
			left: -0.5rem;

			&::before {
			content: '';
			@@ -180,10 +181,10 @@
			width: 0;
			height: 0;
			top: 0rem;
			left: 0.6rem;
			border-top: solid 5px transparent;
			border-left: solid 5px #1fa3f6;
			border-bottom: solid 5px transparent;
			left: 0.3rem;
			border-top: solid 0.18rem transparent;
			border-left: solid 0.18rem #1fa3f6;
			border-bottom: solid 0.18rem transparent;
			}
			}
			}
			@@ -192,27 +193,28 @@
			content: var(--right-content);
			position: absolute;
			top: -1rem;
			left: -0.3rem;
			font-size: 10px;
			font-family: none;
			}
			.arrow-box {
			position: absolute;
			bottom: 0;
			left: 1.1rem;
			left: 0.6rem;

			.arrow {
			position: relative;
			width: 0.6rem;
			height: 0.6rem;
			width: 0.3rem;
			height: 0.3rem;
			background-color: #1fa3f6;

			&::before {
			content: '';
			position: absolute;
			left: -0.6rem;
			right: 0.3rem;
			top: 0;
			border: 5px solid transparent {
			right: solid 5px #1fa3f6;
			border: 0.18rem solid transparent {
			right: solid 0.18rem #1fa3f6;
			}
			}
			}
			@@ -334,11 +336,11 @@
			position: relative;
			.compass-box {
			margin: 0 0.6rem;
			width: 8rem;
			height: 8rem;
			width: 5rem;
			height: 5rem;
			border-radius: 50%;
			position: relative;
			border: 30px solid rgba($color: #323931, $alpha: 0.5);
			border: 24px solid rgba($color: #323931, $alpha: 0.5);
			box-shadow: 0 2px 12px 0 #158aff;
			user-select: none;
			// top: 15px;
			@@ -346,8 +348,8 @@
			.scale {
			width: calc(100% + 68px);
			position: absolute;
			top: calc(50% - 15px);
			left: -37px;
			top: calc(50% - 10px);
			left: -34px;
			padding-left: 12px;
			font-weight: bold;
			color: #c1c3c4;
			@@ -357,11 +359,11 @@
			-moz-transform: rotate(var(--rotate));
			-webkit-transform: rotate(var(--rotate));
			-o-transform: rotate(var(--rotate));

			font-size: 12px;
			&:nth-child(3n - 2) {
			color: #fff;
			// font-weight: bolder;
			font-size: 20px;
			font-size: 14px;
			}

			// @for $i from 1 through 12 {
			@@ -454,8 +456,8 @@
			}

			.center-show {
			width: 30px;
			height: 40px;
			width: 1rem;
			height: 1.4rem;
			position: absolute;
			left: 50%;
			top: 50%;