* {
	margin: 0;
	padding: 0;
	line-height: 0;
}

html {
	background: -webkit-linear-gradient(#82040f, #790609, #a90b0d, #ab0b0c);
	margin: auto;
}

body {
	background-image: url(../img/bg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 100vh;
	position: relative;
	overflow-x: hidden;
}

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

img {
	max-width: 100%;
}

.content {
	padding: 2rem 1.3rem 0 1.3rem;
}

.txt {
	margin: 0.4rem 0;
}

.txt img {
	width: 100%;
}

.kf {
	float: left;
	width: calc(50% - 0.65rem);
	padding: 0 0.25rem 0.1rem 0.4rem;
	margin: 0 0 0.4rem 0;
}

.reg {
	float: right;
	width: calc(50% - 0.65rem);
	padding: 0 0.4rem 0.1rem 0.25rem;
	margin: 0 0 0.4rem 0;
}


.logo {
	padding: 0 1.4rem 0 0.2rem;
}

.but {
	height: 2rem;
	margin: 0.4rem 0;
}

.ios {
	float: left;
	width: calc(50% - 0.4rem);
	padding: 0 0.2rem;
}

.and {
	float: right;
	width: calc(50% - 0.4rem);
	padding: 0 0.2rem;
}

.foot {
	padding: 0 1rem 0 1rem;
}