#setting{
  background: #EFEFF4;
  min-height: 100vh;
}
.useSetting{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32rpx 25rpx;
  background: #fff;
  margin-bottom: 21rpx;
}
.useSettingTipIcon{
  display: inline;
  position: relative;
}
.useSettingTipIcon>image{
  width: 29rpx;
  height: 29rpx;
  margin-left: 7rpx;
}
.parallaxBox{
  margin-top: 20rpx;
}
.useSettingInstall{
  padding: 25rpx;
  margin-top: 20rpx;
}
.useSettingTitle{
  font-size: 34rpx;
  color: #4F5051;
}
.useSettingBox{
  display: flex;
  align-items: center;
  font-size: 28rpx;
  color: #A7A7A8;
}
.arrowDown{
  width: 48rpx;
  height: 48rpx;
  margin-left: 10rpx;
}
switch{
  transform:scale(0.9);
}

/* 应用白名单 */
#whiteListTtitle{
  font-size: 28rpx;
  color: #4F5051;
  padding: 4rpx 0 24rpx 25rpx;
}
.toWhiteList{
  padding: 30rpx;
  font-size: 34rpx;
  color: #4F5051;
}

#whiteListCon{
  background: #FFFFFF;
}
#whiteListTab{
  display: flex;
  justify-content: center;
  align-items: center;
}
.whiteListTabItem{
  font-size: 28rpx;
  color: #A7A7A8;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-bottom: 4rpx solid #E5E5E5;
  width:33.2%;
  padding: 30rpx 0 25rpx;
}
.currentTab{
  color: #33D1C4;
  border-bottom: 4rpx solid #33D1C4;
}
.whiteListTabItem>image{
  width: 64rpx;
  height: 54rpx;
  margin-bottom: 6rpx;
}
.centerTabItem{
  border-left: 2rpx solid #E5E5E5;
  border-right: 2rpx solid #E5E5E5;
}


/* 完成按钮 */
#settingBtn{
  padding: 75rpx 30rpx 80rpx;
}
#settingDone{
  background: #33D1C4;
  border-radius: 10rpx;
  font-size: 36rpx;
  color: #FFFFFF;
  height: 94rpx;
  line-height: 94rpx;
}

.dialogBg{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.invite {
  /* display: none; */
  width: 450rpx;
  font-size: 25rpx;
  /* height: 50rpx; */
  line-height: 50rpx;
  padding-left: 20rpx;
  position: absolute;
  background-color: #FFF0F5;
  border: 1px solid #FFB5C5;
  border-radius: 5px;
  top: 50rpx;
  left: -10rpx;
  z-index: 2;
}
.invite:after {
  content: '';
  width: 20rpx;
  height: 20rpx;
  position: absolute;
  top: -11rpx;
  left: 20rpx;
  transform: rotate(45deg);
  background-color: #FFF0F5;
  border: 1px #FFB5C5;
  border-style: solid none none solid ;
}
.inviteSmall {
  /* display: none; */
  width: 300rpx;
  font-size: 25rpx;
  /* height: 50rpx; */
  line-height: 50rpx;
  padding-left: 20rpx;
  position: absolute;
  background-color: #FFF0F5;
  border: 1px solid #FFB5C5;
  border-radius: 5px;
  top: 50rpx;
  left: -10rpx;
  z-index: 2;
}
.inviteSmall:after {
  content: '';
  width: 20rpx;
  height: 20rpx;
  position: absolute;
  top: -11rpx;
  left: 20rpx;
  transform: rotate(45deg);
  background-color: #FFF0F5;
  border: 1px #FFB5C5;
  border-style: solid none none solid ;
}
