.pc{
	width:100%;
	height:100%;
	min-height:580px;
	background:url(sfondo.jpg) 50%/cover no-repeat
	}
.pc,
.pc .panel{position:absolute}
.pc .panel{
	width:380px;
	height:540px;
	background:#fff;
	border-radius:6px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	text-align:center
}
.pc .panel .title{
	width:90%;
	margin:50px auto 0;font-size:28px
	}
.pc .panel .title .icon{
	width:40px;
	height:40px;
	margin-top:30px;
	border-radius:4px;
	vertical-align:middle
	}
.pc .panel .title .logolife{
	width:80px;
	height:40px;
	border-radius:4px;
	vertical-align:middle
	}
.pc .panel .title span{
	display:inline-block;
	word-break:break-all;
	margin-left:14px;
	margin-top:30px;
	vertical-align:middle
	}
.pc .panel .type{
	margin-top:35px;
	font-size:14px;
	color:#4a4a4a
	}
.pc .panel .qr{
	width:220px;
	height:220px;
	margin:15px 0 30px;
	border-radius:4px
	}
.pc .panel .download-desc{
	margin-bottom:20px;
	font-size:20px;
	color:#3c4757}
.pc .panel .info{
	font-size:14px;
	line-height:20px;
	color:#b8bec6
	}
.mobile{
	position:absolute;
	width:100%;
	height:100%;
	min-height:400px}
.mobile .hint{
	position:relative;
	height:0;
	padding:0 3em;
	box-size:content-box;
	overflow:hidden;
	background:#333;
	line-height:1.5;
	text-break:break-all;
	font-size:16px;
	color:#fff;
	z-index:2;
	transition:height 1s
	}
.mobile .hint p:first-child{margin-top:1em}
.mobile .container{position:relative;width:100%;height:100%;text-align:center}
.mobile .container .app-info{padding-top:25vh}
.mobile .container .icon{display:inline-block;width:2.8rem;height:2.8rem;border-radius:.8rem;overflow:hidden}
.mobile .container .app-name{width:80%;margin:10px auto 5px;text-align:center;font-size:20px;line-height:1.5}
.mobile .container .type{margin:5px auto 24px;font-size:14px;color:#4a4a4a}
.mobile .container .info{font-size:14px;line-height:20px;color:#b8bec6}
.mobile .container .download-btn{display:inline-block;position:absolute;bottom:2.2rem;left:0;right:0;margin:0 auto;font-size:14px;line-height:1;padding:1em 0;width:12em;background:#ff5800;border-radius:24px;text-decoration:none;color:#fff}
.mobile .container .download-btn2{display:inline-block;position:absolute;bottom:2.2rem;left:0;right:0;margin:0 auto;font-size:14px;line-height:1;padding:1em 0;width:12em;background:#ffffff;border-radius:24px;text-decoration:none;color:#fff}
.mark{position:absolute;left:10px;top:10px;width:100px;height:47px;background-size:cover;background-repeat:no-repeat}@media only screen and (orientation:landscape){.mobile .container .app-info{padding-top:10vh}
.mobile .container .type{margin-bottom:12px;}
.mobile .container .download-btn{bottom:5vh}}@media only screen and (min-width:769px){.mobile{display:none}}@media only screen and (max-width:768px){.pc{display:none}}@media only screen and (orientation:landscape) and (min-width:1024px){.mobile .container .app-info{padding-top:20vh}.mobile .container .type{margin-bottom:24px}
.mobile .container .download-btn{bottom:15vh}}
.ipad .pc{display:none}
.ipad .mobile{display:block}