@charset "utf-8";

/* 基础 */
html,body{height:100%;}
html{font-size: 100px;}
body{font-size:.28rem;font-family:'Arial','\5FAE\8F6F\96C5\9ED1',sans-serif;line-height:1;color: #000;background:#fff;-webkit-text-size-adjust:100%;}
body,ol,ul,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li{list-style:none}
a,a:hover{text-decoration:none;outline-width:0;outline:0}
i,em,b,strong,code{font-style:normal;font-weight:normal}
input,textarea,button,label{font-family:inherit;font-size:inherit;*font-size:100%;border:0;-webkit-appearance:none;appearance:none;background-color:transparent;border-radius:0}
a,i,span,li,input,textarea,select,button{-webkit-tap-highlight-color:transparent}
input[type=button],input[type=submit],button{cursor:pointer}
table,tbody,tr,th,td{border-collapse:collapse;border-spacing:0}
:focus{outline:none;-webkit-tap-highlight-color:transparent}
::-webkit-input-placeholder{color:#ccc}
:-moz-placeholder{color:#ccc}
::-moz-placeholder{color:#ccc}
:-ms-input-placeholder{color:#ccc}
img{border:0;vertical-align:top;max-width:100%}

/* flex布局 */
.flex{
	display: flex;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.justify-start{ display: flex; justify-content: flex-start;}
.justify-end{ display: flex; justify-content: flex-end;}
.justify-center{ display: flex; justify-content: center;}
.justify-around{ display: flex; justify-content: space-around;}
.justify-between{ display: flex; justify-content: space-between;}

.flex-wrap{ display: flex; flex-wrap: wrap;}
.flex-column{ display: flex; flex-direction: column;}
.align-start{ display: flex; align-items: flex-start;}
.align-center{ display: flex; align-items: center;}
.align-end{ display: flex; align-items: flex-end;}



.hidden{
	display: none;
	overflow: hidden;
}

.footer{
	width: 100%;
	padding: .2rem 0;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
	border-radius: .4rem .4rem 0 0;
	box-shadow: 0 -.1rem .2rem rgba(0, 0, 0, .05);
}
.footer li{
	width: 20%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: .4rem;
}
.footer li a{
	display: block;
	padding-top: .56rem;
	color: #5e5e5e;
}
.footer li.on a{
	color: #ff5035;
}
.footer .foot_1{
	background-image: url(../images/foot01.png);
}
.footer .foot_1.on{
	background-image: url(../images/foot01on.png);
}
.footer .foot_2{
	background-image: url(../images/foot02.png);
}
.footer .foot_2.on{
	background-image: url(../images/foot02on.png);
}
.footer .foot_3{
	background-image: url(../images/foot03.png);
}
.footer .foot_3.on{
	background-image: url(../images/foot03on.png);
}
.footer .foot_4{
	background-image: url(../images/foot04.png);
}
.footer .foot_4.on{
	background-image: url(../images/foot04on.png);
}
.footer .foot_5{
	background-image: url(../images/foot05.png);
}
.footer .foot_5.on{
	background-image: url(../images/foot05on.png);
}

/* 盒子 */
.container{
	width: 100%;
	position: relative;
}

/* 详情支付 */
.alert-xq{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	overflow: hidden;
}
.alert-xq img{
	position: absolute;
	bottom: 0;
}
.alert-xq.on{
	display: block;
}
.alert-xq-btn{
	width: 3.3rem;
	height: .8rem;
	position: absolute;
	bottom: 1.36rem;
	right: .32rem;
}
.zhifu-btn{
	width: 5.6rem;
	height: 1rem;
	position: absolute;
	bottom: .7rem;
	right: .96rem;
}


@media screen and (min-width:751px){
.container{
	width: 750px;
	margin: 0 auto;
}
}