jch-wx_tmsaip/pages/homePage/mine/mine.less

.content{
	height: 100%;
	// background: #f4f4f4;
	background-image: linear-gradient(#2c96fb 8%, #c1dbfb 20%, #f9f9f9 25%);
	padding-top: 44rpx;
	padding-bottom: 167rpx;
	box-sizing: border-box;
	.mine-header{
		// height: 360rpx;
		// position: relative;
		// // background:#c1dbfb;
		height: 245rpx;
		position: relative;
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
		background: #fff;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		box-shadow: 0 -25px 10rpx -18px rgba(0, 111, 165, 0.4);
		.header-bg{
			position:absolute;
			top: -100rpx;left: 0;
			z-index: 0;
			width: 100%;
			height: 100%;
			height: 460rpx;
		}
		.header{
			position:absolute;
			top: 0;left: 0;
			z-index: 0;
			display: flex;
			padding-top: 55rpx;
			.left{
				margin-left: 20rpx;
				margin-right: 20rpx;
				.header-img{
					width: 120rpx;
					height: 120rpx;
					border-radius: 50%;
					margin-top: 10rpx;
				}
			}
			.center{
				color: #333;
				.user-name{
					font-size: 32rpx;
					line-height: 50rpx;
					// font-weight: 600;
					margin: 20rpx 0 8rpx;
				}
				.user-type{
					font-size: 22rpx;
					line-height: 50rpx;
				}
			}
			.right{
				
			}
		}
		
	}
	.mine-list{
		// margin-top:-4rpx;
		.mine-tab{
			width:100%;
			background: #fff;
			display: flex;
			// border-bottom: 1rpx solid #eee;
			border-top: 1rpx solid #eee;
			padding: 0 20rpx;
			box-sizing: border-box;
			box-shadow: 0 0 10rpx #eee;
			view{
				flex:1;
				text-align: center;
				padding-top: 29rpx;
				padding-bottom: 25rpx;
				margin-right: 36rpx;
				&:nth-last-child(1){
					margin-right: 0;
				}
				text{
					display: block;
					font-size:24rpx;
					line-height: 48rpx;
				}
				.iconfont{
					font-size:60rpx;
					color:#65a5f5;
					width: 94rpx;
					height: 94rpx;
					background: #f9fbfe;
					border-radius: 50%;
					text-align: center;
					margin: 0 auto;
					line-height: 94rpx;
				}
			}
		}
		.login-btn{
			text-align: center;
			.login-img{
				width: 400rpx;
				height: 400rpx;
				line-height: 400rpx;
				font-size:200rpx;
				color: #c1dbfb;
				display: block;
				text-align: center;
				margin: 0 auto;
			}
			button{
				width:280rpx;
				height:90rpx;
				line-height:90rpx;
				background:#0e72f0;
				border-radius: 80rpx;
				margin: 0 auto;
				color: #fff;
			}
		}
	}

	.mine-content{
		margin:30rpx 0 30rpx 0;
		padding:0 20rpx 0 20rpx;
		width: 100%;
		background:#fff;
		box-sizing: border-box;
		box-shadow: 0 0 10rpx #eee;
		.tab{
			height: 98rpx;
			line-height: 98rpx;
			text-align: left;
			color: #333;
			display: flex;
			border-bottom: 1rpx solid #eee;
			padding: 0 26rpx;
			font-size:28rpx;
			display: flex;
			&:nth-last-of-type(1){
				border-bottom: none ;
			}
			.left{
				flex: 1;
			}
			.iconfont{
				font-size: 32rpx;
				line-height: 98rpx;
				margin-right: 22rpx;
				color: #0e72f0;
			}
			.right{
				float: right;
				color: #999;
			}
		}
	}
	
	.sign-out{
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 32rpx;
		color: #666;
		background:#fff;
		margin:40rpx 0 50rpx 0;
		box-shadow: 0 0 10rpx #eee;
	}
}