/*rem和px转化*/

html {
	font-size: 62.5%;
	color: #343434;
	font-size: 0.9rem;
}


/*a标签跳转闪屏解决*/

html {
	-webkit-tap-highlight-color: none
}

html {
	-webkit-tap-highlight-color: transparent;
}


/*适配iphone*/

body {
	margin: 0px;
	padding: 0px;
	-webkit-overflow-scrolling: touch;
	position: static;
}

body {
	background: #FFFFFF;
	padding-top: constant(safe-area-inset-top);
	padding-left: constant(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-bottom: constant(safe-area-inset-bottom);
}

body {
padding-bottom: constant(safe-area-inset-bottom);
}

/*自适应脚本*/
body{
	font-size: 1rem;
	/*color: #343434;*/
}

/*ipone滚动条卡顿问题解决*/

overflow-y:scroll {
	-webkit-overflow-scrolling: touch;
}


/*遮罩层布局*/

#loading_all {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
	top: 0rem;
	bottom: 0rem;
	z-index: 999;
	background-color: #FFFFFF;
}


/*滚动条禁用解除*/

.scoll_dis {
	overflow: scroll;
	overflow-y: hidden;
}


/*上中下布局*/

#page1 {
	margin: 0 auto;
	width: 100%;
}

#header1 {
	width: 100%;
	height: 3.85rem;
	position: absolute;
	top: 0;
	background-color: #54d594;
	border-bottom: 1px solid #F0F0F0;
	line-height: 3.85rem;
}

#content1 {
	width: 100%;
	overflow: auto;
	position: absolute;
	top: 3.85rem;
	bottom: 0px;
}


/*布局调整*/

#header1 .header_tit1 .back:before {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 2px;
}

.header_tit1 h2 {
	text-align: center;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: normal;
}


/*顶部导航栏结束*/

#content1 .loading {
	text-align: center;
	width: 100%;
	margin-top: 28%;
}

#content1 .icon_load {
	padding: 1.3rem 0rem 1.5rem 0rem;
}

#content1 .loading .icon img {
	width: 5.38rem;
}

#content1 .loading .icon_name img {
	width: 9.23rem;
	padding-top: 0.46rem;
}

#content1 .loading img {
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}

#content1 .loading .icon_load img {
	width: 5.38rem;
}

#content1 .loading .icon_txt img {
	width: 8.1rem;
}


/*页面布局*/


/*布局*/

#page {
	margin: 0 auto;
	width: 100%;
	
}
#pagePay{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

#header {
	width: 100%;
	height: 3rem;
	position: absolute;
	top: 0;
	background-color: #F28C63;
	-webkit-background-size: cover;
	background-size: cover;
	border-bottom: 1px solid #F0F0F0;
	line-height: 3rem;
}

#content {
	width: 100%;
	/*height: 100%;*/
	overflow: auto;
	position: absolute;
	top: 3rem;
	bottom: 0px;
	font-size:0.7rem;
}


/*布局调整*/

.header .header_tit .back:before {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 2px;
}

.header_tit h2 {
	text-align: center;
	color: #FFFFFF;
	font-size:1.2rem;
	font-weight: normal;
}
@media screen and (min-width:410px) and (max-width:768px) {
	.header_tit h2 {
		font-size:1rem;
	}
}
.mui-bar-nav.mui-bar .mui-icon {
	margin-right: -10px;
	margin-left: -10px;
	padding-right: 10px;
	padding-left: 10px;
}

.mui-bar .mui-icon {
	font-size: 24px;
	position: relative;
	z-index: 20;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mui-icon {
	font-family: Muiicons;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	display: inline-block;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.mui-pull-left {
	float: left;
}

.mui-icon-back:before,
.mui-icon-left-nav:before {
	content: " ";
	display: inline-block;
	/*height: 0.7rem;
	width: 0.7rem;*/
	height: 1rem;
	width: 1rem;
	border-width: 0 0 2px 2px;
	border-color: #FFFFFF;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	/*margin-top: -0.4rem;*/
	margin-top: -0.5rem;
	left: 1.1rem;
}


/*顶部导航栏结束*/


/*公共弹出提示框*/

#prompt_Box {
	position: fixed;
	z-index: 5000;
	width: 60%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #F0F0F0;
	display: none;
}


/*遮罩层*/

#prompt_Box_act {
	display: none;
}

#prompt_Box .prompt_Box_tittle {
	padding: 0.4rem 0em;
	text-align: center;
	border-bottom: 1px solid #F0F0F0;
	/*color: #2ABFFF;*/
}

#prompt_Box .prompt_Box_content {
	padding: 0rem 0.8rem 0em 0.8rem;
	/*min-height: 40px;*/
	font-size: 15px;
	/*line-height: 1.3;*/
	word-wrap: break-word;
	word-break: break-all;
	color: #999;
	text-align: center;
	vertical-align: middle;
	margin: 1.6rem 0rem;
}

#prompt_Box .prompt_Box_footer {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}

#prompt_Box .footer_cancel {
	float: left;
	width: 50%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}

#prompt_Box .footer_determine {
	float: left;
	width: 100%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}


/*#prompt_Box .footer_determine {
	float: left;
	width: 50%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}*/


/*公共弹出提示框end*/


/*确定提示框*/

#prompt_Box_sure {
	position: fixed;
	z-index: 5000;
	width: 60%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #F0F0F0;
	display: none;
}

#prompt_Box_sure .prompt_Box_tittle {
	padding: 0.4rem 0em;
	text-align: center;
	border-bottom: 1px solid #F0F0F0;
}

#prompt_Box_sure .prompt_Box_content {
	padding: 0rem 0.8rem 0em 0.8rem;
	font-size: 15px;
	word-wrap: break-word;
	word-break: break-all;
	color: #999;
	text-align: center;
	vertical-align: middle;
	margin: 1.6rem 0rem;
}

#prompt_Box_sure .prompt_Box_footer {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}

#prompt_Box_sure .footer_cancel {
	float: left;
	width: 50%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}

#prompt_Box_sure .footer_determine {
	float: left;
	width: 100%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}


/*确定提示框end*/


/*公共弹出提示框other取消和确定*/

#prompt_Box_other {
	position: fixed;
	z-index: 99999;
	width: 60%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #F0F0F0;
	display: none;
}

#prompt_Box_other .prompt_Box_tittle {
	padding: 0.4rem 0em;
	text-align: center;
	border-bottom: 1px solid #F0F0F0;
	/*color: #2ABFFF;*/
}

#prompt_Box_other .prompt_Box_content {
	padding: 0rem 0.8rem 0em 0.8rem;
	/*min-height: 40px;*/
	font-size: 15px;
	/*line-height: 1.3;*/
	word-wrap: break-word;
	word-break: break-all;
	color: #999;
	text-align: center;
	vertical-align: middle;
	margin: 1.6rem 0rem;
}

#prompt_Box_other .prompt_Box_footer {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}

#prompt_Box_other .footer_cancel {
	float: left;
	width: 50%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}

#prompt_Box_other .footer_determine {
	float: left;
	width: 50%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}


/*公共自定义弹出框*/

#prompt_Box_public {
	position: fixed;
	z-index: 5000;
	width: 60%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #F0F0F0;
	display: none;
}

#prompt_Box_public .prompt_Box_tittle {
	padding: 0.4rem 0em;
	text-align: center;
	border-bottom: 1px solid #F0F0F0;
}

#prompt_Box_public .public_content {
	padding: 0rem 0.8rem 0em 0.8rem;
	font-size: 15px;
	word-wrap: break-word;
	word-break: break-all;
	color: #999;
	text-align: center;
	vertical-align: middle;
	margin: 1.6rem 0rem;
}

#prompt_Box_public .public_footer {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}

#prompt_Box_public .public_determine {
	float: left;
	width: 100%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 0.4rem 0rem;
	box-sizing: border-box;
}

#publice_act{
	display: none;
}

/*公共弹出提示框end*/


/*加载弹出框居中调整*/

body .weui-toast {
	margin: 0 auto;
	left: 50%;
	top: 50%;
}


/*验证错误提醒*/

.Error_prompt {
	color: #ff3a3a;
	font-size: 0.9rem;
	margin: 0.6rem 0.9rem;
	display: none;
}


/*领取（关注）成功*/

#receiveState {
	position: fixed;
	z-index: 5000;
	width: 60%;
	max-width: 300px;
	top: 80%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	background: #333333;
	border-radius: 0.5rem;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

#receiveState .receiveState_txt {
	color: #FFFFFF;
	padding: 0.5rem 0rem;
	display: block;
	font-size: 1rem;
}


/*待开发功能*/

.continued_up {
	padding: 1.125rem;
	font-size: 1rem;
	color: #343434;
}


/*文本展开*/

.txt_open {
	font-size: 0.7rem;
}

.txt_open a {
	/*color: #2ABFFF;*/
	color: #757575;
}


/*iso退出*/


/*左侧隐藏*/

#float_icon {
	overflow: hidden;
}

#float_icon #float_img {
	height: 3.2rem;
	position: absolute;
	top: 40%;
	left: -1.6rem;
	z-index: 1000;
	display: none;
}

