/* 默认字体大小为 100px 来计算 rem 的值 */
html {
	font-size: 100px;
}

/* 放大 1.1 倍的设备 */
@media (min-width: 751px),
(min-width: 376px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 320px) and (-webkit-min-device-pixel-ratio: 3) {
	html {
		font-size: 110px;
	}
}

/* 放大 1.2 倍的设备 */
@media (min-width: 1081px),
(min-width: 541px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 415px) and (-webkit-min-device-pixel-ratio: 3) {
	html {
		font-size: 120px;
	}
}

/* 以上内容是根据 html 标签的文字改变页面中元素的大小 */

html,
body,
ul,
li,
p {
	margin: 0;
	padding: 0;
}

body {
	font-size: .12rem;
	color: #3c3c3c;
	background-color: #483c3a00;
}

body img {
	display: inline-block;
	width: 100%;
}

.wrap {
	position: relative;
	width: 7.5rem;
	margin: 0 auto;
}

.header {
	position: relative;
	width: 7.5rem;
	min-height: 10rem;
}

.content {
	position: absolute;
	width: 7.5rem;
	min-height: 11.86rem;
	top: 3.65rem;
}

.content .swiper-container {
	
    position: absolute;
    width: 7.18rem;
    height: 102%;
    left: 0;
    right: 0;
    top: 1.3rem;
    bottom: 0;
    margin: auto;
    --swiper-theme-color: #fff;
}

.content .swiper-pagination-bullet {
	border-radius: 25em;

	width: 0.72rem;
	height: 0.2rem;
}

.prev {
	/*border:1px red solid;*/
	width: 0.88rem;
	height: 0.99rem;
	position: absolute;
	top: 3.40rem;
	left: 0.15rem;
	outline: none;
	z-index: 1;
	/*-webkit-transform: rotateY(180deg); !* Safari 和 Chrome *!*/
	/*-ms-transform: rotateY(180deg); !* IE 9 *!*/
	/*-moz-transform: rotateY(180deg); !* Firefox *!*/
	/*-o-transform: rotateY(180deg); !* Opera *!*/
	/*transform: scale(0.95);*/
}

.prev:active {
	transform: scale(1.3);
	-ms-transform: rotate(1.3);
	/* IE 9 */
	-moz-transform: rotate(1.3);
	/* Firefox */
	-webkit-transform: rotate(1.3);
	/* Safari 和 Chrome */
	-o-transform: rotate(1.3);
	/* Opera */
}

.next {
	/*border:1px red solid;*/
	width: 0.88rem;
	height: 0.99rem;
	position: absolute;
	top: 3.40rem;
	right: 0.15rem;
	outline: none;
	z-index: 1;
	/*-webkit-transform: rotateY(180deg); !* Safari 和 Chrome *!*/
	/*-ms-transform: rotateY(180deg); !* IE 9 *!*/
	/*-moz-transform: rotateY(180deg); !* Firefox *!*/
	/*-o-transform: rotateY(180deg); !* Opera *!*/
	/*!*transform: scale(0.95);*!*/
}

.next:active {
	transform: scale(1.3);
	-ms-transform: rotate(1.3);
	/* IE 9 */
	-moz-transform: rotate(1.3);
	/* Firefox */
	-webkit-transform: rotate(1.3);
	/* Safari 和 Chrome */
	-o-transform: rotate(1.3);
	/* Opera */
}

.Video_block {
	position: absolute;
	width: 6.18rem;
	top: 0.15rem;
	/*margin-top: -7.43rem;*/
	text-align: center;
}

.Video_block video {
	width: 5.76rem;
	height: 3.25rem;
	display: inline-block;
	vertical-align: baseline;
}

.Video_block .video-img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .21rem;
	;
	width: 5.76rem;
	z-index: 1;
	background: url(../img/Video_cover.jpg) center center;
	cursor: pointer
}

.Invitation {
	        position: absolute;
	        font-size: 0.52rem;
	        width: 3.2rem;
	        height: 0.65rem;
	        left: -2.94rem;
	        right: 0;
	        top: 1.07rem;
	        margin: auto;
	        text-align: center;
}

#spanuserid {
	/*position: absolute;*/
	color: #fb0b0b;
	/* text-shadow: black 0.03rem 0.03rem 0.03rem; */
	/*margin-left: -1.32rem;*/
}


.qrcode {
	position: absolute;
	    padding: 0.09rem;
	    /* height: 1.61rem; */
	    /* width: 1.61rem; */
	    height: 1.65rem;
	    width: 1.65rem;
	    background: white;
	    /* bottom: 1.09rem; */
	    /* left: 2.03rem; */
	    bottom: 8.03rem;
	    left: 0.97rem;
	    text-align: center;
	    /* border-radius: 0.35rem; */
}

.Video_block_one {
	position: absolute;
	width: 6.18rem;
	top: 0.15rem;
	/* margin-top: -7.43rem; */
	text-align: center;
}

.Video_block_one #video_one {
	width: 5.76rem;
	height: 3.25rem;
	display: inline-block;
	vertical-align: baseline;
}

.Video_block_one .video-img_one {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .21rem;
	;
	width: 5.76rem;
	z-index: 1;
	background: url(../img/Video_cover_one.jpg) center center;
	cursor: pointer
}

.frame_bottom {
	position: fixed;
	bottom: 0;
	width: 7.5rem;
	height: 1.5rem;
	z-index: 2;
}

.logo {
	position: fixed;
	width: 1.08rem;
	padding-top: 0.2rem;
	padding-left: .2rem;
}

.ios_display .hide {
	display: none
}

.game_name {
	margin-left: 1.46rem;
	margin-top: -1.18rem;
}

.game_name p {
	color: white;
	font-size: 0.42rem;
	position: absolute;
	left: 1.75rem;
	top: 0.02rem;
}

.game_name span {
	color: #dedede;
	font-size: .25rem;
	position: absolute;
	left: 3.50rem;
	top: 0.22rem;
}

/*.end {*/
/*    width: 2.74rem;*/
/*    height: .89rem;*/
/*    position: absolute;*/
/*    top: .51rem;*/
/*    left: 1.65rem;*/
/*}*/

.end {
	width: 2.56rem;
	height: .78rem;
	position: absolute;
	top: .64rem;
	left: 4.7rem;
}

.end:active {
	transform: scale(1.1);
	-ms-transform: rotate(1.1);
	/* IE 9 */
	-moz-transform: rotate(1.1);
	/* Firefox */
	-webkit-transform: rotate(1.1);
	/* Safari 和 Chrome */
	-o-transform: rotate(1.1);
	/* Opera */
}

.enterprise {
	width: 2.56rem;
	height: .78rem;
	position: absolute;
	top: .64rem;
	/* top: .64rem; */
	left: 1.9rem;
}

.enterprise:active {
	transform: scale(1.1);
	-ms-transform: rotate(1.1);
	/* IE 9 */
	-moz-transform: rotate(1.1);
	/* Firefox */
	-webkit-transform: rotate(1.1);
	/* Safari 和 Chrome */
	-o-transform: rotate(1.1);
	/* Opera */
}

.an_name {
	margin-left: 1.88rem;
	margin-top: -1.58rem;
}

.an_name p {
	color: #f1e158fc;
	font-size: 0.42rem;
}

.an_name span {
	color: #ffffff;
	
	font-size: 0.22rem;
}

.an_end {
	width: 2.12rem;
	height: .68rem;
	position: absolute;
	top: 0.8rem;
	left: 4.7rem;
}

.android_android .an_end {
	    width: 2.12rem;
	    height: 0.88rem;
	    position: absolute;
	    top: 0.8rem;
	    left: 3.3rem;
}

.an_end:active {
	transform: scale(1.1);
	-ms-transform: rotate(1.1);
	/* IE 9 */
	-moz-transform: rotate(1.1);
	/* Firefox */
	-webkit-transform: rotate(1.1);
	/* Safari 和 Chrome */
	-o-transform: rotate(1.1);
	/* Opera */
}