* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	background: #0b0806;
	font-family: "Microsoft YaHei", Arial, "黑体", "宋体", sans-serif;
	font-size: 14px;
	padding-bottom: 2.04rem;
	
}
a{
	text-decoration: none;
}
.hide{
	display: none;
}
.mainBox{
	max-width: 10rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #0b0806;
	z-index: 20;
}
img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.kfBox1 {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 300;
}
.kfBox1 img{
	width: 1.64rem;
	animation: shareCodeBtnAn 0.45s ease-in-out infinite alternate;
	
}

.btnBox{
	background: url(../upload/btnbg.jpg) no-repeat center;
	background-size: 10rem 1.96rem;
	height: 1.96rem;
}
.btnBox a{
	display: block;
}
.btnBox a img{
	display: block;
	margin: 0 auto;
	width: 7.96rem;
	animation: shareCodeBtnAn 0.45s ease-in-out infinite alternate;
}
.vDbox{
	background: url(../upload/vdbg.jpg) no-repeat center;
	background-size: 10rem 5.946666rem;
	height: 5.946666rem;
	padding-top: 0.106666rem;
	
}
.vDbox video{
    max-width: 100%;
	width: 9.106666rem;
	height: 5.106666rem;
}
.videoBox{
	margin-left: 0.453333rem;
	width: 9.106666rem;
	height: 5.106666rem;
	
	border-radius: 0.266666rem;
	overflow: hidden;
}

.webBox{
	padding: 0 0.4rem;
	background:url(../upload/webg.jpg) no-repeat center;
	height: 3.693333rem;
	background-size: 10rem 3.693333rem;
}
.webItem{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:0.36rem;
}
.weLeft{
	background: #0a0704;
	border: 1px #7e6e32 solid;
	height: 0.76rem;
	width: 7.093333rem;
	display: flex;
	align-items: center;
}
.webItem img{
	width: 1.84rem;
}
.weLeft span{
	width: 1.773333rem;
	color: #fff;
	font-size: 0.333333rem;
	border-right: 1px #7E6E32 solid;
	text-align: center;
	height: 0.76rem;
	line-height: 0.76rem;
}
.weLeft .webUrl{
	height: 0.76rem;
	line-height: 0.76rem;
	color: #fff;
	font-size: 0.333333rem;
	padding-left: 0.333333rem;
}
.rmBox{
	background: url(../upload/rwbg.jpg) no-repeat;
	background-size: 10rem 5.866666rem;
	height: 5.866666rem;
}

.mySwiper{
	position: relative;
	overflow: hidden;
	max-width: 8.32rem;
	margin: 0 auto;
	padding-top: 0.4rem;
}
.mySwiper img{
	width: 8.32rem;
	height: auto;
}
.lyBox{
	position: relative;
	background: url(../upload/6bg.jpg) no-repeat;
	height: 7.4rem;
	background-size: 10rem 7.4rem;
	box-sizing: border-box;
	padding-top: 2.733333rem;
	padding-left: 0.6rem;
	
}
.lyBox .fr{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 30;
}
.lyBox .fr img{
	width: 5.2rem;
}

.mySwiper2{
	position: relative;
	overflow: hidden;
	width: 6.293333rem;
	height: 4rem;
}
.mySwiper2 img{
	width: 6.293333rem;
	height: 4rem;
}
.footBox{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 300;
}
.footIMG{
	display: block;
	width: 10rem;
	margin: 0 auto;
	position: relative;
	height: 2.04rem;
}
.fooTabs{
	position:absolute;
	right: 0.36rem;
	top: 0.293333rem;
	animation: shareCodeBtnAn 0.45s ease-in-out infinite alternate;
}
.fooTabs img{
	width: 1.52rem;
}

@keyframes shareCodeBtnAn {
  from {
    transform: scale(0.96);
  }
  to {
    transform: scale(1.04);
  }
}