// 公有变量
@rem:100rem;
@transitionTime: 1s;

// 主色调
@main_col1:#FAFAFA;
@main_col2:#ffa700;
@main_col3:#FC655D;
@main_col4:#FC655D;
@main_col5:#fe5f01;
@main_col6:#ffca3e;
@main_col7:#fb8f85;
@main_col8:#464646;
@map_bg:#e4f4ff;

// 辅色调
@warning_col:#e81e2a;
@tips_col:#49BBFF;
@safety_col:#4dc027;

// 字体颜色
@font_col1:#333;
@font_col2:#999999;
@font_col3:#AFAFAF;
@font_col4:#eee;
@font_col5:#6e6e6e;
@font_col6:#ffffff;

// 字体大小
@font_small: 16rpx; // 小字
@font_text: 18rpx; // 一般
@font_text1: 20rpx; // 一般1
@font_text2: 22rpx; // 一般2
@font_ord: 24rpx; // 默认
@font_ord1: 26rpx; // 默认
@font_title: 28rpx; // 标题
@font_title2: 32rpx; // 大一号标题
@font_title3: 34rpx; // 大二号标题
@font_title4: 36rpx; // 大三号标题
@font_big:46rpx; //特殊大号字体
@font_max:80rpx; //最大号字体

// 初始化
html{ font-size: 100px; }
* { margin: 0; border: 0; box-sizing: border-box; }
body, html,#app { width: 100%; height: 100%; }
input, button, select,textarea { outline: none; background:none; -webkit-appearance: none; }

// 排版
.u-container{ margin: 0 auto; width:100%; max-width: 640rpx; height:auto; }
.u-padding10{ padding-left: 10rpx;padding-right: 10rpx;  }
.u-padding20{ padding-left: 20rpx;padding-right: 20rpx; }
.u-cenInBlock { display: inline-block; vertical-align: middle; }
.u-flex-between { display: flex; justify-content:space-between; align-items:center; }
.u-flex-row{display: flex;flex-direction: row;align-items: center;}
.u-flex-col{display: flex;flex-direction:column;align-items: center;}
.u-imgAuto { width: auto; max-width: 100%; height: 100%; vertical-align: middle; }
.u-aFull { &:extend(.u-cenInBlock ); width: 100%; height: 100%; }
.u-cleanBoth {
  &::after,&::before{ content: ''; display: inline-block; clear: both; }
}
.u-clearFloat { clear: both; float: none; padding: 0; margin: 0; width: 100%; height: 0.01px; border: 0.01px soild transparent; overflow: hidden; }
.u-fLeft { float: left; }
.u-fRinght { float: right; }
.u-wh100 { width: 100%; height: 100%; }
.u-absolute{ position: absolute; }
.u-relative{position: relative;}
// 文字
.txt-noneLine{ text-decoration: none; }
.txt-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.txt-ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
}
.txt-ellipsis3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;
  overflow: hidden;
}
.txt-important{
	color: @warning_col;
}

.txt-bold{
	font-weight: bold;
	color: #333;
}
.txt_link{
	color: #0082dd;
}

.Home_title{
	position: relative;
	margin: 40rpx 0 32rpx;
	.Home_title_weight{
		margin-bottom: 6rpx;
		font-size: 38rpx;
		color: #333;
		font-weight: bold;
	}
}

page .submit_btn{
	margin-top: 40rpx;
	width: 100%;
	height: 90rpx;
	line-height: 90rpx;
	border-radius: 50rpx;
	background: linear-gradient(90deg, #4BA2FF 0%, #4B83FF 100%);
	color: #fff;
	font-size: 28rpx;
	box-shadow: 0px 24rpx 27rpx -24rpx rgba(75, 137, 255, 0.8);
}