@charset "utf-8";
/*移动端样式重置*/
body{position: relative;}
html,
body {
	font-family: "arial", 'Microsoft Yahei';
	*font-family: "微软雅黑";
	*font-family: "Microsoft Yahei";
	color: #666;
}
html{font-size: 100px;}
html, body{ overflow: hidden; height: 100%;}
a{ text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{ margin:0;}
ol,ul,li,dl,dt,dd{ margin:0; padding:0; list-style: none;}
body{font-size: 14px;color: #666666}
.after:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
input[type="button"],input[type="submit"],input[type="reset"],textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;} 
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body.mhome{
	padding: 0;
    min-width: 300px;
    max-width: 640px;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;/*溢出为touch事件*/
    -webkit-text-size-adjust: 100%;/*清除浏览器默认字号大小,横竖屏时字号不变*/
    text-size-adjust: 100%;
	background: #f6f7f8;
}
/*===通用===*/
.clear{clear: both;}
.mt2{margin-top: 2% !important;}
.mb2{margin-bottom: .1rem !important;}
.pt2{padding-top: 2% !important;}
.pb2{padding-bottom: 2% !important;}
.mt0{margin-top: 0% !important;}
.mb0{margin-bottom: 0% !important;}
.pt0{padding-top: 0% !important;}
.pb0{padding-bottom: 0% !important;}
.after:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.bgfff{background: #fff;}
/* 首页 */
.wrapper{
    width: 100%;
	left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	background-color: #c71d24;
}
.scrollbox{
    position: relative;
    overflow: hidden;
}
.topBox{
	position: relative;
	width: 100%;
	height: 5.83rem;
	padding-top: 3.65rem;
}
.topBox .bg{
	position: absolute;
	width: 100%;
	height: 5.835rem;
	top: 0;
	left: 0;
}
.form{
	position: relative;
	width: 3.2rem;
	margin: 0 auto;
	z-index: 2;
}
.form li{
	background: #f2f0f0;
	padding: .05rem;
	/* border: 1px solid #911010; */
	border-radius: 2px;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .15rem;
}
.form input{
	-webkit-flex: 1;
	flex: 1;
	display: block;
	height: .375rem;
	padding: 0 .1rem;
	color: #575b5c;
	font-size: .14rem;
	background: none;
	border: none;
	outline: 0;
}
.form .hqbtn{
	width: 1.3rem;
	background: none;
	border: none;
	outline: 0;
	height: .32rem;
	color: #d20a10;
	font-size: .15rem;
	border-left: 1px solid #a8a8a8;
	padding: 0;
	display: block;
}
.subBtn{
	display: block;
	width: 100%;
	height: .46rem;
}
.subBtn img{
	width: .46rem;
	width: 3.25rem;
	display: block;margin: 0 auto;
}
.form .tip{
	font-size: .12rem;
	color: #f4b796;
	line-height: 2em;
	text-align: center;
	margin-top: .05rem;
}
.centerBox img{
	display: block;
	width: 100%;
}

.layercode{
	position: absolute;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
	display: none;
	width: 86%;
}
.mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
.confirmBox{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 3.1rem;
	border-radius: .06rem;
	overflow: hidden;
}
.confirmBox h3 img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.confirmBox .text{
	background-color: #fff;
	padding: .25rem;
	font-size: .15rem;
	color: #191919;
	line-height: 2em;
}
.confirmBox .btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .25rem;
}
.confirmBox .btn img{
	height: .33rem;
	display: block;
}