.setting-container { padding-bottom: 32rpx; } .setting-container .avatar-cell { position: relative; padding: 32rpx 0; text-align: center; } .setting-container .avatar-cell::after { position: absolute; bottom: 0; left: 24rpx; content: ''; width: calc(100% - 48rpx); height: 2rpx; background: rgba(110, 123, 143, 0.16); } .setting-container .avatar-cell .avatar { display: block; width: 160rpx; height: 160rpx; margin: auto; border-radius: 50%; } .setting-container .avatar-cell .label { margin-top: 24rpx; color: #D32D2F; } .setting-container .cell { position: relative; padding: 24rpx; line-height: 80rpx; color: rgba(118, 126, 139, 0.57); } .setting-container .border::after { position: absolute; bottom: 0; left: 24rpx; content: ''; width: calc(100% - 48rpx); height: 2rpx; background: rgba(110, 123, 143, 0.16); } .setting-container .cell .label { color: #50555F; } .setting-container .cell .error { color: #D32D2F; } .setting-container .cell .suc { color: #0FC917; } .setting-container .btn { width: calc(100% - 48rpx); margin: 48rpx auto 0; background: #D32D2F; border-radius: 90rpx; text-align: center; line-height: 80rpx; font-size: 28rpx; color: #fff; } .auth-popup .van-cell { margin-bottom: 24rpx; padding: 16rpx 20rpx; background: #f5f5f5; border-radius: 8rpx; } .auth-popup .van-cell .van-cell__title { max-width: 3.6em !important; min-width: 3.6em !important; margin-right: 24rpx; font-size: 26rpx; color: #060606; } .auth-popup .van-cell .van-cell__value { text-align: left; color: #060606; } .auth-popup .van-cell .van-field__label { color: #060606; } .auth-popup .van-cell .van-field__placeholder { font-size: 26rpx; color: #999; }