/*
author:yaohaorong;
design:qishifeng;
update:2015-01-9;
*/
/*reset*/
html,body{overflow-x:hidden;overflow-y: auto;}
.wp-1,.wp-2,.wp-3{font-size: 12px;font-family:\5FAE\8F6F\96C5\9ED1,"simsun",tahoma,arial,sans-serif; width:100%; min-width:960px;}

/*common*/
.clearfix:after{display:block;content:"\200B";clear:both;height:0;}
.clearfix{*zoom:1;}
.hid{position:absolute;left:-9999px;}
.fl{float:left;}
.fr{float:right;}
i{font-style: normal;}
.ico-true,.ico_xin,.mark_rate,.ico_note,.logo-wlb,.logo-jrq,.logo-ppmoney,.ico-lottery,.ico-help,.box-share a{background:url(../img/spr.png) no-repeat;}
.ico-true{display: inline-block;width: 13px;height: 24px;background-position: -240px 0px;vertical-align: middle;}
.ico_xin{background-position: -220px -3px;}
.logo-wlb{float: left;width: 115px;height: 52px;background-position: 0 -46px;vertical-align: top;}
.logo-jrq{float: left;width: 156px;height: 52px;background-position: -120px -46px;vertical-align: top;}
.logo-ppmoney{float: left;width: 124px;height: 52px;background-position: -280px -45px;vertical-align: top;}
.mark_rate{background-position: -280px 0px;}
.ico_note{display: inline-block;width: 14px;height: 12px;background-position: -258px -1px;vertical-align: -1px;}
.ico-space{display: inline-block;height: 100%;vertical-align: middle;}
.ico-lottery{display: inline-block;margin-right: 10px;width: 33px;height: 37px;background-position: -140px 4px;vertical-align: top;}
.ico-help{display: inline-block;margin-right: 10px;width: 37px;height: 37px;background-position: -180px 0px;vertical-align: top;}



/*page*/
.main{width: 960px;margin: 0 auto;}
	.wp-1{margin-top: 60px;_margin-top: 0;height: 1048px;background:#ed2438  url(../img/bg01.png) no-repeat center 0;}
		.ban{position:relative;height: 1048px;}
		.banner{height: 532px;}
		.font-warn{line-height: 2.2;font-size: 27px;color: #ffff9f;}
		.box-intro{position:absolute;top: 424px;left: 0;width: 960px;height: 109px;overflow: hidden;line-height: 26px;font-size: 18px;color: #fff;background: url(../img/spr-act.png) no-repeat;z-index: 9;}
		.box-intro li{float: left;padding: 28px 0 0 126px;width: 167px;}
		.box-intro .last{padding-left: 173px;}
		.box-intro li strong{font-size: 24px;font-weight: normal;}

	.wp-2{margin-bottom: -20px;padding: 20px 0 0;background-color: #f6f6f6;} 
		.m_title{height: 52px;font-size: 14px;color: #595959;}
		.m_title .p_detail{float: right;padding-top: 18px;}
		.m_title .p_detail li{float: left;padding: 0 4px;*display: inline;} 
		.m_title .p_detail .last-item{padding-right: 0;}
		.m_title .detail-txt{padding-left: 6px;}
		.m_bd{margin-bottom: 20px;}
		.m_sec{height:210px; border: 1px solid #e8e8e8;background-color: #fff;}
		.m_sec_top{height:154px; border-bottom:1px dashed #e8e8e8;}
		.m_sec_top a{color: #222;}
		.m_sec_bottom{height:54px; color:#999;}
		.m_sec .col{float:left; height:100%; text-align:center;}
		.m_sec .col1{width: 286px;}
		.m_sec .col2{width: 420px;}
		.m_sec .col3{width:244px;}
		.m_sec .lc_tit{padding: 18px 0 13px;width: 286px;height: 24px;line-height: 24px;font-size: 18px;color: #4A4F56;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;overflow: hidden;}
		.m_sec .lc_rate_txt1,.lc_rate_txt2,.lc_rate_txt3{display:block; color:#4a4f56;}
		.m_sec .lc_rate_txt1{height:16px; line-height:16px;}
		.m_sec .lc_rate_txt2{padding:3px 0 7px; height:32px; line-height:32px; color:#e7350d; font-size:26px; font-weight:bold;}
		.m_sec .col2 .lc_rate_txt2{color:#626972;}
		.m_sec .lc_rate_txt2 span{display:inline-block; vertical-align:top;}
		.m_sec .mark_rate{display:inline-block; width:58px; height:20px; font-size:12px; color:#fff; line-height:20px; text-align:center; vertical-align:4px;}
		.m_sec .lc_rate_txt3{color:#999;}
		.m_sec .lc_inv{display:table-cell; height:54px; width: 420px; text-align:center; vertical-align:middle; font-size:41px;}
		.m_sec .ico_xin{display:inline-block; margin-right:6px; width:18px; height:20px; line-height: 70px; overflow:hidden;vertical-align:middle;}
		.m_sec .lc_inv span{display:inline-block; font-size:12px; vertical-align:middle;}
		.m_sec .lc_inv .clr_grey{color:#999; vertical-align:0;}
		.m_sec .lc_from{height: 65px; text-align:right; }
		.m_sec .btn_box{padding-top: 48px;color:#999;}
		.m_sec .btn_box span{display:block; padding-top:9px;}
		.m_sec .btn_box .clr_orange{display:inline; padding-top:0;color: #ed2438;}
		.m_sec .lc_btn{display:block; margin:0 auto; width:167px; height:50px; line-height:50px; color:#fff; text-align:center; font-size:24px;background-color: #ed2438;border-radius: 3px;text-decoration: none;}
		.m_sec .lc_btn:hover{filter:alpha(opacity=80); opacity:.8;text-decoration: none;}
		.m_sec_bottom p{padding-top:19px;}
		/*.lc_wp{height:auto!important;height:284px;min-height:284px;}*/
		.lc_wp{height:auto!important;}
	.wp-3{background-color: #f6f6f6;}
		.sec-title{position: relative;padding-top: 20px;height: 37px;line-height: 37px;font-size: 24px;font-weight: bold;color: #fff;}
		.sec-cont{height: 450px;}
		.cont-more{position: relative;line-height: 2.5;font-size: 14px;color: #fff;*zoom: 1;}
		.cont-bd{height: 415px;}
		.box-share{position: absolute;top: 5px;right: 0px;line-height: 20px;font-size: 14px;color: #fff;}
		.box-share a{display: inline-block;width: 26px;height: 20px;vertical-align: top;}
		.box-share .share-qq{background-position: 0 0;}
		.box-share .share-qq:hover{background-position: 0 -25px;}
		.box-share .share-wb{background-position: -26px 0;}
		.box-share .share-wb:hover{background-position: -26px -25px;}
		.box-share .share-zone{background-position: -53px 0;}
		.box-share .share-zone:hover{background-position: -53px -25px;}
		.box-share .share-txwb{background-position: -79px 0;}
		.box-share .share-txwb:hover{background-position: -79px -25px;}
		.box-share .share-wx{background-position: -105px 0;}
		.box-share .share-wx:hover{background-position: -105px -25px;}

		.side-l{float:left;width: 514px;}
			.box-lottery{position: relative;width: 514px;height: 415px;}
			.btn-start{position: absolute;left: 174px;top: 137px;padding-top: 28px;width: 164px;height: 99px;font-size: 14px;color: #5c5c5c;background-color: #fff;overflow: hidden;z-index: 5;text-align: center;}
			.btn-start:hover{text-decoration: none;}
			.btn-start strong{font-size: 30px;font-weight: bold;color: #ed2438;}
			.lottery-list{margin-left: -10px;width: 524px;}
			.lottery-list li{position: relative;float: left;*display: inline;margin: 0 0 10px 10px;width: 154px;height: 117px;font-size: 14px;color: #f75100;background-color: #ffe79e;border: 5px solid  #ffe79e;text-align: center;}
			.lottery-list li.on{border-color: #a40716;}
			.lottery-list .empty{background: none;}
			.lottery-list .item-diff{margin-left: 185px;}
			.lottery-list .gift-txt {line-height: 1.5;}
			.lottery-list .gift-txt strong{font-size: 18px;font-weight: bold;color: #ff150e;}
			.gift-pic img{display: block;padding: 7px 0 5px;width: 92px;height: 54px;margin: 0 auto;}
			.item-sorry img{padding-bottom: 11px;width: 68px;height: 68px;}
		.side-r{float:right;width: 406px;}
		.box-result{position: relative;padding: 0 20px;width: 366px;height: 404px;color: #fff;background-color: #cb1c2d;}
		.result-title{position: relative;height: 56px;line-height: 56px;font-size: 18px;border-bottom: 1px solid  #ff7b81;}
		.result-title a{position:absolute;bottom: 0;right: 0;line-height: 56px;font-size: 18px;color: #fffc00;}
		.result-title h4{font-size: 18px;font-weight: normal;}
		.result-cont{position: relative;margin: 7px 0;height:332px;overflow: hidden;}
		.cont-list{position:absolute;top: -38px;left:0px;}
		.cont-list li{height: 33px;line-height: 33px;font-size: 14px;color: #fff;}
		.cont-list li span{display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
		.cont-list .col-1{width: 116px;}
		.cont-list .col-2{padding-right: 15px;width: 85px;}
		.cont-list .col-3{width: 140px;}

		.sec-2{padding-bottom: 108px;}
		.sec-2 .sec-title{padding-bottom: 5px;color: #ed2438;}
		.box-rule{padding-bottom: 45px;border-bottom: 1px solid  #a5a5a5;}
		.box-rule dd{line-height: 28px;font-size: 14px;color: #2a2a2a;}
		.box-rule dd a{color: #560b13;}
		.box-rule .ico-num{float: left;padding: 0 5px;font-style: normal;}
		.box-rule .rule-txt{overflow: hidden;*zoom: 1;}
/*header/footer*/
.sys_top{-webkit-transform: translateZ(-1px);_position: relative !important;}
.header{width: 960px!important;}
.sys_footer{margin-top: -115px;}
.sys_footer a,.sys_footer p{color: #a5a5a5!important;}

/*CSS3 animations*/
.font-t,.font-b,.font-r,.font-d,.body,.mouth,.money,.eye{background: url(../img/spr-act.png) no-repeat;}
.line{position:absolute;top: -60px;left: -230px;width:1470px;height:250px;background: url(../img/line.png) no-repeat;}
.font{position:absolute;top:70px;right:70px;}
.font-t{width: 245px;height: 119px;background-position: -690px -210px;}
.font-b{width: 206px;height: 107px;background-position: -690px -330px;}
.font-r{position:absolute;right: -21px;bottom: 37px;width: 73px;height: 73px;background-position: -860px -110px;}
.font-d{position:absolute;right: -48px;bottom: 23px;width: 37px;height: 97px;background-position: -933px -110px;}
.mouth{position:absolute;width: 30px;height: 30px;}
.action .eye{position:absolute;background-color: #fbdfb8;}
.boy{position:absolute;top:14px;left:217px;}
.boy .body{width:151px;height:422px;background-position: 0 -110px}
.boy .eye-b{top: 82px;left: 45px;width:52px;height:8px;background-position: -690px -140px;overflow: hidden;}
.boy .eye-a{top: 82px;left: 45px;width:52px;height:8px;background-position: -690px -150px;overflow: hidden;}
.boy .mouth{left: 58px;top: 105px;background-position: -690px -110px;}
.girl{position:absolute;top:181px;left:106px;}
.girl .body{width: 184px;height: 308px;background-position: -151px -110px;}
.girl .eye-b-l{top: 57px;left: 56px;width:16px;height:11px;background-position: -690px -160px;overflow: hidden;}
.girl .eye-b-r{top: 52px;left: 88px;width:16px;height:11px;background-position: -720px -160px;overflow: hidden;}
.girl .eye-a-l{top: 57px;left: 56px;width:16px;height:11px;background-position: -720px -160px;overflow: hidden;}
.girl .eye-a-r{top: 52px;left: 88px;width:16px;height:11px;background-position: -690px -160px;overflow: hidden;}
.girl .mouth{top: 72px;left: 69px;background-position: -720px -110px;}
.woman{position:absolute;top:135px;left: 272px;}
.woman .body{width: 244px;height: 301px;background-position: -335px -110px;}
.woman .mouth{top: 50px;left: 124px;background-position: -750px -110px;}
.man{position:absolute;top:234px;left: 260px;}
.man .body{width: 107px;height: 207px;background-position: -579px -110px;}
.man .eye-b{top: 35px;left: 27px;width:52px;height:8px;background-position: -690px -150px;overflow: hidden;}
.man .eye-a{top: 35px;left: 27px;width:52px;height:8px;background-position: -690px -180px;overflow: hidden;}
.man .mouth{top: 71px;left: 37px;background-position: -780px -110px;}
.man .money{position:absolute;top:100px;left:29px;width: 50px;height: 74px;background-position: -810px -110px;}

.boy{-webkit-animation: bounceInUp .7s 3.4s both;animation: bounceInUp .7s 3.4s both;}
.boy .eye-b{-webkit-animation: eye-flash-b  .2s 4.2s both;animation: eye-flash-b  .2s 4.2s both;}
.boy .eye-a{-webkit-animation: eye-flash-a  .5s 4.2s both;animation: eye-flash-a  .5s 4.2s both;}
.boy .mouth{-webkit-animation: mouse-flash-b  .5s 2s both;animation: mouse-flash-b  .5s 2s both;}
.man{-webkit-animation: bounceInUp .7s .2s both;animation: bounceInUp .7s .2s both;}
.man .money{-webkit-animation: bounceInDown .7s .3s both;animation: bounceInDown .7s .3s both;}
.man .eye-b{-webkit-animation: eye-flash-b  .2s 1s both;animation: eye-flash-b  .2s 1s both;}
.man .eye-a{-webkit-animation: eye-flash-a  .5s 1s both;animation: eye-flash-a  .5s 1s both;}
.man .mouth{-webkit-animation: mouse-flash-b  .5s 1s both;animation: mouse-flash-b  .5s 1s both;}
.girl{-webkit-transform-origin: bottom right;transform-origin: bottom right;-webkit-animation: appear-left  .6s 1.5s both;animation: appear-left  .6s 1.5s both;}
.girl .eye-a-l{-webkit-animation: eye-flash-a  .5s 2s both;animation: eye-flash-a .5s 2s both;}
.girl .eye-b-l{-webkit-animation: eye-flash-b  .2s 2s both;animation: eye-flash-b .2s 2s both;}
.girl .mouth{-webkit-animation: mouse-flash-b  .5s 2s both;animation: mouse-flash-b  .5s 2s both;}
.woman{-webkit-transform-origin: left center;transform-origin: left center;-webkit-animation: appear-left  .8s 2.4s both;animation: appear-left  .8s 2.4s both;}
.woman .mouth{-webkit-animation: mouse-flash-k  1.5s 3s both;animation: mouse-flash-k  1.5s 3s both;}
.font-warn{-webkit-animation: fadeInDown 1s 4.2s both ease-out;animation: fadeInDown 1s 4.2s both ease-out;}
.font-t{-webkit-animation: fadeInDown 1s 4.7s both ease-out;animation: fadeInDown 1s 4.7s both ease-out;}
.font-b{-webkit-animation: fadeInDown  1s 5.2s both ease-out;animation: fadeInDown  1s 5.2s both ease-out;}
.font-r{-webkit-animation: fadeIn  .6s 6.3s both ease-out;animation: fadeIn  .6s 6.3s both ease-out;}
.font-d{-webkit-transform-origin: left center;transform-origin: left center;-webkit-animation: flash  1s 6.5s both ease-out;animation: flash  1s 6.5s both ease-out;}
.line{-webkit-transform-origin: center 100%;transform-origin: center 100%;-webkit-animation: flashIn  .4s 3.7s both ease-out;animation: flashIn  .4s 3.7s both ease-out;}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% {opacity: 0; -webkit-transform: translate3d(0, 100px, 0);}
  60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0);}
  75% {-webkit-transform: translate3d(0, 10px, 0);}
  90% {-webkit-transform: translate3d(0, -5px, 0);}
  100% {-webkit-transform: translate3d(0, 0, 0);} }
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% {opacity: 0; transform: translate3d(0, 100px, 0);}
  60% {opacity: 1; transform: translate3d(0, -20px, 0);}
  75% {transform: translate3d(0, 10px, 0);}
  90% {transform: translate3d(0, -5px, 0);}
  100% {transform: translate3d(0, 0, 0);} }
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% {opacity: 0; -webkit-transform: translate3d(0, -1000px, 0);}
  60% {opacity: 1; -webkit-transform: translate3d(0, 20px, 0);}
  75% {-webkit-transform: translate3d(0, -10px, 0);}
  90% {-webkit-transform: translate3d(0, 5px, 0);}
  100% {-webkit-transform: translate3d(0, 0, 0);} }
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% {opacity: 0; transform: translate3d(0, -1000px, 0);}
  60% {opacity: 1; transform: translate3d(0, 20px, 0);}
  75% {transform: translate3d(0, -10px, 0);}
  90% {transform: translate3d(0, 5px, 0);}
  100% {transform: translate3d(0, 0, 0);} }
@-webkit-keyframes eye-flash-b {
	 0%{opacity: 1;}
	100% {opacity: 0;}
}
@keyframes eye-flash-b {
	 0%{opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes eye-flash-a {
	 0%{opacity: 0;}
	100% {opacity: 1;}
}
@keyframes eye-flash-a {
	  0%{opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes eye-flash-d {
	 0%{opacity: 0;}
	100% {opacity: 0;}
}
@keyframes eye-flash-d {
	  0%{opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes mouse-flash-b {
	 0%{-webkit-transform: scale(.8,.6);}
	100% {-webkit-transform: scale(1,1);}
}
@keyframes mouse-flash-b {
	 0%{transform: scale(.8,.6);}
	100% {transform: scale(1,1);}
}
@-webkit-keyframes appear-left {
	0% { opacity: 0;
	-webkit-transform: rotateZ(35deg); }
	100% { opacity: 1;
	-webkit-transform: rotateZ(0);}
}
@keyframes appear-left {
	0% { opacity: 0;
	 transform: rotateZ(35deg); }
	100% { opacity: 1;
	transform: rotateZ(0);}
}

@-webkit-keyframes mouse-flash-k {
	 0%,40%,80%{-webkit-transform: scale(.5,.4);}
	10%,50%,90%{-webkit-transform: scale(.8,.6);}
	20%,60%,100%{-webkit-transform: scale(1,1);}
}
@keyframes mouse-flash-k {
	 0%,40%,80%{transform: scale(.5,.4);}
	10%,50%,90%{transform: scale(.8,.6);}
	20%,60%,100%{transform: scale(1,1);}
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
    transform: none;
  }
}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(450deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@keyframes flipInX{
0%{transform:perspective(400px) rotateX(450deg);
opacity:0}
40%{transform:perspective(400px) rotateX(-10deg)}
71%{transform:perspective(400px) rotateX(10deg)}
100%{transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0; }
  100% {opacity: 1; } }

@keyframes fadeIn {
  0% {opacity: 0; }
  100% {opacity: 1; } }

@-webkit-keyframes flash {
  0% {opacity: 0; 
  	-webkit-transform: scale(0, 0);}
  20% {opacity: 1; 
  	-webkit-transform: scale(1.1, 1.1);}
  40% {opacity: 1; 
  	-webkit-transform: scale(.8, .8);}
  60% {opacity: 1; 
  	-webkit-transform: scale(1.1, 1.1);}
  80% {opacity: 1; 
  	-webkit-transform: scale(.9, .9);} }
  100% {opacity: 1; 
  	-webkit-transform: scale(1, 1);} }

@keyframes flash {
  0% {opacity: 0; 
  	transform: scale(0, 0);}
  20% {opacity: 1; 
  	transform: scale(1.1, 1.1);}
  40% {opacity: 1; 
  	transform: scale(.8, .8);}
  60% {opacity: 1; 
  	transform: scale(1.1, 1.1);}
  80% {opacity: 1; 
  	transform: scale(.9, .9);} 
  100% {opacity: 1; 
  	transform: scale(1, 1);} }
  @-webkit-keyframes flashIn {
  	 0% {opacity: 0; 
  	-webkit-transform: scale(.4,.4);}
  	 100% {opacity: 1; 
  	-webkit-transform: scale(1, 1);}
  }
@keyframes flashIn {
  	 0% {opacity: 0; 
  	transform: scale(.4,.4);}
  	 100% {opacity: 1; 
  	transform: scale(1, 1);}
  }