@charset "utf-8";

body {
	/*top: 0;
	left: 0;*/
	padding: 0.2rem;
	background: #272833 url("../img/body_bg.png") no-repeat;
  	background-size: 100% 100%;
  	/*position : fixed;*/
  	overflow-y: auto;
  	-webkit-overflow-scrolling:touch;
}

/*body {	qr_code.css
	padding: 0.2rem;
	background: #272833 url("../img/body_bg.png") no-repeat;
  	background-size: 100% 100%;
  	overflow-y: auto;
  	-webkit-overflow-scrolling:touch;
}*/

.big_title {
	width: 100%;
	height: 0.8rem;
	line-height: 0.6rem;
	font-size: 0;
	text-align: center;
}

.big_title span {
	color: #f74d47;
	height: 100%;
	font-size: 0.46rem;
	line-height: inherit;
	display: inline-block;
}

.big_title span:first-child {
	padding-right: 0.1rem;
}

.big_title span:last-child {
	padding-left: 0.1rem;
}

img.baner {
	width: 100%;
	height: auto;
	display: inline-block;
}

.floor ul {
	padding: 0.14rem 0.3rem 0.26rem 0.3rem;
}

p.title {
	width: 100%;
	height: 0.6rem;
	color: #f74d47;
	font-size: 0.24rem;
	line-height: 0.6rem;
	font-weight: 700;
}

.point {
	width: 0.1rem;
	height: 0.2rem;
	background: #f74d47;
	border-radius: 0.04rem;
	display: inline-block;
}

p.title .point {
	margin-right: 0.1rem;
}

ul li {
	position: relative;
}

ul li .error {
	right: 0;
	color: #f74d47;
	bottom: -0.3rem;
	font-size: 0.18rem;
	position: absolute;
}

li input {
	width: 100%;
	height: 0.8rem;
	color: #f74d47;
	text-align: center;
	font-size: 0.28rem;
	line-height: 0.44rem;
	padding: 0.18rem 0.2rem;
	border: 1px solid #f74d47;
	border-radius: 0.18rem;
}

button {
	color: #fff;
	width: 100%;
	height: 1.4rem;
	font-size: 0.4rem;
	text-align: center;
	line-height: 1.4rem;
	background: url("../img/button1.png") no-repeat;
	background-size: 100% 100%;
}

button.active {
	background: url("../img/button2.png") no-repeat;
	background-size: 100% 100%;
}


/*二维码弹窗*/
.floor ul.qrcode{
	padding-top: 0.2rem;
}

.qrcode li {
	overflow: hidden;
}

.qrcode .font {
	height: 1.62rem;
	overflow: hidden;
	margin-bottom: 0.34rem;
}

.qrcode .qrImg {
	width: 100%;
	height: auto;
	padding: 0.4rem;
	min-height: 5.908rem;
	background: #f1f2f3;
	border-radius: 0.3rem;
	margin-bottom: 0.24rem;
}

.qrcode .remark {
	color: #f74d47;
	font-size: 0.28rem;
	text-align: center;
}

.qrcode .font .bg{
	float: left;
	width: 0.34rem;
    height: 100%;
    display: block;
    background: #f74d47;
   border-radius: 0.04rem;
}

.qrcode .font p {
	color: #f74d47;
	background: #fff;
	font-size: 0.28rem;
	padding-left: 0.56rem;
	margin-bottom: 0.04rem;
}

.qrcode .font p:last-child {
	margin-bottom: 0rem;
}

.qrcode .font p.mb5 {
	margin-bottom: 0.05rem;
}

.qrcode .font span {
	font-weight: 900;	
}

.qrcode .font span.name {
	font-weight: normal;
	height: 0.3rem;
	line-height: 0.3rem;
}

.qrcode li .ft46 {
	font-size: 0.46rem;
}

.qrcode li .line28 {
	height: 0.28rem;
	line-height: 0.28rem;
}

.qrcode li .line30 {
	height: 0.3rem;
	line-height: 0.3rem;
}

.qrcode li .line46 {
	height: 0.46rem;
	line-height: 0.46rem;
}

.qrcode li .line48 {
	height: 0.48rem;
	line-height: 0.48rem;
}

.qrcode .qrImg img {
	width: 100%;
	height: auto;
	border-radius: 0.1rem;
}

.qrcode .remark p:first-child {
	color: #272833;
}

div.down {
	margin-top: 0.1rem;
}

.down button {
	width: 100%;
	height: 1.42rem;
	overflow: hidden;
	background: url("../img/button2.png") no-repeat;
	background-size: 100% 100%;
}

.qrcode .img_line {
	bottom: 1.26rem;
}