body,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

body {
	/* 页面最大宽度 */
	max-width: 640px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	/* 总体背景色 */
	background-color: #fff;
	margin: 0 auto;
	font-size: 14px;
	/* 底部留空 */
	/* padding-bottom: 80px; */
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);
	-moz-focus-ring-color: rgba(0, 0, 0, 0);
	focus-ring-color: rgba(0, 0, 0, 0);
}

* {
	-webkit-tap-highlight-color: transparent;
}

li {
	list-style: none;
}

img {
	vertical-align: middle;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

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

.clear {
	zoom: 1;
}

.header {
	position: relative;
	width: 100%;
	height: 10.5rem;

}

.header .header-bg {
	width: 100%;
}

.header .header-info-wrap {
	position: absolute;
	bottom: 14px;
	left: 0px;
	width: 100%;
}



.header .header-info-wrap .header-info p span {
	/* color: #00c3ff; */
}



/*2020/07/05*/
body .bg {
	background: url("../img/bg.png") no-repeat top center;
	background-size: contain;
	height: 30.94rem;
}

.header .header-info-wrap .header-icon {
	float: left;
	width: 1.37rem;
	height: 1.37rem;
	margin-left: 10px;
}

.header .header-info-wrap .header-info {
	float: left;
	color: #fff;
	padding-top: 0.66rem;
	padding-left: 0.23rem;
	color: #F6D39E;
}

.header .header-info-wrap .header-info h1 {
	font-size: 0.28rem;
	line-height: 0.28rem;
	margin-bottom: 0.07rem;
}

.header .header-info-wrap .header-info p {
	font-size: 0.2rem;
	line-height: 0.26rem;
}

.header .header-info-wrap .header-info p span {
	/* color: #FFF7C9; */
}

.header .join {
	width: 2.25rem;
	height: 0.53rem;
	padding-top: 0.33rem;
	padding-right: 0.17rem;
	float: right;
}

.header .join img {
	width: 100%;
}

.licb {
	height: 4rem;
}

.fuli {
	height: 5.4rem;
}

.video-info {
	padding: 0.9rem 0.12rem 0;
	height: 4.36rem;
}

.video-wrap .video {
	position: relative;
	display: block;
	color: #f1e1ce;
	background: url("../img/poster.png") no-repeat top center;
	background-size:5.86rem;
	width: 5.86rem;
	height: 2.97rem;
	overflow: hidden;
	margin: 0 auto;
	overflow: hidden;
}

.video-wrap .video video {
	display: none;
}

video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}

.video-wrap .video img {
	width: 100%;
}

.video-wrap .video .play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 24px;
	margin-top: -22px;
	margin-left: -20px;
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid #f1e1ce;
}

.video-wrap .video .play-icon span {
	display: block;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #f1e1ce;
	border-bottom: 7px solid transparent;
	margin-top: 5px;
	margin-left: 13px;
}

.video-wrap .video p {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.img-gsbox,
.img-yxbox {
	position: relative;
}

.img-gsbox {
	margin-top: 0.47rem;
	padding-bottom: 1.35rem;
}

/* @media screen and
(min-device-width:500px){
	.img-gsbox {
		margin-top: 0.47rem;
		padding-bottom: 1.35rem;
	}
} */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background: url("../img/changeBtn.png") no-repeat center;
	background-size: 0.4rem 0.4rem;
	left: 0.47rem;
	top: 2.04rem;
	right: auto;
	width: 0.4rem;
	height: 0.4rem;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background: url("../img/changeBtn.png") no-repeat center;
	background-size: 0.4rem 0.4rem;
	top: 2.04rem;
	right: 0.44rem;
	transform: rotate(180deg);
	width: 0.4rem;
	height: 0.4rem;
}

.img-yx {
	margin: 0.4rem 0.45rem 0 0.5rem;
	display: -webkit-box;
}


.img-yxbox {
	padding-top: 0.85rem;
	position: relative;
}

.swiper-wrapper{
	width: 2.36rem;
}
.swiper-slide img {
	width: 100%;
}

.img-yxbox .swiper-pagination {
	background: url("../img/slider1.png") no-repeat center;
	background-size: 4.63rem;
	height: 0.65rem;
	margin-bottom: 0.32rem;
	position: relative;
	width: 4.63rem;
	margin: 0 auto;
}

.img-yxbox .swiper-pagination-bullet {
	width: 0.71rem;
	height: 0.65rem;
	margin-right: 0.27rem;
	background: none;
	opacity: 1;
	float: left;
	display: block;
}

.img-yxbox .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.img-yxbox .swiper-pagination-bullet-active:first-child {
	background: url("../img/slider3.png") no-repeat 0 0;
	background-size: 4.63rem;
}

.img-yxbox .swiper-pagination-bullet-active:nth-child(2) {
	background: url("../img/slider3.png") no-repeat -0.98rem 0;
	background-size: 4.63rem;
}

.img-yxbox .swiper-pagination-bullet-active:nth-child(3) {
	background: url("../img/slider3.png") no-repeat -1.96rem 0;
	background-size: 4.63rem;
}

.img-yxbox .swiper-pagination-bullet-active:nth-child(4) {
	background: url("../img/slider3.png") no-repeat -2.94rem 0;
	background-size: 4.63rem;
}

.img-yxbox .swiper-pagination-bullet-active:last-child {
	background: url("../img/slider3.png") no-repeat -3.92rem 0;
	background-size: 4.63rem;
}

.img-yxbox .swiper-button-prev {
	top: 3.5rem;
	left: 0.2rem;
}

.img-yxbox .swiper-button-next {
	top: 3.5rem;
	right: 0.2rem;
}

.wx-mask {
	position: fixed;
	z-index: 98;
	-webkit-backface-visibility: hidden;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transition: all .5s;
	transition: all .5s;
}

.tip {
	position: absolute;
	right: 8px;
	top: 0;
	width: 168px;
}


.playBg {
	/* background: url("../img/play-bg.png") no-repeat center;
	background-size: 1.02rem; */
	width: 1.18rem;
	height: 1.18rem;
	position: absolute;
	bottom: 0;
	left: 0;
	/* animation: rotation 8s linear infinite; */
}

.playClass {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.18rem;
	height: 1.18rem;
	margin-left: -0.59rem;
	text-align: center;
	margin-top: -0.59rem;
}

.playClass img {
	width: 1.18rem !important;
	height: 1.18rem;
}

.video {
	position: relative;
}

.swiper-slide-active .img {
	animation: fadeInRight .8s .2s ease both;
}

.swiper-slide-active .masky {
	-webkit-animation: masky .8s steps(24) forwards;
	animation: masky .8s steps(24) forwards;
}

.masky {
	-webkit-mask-image: url("../img/masky.png");
	-webkit-mask-size: 3000% 100%;
	mask-image: url("../img/masky.png");
	mask-size: 3000% 100%;
	will-change: transform;
	background-color: rgba(217, 202, 167, 0);
}

.imgInfo {
	position: absolute;
	top: 0.62rem;
	right: 1.55rem;
	width: 0.79rem !important;
	height: 1.69rem;

}

.swiper-slide-active .imgInfo {
	animation: fadeInRight .8s .2s ease both;
}

@keyframes masky {
	0% {
		mask-position: 0 0;
		-webkit-mask-position: 0 0;
	}

	100% {
		mask-position: 100% 0;
		-webkit-mask-position: 100% 0;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(.4rem)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}