huazhiyu/pages/AccountSecurity/AccountSecurity.scss

.page{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
}

/* 安全设置列表 */
.security-list{
	// width: 100%;
	background-color: #FFFFFF;
	border-radius:10rpx;
	margin:20rpx;
	.list{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 4%;
		height: 80rpx;
		border-bottom: 2rpx solid #f6f6f6;
		.content{
			width: 90%;
			// height: 100%;
			.title{
				display: flex;
				align-items: center;
				width: 100%;
				height: 50%;
				text{
					font-size: 30rpx;
					color: #222222;
				}
			}
			.describe{
				display: flex;
				align-items: center;
				width: 100%;
				text{
					font-size: 24rpx;
					color: #C0C0C0;
				}
			}
		}
		.more{
			display: flex;
			align-items: center;
			text{
				font-size: 28rpx;
				color: #C0C0C0;
			}
		}
	}
}

/* 账户申诉列表 */
.appeal-list{
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	margin: 20rpx auto;
	.list{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 4%;
		height: 100rpx;
		border-bottom: 2rpx solid #f6f6f6;
		.title{
			display: flex;
			align-items: center;
			text{
				font-size: 28rpx;
				color: #222222;
			}
		}
		.more{
			display: flex;
			align-items: center;
			text{
				font-size: 28rpx;
				color: #C0C0C0;
			}
		}
	}
}
.showcontent{
	position: relative;
	&>image{
		width: 100%;
		height:auto;
	}
	.contentContainer{
		position: absolute;
		padding:0 40rpx;
		z-index:11;
		top:60%;left:0;
		transform: translateY(-50%);
		width: 100%;
		.text{
			text-align: center;
			.textTitle{
				color:#222;
				font-size:32rpx;
				font-weight: bold;
			}
			.intr{
				line-height: 40rpx;
			}
		}
		.btnContent{
			display: flex;
			align-items: center;
			margin-top:20rpx;
			justify-content: space-around;
			.cancelBtn{
				color: rgb(48, 34, 13);
				border: 0.5px solid rgb(48, 34, 13);
				background: none;
				width: 180rpx;
				text-align: center;
				height: 38px;
				line-height: 38px;
				border-radius: 22px;
				font-size: 14px;
				overflow: hidden;
			}
			.submitBtn{
				color: rgb(222, 186, 109);
				border: 0.5px solid rgb(48, 34, 13);
				background: rgb(48, 34, 13);
				width: 180rpx;
				text-align: center;
				height: 38px;
				line-height: 38px;
				border-radius: 22px;
				font-size: 14px;
				overflow: hidden;
			}
		}
	}
}