/**
 * uni-app 电脑端浏览兼容样式表
 */

/* 隐藏页面内容 */
body[adapt='pc']>* {
	display: none !important;
}

/* 显示 uni-adapt-pc 标记内容 */
body[adapt='pc']>uni-adapt-pc {
	display: block !important;
	overflow: auto;
}

body[adapt='pc'] {
	margin: 0;
	background-color: #fff;
	/* background-image: url(pc-bg.png); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100vw;
	height: 100vh;
	overflow: auto;
}

body[adapt='pc'] .container {
	position: fixed;
	width: 100%;
	height: 890px;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow: auto;
	/* min-width: 800px; */
	/* max-width: 900px; */
}

body[adapt='pc'] .container .iframe {
	width: 1000px;
	height: 900px;
	margin: auto;
	/* background-image: url(pc-iPhoneX.png); */
	/* background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	float: left; */
}

body[adapt='pc'] .container .iframe>iframe {
	width: 100%;
	height: 900px;
	background-color: #fff;
	box-sizing: content-box;
	border: none;
	margin: 0 0 0 12px;
}

body[adapt='pc'] .container .content {
	float: right;
	color: #42b983;
	margin-left: 60px;
	/* width: 400px; */
}

body[adapt='pc'] .container .content>h1 {
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	padding: 100px 0 50px 0;
}

body[adapt='pc'] .container .content>h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 50px 0;
}

body[adapt='pc'] .container .content .qrcode {
	border: #42b983 solid 2px;
	box-sizing: content-box;
	width: 260px;
	height: 260px;
}

body[adapt='pc'] .container .content .qrcode img {
	width: 260px;
	height: 260px;
}

body[adapt='pc'] .container .content>p {
	font-size: 14px;
	margin: 0;
	padding: 4px 0 0 0;
	text-align: center;
	width: 260px;
	color: #333;
}

body[adapt='pc'] .container .fooer {
	text-align: center;
	margin-top: -50px;
}

body[adapt='pc'] .container .fooer>a {
	font-size: 14px;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	color: #ababab;

}

body[adapt='pc'] .clearfix::after {
	content: "";
	display: table;
	clear: both;
}