@font-face {
	font-family: "digifaw";
	src: url("../fonts/digifaw.ttf");
}

* {
	margin: 0px;
	padding: 0px;
	font-family: '微软雅黑';
}

#container1 {
	overflow-x: hidden;
	background-color: #0a162f;
}

.SystemTitle {
	width: 99%;
	position: absolute;
	padding: 1% 0 0 1%;
	z-index: 1;
	/* background-color: #00FF66; */
}

.SystemTitleImg {
	/* height: 80%; */
	width: 100%;
	
}

.SystemTitleLeft {
	float: left;
	width: 75%;
	/* margin-left: 650px; */
}

.carInfoCloseButton {
	margin-top: -20px;
}

.SystemTitleRight {
	float: right;
	padding-top: 1%;
	padding-right: 5%;
}

.threeView {}

.buttonStyle {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	color: white;
	border: 1px solid #1e7db9;
	box-shadow: 0 1px 2px #8fcaee inset, 0 -1px 0 #497897 inset, 0 -2px 3px #8fcaee inset;
	background: -webkit-linear-gradient(top, #42a4e0, #2e88c0);
	background: -moz-linear-gradient(top, #42a4e0, #2e88c0);
	background: linear-gradient(top, #42a4e0, #2e88c0);
	user-select: none;
}

.buttonStyle:active {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	color: white;
	border: 1px solid #00ff66;
	box-shadow: 0 1px 2px #00ff66 inset, 0 -1px 0 #00ff66 inset, 0 -2px 3px #00ff66 inset;
	background: -webkit-linear-gradient(top, #00ff0, #00ff66);
	background: -moz-linear-gradient(top, #42a4e0, #00ff66);
	background: linear-gradient(top, #42a4e0, #00ff66);
	user-select: none;
}

.buttonStyle1 {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	color: white;
	border: 1px solid #1e7db9;
	box-shadow: 0 1px 2px #8fcaee inset, 0 -1px 0 #497897 inset, 0 -2px 3px #8fcaee inset;
	background: -webkit-linear-gradient(top, #42a4e0, #2e88c0);
	background: -moz-linear-gradient(top, #42a4e0, #2e88c0);
	background: linear-gradient(top, #42a4e0, #2e88c0);
	user-select: none;
}

.buttonStyle1:active {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	color: white;
	border: 1px solid #00ff66;
	box-shadow: 0 1px 2px #00ff66 inset, 0 -1px 0 #00ff66 inset, 0 -2px 3px #00ff66 inset;
	background: -webkit-linear-gradient(top, #00ff0, #00ff66);
	background: -moz-linear-gradient(top, #42a4e0, #00ff66);
	background: linear-gradient(top, #42a4e0, #00ff66);
	user-select: none;
}

.buttonStyle2 {
	margin: 20px auto 0px;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	color: white;
	border: 1px solid #1e7db9;
	box-shadow: 0 1px 2px #8fcaee inset, 0 -1px 0 #497897 inset, 0 -2px 3px #8fcaee inset;
	background: -webkit-linear-gradient(top, #42a4e0, #2e88c0);
	background: -moz-linear-gradient(top, #42a4e0, #2e88c0);
	background: linear-gradient(top, #42a4e0, #2e88c0);
	user-select: none;
}

.buttonStyle2:active {
	margin: 20px auto 0px;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	color: white;
	border: 1px solid #00ff66;
	box-shadow: 0 1px 2px #00ff66 inset, 0 -1px 0 #00ff66 inset, 0 -2px 3px #00ff66 inset;
	background: -webkit-linear-gradient(top, #00ff0, #00ff66);
	background: -moz-linear-gradient(top, #42a4e0, #00ff66);
	background: linear-gradient(top, #42a4e0, #00ff66);
	user-select: none;
}

.tessButtonBgImg {
	width: 6.5rem;
	height: 2.5rem;
	background-image: url(../img/htmlPage/TESS按钮样式.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-size: 1.0rem;
}
.tessButtonBgImg2 {
	width: 8.5rem;
	height: 2.5rem;
	background-image: url(../img/htmlPage/TESS按钮样式_长3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-size: 1.0rem;
}

.tessButtonBgImg:active {
	width: 6.5rem;
	height: 2.5rem;
	background-image: url(../img/htmlPage/TESS按钮样式2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-size: 1.1rem;
}
.tessButtonBgImg2:active {
	width: 8.5rem;
	height: 2.5rem;
	background-image: url(../img/htmlPage/TESS按钮样式_长3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-size: 1.1rem;
}

.tessButtonBgText {
	color: white;
	line-height: 2.0rem;
	user-select: none;
	/* font-size: 1.0rem; */
}


.right_startWebSocket_button {
	position: absolute;
	top: 30px;
	right: 20px;
}

.right_stopTESSNG {
	position: absolute;
	top: 30px;
	right: 130px;
}

.right_suspendTESSNG {
	position: absolute;
	top: 30px;
	right: 240px;
}

.right_startTESSNG {
	position: absolute;
	top: 30px;
	right: 350px;
}

.closeCarInfo {
	position: absolute;
	top: 30px;
	right: 460px;
}

.outCarView {
	position: absolute;
	top: 30px;
	right: 570px;
}

.left_1_menu {
	width: 24%;
	min-width: 450px;
	height: 80%;
	min-height: 600px;
	position: absolute;
	margin-left: -10px;
	top: 10%;
	left: 0px;
}

.left_1_menu_content {
	float: left;
	width: 85%;
	height: 90%;
	background-color: #0e2745;
	border-radius: 10px;
	padding-left: 10px;
}

.left_1_menu_icon {
	text-align: center;
	width: 7%;
	height: 6%;
	margin-top: 5%;
	margin-left: -2%;
	float: left;
	/* background-color: #0e2745; */
	border-radius: 10%;
	display: flex;
	align-items: center;
}

.left_1_menu_Img {
	width: 50%;
	margin-left: 40%;
}

.left_1_infoArea {
	text-align: left;
	margin: 3% auto;
	width: 92%;
	height: 30%;
	color: white;
	font-weight: 200;
	font-size: 16px;
	font-family: "幼圆";
}

.left_1_infoArea_title {
	font-family: "黑体";
	font-size: 18px;
	font-weight: 500;
}

.left_1_infoArea_content {
	width: 100%;
	height: 100px;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #1a3654;
	user-select: none;
}

.left_1_infoArea_content_li {
	margin-top: 8px;
	text-align: center;
	padding-top: 15px;
	float: left;
	width: 50%;
	color: white;
	font-size: 14px;
}

.left_1_infoArea_content_li_content {
	margin-top: 40px;
}

.left_1_infoArea_content_li_new {
	text-align: center;
	padding-top: 10px;
	float: left;
	width: 100%;
	color: white;
	font-size: 14px;
}

.left_1_infoArea_content_input_new {
	border-bottom: 1px solid #a9bbd1;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 35px;
	background-color: #1a3654;
	color: #a9bbd1;
	text-align: center;
}

.left_1_infoArea_content_li_new_entrance_name {
	margin-top: 8px;
	float: left;
	width: 20%;
	text-align: right;
}

.left_1_infoArea_content_li_new_entrance_parameter {
	margin-top: 8px;
	float: right;
	width: 80%;
	text-align: left;
}

.left_1_infoArea_content_buttonArea {
	text-align: center;
	padding-top: 15px;
	float: left;
	width: 100%;
	font-size: 16px;
}

.left_1_infoArea_content_button {
	text-align: center;
	margin: 0px 5px;
	width: 70px;
	height: 30px;
	color: wheat;
	background-color: #33527e;
	border: 0px;
	color: white;
	border-radius: 5px;
}

.left_1_infoArea_content_button:active {
	text-align: center;
	margin: 0px 5px;
	width: 70px;
	height: 30px;
	color: wheat;
	background-color: #a9bbd1;
	border: 0px;
	color: white;
	border-radius: 5px;
}

.left_1_infoArea_content_input {
	border-bottom: 1px solid #a9bbd1;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 40px;
	background-color: #1a3654;
	color: #a9bbd1;
	text-align: center;
}

.left_2_infoArea_content {
	width: 100%;
	height: 290px;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #1a3654;
}

.left_2_menu_content {
	float: left;
	width: 85%;
	height: 83%;
	background-color: #0e2745;
	border-radius: 10px;
	padding-left: 10px;

}

.left_2_title {
	margin-top: 15px;
	color: white;
	font-size: 23px;
	text-align: center;
	font-family: '微软雅黑';
}

.left_2_menu_icon_area {
	text-align: center;
	width: 8%;
	height: 30%;
	margin-top: 5%;
	float: left;
}

.left_2_menu_top_icon {
	text-align: center;
	width: 73%;
	height: 20%;
	margin-left: -10%;
	float: left;
	background-color: yellow;
	border-radius: 10%;
	opacity: 0;
}

.left_2_menu_bottom_icon {
	text-align: center;
	width: 73%;
	height: 20%;
	margin-top: 100%;
	margin-left: -10%;
	float: left;
	/* background-color: #0e2745; */
	border-radius: 10%;
	display: flex;
	align-items: center;
}

.left_2_menu_Img {
	width: 65%;
	margin-left: 23%;
}

.left_2_menu {
	width: 24%;
	min-width: 400px;
	height: 88%;
	position: absolute;
	top: 10%;
	left: 0px;
}

.left_2_infoArea_title {
	margin-top: 30px;
	font-family: "黑体";
	font-size: 18px;
	font-weight: 500;
}


.left_2_table_title {
	height: 35px;
	background-color: #284d82;
}

.left_2_table_content {
	background-color: #193654;
	height: 33px;
	color: #bfd3df;
	user-select: none;
}

.left_2_table_content :hover {
	background-color: #1b2b43;
	height: 35px;
	color: #bfd3df;
}

.left_2_table_id {
	width: 20%;
}

.left_2_table_name {
	width: 55%;
}

.left_2_table_operation {
	width: 25%;
}


.left_3_infoArea_title {
	margin-top: 30px;
	font-family: "黑体";
	font-size: 18px;
	font-weight: 500;
}

.left_3_infoArea_content {
	text-align: center;
	width: 100%;
	height: 150px;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #1a3654;
	text-align: center;
}

.left_3_infoArea_content_2 {
	text-align: center;
	width: 100%;
	height: 210px;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #1a3654;
	text-align: center;
}

.left_3_infoArea_content_input {
	border-bottom: 1px solid #a9bbd1;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 30px;
	background-color: #1a3654;
	color: #a9bbd1;
	text-align: center;
}

.left_3_infoArea_content_li_left {
	text-align: center;
	padding-top: 10px;
	float: left;
	width: 57%;
	color: white;
	font-size: 14px;
}

.left_3_infoArea_content_li_right {
	text-align: center;
	padding-top: 10px;
	float: left;
	width: 43%;
	color: white;
	font-size: 14px;
}

.right_1_menu {
	width: 24%;
	min-width: 400px;
	height: 87%;
	min-height: 800px;
	position: absolute;
	top: 10%;
	right: 0px;
	text-align: left;
}

.right_1_menu_content {
	float: right;
	width: 85%;
	height: 83%;
	background-color: #0e2745;
	border-radius: 10px;
	padding-left: 10px;
	color: white;
	font-weight: 200;
	font-size: 16px;
	font-family: "幼圆";
	text-align: left;
}

.right_1_menu_icon {
	float: right;
	text-align: center;
	width: 7%;
	height: 6%;
	margin-top: 10%;
	margin-right: -2%;
	/* background-color: #0e2745; */
	border-radius: 10%;
	display: flex;
	align-items: center;
}

.right_1_menu_Img {
	width: 48%;
	margin-left: 15%;
}

.right_1_infoArea_title {
	margin-top: 10px;
	text-align: left;
	font-family: "黑体";
	font-size: 18px;
	font-weight: 500;
}

.right_1_infoArea_content {
	text-align: center;
	width: 100%;
	height: 220px;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #1a3654;
	text-align: center;
	user-select: none;
}

.right_1_infoArea_content_input {
	border-bottom: 1px solid #a9bbd1;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 45px;
	background-color: #1a3654;
	color: #a9bbd1;
	text-align: center;
}

.right_1_infoArea_content_select {
	text-align: center;
	padding-top: 5px;
	float: left;
	width: 100%;
	font-size: 14px;
	color: white;
}

.right_1_infoArea_content_IntersectionName {
	width: 40%;
	margin-left: 20px;
}

.right_1_infoArea_content_li {
	text-align: center;
	padding-top: 8px;
	float: left;
	width: 50%;
	color: white;
	font-size: 14px;
}

.right_3_infoArea_title {
	margin-top: 10px;
	text-align: left;
}

.right_3_infoArea_leftTitle {
	float: left;
	width: 40%;
	margin-top: 10px;
	font-family: "黑体";
	font-size: 18px;
	font-weight: 500;
}

.right_3_infoArea_rightButton {
	margin-top: 10px;
	float: right;
	width: 60%;
}

.right_3_infoArea_content {
	text-align: center;
	width: 100%;
	height: 70px;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #1a3654;
	text-align: center;
}

.right_3_button {
	float: right;
	width: 50px;
	height: 20px;
	border: 1px solid #345885;
	text-align: center;
	border-radius: 5px;
	margin-top: 2px;
	margin-bottom: -4px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #a9bbd1;
	user-select: none;
}

.floatWindow {
	font-size: 13px;
	color: white;
	text-align: left;
	width: 350px;
	height: 190px;
	border: 2px yellow solid;
	background-color: #1E7DB9;
	opacity: 0.9;
}

.vehicleInfoArea {
	opacity: 1;
	text-align: center;
	margin: auto;
}

.vehicleInfoAreaTitle {
	text-align: center;
	font-size: 15px;
	width: 90%;
	float: left;
	margin-bottom: 5px;
}

.vehicleInfoAreaClose {
	text-align: right;
	font-size: 14px;
	width: 10%;
	float: right;
}

.vehicleInfoAreaCloseImg {
	margin-top: -10px;
	width: 20px;
	height: 20px;
}

.vehicleInfoLine {
	margin-top: 3px;
	margin-left: 5%;
	width: 100%;
	font-size: 13px;
}

.vehicleInfoLine_float {
	width: 43%;
	float: left;
	text-align: left;
}

.vehicleInfoLine_float_right {
	width: 50%;
	float: left;
	text-align: left;
}

.vehicleInfoMarginTop {
	margin-top: 5px;
}

.textAlignLeft {
	text-align: left;
}

/* 以下为新增布局样式 */
.numberFont {
	/*电子屏数字字体*/
	font-family: "digifaw";
}

.newLefrMenu {
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 25rem;
	height: 100%;
}

.maxTitle {
	margin: 2rem 0 0 1.5rem;
	height: 2rem;
	/*border-bottom: 1px solid #0aa5d6;*/
	color: white;
}

.maxTitleLog {
	float: left;
	margin-left: 1rem;
}

.maxTitleLogImg {	
	width: 1.8rem;
	height: 1.8rem;
}

.maxTitleText {
	float: left;
	margin-left: 1rem;
	font-size: 1.5625rem;
	font-family: "方正综艺简体";
}

.left_Chart_1 {
	margin: 1.5rem 0 0 1.5rem;
	width: 23.5rem;
	height: 13rem;
}

.left_Chart_1_title {
	height: 2.5rem;
	border-bottom: 1px solid #0aa5d6;
}

.left_Chart_1_title_img {
	float: left;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0.8rem 0.5rem 0 0;
}

.left_Chart_1_title_text {
	float: left;
	margin-left: 0rem;
	font-size: 1.4rem;
	font-family: "方正综艺简体";
	color: white;
	line-height: 3rem;
}

.left_Chart_1_leftContent {
	float: left;
	width: 13rem;
	text-align: center;
	margin-top: 0.5rem;
}

.left_Chart_1_rightContent {
	float: left;
	width: 10rem;
	margin-left: 0.5rem;
	font-size: 1.05rem;
	/*background-color: #0AA5D6;*/
}

.left_Chart_1_leftContent_bgImg {
	background-image: url(../img/htmlPage/奖台2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 13rem;
	height: 7rem;
}

.left_Chart_1_leftContent_numberOfCars {
	font-size: 2.6rem;
	line-height: 3rem;
	color: #54f9f7;
	font-family: "digifaw";
}

.left_Chart_1_rightContent_mileage {
	background-color: #4f6c7f;
	border-left: 3px solid #54f9f7;
	border-right: 3px solid #54f9f7;
	color: #54f9f7;
	padding-left: 0.3rem;
	margin-top: 1.5rem;
}

.left_Chart_1_rightContent_duration {
	background-color: #4f6c7f;
	border-left: 3px solid #54f9f7;
	border-right: 3px solid #54f9f7;
	color: #54f9f7;
	padding-left: 0.3rem;
	margin-top: 1.5rem;
}

.left_Chart_2 {
	margin: -5rem 0 0 1.5rem;
	width: 23.5rem;
	height: 15rem;
}

.left_Chart_2_leftContent {
	float: left;
	width: 12rem;
	text-align: center;
	margin-top: 0.5rem;
}

.left_Chart_2_rightContent {
	float: left;
	width: 10.5rem;
	margin-left: 1rem;
	font-size: 1.05rem;
	/*background-color: #0AA5D6;*/
}

.left_Chart_2_rightContent_car {
	background-color: #4f6c7f;
	border-left: 3px solid #ffcb5a;
	border-right: 3px solid #ffcb5a;
	color: #54f9f7;
	padding-left: 0.3rem;
	margin-top: 0.2rem;
}

.left_Chart_2_rightContent_bus {
	background-color: #4f6c7f;
	border-left: 3px solid #5470c6;
	border-right: 3px solid #5470c6;
	color: #54f9f7;
	padding-left: 0.3rem;
	margin-top: 0.4rem;
}

.left_Chart_2_rightContent_bigTruck {
	background-color: #4f6c7f;
	border-left: 3px solid #f46868;
	border-right: 3px solid #f46868;
	color: #54f9f7;
	padding-left: 0.3rem;
	margin-top: 0.4rem;
}

.left_Chart_2_rightContent_mediumTruck {
	background-color: #4f6c7f;
	border-left: 3px solid #71bcda;
	border-right: 3px solid #71bcda;
	color: #54f9f7;
	padding-left: 0.3rem;
	margin-top: 0.4rem;
}

.left_Chart_2_rightContent_taxi {
	background-color: #4f6c7f;
	border-left: 3px solid #73a25d;
	border-right: 3px solid #73a25d;
	color: #54f9f7;
	padding-left: 0.3rem;
	margin-top: 0.4rem;
}

.left_Chart_3 {
	margin: -3rem 0 0 1.5rem;
	width: 23.5rem;
	height: 15rem;
}

.left_Chart_3_sectionAvgSpeed {
	width: 100%;
	height: 12rem;
}

.left_Chart_4 {
	margin: 2rem 0 0 1.5rem;
	width: 23.5rem;
	height: 15rem;
}

.left_Chart_4_vido {
	margin-top: 0.5rem;
	width: 100%;
	height: 11rem;
	border: 1px solid #4c697d;
}

.newRightMenu {
	position: absolute;
	right: 0rem;
	top: 2rem;
	width: 25rem;
	height: 90%;
	overflow: hidden;
}

.right_Chart_1_open {
	height: 240px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_1_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_2_open {
	height: 240px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_2_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_3_open {
	height: 240px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_3_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_4_open {
	height: 240px;
	height: 16.5rem;
	/*原高为240px 即15rem,表格多添加了一行（高1.5rem），因为该窗口展示后的高度为16.5rem*/
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_4_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_5_open {
	height: 240px;
	height: 21rem;
	/*原高为240px 即15rem,表格多添加了四行（高1.5rem），因为该窗口展示后的高度为16.5rem*/
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_5_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_6_open {
	height: 240px;
	height: 15rem;
	/*原高为240px 即15rem,表格多添加了一行（高1.5rem），因为该窗口展示后的高度为16.5rem*/
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_6_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_7_open {
	height: 240px;
	height: 5.5rem;
	/*原高为240px 即15rem,表格多添加了一行（高1.5rem），因为该窗口展示后的高度为16.5rem*/
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_7_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_8_open {
	height: 240px;
	height: 3.5rem;
	/*原高为240px 即15rem,表格多添加了一行（高1.5rem），因为该窗口展示后的高度为16.5rem*/
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}

.right_Chart_8_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	text-align: center;
}


.right_Chart_1 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.right_Chart_1_title {
	height: 2.5rem;
	border-bottom: 1px solid #0aa5d6;
}

.right_Chart_1_title_img {
	width: 1.25rem;
	height: 1.25rem;
	padding-top: 0.3rem;
}

.right_Chart_1_title_triangularButton {
	margin-left: 4.5rem;
	width: 1.25rem;
	height: 1.25rem;
}


.right_Chart_1_title_text {
	margin-left: 0.3rem;
	font-size: 1.4rem;
	text-shadow: 2px 2px 2px #131422;
	font-family: "方正综艺简体";
	color: white;
	line-height: 2.2rem;
}

.right_Chart_1_select_intersectionName {
	/*右侧菜单一 路段名*/
	width: 3rem;
}

.selectOptionwidth_40 {
	width: 4rem;
}

.selectOptionwidth_45 {
	width: 4.5rem;
}

.selectOptionwidth_50 {
	width: 5rem;
}

.textAlign_right {
	text-align: right;
}

.textAlign_left {
	text-align: left;
}

.right_Chart_1_duration {
	/*右侧菜单一 持续时间*/
	width: 2.5rem;
}

.right_Chart_3_speed {
	/*右侧菜单三 限制速度*/
	width: 1.8rem;
}

.right_Chart_4_speed {
	/*右侧菜单三 限制速度*/
	width: 2.5rem;
}

.right_Chart_4_inputStyle2 {
	/*右侧菜单三 限制速度*/
	width: 2rem;
}

.right_Chart_4_inputStyle3 {
	/*右侧菜单三 限制速度*/
	width: 3.5rem;
}

.inputWidth_20 {
	/*右侧菜单三 限制速度*/
	width: 2.0rem;
}

.inputWidth_25 {
	/*右侧菜单三 限制速度*/
	width: 2.5rem;
}

.inputWidth_30 {
	/*右侧菜单三 限制速度*/
	width: 3.0rem;
}

.inputWidth_35 {
	/*右侧菜单三 限制速度*/
	width: 3.5rem;
}

.button_55_20 {
	width: 5.5rem;
	height: 2rem;
}

.button_80_20 {
	width: 8.0rem;
	height: 2rem;
}

.right_Chart_1_restrictedVehicleSelection_Bubtton {
	/*右侧菜单一 限制车型选择*/
	width: 5rem;
}

.right_Chart_1_restrictedVehicleSelection_open {
	height: 7rem;
	overflow: hidden;
	transition: height 0.5s;

	margin-right: 0.5rem;
	float: right;
	width: 6rem;
	text-align: left;
}

.right_Chart_1_restrictedVehicleSelection_close {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;

	margin-right: 0.5rem;
	float: right;
	width: 6rem;
	text-align: left;
}

.right_Chart_2 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.right_Chart_3 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.right_Chart_4 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.right_Chart_5 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.right_Chart_6 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.right_Chart_7 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.right_Chart_8 {
	margin: 0.5rem 0 0 1.5rem;
	width: 23.5rem;
	/* height: 15rem; */
	color: white;
}

.textShadow {
	text-shadow: 2px 2px #000;
}

.showTime {
	color: white;
	font-size: 1.7rem;
	text-align: center;
}

.dashedBorderBottom {
	/*车道管控信息列表 行样式*/
	border-bottom: 1px dashed #999999;
}

.restrictedVehicleSelectionTable_tr {
	/*车道管控信息列表 列样式*/
	height: 1.5rem;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.loadModelBackground{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-color: #101631;
}
.loadProgressTextStyle{
	color: white;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
}
.loadProgressWindow{
	z-index: 2;
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 400px;
	height: 100px;	
}
.loadProgressOutDiv{	
	width: 99%;
	height: 30px;	
}
.loadProgress_1{
	width: 100.5%;
	height: 30px;
	background-color: white;	
	border-radius: 5px;
}
.loadProgress_2{
	margin-top: -28px;
	margin-left: 1px;
	width: 0%;
	height: 25px;
	background-color: #3e5fef;	
	border-radius: 5px;
}
.tessngLogo{
	width: 15%;
	height: 6%;
	position: absolute;
	right: 22%;
	top: 11%;
	
}