﻿* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

a {
	text-decoration: none;
	font-size: 18px;
	color: #ffea00
}

img {
	border: none;
}

li {
	list-style: none outside none;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/bg.jpg) no-repeat bottom center;
	background-size: cover;
}

.star {
	position: absolute;
	left: 50%;
	margin-left: -856.5px;
	top: 26%;
	transition: all 0.1s ease-out;
}

.logo {
	position: absolute;
	left: 50%;
	margin-left: -130.5px;
	top: 8%;
}

.logo img {
	position: absolute;
}

.logo img.light1 {
	left: 108px;
	top: 141px;
}

.logo img.light2 {
	left: -330px;
	top: -86px;
}

.btnGtoup {
	position: absolute;
	left: 50%;
	width: 1114px;
	margin-left: -557px;
	top: 35.7%;
}

.btnGtoup .btn1 {
	position: absolute;
	display: block;
}

.btnGtoup .btn2 {
	position: absolute;
	display: block;
	left: 394px;
}

.btnGtoup .btn3 {
	position: absolute;
	display: block;
	left: 788px;
}

.btnGtoup a .text {
	position: absolute;
	top: 32px;
}

.btnGtoup a.btn1 .text {
	left: 72px;
}

.btnGtoup a.btn2 .text {
	left: 74px;
}

.btnGtoup a.btn3 .text {
	left: 73px;
}

.code {
	position: absolute;
	left: 50%;
	width: 382px;
	height: 201px;
	margin-left: -191px;
	bottom: 10.6%;
}

.code #qrcodeCanvas,
.code #h5qrcodeCanvas {
	position: absolute;
	top: 5px;
	left: 4px;
	width: 150px;
	height: 150px;
}

.code #h5qrcodeCanvas {
	right: 5px;
	left: unset;
}

.shuoming {
	position: absolute;
	right: 100px;
	top: calc(8% + 169px);
}

#LAY_layuipro {
	background-image: #004000;
	background-color: #000000;
	background-repeat: no-repeat;
	padding: 20px;
	line-height: 30px;
	color: #f5f5f5;
	font-size: 16px;
}

.mydiv1 {
	opacity: 0.8;
	border: #FFFF00;
	border-style: solid;
}