.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; } } } }