.home {}
/* 顶部 */
.home .home-header{
  height: 572px;
	width: 100%;
	overflow: hidden;
}
.home .home-header__container{
  width: 1060px;
  margin: 0 auto;
}
.home .home-header__container::after{
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.home .home-header__right{
  float: right;
  margin-top: 210px;
  margin-right: 38px;
}
.home .home-header__logo{
  width: 360px;
}
.home .home-header__download{
  margin-top: 53px;
}
.home .home-header__left{
  width: 490px;
  height: auto;
  background-size: cover;
  margin-top: 60px;
  margin-left: 30px;
  float: left;
  display: block;
}
.home .home-header__left.wap{
  display: none;
}

.home .home-header__iphone{
  display: inline-block;
  width: 170px;
  height: 40px;
  background: url('../img/iphone-download.svg') no-repeat;
  background-size: contain;
  background-size: 100%;
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/iphone-download.png',sizingMethod='scale')";
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/iphone-download.png',sizingMethod='scale')";
}
/* .home .home-header__iphone:hover{
  background: url('../img/iphone-download-active.svg') center/100% no-repeat;
}
.home .home-header__iphone:active{
  background: url('../img/iphone-download-active.svg') center/100% no-repeat;
} */

.home .home-header__android{
  float: right;
  display: inline-block;
  width: 170px;
  height: 40px;
  background: url('../img/android-download.png') no-repeat;
  background-size: contain;
  background-size: 100%;
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/android-download.png',sizingMethod='scale')";
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/android-download.png',sizingMethod='scale')";
}
/* .home .home-header__android:hover{
  background: url('../img/android-download-active.png') center/100% no-repeat;
}
.home .home-header__android:active{
  background: url('../img/android-download-active.png') center/100% no-repeat;
} */


/* 内容区 */
.home .home-main{
  width: 100%;
  display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #F6F7F8;
	height: 730px;
}
.home .home-main__title{
  align-items: center;
	font-size: 32px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 60px;
}
.home .home-main__content{
  display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 885px;
	margin: 0 auto;
}
.home .home-main__item{
  display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 235px;
	height: 280px;
	text-align: center;
	border-radius:8px;
}
.home .home-main__item-icon{
  width: 86px;
	height: 86px;
	margin: 0 auto;
}
.home .home-main__item-icon.icon1{
  background: url('../img/fun-icon1.png') center/100% no-repeat;
}
.home .home-main__item-icon.icon2{
  background: url('../img/fun-icon2.png') center/100% no-repeat;
}
.home .home-main__item-icon.icon3{
  background: url('../img/fun-icon3.png') center/100% no-repeat;
}


.home .home-main__item-name{
  font-size: 24px;
	margin-top: 34px;
}
.home .home-main__item-desc{
  color: #868D93;
	font-size: 14px;
	margin-top: 12px;
}

.home .home-header__download{
  margin-top: 53px;
}


/* 底部 */
.home .home-footer{
  width: 100%;
	background: #282828;
	color: #666666;
	font-size: 14px;
	height: 295px;
}
.home .home-footer__top{
  display: -webkit-flex;
	display: flex;
	width: 960px;
	margin: 0 auto;
}
.home .home-footer__info{
  flex: 1;
  text-align: center;
}
.home .home-footer__info-contact{
  display: inline-block;
	font-size: 14px;
	margin-top: 61px;
}
.home .home-footer__info-contact.wechat{
  margin-left: 30px;
	position: relative;
}
.home .home-footer__info-contact.wechat::before{
  content: '';
	position: absolute;
	top: 0;
	left: -24px;
  width: 20px;
  height: 20px;
	background: url('../img/wechat-icon.png') no-repeat;
	background-size: contain;
}
.home .home-footer__info-contact.business{
  margin-left: 50px;
	position: relative;
}
.home .home-footer__info-contact.business::before{
  content: '';
	position: absolute;
	top: 0;
	left: -24px;
  width: 20px;
  height: 20px;
	background: url('../img/business-icon.png') no-repeat;
	background-size: contain;
}
.home .home-footer__info-company{
  margin-top: 27px;
}
.home .home-footer__info-phone{
  margin-top: 18px;
}
.home .home-footer__info-address{
  margin-top: 18px;
}
.home .home-footer__copyright{
  text-align: center;
	margin-top: 50px;
}
.home .home-footer__copyright a{
  color: #666666;
}

/* 适配 */
@media (max-width: 768px) {
  html {
		width: 100%;
		font-size: 62.5%;
  }
  body {
		min-width: 0;
		width: 100%;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
  }

  /* 顶部 */
  .home .home-header{
    height: auto;
  }
  .home .home-header{
    height: auto;
  }
  .home .home-header__container{
    width: 100%;
    padding: 0;
  }

  .home .home-header__right{
    float: none;
		margin: 60px auto 0 auto;
  }
  .home .home-header__logo{
    width: 286px;
		margin: 0 auto;
    display: block;
  }

  .home .home-header__download{
    width: 286px;
    margin: 38px auto 0 auto;
  }
 
  .home .home-header__iphone{
    width: 136px;
    height: 40px;
  }
  .home .home-header__iphone:hover{
    width: 136px;
    height: 40px;
  }
  .home .home-header__iphone:active{
    width: 136px;
    height: 40px;
  }
  
  .home .home-header__android{
    width: 136px;
    height: 40px;
  }
  .home .home-header__android:hover{
    width: 136px;
	  height: 40px;
  }
  .home .home-header__android:active{
    width: 136px;
    height: 40px;
  }

  .home .home-header__left.wap{
    display: block;
  }
  .home .home-header__left.www{
    display: none;
  }
  .home .home-header__left{
    width: 80%;
		float: none;
		height: auto;
		margin: 0 auto;
  }
  
  /* 内容区 */
  .home .home-main {
    height: auto;
		padding: 7rem 0 3rem;
  }

  .home .home-main__title {
    font-size: 20px;
		margin-bottom: 3rem;
  }

  .home .home-main__content {
    width: 100%;
		display: block;
  }

  .home .home-main__item{
    width: 18rem;
		height: 21rem;
		margin: 0 auto 3.5rem;
  }

  .home .home-main__item-icon{
    width: 6rem;
		height: 6rem;
  }

  .home .home-main__item-name{
    font-size: 18px;
		margin-top: 2.5rem;
  }
  .home .home-main__item-desc{
    font-size: 12px;
		margin-top: .9rem;
  }

  /* 底部 */
  .home .home-footer{
    height: auto;
  }
  .home .home-footer__top{
    display: block;
		position: relative;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
    /* height: 34rem; */
    height: 16rem;
  }
  .home .home-footer__info{
    position: absolute;
    /* top: 18rem; */
    top: 1rem;
		text-align: center;
		font-size: 12px;
		width: 100%;
  }
  .home .home-footer__info-contact{
    display: inline-block;
		font-size: 14px;
		margin-top: 0;
  }
  
  .home .home-footer__info-contact.wechat::before{
    width: 1.4rem;
		height: 1.4rem;
		top: .4rem;
  }
  
  .home .home-footer__info-contact.business{
    margin-left: 1rem;
		margin-top: 2rem;
		position: relative;
  }
  .home .home-footer__info-contact.business::before{
    width: 1.4rem;
		height: 1.4rem;
		top: .4rem;
  }
  .home .home-footer__info-company{
    margin-top: 1.8rem;
  }
  .home .home-footer__info-phone{
    margin-top: 1.6rem;
  }
  .home .home-footer__info-address{
    margin-top: 1.4rem;
  }
  .home .home-footer__copyright{
    text-align: center;
		margin: 2.5rem auto 0;
		width: 34rem;
		padding-bottom: 3.8rem; 
  }

}