
html,body{
	width: 100%;
	max-width:750px;
	height: 100%;
	margin: 0 auto;
	/* overflow: hidden; */
	font-family:"STXihei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1",sans-serif;
	color: #444;
	background-color: #fff;
	-webkit-overflow-scrolling: touch; /* 移动端惯性滚动 */
	-webkit-transform: translate3d(0,0,0); /* 3d动画GPU加速 */  
	/* 禁止选中文本 */
	/* -webkit-user-select:none; 
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none; */
  }
  
  .hide{
	  display: none;
  }
  .transparent{
	  opacity: 0;
  }
  .relative{
	  position: relative;
  }
  
  /* 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: 50%;
	margin-left: -40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.swiper-button-next1{
	transform: translateX(50px);
}

.slide-title{
	width: 100%;
}
.swiper2{
	position: relative;
	width: 100%;
	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;}