body{
	background: url('../images/bg.png');
	width: 1920px;
	height: 1077px;
	overflow: hidden;
	padding: 40px 35px;
}
.float{ 
	float: left;
}
.flex{
	display: flex;
}
.flex div{
	flex:1;
}

.card{
	padding: 30px;
	border-radius: 20px; 
}
.card-title{
	color: #BAE3F9;
	font-size: 24px;
	padding-bottom: 20px;
	 
}
.card-line{
	height: 5px; 
/*	border: 5px solid;*/
	background: linear-gradient(90deg, rgba(98, 105, 180, 0.4) 0%, #3BADF9 48%, rgba(98, 105, 180, 0.4) 100%);
}

#card-1{
	width: 381px;
	height: 565px;  
	background: #060B28;
	margin-right: 10px; 
} 
#card-2{
	width: 701px;
	height: 565px;  
	background: #060B28;
	margin-right: 10px; 
}  
#card-3-1{
	width: 568px;
	height: 245px; 
	background: #060B28;
	margin-bottom: 15px;
}
#card-3-2{
	width: 568px;
	height: 245px; 
	background: #060B28; 
}
#card-4{
	width: 900px;
	height: 307px;  
	background: #060B28;
	margin-right: 20px; 
	margin-top:10px;
} 
#card-5{
	width: 813px;
	height: 307px;  
	background: #060B28; 
	margin-top:10px;
} 

#data1-img{
	width: 100%;
	height: 215px;
	margin-top: 30px; 

}
#data1-data{
	width: 100%;
	height: 215px;
	margin-top: 30px;  
}

#brain-btn-container{
	position: absolute;
	top: 28px;
	right: 0px;
	width: 90px;
}
#brain-btn-container .brain-btn{
	width: calc(100% - 20px);
	height: 40px; 
	background: #DDE1F399; 
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
	padding: 10px;
	display: flex;
	align-items: center;
}
#brain-btn-container .brain-btn.active{
	background: #0075FF;
	color: #fff;
}

#data3-1-content{
	color:#fff;
	font-size: 16px;
	margin: 10px 0px;
	height: 190px;
	overflow: hidden;
}
.rtms div{
	text-align: center;
}
.rtms div:first-child{
	padding-right: 10px;
	text-align: left;
}
#data3-2-content{
	color:#fff;
	font-size: 16px;
	margin: 10px 0px;
	height: 190px;
	overflow: hidden;
}

.data4-img{ 
	margin-top: 60px;
	width: 176px; 
}

.scale{width: 234px;height:176px;float: left; margin-top:30px;margin-right: 35px}