html,
body {
	font-family: Microsoft YaHei;


}

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


.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 0.2rem !important;
}

.swiper-wrapper {
	width: 100%;
	height: auto;
}

.swiper-wrapper img {
	width: 100%;
	height: auto;
}

.contain {
	width: 100%;
	height: auto;
	padding-bottom: 1rem;
	box-sizing: border-box;
}

.header {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding: 0px 0.3rem;
	box-sizing: border-box;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
}

.header .left {
	width: 4.1rem;
	height: auto;
}

.header .right {
	width: 0.36rem;
	height: auto;
}

.header .left img,
.header .right img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}



.footer {
	width: 100%;
	height: auto;
}

.footer .section1 {
	background: #282828;
	opacity: 0.92;
	padding: 0.44rem 0px 0.42rem 0.32rem;
	box-sizing: border-box;
	opacity: 1;
}

.footer .section1 .title {
	font-size: 0.32rem;
	color: #FFFFFF;
}

.footer .section1 .title img {
	width: 3rem;
	height: auto;
}

.footer .section1 .subtitle {
	font-size: 0.32rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	margin: 0.15rem 0px 0.51rem;
}

.footer  .youx {
	display: flex;
	font-size: 0.22rem;
	margin-bottom: 0.3rem;
}

.footer  .youx .left {

	color: rgba(102, 102, 102, 1);
	width: 20%;
}

.footer  .youx .right {
	flex: 1;
	width: 80%;
	color: #BBBBBB;
}

.footer  .youx .right p:last-child {
	margin-top: 0.2rem;
}

.footer .section1 .lxfs {
	display: flex;
	margin-top: 0.3rem;
	padding-right: 0.32rem;
	box-sizing: border-box;
}

.footer .bgc{
	width: 100%;
	background-color: #343434;
	padding: 0.3rem 0.3rem 0.1rem;
	box-sizing: border-box;
}
.footer .bgc .line{
	width: 100%;
	opacity:0.1;
	height: 1px;
	background-color: rgba(255,255,255,1);
	margin-bottom: 0.3rem;
}

.footer .bgc .kftel{
	width: 100%;
	color: #FFFFFF;
	padding-bottom: 0.3rem;
	box-sizing: border-box;
}
.footer .bgc .kftel .kf1{
	font-size: 0.28rem;
	font-family:Microsoft YaHei;
}
.footer .bgc .kftel .kf2{
	font-size: 0.4rem;
	margin-top: 0.1rem;
	
}
.footer .bgc .kftel .kf2 a{
	color: #FFFFFF;
	text-decoration: none;
}
.footer .section1 .lxfs .item {
	background: #0066CC;
	color: #FFFFFF;
	text-align: left;
	font-size: 0.22rem;
	padding:0.1rem 0rem 0.1rem 0.1rem;
	width: 30%;
	box-sizing: border-box;
	margin-right: 0.3rem;

}


.footer .section1 .lxfs .item a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer .section1 .lxfs .item img {
	width: 0.7rem;
	height: 0.7rem;
	vertical-align: middle;
}

.footer .section2 {
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 1);
	display: flex;
	align-items: center;
	padding: 0.3rem;
	box-sizing: border-box;
	align-items: flex-start;
}

.footer .section2 .left {
	color: rgba(255, 255, 255, 1);
	opacity: 0.3;
	font-size: 0.2rem;
	width: 71%;
}

.footer .section2 .left .item {
	display: flex;
	margin-bottom: 0.2rem;
}

.footer .section2 .right {
	flex: 1;
}

.footer .section2 .right img {
	width: 100%;
	height: auto;
}

.footer .section2 .left .item .bt {}

.footer .section2 .left .cnt {
	display: flex;
	flex-wrap: wrap;
}

.footer .section2 .left .cnt span {
	margin-right: 0.1rem;
}

.mask {
	position: fixed;
	top: 0px;
	left: 0%;
	right: 0px;
	bottom: 0px;
	margin: auto;
	z-index: 99999999;
	display: none;
}

#mask-con {
	/* min-width: 10%; */
	/* min-height: 0.5rem; */
	/* line-height: 1rem; */
	padding: 0.16rem 0.3rem;
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-size: .16rem;
	text-align: center;
	border-radius: 0.3rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}



.menu {
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 1);
	padding: 0.45rem 0.6rem 1.1rem;
	box-sizing: border-box;
	position: fixed;
	top: 0px;
	display: none;
	z-index: 9999;
}

.menu .item {
	color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 0.3rem;

}

.menu .item a {
	width: 100%;
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	font-size: 0.42rem;
	padding-bottom: 0.3rem;
	padding-top: 0.4rem;
	box-sizing: border-box;
	align-items: center;
}

.menu .item a img {
	width: 0.16rem;
	height: 0.3rem;
}

.menu .close {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0.2rem;
}

.menu .close img {
	width: 0.29rem;
	height: 0.29rem;
}


.fixdbtm {
	width: 100%;
	position: fixed;
	bottom: 0px;
	height: 1rem;
	display: flex;
	z-index: 9999;
}

.fixdbtm .item {
	width: 33.33%;
	display: flex;
	color: #FFFFFF;
	font-size: 0.28rem;
	align-items: center;
	justify-content: center;
}

.fixdbtm .item a {
	text-decoration: none;
	display: flex;
	color: #FFFFFF;
	font-size: 0.28rem;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.fixdbtm .item img {
	width: 0.7rem;
	height: 0.7rem;
}

.wximg {
	/* display: none; */
}

a:active {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.pop {
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 99999;
	display: none;
}

.mc {

	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000000;
	opacity: 0.5;

}

.pop .card {
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 30vh;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80vw;
	background: url(../img/popewm.png);
	background-color: #0066cc;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding: 0px 0.3rem;
	box-sizing: border-box;
}

.pop .c_1 {
	color: #fff;
	font-weight: 600;
	font-size: 0.44rem;
	margin: 0.6rem 0 0.3rem 0;
	text-align: center;
	padding-bottom: 0.18rem;
	box-sizing: border-box;
	/* border-bottom: 0.04rem solid #FFFFFF; */
}

.pop .row {
	justify-content: center;
	display: flex;
	margin-bottom: 0.4rem;
}

.pop .row .c_btn {
	margin-top: 30px;
	width: 3.2rem;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #FFFFFF;
	color: #0066CC;
	line-height: 10vw;
	text-align: center;
	border-radius: 3px;
	font-size: 0.28rem;
}

.pop .c_2 {
	font-size: 0.3rem;
	color: #fff;
	margin-top: 5vw;
	text-align: center;
	margin-top: 1.5rem;

}

.pop .gsewm {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	position: absolute;
	z-index: 999999;
}