view {
		box-sizing: border-box!important;
	}
 
	.container {
		min-height: 100vh;
	background: #0C2036;
 .outerBox{

	padding: 0 30rpx;
	padding-top: 108rpx;
	
	height: 100%;
	.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: flex-start;
			
			margin-left: 16rpx;
			
			background-size: 100% 100%;
			background-repeat: no-repeat;
			padding-left: 14rpx;
			.hg_i{
				width: 23rpx;
				height: 17rpx;
				margin-left: 4rpx;
			}
		}
	}
	
	
	.card{
		
		margin-top: -160rpx;
		height: 486rpx;
		// border-radius: 20rpx;
		position: relative;
		
		// margin-top: 32rpx;
		padding: 48rpx;
		// padding-top: 0;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		
		// background: #007AFF;
		
		.imgPos{
			height: 128rpx;
		}
		
		.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;
			motion-path: none;
			margin-top: 48rpx;
			
			.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: 200rpx;
		width: 166rpx;
		height: 116rpx;
		margin-left: 50%;
		transform: translateX(-50%);
		
		
		.logo{
			width: 80rpx;
			height: 72rpx;
			margin-bottom: 18rpx;
		}
	}
	
	
		}
	}