.wow {
	visibility: hidden;
}
html {
	overflow-x: hidden;
}
body {
	font-family: '微軟正黑體', 'Microsoft YaHei', 'Arial', sans-serif;
	min-width: 320px;
	margin: 0 auto;
	background-color: #FFFBF2;
}
a:hover {
	text-decoration: none;
}
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.f-cf {
	overflow: hidden;
}
.f-tac {
	text-align: center;
}
.f-tal {
	text-align: left;
}
.f-tar {
	text-align: right;
}
.f-pr {
	position: relative;
}
.f-pa {
	position: absolute;
}
.f-pfix {
	position: fixed;
}
.f-fwb {
	font-weight: bold;
}
.f-fwn {
	font-weight: normal;
}
.f-fsn {
	font-style: normal;
}
.f-dib {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
.f-db {
	display: block;
}
.f-dn {
	display: none;
}
.f-vam {
	vertical-align: middle;
}
.f-vat {
	vertical-align: top;
}
.f-vab {
	vertical-align: bottom;
}
.f-fs0 {
	font-size: 0;
}
.f-cfff {
	color: #fff;
}
.page_w {
	width: 1200px;
	margin: 0 auto
}


/* banner */



.banner {
	height: 870px;
	background: url(../img/bg_banner.jpg) center top no-repeat;
	position: relative;
	overflow: hidden
}
.banner-text {
	width: 740px;
	height: 271px;
	background: url("../img/banner-text.png") no-repeat center;
	position: absolute;
	left: 50%;
	top: 70px;
	margin-left: -370px;
	z-index: 15
}
.m-giftbox {
	width: 683px;
	height: 683px;
	position: absolute;
	left: 50%;
	top: 103px;
	margin-left: -342px;
	border-radius: 50%;
	overflow: hidden;
}
.m-giftbox .bg_coin {
	position: absolute;
	width: 780px;
	height: 680px;
	background: url(../img/bg_coin.png) 300px 500px no-repeat;
}
.bg_giftboxl {
	position: absolute;
	width: 343px;
	height: 382px;
	background: url(../img/bg_giftbox1.png) center no-repeat;
	left: 16px;
	bottom: -88px;
}
.bg_giftboxr {
	position: absolute;
	width: 385px;
	height: 393px;
	background: url(../img/bg_giftbox2.png) center no-repeat;
	right: -75px;
	bottom: -46px;
}
.openleft {
	animation: openleft 1s ease-out both;
	-webkit-animation: openleft 1s ease-out both;
}
.openright {
	animation: openright 1s ease-out both;
	-webkit-animation: openright 1s ease-out both;
}
 @keyframes openleft {
 from {
 left: 16px;
 bottom: -88px;
}
to {
	left: -343px;
	bottom: -380px;
}
}
 @keyframes openright {
 from {
 right: -52px;
 bottom: -46px;
}
to {
	right: -385px;
	bottom: -393px;
}
}
 @-webkit-keyframes openleft {
 from {
 left: 16px;
 bottom: -88px;
}
to {
	left: -343px;
	bottom: -380px;
}
}
 @-webkit-keyframes openright {
 from {
 right: -52px;
 bottom: -46px;
}
to {
	right: -385px;
	bottom: -393px;
}
}
.bg_gift1, .bg_gift2 {
	position: absolute;
}
.bg_gift1 {
	width: 700px;
	height: 700px;
	background: url(../img/bg_gift1.png) left 400px no-repeat;
}
.bg_gift2 {
	width: 700px;
	height: 700px;
	background: url(../img/bg_gift2.png) 340px 340px no-repeat;
}
.bg_cloud {
	position: absolute;
	width: 1920px;
	height: 540px;
	background: url(../img/bg_cloud.png) 0px top repeat-x;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.bg_tree {
	position: absolute;
	width: 1920px;
	height: 840px;
	/**background: url(../img/bg_tree.png) center no-repeat;**/

    left: 50%;
	top: 0;
	margin-left: -960px;
}
.m-lantern {
	position: absolute;
	width: 1200px;
	height: 428px;
	left: 50%;
	top: 0;
	margin-left: -600px;
}
.m-lantern .bg_lantern {
	position: absolute;
	top: 0;
	width: 151px;
	height: inherit;/**background: url(../img/bg_lantern.png) center no-repeat;**/

}
.m-lantern .bg_lantern.left {
	left: 0;
}
.m-lantern .bg_lantern.right {
	right: 0;
}
/* btn */

.btn_div {
	position: relative;
	text-align: center;
	white-space: nowrap;
	z-index: 1;
	font-size: 0;
}
.btn_div .btn_box {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	padding: 715px 120px 0;
	vertical-align: top;
}
.btn_div .btn_box a {
	display: block;
	width: 306px;
	height: 90px;
	line-height: 60px;
	font-size: 23px;
	color: #644215;
	font-weight: bold;
	background: none;
	border-radius: 4px;
	background-image: url(../img/bg_btn.png);
	background-repeat: no-repeat;
}
.btn_div .btn_box.right a, .btn_div .btn_box.left a:hover {
	background-position: center -104px;
}
.btn_div .btn_box.left a, .btn_div .btn_box.right a:hover {
	background-position: center -7px;
}
 .btn_div .free-btn::after {
 content: "1分钟领取大礼";
 position: absolute;
 width: 100%;
 line-height: 30px;
 top: 60px;
 left: 0;
 text-align: center;
 font-size: 16px;
 color: #e3b667;
}
/* part1 */

.part1-box, .part2-box, .part3-box {
	padding-top: 90px;
}
.m-tit-h3 span {
	font-size: 48px;
	line-height: 60px;
	color: #421919;
	padding: 0 30px;
}
 .m-tit-h3::before, .m-tit-h3::after {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 100px;
 height: 22px;
 background: url(../img/bg_tit_h3.png) center no-repeat;
}
.m-tit-h3 + p {
	font-size: 20px;
	color: #421919;
	margin-top: 25px;
	text-align: center;
}
.m-tit-h3 + p a {
	color: #8e4724;
}
.m-tit-h3 + p a b {
	font-family: "宋体";
}
.page_w {
	padding-top: 60px;
}
.m-list-tokes li {
	height: 196px;
	background-color: #D5DD25;
	border-radius: 8px;
	box-shadow: 0 8px 12px 0 #edd9c3;
 transition: transform .2s linear;
 -webkit-transition: transform .2s linear;
}
.m-list-tokes li:hover {
	transform: translateY(-5%);
	-webkit-transform: translateY(-5%);
}
.m-list-tokes li + li {
	margin-top: 30px;
}
.m-bg-tokes {
	width: 423px;
	height: inherit;
	position: relative;
}
.m-list-tokes .list1 .m-bg-tokes {
	background: url(../img/bg_part1_1.png) right no-repeat;
}
.m-list-tokes .list2 .m-bg-tokes {
	background: url(../img/bg_part1_2.png) center no-repeat;
}
.m-list-tokes .list3 .m-bg-tokes {
	background: url(../img/bg_part1_3.png) center no-repeat;
}
.m-list-tokes .list4 .m-bg-tokes {
	background: url(../img/bg_part1_4.png) center no-repeat;
}
.m-list-tokes .list5 .m-bg-tokes {
	background: url(../img/bg_part1_5.png) center no-repeat;
}
.m-list-tokes li.left .m-bg-tokes {
	margin-right: 45px;
}
.m-list-tokes li.right .m-bg-tokes {
	margin-left: 45px;
}
.m-bg-tokes i {
	position: absolute;
	width: 138px;
	height: 73px;
	background: url(../img/bg_cloud2.png) center no-repeat;
	top: 63px;
}
.m-list-tokes li.left i {
	right: -48px;
}
.m-list-tokes li.right i {
	left: -88px;
}
.m-tit-tokes {
	width: 300px;
	padding-left: 80px;
	color: #6D4B47;
	font-size: 1.5rem;
}
.m-txt-tokes {
	width: 352px;
	font-size:1.125rem;
	line-height: 26px;
	color:#6D4B47;
}
.m-txt-tokes p {
	padding-left: 25px;
	background: url(../img/bg_d.png) 8px center no-repeat;
}
.m-btn-wrap {
	margin-top: 100px;
}
.m-btn-wrap .btn_box {
	padding: 0 80px;
}
.m-btn-wrap .btn_box a {
	display: block;
	border-radius: 4px;
	font-size: 24px;
 transition: padding .1s linear;
 -webkit-transition: padding .1s linear;
}
.m-btn-wrap .btn_box.left a {
	color: #ff6600;
	width: 270px;
	height: 60px;
	line-height: 60px;
	border: 2px solid #ff6600;
}
.m-btn-wrap .btn_box.right a {
	color: #fff;
	width: 274px;
	height: 64px;
	line-height: 64px;
	background: linear-gradient(to right, rgba(255, 129, 60, 1) 0%, rgba(255, 102, 0, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff813c', endColorstr='#ff6600', GradientType=1 );
}
.m-btn-wrap .btn_box a:hover {
	padding: 0 10px;
}
.m-tip-txt {
	margin-top: 47px;
}
.m-tip-txt span {
	font-size: 20px;
	color: #bda78e;
	letter-spacing: 4px;
	padding: 0 18px;
}
 .m-tip-txt::before, .m-tip-txt::after {
 content: "";
 display: inline-block;
 width: 145px;
 height: 1px;
 background-color: #dac7b2;
 vertical-align: middle;
}
/*part2*/

.m-list-forecast li {
	width: 278px;
	padding-top: 150px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 8px 12px 0 #edd9c3;
 transition: transform .2s linear;
 -webkit-transition: transform .2s linear;
}
.m-list-forecast li:hover {
	transform: translateY(-5%);
	-webkit-transform: translateY(-5%);
}
.m-list-forecast li.list1 {
	background: url(../img/bg_part2_1.jpg) center top no-repeat;
}
.m-list-forecast li.list2 {
	background: url(../img/bg_part2_2.jpg) center top no-repeat;
}
.m-list-forecast li.list3 {
	background: url(../img/bg_part2_3.jpg) center top no-repeat;
}
.m-list-forecast li.list4 {
	background: url(../img/bg_part2_4.jpg) center top no-repeat;
}
.m-list-forecast li + li {
	margin-left: 28px;
}
.m-list-forecast li div {
	height: 140px;
	background-color: #D5DD25;
	padding-top: 60px;
	text-align: center;
	color: #4c4c4c;
}
.m-list-forecast li div p {
	font-size: 16px;
	line-height: 24px;
}
.m-list-forecast li div b {
	font-size: 18px;
	margin-top: 8px;
}
.m-list-forecast li.list4 div {
	background: #D5DD25 url(../img/bg_part2_5.jpg) center top no-repeat;
}
/*part3*/

.part3-box {
	padding-bottom: 118px;
	background: url(../img/bg_curve.png) center 85px no-repeat;
}
.part3-box .m-tit-h3 span {
	padding: 0;
	font-size: 36px;
}
.part3-box .m-tit-h3 a {
	width: 122px;
	height: 33px;
	line-height: 33px;
	font-size: 18px;
	color: #cb0f0a;
	border: 1px solid #cb0f0a;
	border-radius: 4px;
}
.part3-box .m-tit-h3 a:hover {
	color: #fff;
	background-color: #cb0f0a;
}
.part3-box .m-tit-h3 a b {
	font-family: "宋体";
}
 .part3-box .m-tit-h3::before, .part3-box .m-tit-h3::after {
 display: none;
}
.m-list-month {
	margin-top: 24px;
	height: 360px;
}
.m-list-month p {
	width: 700px;
	height: 160px;
	background: url(../img/bg_part3.jpg) center no-repeat;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 8px 12px 0 #edd9c3;
}
 .m-list-month p::before {
 content: "";
 display: inline-block;
 width: 0;
 height: 100%;
 vertical-align: middle;
}
.m-list-month p i {
	width: 60px;
	height: 41px;
	font-size: 22px;
	padding-top: 19px;
	line-height: 38px;
	color: #603434;
	font-weight: bold;
	font-style: normal;
	background: url(../img/bg_icon.png) center -65px no-repeat;
}
.m-list-month p i b {
	font-size: 24px;
	font-family: Arial;
}
.m-list-month p.active {
	background: url(../img/bg_part3_active.jpg) center no-repeat;
	z-index: 1;
	box-shadow: 0 8px 12px 0 #df9181;
 animation: add .3s ease-in-out both;
 -webkit-animation: add .3s ease-in-out both;
}
 @keyframes add {
 from {
 transform: scale(.3);
}
 50% {
 transform: scale(1.01);
}
 80% {
 transform: scale(.99);
}
to {
	transform: scale(1);
}
}
 @-webkit-keyframes add {
 from {
 -webkit-transform: scale(.3);
}
 50% {
 -webkit-transform: scale(1.01);
}
 80% {
 -webkit-transform: scale(.99);
}
to {
	-webkit-transform: scale(1);
}
}
.m-list-month p.active i {
	color: #fff;
	background: url(../img/bg_icon.png) center top no-repeat;
}
.m-list-month p span {
	font-size: 18px;
	line-height: 28px;
	color: #4c4c4c;
	margin-left: 60px;
	text-align: left;
}
.m-list-month p.active span {
	font-weight: bold;
	color: #fff;
}
.m-list-month p.list1 {
	top: 85px;
	left: 0;
}
.m-list-month p.list2 {
	top: 0;
	left: 500px;
}
.m-list-month p.list3 {
	bottom: 0;
	left: 232px;
}
.Con{width:98%;}
.Con img{padding-right:10px;}
.Con p{font-size:18px;line-height:28px;	padding-bottom:20px;text-align:justify;text-indent: 2em;}

.Con2 { background-color:#D5DD25;border-radius: 8px;width:96%;padding:20px;color:#6D4B47}
.Con2 p{font-size:18px;line-height:28px;padding-bottom:20px;text-align:justify;text-indent: 2em;}
.Con2 span{font-size:22px;color:#EF6149;padding-right:5px;}



/* ============ Responsive ============ */



@media(max-width: 1200px) {
 html {
 font-size: 100px;
}
 .page_w {
 box-sizing: border-box;
 width: auto;
 max-width: 99%;
 padding-left: .3rem;
 padding-right: .3rem;
}
 .banner {
 height: 9.55rem;
 background: url(../img/bg_banner_mo.jpg) center top no-repeat;
 background-size: 12.8rem;
}
 .m-giftbox {
 width: 6.5rem;
 height: 6.5rem;
 top: .95rem;
 margin-left: -3.25rem;
}
 .m-giftbox .bg_coin {
 width: 7.8rem;
 height: 6.8rem;
 background: url(../img/bg_coin.png) 2.6rem 4.7rem no-repeat;
 background-size: 2.93rem;
}
 .bg_giftboxl {
 width: 3.43rem;
 height: 3.82rem;
 background-size: 100%;
 left: .06rem;
 bottom: -.88rem;
}
 .bg_giftboxr {
 width: 3.85rem;
 height: 3.93rem;
 background-size: 100%;
 right: -.66rem;
 bottom: -.37rem;
}
 @keyframes openleft {
 from {
 left: .06rem;
 bottom: -.88rem;
}
 to {
 left: -3.43rem;
 bottom: -3.82rem;
}
}
 @keyframes openright {
 from {
 right: -.66rem;
 bottom: -.37rem;
}
 to {
 right: -3.85rem;
 bottom: -3.93rem;
}
}
 @-webkit-keyframes openleft {
 from {
 left: .06rem;
 bottom: -.88rem;
}
 to {
 left: -3.43rem;
 bottom: -3.82rem;
}
}
 @-webkit-keyframes openright {
 from {
 right: -.66rem;
 bottom: -.37rem;
}
 to {
 right: -3.85rem;
 bottom: -3.93rem;
}
}
 .bg_gift1 {
 width: 7rem;
 height: 7rem;
 background: url(../img/bg_gift1.png) -.1rem 3.5rem no-repeat;
 background-size: 3.46rem;
}
 .bg_gift2 {
 width: 7rem;
 height: 7rem;
 background: url(../img/bg_gift2.png) 3.2rem 3rem no-repeat;
 background-size: 4.2rem;
}
 .bg_cloud {
 width: 19.20rem;
 height: 5.40rem;
 background-size: 19.2rem;
 margin-left: -9.60rem;
}
 .bg_tree {
 display: none;
}
 .m-lantern {
 width: 7.5rem;
 height: 2.2rem;
 margin-left: -3.75rem;
}
 .m-lantern .bg_lantern {
 position: absolute;
 top: 0;
 width: .97rem;
 height: inherit;
 background: url(../img/bg_lantern.png) center bottom no-repeat;
 background-size: 100%;
}
 .btn_div .btn_box {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 padding: 7.97rem 0 0;
 vertical-align: top;
}
 .btn_div .btn_box + .btn_box {
 margin-left: .1rem;
}
 .btn_div .btn_box a {
 display: block;
 width: 3.32rem;
 height: 1.01rem;
 line-height: .66rem;
 font-size: .28rem;
 border-radius: 4px;
 background-image: url(../img/bg_btn_mo.png);
 background-size: 100%;
 background-repeat: no-repeat;
}
 .btn_div .btn_box.right a, .btn_div .btn_box.left a:hover {
 background-position: center -1.09rem;
}
 .btn_div .btn_box.left a, .btn_div .btn_box.right a:hover {
 background-position: center -.07rem;
}
 .btn_div .free-btn::after {
 line-height: .4rem;
 top: .66rem;
 font-size: .2rem;
}





    /* part1 */



    .part1-box, .part2-box, .part3-box {
 padding-top: .9rem;
}
 .m-tit-h3 span {
 font-size: .48rem;
 line-height: .60rem;
 padding: 0;
}
 .m-tit-h3::before, .m-tit-h3::after {
 display: none;
}
 .m-tit-h3 + p {
 font-size: .26rem;
 margin-top: .25rem;
}
 .page_w {
 padding-top: .60rem;
}
 .m-list-tokes li {
 height: 2.4rem;
 overflow: hidden;
 position: relative;
}
 .m-list-tokes li + li {
 margin-top: .3rem;
}
 .m-list-tokes .list1 .m-bg-tokes {
 background: url(../img/bg_part1_1_mo.png) center no-repeat;
 background-size: 100%;
}
 .m-list-tokes .list2 .m-bg-tokes {
 background: url(../img/bg_part1_2_mo.png) center no-repeat;
 background-size: 100%;
}
 .m-list-tokes .list3 .m-bg-tokes {
 background: url(../img/bg_part1_3_mo.png) center no-repeat;
 background-size: 100%;
}
 .m-list-tokes .list4 .m-bg-tokes {
 background: url(../img/bg_part1_4_mo.png) center no-repeat;
 background-size: 100%;
}
 .m-list-tokes .list5 .m-bg-tokes {
 background: url(../img/bg_part1_5_mo.png) center no-repeat;
 background-size: 100%;
}
 .m-bg-tokes {
 width: 2.8rem;
 position: absolute;
 top: 0;
}
 .m-list-tokes li.left .m-bg-tokes {
 margin-right: 0;
 left: 0;
}
 .m-list-tokes li.right .m-bg-tokes {
 margin-left: 0;
 right: 0;
}
 .m-bg-tokes i {
 display: none;
}
 .m-tit-tokes {
 display: block;
 width: auto;
 font-size: .30rem;
 padding-top: .45rem;
}
 .m-txt-tokes {
 display: block;
 width: auto;
 font-size: .18rem;
 line-height: .34rem;
 margin-top: .2rem;
}
 .m-list-tokes li.right .m-tit-tokes,  .m-list-tokes li.right .m-txt-tokes {
 padding-left: .4rem;
}
 .m-list-tokes li.left .m-tit-tokes,  .m-list-tokes li.left .m-txt-tokes {
 padding-left: 3.2rem;
}
 .m-txt-tokes p {
 padding-left: .17rem;
 background: url(../img/bg_d.png) 0 center no-repeat;
 background-size: .09rem;
}
 .m-btn-wrap {
 margin-top: 1rem;
 height: .7rem;
}
 .m-btn-wrap .btn_box {
 padding: 0;
}
 .m-btn-wrap .btn_box.left a, .m-btn-wrap .btn_box.right a {
 box-sizing: border-box;
 width: 3rem;
 height: .7rem;
 line-height: .7rem;
 font-size: .28rem;
}
 .m-btn-wrap .btn_box.left a {
 border: 1px solid #ff6600;
}
 .m-btn-wrap .btn_box.right {
 float: right;
}
 .m-btn-wrap .btn_box.left {
 float: left;
}
 .m-btn-wrap .btn_box a:hover {
padding: 0;
}
 .m-tip-txt {
 margin-top: .47rem;
}
 .m-tip-txt span {
 font-size: .24rem;
 letter-spacing: .03rem;
 padding: 0 .2rem;
}
 .m-tip-txt::before, .m-tip-txt::after {
 width: 1.05rem;
}



    /*part2*/

    .m-list-forecast {
 overflow: hidden;
}
 .m-list-forecast li {
 width: 3.32rem;
 padding-top: 1.8rem;
}
 .m-list-forecast li.list1,  .m-list-forecast li.list2,  .m-list-forecast li.list3,  .m-list-forecast li.list4 {
 background-size: 100%;
}
 .m-list-forecast li + li {
 margin-left: 0;
}
 .m-list-forecast li:nth-of-type(2n+1) {
 float: left;
}
 .m-list-forecast li:nth-of-type(2n) {
 float: right;
}
 .m-list-forecast li:nth-of-type(3), .m-list-forecast li:nth-of-type(4) {
 margin-top: .3rem;
}
 .m-list-forecast li div {
 height: 2.2rem;
 padding-top: .56rem;
}
 .m-list-forecast li div p {
 font-size: .24rem;
 line-height: .36rem;
 padding: 0 .5rem;
 text-align: center;
}
 .m-list-forecast li div p br {
 display: none;
}
 .m-list-forecast li div b {
 font-size: .24rem;
 margin-top: 0;
 line-height: .46rem;
}
 .m-list-forecast li.list4 div {
 background-size: 100%;
}
 .m-list-forecast li.list4 div b {
 line-height: .54rem;
}



    /*part3*/

    .part3-box {
 padding-bottom: 1rem;
 background: url(../img/bg_curve.png) center .85rem no-repeat;
 background-size: 19.2rem;
}
 .part3-box .m-tit-h3 span {
 padding: 0;
 font-size: .36rem;
}
 .part3-box .m-tit-h3 a {
 box-sizing: border-box;
 width: 1.72rem;
 height: .48rem;
 line-height: .48rem;
 font-size: .24rem;
}
 .m-list-month {
 margin-top: .14rem;
 height: 5.6rem;
}
 .m-list-month p {
 width: 5.8rem;
 height: auto;
 background: url(../img/bg_part3_mo.jpg) left center no-repeat;
 background-size: 100% 100%;
 padding: .32rem 0 .28rem;
}
 .m-list-month p::before {
 display: none;
}
 .m-list-month p i {
 width: .8rem;
 height: .56rem;
 font-size: .3rem;
 padding-top: .24rem;
 line-height: .5rem;
 background: url(../img/bg_icon_mo.png) center -.85rem no-repeat;
 background-size: 100%;
 vertical-align: top;
 margin-top: .1rem;
}
 .m-list-month p i b {
 font-size: .32rem;
}
 .m-list-month p.active {
 background: url(../img/bg_part3_active_mo.jpg) center no-repeat;
 background-size: 100%;
}
 .m-list-month p.active i {
 background: url(../img/bg_icon_mo.png) center top no-repeat;
 background-size: 100%;
}
 .m-list-month p span {
 width: 3.6rem;
 font-size: .26rem;
 line-height: .42rem;
 margin-left: .42rem;
 text-align: justify;
}
 .m-list-month p span br {
 display: none;
}
 .m-list-month p.list1 {
 top: 1.6rem;
 left: .57rem;
}
 .m-list-month p.list2 {
 top: 0;
 left: 1.02rem;
}
 .m-list-month p.list3 {
 bottom: 0;
 left: .12rem;
}
}
 @media (min-width: 1200px) {
 .dicb {
height:60px;
}
}