body,html{
	height:100%;
	width: 100%;
	
	overflow: hidden;
}

.pageMain{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position:relative;
	
}
.pageMain ul{
	width:100%;
	position:absolute;
	height: 100%;
	top:0;
	background:rgba(0, 0 , 0 ,.5);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.pageMain ul li{
	position:relative;
	
}
.pageMainShow{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0 , 0 ,.5);
}
.inviteReward{
	width:100%;
	height:100%;
	background: url(../img/INDEX/experienceOn.jpg) no-repeat fixed center;
	background-size:cover;
}
.recommendFriend{
	width:100%;
	height:100%;
	background: url(../img/INDEX/recommendFriend.jpg) no-repeat fixed center;
	background-size:cover;
}
.experienceOn{
	width:100%;
	height:100%;
	background: url(../img/INDEX/banner1.jpg) rgba(0, 0 , 0 ,.5) no-repeat  fixed center;
	background-size:cover;
}
.hope{
	width:100%;
	height:100%;
	background: url(../img/INDEX/hope.jpeg) rgba(0, 0 , 0 ,.5) no-repeat  fixed center;
	background-size:cover;
}
.account{
	width:100%;
	height:100%;
	background: url(../img/INDEX/count.jpg) no-repeat fixed center;
	background-size:cover;
}
.setDetail{
	width:100%;
	height:100%;
	display: flex;
}
.setDetailLeft{
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background:url(../img/INDEX/setDetailLeft.jpg) no-repeat fixed center; */
	background-size:cover;
	position:relative;
	
}
.setWhat{
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.setDetail{
	background: url(../img/INDEX/ͼ3.jpg) no-repeat fixed center;
}
.setDetailLeft .setInleftHo{
	position:absolute;
	right:0;
	bottom:0;
	height:0;
	width:100%;
	background:rgba(0, 0 , 0 ,.5);;
	transition: all .5s ease-in-out;
	 -webkit-transition: all .5s ease-in-out;
	
}
.setDetailLeft .setInleftHo h3{
	height:1.5rem;
	line-height: 1.5rem;
	font-size: .8rem;
	color: #FFFFFF;
	text-align: center;
}
.setDetailLeft .setInleftHo .erweima{
	width: 150px;
	height:150px;
	margin:0 auto;
	background:#fff;
}
.setDetailLeft .setInleftHo h4{
	height:1.8rem;
	line-height: 1.8rem;
	font-size: .5rem;
	color: #FFFFFF;
	text-align: center;
}
.setDetailLeft .setInleftHo p{
	height:1.2rem;
	line-height: 1.2rem;
	font-size: .7rem;
	color: #FFFFFF;
	text-align: center;
}
.setDetailLeft:hover .setWhat,.setDetailRightTop:hover .setWhat,.setDetailRightBotttom:hover .setWhat{
	display: none;
}
.setDetailRight>div{
	position:relative;
}
.setDetailRight>div .setRightHover{
	position:absolute;
	top:0;
	height:100%;
	right:0;
	width: 0;
	background:rgba(0, 0 , 0 ,.5);;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	
}
.setDetailRight>div .setRightHover h3{
	height:1.5rem;
	line-height: 1.5rem;
	font-size: .8rem;
	color: #FFFFFF;
	text-align: center;
	display: block;
}
.setDetailRight>div .setRightHover h4{
	height:1.8rem;
	line-height: 1.8rem;
	font-size: .5rem;
	color: #FFFFFF;
	text-align: center;
	display: block;
}
.setDetailRight>div .setRightHover p{
	height:1.8rem;
	line-height: 1.8rem;
	font-size: .5rem;
	color: #FFFFFF;
	text-align: center;
	display: block;
	
}
/*.setDetailRight>div .setRightHover p img,.setDetailLeft .setInleftHo p img{
	float: left;
	width: .6rem;
	height:.6rem;
	margin:.3rem .3rem .3rem 0;
}*/
.setDetailRight>div .setRightHover p span,.setDetailLeft .setInleftHo p span{
	display:inline-block;
	height:1.2rem;
	line-height: 1.2rem;
	padding-left: 1rem;
	/* background: url(../img/INDEX/phone.png) no-repeat left center; */
	background-size: .6rem .6rem;
}
.setDetailRight .setDetailRightBotttom .setRightHover p span{
	/* background: url(../img/INDEX/phone.png) no-repeat left center; */
	background-size: .6rem .6rem;
}
.setDetailRight>div:hover .setRightHover{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.setDetailLeft:hover .setInleftHo{
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.setDetailRight{
	flex: 1;
	height:100%;
}
.setDetailRightTop{
	width:100%;
	height:50%;
	/* background:url(../img/INDEX/setDetaiRightTop.jpg) no-repeat fixed center; */
	background-size:cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.setDetailRightBotttom{
	width:100%;
	height:50%;
	/* background:  url(../img/INDEX/setDetaiRightBot.jpg) no-repeat left center; */
	background-size:100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo{
	position:fixed;
	left: 4%;
	width: 14% !important;
	top:1rem;
	z-index: 200;
}
.logo img{
	width: 100%;
}
.pageMainShow .logo img{
	width: 100%;

}


.setWhat img{
	width:50%;
	display: block;
	margin: 0 auto;
}
.setWhat p{
	height:1.5rem;
	line-height: 1.5rem;
	font-size: .6rem;
	text-align: center;
	color: #fff;
}
.inviteReward,.recommendFriend ,.experienceOn,.account{
	display: flex;
	align-items: center;
	justify-content: center;
}
.inviteReward h2,.recommendFriend h2,.experienceOn h2,.account h2{
	/*padding-top:3rem;*/
	height:2rem;
	line-height: 2rem;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	white-space:nowrap;
}
.reportBot{
	position:absolute;
	left:0;
	right:0;
	height: 2rem;
	background:rgba(26.40,31,6);
	text-align: center;
	bottom: 0;
}
.reportBot a{
	display: inline-block;
	height:1rem;
	margin-top:.5rem;
}
.reportBot a img{
	height:1rem;
	
}
.reportBot a:first-child{
	margin-right: .5rem;
}
.inviteReward p ,.recommendFriend p,.experienceOn p,.account p{
	line-height: 1.7rem;
	font-size: .6rem;
	color: #fff;
	width: 600px;
}

.inviteRewardBottom{
	position:absolute;
	left: 18.5%;
	bottom:1rem;
}
.inviteRewardBottom span{
	display: block;
    width: 2.6rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: .3rem;
    color: #fff;
    font-size: 0.35rem;
    border: 1px solid #fff;
    text-align: center;
    margin: 0 auto .3rem;
}

.inviteRewardBottom a img{
	display: block;
	width:.4rem;
	margin:0 auto;
}

.inviteRewardBottom .openShaw{
	position: absolute;
	height: 50%;
    bottom: 25%;
	right:0;
}

.inviteRewardBottom .openShaw img{
	display: inline-block;
}
.aboutUsBtn{
	position: fixed;
    right: 10%;
    bottom: 1.25rem;
    width: 1rem;
    z-index: 200;
}
.aboutUsBtn img{
	width:100%;
}

.pageMainNav{
	width:20px;
	height:90px;
	position:fixed;
	top:50%;
	margin-top: -45px;
	right:10%;
}
.pageMainNav li{
	width: 10px;
	height:10px;
	border:1px solid #FFF;
	margin-bottom:10px;
	border-radius: 10px;
	
}
.pageMainNav li a{
	display: block;
	width: 100%;
	height:100%;
}
.aboutUs{
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height:0;
	background: rgba(27,27,27,.9);
	z-index: 300;
	overflow: auto;
	padding: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;

}
.aboutUsO{	
	width:100%;
	height:96%;
	padding-top:4%;

}

.aboutUs>a{
	display: none;
	/*position: fixed;*/
    right: 10%;
    top:15%;
    width: 0.7rem;
	z-index: 301;
	transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
}
.aboutUs .aboutUsItem{
	display: none;
	transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
	
}
.aboutUsO>a	{
	display: block;
	position: absolute;
	transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
}
.aboutUsO .aboutUsItem{
	transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;

}
.aboutUs a img{
	width: 100%;
	transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
}

.aboutUs .aboutUsItem{
	padding-bottom: 1rem;
	width:880px ;
	min-width:880px;
	margin:0 auto;
}
.aboutUs .aboutUsItem h3{
	
	height:1.4rem;
	line-height: 1.4rem;

	color: #fff;
	font-size: .5rem;
	text-align: center;
	margin: 0 auto;
	margin-bottom: .3rem;
}
.aboutUs .aboutUsItem h3 span{
	padding: 0 30px;

}
.aboutUs .aboutUsItem p{
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	text-indent: 36px;
}
.aboutUs .aboutUsItem:last-child p{
	text-align: center;
	text-indent:0;
}
/*.aboutUsItemShow{
	display: flex;
}*/
.aboutUsItemShow>div{
	display: block;
    /* flex: 1; */
    height: 1rem;
    line-height: 1rem;
    /* text-align: center; */
    margin: 0 auto .1rem;
	margin-left: calc(50% - 2.5rem);
    width:8rem;
}
.aboutUsItemShow>div img{
	float: left;
	width:.8rem;
	height:.8rem;
	margin-top:.1rem;
	margin-right: .3rem;
}
/*.aboutUsItemShow>div:not(:last-child){
	margin-right: .4rem;
}*/
.aboutUsItemShow>div span{
	float: left;
	height:1rem;
	line-height: 1rem;
	color: #fff;
	font-size: .4rem;
}
.imgBike{
	position: absolute;

	left: 560px;
	width: 600px;
	top: 15%;
	
}
.bbY span{
	color: #edad7d;

	margin-right: 20px;
}