@charset "UTF-8";

/*样式重置*/

html {
	height: 100%;
}

body {
	font-family: Microsoft YaHei, PingFang SC, -apple-system, SF UI Text, Arial, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	line-height: 1;
	height: 100%;
	background: url(../images/body_bg.jpg) repeat-y center;
	background-size: 6.4rem;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	
	width: 6.4rem;
	margin: 0 auto;
}

a,
address,
article,
aside,
b,
center,
div,
form,
h1,
h2,
h3,
h4,
header,
html,
input,
li,
nav,
ol,
p,
select,
span,
strong,
textarea,
ul {
	padding: 0;
	margin: 0;
	outline: none;
}

b,
h1,
h2,
h3,
h4,
strong {
	font-weight: normal;
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

li {
	list-style: none;
}
input, select, textarea{
	font-family: Microsoft YaHei, PingFang SC, -apple-system, SF UI Text, Arial, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

/*样式归纳*/

.border-b1,
.border-l1,
.border-t1 {
	position: relative;
}

.border-b1:after,
.border-l1:after,
.border-t1:after {
	position: absolute;
	z-index: 2;
	content: ' ';
}
.border-t1:after {
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
}


.border-b1:after {
	bottom: 0;
	left: 0;
	right: 0;

}

.border-l1:after {
	top: 0;
	bottom: 0;
	left: 0;
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
	.border-l1:after {
		-webkit-transform: scaleX(0.7);
		transform: scaleX(0.7);
	}
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.border-l1:after {
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
	}
}

@media (-webkit-min-device-pixel-ratio: 3) {
	.border-l1:after {
		-webkit-transform: scaleX(0.3);
		transform: scaleX(0.3);
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
	.border-b1:after, .border-t1:after {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7);
	}
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.border-b1:after, .border-t1:after {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
}

@media (-webkit-min-device-pixel-ratio: 3) {
	.border-b1:after, .border-t1:after {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3);
	}
}

.overflow1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.overflow2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.overflow3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.flex-r2 {
	font-size: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.flex-r2c, .flex-c2c {
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.flex-c2 {
	font-size: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.full-height{
	min-height: 100%;
}

.icon{
	display: block;
	background: url(../images/icon.png) no-repeat;
	background-size: 6.4rem;
}
.clear:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

#wrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#scroller {
	position: absolute;
	min-height: 100%;
	width: 6.4rem;
	left: 50%;
	margin-left: -3.2rem;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
/*index*/
.index-body {
	height: 100%;
	background: url(../images/index_bg.jpg) no-repeat center bottom;
	background-size: 6.4rem 10.43rem;
}
.landlord-card{
	width: 5.01rem;
	height: 6.47rem;
	margin-top: .44rem;
}
.landlord-card img{
	width: 100%;
}
.user-select{
	margin: .4rem 0;
}
.user-select a{
	display: block;
	background: url(../images/bnt_bg.png) no-repeat;
	background-size: 2.51rem;
	width: 2.3rem;
	height: .79rem;
	text-align: center;
	line-height: .79rem;
	font-size: 14px;
	color: #fff;
}
/*pintuan*/

.init-body{
	background: url(../images/inner_bg.jpg) no-repeat center bottom;
	background-size: 6.4rem ;
	padding-top: 0;
	width: 6.4rem;
	margin: 0 auto;
}
.init-body .team-rule, .init-body .addres-inf{
	padding:.38rem;
}
.xm-header{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 222;
	background: url(../images/header_bg.jpg) repeat-x;
	height: .98rem;
	background-size: 6.4rem;
}
.header-bnt{
	position: absolute;
	left: 0;
	top: 0;
	width: .98rem;
	height: .98rem;
}
.header-bnt .goback{
	width: .17rem;
	height: .3rem;
	background-position: 0 0;
	margin: .34rem auto;
}
.xm-header h4{
	font-size: .28rem;
	text-align: center;
	width: 100%;
	font-weight: bold;
}
.has-header{
	padding-top:.98rem ;
}

.init-body .flex-items{
	font-size:.24rem;
	line-height: 1.2;
	color: #000;
}
.team-rule-items{
	margin-bottom: .25rem;
}
.team-rule-items .left{
	width:2.5rem;
	text-align: left;
}
.team-rule-items .left span{
	margin-left: -.1rem;
}
.team-rule-items .right{
	width:1rem
}

.xm-checkbox{
	width: .6rem;
	height: .6rem;
	margin-top: -.15rem;
	margin-right: -.15rem;
	float: right;
}
.xm-checkbox span{
	display: block;
	width: .3rem;
	height: .3rem;
	background-position: 0 -.34rem;
	float: right;
	margin: .15rem .15rem 0 0;
}
.xm-checkbox.selected span{
	background-position: 0 -.66rem;
}
.xm-checkbox input{
	width: 100%;
	height: 100%;
	opacity: 0;
}
.decimal{
	font-size: .18rem;
	font-style: normal;
}
.xm-count{
	font-size: 0;
	width: 2rem;
	float: right;
}
.xm-count .less, .xm-count .plus{
	width: .6rem;
	height: .6rem;
	overflow: hidden;
	text-indent: -200px;
	display: block;
}
.xm-count .plus{
	margin-right: -.15rem;
}
.xm-count .less i, .xm-count .plus i{
	width: .35rem;
	height: .3rem;
	display: block;
	margin: 0.15rem auto;
	overflow: hidden;
	text-indent: -200px;
}
.xm-count .less i{
	background-position: 0 -.98rem;
}
.xm-count .plus i{
	background-position: 0  -1.3rem;
}
.xm-count input.count{
	width: .8rem;
	height: .6rem;
	text-align: center;
	border: 0;
	background: none;
	font-size: 16px;
}
.count-money{
	margin-top: .1rem;
}
.count-money span{
	color: #e71f19;
}
.init-body .addres-inf{
	margin-top: -.76rem;
}
.address-list .flex-items{
	line-height: .64rem;
}
.address-list.border-t1:after{
	background-color: #fff;
}
.input-32{
	width: 4rem;
	height: .64rem;
	border: 0;
	background: none;
	font-size: .24rem;
}
.xm-select{
	height: .64rem;
	width: 1.8rem;
	background: none;
	border: 0;
	font-size: .24rem;
}
.full-input{
	width: 100%;
	height: .64rem;
	background: none;
	border: 0;
	font-size: .28rem;
}
.flex-items.self-heihgt{
	padding-top:.24rem;
	line-height: 1.3;
	font-size: .18rem;
}



.init-bnt{
	padding-bottom: .44rem;
}
.init-bnt a{
	display: block;
	width: 2.56rem;
	height: .56rem;
	border-radius: .28rem;
	background-color: #e71f19;
	margin:.12rem auto 0;
	text-align: center;
	line-height: .56rem;
	color: #fff;
	font-size: .28rem;
	box-shadow: 0 0 3px #d67f64;
}
.team-box{
	margin: .2rem;
	padding: .1rem .8rem;
	background: rgba(255,255,255,.7);
	border-radius: .05rem;
	display: none;
}
.team-box .team-list {
	margin: .1rem 0;
}
.team-box .team-list img{
	width: .64rem;
	height: .64rem;
	border-radius: 50%;
}
.team-box .team-text{
	font-size: .28rem;
	min-width: 3rem;
}
.team-box .join-bnt{
	width: .76rem;
	height: .3rem;
	line-height: .3rem;
	border-radius: .05rem;
	font-size: .2rem;
}
.progress{
	padding: .2rem .38rem 0;
}
.join-friends{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	font-size: 0;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.friends-items{
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: .76rem;
	margin:0 .1rem .15rem 0;
}
.friends-items img{
	width: .76rem;
	height: .76rem;
	border-radius: 50%;
}
.friends-items .join-num{
	margin:0 0 0 -.2rem;
	background-color: #ff0000;
	color: #fff;
	font-size: .12rem;
	height: .16rem;
	min-width: .16rem;
	line-height: .16rem;
	padding:.1rem;
	border-radius: .16rem;
	text-align: center;
}
.kemp:after{
	position: absolute;
	left: 0;
	top:-.1rem;
	z-index: 2;
	content: '';
	width: .36rem;
	height: .27rem;
	background: url(../images/huangguan.png);
	background-size: .36rem;
}
.progress-box{
	margin-top: -.5rem;
}
.progress-con{
	position: relative;
	height: .26rem;
}
.progress-length{
	position: absolute;
	left: 0;
	right: 1rem;
	top: .5rem;
	height: .16rem;
	background-color: #fff;
	border-radius: .08rem;
}
.progress-step{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	height: .16rem;
	border-radius: .08rem;
	width: 50%;
	background-color: #e71f19;
	box-shadow: 0 0 2px #b80b06;
}
.progress-num{
	position: absolute;
	font-size: .2rem;
	font-weight: bold;
	right: 0;
	top: .48rem;
	text-shadow: 0 0 20px #fff;
}
.progress-title{
	margin-top: -.1rem;
}
.progress-title span{
	font-size: .2rem;
	font-weight: bold;
	text-shadow: 0 0 20px #fff;
}


.late-layer{
	position: fixed;
	left: 0;
	top: 100px;
	bottom: 0;
	width: 100%;
	z-index: 999;
	display: flex;
	align-items: center;
}
.layer-con{
	width: 4.25rem;
	height: 5.65rem;
	background-color: #ecdfa6;
	border-radius: .05rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.close-bnt-box{
	display: flex;
	justify-content: flex-end;
	margin: .18rem .18rem 0 0; 
}
.close-bnt-box .close-bnt{
	width: .36rem;
	height: .36rem;
	background: url(../images/icon.png) 0 -1.62rem;
	background-size: 6.4rem;
}
.layer-text{
	font-size: .2426rem;
	color: #000;
	line-height: .4861rem;
	text-align: center;
	font-weight: bold;
}
.layer-bnt{
	margin-bottom: .27rem;
}
.layer-bnt a{
	display: block;
	width: 2.56rem;
	height: .54rem;
	margin: 0 auto .35rem;
	color: #fff;
	font-size: .24rem;
	font-weight: bold;
	text-align: center;
	line-height: .54rem;
	background-color: #e71f19;
	border-radius: .27rem;
}
.layer-bnt a.hover{
	background-color: #cb1b15;
}

.wuliu-inf{
	position: relative;
	width: 4.8rem;
	margin: 0 auto;
	border-left-color:#c5c5c5 ;
	padding: 0.5rem 0;
}
.wuliu-inf:after{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	content: '';
	border-left: 1px #c5c5c5 solid;
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
	.wuliu-inf:after {
		-webkit-transform: scaleX(0.7);
		transform: scaleX(0.7);
	}
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.wuliu-inf:after{
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
	}
}

@media (-webkit-min-device-pixel-ratio: 3) {
	.wuliu-inf:after{
		-webkit-transform: scaleX(0.3);
		transform: scaleX(0.3);
	}
}
.wuliu-list{
	margin-left: .28rem;
	font-size: .18rem;
	line-height: .2713rem;
}
.wuliu-list li{
	position: relative;
	padding: .2rem 0;
}
.wuliu-list li:after, .order-detial ul li:after, .order-list li:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	content: '';
	border-bottom: 1px #fff solid;
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
	.wuliu-list li:after, .order-detial ul li:after, .order-list li:after {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7);
	}
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.wuliu-list li:after, .order-detial ul li:after, .order-list li:after{
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
}

@media (-webkit-min-device-pixel-ratio: 3) {
	.wuliu-list li:after, .order-detial ul li:after, .order-list li:after{
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3);
	}
}
.wuliu-list li:first-child{
	color: #25ae62;
}
.wuliu-list li:before{
	position: absolute;
	left: -.32rem;
	top: .28rem;
	z-index: 2;
	content: '';
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background-color: #aaa;
}
.wuliu-list li:first-child:before{
	background-color: #25ae62;
}
.wuliu-list li:last-child:after{
	display: none;
}

.order-detial{
	width: 5.9rem;
	margin: 0 auto;
	font-size: .18rem;
	padding: .3rem 0;
}
.order-detial ul{
	
}
.order-detial ul li{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: .2rem 0;
}
.order-detial ul li .change-inf{
	color: #e71f19;
	padding-right: .15rem;
}
.order-detial ul li .change-inf.hover{
	color: #000;
}
.order-detial ul li .order-inf.edit{
	position: relative;
	padding-right: .3rem;
}
.order-detial ul li .order-inf.edit:after{
	position: absolute;
	right: 0;
	top: 0;
	width: .09rem;
	height: .16rem;
	content: '';
	background: url(../images/icon.png) 0 -2.1rem;
	background-size: 6.4rem;
}
.order-inner-bnt{
	display: flex;
	justify-content: flex-end;
	padding: .28rem 0;
}
.order-inner-bnt a{
	display: block;
	width: 1.8rem;
	height: .5rem;
	text-align: center;
	line-height: .5rem;
	font-size: .18rem;
	color: #fff;
	background-color: #e71f19;
	border-radius: .18rem;
}
.order-inner-bnt a.hover{
	background-color: #cb1b15;
}
.order-base-inf .order-img{
	max-width: 1rem;	
}
.order-base-inf .order-img img{
	max-width: 1rem;
}
.order-detail-text{
	text-align: right;
	line-height: 1.2;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.order-detail-text .order-decr{
	text-align: left;
	padding-left: .2rem;
}
.discount{
	text-decoration: line-through;
}
.faqipindi-box{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.dizhuzheng{
	width: 5.04rem;
	margin: .1rem auto;
}
.dizhuzheng img{
	width: 100%;
}
.invited-friends{
	margin: .5rem;
}
.invited-friends a{
	display: block;
	width: 2.58rem;
	height: .54rem;
	margin: 0 auto;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	line-height: .54rem;
	background-color: #e71f19;
	border-radius: .25rem;
}
.invited-friends a.hover{
	background-color: #cb1b15;
}
.share-notic{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 999;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	display: none;
}
.share-notic img{
	width: 4.92rem;
	margin: .5rem auto;
}

.order-list{
	width: 5.9rem;
	margin: 0 auto;
	padding:.5rem 0;
}
.order-list li{
	position: relative;
	padding: .3rem 0;
}
.order-list li:last-child:after{
	display: none;
}
.order-list li .order-header{
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: .18rem;
	margin-bottom: .3rem;
}
.order-list li .order-header .order-time{
	position: relative;
	color: #231804;
	padding-left: .5rem;
}
.order-list li .order-header .order-time:before{
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: .22rem;
	height: .22rem;
	background: url(../images/icon.png) 0 -2.32rem;
	background-size: 6.4rem;
}
.order-list li .order-header .order-status{
	color: #e71f19;
}
.order-list li .order-detail{
	display: flex;
	justify-content: space-between;
}
.order-list li .order-detail .order-img{
	max-width: 1rem;
}
.order-list li .order-detail .order-img img{
	max-width: 1rem;
}
.order-list li .order-detail .order-text-box{
	font-size: .18rem;
	color: #231804;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	line-height: 1.2;
}
.order-list li .order-detail .order-text-header{
	display: flex;
	justify-content: space-between;
}
.order-list li .order-detail .order-money{
	text-align: right;
}
.order-list li .order-detail .order-money .discount{
	color: #878787;
}
.addres-inf.change-address{
	margin-top: .2rem;
}
.bnt-box a.hover{
	background-color: #cb1b15;
}
.view-img-box{
	display: none;
}
.view-img-box .view-zheng{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	background: rgba(0,0,0,.5);
	display: flex;
	align-items: center;
}
.view-img-box .view-zheng img{
	width: 90%;
	margin: 0 auto;
}

.pay_alt{
	position:absolute;
	width:427px;
	height:565px;
	background: url(../images/pay_alt.jpg);
	left:106px;
	top:239px;
	display:none;
}