// 屏幕高度-导航栏高度-状态栏高度
$boxHeight: calc(100vh - 44px - 22px);
// 屏幕高度-导航栏高度-按钮的高度上边距-按钮的高度-按钮的高度下边距
$box2Height: calc(100vh - 44px - 22px - 66rpx - 25rpx);
// 屏幕高度-导航栏高度-状态栏高度-底部导航栏
$homeHeight: calc(100vh - 44px - 22px - 20px);


	// 处理页面跳转会出现短暂白屏的问题
	page{
		background: #2675CF;
	}
	// 页面背景
	.container {
		background-image: url(@/static/images/home/indexBackground.png);
		background-size: 100% 100%;
		height: 100vh;
		overflow: hidden;
	}
	// 页面中间部分
	.box {
		width: 90%;
		margin: 0 auto;
		overflow-y: auto;
		height: $boxHeight;
	}
	
	// 页面中间部分
	.box2 {
		// width: 90%;
		margin: 0 auto;
		overflow-y: auto;
		height: $box2Height;
	}
	
	.homeHeight {
		height: $homeHeight;
	}
	// 详情页高度
	.infoHeight {
		min-height: 62vh;
	}
	// 详情页高度2
	.infoHeightBig {
		min-height: 80vh;
	}
	// 增加高度
	.addHeight {
		min-height: 75vh;
	}
	
	// input输入的文字样式
	.uni-input-input{
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
	}
	// input输入框提示的文字样式
	.uni-input-placeholder{
		font-size: 26rpx;
	}
	//未通过校验的提示样式
	.u-form-item__body__right__message{
		margin-left: 0 !important;
		text-align: left;
	}
	// input输入框的高度
	.u-input__content__field-wrapper__field{
		height: 48rpx !important;
	}
	// // button按钮的高度
	// .u-button{
	// 	height:80rpx !important;
	// }
	// input通用样式
	.inputStyle {
		background: rgba(255, 255, 255, 0.1);
		border: 2rpx solid #495B93 !important;
		border-radius: 15rpx;
	
		/deep/ .u-input__content__field-wrapper__field {
			color: #FFFFFF !important;
			font-size: 26rpx;
		}
	
		/deep/ .input-placeholder {
			color: #7E8EC1 !important;
			font-size: 26rpx;
		}
	}
	//通用的背景盒子
	.commonBj{
		background: rgba(255, 255, 255, 0.6);
		border: 2rpx solid #77A8FF;
		box-shadow:  0rpx 0rpx 5rpx 3rpx rgba(109, 160, 251, 0.6);
		border-radius: 28rpx;
	}
	//通用的红色背景盒子
	.commonRedBj{
		background: rgba(255, 255, 255, 0.6);
		border: 2rpx solid #FB5637;
		box-shadow: inset 0px 0px 10rpx 6rpx rgba(251, 86, 55, 0.4);
		border-radius: 28rpx;
	}
	//通用的绿色背景盒子
	.commonGreenBj{
		background: rgba(255, 255, 255, 0.6);
        border: 2px solid #36C372;
		box-shadow: inset 0px 0px 10rpx 6rpx rgba(54,195,114,0.4);
		border-radius: 28rpx;
	}
	//通用的线
	.commonLine{
		height: 1rpx;
		background: rgba(238, 238, 238, 0.5);
	}
	
	.commonMb{
		margin-bottom: 44rpx;
	}
	
	.commonMt{
		margin-top: 22rpx;
	}
	
	.buttonLang{
		// height: 85rpx !important;
		// background: linear-gradient(180deg, #FFD334 0%, #F59A02 100%);
		// box-shadow: 0px 2rpx 13rpx 0px rgba(27, 43, 95, 0.25);
		// border-radius: 28rpx !important;
		color: #FFFFFF !important;
		font-weight: bold;
		font-size: 30rpx !important;
		border-width: 0 !important;
	}
	// form必填图标
	.redCircle {
		width: 15rpx;
		height: 15rpx;
		background: #FC5536;
		border-radius: 50%;
	}
	.greenCircle{
		width: 15rpx;
		height: 15rpx;
		background: #36C372;
		border-radius: 50%;
		 margin-top: 12rpx;
	}
	// form非必填图标
	.redCircleNo {
		width: 15rpx;
		height: 15rpx;
		border: 2rpx solid #FC5536;
		border-radius: 50%;
	}
	// form label的样式
	.itemText {
		font-size: 28rpx;
		font-weight: bold;
		color: #495B93;
		margin-left: 15rpx;
		margin-right: 30rpx;
		white-space:nowrap;
	}
	// form 红色label的样式 反驳列表红色文字
	.redText {
		font-size: 28rpx;
		font-weight: bold;
		color: #FC5536;
	}
	//已通过
	.greenText{
		font-size: 28rpx;
		font-weight: bold;
		color: #007C3C;
		
	}
	//圆的外边距
     .mCircle{
		 margin-top: 12rpx;
	 }
	//列表上字通用的样式
	.listText {
		font-size: 26rpx;
		font-weight: 400;
		color: #485B93;
	}
	// form表单上的标题样式
	.listTitle{
		font-size: 28rpx;
		font-weight: bold;
		color: #FFFFFF;
		margin-left: 23rpx;
		line-height: 69rpx;
	}
	//详情的文字
	.infoText{
			font-size: 28rpx;
			font-weight: 400;
			color: #333333;
	}
	//状态已绑定
	.stateText{
		color: #007C3C;
		font-size: 28rpx;
		font-weight: bold;
	}
	//状态未绑定
	.nostateText{
		color: #FC5536;
		font-size: 28rpx;
		font-weight: bold;
	}
	//flex 垂直居中
	.flexAlignCenter{
		display: flex;
		// align-items: center;
	}