cf-platform/Public/Qrcode/css/promotionofregistration.css

@charset "UTF-8";

/*
* @description:扫码下载样式
 *@author:王奉
* @update: name(xxxx-xx-xx xx:xx)
 */

html {
	font-size: 125%;
}

body {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";
	color: #333;
	margin: 0;
	padding: 0px;
	background: #f2f2f2;
}

a {
	text-decoration: none;
	cursor: pointer;
}

.main {
	width: 100%;
	height: 100vh;
	max-width: 640px;
	background-size: 100% 100%;
	text-align: center;
	margin: 0 auto;
}

.icon-box {
	display: inline-block;
	width: 8rem;
	height: 8rem;
	background: #bcbcbc;
	border-radius: 1.3rem;
	margin-top: 8rem;
}

.icon-box-img {
	width: 100%;
	height: 100%;
	border-radius: 1.3rem;
}

.game-name {
	color: #000;
	font-size: 2rem;
	margin: 1rem 0 5rem 0;
}

.load-btn {
	text-align: center;
	width: 80%;
	display: block;
	margin: 0 auto 2rem;
	background-color: #03b4f5;
	line-height: 2.7rem;
	max-width: 300px;
	border-radius: 2rem;
	font-size: 1rem;
	color: #fff;
}

.ios-btn {
	background: #78c259;
}

.load-btn.disabled {
	background: #bcbcbc;
}

.load-btn-img {
	width: 2rem;
	vertical-align: middle;
	margin-top: -7px;
	margin-right: 3px;
}

.weixinloadwrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
}

.weixinload {
	position: absolute;
	top: 0;
	right: 4px;
	width: 40%;
}

.weixinload img {
	width: 100%;
}

@media screen and (min-width:320px) and (max-width:360px) and (orientation:portrait) {
	html {
		font-size: 67.3%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
	html {
		font-size: 70.3%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
	html {
		font-size: 73.24%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
	html {
		font-size: 75%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
	html {
		font-size: 78.125%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait) {
	html {
		font-size: 80.86%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait) {
	html {
		font-size: 84.375%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:480px)and (max-width:639px) and (orientation:portrait) {
	html {
		font-size: 93.75%;
	}
	.load-btn {
		line-height: 3.5rem;
	}
}

@media screen and (min-width:640px) and (orientation:portrait) {
	html {
		font-size: 125%;
	}
}