.content, .main {
	overflow: hidden;
	position: relative
}
html { background: #f5f5f5;background:#07c160;}
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;	
	background:#07c160;
	font-weight: 300;
	font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif
}
.main {
	min-height: 100%
}
.content {
	width: 611px;
	margin: 5% auto 80px;
	text-align: center
}
.tips {
	color: #fff;
	font-size: 16px;
	display: block
}
.tips img {
	width: 16px;
	margin-top: -3px;
	margin-right: 6px;
	vertical-align: middle
}
.tips span {
	color: #ff0
}
.logo {
	width: 60px; height: 60px;
	margin: 0 auto;
	display: block;
	background: url(../images/logo.png) no-repeat;
	background-size: 100%
}
.code {
	width: 192px;
	height: 192px;
	margin: 50px auto 0;
	border-radius: 6px;
	padding: 6px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}
.code img {
	width: 180px
}
.btn-list a {
	background: #fff;
	color: #07c160;
	display: none;
	text-align: left;
	width: 270px;
	height: 63px;
	padding-left: 67px;
	border-radius: 36px;
	text-decoration: none;
	font-size: 25px;
	position: relative;
	padding-top: 7px;
	cursor: pointer;
	margin: 22px auto 0
}
.bottom, .handover {
	text-align: left;
}
.btn-list i, .handover, .shadow {
	position: absolute
}
.btn-list i {
	display: block;
	width: 32px;
	height: 40px;
	left: 26px;
	top: 14px
}
.btn-list p {
	margin: 0;
	font-size: 14px
}
.font, .shadow {
	font-size: 16px;
	line-height: 30px
}
.shadow {
	display: none;
	background: rgba(0,0,0,.8);
	top: 50%;
	left: 50%;
	margin-left: -137px;
	margin-top: -46px;
	width: 242px;
	height: 60px;
	color: #fff;
	border-radius: 8px;
	padding: 16px
}
.ios {
	background: url(../images/ios.png) no-repeat;
	background-size: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}
.android, .tool {
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast
}
.android {
	background: url(../images/android.png) no-repeat;
	background-size: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}
.handover, .tool {
	image-rendering: -moz-crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}
.tool {
	background: url(../images/tool-h.png) no-repeat;
	background-size: 100%;
	image-rendering: crisp-edges
}
.android-bottom, .btn-list .android-btn, .btn-list .tool-btn {
	display: block
}
.btn-list .tool-btn {
	color: #fff;
	background: 0 0;
	border: 1px solid #fff
}
.font {
	color: #77420d;
	margin-top: 150px
}
.font p {
	margin: 0;
	font-weight: 400
}
.font a {
	color: #e55100;
	text-decoration: none
}
.bottom {
	display: none;
	color: #fff;
	font-size: 18px;
	line-height: 33px;
	margin-top: 32px
}
.android-bottom, .handover {
	display: inline-block
}
.bottom p {
	margin: 0
}
.bottom p a, .bottom p span {
	text-decoration: none;
	color: #ff0
}
.handover {
	color: #fff;
	bottom: 0;
	left: 50%;
	margin-left: -72.5px;
	cursor: pointer;
	font-size: 20px;
	padding-left: 30px;
margin-bottom:.3rem;
	background: url(../images/handover.png) left no-repeat;
	background-size: auto 100%;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges
}
.handover a{
	color: #fff;
}
@media screen and (max-width:1000px) {
body, html {
	background: #07c160;
	background-size: 100%
}
.content {
	width: auto;
	margin: 0 auto;
	height: auto;
	padding: 0;
	background: 0 0;
}
.logo {
	width: 60px; height: 60px;
	margin:1.24rem auto .24rem;
	background: url(../images/logo.png) no-repeat;
	background-size: 100%
}
.tips {
	color: #fff;
font-size:.32rem;
	display: block
}
.font {
	display: none
}
.tips img {
width:.32rem;
margin-top:-.03rem;
margin-right:.06rem;
	vertical-align: middle
}
.code {
	width: 220px;
	height: 200px;
margin:.85rem auto 0;
	border-radius: 6px;
	padding: .26px
}
.code img {
	width: 200px;	
}
.btn-list {
	position: initial;
	margin-top: 1rem;
	display: block
}
.btn-list a {
	width: 4.26rem;
height:.88rem;
	padding-left: 1.49rem;
border-radius:.49rem;
font-size:.32rem;
padding-top:.1rem;
	text-align: left;
	display: none;
	background: #fff;
	color: #07c160;
margin:0 auto .55rem
}
.btn-list i {
left:.8rem;
top:.24rem
}
.btn-list p {
	margin: 0;
font-size:.22rem
}
.btn-list .ios {
	width:.4rem;
	height:.5rem;
	background: url(../images/ios.png) no-repeat;
	background-size: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}
.btn-list .android {
width:.46rem;
height:.54rem;
	background: url(../images/android.png) no-repeat;
	background-size: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}
.btn-list .tool-btn {
	color: #fff;
	background: 0 0;
	border: 1px solid #fff
}
.btn-list .tool {
width:.44rem;
height:.46rem;
	background: url(../images/tool-h.png) no-repeat;
	background-size: 100%
}
.bottom {
	color: #fff;
	text-align: left;
	font-size:.28rem;
	line-height:.5rem;
	margin-top:.38rem;
	margin-bottom: 1.5rem
}
.handover {
	bottom: 0;
	left: 50%;
	margin-left: -1.125rem;
font-size:.3rem;
padding-left:.45rem;
margin-bottom:.3rem
}
}
@media screen and (max-width:375px) {
.btn-list a {
	padding-left: 1.1rem;
	width: 4.75rem
}
.btn-list i {
left:.45rem
}
}