@charset "utf-8";
a,
address,
article,
aside,
body,
div,
em,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
html,
i,
img,
input,
label,
label,
li,
menu,
nav,
ol,
p,
section,
span,
strong,
textarea,
ul {
	margin: 0;
	padding: 0;
}

address,
article,
aside,
footer,
hgroup,
menu,
nav,
section {
	display: block;
}

@media only screen and (min-width: 320px) and (max-width: 411px) {
	html {
		font-size: 14px;
	}
}

@media only screen and (min-width: 412px) and (max-width: 479px) {
	html {
		font-size: 16px;
	}
}

@media only screen and (min-width: 480px) {
	html {
		font-size: 18px;
	}
}

#wrapper,
body,
html {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	position: relative;
}

#wxTip{
	z-index: 99999 !important;
}

body {
	background-color: #151515;
}

#wrapper .item,
#wrapper .topBtm {
	width: 100%;
	position: relative;
}

#wrapper .item img,
#wrapper .topBtm img {
	max-width: 100% !important;
	display: block;
}

#wrapper .item {
	margin-bottom: 1.5rem;
}

#wrapper .item .it-download {
	width: 85%;
	position: absolute;
	bottom: 0;
	transform: translateY(-20%);
	left: 7.5%;
}

#wrapper .item .it-download a,
#wrapper .item .it-download img {
	width: 100%;
	height: 100%;
}

#wrapper .item.download {
	width: 96%;
	margin: 0 auto;
	padding-bottom: 1.5rem;
}

#wrapper .item .pics {
	width: 90%;
	position: absolute;
	top: 23%;
	text-align: center;
	left: 5%;
}

#wrapper .item .pics img {
	display: inline-block;
	width: 31%;
}

#wrapper .item .slider {
	position: absolute;
	width: 82%;
	left: 9%;
	top: 25.5%;
	overflow: hidden;
}

#wrapper .item img.btnPrev,
#wrapper .item img.btnNext {
	width: 5%;
	position: absolute;
	top: 54%;
}

#wrapper .item img.btnPrev.swiper-button-disabled,
#wrapper .item img.btnNext.swiper-button-disabled {
	opacity: 0.5;
}

#wrapper .item img.btnPrev {
	left: 2% !important;
}

#wrapper .item img.btnNext {
	right: 2% !important;
}

#wrapper .fixTop {
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 720px;
	z-index: 9999;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#wrapper .fixTop img {
	width: 100%;
	display: block;
}

.bg1 {
	position: static;
	width: 100%;
	left: 0;
	bottom: 0;
}

.r-info {
	display: none;
	text-align: center;
	padding: 10px 0;
	font-size: 12px;
	color: white;
	background-color: black;
}

.r-info-bottom {
	display: block!important;
	width: 100%;
	opacity: 0;
}

.r-info-bottom.hide {
	display: none!important;
}