::-webkit-scrollbar {
	display: none;
	/* background-color:transparent; */
}

.screen_box {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #0E1115;
}

.screen_box .bg01 {
	width: 100%;
	height: 100vh !important;

}

.screen_box .screen_content {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 96;
}

.screen_box .screen_content .bg02 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
}

.screen_box .screen_content .bg02 img {
	width: 100%;
}

.screen_box .screen_content .bg02 .header {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	padding: 0 1vw;
	box-sizing: border-box;
}

.screen_box .screen_content .bg02 .header .other {
	flex: 0.26;
	box-sizing: border-box;
	margin-top: 0.5vw;
}

.screen_box .screen_content .bg02 .header .title {
	flex: 0.48;
	font-size: 2.2vw;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-top: 0.9vw;
}

.screen_box .screen_content .bg02 .header .other:nth-child(3) {
	font-size: 1vw;
	color: #fff;
	font-weight: bold;
	text-align: right;
}

.screen_box .screen_content .content_box {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	color: #fff;
	display: flex;
	padding: 5% 1% 1% 1%;
	box-sizing: border-box;
}

.screen_box .screen_content .content_box .other_content {
	flex: 0.28;
}

.screen_box .screen_content .content_box .middle_content {
	flex: 0.44;
	padding: 0 1vw;
	box-sizing: border-box;
}

.module_title {
	width: 100%;
	position: relative;
}

.module_titleTop {
	margin-top: 1vw;
}

.module_title img {
	width: 100%;
}

.module_title .title {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	font-size: 0.8vw;
	color: #fff;
	padding-left: 2.8vw;
	font-weight: bold;

}

.echarts_content {
	width: 100%;
	background-color: #0B0F3F;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #1B2364;
	border-top: none;
}

.echarts_contentPtop {
	padding-top: 1vw;
}

.echarts_content .triangle_left {
	width: 0.3vw;
	height: 0.3vw;
	background: #00F0FF;
	/* 	clip-path: polygon(0 0, 0 100%, 100% 100%); */
	position: absolute;
	left: 0;
	bottom: 0;
}

.echarts_content .triangle_right {
	width: 0.3vw;
	height: 0.3vw;
	background: #00F0FF;
	/* 	clip-path: polygon(0 0, 0 100%, 100% 100%); */
	position: absolute;
	right: 0;
	bottom: 0;
}

.echarts_content .echarts {
	height: 20vw;
}

.echarts_content .echarts02 {
	height: 12vw;
	padding-top: 0.5vw;
}

.bank_box {
	width: 100%;
	padding: 1vw;
	box-sizing: border-box;
}

.bank_box .bank_auto {
	width: 100%;
	height: 20vw;
	overflow: hidden;
	overflow-y: auto;
}

.bank_box .bank_list {
	width: 100%;
	height: 2.5vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-color: #0B0F3F;
	border-bottom: 1px solid #1B2364;
}

.bank_box .bank_list:nth-child(1) {
	background-color: #10184F;
	height: 2vw;
	border-bottom: none;
}

.bank_auto .bank_list:nth-child(1) {
	height: 2.5vw;
	background-color: #0B0F3F;
	border-bottom: 1px solid #1B2364;
}

.bank_box .bank_list .id {
	width: 3vw;
}

.bank_box .bank_list .id .name {
	font-size: 0.8vw;
	color: #fff;
	text-align: center;
}

.bank_box .bank_list .id .number {
	width: 3vw;
	margin: 0 auto;
	height: 1.3vw;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 0.7vw;
	border-radius: 1.3vw 0 0 1.3vw;
	background: linear-gradient(to right, rgba(203, 217, 235, 1), rgba(203, 217, 235, 0));
}

.bank_box .bank_list:nth-child(1) .id .number {
	background: linear-gradient(to right, rgba(251, 67, 81, 1), rgba(251, 67, 81, 0));
}

.bank_box .bank_list:nth-child(2) .id .number {
	background: linear-gradient(to right, rgba(227, 198, 1, 1), rgba(227, 198, 1, 0));
}

.bank_box .bank_list:nth-child(3) .id .number {
	background: linear-gradient(to right, rgba(2, 199, 220, 1), rgba(2, 199, 220, 0));
}

.bank_box .bank_list .id .number02 {
	width: 2.5vw;
	margin: 0 auto;
	height: 1.4vw;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 0.7vw;
	border-radius: 0.2vw;
	transform: skew(-15deg);
}

.bank_box .bank_list:nth-child(2) .id .number02 {
	background-color: #FB4351;
}

.bank_box .bank_list:nth-child(3) .id .number02 {
	background: #FF900A;
}

.bank_box .bank_list:nth-child(4) .id .number02 {
	background: #387BF8;
}

.bank_box .bank_list .list {
	flex: 1;
	font-size: 0.7vw;
	color: #fff;
	text-align: center;
}


.map_box {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: right;
	padding-top: 4vw;
}

.map_box .map {
	width: 100%;
}

.map_box .map02 {
	width: 70%;
	margin-top: 1vw;
	margin-right: 1vw;

}

.map_box .map_content {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.map_box .map_other{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.map_box .map_other .other_list{
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 1vw;
}

.map_box .map_other .other_list .other{
	display: flex;
	align-items: center;
	width: 18.4%;
	margin-left: 2%;
}

.map_box .map_other .other_list .other:nth-child(1){
	margin-left: 0;
}

.map_box .map_other .other_list .other .icon{
	width: 2.5vw;
	margin-right: 0.5vw;
}

.map_box .map_other .other_list .other .icon img{
	width: 100%;
}

.map_box .map_other .other_list .other .text_box{
	flex: 1;
}

.map_box .map_other .other_list .other .text_box .text{
	font-size: 0.7vw;
	color: #6F8EB6;
	text-align: left;
}

.map_box .map_other .other_list .other .text_box .num{
	font-size: 1vw;
	color: #00C3DE;
	font-weight: bold;
	text-align: left;
}

.map_box .map_content .menu_box {
	width: 8vw;
	position: absolute;
	right: 0;
	bottom: 15vw;
}

.map_box .map_content .menu_box .menu {
	width: 100%;
	position: relative;
	margin-top: 1vw;
	opacity: 0.3;
}

.menucolor {
	opacity: 1 !important;
}

.map_box .map_content .menu_box .menu:nth-child(1) {
	margin-top: 0;
}

.map_box .map_content .menu_box .menu img {
	width: 100%;
}

.map_box .map_content .menu_box .menu .m_text {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0.8vw;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.map_box .map_content .map_bottom{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.push_box{
	width: 100%;
	padding: 1vw;
}

.push_auto{
	width: 100%;
	height: 22vw;
	overflow: hidden;
	overflow-y: auto;
}

.push_box .push_list{
	width: 100%;
	margin-top: 1vw;
	display: flex;
	align-items: center;
}

.push_box .push_list:nth-child(1){
	margin-top: 0;
}

.push_list .name{
	width: 3vw;
	font-size: 0.7vw;
	color: #fff;
	margin-right: 0.5vw;
}

.push_list .schedule{
	flex: 1;
	background-color: #0A2851;
	height: 1.5vw;
	position: relative;
	letter-spacing: 1px;
	transform: skew(-15deg);
	display: flex;
	align-items: center;
}

.push_list .schedule .bar{
	/* width: 50%; */
	height: 1.5vw;
	background: linear-gradient(to right, rgba(15, 111, 255, 1), rgba(18, 234, 253, 1));
}

.push_list .text{
	margin-left: 0.5vw;
	font-size: 0.7vw;
	color: #fff;
}