
.hide{
	display: none;
}
.transparent{
	opacity: 0;
}
.relative{
	position: relative;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* flex布局 */
.flexbox {	
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
/* 水平居中 */
.flexbox-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
/* 垂直居中 */
.flexbox-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.flexchild {
	display: block;
	box-flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
}

body{
	font-size: 0.3rem;
}
body img{
	display: block;
	width: 100%;
}

.ml10{margin-left: 0.1rem;}
.ml20{margin-left: 0.2rem;}
.ml30{margin-left: 0.3rem;}

.content{
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* overflow-y: auto; */
	background-color: #fff;
}
.content::-webkit-scrollbar {
	display: none;
}

.swiper1{
	position: relative;
	margin:  0 auto;
	width: 100%;
	overflow: hidden;
	/* height: 381px; */
}
.swiper-button-prev1,
.swiper-button-next1{
	background: none;
	position: absolute;
	z-index: 3;
	bottom: 5%;
	left: 3%;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.swiper-button-next1{
	transform: translateX(50px);
}

.slide-title{
	width: 39.5%;
}
.swiper2{
	position: relative;
	width: 60.5%;
	overflow: hidden;
}
.swiper-pagination{
	left: auto !important;
	width: auto !important;
	right: 5%;
	
}
.swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	background-color: #999;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background-color: #fff;
	width: 10px;
	height: 10px;
}


.btn-scale{-webkit-animation: btnScale 1s ease infinite both;animation: btnScale 1s ease infinite both;}
@keyframes btnScale{0% {transform: none;}70% {transform: scale3d(.85, .85, .85);}100% {transform: none;}}
@-webkit-keyframes btnScale{0% {transform: none;}70% {transform: scale3d(.85, .85, .85);}100% {transform: none;}}

/* 提示 */
#tip{position:absolute;left:0;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1001;}
#tip .mask{position:absolute;left:0;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;}
#tip.hasmask .mask{background:#000;opacity:0.5;}
#tip .tipTxt,#tip.hasmask .tipTxt{position:absolute;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);display:block;text-align:center;padding:0.5em;border-radius:0.3em;font-size:20px;}
#tip .tipTxt{background:rgba(0,0,0,0.8);color:#fff;}
#tip.hasmask .tipTxt{background:#fff;color:#333;}