*{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  /*color: #fff;*/
  font-size: .14rem;
  font-family: "微软雅黑","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html,body{
  position: relative;
  width: 100%;
  overflow-x: hidden;
	background: #121212;
}
.clearfix:after{
  display: block;
  clear: both;
  content: '';
  height: 0;
  overflow: hidden;
}
/*--定义1rem单位大小--*/
html{
  font-size: 100px;
}
@media screen and (min-width: 375px){
  html{ font-size: 117.1875px }
}
@media screen and (min-width: 414px){
  html{ font-size: 129.375px }
}
@media screen and (max-height: 480px){
  html{ font-size: 90px; }
}
@media screen and (min-width: 768px){
}

/* 视频播放 */
.playBox{
	width: 0;
	height: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	vertical-align: middle;
	z-index: 11;
}
.playBox video{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 12;
}

@-webkit-keyframes ToTop{
	0% { -webkit-transform: translateY(.5rem);opacity: 0;}
	100% { -webkit-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes ToRight{
	0% { -webkit-transform: translateX(-.5rem);opacity: 0;}
	100% { -webkit-transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes ToBottom{
	0% { -webkit-transform: translateY(-.5rem);opacity: 0;}
	100% { -webkit-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes ToLeft{
	0% { -webkit-transform: translateX(.5rem);opacity: 0;}
	100% { -webkit-transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes enlarge{
	0% { -webkit-transform: scale(0);opacity: 0;}
	100% { -webkit-transform: scale(1);opacity: 1;}
}
@-webkit-keyframes reduce{
	0% { -webkit-transform: scale(1);opacity: 0;}
	100% { -webkit-transform: scale(0);opacity: 1;}
}
@-webkit-keyframes show{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes ToLeft_L{
	0% { -webkit-transform: translateX(10rem);opacity: 0;}
	70% { -webkit-transform: translateX(-1rem);opacity: 1;}
	85% { -webkit-transform: translateX(.5rem);opacity: 1;}
	95% { -webkit-transform: translateX(-.2rem);opacity: 1;}
	100% { -webkit-transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes enlarge_L{
	0% { -webkit-transform: scale(1);opacity: 0;}
	70% { -webkit-transform: scale(.7);opacity: 1;}
	85% { -webkit-transform: scale(1.2);opacity: 1;}
	95% { -webkit-transform: scale(.9);opacity: 1;}
	100% { -webkit-transform: scale(1);opacity: 1;}
}