	view {
		box-sizing: border-box;
	}
 
	.container {
 .outerBox{
	background: #0C2036;
	min-height: 100vh;
	padding: 0 30rpx;
	padding-top: 108rpx;
	.userBox{
		font-size: 28rpx;
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: bold;
		color: #FFFFFF;
		
		display: flex;
		align-items: center;
		
		
		
		.avatar{
			width: 48rpx;
			height: 48rpx;
			border-radius: 50%;
			margin-right: 16rpx;
		}
		.flag{
			font-size: 20rpx;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: bold;
			color: #4E2A1E;
			
			width: 128rpx;
			height: 28rpx;
			background: linear-gradient(90deg, #FFEDDD 0%, #C7977A 100%);
			border: 1rpx solid;
			border-image: linear-gradient(251deg, rgba(255, 255, 255, 0.32), rgba(255, 249, 237, 0.4)) 1 1;
			
			display: flex;
			align-items: center;
			justify-content: center;
			
			margin-left: 16rpx;
			.hg_i{
				width: 23rpx;
				height: 17rpx;
				margin-left: 4rpx;
			}
		}
	}
	
	
	.card{
		height: 296rpx;
		background: #2A79CF;
		border-radius: 20rpx;
		
		position: relative;
		
		margin-top: 32rpx;
		padding: 48rpx;
		
		.ljx_i{
			width: 236rpx;
			height: 236rpx;
			
			position: absolute;
			top:-102rpx;
			right: 46rpx;
			
		}
		
		.labelBox{
			font-size: 48rpx;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: bold;
			color: #FFFFFF;
			
			.eye{
				width: 34rpx;
				height: 10rpx;
				margin-left: 18rpx;
			}
			margin-bottom: 36rpx;
		}
		
		.shouRu{
			font-size: 28rpx;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: 400;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			
			.left{
				margin-right: 66rpx;
				display: flex;
				align-items: center;
			}
			.right{
				display: flex;
				align-items: center;
			}
		}
	}
	.titleM{
		font-size: 30rpx;
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: bold;
		color: #fff;
		margin-top: 34rpx;
		text-align: center;
	}
	.list{
		display: flex;
		flex-wrap: wrap;
		// justify-content: space-between;
		// padding:0 68rpx;
		margin-top: 36rpx;
		.item{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			
			font-size: 26rpx;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: 500;
			color: #FFFFFF;
			width: 104rpx;
			margin: 0 62rpx;
			margin-bottom: 48rpx;
			
			
			.iconBox{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 96rpx;
				height: 96rpx;
				background: rgba(14,100,235,0.2);
				border-radius: 50%;
				margin-bottom: 20rpx;
				
				.icon{
					width: 46rpx;
					height: 40rpx;
				}
			}
		}
	}
	
	.bLogo{
		font-size: 24rpx;
		font-family: DOUYUFont;
		color: #007AFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 284rpx;
		
		.logo{
			width: 80rpx;
			height: 72rpx;
			margin-bottom: 18rpx;
		}
	}
	
	
		}
	}