duantuihe/pages/my/roleManageDetail/index.scss

	view {
		box-sizing: border-box;
	}
 
	.container {
		// padding: 30rpx;
 // padding: 30rpx;
 // background: #F7F8FB;
 background: #fff;
 min-height: 100vh;
	}
	
	
	.parmasBox{
		margin-top: 40rpx;
		padding: 0 30rpx;
			.titleBox{
				background: #F0F1F4;
				background: linear-gradient(90deg,#F0F1F4,#fff);
				height: 62rpx;
				width: 60%;
				border-radius: 32rpx 0rpx 0rpx 0rpx;
				font-size: 32rpx;
				font-family: SourceHanSansCN, SourceHanSansCN;
				font-weight: bold;
				color: #333333;
				display: flex;
				align-items: center;
				padding-left: 32rpx;
				position: relative;
				
				.starIcon{
					width: 24rpx;
					height: 24rpx;
					position: absolute;
					right: 150rpx;
					top: 0;
				}
			}
		
		
		.inputBox{
			width: 100%;
			min-height: 452rpx;
			background: #F0F1F4;
			border-radius: 0rpx 32rpx 32rpx 32rpx;
			padding: 40rpx 32rpx;
			
			font-size: 30rpx;
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 500;
			// color: #CCCCCC;
			.selAndTileBox{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.selBtn{
					width: 28%;
					height: 108rpx;
					background: #FFFFFF;
					border-radius: 20rpx;
					font-size: 30rpx;
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 500;
					color: #333333;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
			
			.nickname{
				height: 108rpx;
				background: #FFFFFF;
				border-radius: 20rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 24rpx;
				width: 100%;
				.nackI{
				}
				.arrIcon{
					width: 12rpx;
					height: 20rpx;
				}
			}
			
		}
	}
	
	
	
	::v-deep .u-popup__content{
		border-radius: 20rpx 20rpx 0rpx 0rpx!important;
	}
	
	::v-deep .u-picker__view__column__item{
		// color: #007AFF!important;
	}
	
	
	
	.otherBox{
		margin-top: 24rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		
		// background: red;
		.item{
			height: 108rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 24rpx;
			width: 45%;
			margin-bottom: 24rpx;
			.nackI{
				
			}
			.arrIcon{
				width: 12rpx;
				height: 20rpx;
			}
		}
		.item:nth-child(3),.item:nth-child(4){
			margin-bottom: 0rpx;
		}
	
	}
	
	.btnBox{
		height: 176rpx;
		background: #FFFFFF;
		// background:red;
		box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.05);
		border-radius: 32rpx 32rpx 0rpx 0rpx;
		position: fixed;
		bottom: 0;
		width: 100%;
		padding-left: 30rpx;
		padding-right: 30rpx;
		padding-top: 32rpx;
		
		// z-index: 9999999999999999999999999999999;
		.btn{
			height: 96rpx;
			background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%);
			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,122,255,0.2);
			border-radius: 54rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 32rpx;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: bold;
			color: #FFFFFF;
		}
	}