/* 页面左右间距 */
$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$base-color: #fa436a;

/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;
/*文字颜色*/
$font-color-dark: #303133;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;
$font-color-gray:#999999;
$font-color-red:#dd0037;
$font-color-ccc:#cccccc;
$font-color-999:#999999;
$font-color-666:#666666;
$font-color-333:#333333;
$font-color-000:#000000;
/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E4E7ED;
$border-color-light: #EBEEF5;
/* 背景颜色 */
$image-bg-color:#eeeeee;
$bgcolor_white:#ffffff;
$all_bgcolor:#f4f4f4;
$vui_bgcolor:#8c0027;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary:#fa436a;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

//自定义变量
$theme-color: #28b8a1;
$bg-grey: #f4f4f4;
$bd-color: #f0f0f0;
$color-light: #5e5e5e;
$g2: #eeeeee;
$g5: #9e9e9e;
$fz12: 24upx;
$fz16: 32upx;
$fz18: 36upx;
$fz20: 40upx;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$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-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24upx;
$uni-font-size-base:28upx;
$uni-font-size-lg:32upx;

/* 图片尺寸 */
$uni-img-size-sm:40upx;
$uni-img-size-base:52upx;
$uni-img-size-lg:80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36upx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30upx;

/* 通用样式 */
.font20 {
  font-size: 20rpx;
}
.font22 {
  font-size: 22rpx;
}
.font24 {
  font-size: 24rpx;
}
.font26 {
  font-size: 26rpx;
}
.font28 {
  font-size: 28rpx;
}
.font30 {
  font-size: 30rpx;
}
.font32 {
  font-size: 32rpx;
}
.font34 {
  font-size: 34rpx;
}
.font36 {
  font-size: 36rpx;
}
.font38 {
  font-size: 38rpx;
}
.font40 {
  font-size: 40rpx;
}
.font42 {
  font-size: 42rpx;
}
.font44 {
  font-size: 44rpx;
}
.font48 {
  font-size: 48rpx;
}
.font50 {
  font-size: 50rpx;
}
.font52 {
  font-size: 52rpx;
}
.font54 {
  font-size: 54rpx;
}
.font56 {
  font-size: 56rpx;
}
.fontb {
  font-weight: bold;
}

.img-size-repeat {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.flex-center,
.flex-center-center,
.flex-center-between,
.flex-center-around,
.flex-wrap,
.flex-around,
.flex-end,
.flex-column,
.flex-column-center,
.flex-column-between,
.flex-column-around,
.flex-between {
  display: flex;
}
.flex-center,
.flex-center-center,
.flex-center-between,
.flex-center-around {
  align-items: center;
}
.flex-center-center {
  justify-content: center;
}
.flex-center-between {
  justify-content: space-between;
}
.flex-center-around {
  justify-content: space-around;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-around {
  justify-content: space-around;
}
.flex-end {
  justify-content: flex-end;
}
.flex-column,
.flex-column-center,
.flex-column-between,
.flex-column-around {
  flex-direction: column;
}
.flex-column-center {
  align-items: center;
}
.flex-column-between {
  justify-content: space-between;
}
.flex-column-around {
  justify-content: space-around;
}
.flex-between {
  justify-content: space-between;
}
.color333 {
	color: #333;
}
.color666 {
	color: #666;
}
.color888 {
	color: #888;
}
.color999 {
	color: #999;
}
.colorfff {
	color: #fff;
}
.colorred {
	color: #FF1701;
}
.bgfff {
	background-color: #fff;
}
.show-one-text,
.show-two-text {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
.show-one-text{
	-webkit-line-clamp: 1;  /*要显示的行数*/
}
.show-two-text{
	-webkit-line-clamp: 2;  /*要显示的行数*/
}
.container {
	padding-top: 88rpx;
	height: 100%;
}

/**
 * 提示框
 */
uni-toast {
	display: flex;
	align-items: center;
	justify-content: center;
}
uni-toast .uni-sample-toast {
	min-width: 300rpx;
	max-width: 490rpx;
	position: initial;
	transform: initial;
}
uni-toast .uni-simple-toast__text {
	padding: 40rpx;
	width: auto;
	font-size: 30rpx;
	line-height: 40rpx;
	letter-spacing: 1rpx;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 8rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
/**
 * 提示框
 */

/**
 * 模态框
 */
.uni-mask {
	background: rgba(0,0,0,.2);
}
uni-modal .uni-modal {
	max-width: 590rpx;
	border-radius: 26rpx;
}
uni-modal .uni-modal__hd {
	padding: 30rpx 1.6em 0;
}
uni-modal .uni-modal__title {
	font-weight: bold;
	color: #333;
	font-size: 36rpx;
	letter-spacing: 1rpx;
}
uni-modal .uni-modal__bd {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40rpx 30rpx;
	color: #333;
	font-size: 34rpx;
	line-height: 52rpx;
	letter-spacing: 1rpx;
	min-height: 200rpx;
}
uni-modal .uni-modal__ft:after {
	border-top: 1rpx solid #ddd;
}
uni-modal .uni-modal__btn:after {
	border-left: 1rpx solid #ddd;
}
uni-modal .uni-modal__ft {
	line-height: 100rpx;
}
uni-modal .uni-modal__btn_default,
uni-modal .uni-modal__btn {
	color: #A66354 !important;
	font-size: 34rpx;
}
/**
 * 模态框
 */

/**
 * 数字输入框
 */
.uni-numbox {
	width: 194rpx;
	height: 60rpx;
	line-height: 60rpx;
	background-color: #FFF;
	border: 0;
	border-radius: 4rpx;
	&/deep/.uni-numbox__minus,
	&/deep/.uni-numbox__value, 
	&/deep/.uni-numbox__plus {
		height: 60rpx;
		line-height: 60rpx;
		background-color: #FFF;
	}
	&/deep/.uni-numbox__minus,
	&/deep/.uni-numbox__plus {
		border: 1rpx solid #E4E4E4;
	}
	&/deep/.uni-numbox__value {
		border-width: 1rpx 0;
		border-color: #E4E4E4;
		border-style: solid;
	}
	&/deep/.uni-numbox--text {
		color: #666;
	}
	&/deep/.uni-numbox--disabled {
		color: #c0c0c0;
	}
}
/**
 * 数字输入框
 */

/* 选择器改造 */
.uni-picker-container .uni-picker-content{
height: 435rpx;
}
.uni-picker-view-mask{
background-size: 100%!important;
background:linear-gradient(360deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%)
}
.uni-picker-container .uni-picker-header{
height: 84rpx;
}
.uni-picker-container .uni-picker-header:after{
border-color:#DDDDDD ;
color:#DDDDDD ;
}
.uni-picker-container .uni-picker-action.uni-picker-action-cancel{
color: #999999;
font-size: 34rpx;
line-height: 84rpx;
padding: 0 30rpx;
}
.uni-picker-container .uni-picker-action.uni-picker-action-confirm{
color: #B3392B;
font-size: 34rpx;
line-height: 84rpx;
padding: 0 30rpx;
}
.uni-picker-view-indicator{
height: 84rpx;
}
.uni-picker-container .uni-picker-item{
line-height:84rpx;
color:#333333 ;
font-size: 34rpx;
}
.uni-picker-view-indicator:after, .uni-picker-view-indicator:before{
top:0;
border: none;
background-color: #DDDDDD;
}
.uni-picker-view-indicator:after{
top: unset;
bottom: 0;
}
/* 选择器改造 */