@import "@/uni_modules/vk-uview-ui/theme.scss";
@import "@/uni_modules/vk-uview-ui/index.scss";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
 */

/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$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:12px;
$uni-font-size-base:14px;
$uni-font-size-lg:16px;

/* 图片尺寸 */
$uni-img-size-sm:20px;
$uni-img-size-base:26px;
$uni-img-size-lg:40px;

/* Border Radius */
$uni-border-radius-sm: 2px;
$uni-border-radius-base: 3px;
$uni-border-radius-lg: 6px;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$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;

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

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


/* 登录页是否记住密码多选框样式 */
uni-checkbox.login-form-checkbox .uni-checkbox-input{
width: 24upx !important;
height: 24upx !important;
}
.status_bar {
  height: var(--status-bar-height);
  width: 100%;
}
.isIPXup{
padding-bottom: 64rpx !important;
}
/*  form表单样式 */
.form-box{
background-color: #fff;
padding: 0 30rpx;
}
.form-input {
font-size: 28rpx;
color: #333;
text-align: right;
width: 95%;
box-sizing: border-box;
height: 60rpx;
line-height: 60rpx;
&.textarea{
	height: 240rpx;
	padding: 24rpx 0;
	text-align: left;
}
}

.form-input-placeholder {
font-size: 28rpx;
color: #999;
}
.form-textarea{
height: 240rpx;
padding: 24rpx 0;
text-align: left;
}
.form-number-input{
margin: 0 auto;
}
.u-required{
position: relative;
}
.u-required:before{
content: '*';
position: absolute;
left: -8px;
top: 10upx;
font-size: 14px;
color: #fa3534;
height: 9px;
line-height: 1;
}
/* 元素宽度 百分比 */
.uni-col-1{
box-sizing: border-box;
width: 10%;
}
.uni-col-2{
box-sizing: border-box;
width: 20%;
}
.uni-col-3{
box-sizing: border-box;
width: 30%;
}
.uni-col-4{
box-sizing: border-box;
width: 40%;
}
.uni-col-5{
box-sizing: border-box;
width: 50%;
}
.uni-col-6{
box-sizing: border-box;
width: 60%;
}
.uni-col-7{
box-sizing: border-box;
width: 70%;
}
.uni-col-8{
box-sizing: border-box;
width: 80%;
}
.uni-col-9{
box-sizing: border-box;
width: 90%;
}
.uni-col-10{
box-sizing: border-box;
width: 100%;
}

/* felx布局 */
.flex{
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox; /* IE 10 */  
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
/*伸缩流方向*/
.flex_column{
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
/*主轴对齐*/
.justify_center{
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.justify_end{
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify_between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/*侧轴对齐*/
.align_start{
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.align_end{
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.align_center{
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.align_baseline{
-webkit-box-align: baseline;
-ms-flex-align: baseline;
-webkit-align-items: baseline;
align-items: baseline;
}
/*伸缩性*/
.flex_auto{
-webkit-box-flex: 1;
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
}
.flex_1{
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;    
}
// ios15原生input的type=search时会默认自带搜索图标。
// 在全局的公共样式隐藏ios自带搜索图标即可
[type="search"]::-webkit-search-decoration {
display: none;
}
uni-toast {
z-index: 1000000;
}