@charset "UTF-8";
html {
	font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif;
	color:#666666;
	display:block;
	height:100%;
}
body {
	height:100%;
	background:#a1d9f0 url(./../img/bgs.jpg) no-repeat center bottom;
	background-size:100%;
	overflow:hidden;
}
blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul {
	margin:0;
	padding:0;
	font-style:normal;
	outline:none;
	border:none;
}
body {
	display:block;
	font-size:12px !important;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var {
	font:inherit;
}
del,ins {
	text-decoration:none;
}
li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:after,q:before {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#666;
}
.clear {
	clear:both;
}
.clearFix:after {
	clear:both;
	content:".";
	display:block;
	margin:0;
	padding:0;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}
.clearFix {
	*zoom:1;
}
pre {
	white-space:pre-wrap;
	word-wrap:break-word;
}
pre {
	margin-left:2em;
}
a {
	text-decoration:none;
	color:#312e2e;
	-webkit-tap-highlight-color:transparent;
}
.fotter {
	bottom:3%;
	width:100%;
	text-align:center;
}
a:hover {
	text-decoration:none;
	cursor:pointer;
}
.center {
	text-align:center;
}
.left {
	float:left;
}
.right {
	float:right;
}
input:focus {
	border-color:none;
	outline:0;
}
::-webkit-input-placeholder {
	color:#999 !important;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(-360deg);
	}
	100% {
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(0);
	}
}@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin:center center;
		-moz-transform:rotate(-360deg);
	}
	100% {
		-moz-transform-origin:center center;
		-moz-transform:rotate(0);
	}
}
.mgT10 {
	margin-top:0.1rem!important;
}
.mgT20 {
	margin-top:0.2rem!important;
}
.mgT30 {
	margin-top:0.3rem!important;
}
.mgT40 {
	margin-top:0.4rem!important;
}
.mgT50 {
	margin-top:0.5rem!important;
}
.mgL10 {
	margin-left:0.1rem!important;
}
.mgL20 {
	margin-left:0.2rem!important;
}
.mgL30 {
	margin-left:0.3rem!important;
}
.mgL40 {
	margin-left:0.4rem!important;
}
.mgL50 {
	margin-left:0.5rem!important;
}
.mgR10 {
	margin-right:0.1rem!important;
}
.mgR20 {
	margin-right:0.2rem!important;
}
.mgR30 {
	margin-right:0.3rem!important;
}
.mgR40 {
	margin-right:0.4rem!important;
}
.mgR50 {
	margin-right:0.5rem!important;
}
.mgB10 {
	margin-bottom:0.1rem!important;
}
.mgB20 {
	margin-bottom:0.2rem!important;
}
.mgB30 {
	margin-bottom:0.3rem!important;
}
.mgB40 {
	margin-bottom:0.4rem!important;
}
.mgB50 {
	margin-bottom:0.5rem!important;
}
.mgB100 {
	margin-bottom:1rem!important;
}
.text-center {
	text-align:center;
}
.model-phone {
	text-align:center;
	/* position:absolute;
	*/

	width:100%;
	/* height:100%;
	*/

	top:0;
	left:0;
}
.model-phone-2 {
}
.toHref {
	/* position:absolute;
	*/
	right:0.2rem;
	top:0.2rem;
	font-size:0.26rem;
}
.icon {
	height:1rem;
	padding:.3rem 0 0 .5rem;
}
.icon img {
	float:left;
	height:0.6rem;
}
.app_image {
	width:860px;
	height:399px;
	margin:0 auto;
	padding-top:1.2rem;
}
.app_image img {
	float:left;
	width:200px;
	height:atuo;
	margin-right:20px;
}
.app_image img:last-child {
	margin-right:0;
}
.name {
	margin:0.5rem 0 0 0;
}
.name img {
	width:3rem;
}
.codeing {
	width:860px;
	height:.5rem;
	line-height:.5rem;
	text-align:center;
	margin:0 auto 0 auto;
	padding-top:.2rem;
	color:#353535;
	font-size:18px;
	font-weight:bold;
}
.button {
	padding:.6rem 0 0;
}
.button a {
	margin:0 5%;
}
.button a img {
	width:3.8rem;
}
.button a:hover img {
	/*width:390px;
	*/
}
.tips {
	display:block;
	bottom:20px;
	width:100%;
	text-align:center;
	color:#1a1a1a;
	padding-bottom:20px;
}
.concat {
	display:block;
	bottom:30px;
	width:100%;
	text-align:center;
	color:#1a1a1a;
	font-size:12px;
	/* margin:50px auto 0 auto;
	*/
	padding:20px 0 10px 0;
}
.concat a {
	font-size:12px;
	color:#1a1a1a;
	display:block;
}
.wecaht {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.wecaht img {
	width:100%;
	height:100%;
	vertical-align:middle;
}
/* @media only screen and (max-width:750px) {
	html {
	font-size:40px!important;
}
.model-phone {
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.model-phone-2 {
	}body {
	width:750px;
	margin:0 auto;
}
.icon {
	margin:1rem 0 0px 0;
}
.name {
	margin:1.2rem 0 0px 0;
}
.button a {
	display:block;
	margin-bottom:1rem;
}
.tips {
	font-size:12px;
}
.concat {
	font-size:12px;
	bottom:44px;
}
.concat a {
	font-size:12px;
}
}*/



/* @media only screen and (max-width:320px) {
	.model-phone {
	padding-bottom:60px;
}
}*/

@media screen and (max-width:860px) {
	body {
		background:#a1d9f0;
		overflow:auto;
	}
	.model-phone {
		background:#a1d9f0 url(./../img/bgs.jpg) no-repeat center bottom;
		background-size:100%;
	}
	.app_image {
		width:420px;
		height:818px;
	}
	.app_image img:nth-child(2n) {
		margin:0;
	}
	.app_image img:first-child,.app_image img:nth-child(2) {
		margin-bottom:20px;
	}
	.concat,.tips {
		font-size:12px;
	}
	.tips {
		}.codeing {
		width:420px;
		font-size:16px;
		height:1rem;
		padding-top:2rem;
	}
	.button {
		margin-top:1rem;
	}
	.button a img {
		width:4.8rem;
	}
	.icon {
		height:2.2rem;
	}
	.icon img {
		width:2.5rem;
	}	
}
@media screen and (max-width:420px) {
	.app_image {
		width:200px;
		height:1666px;
	}
	.app_image img {
		margin-right:0;
		margin-bottom:20px;
	}
	.codeing {
		width:200px;
		font-size:13px;
	}
	.button a img {
		width:6.8rem;
	}
	.icon img {
		width:4rem;
	}
}