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

body,
html {
	width: 100%;
	height: 100%;
	max-width: 750px;
	font: 12px/1.5 Microsoft YaHei, Arial, sans-serif;
	margin: 0px auto;
	/* background:#fffff1; */
	position: relative;
}

a {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	-ms-interpolation-mode: bicubic;
	border: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.ell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.img>img {
	display: block;
	width: 100%;
}

.more {
	position: absolute;
	z-index: 111;
	width: 40%;
}

.more>a {
	display: block;
	font-size: 16px;
	color: #000000;
}

.more>a:first-child {
	display: block;
	width: 52%;
	position: absolute;
}

.more>a:first-child img {
	display: block;
	width: 100%;
}

.more>a:first-child+a {
	position: relative;
	text-align: center;
	top: 100px;
	left: -16%;
	/* font-size: 12px; */
}

.img {
	position: relative;
	width: 100%;
}

.c4 .more {
	top: 85%;
	left: 7%;
}

.c6 .more {
	top: 5%;
	right: 2%;
}

.c7 .more {
	top: 21.3%;
	right: 0px;
}

.c8 .more {
	top: 16%;
	left: 62%;
}

.c9 .more {
	
top: 49.5%;
	
left: 14%;
}
.c10 .more {
	top: 78.5%;
	left: 62%;
}
.c12 .more {
	top: 27.5%;
	left: 71%;
}
.c12{
	position: relative;
	overflow: hidden;
}

.audio{
	position: absolute;
	top: 0.1%;
	z-index: 1111;
	width:42px;
	float: right;
	right: 2%;
}
.audio img{
	display: block;
	width:100%;
}
.close{
	position: absolute;
	width: 7rem;
	top: 3rem;
	right: 15px;
	/* transform: rotate(12deg); */
	cursor: pointer;
}

 
.box{
	display: none;
}
.video{
	width:100%;
	height:100%;
	position: relative;
}
.video>img {
	display: block;
	position: absolute;
	width: 15%;
	top: 50%;
	margin-top: -7.5%;
	margin-left: -7.5%;
	left: 50%;
}

.gb{
	position: absolute;
	top:2%;
	right:2%;
	width: 16%;
	z-index: 11;
}
.gb img{
	display: block;
	width:100%;
}
@keyframes sh{
	0%{
		top:-2vh;
	}
	100%{
		top:0vh;
	}
}
.sh{
	position: fixed;
	z-index:11;
	top: 0px;
	width: 32%;
	left: 50%;
	margin-left: -5%;
	animation: sh 1s linear alternate infinite;
	max-width: 160px;
}


video{
	object-fit: cover !important;
}

@media all and (max-width:720px) {
	.more>a:first-child+a {
		font-size: 3.2vw;
		top: 13.5vw;
		left: -4%;
	}
.audio{
		position: fixed;
	}
	.more {
		width: 38%;
	}

	.more>a:first-child {
		display: block;
		width: 56%;
	}
	.sh{
		margin-left: -14%;
	}
}