html,
body {
	height: 100%;
}

.jt {
	position: fixed;
	top: 0;

	left: 0;
	right: 0;
	z-index: 999;
	background: #fff;
}

#wrap {
	overflow: hidden;
	width: 100%;
}

#main {
	height: 2944px;
	top: 0;
	position: relative;
}

#main div {
	box-sizing: border-box;
}

#main>div {
	position: relative;
}

.page {
	width: 100%;
	margin: 0;
}

#page1 {
	background: #fff;
}

#page2 {
	background: #ff7c66;
	vertical-align: middle;
	text-align: center;
}

#page3 {
	background: #fff;
}

#page4 {
	background: #66a4f2;
}

#page5 {
	background: #fff;
}

#page5 {
	background: #ffdc60;
	position: relative;
}

/*#page6 {*/
/*background: #ffdc60;*/
/*position: relative;*/
/*}*/

.page-top{
	width: 100%;
    height: 55px;
    -moz-box-shadow:0px 2px 5px #e8e8e6; -webkit-box-shadow:0px 2px 5px #e8e8e6; box-shadow:0px 2px 5px #e8e8e6;
	background: #fff;
}
.page-top .topbox{
	width: 1200px;
    height: 55px;
	line-height: 55px;
	margin: auto;
    overflow: hidden;
}
.page-top .topbox .logo{
	float: left;
    width: 140px;
    height: 33px;
    margin-left: 9px;
	margin-top: 11px;
}

.page-top .topbox .scale{
	float: right;
    height: 55px;
}
.page-top .topbox .scale li{
	float: left;
	margin: 0 18px;
}
.page-top .topbox .scale li img{
	margin-top: 11px;
}

.ewm{
    position: absolute;
    background: #ffffff;
    display: block;
    z-index: 5;
	margin-top: -13px;
}
.ewm img{
	width: 110px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.footerbox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.p1-b-nums .pcdd_number2 b {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.p1-b-nums .pcdd_number2 span.bj{ font-size: 29px;}

.p1-b-nums span {
	font-size: 25px;
}

.p1-b-nums li {
	width:30px;
	height:45px;
	line-height: 45px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.p1-b-nums .pcdd_nobor2 {
	background: none;
	border: 0;
	width: 11px;
}

.p1-b-nums li cite {
	position: absolute;
	width: 30px;
	left: 0;
}

.p1-b-nums li cite em {
	display: block;
	font-style: normal;
}

.p1-top {
	width: 100%;
	height: 58%;
	background: #ffe066 url(../img/app_bg.jpg) no-repeat center;
	background-size: auto 100%;
	overflow: hidden;
}

.p1-ewm{ width: 1200px;height: auto;}
.p1-ewm .p1-ewm-img{position: relative; background:url(../img/p1_ewm.png) no-repeat center; width: 175px;height: 240px; margin-left:63vw; }
.p1-ewm .p1-ewm-img img{ width: 160px; height: auto; margin: 73px auto auto 8px; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;}

.p1-solgin {
	width: 100%;
	height: 100%;
	background: url(../img/app_solgin1.png?t=1) no-repeat center center;
	background-size: auto 72%;
	margin-top: -230px;
}

.p1-bot {
	height: 40%;
	/*border: 1px solid red;*/
	color: #6d4c17;
}

.p1-b-nums {
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	height: 150px;
	line-height: 150px;
}

#ulTotalBuy2 {
	overflow: hidden;
	display: inline-block;
		font-size:45px;
	margin-top: 2px;
}

.p1-b-icons {
	text-align: center;
}

.p1-icon {
	display: inline-block;
	width:294px;
	height:78px;
	background: url(../img/app_lb.png) no-repeat -52px -230px;
	background-size: 407px auto;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
	cursor: -ms-pointer;
	position: relative;
}
.p1i3-ma{
	width: 180px;
	height: 180px;
	position: absolute;
	top: -180px;
	left: 57px;
	
	display: none;
}
.p1-icon2 {
	margin: 0 60px;
}

.p1-icon1:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 100%;
	background: url(../img/app_lb.png) no-repeat 0 20px;
	overflow: hidden;
	line-height:65px;
	vertical-align: middle;
	margin-right: 20px;
}

.p1-icon2:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 100%;
	background: url(../img/app_lb.png) no-repeat -38px 20px;
	overflow: hidden;
	line-height:65px;
	vertical-align: middle;
	margin-right: 20px;
}

.p1-icon3:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 100%;
	background: url(../img/app_lb.png) no-repeat -78px 20px;
	overflow: hidden;
	line-height: 75px;
	vertical-align: middle;
	margin-right: 20px;
}

.n-btns {
	position:absolute;
	bottom:20px;
	width: 100%;
}

.n-btns div {
	width: 32px;
	height: 50px;
	cursor: pointer;
	cursor: -ms-pointer;
}

.next-btn1 div {
	background: url(../img/app_lb.png) no-repeat -13px -54px;margin: 0 auto;
}

.next-btn2 div {
	background: url(../img/app_lb.png) no-repeat -77px -54px;margin: 0 auto;
}

.next-btn3 div {
	background: url(../img/app_lb.png) no-repeat -128px -54px;margin: 0 auto;
}

.next-btn4 div {
	background: url(../img/app_lb.png) no-repeat -77px -54px;margin: 0 auto;
}

.next-btn5 div {
	background: url(../img/app_lb.png) no-repeat -179px -54px;margin: 0 auto;
}

.center {
	position: absolute;
	/*top: 50%;*/
	/*left: 50%;*/
	/*-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);*/
	top: 0;
	bottom: 0;
	margin: auto;
	}
.center2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 430px;
  height: 502px;
  }

.page_tops{ width:60px; height:auto;overflow: hidden; text-align: center;    position: absolute;bottom:10%;right: 10%;margin: auto; cursor: pointer;}
.page_tops .img{width: 39px; height: 39px; background: url("../img/app_lb.png") -22px -135px no-repeat;}
.page_tops span{ line-height: 30px; font-size: 14px; color: #55340d;}

.pages-wrap {
	width: 1200px;
	height: 100%;
	vertical-align: middle;
	/*overflow: hidden;*/
	margin: 0 auto;
	/*border: 1px solid black;*/
	position: relative;
}

.pages-left {
	display: inline-block;
	width: 650px;
	height: 589px;
}

.pages-right {
	width: 600px;
	height: 330px;
	text-align: right;
	display: inline-block;
}

.p2-left {
	background: url(../img/app_n1.png) no-repeat center;
	background-size: 100% auto;
}

.p2-right {
	color: #fff;
}

.p3-left {
	background: url(../img/app_n2.png) no-repeat center;
	background-size: 100% auto;
}

.p3-right {
	text-align: left;
	color: #666;
}

.p3-right .txt-c {
	left: 0;
	background: #666;
}

.p3-right .txt-d {
	color: #66a4f2;
}

.p4-left {
	background: url(../img/app_n3.png) no-repeat center;
	background-size: 100% auto;
}

.p4-right {
	color: #fff;
}

.p5-left {
	width: 920px;
	height: 300px;
	background: url(../img/app_n4.png) no-repeat center;
	background-size: 100% auto;
	margin: 0 auto;
}

.p5-right {
	width: 650px;
	text-align: center;
	color: #666;
	padding-top: 100px;
	position: relative;
	margin: 0 auto;
}

.p5-right .txt-c {
	margin-left: 50%;
	left: -24px;
	background: #666;
}

.txt-a {
	font-size: 48px;
}

.txt-b {
	font-size:17px;
	margin-top:25px;
}

.txt-c {
	display: block;
	width: 48px;
	height:4px;
	background: #fff;
	margin-top:32px;
	position: absolute;
	right: 10px;
}

.txt-d {
	font-size: 16px;
	margin-top: 57px;
}

.txt-d span {
	font-size: 65px;
}

.schedules {
	width: 10px;
	position: fixed;
	right: 2%;
	top:42%;
	overflow: hidden;
}

.sched-act {
	background: #ffaa57!important;
}

.schedules ul li {
	list-style: none;
	display: block;
	background: #e8e8e6;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-bottom: 20px;
	overflow: hidden;
	cursor: pointer;
	cursor: -ms-pointer;
}

.p6-cont {
	text-align: center;
	overflow: hidden;
	padding-top: 74px;
}

.p6-a1 {
	width: 250px;
	height: 70px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/app_lb.png) no-repeat -121px -124px;
}

.p6-a2 {
	width: 181px;
	height: 181px;
	margin-top: 40px;
}

.p6-a3 {
	font-size: 15px;
	color: #55340d;
	margin-top: 60px;
}




@media only screen and (min-width:1000px) and (max-width:1400px) {
	.p5-left {
		width: 820px;
		height: 300px;
	}
	.p5-right {
		width: 600px;
		padding-top: 60px;
	}
}


@media only screen and (max-width:1370px)  {
	.pages-wrap{ width: 1100px;}
	.p5-left{ margin-top: -20px;}
	.txt-a{ font-size: 48px;}
	.txt-b{ font-size: 16px;}
}
@media only screen and (max-width:1200px) {
	.pages-wrap{ width: 1000px;}
	.pages-left{ width: 550px;}
	.pages-right{ width: 520px; height: 245px;}
	.txt-a{ font-size: 42px;}
	.txt-d span {
		font-size: 60px;
	}
	.txt-b{ font-size: 14px; margin-top: 16px;}
	.txt-c{ margin-top:25px;}
	.txt-d{ font-size: 14px; margin-top: 50px;}
}
@media only screen and (max-width:1100px) {
	.p1-icon2 {margin: 0 25px;}
	.pages-right{ margin-right:25px;}
	.pages-wrap{ width: 950px;}
}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.pages-wrap {
		width: 900px;
	}
	.pages-left {
		width: 500px;
		height: 400px;
	}
	.pages-right {
		width: 500px;
		height: 330px;
	}
	.txt-a {
		font-size: 42px;
	}
	.txt-b {
		font-size: 14px;
	}
	.txt-d {
		font-size: 14px;
	}
	.txt-d span {
		font-size: 50px;
	}
	.p5-right {
		width: 600px;
		padding-top: 60px;
	}
	.p5-left {
		width: 720px;
		height: 200px;
	}
	.n-btns {
		bottom: 20px;
	}
}

@media only screen and (max-height: 760px) {
	.pages-wrap {
		width: 900px;
	}
	.pages-left {
		width: 500px;
		height: 400px;
	}
	.pages-right {
		width: 500px;
		height:210px;
	}
	.txt-a {
		font-size: 40px;
	}
	.txt-b {
		font-size: 14px;
	}
	.txt-d {
		font-size: 14px;
	}
	.txt-d span {
		font-size: 50px;
	}
	.p5-right {
		width: 600px;
		padding-top: 80px;
	}
	.p5-left {
		width: 720px;
		height: 285px;
	}
	.n-btns {
		bottom: 20px;
	}
}

@media only screen and (max-height: 820px) {
	.next-btn1 {
		display: none;
	}
}