@charset "utf-8";
/* html {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: gray;
} */
body,span, pre { padding:0; margin:0;
	font-family:"PingFang SC","Microsoft YaHei","微软雅黑","Myriad Pro","Hiragino Sans GB","Lucida Grande",sans-serif

}
ul ,li { list-style:none;}
ul,li,h1,h2,h3,h4 { padding:0; margin:0;}
* {
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
  outline: transparent;
}
a { text-decoration:none !important; color:#fff; outline:none;}
input,textarea{
	-webkit-appearance:none;
	outline:none;
}
a,img,button,input,textarea,span{
	-webkit-tap-highlight-color:transparent;
}
:focus, a, div, img {
		-webkit-tap-highlight-color: transparent;
}
dd, div, dl, dt, h1, h2, h3, h4, h5, h6, input, li, p, ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bgfff{
	animation:changeWhite 1s forwards;
	/* background-color: transparent;  */
  background-color: #fff!important;
  box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
@-webkit-keyframes changeWhite {
	from {background-color: transparent; }
	to { background-color: #fff!important; }
}
@keyframes changeWhite {
	from {background-color: transparent; }
	to { background-color: #fff!important; }
}
.backfff{
  background-color: #fff!important;
}
.bgcfff{
	background-color: #fff!important;
}
.c333{
  color: #333!important;
}
.por{
	position: relative;
}
.poa{
	position: absolute;
}
.pl120{
	padding-top:120px;
}
.pt241{
	padding-top:241px;
}
.pl242{
	padding-left: 242px;
}
.h550{
	height: 550px;
}
.w1090{
	width: 1090px;
	margin:0 auto;
}
p {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

img { border:0;}
.clearfix { *zoom:1;}
.clearfix .fl{
  float:left;
}
.clearfix .fr{
  float:right;
}
.clearfix:after {
  display: block;
  height: 0;
  content: "";
  opacity: 0;
  clear: both;
}

.body-min-width{
	min-width: 1140px;
}
.web-nav-width{
	min-width: 1200px;
}
/*app页面第一页*/
.first-page-wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	background-color: #f6f2e9;
	height: 0;
}
.bg-video{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pop_mask{
	width: 100%;
	position: absolute;
	top: 0;
	opacity: 0.2;
	z-index: 10;
	background: #000;
}
.white-bg{
	background:#f6f8f9;
  position: relative;
  z-index: 2;
}

.first-page-main{
  	top: 50%;
    left: 50%;
    transform: translate(-55%,-45%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
		position: absolute;
		z-index:11;
}
.first-page-main .iphone-wrapper{
	margin-right: 60px;
	width: 237px;
	display: block;
  height: 473px;
}
.iphone-wrapper .first-app{
	z-index: 15;
	width: 237px;
	display: block;
  height: 473px;
}
.first-page-main .description{
		display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.description .first-logo{
	width: 530px;
	display: block;
  height: 133px;
}
.description .first-scan{
	margin-top:35px;
	width: 159px;
	display: block;
  height: 179px;
}

/* .btn-wrap{
  overflow: hidden;
}
.download-btn{
  float: right;
  margin-top: 46px;
  background: #febf28;
  font-size: 22px;
  color: #fff;
  width: 210px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  cursor: pointer;
}
.download-btn:hover{
  background: #EAB024;
} */
  /*头部导航*/
.head-wrap{
	overflow: hidden;
  height: 80px;
	width:100%;
	top:0;
  position:fixed;
  z-index:999;
}
.head-wrap .head-main{
  height: 80px;
  width: 1410px;
	margin: 0 auto;
}
.logo-yellow{
	background-image: url('../../img/home_hd/2019new/website/logo-yellow.png')!important;
	background-size: 95px 30px!important;
	background-repeat: no-repeat!important;
}
.head-main .head-logo{
	width: 95px;
	height: 30px;
	background-image: url('../../img/home_hd/2019new/website/logo-white.png');
	background-repeat: no-repeat;
	margin: 25px 0 0 0;
	background-size: 95px 30px;
	float: left;
}
.head-main .head-ul{
	float: right;
	overflow: hidden;
	font-size: 16px;
	line-height: 80px;
}
.head-ul .head-li{
  float: right;
  position: relative;
	color:#fff;
	font-weight: bold;
	margin: 0 25.5px 0 25.5px;
}
.head-li .is-active:after{
  position: absolute;
	bottom: 20px;
	left: 12px;
	height: 3px;
	right: 12px;
	background: #febf28;
	content: "";
}
.web-min-width{
	min-width: 1140px;
	background:#f6f8f9;
}
.web-min-width.bgf3f8fd{
	background:#f3f8fd;
}

/*亲宝宝首页*/
.index-main .top-banner { 
	width:100%; 
	background:url('../../img/home_hd/2019new/website/index-banner.png') no-repeat center center; 
	height:650px; 
	background-size:cover;
	overflow: hidden;
}
.index-main .pop_mask{
	width: 100%;
	position: absolute;
	top: 0;
	height:650px;
	opacity: 0.2;
	z-index: 10;
	background: #000;
}
.index-main .index-page-main{
	top: 50%;
	left: 50%;
	transform: translate(-55%,-42%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index:11;
}
.index-page-main .iphone-wrapper{
	margin-right: 60px;
	width: 237px;
	display: block;
	height: 473px;
}
.index-page-main .index-description{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width:620px;
	margin-top: -70px;
}
.index-description .index-word{
	font-size:40px;
	font-weight:500;
	color:#fff;
	text-shadow:0px 1px 0px rgba(26,28,36,0.09);
}
.index-description  .index-des{
	font-size:18px;
	font-weight:500;
	color:rgba(255,255,255,1);
	margin-top:5px;
	line-height: 30px;
	text-shadow:0px 1px 0px rgba(26,28,36,0.09);
}
.index-description  .index-des p{
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
}
.index-description .btn-container{
	margin-top:20px;
}
.btn-container .jump-app{
	width:140px;
	height:40px;
	line-height: 40px;
	font-size:16px;
	cursor: pointer;
	background:rgba(254,191,40,1);
	/* box-shadow:0px 2px 6px 0px rgba(254,191,40,0.4); */
	border-radius:20px;
	color:rgba(255,255,255,1);
	text-align: center;
}

.btn-container .index-download{
	display: inline-block;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width:136px;
	height:36px;
	color:rgba(255,255,255,1);
	border:2px solid rgba(255,255,255,0.8);
	border-radius:20px;
	margin-left: 20px;
	cursor: pointer;
	position: relative;
}
.index-download:hover {
	border-radius: 20px 20px 0 0;
	background-color: #fff;
	color:#333; 
}
.index-download:hover:after{
	top:38px;
	opacity:1
}
.index-download:hover:before{
		top:33px;
		opacity:1;
}
 .index-download:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 136px;
	height: 120px;
	border-radius: 0 0 20px 20px;
	background-color: #fff;
	opacity: 0;
 }
 .index-download:after{
	content: "";
	position: absolute;
	top: 40px;
	width: 102px;
	height: 102px;
	background-image: url('../../img/home_hd/2019new/website/index-scan.png');
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
 }
/*首页的三个模块*/
.index-box{
	margin:0 auto;
	height: 542px;
	width:100%;
	padding-top:94px;
	box-sizing: border-box;
}
.index-box .index-item{
	width: 32%;
	padding: 40px 11px 0 20px;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px rgba(26,28,36,0.04);
	border-radius: 6px;
	margin-left: 1%;
	min-height: 283px;
	top:0;
	background-color: white;
}
.index-item:hover{
	top:-8px;
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	box-shadow: 0px 0px 20px 0px rgba(26,28,36,0.08);
}
.index-item .title{
	font-size:20px;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:30px;
}
.index-item .des{
	font-size:13px;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:22px;
	margin-top:15px;
}
.index-item .look{
	width:100px;
	height:30px;
	background:rgba(254,191,40,1);
	box-shadow:0px 2px 5px 0px rgba(254,191,40,0.27);
	border-radius:15px;
	font-size:14px;
	font-weight:400;
	text-align: center;
	color:rgba(255,255,255,1);
	line-height:30px;
	margin-top: 30px;

}
.index-item .img-horse{
	width:172px;
	height:108px;
	right:4px;
	bottom:0;
	display: block;
}
.index-item .img-play{
	width:164px;
	height:126px;
	right:7px;
	bottom:-3px;
	display: block;
}
.index-item .img-partner{
	width:160px;
	height:115px;
	right:7px;
	bottom:0;
	display: block;
}
.index-item .pb86{
	padding-bottom: 86px;
}
.index-item .pb108{
	padding-bottom: 108px;
}

/*关于我们*/
.about-qbb{
	/* font-family:PingFang SC; */
}
.about-qbb .top-banner { 
	width:100%; 
	position: relative;
	background:url('../../img/home_hd/2019new/website/about-bg.jpg') no-repeat center center; 
	height:448px; 
	background-size:cover;
	background-color:#edf6fa;
}
.about-qbb .introduce-box{
	padding: 50px 0 50px 0;
	width: 1097px;
	margin: 0 auto;
	font-size:18px;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:28px;
}
.introduce-box .introduce-title{
	font-size:30px;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:30px;
}
.about-qbb .timeline-box{
	background: #fbfbfb;
	padding: 100px 0 43px 0;
}
.timeline-box .title-event{
	font-size:40px;
	letter-spacing: 1px;
	font-weight:600;
	color:#333;
	text-align: center;
	line-height:30px;
	margin-bottom: 60px;
}
/*动效图*/
.each-item {
	color: #333;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 4px
}
.each-item .month {
	display: inline-block;
	text-align: right;
	width: 100px;
	margin-right: 34px;
	font-size:18px;
	color:#333;
	line-height: 24px;	
}

.each-item .progress {
	display: inline-block
}

.each-item .progress .dot {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ccc;
	margin: 10px auto 0
}

.each-item .progress .line {
	display: block;
	width: 1px;
	height: 60px;
	background-color: #eee;
	margin: 10px auto 0
}

.each-item .content {
	display: inline-block;
	margin-left: 45px;
	width: 540px;
	white-space: pre-wrap;
	overflow: hidden;
	font-size:18px;
	font-weight:bold;
	color:rgba(51,51,51,1);
	line-height: 24px;	
}

.each-item.selected {
	color: #000;
}
.each-item.selected .dot{
	background-color: #FFAD2C;
}
.each-item.selected .month{
	color: #FFAD2C;
	font-weight: bold;
}

.each-item.selected .process {
	display: block;
	background-color: #FFAD2C;
	transition: width .8s ease;
	-webkit-animation: time 2s infinite;
	animation: time 2s infinite
}
.each-item.selected .content {
	color: #FFAD2C;
}
.each-item:last-child .line,.each-item:last-child.selected .process {
	background-color: #fbfbfb;
}

@-webkit-keyframes time {
	0% {
			height: 0
	}

	to {
			height: 60px
	}
}

@keyframes time {
	0% {
			height: 0
	}

	to {
			height: 60px
	}
}
.mtop10{
	margin-top:10px;
}
.mtop15{
	margin-top:15px;
}
.mtop25{
	margin-top:20px;
}

/*swipper-媒体关注*/
.media-box{
	padding:100px 0 100px 0;
	width: 1100px;
	margin: 0 auto;
}
.media-box .media-concern{
	font-size:40px;
	letter-spacing: 1px;
	font-weight:bold;
	text-align: center;
	color:#333;
	margin-bottom:60px;
}
/* .media-wrap{
	width: 1140px;
	margin: 0 auto;
	padding-bottom: 110px;
	position: relative;
	background: url('../../img/home_hd/2019new/swiper-bg.png') no-repeat 435px 80px;
} */
.media-box .swiper-container{
	width:1088px;
	height: 417px;
	margin:0;
}
/*swiper*/
.media-box .swiper-slide{
	padding-top: 5px;
	display: block;
}
.swiper-slide-wrap{
	width: 1088px;
	height: 417px;
	margin: 0 auto;
	position: relative;
}
.swiper-slide-left{
	background: #fff;
	float: left;
	box-sizing: border-box;
	padding: 21px 35px 26px 18px;
	width: 529px;
	height:417px;
}
.swiper-slide-icon{
  margin-bottom:33px;
  font-size:14px;
  font-weight:300;
  color:#666;
  height:42px;
  line-height:42px;
}
.swiper-slide-icon img{
  width: 41px;
  height:41px;
  margin-right:8px;
  display: block;
}
.swiper-slide-title{
  font-size:18px;
	font-weight:bold;
	line-height: 26px;
  color:rgba(51,51,51,1);
  
}
.swiper-slide-des{
	margin-top: 15px;
  font-size:14px;
  font-weight:300;
  color:rgba(51,51,51,1);
  line-height:24px;
}
.swiper-slide-btn{
	line-height: 29px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
  color: #fff;
  width:104px;
	height:29px;
	margin-top: 25px;
  background:rgba(254,191,40,1);
  box-shadow:0px 2px 5px 0px rgba(254,191,40,0.3);
  border-radius:15px;
  font-weight:300;
}
.swiper-img {
	float: right;
	width: 559px;
	height: 417px;
}
.media-box .pagination{
	position: absolute;
  z-index: 20;
  left: 37px;
  bottom:30px;
  width:62px;
	text-align: center;
}
.media-box .swiper-pagination-switch {
	box-sizing: border-box;
	display: inline-block;
	width: 4px;
	height: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #8A8C93;
	margin: 0 3px;
  cursor: pointer;
  opacity: 0.2;
}
.media-box .swiper-active-switch {
  background: #8A8C93;
	opacity: 1;
}
.swiper-btn{
	width: 10px;
	height: 18px;
	position: absolute;
	top: 373px;
	cursor: pointer;
}
.swiper-prev{
	background: url('../../img/home_hd/2019new/website/prev.png') no-repeat;
	left: 27px;
	background-size: contain;
}
.swiper-next{
	background: url('../../img/home_hd/2019new/website/next.png') no-repeat;
	left:99px;
	background-size: contain;
}
/*关于我们-联系我们*/
.map-box{
	overflow: hidden;
	width: 100%;
	height: 533px;
	background-color:#fff;
	background-size: cover;
}
.contact-box{
	color: #595757;
	width: 1088px;
  font-size: 14px;
  margin:0 auto;
  padding: 100px 0 14px 0;
  box-sizing: border-box;
}
.contact-left{
  float: left;
  width: 50%;
  box-sizing: border-box;
	padding-left: 141px;
}
.contact-left-title{
  font-size:22px;
  font-weight:600;
  margin-bottom: 43px;
  color:rgba(51,51,51,1);
}
.contact-left-line .word{
  margin-bottom: 5px;
  font-size:18px;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.contact-left-line .email{
  font-size:18px;
	font-weight:600;
	user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
  color:rgba(51,51,51,1);
}
.contact-left-line{
	margin-bottom: 50px;
}
.contact-right{
  box-sizing: border-box;
	padding-left: 162px;
  width: 50%;
	float: right;
}
.contact-right-title{
  font-size:22px;
  font-weight:600;
  margin-bottom: 43px;
  color:rgba(51,51,51,1);
}
.contact-right-line{
	margin-bottom: 26px;
}
.contact-right-line .lagou{
  width: 130px;
  height:44px;
  display: block;
}
.contact-right-line .boss{
  width: 163px;
  height:44px;
  display: block;
}

/*底部*/
.footer-wrap{
  height: 278px;
	width:100%;
	background:#f6f8f9;
}
.footer-main{
  height: 278px;
  width: 1410px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 46px 0 0 0;
  position:relative;
}
.footer-box{
	width:60%;
	user-select: all;
}
.footer-product{
  width: 35%;
}
.footer-aboutus{
	width: 35%;
}
.footer-title{
  font-size:14px;
  font-weight:600;
  color:rgba(51,51,51,1);
  margin-bottom:24px
}
.footer-word-item{
	margin-bottom: 18px;
}
.footer-word-item .word{
	font-size: 14px;
	font-weight: 400;
	user-select: text;
	color: rgba(102,102,102,1);
}

.footer-logo{
  position:absolute;
  right:0;
  bottom:108px;
  width: 110px;
}
.footer-bottom-prove{
  position:absolute;
  bottom: 71px;
  right:0;
  font-size:12px;
  font-weight:400;
	color:rgba(153,153,153,1);
	user-select: text;
}
.footer-bottom-address{
  position:absolute;
  bottom: 46px;
  right:0;
  font-size:12px;
  font-weight:400;
	color:rgba(153,153,153,1);
	user-select: text;
}
.footer-href:hover {
	color: #536dfe
}
.footer-href {
	cursor: pointer;
}

/*优品页面*/
.mall-banner { 
	width: 100%; 
	background:url('../../img/home_hd/2019new/website/mall-index.png') no-repeat center center; 
	height: 686px; 
	background-color:#eaf0f4;
}
.mall-navs{
	width:1090px;
	height:132px;
	margin:7px auto 32px;
	display: block;
}
.mall-navs ul li{
	float:left;
	margin:0 5px;
}
.mall-navs ul li:first-child{
	margin-left:0;
}
.mall-navs ul li:last-child{
	margin-right:0;
}
.mall-navs-item .item-nav{
	width:210px;
	height:131px;
	background:#fff;
}
.item-nav img{
	width: 50px;
	height: 50px;
	margin:19px auto 25px;
	display: block;
}
.item-nav .word{
	font-size:14px;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:30px;
	text-align: center;
}

.mall-item-img{
	width:1090px;
	height:300px;
	margin:0 auto;
	display: block;
}
.mall-goods{
	margin:40px auto 60px;
	width:1090px;
}
.mall-goods .item-por{
	position: relative;
	width:265px;
	height: 265px;
	display: block;
}
.item-por .item-goods img{
	width:265px;
}
.mall-goods ul li{
	float:left;
	margin:0 5px;
	cursor: pointer;
}
.mall-goods ul li:first-child{
	margin-left:0;
}
.mall-goods ul li:last-child{
	margin-right:0;
}
.item-por .item-code{
	position:absolute;
	top:0;
	width:265px;
	height:265px;
	background:#fff;
	z-index:2;
	box-shadow:-1px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.item-por .item-goods{
	position:absolute;
	top:0;
	width:265px;
	height:225px;
	background:#fff;
	z-index:2;
	/* box-shadow:-1px 5px 20px 0px rgba(0, 0, 0, 0.05); */
}
.item-por .name{
	text-align:center;
	position: absolute;
	height:40px;
	line-height: 40px;
	font-size:16px;
	font-weight:400;
	color:rgba(51,51,51,1);
	left:50%;
	width: 225px;
	transform: translateX(-50%);
}

.item-code img{
	width: 100px;
	height: 100px;
	position: absolute;
	left:82.5px;
	top: 56px;
	display: block;
}
.item-code  .to-buy{
	text-align: center;
	position: absolute;
	bottom:35px;
	width:120px;
	font-size:18px;
	font-weight:400;
	color:rgba(51,51,51,1);
	left:50%;
	transform: translateX(-50%);
}
.mall-more{
	margin:60px auto 175px;
	width:200px;
	text-align: center;
}
.mall-more img{
	width: 185px;
	height:185px;
	display: block;
	margin:0 auto 10px;
}
.mall-more .mall-look-more{
	font-size:18px;
	font-weight:400;
	color:rgba(51,51,51,1);
}

/*app页面*/
.baby-container .baby-title{
	height: 254px;
	background-color: #fff;
	text-align: center;
	padding-top:100px;
	box-sizing: border-box;
}   
.baby-container .baby-title .title.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.baby-container .baby-title .des.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes slideDownReturn {
	0% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(100%);
						transform: translateY(100%);
						opacity: 0;
	}

	100% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(0%);
						transform: translateY(0%);
						opacity: 1;
	}
}
.baby-title .title{
	font-size:30px;
	font-weight:bold;
	color:#333333;
	opacity: 0;
	margin-bottom:15px;
} 
.baby-title .des{
	font-size:18px;
	font-weight:300;
	opacity: 0;
	color:#333333;
}
.box-item{
	width:1120px;
	height:700px;
	margin: 0 auto;
}
.icon-box img{
	width: 98px;
	height:98px;
	display: block;
}
.icon-box .box-title{
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
	margin-left:10px;
	color:#333;
}
.icon-box .box-des{
	font-size:14px;
	font-weight:400;
	margin-top:10px;
	margin-left:10px;
	color:#666666;
}
.box-item .img-box-circle{
	position: relative;
	box-sizing: border-box;
	padding-top:98px;
	padding-right:14px;
}


/* .img-box-circle .delay{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.img-box-circle.active .delay{
	opacity: 1;
}	
.img-box-circle.active .little{
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
}
.img-box-circle.active .middle{
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
}

.img-box-circle.active .big{
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
} */


/* .img-box-circle .little{
	width: 40px;
	height: 40px;
	display: block;
	right:90px;
	top: 430px;
	z-index:2;
	opacity: 0;
}
.img-box-circle.active .little{

}
@keyframes rotateInlittle {
	0% {
		transform-origin: center;
		transform: rotate(-200deg);
		opacity: 0
	}
	100% {
		transform-origin: center;
		transform: none;
		opacity: 1
	}
}

.img-box-circle .middle{
	width: 103px;
	height: 103px;
	display: block;
	left:110px;
	top: 352px;
	z-index:2;
	opacity: 0;
}
.img-box-circle.active .middle{
}
@keyframes rotateInmiddle {
	0% {
		transform-origin: center;
		transform: rotate(180deg);
		opacity: 0
	}
	100% {
		transform-origin: center;
		transform: none;
		opacity: 1
	}
}
.img-box-circle.active .big{
}
@keyframes rotateInbig {
	0% {
		transform-origin: center;
		transform: rotate(-100deg);
		opacity: 0
	}
	100% {
		transform-origin: center;
		transform: none;
		opacity: 1
	}
} */
.img-box-circle .little{
	width: 40px;
	height: 40px;
	display: block;
	right:90px;
	top: 430px;
	z-index:2;
	opacity: 0;
}
.img-box-circle .middle{
	width: 103px;
	height: 103px;
	display: block;
	left:110px;
	top: 352px;
	z-index:2;
	opacity: 0;
}
.img-box-circle .big{
	width: 160px;
	height: 160px;
	display: block;
	right:20px;
	top:250px;
	z-index:4;
	opacity: 0;
}
 .img-box-circle.active .delay:nth-child(2) {
	animation:h1 2s linear infinite
}
@keyframes h1 {
	19% {
			opacity:0
	}
	100%, 20% {
			opacity:1
	}
}
.img-box-circle.active .delay:nth-child(3) {
	animation:h2 2s linear infinite
}
@keyframes h2 {
	39% {
			opacity:0
	}
	100%, 40% {
			opacity:1
	}
}
.img-box-circle.active .delay:nth-child(4) {
	animation:h3 2s linear infinite
}
@keyframes h3 {
	59% {
			opacity:0
	}
	100%, 60% {
			opacity:1
	}
} 
.img-box-circle .circle{
	width: 343px;
	height: 505px;
	display: block;
}
.box-item .img-box-parent{
	box-sizing: border-box;
	position: relative;
	padding-top:72px;
	padding-left:120px;
}
.son-height .icon-box{
	opacity: 0;
}
.son-height .icon-box.active{
	animation-name: slideReturn;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.img-box-parent .parent{
	width: 300px;
	height: 543px;
	display: block;
}
.img-box-parent.active .mother{
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	left:44px;
}
.img-box-parent .mother{
	width: 338px;
	height: 140px;
	display: block;
	left:0;
	top:141px;
}
.img-box-parent.active .grandmother{
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	left:128px;
}

.img-box-parent .grandmother{
	width: 338px;
	height: 140px;
	display: block;
	left:200px;;
	top:258px;
}
.img-box-parent.active .uncle{
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1s;
	left:44px;
}
.img-box-parent .uncle{
	width: 338px;
	height: 131px;
	display: block;
	left: 0;
	top:371px;
}
.img-box-parent .delay{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.img-box-parent.active .delay{
	opacity: 1;
}	
.cloud-height .icon-box{
	opacity: 0;
}
.cloud-height .icon-box.active{
	animation-name: slideReturn;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.box-item .img-box-children{
	box-sizing: border-box;
	padding-top:88px;
	position: relative;
	padding-right:162px;
}

.img-box-children .children{
	width: 300px;
	height: 543px;
	display: block;
}

.img-box-children .play{
	width: 154px;
	height: 154px;
	display: block;
	left: -15px;
	top: 240px;
	opacity: 0;
}
.img-box-children.active .play{
	-webkit-animation: fadeInDownplay 1s ease-in 1 forwards;
	-moz-animation: fadeInDownplay 1s ease-in 1 forwards;
	-o-animation: fadeInDownplay 1s ease-in 1 forwards;
	-ms-animation: fadeInDownplay 1s ease-in 1 forwards;
	animation: fadeInDownplay 1s ease-in 1 forwards;
}
@keyframes fadeInDownplay {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}


.img-box-children .eat{
	width: 154px;
	height: 154px;
	display: block;
	left:157px;
	top:190px;
	opacity: 0;
}
.img-box-children.active .eat{
	-webkit-animation: fadeInDowneat 1s ease-in 1 forwards;
	-moz-animation: fadeInDowneat 1s ease-in 1 forwards;
	-o-animation: fadeInDowneat 1s ease-in 1 forwards;
	-ms-animation: fadeInDowneat 1s ease-in 1 forwards;
	animation: fadeInDowneat 1s ease-in 1 forwards;
}
@keyframes fadeInDowneat {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.img-box-children .look{
	width: 124px;
	height: 124px;
	display: block;
	left:163px;
	bottom:149px;
	opacity: 0;
}
.img-box-children.active .look{
	-webkit-animation: fadeInDownlook 1s ease-in 1 forwards;
	-moz-animation: fadeInDownlook 1s ease-in 1 forwards;
	-o-animation: fadeInDownlook 1s ease-in 1 forwards;
	-ms-animation: fadeInDownlook 1s ease-in 1 forwards;
	animation: fadeInDownlook 1s ease-in 1 forwards;
}
@keyframes fadeInDownlook {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.app-pad{
	padding-left: 98px;
	padding-top: 240px;
	opacity: 0;
}
.app-pad.active{
	animation-name: slideReturn;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@keyframes slideReturn {
	0% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(30%);
						transform: translateY(30%);
						opacity: 0;
	}

	100% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(0%);
						transform: translateY(0%);
						opacity: 1;
	}
}

/*另一个ai个性推送*/
.guide-container .guide-title{
	height: 340px;
	background-color: #fff;
	text-align: center;
	padding-top:110px;
	box-sizing: border-box;
}     

.guide-title .title{
	font-size:30px;
	font-weight:bold;
	color:#333333;
	opacity: 0;
	margin-bottom:30px;
} 
.guide-title .title.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.guide-title .des.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.guide-title .des{
	font-size:18px;
	font-weight:300;
	opacity: 0;
	color:#333333;
}
.guide-title .des p{
	color:#333;
	line-height: 30px;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
} 
.app-item{
	padding-top: 46px;
	width: 1120px;
	margin: 0 auto;
}
.app-item .app-item-parent{
	padding-left: 149px;
	padding-right:112px;
	opacity: 0;
}
.app-item .app-item-parent img{
	width: 361px;
	height: 645px;
	display: block;
}
.app-item .app-item-box{
	margin-top:196px;
	opacity: 0;
}
.app-item .app-item-parent.active{
	animation-name: slideImg;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.app-item .app-item-box.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes slideImg {
	0% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(3%);
						transform: translateY(3%);
						opacity: 0;
	}

	100% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(0%);
						transform: translateY(0%);
						opacity: 1;
	}
}
.app-item-box .box-title{
	font-size:22px;
	font-weight:bold;
	position: relative;
	margin-bottom: 20px;
	color:rgba(51,51,51,1);
}
.app-item-box .box-title:after{
	position: absolute;
	content:'';
	height:4px;
	background:rgba(250,171,20,1);
	width:26px;
	left: 0;
	top: 37px;
}
.app-item-box .box-des{
	font-size:18px;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:30px;
}

/* .guide-container .guide-item-box{
	margin-top: 40px;
}
.guide-item-box .guide-video-box{
	width:794px;
	height: 436px;
	top:203px;
	left:346px;

}
.guide-video-box .phone{
	width: 100%;
}
.guide-video-box .liuhai{
	width: 100%;
	width: 44px;
	height:185px;
	top:110px;
	right:40px;

}
.guide-video-box .play-video{
	width: 74px;
	width: 74px;
	top:161px;
	left:357px;
}

.guide-video-box .video{
	width: 682px;
	height:322px;
	top:37px;
	left:56px;
	object-fit: cover;
	object-position: center center;
	border-radius: 36px;
}
.guide-container .guide-ai-box{
	padding-top: 230px;
	height:1265px;
	box-sizing: border-box;
}*/


/*另一个模块带视频的*/
.app-ai-box{
	/* height: 808px; */
}
.app-ai-box .app-ai-item{
	padding-top: 34px;
	width: 1120px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.app-ai-item .app-at-box{
	padding: 196px 220px 0 96px;
	opacity: 0;
}
.app-ai-item .app-at-box.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.app-ai-item .app-ai-parent .athome{
	width: 363px;
	height: 647px;
	display: block;
}
.app-at-box .box-title{
	font-size:22px;
	font-weight:bold;
	position: relative;
	margin-bottom: 35px;
	color:rgba(51,51,51,1);
}
.app-at-box .box-title:after{
	position: absolute;
	content:'';
	height:4px;
	background:rgba(250,171,20,1);
	width:40px;
	left: 0;
	top: 37px;
}
.app-at-box .box-des{
	font-size:18px;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:30px;
}
.app-at-box .box-number{
	font-size:16px;
	font-weight:400;
	color:rgba(51,51,51,0.8);
	line-height:30px;
	margin-left: -10px;
}
.app-ai-box .video{
	width: 397px;
	height:225px;
	top:190px;
	left:-39px;
	object-fit: cover;
	object-position: center center;
	border-radius: 6px;
	opacity: 0;
}
.app-ai-item .app-ai-parent.active  .video{
	animation-name: slidePlay;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.app-ai-item .app-ai-parent.active  .play-video{
	animation-name: slidePlay;
	animation-duration: 1.5s;
  animation-fill-mode: both;
}
@keyframes slidePlay {
	0% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(0%);
						transform: translateY(0%);
						opacity: 0;
	}

	100% {
		-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
		-webkit-transform: translateY(0%);
						transform: translateY(0%);
						opacity: 1;
	}
}
.app-ai-box .play-video{
	width: 66px;
	height: 66px;
	top:272px;
	left:125px;
	opacity: 0;
}
/* .guide-item{
	width:1120px;
	padding:0 15px;
	margin: 0 auto;
} */

/* .guide-item .guide-educate{
	font-size:22px;
	font-weight:500;
	margin-bottom: 15px;
	color:rgba(51,51,51,1);
}
.guide-item .guide-des{
	height:20px;
	font-size:18px;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:20px;
}
.guide-item .guide-des .number{
	height:20px;
	font-size:16px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:20px;
	opacity:0.8;
}
.guide-push{
	width:1120px;
	padding:78px 0 0  324px;
	margin: 0 auto;
	box-sizing: border-box;
}
.guide-push img{
	width: 361px;
	height: 645px;
	margin-right:6px;
	display: block;
} */

/*亲宝玩数学*/
.play-banner{
	width: 100%;
	height: 600px;
	background:linear-gradient(0deg,rgba(83,109,254,1),#826eeb);
}
.play-banner .header-logo{
	position: absolute;
	top: 100px;
	left: 4px;
	width: 200px;
}
.play-page-main{
	left: 50%;
	top:50%;
	transform: translate(-46%, -50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
}
.play-page-main .play-athome{
	margin-top: 65px;
	z-index:2;
}
.play-page-main .play-athome img{
	width: 484px;
	display: block;
	height: 249px;
}
.play-athome .recive-free{
	font-size:30px;
	width:262px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size:20px;
	font-weight:400;
	color:rgba(86,109,253,1);
	cursor: pointer;
	background:rgba(255,235,17,1);
	box-shadow:-1px 1px 6px 0px rgba(83,109,254,0.2);
	border-radius:28px;
	margin-top: 70px;
	margin-bottom:18px;
}

.ft22{
	font-size: 22px;
}
.play-athome .register-tel{
	width: 280px;
}
.play-athome .register-tel input{
	line-height: 46px;
	padding-left: 30px;
	font-size: 16px;
	box-sizing: border-box;
	font-weight: 400;
	color: #333;
	border: none;
	width:280px;
	height:55px;
	background:rgba(255,255,255,1);
	box-shadow:-1px 1px 6px 0px rgba(83,109,254,0.2);
	border-radius:28px
}
.play-athome .registered-auditions{
	width: 160px;
	line-height: 55px;
	height:55px;
	margin-left:10px;
	background: #fff100;
	font-size: 20px;
	color: #566DFD;
	text-align: center;
	cursor: pointer;
	border-radius: 28px;
}
.play-ball img{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 830px;
	height:600px;
	margin-left:-156px;
}
.play-main .play-age{
	height: 550px;
	padding-top: 100px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}
.play-age .title{
	font-size:40px;
	font-weight:bold;
	color:#333333;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.play-age .title span{
	font-size:40px;
}
.play-age .desc{
	font-size:18px;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:26px;
	margin-bottom: 35px;
}

.play-age .desc span{
	font-weight: bold;
}
.play-age .play-shape{
	width:1088px;
	margin:0 auto;
	height:227px;
	display: block;
	line-height:24px;
}

.play-main .play-reason{
	height: 605px;
	padding-top: 100px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}
.play-reason .title{
	font-size:40px;
	font-weight:bold;
	color:#333333;
	margin-bottom: 60px;
	letter-spacing: 1px;
}
.play-reason .title span{
	font-size:40px;
}
.play-reason .reason-box{

}
.reason-box .reason-item{
	width: 250px;
	margin-right: 25px;
}
.reason-box .reason-item:last-child{
	margin-right: 0!important;
}
.reason-item img{
	width: 250px;
	height:225px;
 
}
.reason-item .text{
	text-align: center;
	margin-top: 30px;
	font-size: 22px;
}
.play-main .play-learn{
	height: 905px;
}
.play-learn .title-box{
	height: 275px;
	background-color: #536DFE;
	padding-top:100px;
	box-sizing: border-box;
	text-align: center;
	font-size:40px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#fff;
}
.title-box span{
	font-size: 40px;
}

.play-learn .learn-swiper{
	position: absolute;
	top:210px;
	left:50%;
	width: 968px;
	transform: translateX(-50%);
	height:400px;
	border-radius:8px;
}
.learn-swiper .swiper-banner{
	height:400px;
	width:968px;
	display: block;
}
.play-learn .swiper-slide{
	display: block;
}

.play-learn .pagination{
	position: absolute;
	top: 632px;
	left: 50%;
	width: 968px;
	transform: translateX(-50%);
}
.play-learn .swiper-pagination-bullet {
	box-sizing: border-box;
	padding: 30px 45px 0 30px;
	display: inline-block;
	width: 480px;
	height: 164px;
	background:rgba(83,109,254,0);
	border:3px solid rgba(83,109,254,1);
	border-radius:8px;
	cursor: pointer;
	opacity: 1;
}
.play-learn .swiper-pagination-bullet .title{
	font-size: 20px;
	font-weight:400;
	margin-bottom:8px;
	color:#333;
}
.play-learn .swiper-pagination-bullet .des{
	font-size: 18px;
	line-height:28px;
	font-weight:300;
	color:#333;
}
.play-learn .swiper-pagination-bullet:first-child{
	margin-right:6px;
}
.play-learn .swiper-pagination-bullet-active {
	background:rgba(83,109,254,1);
	border:3px solid rgba(83,109,254,1);
	border-radius:8px;
}
.play-learn .swiper-pagination-bullet-active .title{
	color:#fff!important;
}
.play-learn .swiper-pagination-bullet-active .des{
	color:#fff!important;
}
/*进阶学习*/
.play-main .play-progress{
	padding-bottom: 100px;
	padding-top: 100px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}
.play-progress .title{
	font-size:40px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#333;
	margin-bottom: 15px;
}
.progress-map {
	width: 100%;
	height: 433px;
}

.play-progress .des{
	font-size:18px;
	font-weight:300;
	color:#333;
	line-height:30px;
	margin-bottom:20px;
}
.play-progress .swiper-pagination-bullet {
	width:40px;
	height:4px;
	background:rgba(194,194,194,1);
	display: inline-block;
	cursor: pointer;
	opacity: 1;
	border-radius:0;
}
.play-progress .swiper-pagination-bullet:first-child{
	margin-right:13px;
}
.play-progress .swiper-pagination-bullet-active {
	background:rgba(83,109,254,1);
}
.play-progress .play-mark{
	font-size:12px;
	margin-top: 25px;
	font-weight:300;
	color:#999999;
	text-align: left;
}

/*陪伴无压力*/
.play-main .play-accompany{
	height: 610px;
	padding-top: 100px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}
.play-accompany .accompany-box{

}
.play-accompany .title{
	font-weight:bold;
	font-size: 40px;
	margin-bottom: 60px;
	letter-spacing: 1px;
	color:rgba(51,51,51,1);
}
.accompany-box .accompany-item{
	width: 260px;
	margin-right: 16px;
}
.accompany-box .accompany-item:last-child{
	margin-right: 0!important;
}
.accompany-item img{
	width: 260px;
	height:220px;
	
}
.accompany-item .text{
	text-align: center;
	margin-top: 30px;
	font-size:24px;
	font-weight:500;
	color:#333;
}
.accompany-item .des{
	font-size:14px;
	margin-top: 10px;
	font-weight:300;
	color:#333;
	line-height:22px;
}

/*全程有指导*/
.play-main .play-guide{
	height: 1275px;
	padding-top: 95px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}
.play-guide .title{
	font-size:40px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#333;
	margin-bottom: 15px;
}
.play-guide .des{
	font-size:18px;
	font-weight:300;
	color:#333;
	line-height:28px;
	margin-bottom:60px;
}

.play-guide-teacher{
		width: 1060px;
		margin: 0 auto 60px;
		height:300px;
}

.play-guide-teacher  .teacher{
	width: 328px;
	display: block;
	height: 300px;
	margin-right: 100px;
}
.play-guide-communicate{
	width: 1060px;
	margin: 0 auto;
	height: 570px;
}
.play-guide-communicate  .communicate{
	width: 433px;
	display: block;
	height: 570px;
	margin-left: 15px;
}

.first-line .circle{
	width: 16px;
	height: 16px;
	background-color: #536DFE;
	border-radius: 50%;
	margin-right: 20px;
	margin-left: 15px;
}
.first-line .circle:after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	top: 3px;
	left: 3px;
}
.description-box{
	width: 615px;
	text-align: left;
}

.description-box .first-line{
	margin-top: 50px;
	font-size:22px;
	font-weight:500;
	display: flex;
	align-items: center;
	color:#333;
	line-height:24px;
}

.description-box .introduce-box{
	padding:32px 34px;
	margin-top:15px;
	font-size:18px;
	font-weight:300;
	color:#fff;
	line-height:28px;
	background:rgba(49,193,191,1);
	box-shadow:-7px 7px 30px 0px rgba(49,193,191,0.08);
	border-radius:10px;
	box-sizing: border-box;
	position: relative;
}
.description-box .introduce-box:after{
		box-sizing: content-box;
		width: 0px;
		height: 0px;
		position: absolute;
		top: 18px;;
		left: -18px;
		padding:0;
		border-right: 9px solid rgba(49,193,191,1);
		border-top:9px solid transparent;
		border-bottom:9px solid transparent;
		border-left:9px solid transparent;
		display: block;
		content:'';
		z-index:10
}
.description-box.w560{
	width: 560px;
}
.description-box .question-box{
	padding:32px 28px;
	margin-top:15px;
	font-size:18px;
	font-weight:300;
	color:#fff;
	line-height:28px;
	background:#8495FF;
	box-shadow:-7px 7px 30px 0px rgba(49,193,191,0.08);
	border-radius:10px;
	box-sizing: border-box;
	position: relative;
}
.description-box .question-box:after{
	box-sizing: content-box;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 18px;;
	right: -18px;
	padding:0;
	border-right: 9px solid transparent;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-left:9px solid#8495FF;
	display: block;
	content:'';
	z-index:10
}

/*底部*/
.section-bottom{
	position: fixed;
	bottom: 20px;
	left: 0;
	bottom: -160px;
	z-index: 200;
	width: 100%;
	height: 80px;
	line-height: 80px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	min-width: 1080px;
	background: rgba(0,0,0,.7);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.section-bottom.active{
	bottom: 20px;
	opacity: 1;
	-webkit-animation: showBottom .25s ease-in 1 forwards;
	-moz-animation: showBottom .25s ease-in 1 forwards;
	-o-animation: showBottom .25s ease-in 1 forwards;
	-ms-animation: showBottom .25s ease-in 1 forwards;
	animation: showBottom .25s ease-in 1 forwards;
}
.section-bottom.hideB{
	-webkit-animation: hideBottom .25s ease-in 1 forwards;
	-moz-animation: hideBottom .25s ease-in 1 forwards;
	-o-animation: hideBottom .25s ease-in 1 forwards;
	-ms-animation: hideBottom .25s ease-in 1 forwards;
	animation: hideBottom .25s ease-in 1 forwards;
}
@-moz-keyframes showBottom {
	0% {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
	to {
			bottom:0;
			opacity:1;
			-ms-filter:none;
			filter:none
	}
}
@-webkit-keyframes showBottom {
	0% {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
	to {
			bottom:0;
			opacity:1;
			-ms-filter:none;
			filter:none
	}
}
@-o-keyframes showBottom {
	0% {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
	to {
			bottom:0;
			opacity:1;
			-ms-filter:none;
			filter:none
	}
}
@keyframes showBottom {
	0% {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
	to {
			bottom:0;
			opacity:1;
			-ms-filter:none;
			filter:none
	}
}
@-moz-keyframes hideBottom {
	0% {
			bottom:0;
			opacity:1;
			-ms-filter:none;
			filter:none
	}
	to {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
}
@-webkit-keyframes hideBottom {
	0% {
			bottom:0;
			/* opacity:1; */
			-ms-filter:none;
			filter:none
	}
	to {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
}
@-o-keyframes hideBottom {
	0% {
			bottom:0;
			opacity:1;
			-ms-filter:none;
			filter:none
	}
	to {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
}
@keyframes hideBottom {
	0% {
			bottom:0;
			opacity:1;
			-ms-filter:none;
			filter:none
	}
	to {
			bottom:-68px;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0)
	}
}
.section-bottom .bottom-con {
	position: relative;
	height: 100%;
	margin: 0 auto;
	width:1080px;
}
.section-bottom .bottom-con .person {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 156px;
}
.section-bottom .bottom-con  .play-bottom-box{
	padding-left: 163px;
	color: #fff;
	font-size: 28px;
	line-height: 30px;
	margin-top:16px;
}
.play-bottom-box .play-learnage{
	color: #fff;
	font-size: 14px;
}
.play-empty-bgcfff{
	background-color:#fff;
	height: 100px;
}
.section-bottom .bottom-con .register {
	position: relative;
	padding-top: 15px;
	padding-left: 50px;
}
.section-bottom .bottom-con .register .box {
		position: relative;
		width: 464px;
		height: 50px;
}
.section-bottom .bottom-con .register .box .con {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius:28px;
}
.section-bottom .bottom-con .register input {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 45px;
	color: #333;
	font-size: 18px;
	border-radius: 4px;
	border: none;
}
.section-bottom .bottom-con .register .btn {
	position: absolute;
	right: 0;
	top: 0;
	margin-left: 10px;
	width: 130px;
	height: 56px;
	line-height: 56px;
	background: #536DFE;
	text-align: center;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
}
.section-bottom .bottom-con .register .close-btn {
	position: absolute;
	top: 24px;
	right: -60px;
	width: 30px;
	cursor: pointer;
}
/*媒体查询兼容*/
@media (max-width: 1440px) and (min-width: 1411px){
	.head-main {
			width: 1290px!important;
	}
	.footer-main{
		width: 1290px!important;
	}
}
@media (max-width: 1410px) and (min-width: 1125px){
	.head-main {
			width: 90%!important;
	}
	.footer-main{
		width: 90%!important;
	}
}
@media (max-width: 1124px){
	.head-main {
		width: 1124px!important;
	}
	.head-main .head-ul{
		overflow: auto!important;
	}
	.footer-wrap{
		width: 1124px!important;
	}
	.footer-main{
		width: 1094px!important;
	}
	
}
/*首页的模块*/
@media (max-width: 1330px) and (min-width: 0){
	.index-item{
		min-height: 342px!important;
	}
}
@media (max-width: 1920px) and (min-width: 1440px){
	.index-item{
		min-height: 320px!important;
	}
	.index-box{
		margin:0 auto!important;
		width: 1400px!important;
	}
}
@media (max-width: 1440px) and (min-width: 1200px){
	.index-item{
		min-height: 320px!important;
	}
	.index-box{
		margin:0 auto!important;
		width: 1300px!important;
	}
}

.water .partner-logos{
	display: block;
	width: 338px; 
	height: 355px;
	top: 315px;
	left:50%;
	transform: translateX(-50%);
	z-index:11;
	
}
.water .partner-hands{
	display: block;
	width: 90px; 
	height: 115px;
	top: 610px;
	margin:0 auto;
	left:50%;
	transform: translateX(-50%);
	z-index: 12;
	margin-left: 10px;
	-webkit-animation:pluginUfo 1s linear infinite;
  animation:pluginUfo 1s linear infinite
}
@-webkit-keyframes pluginUfo {
	0%, 100% {
			-webkit-transform:translate(-50%, 0);
			transform:translate(-50%, 0)
	}
	
	50% {
			-webkit-transform:translate(-50%, 6px);
			transform:translate(-50%, 6px)
	}
	
}
@keyframes pluginUfo {
	0%, 100% {
			-webkit-transform:translate(-50%, 0);
			transform:translate(-50%, 0)
	}
	
	50% {
			-webkit-transform:translate(-50%, 6px);
			transform:translate(-50%, 6px)
	}
	/* 80% {
			-webkit-transform:translate(5px, 2px);
			transform:translate(5px, 2px)
	} */
}

.partner-main .partner-chart{
	padding-top: 100px;
	margin-bottom: 100px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}
.partner-main .chart-box{
	background: rgba(240,248,255,1);
}
.partner-chart .title{
	font-size:40px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#333333;
	opacity: 0;
	margin-bottom: 15px;
}
.partner-chart .desc{
	font-size:18px;
	font-weight:300;
	color:#333;
	opacity: 0;
	margin-bottom: 60px;
}
.partner-chart .chart-words{
	color: #333;
}
.partner-chart .title.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.partner-chart .desc.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.partner-chart .chart-img{
	display: block;
	width: 876px;
	height: 460px;
	margin:0 auto 50px;
}
.partner-chart .chart-word{
	font-size:20px;
	font-weight:400;
	color:#333;
}

.partner-main .partner-sleep{
	padding: 100px 0 100px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}
.partner-sleep .title{
	font-size:40px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#333333;
	opacity: 0;
	margin-bottom: 15px;
}
.partner-sleep .desc{
	font-size:18px;
	font-weight:300;
	color:#333;
	opacity: 0;
	margin-bottom: 60px;
}
.partner-sleep .title.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}
.partner-sleep .desc.active{
	animation-name: slideDownReturn;
	animation-duration: 1s;
  animation-fill-mode: both;
}


.partner-main .partner-timeline{

}
.partner-timeline .timeline-box{
	width: 260px;
}
.partner-timeline .timeline-img{
	width: 782px;
	height: 630px;
	margin-left: 42px;
	overflow: hidden;
	overflow:hidden;
	background-image:url('../../img/home_hd/2019new/website/partner-sleepa.jpg');
	background-repeat:no-repeat; 
	background-size: 100% 100%;
	/* animation-timing-function:ease-in-out;
	animation-name:breathe;
	animation-duration:2700ms;
	animation-iteration-count:infinite;
	animation-direction:alternate; */
}
.timeline-img .eyes{
	width: 176px;
	top: 319px;
	right: 154px;
	animation-timing-function:ease-in-out;
	background-position:100% 100%;
	animation-name:breathe;
	animation-duration:2700ms;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}

@keyframes breathe {
	0% {
		opacity:.2;
		background-repeat:no-repeat; 
		background-size: 100% 100%;
	}
	100% {
		opacity:1;
		background-repeat:no-repeat; 
		background-size: 100% 100%;
	}
}
.bubble__container {
	width: 100%;
	height: 100%;
	top: 200px;
	left: 470px;
	position: absolute;
}
.bubble__1{
	left: 71px;
}
.bubble__2{
	left: 100px;
}
.bubble__3{
	left: 90px;
}
.bubble__4{
	left: 80px;
}
.bubble__container.active .bubble__1{
	animation: animateBubble 1s linear infinite,sideWays 1s ease-in-out infinite alternate;
}
.bubble__container.active .bubble__2{
	animation-delay: .5s
}
.bubble__container.active .bubble__3{
	animation-delay: .7s
}
.bubble__container.active .bubble__4{
	animation: animateBubble 1s linear infinite,sideWays 1s ease-in-out infinite alternate;
	animation-delay: .2s
}
 .bubble__container .bubble__1,  .bubble__container .bubble__2,  .bubble__container .bubble__3{
	animation: animateBubble 1s linear infinite,sideWays 1s ease-in-out infinite alternate
 }
.bubble__1, .bubble__2, .bubble__3, .bubble__4 {
	width: 20px;
	height: 20px;
	background: url('../../img/home_hd/2019new/website/partner-big.png') no-repeat;
	background-size:100% 100%;
	position: absolute;
	transform: translate3d(0,0,0);
	top: 0;
	opacity: 0;
}
@keyframes animateBubble {
	0%{
		transform: translateY(89px);
		opacity: 1;
	}
	100%{
		transform: translateY(0) scale(.2);
		opacity:0
	}
}
@keyframes slideWays {
	0%{
		margin-left: 0
	}
	100%{
		margin-left: 20px
	}
}
.timeline-img .big{
	display: block;
	right: 205px;
	top:233px;
	width: 34px;
	height: 50px;
	opacity:0;
}
.timeline-img .middle{
	display: block;
	right: 216px;
	top:169px;
	width: 37px;
	height: 28px;
	opacity:0;

}
.timeline-img .little{
	display: block;
	right: 168px;
	top:125px;
	width: 24px;
	height: 36px;
	opacity:0;
}
.timeline-img.active .big {
	animation:h1 2s linear infinite
}
@keyframes h1 {
	19% {
			opacity:0
	}
	100%, 20% {
			opacity:1
	}
}
.timeline-img.active .middle {
	animation:h2 2s linear infinite
}
@keyframes h2 {
	39% {
			opacity:0
	}
	100%, 40% {
			opacity:1
	}
}
.timeline-img.active .little {
	animation:h3 2s linear infinite
}
@keyframes h3 {
	59% {
			opacity:0
	}
	100%, 60% {
			opacity:1
	}
}
.timeline-box .sleep-item{
	width: 260px;
	height:150px;
	margin-bottom: 13px;
}
.timeline-box .sleep-item img{
	width: 260px;
	height:150px;
}
.timeline-box .sleep-item:first-child{
	margin-top: -15px;
}
.timeline-box .sleep-item .time{
	position: absolute;
	font-size:22px;
	font-weight:500;
	color:rgba(255,255,255,1);
	top: 18px;
	left:10px;
}
.timeline-box .sleep-item .word{
	position: absolute;
	font-size:20px;
	font-weight:500;
	color:rgba(255,255,255,1);
	bottom: 18px;
	left:10px;
}

.voice-box{
	padding-top: 48px;

}
.voice-box .voice-item{
	width: 333px;
	height:440px;
	margin-top: 42px;
	margin-right: 37px;
	opacity: 0;
	box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.04);
	border-radius:8px;
}
.voice-box .firstLine.active{
	animation-name: slideReturn;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.voice-box .secondLine.active{
	animation-name: slideReturn;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.voice-box .voice-item:nth-child(3n){
	margin-right: 0!important;
}
.voice-item img{
	width: 333px;
	height:333px;
}

.voice-item .des{
	font-size:18px;
	margin-top:26px;
	font-weight:400;
	color:#333;
	line-height:28px;
}
.voice-item .center{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 102px;
}
.explore-container{
	background-color: #313849;
}
.partner-explore{
	padding: 100px 0 100px;
	text-align: center;
}
.partner-explore .title{
	font-size:40px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#fff;
	margin-bottom: 50px;
	opacity: 0;
}
.partner-explore .title.active{
	animation-name: slideReturn;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.explore-box{
	opacity: 0;
}
.explore-box.active{
	animation-name: opcaityReturn;
	animation-duration: 0.8s;
  animation-fill-mode: both;
}
.explore-box .explore-item{
	width: 100px;
	padding-top: 55px;
	margin-right: 145px;
}
.explore-box .explore-item:nth-child(5n){
	margin-right: 0!important;
}
.explore-item img{
	width: 78px;
	height:78px;
	margin:0 auto;
}
.explore-item .des{
	margin-top:20px;
	font-size:16px;
	font-weight:400;
	color:#fff;
}
.partner-buy{
	height: 250px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.partner-buy .buy-btn{
	width:357px;
	height:81px;
	background:rgba(255,255,255,1);
	border:3px solid #000;
	border-radius:8px;
	font-size:22px;
	font-weight:400;
	color:rgba(63,62,62,1);
	line-height:24px;
	opacity: 0;
}
.partner-buy .buy-btn.active{
	animation-name: slideDownReturn;
	animation-duration: 0.8s;
  animation-fill-mode: both;
}
.partner-buy .top-bottom-center{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.buy-btn .arrow-right{
	width: 25px;
	height:26px;
	padding-left:20px;
}




.divide-logo1 {
	z-index:10;
	margin: 0 auto;
	background: url('../../img/home_hd/2019new/website/partner-cirlces.png') no-repeat;
	color: #fff;
	font-size: 16px;
	line-height: 400px;
	text-align: center;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	border-radius: 50%;
}
/* .divide-logo1:after{
	content: "";
	display: block;
	width: 382px;
	height: 382px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	top: 9px;
	left: 9px;
} */

.divide-logo1-circle1,
.divide-logo1-circle2,
.divide-logo1-circle3,
.divide-logo1-circle4 {
		position: absolute;
		background: url('../../img/home_hd/2019new/website/partner-cirlces.png') no-repeat;
		background-size: contain;
		opacity: 0;
		/* -webkit-animation: scale 3.2s ease infinite normal;
		animation: scale 3.2s ease infinite normal; */
}
.divide-logo1-circle1{
	z-index: 2000;
	width: 400px;
	height: 400px;
	top: 0;
	left: 0;
}

.divide-logo1-circle2 {
	z-index: 1999;
	width: 500px;
	height: 500px;
	top: -50px;
	left: -50px;
}
.divide-logo1-circle3 {
	z-index: 1998;
	width: 600px;
	height: 600px;
	left: -100px;
	top: -100px;
}
.divide-logo1-circle4 {
	z-index: 1997;
	width: 700px;
	height: 700px;
	left: -150px;
	top: -150px;
}
.partner-question.active .divide-logo1-circle1{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	opacity: 1;
}
.partner-question.active .divide-logo1-circle2{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	opacity: 1;
}
.partner-question.active .divide-logo1-circle3{
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	opacity: 1;
}
.partner-question.active .divide-logo1-circle4{
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	opacity: 1;
}

@-webkit-keyframes scale {
		0% {
				-webkit-transform: scale(1);
				transform: scale(1);
				opacity: 1
		}
		80%,
		100% {
				-webkit-transform: scale(2);
				transform: scale(2);
				opacity: 0
		}
}
@keyframes scale {
	0% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
	}
	80%,
	100% {
			-webkit-transform: scale(2);
			transform: scale(2);
			opacity: 0
	}
}
.bgpink{
	background-color: #798db6;
	height: 630px;
	opacity: 0;
}
.bgpink.active{
	animation-name: opcaityReturn;
	animation-duration: 0.8s;
  animation-fill-mode: both;
}
@keyframes opcaityReturn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}



.play-flash .flash-swiper{
	width: 1090px;

}
.flash-swiper .swiper-box{
	width: 175px;
	height: 550px;
	display: block;
	background:#fff;
	background-size: 100%;
}
.play-flash .swiper-slide{
	display: block;
}

.play-flash .pagination{
	position: relative;
	margin-top:35px;
}
.play-flash .swiper-pagination-bullet {
	width:40px;
	height:4px;
	background:rgba(194,194,194,1);
	display: inline-block;
	cursor: pointer;
	opacity: 1;
	border-radius:0;
}
.play-flash .swiper-pagination-bullet:first-child{
	margin-right:13px;
}
.play-flash .swiper-pagination-bullet-active {
	background:rgba(83,109,254,1);
}



.ani-bg {
	width: 594px;
	height: 231px;
	position: absolute;
	top: 80px;
	right: 80px;
	background: #000
}
.ani-box1{
	position: absolute;
	top: 190px;
	left: 500px;
	z-index: 100;
}
.ani-box2{
	position: absolute;
	top: 325px;
	left: 647px;
	z-index: 100;
}
.ani-box3{
	position: absolute;
	top: 450px;
	left: 690px;
	z-index: 100;
}
.ani-box4{
	position: absolute;
	top: 250px;
	left: 88px;
	z-index: 100;
}

.ani-box5{
	position: absolute;
	top: 450px;
	left: 7px;
	z-index: 100;
}
.partner-question .delay{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.partner-question.active .delay{
	opacity: 1;
}	
.partner-question.active .ani-box1{
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
}
.partner-question.active .ani-box2{
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}
.partner-question.active .ani-box3{
	transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
}
.partner-question.active .ani-box4{
	transition-delay: 1.6s;
	-webkit-transition-delay: 1.6s;
}
.partner-question.active .ani-box5{
	transition-delay: 2s;
	-webkit-transition-delay: 2s;
}


.ani-dot {
/* width: 13px;
height: 13px;
background: #74B7F9;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
top: 250px;
left: 400px;
z-index: 100;
opacity: 0;
-webkit-animation: anidot 3.8s linear .66s forwards;
animation: anidot 3.8s linear .66s forwards */
width: 13px;
height: 13px;
background: #74B7F9;
-webkit-border-radius: 100%;
border-radius: 100%;
z-index: 100;
opacity: 0;
-webkit-animation: anidot 3.8s linear .66s forwards;
animation: anidot 3.8s linear .66s forwards;
}

.ani-xian {
/* position: absolute;
top: 92px;
left: 1060px;
width: 0;
height: 38px;
top: 240px;
left: 412px;
z-index:100;
overflow: hidden;
opacity: 1;
-webkit-animation: anixian 3.8s linear 1.13s forwards;
animation: anixian 3.8s linear 1.13s forwards */
width: 0;
z-index: 100;
float: left;
margin-top: -10px;
overflow: hidden;
opacity: 1;
-webkit-animation: anixian 3.8s linear 1.13s forwards;
animation: anixian 3.8s linear 1.13s forwards;
}

.ani-xian>i {
background: #74B7F9;
opacity: .5;
display: inline-block
}

.ani-xian>i:first-of-type {
position: relative;
bottom: 0;
left: 0;
width: 74px;
height: 1px
}

.ani-xian>i:nth-of-type(2) {
position: relative;
width: 30px;
height: 1px;
left: 73px;
bottom: 21px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}

.ani-icon2 {
/* font-size:20px;
font-weight:400;
padding: 0 20px;
height: 48px;
line-height: 48px;
color:rgba(51,51,51,1);
background:rgba(116,183,249,0.2);
border:1px solid rgba(255,255,255,1);
border-radius:23px;
position: absolute;
left: 440px;
top: 230px;
z-index:100;
display: block;
opacity: 0;
-webkit-animation: flush 11.4s linear 1.6s forwards;
animation: flush 11.4s linear 1.6s forwards;
-webkit-background-size: auto 228px;
background-size: auto 228px */
font-size: 18px;
padding: 0 20px;
margin-top: -17px;
font-weight: 400;
height: 48px;
line-height: 48px;
color: rgba(51,51,51,1);
background: rgba(116,183,249,0.2);
border: 1px solid rgba(255,255,255,1);
border-radius: 23px;
z-index: 100;
display: block;
opacity: 0;
-webkit-animation: flush 11.4s linear 1.6s forwards;
animation: flush 11.4s linear 1.6s forwards;
-webkit-background-size: auto 228px;
background-size: auto 228px;
}

@-webkit-keyframes anixian {
0% {
width: 0;
opacity: 1
}

15% {
width: 29px;
opacity: 1
}

71.84%,to {
width: 29px;
opacity: 1
}
/* 
80.79%,to {
width: 29px;
opacity: 0
} */
}

@keyframes anixian {
0% {
width: 0;
opacity: 1
}

15% {
width: 29px;
opacity: 1
}

71.84% ,to{
width: 29px;
opacity: 1
}

/* 80.79%,to {
width: 29px;
opacity: 0
} */
}

@-webkit-keyframes anidot {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1
}

6.315% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1
}

10.526%,84.21%,to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
/* 
93.157%,to {
opacity: 0
} */
}

@keyframes anidot {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1
}

6.315% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1
}

10.526%,84.21%,to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
/* 93.157%,to {
opacity: 0
} */
}

@-webkit-keyframes flush {
0% {
opacity: 0
}

2.89%,19.298%,36.228%,52.631%,69.561%,85.965%,to {
opacity: 1
}
}

@keyframes flush {
0% {
opacity: 0
}

2.89%,19.298%,36.228%,52.631%,69.561%,85.965%,to {
opacity: 1
}
}
/*下载弹框*/
.down-container{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
}
.down-container .pop_mask_all{
	width:100%;
	height:100%;
	position: fixed;
	background-color: #000;
	opacity: 0.4;
	top:0;
	left:0;
	z-index:10002;
}
.down-container .download-box{
	width: 500px;
	height: 470px;
	position: absolute;
	transform: translate(-50%,-50%);
	background-color: #fff;
	left: 50%;
	top:50%;
	box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.06);
	border-radius:6px;
	text-align:center;
	font-weight:500;
	padding: 60px 0;
	font-size:22px;
	color: #333;
	line-height:34px;
	z-index: 10003;
}
.down-container .download-box img{
	width: 227px;
	height: 227px;
	margin: 50px auto 0;
}