* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: black;
	background-position: 100%;
}

.box1 {
	width: 100%;
	height: 1931.730px;
}

.box2 {
	width: 100%;
	height: 256px;
	padding: 0px 0px 100px;
	margin: 0px 0px 40px;
	background-color: #111213;
}

.c1 {
	width: 85%;
	height: 72px;
	padding: 0px 40px;
	font: 16px/72px "Microsoft";
	border-top: 1px solid #111213;

}

.c2 {
	float: right;
	height: 20.67px;
	color: #ffffff;
	margin-left: 12px;
	background-color: #111213;
	font-size: 16px;
	border-top-style: solid;
	border-left-style: solid;
	border-right: 0.5px solid gray;
	padding-right: 10px;

}

.z1 {
	margin-top: 21px;
}

.z2 {
	border-right: none;
}

a {
	text-decoration: none;
	color: lightgray;
}

a:hover {
	color: #ffffff;
}

.box3 {
	width: 100%;
	height: 136px;
	margin-top: 78px;
}

.z5 {
	width: 160px;
	height: 36px;
	margin-left: 760px;
}

.c3 {
	float: right;
	width: 800px;
	height: 52px;
	margin: 48px 400px 0px 217.667px;
}

.c4 {
	width: 596px;
	height: 52px;
	padding: 0px 52px;
	border: 0px solid #eef0f41a;
	background-color: #eef0f41a;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	font-size: 20px;
}

.img6 {
	float: left;
	height: 20px;
	width: 20px;
	position: relative;
	right: -45px;
	top: 20px;
}

.img7 {
	float: right;
	background-color: none;
	position: relative;
	right: 100px;
	top: 10px;
	border: 0px solid #eef0f41a;
}

.box4 {
	width: 1355px;
	height: 1109.060px;
}

.box5 {
	width: 464.958px;
	height: 54px;
	padding: 20px 0px;
	border-bottom: 0.667px solid black;
}

.img4 {
	height: 32px;
	width: 240px;
}

.z3 {
	width: 240px;
	height: 18px;
	margin: 4px 0px 0px;
}

.l1 {
	width: 168px;
	height: 14px;
	color: #ff4593;
	font-size: 12px;
}

.box6 {
	width: 464.958px;
	height: 532.531px;
	padding: 0px 20px 0px 40px;
	margin: 0px 0px 22px 270px;
	float: left;
	display: block;
}

.box7 {
	width: 464.958px;
	height: 374px;
}

.box8 {
	width: 223.177px;
	height: 374px;
	margin: 0px;
	float: left;
	display: block;
}

.z6 {
	width: 223.177px;
	height: 124px;
	float: right;
}

.z6 img {
	width: 64px;
	height: 94px;
	margin: 0px;
	padding: 16px 0px;
}

.c5 {
	width: 131.18px;
	height: 42px;
}

.z7 {
	width: 87.55px;
	height: 18px;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 10px;
}

.box9 {
	float: right;
	width: 131.177px;
	height: 70.667px;
	padding: 35px 0px 0px 0px;
	margin: 0px;
	display: block;
}

.box10 {
	float: right;
	margin: 0px 0px 22px 0px;
	padding: 0px 5px 10px 0px;
}

.z8 {
	width: 464px;
	height: 23.86px;
	padding: 20px 0px;
	color: #b2b4bb;
	font-size: 15px;
}

.box11 {
	width: 1055.338px;
	height: 252.667;
	padding: 0px 40px;
	margin: 0px 265px;
}

.box12 {
	width: 1055.33px;
	height: 30px;
	padding: 20px 0px;
	border-bottom: 0.667px solid black;
	color: #eef0f4;
	font-size: 20px;
}

.c6 {
	width: 1255px;
	height: 182px;
	font-size: 16px;
	color: #eef0f4;
}

.z9 {
	width: 253.55px;
	height: 24px;
	padding: 18px 0px 18px 12px;
	margin: -12px;
}

.box11 li {
	list-style: none;
	float: left;
	width: 263.271px;
	height: 60px;
	line-height: 60px;
}

.q1 {
	position: relative;
	left: 35px;
}

.q2 {
	position: relative;
	right: 45px;
}

.q3 {
	position: relative;
	right: 30px;
}

.box13 {
	width: 1095.33;
	height: 44px;
	padding: 0px 20px 20px;
	margin-top: 80px;
	font-size: 13px;
	color: #8A8c90;
	text-align: center;
}

.t1 {
	color: #FFB341;
}

.t2 {
	color: #39CFFF;
}

.t3 {
	color: #E8B142;
}

.jt button {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/dialog_close.a5f40ec8.png) no-repeat;
	border: rgb(40, 40, 40) solid 2px;
}

#jt {
	height: 330px;
	width: 331px;
	background-color: rgba(50, 50, 50, .8);
	border-radius: 8px;
	position: relative;
	display: none;
	position: fixed;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	border-radius: 12px;
	text-align: center;
}

#jt1 {
	padding: 50px 0 32px;
}

#jt1 img {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

.jt1-2 span {
	font-size: 17px;
	color: #eef0f4;
}

.jt1-2 p {
	text-align: center;
	height: 36px;
}

.mt .ba {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/dialog_close.a5f40ec8.png) no-repeat;
	border: rgb(43, 44, 44) solid 2px;
}

.mt {
	background-color: rgba(50, 50, 50, .8);
	position: fixed;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	border-radius: 12px;
	text-align: center;
	display: none;
}

#mt1 {
	padding: 56px 0;

}

#mt1 p {
	padding: 0 20px;
	font-size: 20px;
	color: #eef0f4;
}

.mt-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: 50px;
	padding: 0 64px;
}

#mt1-1 {
	margin-right: 64px;
}

.mt1-1 {
	margin-bottom: 36px;
	height: 186px;
}

.mt1-1-1 {
	background-color: rgba(240, 240, 242, .1);
	width: 120px;
	height: 120px;
	border-radius: 20px;
	display: flex;
	margin-bottom: 20px;
}

.mt1-1-2 {
	color: #eef0f4;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 6px;
}

.mt1-1-1-1 {
	line-height: 60px;
	margin: 30px;
}

#mt1-1-1 {
	background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/icon_ios_dark.c5a38c99.png) no-repeat 50%;
	height: 60px;
	width: 60px;
	background-size: 60px 60px;
}

#mt1-1-2 {
	background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/icon_android_dark.51bd84cc.png) no-repeat 50%;
	height: 60px;
	width: 60px;
	background-size: 60px 60px;
}

#mt1-1-3 {
	background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/icon_wechat_dark.24f5e661.png) no-repeat 50%;
	height: 60px;
	width: 60px;
	background-size: 60px 60px;
}

.nt button {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/dialog_close.a5f40ec8.png) no-repeat;
	border: rgb(40, 40, 40) solid 2px;
}

#nt {
	height: 320px;
	width: 331px;
	background-color: rgba(50, 50, 50, .8);
	border-radius: 8px;
	position: relative;
	display: none;
	position: fixed;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	border-radius: 12px;
	text-align: center;
}

#nt1 {
	padding: 50px 0 32px;
}

#nt1 img {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

.nt1-2 span {
	font-size: 17px;
	color: #eef0f4;
}

.nt1-2 p {
	text-align: center;
}