/* ============ Reset ============ */



body { font-family:PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";background-color: #f1e2d1;}





.wrapper { position: relative; width: 100%;}



.hide-t { line-height: 0; font-size: 0; text-indent: 0; overflow: hidden }



input[type=button], input[type=text], input[type=password] { -webkit-appearance: none; outline: none; border-radius: 0 }



.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden }



.page_w { width: 1200px; margin: 0 auto; }



.btn_box a i, .gbox .num, .gbox .num b { background-image: url(../img/icons.png); background-repeat: no-repeat; background-position: center 0; }



.mo, .rulebtn.mo { display: none; }







/* ============ Common ============ */





.btn_div { text-align: center; font-size: 0; padding-top:360px; }



.btn_div .btn_box { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; padding: 0 30px; }



.btn_box a { display: block; width: 266px; height: 56px; line-height: 56px; font-size: 26px; color: #feef7a; font-weight: bold; border-radius: 4px; position: relative; border:2px solid #feef7a; border-radius: 8px; }



.btn_div .btn_box:first-child a { width: 270px; background: url(../img/btnbg.png) center 0 no-repeat; border: 0; height: 60px; line-height: 60px; color: #ce4f2e; box-shadow: 2px 2px 8px rgba(176,62,41,.2); text-shadow: 1px 1px 1px rgba(255,245,172,.3) }



.btn_box a:hover,.btn_div .btn_box:first-child a:hover { text-decoration: none;width: 270px; background: url(../img/btnbg.png) center bottom no-repeat; border: 0; height: 60px; line-height: 60px; color: #ce4f2e; box-shadow: 2px 2px 8px rgba(176,62,41,.2); text-shadow: 1px 1px 1px rgba(255,245,172,.3)}







/* banner */



.banner { position: relative; margin-top: 80px; height: 1051px; background: url(../img/banner.jpg) no-repeat center 0; overflow: hidden;}



.banner .ban_cont { padding-top: 16px;}



.banner .ban-tit{ text-align: center; margin-bottom: 20px; }



.banner .ban-tit img{ vertical-align: top; border: 0 }



.redbag{ height: 649px; background: url(../img/redbag.png) center 0 no-repeat; position: absolute; width: 100%; left: 0; bottom: 0; overflow: hidden; z-index: 1; }



.redbag .cover{ position: absolute;	width: 100%; bottom: 0;left: 0; height: 100%; text-align: center; z-index: 3; }



.redbag .money{ text-align: center; position: absolute; width: 100%; left: 0; bottom: 88px; }



.redbag .money .rmb{ position: relative; z-index: 2; }



.redbag .money .dollar1{ position: absolute; left: 50%; margin-left: -345px; z-index: 1; top:60px; }



.redbag .money .dollar2{ position: absolute; right: 50%; margin-right: -350px; z-index: 1; top:75px; }



.icons .ico{ position: absolute; z-index: 2; left: 50%; top: 0; }



.icons .ico.ic1{ margin-left: -650px; margin-top: 426px; }



.icons .ico.ic2{ margin-left: -540px; margin-top: 305px; }



.icons .ico.ic3{ margin-left: -470px; margin-top: 470px; }



.icons .ico.ic4{ margin-left: 360px; margin-top: 350px; }



.icons .ico.ic5{ margin-left: 540px; margin-top: 420px; }



.icons .ico.ic6{ margin-left: 500px; margin-top: 583px; }



.icons .ico.ic7{ margin-left: 545px; margin-top: 723px; }



.carton1{ position: absolute; left: 50%; margin-left: -650px; bottom: 185px; z-index: 3; }



.carton1 .kh{ position: absolute; right: -80px; top: -90px; }



.carton2{ position: absolute; left: 50%; margin-left: 560px; bottom: 0; margin-bottom: 140px; }



.carton2 .eye{ position: absolute; width: 66px; height: 20px; left: 50%; margin-left: -33px; top: 47px; }



.kh.ani{ -webkit-animation: khbtn 2s ease-in-out infinite ; animation: khbtn 2s ease-in-out infinite ; animation-fill-mode: forwards;}







@-moz-keyframes khbtn{



	0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



	10%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}



	20%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



}



@-webkit-keyframes khbtn{



	0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



	10%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}



	20%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



}



@keyframes khbtn{



	0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



	10%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}



	20%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}



}







.icons .ico img { -webkit-animation: iconShake 2s infinite ease-in-out; animation: iconShake 2s infinite ease-in-out;    animation-fill-mode: initial; }



.icons .ico.ic2 img { -webkit-animation-delay: .2s;animation-delay: .2s; }



.icons .ico.ic3 img { -webkit-animation-delay: .4s;animation-delay: .4s; }



.icons .ico.ic4 img { -webkit-animation-delay: .15s;animation-delay: .15s; }



.icons .ico.ic5 img { -webkit-animation-delay: .3s;animation-delay: .3s; }



.icons .ico.ic6 img { -webkit-animation-delay: .25s;animation-delay: .25s; }



.icons .ico.ic7 img { -webkit-animation-delay: .35s;animation-delay: .35s; }











@-moz-keyframes iconShake {



	0% { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }



	50% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }



	100% { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }



}



@-webkit-keyframes iconShake {



	0% { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }



	50% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }



	100% { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }



}



@keyframes iconShake {



	0% { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }



	50% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }



	100% { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }



}







/* part */



.part { padding: 0 0 120px;}



.part1{ padding-bottom: 90px; }



.title { text-align: center; font-size: 0; white-space: nowrap; margin-bottom: 20px;}



.title span { display: inline-block;*display: inline;*zoom: 1; vertical-align: middle;color: #421919; font-size: 46px; line-height: 1.2; font-weight: bold; padding: 0 26px; }



.title i{ display: inline-block;*display: inline;*zoom: 1; vertical-align: middle; width: 120px; height: 26px; background: url(../img/titbg.png) 0 center no-repeat; }



.title span + i{ background-position: right center; }



.title b,.text-p b { color: #cb2906; }



.title .pc{ font-style: normal; }



.text-p{ font-size: 24px; color: #563333; text-align: center;}



.text-p b{ font-weight: normal;}







/* part1 */



.redbaglist{ text-align: center; font-size: 0; white-space: nowrap; }



.redbaglist .rb-box{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 54px; width: 260px; }



.redbaglist .rb-box:first-child{ margin-left: 0; }



.rb-box .tag{ display: block; height: 56px; background: url(../img/tags.png) center 0 no-repeat; margin-bottom: 10px; }



.rb-box .tag.t2{ background-position: center -60px; }



.rb-box .tag.t3{ background-position: center -120px; }



.rb-box .tag.t4{ background-position: center -180px; }



.rb-box .imgdiv{ margin-bottom: 20px; }



.rb-box .lqbtn{ display: block; width: 200px; height: 45px; line-height: 45px; color: #fff; font-size: 24px; border-radius: 40px; margin: 0 auto 8px; background: rgb(225,71,72);background: -moz-linear-gradient(top,  rgba(225,71,72,1) 0%, rgba(225,71,72,1) 0%, rgba(192,54,55,1) 100%);background: -webkit-linear-gradient(top,  rgba(225,71,72,1) 0%,rgba(225,71,72,1) 0%,rgba(192,54,55,1) 100%);background: linear-gradient(to bottom,  rgba(225,71,72,1) 0%,rgba(225,71,72,1) 0%,rgba(192,54,55,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e14748', endColorstr='#c03637',GradientType=0 );}



.rb-box .lqbtn:hover{ text-decoration: none;background: rgb(253,122,123);background: -moz-linear-gradient(top,  rgba(253,122,123,1) 0%, rgba(216,69,70,1) 100%);background: -webkit-linear-gradient(top,  rgba(253,122,123,1) 0%,rgba(216,69,70,1) 100%);background: linear-gradient(to bottom,  rgba(253,122,123,1) 0%,rgba(216,69,70,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7a7b', endColorstr='#d84546',GradientType=0 ); }



.percent p{ font-size: 14px; padding: 8px 0 25px; color: #808080; }



.percent .pbg{ border:1px solid #f1d99b; height: 13px; position: relative; border-radius: 12px; overflow: hidden; }



.percent .pbg .bar{ width: 91.2%; position: absolute; height: 15px; left: -1px; top: -1px; overflow: hidden; }



.percent .bar span{ display: block; background: url(../img/percent.gif) 0 center repeat-x; height: 100%; position: relative; overflow: hidden; }



.percent .bar span:after{ content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 14px; border-color: transparent #fff transparent transparent; position: absolute; right: 0; top: 0; z-index: 2; }



.percent .bar span:before{ content: ''; display: block; position: absolute; right: 0; top: 0; z-index: 1; width: 25px; height: 13px; background: url(../img/bar2.png) 0 0 no-repeat; }



.percent .bar.ani span{ -webkit-animation: progressbar .8s ease-in-out; animation: progressbar .8s ease-in-out; animation-fill-mode: forwards;}



@-moz-keyframes progressbar{	0%{width:0}	100%{width:100%}}



@-webkit-keyframes progressbar{	0%{width:0}	100%{width:100%}}



@keyframes progressbar{	0%{width:0}	100%{width:100%}}







.rulebtn{ font-size: 18px; line-height: 1.6; color: #c5393a; }



.rulebtn i{ font-family: 'simsun'; padding-left: 5px; font-style: normal; font-weight: bold; }



.rulebtn:hover{ text-decoration: none; color: #ea3d54; }







/* part2 */



.chance{ font-size: 0; text-align: center; white-space: nowrap; padding: 55px 0 0; }







.chance .cbox{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; border-radius: 10px; overflow: hidden; background:#fff6e4;width: 47.5%; height: 470px; white-space: normal;}



.chance .cbox + .cbox{ /*background-image: url(../img/p2pic2.jpg);*/ margin-left: 5%; }



.chance .cbox .top{  background: url(../img/p2top.jpg) center 0 no-repeat; padding: 34px 0; }



.chance .cbox i,.chance .cbox span{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}



.chance .cbox span{ font-size: 32px; color: #fff2e1; text-shadow: 3px 3px 0 rgba(184,135,87,.2); font-weight: bold; }



.chance .cbox i{ margin-right: 20px; width: 82px; height: 82px; background: url(../img/reason.png) center 0 no-repeat; }



.chance .cbox + .cbox i{ background-position: center bottom; }



.chance .cbox p{ font-size: 24px; color: #6d5640; padding-top: 40px; }



.chance .cbox em{ color: #d03738; font-style: normal; font-weight: bold; }





#ganlal{ text-align:left;  margin:0 auto; width:500px; }



#ganlal font{ display:inline-block; font-size:18px; margin:0px 20px; margin-bottom:20px;}

#ganlal a{ font-size:18px; text-decoration:none;display:block; background-color:#e24e30; width:200px;

 color:#FFF; padding:16px; border-radius:4px; margin:0 auto; text-align:center; margin-top:12px; transition:all 0.3s  }

#ganlal a:hover{ background-color:#D03738;width:220px;}



#ganlal1{ text-align:left;  margin:0 auto; width:500px; }



#ganlal1 font{ display:inline-block; font-size:18px; margin:0px 7px; margin-bottom:20px;}

#ganlal1 a{ font-size:18px; text-decoration:none;display:block; background-color:#e24e30; width:200px;

 color:#FFF; padding:16px; border-radius:4px; margin:0 auto; text-align:center; margin-top:12px; transition:all 0.5s  }

#ganlal1 a:hover{ background-color:#D03738;width:220px;}





.tjjj{ width:1200px; margin:0 auto; text-align:center}

.tjjj p{ font-size:18px; margin:20px 0;}

.tjjj .tag{

display: block;

margin: 0 auto;

width: 290px;

font-size: 16px;

color: #fff;

text-align: center;

line-height: 32px;

border-radius: 20px;

background: #D5DD35;

margin-bottom:20px;

font-weight:normal

}

.tjjj .case-list{ font-size:14px; }

.tjjj .case-list ul li{ line-height:30px;}



.case-box {

    position: relative;

    padding: 40px 0;

	width:1000px; 

    text-align: center;

    background-image:url(../img/bdd.png);

    border-radius: 10px;

	margin:50px auto;

	

	

	}





.case-box-icon {

    position: absolute;

    top: -3px;

    left: -3px;

    z-index: 1;

    width: 110px;

    height: 100px;

    background-position-x: -462px;

	/**background-image:url(../img/anli.png)**/

}

.case-box h2 {

    font-size: 20px;

    font-weight: bold;

    color: #fff;

}



.case-box b {
    width:800px;

    display: block;
    margin:0 auto;

    margin-top: 10px;

    font-size: 19px;

    color: #ffe3e3;
font-weight: normal;

}







.btns a.btn_real {

    color: #fff;

    background: #e24e30

}

.btns a {

    display: inline-block;

    margin: 0px 8px;

    width: 280px;

    height: 68px;

    font-size: 24px;

    font-weight: bold;

    text-align: center;

    line-height: 68px;

    border-radius: 10px; transition:all 0.5s;

	text-decoration:none

    

}

.btns a:hover{ width:320px;}







.btn_cs {

    color: #714814;

    line-height:62px;

    border: 2px solid #BD8B5A

    

}

.btn_cs:hover{ background:#BD8B5A; color:#fff2e1}





.bd{ width:100%; background: url(../img/banner.jpg) no-repeat center; height:499px; position:relative}





/* part3 */



.yslist{ font-size: 0; text-align: center; padding: 30px 0 0; }



.yslist .ysbox{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 22.9%; margin-left: 2.75%; font-size: 16px; color: #666; background:#fff6e4; line-height: 1.75; padding-bottom: 35px; border-radius: 10px; overflow: hidden; }



.yslist .ysbox:first-child{ margin-left: 0; }



.yslist .ysbox .top { background: url(../img/ystop.jpg) center 0 no-repeat; padding: 36px 0; } 



.yslist .ysbox i{ background: url(../img/icons.png) center 0 no-repeat; display: block; height: 108px; }



.yslist .ysbox i.ic2{ background-position: center -120px }



.yslist .ysbox i.ic3{ background-position: center -240px }



.yslist .ysbox i.ic4{ background-position: center -360px }



.yslist .ysbox span{ font-size: 1.75em; color: #333; line-height: 1.4; display: block; padding: 35px 0 10px;}







/* rule */



.shadow{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: .4; filter: alpha(opacity=40); z-index: 100;}



.pop_box{ background: #fff; border-radius: 10px; width: 930px; position: fixed; left: 50%; margin-left: -465px; top: 50%; margin-top: -335px; z-index: 101;overflow:hidden}



.pop_box .cont{ position: relative;z-index:1}



.pop_close{ display: block; width: 26px; height: 27px;position: absolute; right:5px; top:5px;font:27px/27px "ËÎÌå";color:#ABABAB;z-index:2}



.pop_close:hover{ opacity: .8; filter: alpha(opacity=80);text-decoration:none}



.pop_tit{height:110px;line-height:120px;font-size:36px; color: #525356; text-align: center;overflow:hidden;background:#fef9f2;color:#4a4b55}



.rulecont { text-align: left}



.rule_h{padding:30px 10px 30px 60px}



.rulecont.scroll-box{height:500px}



.rulecont h4{ font-size:18px;color:#a9754a;margin-bottom:12px}



.rulecont .tx li{ font-size: 16px;color:#4c4c4c;line-height:1.6}



.rulecont .tx li b{color:#F5764A }



.rulecont .tx span.rtit{ font-size: 16px; }



.mb40{ height: 40px; }



.dxbox{ font-size: 0; }



.dxbox li{ display: inline-block; *display: inline; *zoom: 1; width: 32.5%; background: #eee; border-radius: 5px; overflow: hidden; margin-left: 1.249%; vertical-align: top; font-size: 16px; text-align: center;}



.dxbox li:first-child{ margin-left: 0; }



.dxbox li span{ display: block; line-height: 43px; color: #fff; background: #f47b51; }



.dxbox li .cot{ display: table; vertical-align: middle; height: 64px; width: 100%; color: #444; }



.dxbox li .cot p{ display: table-cell; vertical-align: middle; width: 100%; }



.prizecont{ margin-bottom: 20px; }



.rulecont .tx2 li{position:relative;font-size: 16px; color: #666; line-height:1.8;padding-left:22px}



.rulecont .tx2 li em{position:absolute;left:0;top:0;font-style: normal}







.tb-rule{margin:10px 0;width:100%;border:solid #f9eddf;border-width:0 0 0 1px}



.tb-rule tr{text-align:center;height:40px;}



.tb-rule th{background:#fdf3e7;border:solid #fff;border-width:1px 1px 0 0;line-height:1.4;padding:8px 0; font-size: 18px}



.tb-rule td{border:solid #f9eddf;border-width:0 1px 1px 0;line-height:20px;padding:18px 3% 18px 6%;font-size:18px;text-align:left}



.tb-rule tr th:last-child{ border-right: 1px solid #f9eddf}



.tb-rule tr:first-child th{ border-top:1px solid #f9eddf}



.tb-rule th span{ display: block; font-size: 0.8em; opacity: 0.7; font-weight: normal;}



.pop_close{ display: block; position: absolute; width: 30px; height: 30px;background: url(../img/pop-close.png) center no-repeat; right: 18px; top: 18px; cursor: pointer; z-index: 2; }




.bdttj{ width:1200px; margin:0 auto; height:auto; position:absolute; left:0; right:0; bottom:-23px;overflow:hidden}
.bdttj li{ width:345px; height:auto; float:left; background:#fff6e4;border-radius:5px;overflow:hidden; padding-top:20px;}
.bdttj1{  border-bottom:solid 1px #FF3A0B; height:23px; margin-bottom:50px;}
.bdttj1 h4{background:#FF3A0B ; margin: 0 auto;  font-size:20px; width:70%;text-align:center; height:46px;line-height:46px;  border-radius:60%; color:#fff}

.bdttj li span{display:block; font-size: 16px; margin-bottom:6px; color:#565656;text-align:center}


.bdttj2{ margin:0px 81px;}
.bt-di{background:#FFBA30; color:#BC2806; font-weight:bold; margin-top:20px; text-align:center; font-size:20px; height:50px;line-height:50px;  letter-spacing:1px;}

.txtops{margin-top:140px;}


.img-responsive{width:100%;height: auto}