html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
html{font-size: 20px;}
body{ max-width: 640px; margin:0 auto; -webkit-user-select:​none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
html, body {position: relative;height: 100%;}
i{font-style: normal;}
input{outline: none;}
a{text-decoration: none; color: #fff;}
img{width:100%; display: block;}
/*loading*/
.swiper-container{width:100%;height:100%;}
.phone_show,.texts { max-width: 640px;margin: 0 auto;overflow-y: auto;}
.texts { position: absolute; left:0rem; top:13rem; z-index: 5;}
.phone_pages {width: 7.42rem;position: absolute;top: 2.1rem;border-radius: .05rem;overflow: hidden;left: 0.45rem;animation: fadeIn .5s linear 1s both;-webkit-animation: fadeIn .5s linear 1s both;}
.phone_pages img{display: block; border-radius: .1rem;}
.phone_show .phone {width: 8.25rem;position: absolute;left: 1rem;top: 2rem;z-index: 6;box-shadow: 0px 0px 62px rgba(0,0,0,.5);border-radius: 1.3rem;}
.texts{position: absolute; left:0; right:0; top:9.6rem; height:6.5rem; z-index: 3;background: rgba(255,255,255,.4);}
.logo{background: url(../images/mobile/logo.png) no-repeat left center; background-size:1.5rem; padding-left:1.8rem; color:#fff; font-size: 1.2rem; text-shadow: 0px 0px 1.5rem rgba(0,0,0,.5);font-weight: bold;}
.desc{color:#fff; font-size:1rem;font-weight: bold;text-shadow: 0rem 0rem 1.5rem rgba(0,0,0,.5);}
.logos{position: absolute; right:.5rem;top:.5rem;}
.down_btn {position: absolute;top: 20rem;left: 0;right: 0; z-index: 16;padding-bottom: .6rem;}
.down_btn .download{width:5.5rem; line-height:1.7rem; background: #41a952; border-radius:.2rem;text-align: center; color:#fff;font-size:.8rem;display: block; margin:0 auto;}
.wrapper-con{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
	max-width: 640px;
	margin: 0 auto;
	overflow-y: auto;
}

/*采招网logo*/
.logoczw_show{
	position: absolute;
	right: 1rem;
	top: 7rem;
	background: rgba(255,255,255,.4);
	z-index: 17;
}
.logoczw{
	height: 2rem;
	display: block;
	background: url(../images/mobile/logoczw.png) no-repeat left center;
	background-size:5rem;
	padding-left:5rem;
	z-index: 18;
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
	.phone_show .phone{top: 2.5rem;}
	.phone_pages{top: 2.1rem;}
	.down_btn{top: 20rem;}
}
@media (device-height:414px) and (-webkit-min-device-pixel-ratio:3){
	.phone_show .phone{top: 2.5rem;}
	.phone_pages{top: 2.1rem;}
	.down_btn{top: 20.5rem;}
	.texts_pages {position: absolute; right:.5rem;top:.5rem;}
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}