.page{
	width:100%;
}

.wrap{
	width:1000px !important;
}

.bg1{
	width:100%;
	min-width:1000px;
	height:940px;
	background:url('../img/bg1.jpg') top center no-repeat;
}

.bg1 .top-btn{
	position:absolute;
	top:0;right:6px;
	width:787px;
}
.bg1 .top-btn a{
	float:left;
	margin-left:20px;
	width:136px;height:41px;
	line-height:41px;
	font-size:20px;
	color:#fff;
	text-align:center;
}

.bg2{
	width:100%;
	min-width:1000px;
	height:5213px;
	background:url('../img/bg2.jpg') top center no-repeat;
}

.content{
	position:absolute;
	top:0px;left:50%;
	margin-left:-500px;
	width:1000px;height:4528px;
	background:url('../img/content1.png') no-repeat;
}

.tab-btn1{
	position:absolute;
  top:22px;
  left:97px;
  width:253px;
  height:242px;
}

.tab-btn2{
	position:absolute;
	top:33px;
  right:110px;
   width:253px;
  height:242px;
}

.video-btn{
	position:absolute;
  top:31px;
  left:376px;
  width:224px;
  height:224px;
}

.go-family-btn{
	position:absolute;
	top:385px;right:245px;
	width:110px;height:30px;
}

.index-code{
	position:absolute;
	top:460px;left:243px;
	padding:0 20px;
	width:436px;height:53px;
	line-height:53px;
	font-size:24px;
	color:#ec5576;
	outline:none;
	background:transparent;
	border:none;
	box-sizing:border-box;
}

.generate-code{
	position:absolute;
	top:459px;right:153px;
	width:149px;height:55px;
}

.c1-copy{
	position:absolute;
	top:558px;
	right:376px;
	width:270px;
	height:46px;
}

.refresh-btn{
	position:absolute;
	top: 659px;
	left: 544px;
	width: 127px;
	height: 46px;
}

.invite-area{
	position:absolute;
	top: 792px;
	left: 114px;
	width: 800px;
	height: 267px;
	overflow-x:hidden;
}

.invite-area .account-number{
	float:left;
	width:230px;
	text-align:center;
}
.invite-area .nickname{
	float:left;
	width:303px;
	text-align:center;
}
.invite-area .state{
	float:left;
	width:250px;
	text-align:center;
}

.invite-area li{
	height:67px;line-height:67px;
	font-size:20px;
	color:#4c210f;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
}
.invite-area li:last-child{
	border-bottom:none;
}

.invite-area li .state{
	color:#4c210f;
}
.invite-area .success .state{
	color:#e97e53;
}

.button1{
	position:absolute;
	top: 1768px;
	left: 380px;
	width: 233px;
	height: 74px;
}

.btn-area{
	position:absolute;
  top:2152px;right:49px;
  width:84px;height:460px;
}
.btn-area a{
	float:left;
	width:84px;height:25px;
}

.consume1{
	position:absolute;
	top:2585px;left:270px;
	width:378px;
	line-height:26px;
	font-size:18px;
	color:#522709;
	text-align:center;
}

.consume2{
	position:absolute;
	top:2585px;right:166px;
	width:160px;line-height:26px;
	font-size:18px;
	color:#522709;
	text-align:center;
}

.text{
	position:absolute;
	top:2665px;left:0;
	width:100%;
	line-height:30px;
	font-size:20px;
	color:#fff;
	font-weight:700;
	text-align:center;
}

.receive-btn{
	position:absolute;
	width:160px;
}
.receive-btn a{
	display:block;
	width:160px;height:42px;
}
.receive-btn p{
	margin-top:5px;
	width:160px;height:30px;
	line-height:30px;
	font-size:18px;
	color:#ffda10;
	text-align:center;
}
.receive-btn1{
	top:2965px;left:46px;
}
.receive-btn2{
	top:2965px;left:297px;
}
.receive-btn3{
	top:2965px;right:290px;
}
.receive-btn4{
	top:2965px;right:39px;
}
.receive-btn5{
	top:3313px;left:46px;
}
.receive-btn6{
	top:3313px;left:292px;
}
.receive-btn7{
	top:3313px;right:295px;
}
.receive-btn8{
	top:3313px;right:44px;
}
.receive-btn9{
	top:3650px;left:46px;
}
.receive-btn10{
	top:3650px;left:302px;
}
.receive-btn11{
	top:3650px;right:292px;
}
.receive-btn12{
	top:3650px;right:47px;
}
.receive-btn13{
	top:4009px;left:42px;
}
.receive-btn14{
	top:4009px;left:292px;
}
.receive-btn15{
	top:4009px;right:295px;
}
.receive-btn16{
	top:4009px;right:44px;
}
.receive-btn17{
	top:4357px;left:41px;
}
.receive-btn18{
	top:4357px;left:292px;
}
.receive-btn19{
	top:4357px;right:294px;
}
.receive-btn20{
	top:4357px;right:44px;
}

.remind{
	position:absolute;
	top:4650px;left:50%;
	margin-left:-500px;
	width:1000px;
}
.remind .hd{
	margin:0 auto 20px;
	width:1000px;
	line-height:40px;
	font-size:32px;
	color:#f4e8a5;
	font-weight:700;
}
.remind .row{
	margin:0 auto;
	width:1000px;
}
.remind .row .left{
	float:left;
	width:39px;height:30px;
	font-size:20px;
	color:#f4e8a5;
	text-align:center;
}
.remind .row .left span{
	display:inline-block;
	width:29px;height:30px;
	line-height:30px;
	/* background:#fedf2f; */
	border-radius:100%;
	color:#f4e8a5;
}
.remind .row .right{
	float:left;
	margin-left:5px;
	width:950px;
	line-height:30px;
	font-size:20px;
	color:#f4e8a5;
}
/* .remind .row .right span{
	font-weight:700;
	color:#d980f2;
}
 */
.video-tc{
	position:fixed;
	top:50%;left:50%;
	margin:-337px 0 0 -500px;
	width:1000px;height:674px;
	z-index:3;
}