yzHY/zhgHys/css/main.css

::-webkit-scrollbar{
	display: block;
}

.amap-marker-label {
	line-height: normal;
}
.videoBg {
	width: 74%;
	height: 100%;
	background-image: url(../img/novideo.png);
	background-size: 100% 100%;
}
.shipName {
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	transform: translate(-50%, -58%);
}
.tltleBg {
	font-weight: bold;
	background-image: url(../img/tabbg.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.shipCount{
	display: flex;
	justify-content: space-between;
}
.shipCount>div {
	width: 32.8%;
	display: flex;
	align-items: center;
	text-align: center;
	background-image: url(../img/shipnumbg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.shipPeople>div {
	position: relative;
	background-image: url(../img/minscreen.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.shipPeople .spTit {
	position: absolute;
	top: 50%;
	left: 45%;
	font-weight: bold;
	transform: translate(-50%, -50%);
}

.videoli{
	color: #fff;
	background-color: #002458;
}
.videoli>div{
	cursor: pointer;
}
.showimg{
	position: absolute;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
}
.el-slider__runway.disabled .el-slider__bar {
	background-color: #9299f3;
}
.el-slider__button-wrapper {
	display: none;
}
.el-slider__runway,
.el-slider__bar {
	border-radius: 0;
}
.el-slider__runway {
	background-color: rgba(255, 255, 255, 0.3);
}
.demtion {
	position: absolute;
	top: 0;
	left: 0;
}
.nowShip {
	position: absolute;
	left: 3%;
	top: 3%;
	color: #000;
	z-index: 444;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
}
.mapTitle {
	font-weight: bold;
	color: #fff;
	background-color: #0068ff;
}
.mapInfo>div {
	display: flex;
	align-items: flex-start;
	color: #474747;
}
.mapInfo>div>div:first-child {
	color: #0068ff;
}
.shipAis {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.shipAis span {
	color: #fbbd08;
	font-weight: bold;
}

.tabBg {
	cursor: pointer;
	opacity: 0.5;
	text-align: center;
	background-image: url(../img/tabright.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.tabBg.act {
	opacity: 1;
}

.tabBg.tabCen {
	background-image: url(../img/tabcenter.png);
}

.tabBg.tabLef {
	text-align: left;
	background-image: url(../img/tableft.png);
}

.aisNum {
	font-weight: bold;
	color: #fbbd08;
}

.temBox {
	background-color: #0084ff;
	border: 1px solid #fff;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #103151 1%);
}

.Range {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}
.Battery {
	position: relative;
}
.Battery>div {
	position: absolute;
	height: 0%;
	background-color: #45c5ff;
}

.shipSel {
	position: absolute;
	right: 3%;
	top: 3%;
	z-index: 444;
}
.shipSel .inpu{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	background-color:rgba(95, 95, 95, 0.8);
}
.select-item{
  cursor: pointer;
}
.inpu .el-icon-arrow-right{
	transition: transform 300ms linear;
}
.inpu .el-icon-arrow-right.act{
	transform: rotate(90deg);
}
.select-dropdown{
	position: absolute;
	overflow-y: auto;
	color: #000;
	background-color: #fff;
}
.select-dropdown .select-item.act{
	color: #fff;
	background-color: #0068ff;
}
#app .elCol{
	width: 28.125%;
	height: 100%;
}
#app .elColc{
	width: 43.75%;
	height: 100%;
}
/* @media only screen and (max-width:767px) {
	#app .elCol{
		width: 100%;
	}
	#app .elColc{
		width: 100%;
	}
}
@media only screen and (min-width:768px) {
	#app .elCol{
		width: 100%;
	}
	#app .elColc{
		width: 100%;
	}
}
@media only screen and (min-width:992px) {
	#app .elCol{
		width: 50%;
	}
	#app .elColc{
		width: 50%;
	}
}
@media only screen and (min-width:1200px) {
	#app .elCol{
		width: 30%;
	}
	#app .elColc{
		width: 40%;
	}
}
@media only screen and (min-width:1920px) {
	#app .elCol{
		width: 30%;
	}
	#app .elColc{
		width: 40%;
	}
} */