@import '@/uni_modules/uni-scss/variables.scss';

$sfRedColor: #FB322E;
$sfblackColor: #0D1118;
$sfgrayBgColor: #F1F2F7;
$padding20: 20rpx;
$padding32: 32rpx;


$backgroundColor:
  radial-gradient(circle at 120% -5%,
    #EFE4ED 0%,
    transparent 60%
  ),
  radial-gradient(circle at -20% 40%,
    #EFE4ED 0%,
    transparent 60%
  ),
  linear-gradient(180deg, #E0EAF6 0%, #F0F5FB 100%);

.p20 { padding: $padding20; }
.p20-r { padding-right: $padding20; }
.p20-l { padding-left: $padding20; }
.p20-t { padding-top: $padding20; }
.p20-b { padding-bottom: $padding20; }

.p32 { padding: $padding32; }
.p32-r { padding-right: $padding32; }
.p32-l { padding-left: $padding32; }
.p32-t { padding-top: $padding32; }
.p32-b { padding-bottom: $padding32; }

.m20 { margin: $padding20; }
.m20-r { margin-right: $padding20; }
.m20-l { margin-left: $padding20; }
.m20-t { margin-top: $padding20; }
.m20-b { margin-bottom: $padding20; }

.m32 { margin: $padding32; }
.m32-r { margin-right: $padding32; }
.m32-l { margin-left: $padding32; }
.m32-t { margin-top: $padding32; }
.m32-b { margin-bottom: $padding32; }
.border-radius-20 { border-radius: 20rpx; }
.card {
  background-color: #fff;
  border-radius: 16px;
  padding: 36rpx;
  line-height: normal;
  margin-bottom: $padding20;
  width: 100%;
}
.card20 {
  @extend .card;
  padding: 16px;
}
.container{
	padding: $padding20;
  width: 100%;
  padding-bottom: 200rpx;
}
:deep(.uv-icon__icon){
  line-height: normal!important;
}
:deep(.uv-button--info){
  border-color: #A8AAAC;
}

.font36{
  font-size: 36rpx;
}
.font32{
  font-size: 32rpx;
}
.font28{
  font-size: 26rpx
}
.font26{
  font-size: 26rpx
}
.font16{
  font-size: 16rpx
}
.fontb{
  font-weight: 600;
}

.textGary{
  color: #A8AAAC;
}
.textGary2{
  color: #808386;
}
.textRed{
  color: $sfRedColor;
}
.mgb20{
  margin-bottom: 20rpx;
}
.mgb10{
  margin-bottom: 10rpx;
}
.mgt20{
  margin-top: 20rpx;
}
.mgt10{
  margin-top: 10rpx;
}


/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 水平间距 */
$uni-spacing-row-sm: 5px;
$uni-spacing-row-base: 10px;
$uni-spacing-row-lg: 15px;

/* 垂直间距 */
$uni-spacing-col-sm: 4px;
$uni-spacing-col-base: 8px;
$uni-spacing-col-lg: 12px;