xiaochengxu/common/demo.scss

.main{
	opacity: 1;
	border-radius: 0px;
	overflow: scroll;
	touch-action: auto;
	flex-direction: column;
	display: flex;
	margin: 0 auto;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	height: 100%;
	background-color: #F6F6F6;
}
.back{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:#F6F6F6 //
}
///全局的formitem style
.form_item_global{
	width: 702rpx;
	height: 110rpx;
	//background-color: #1CBBB4;
	position: relative;
	border-radius: 20rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
///表单外围框，全局通用
.form_out_box_global{
	width: 702rpx;
	//background-color: #0081FF;
	border-radius: 20rpx;
	position: relative;
	left: 24rpx;
}
///表单title的text的styler
.form_title_global{
	height: 40rpx;
	font-size: 28rpx;
	font-weight: 400;
	color: #333333;
	opacity: 1;
}
///全局表单输入框的style
.form_input_global{
	width: 550rpx;
	height: 90rpx;
	text-align: right;
	font-size: 28rpx;
	font-weight: 400;
	color: #333333;
	//background-color: #6739B6;
	//right: 10rpx;
	//position: absolute;
}
///form表单输入框全局占位字体style
.form_input_placeholder_global{
	height: 40rpx;
	text-align: right;
	font-size: 28rpx;
	font-weight: 400;
	color: #999999;
}
//通用确定按钮，你需要放在最外层
.confirm_button_global{
	width: 702rpx;
	height: 90rpx;
	background: #D49B4B;
	opacity: 1;
	border-radius: 93rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 36rpx;
	font-weight: 400;
	color: #FFFFFF;
}

.confirm_button_hover_class{
	opacity: 0.8;
}

.cancel_button_hover_class{
	color: #333333;
}

///取消或者退出等按钮的全局style
.cancel_button_global{
	width: 702rpx;
	height: 90rpx;
	background: #FFFFFF;
	border: 1rpx solid #D49B4B;
	opacity: 1;
	border-radius: 93rpx;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36rpx;
	font-weight: 400;
	color: #D49B4B;
}