* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sauce One', Calibri, 'SF Pro Text', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
body {
  background-color: #fff !important;
  overflow-x: hidden;
}
.box {
	width: 1080px!important;
	position: relative;
}
.app-banner {
	margin: 0 auto;
  height: 785px;
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 68px;
}
.app-banner img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: transform ease-out 5s!important;
}
[data-aos="text-big"] {
  transition-property: transform;
}
[data-aos="text-big"].aos-animate {
  transform: scale(1.02) translateX(-50%)
}
.app-banner h1 {
  position: relative;
  color: #fff;
  font-size: 60px;
  line-height: 1.25;
  height: 370px;
  margin-bottom: 10px;
  padding-top: 250px;
}
.app-banner a {
	position: relative;
  display: block;
  width: 261px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  border: 1px solid #fff;
  font-size: 23px;
  color: #fff;
  text-decoration: none;
  transition: all 300ms ease-in;
}
.app-banner a b {
	font-weight: normal;
}

.app-banner a span {
  /*display: inline-block;
  width: 31px;
  height: 10px;
  background: url('../../images/home-arrow.svg') no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;*/
}

.app-banner a:hover {
  background-color: #fff;
  color: #212121;
}
.app-achieve {
	padding: 60px 0 20px;
}
.achieve-title {
	text-align: center;
	margin-bottom: 50px;
	font-size: 40px;
  color: #111111;
  line-height: 1.2;
}
.achieve-content {
	overflow: hidden;
}
.achieve-pic {
	width: 551px;
	height: 464px;
	position: relative;
	float: left;
	margin-right: 20px;
}
.achieve-scroll {
	width: 467px;
	height: 284px;
	background: url('../../images/info_achieve_bg.png') no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
  padding: 20px 0 0 62px;
  margin-top: 30px;
}
.achieve-text {
	padding-top: 100px;
}
.achieve-scroll-box {
	width: 337px;
	height: 211px;
	overflow: hidden;
}
.achieve-scroll-box img {
	width: 100%;
}
.achieve-scroll-box > div.aos-init.aos-animate {
	animation: slideUp 500ms ease-in both;
	animation-delay: 1500ms;
}
@keyframes slideUp {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-304px);
	}
}
.achieve-fixed {
	position: absolute;
	top: 0;
	right: -10px;
}
.achieve-text h3 {
  color: #111111;
  font-size: 30px;
  margin-bottom: 30px;
}

.achieve-text p {
	color: #111111;
  font-size: 18px;
}
.compaign-content {
	overflow: hidden;
	padding: 60px 0 80px;
}

.compaign-text {
	width: 460px;
	padding-top: 120px;
	padding-left: 20px;
	float: left;
}
.compaign-text h3 {
  color: #111111;
  font-size: 30px;
  margin-bottom: 30px;
}

.compaign-text p {
	color: #111111;
  font-size: 18px;
}
.compaign-pic {
	float: right;
	padding-right: 20px;
}
.compaign-pic img {
	width: 280px;
}
.compaign-pic img:first-child {
	position: relative;
	top: 40px;
	right: -30px;
	z-index: 1;
}
.app-events {
	padding: 60px 0 40px;
}
.events-content {
	overflow: hidden;
}
.events-pic {
	float: left;
	padding-right: 60px;
}
.events-text {
	padding-top: 80px;
}
.events-text h3 {
  color: #111111;
  font-size: 30px;
  margin-bottom: 30px;
}

.events-text p {
	color: #111111;
  font-size: 18px;
}
.events-slider {
	position: relative;
	padding-bottom: 40px;
}
.events-slider .swiper-slide,.events-slider .swiper-container {
	width: 510px;
	height: 340px;
}
.events-slider .swiper-pagination-bullet {
	width: 43px;
	height: 4px;
	border-radius: 0;
	background-color: #D4D4D4;
	outline: none;
	border: none;
}
.events-slider .swiper-pagination-bullet-active {
	background-color: #222127;
}
.events-slider .swiper-pagination {
	bottom: 10px;
	left: 50%;
	margin-left: -43px;
}
.app-influencers {
	padding: 40px 0 40px;
	text-align: center;
}
.app-influencers h1 {
	text-align: center;
  margin-bottom: 50px;
  font-size: 40px;
  color: #111111;
  line-height: 1.2;
}
.influencers-pic {
	position: relative;
	text-align: left;
	text-align: center;
	margin-bottom: 10px;
}

.influencers-pic-content{
	position: relative;
	width: 268px;
	height: 340px;
}

.influencers-pic img {
	width: 268px;
	height: 340px;
}

.influencers-pic p {
	position: absolute;
    bottom: 0;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 6px rgb(0 0 0 / 60%);
    height: 46px;
    background: rgba(0,0,0,0.5);
    width: 268px;
    padding: 11px 20px;
    text-align: left;
}
@media only screen and (max-width: 1680px) {
	.influencers-pic p {
		/* left: 10%; */
	}
}
@media only screen and (min-width: 1680px) and (max-width: 1920px) {
	.influencers-pic p {
		/* left: 18%; */
	}
}
.influencers-content {
	padding: 10px 0;
	/* padding: 10px 26px 10px 0; */
}
.influencers-content h4 {
	margin-bottom: 10px;
}
.influencers-content h4 span {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAAAXNSR0IArs4c6QAAAhRJREFUSA21lsErZWEYxlEGaUxsCNGwsLTUFBv8E8xW2Skr1jazn9lM/At2Rk2zsBhKInsL3ERpUshCXcTzM/ecnON7v+9893afetz3e97nfd5zOFensaEYPsg2Lk6K/WKPCC7Fc3FL3BHLYk3o1fR38U58DhAPXmai0aiJZfFeDC3K95lhloxC+CjXLzEfFHsmgywvmtX9I8aGW36yyDTxUx1ruFqdzBRvf89jUnfFt1pqrBQP+twWjyrnEX1OiL674EK/iHtiBn918t3Fpvp9mYn/BzR6vlmyMxjUyTewlHG7D3h8GexIsajKMv9OXeECr5XDjhRrqlzGJ+kDqStc4GXGlbXKeBM/BNffBn1fPKMoCLwHhpd/ienCNsN0Yug++dhotqInd3htmFoM3Se/BjsMN2jJQuuqRh2DIcmaed2RLDw0UoalTxs9l4x3yNWQltnRKaEsup6ukvQOMQQ8JdGVQTY7MtjQyWVG4/vVnXFnD/R830Gy32FWirUQ/UqcEz+JCajR6PlmyX6Hdin/RN8gvUfxokLqkJ9Msp1YkBoKiO2TaYKXpVMxNtTyk0WmFzPqWgGxOlmFsC5XbHjeT0ZhdMnJg5EPKXpmlowoTMld5CnMXwQzzFaFeU3lA0NnZmrCN02HliR9vDWDtzhe4ZNQ6xOP740v+kJWPEvp1QVflXorJndJjVZXfFb6jwqpo/AC7kmDQg/1lFQAAAAASUVORK5CYII=);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -3px;
}
.influencers-content p {
	font-size: 16px;
	color: #181715;
}
.app-join {
	text-align: center;
	position: relative;
}

.app-join .box {
	width: 100%!important;
	height: 456px;
	overflow: hidden;
	/* background: #34312d; */
}
.app-join img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: transform ease-out 5s!important;
}
.app-join h1, .app-join a {
	position: relative;
	z-index: 1;
}
.app-join h1 {
	font-size: 58px;
	color: #fff;
	padding: 130px 0 40px;
}
.app-join a {
	display: inline-block;
	width: 261px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	/* border: 1px solid #fff; */
  	font-size: 23px;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
	transition: all 300ms ease-in;
}
.app-join a span {
	/*vertical-align: middle;
	display: inline-block;
	width: 31px;
	height: 10px;
	background: url('../../images/home-arrow.svg') no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;*/
}
/* .app-join a:hover {
	box-sizing: border-box;
	border: 1px solid #fff;
	color: #212121;
} */
.app-join a:hover span {
	background: url('../../images/home-arrow-black.svg') no-repeat;
}
.j_link {
	cursor: pointer;
}
.j_link b {
	font-weight: normal;
}

.j_link > i  {
	background: url('../../images/btn-buy-now.svg') no-repeat center;
	width: 261px;
    height: 59px;
    display: inline-block;
}

.j_link > i:hover {
	box-sizing: border-box;
	border: 2px solid #fff;
	color: #212121;
}