@charset "utf-8";
/* CSS Document */
/*edit:zhangning
@ update: 2016-07-25 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clearMargin:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
.middle{vertical-align:middle}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; }
.bold{font-weight:bold;}

.contain{position: relative;width: 1200px;margin: 0 auto;height: 100%}
.contain:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
/*底部导航*/
.btn_box { width:1920px; height:98px; margin-left:-960px; position:fixed; top:0; left:50%; z-index:200; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/head_bg.jpg) no-repeat center;}
.btn_box .js_a{float:left;width:146px; height:100%; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png);}
.btn_box .a1{width:146px;}
.btn_box .a2{width:138px;}
.btn_box .a3{width:135px;}
.btn_box .a4{width:137px;}
.btn_box .a5{width:172px;}
.btn_box .a6{width:130px;}
.btn_box .contain{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-left: 265px;}
/*公用弹窗*/
.alert_bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
}
.success_box,.agree_box,.agree_yes,.agree_not {
	width: 442px;
	height: 430px;
	background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hanjia2019/common_bg.png") no-repeat;
	text-align: center;
}
.pop {
	position: absolute;
	z-index: 10000;
	box-sizing: border-box;
}
.success_box h3{
	margin-top: 120px;
	color: #F5E2B0;
	font-weight: 700;
	font-size: 36px;
}
.agree_box h3{
    margin-top: 120px;
    color: #F5E2B0;
    font-weight: 700;
    font-size: 24px;
}
.agree_yes h3,.agree_not h3{
    padding: 0 20px;
    margin-top: 120px;
    color: #F5E2B0;
    font-weight: 700;
    font-size: 16px;
}
.success_box .name {
	margin: 10px 0 25px 0;
	padding: 0 20px;
	color: #FAE22A;
	font-weight: 700;
	font-size: 24px;
	word-wrap: break-word;
}
a.ok {
	display: block;
	margin: 20px auto 0;
	width: 145px;
	height: 43px;
	background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hanjia2019/confirm.png") no-repeat;
}
.agree_btn_box{
    margin-top: 45px;
    text-align: center;
}
.agree_btn_box a{
    display: inline-block;
    width: 110px;
    height: 36px;
    color: #BC1328;
    font-weight: bold;
    font-size: 16px;
    line-height: 36px;
    background: #ECD086;
}
.yes_btn{ margin-right: 40px;}
.container{position:relative;width:100%;height:400px;overflow:hidden}
.container .wrap-scroll-bar{position:absolute;top:0;right:3px;width:3px;height:100%;overflow:hidden}
.container .scroll-bar{transition:.2s;position:absolute;top:0;right:0;width:2px;height:20px;background:#db151f}

.wrap_total{ min-width: 1200px;}
/*第一部分*/
.wrap01 { position:relative; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/wrap01_bg.jpg) no-repeat center top; overflow: hidden;}
.wrap01 .con{ position:relative;height:1070px; width:1200px; margin:0 auto; z-index:88;}
.top_nav{ position: absolute; width: 190px; height: 30px; top: 57px; left: 72px; color: #5a1b1b; font-size: 16px; text-align: center; }
.wrap01 .top_nav a{color:#ffed92; font-size:16px; margin:0 10px;}
.wrap01 .top_nav a:hover{text-decoration:underline;}

.wrap01 .bigBox{top:289px; left:289px;}
.wrap01 .box_l{top:713px; left:27px;}
.wrap01 .box_r{top:713px; right:15px;}
.wrap01 .pic_b{bottom:0; left:-360px;}
.wrap01 .l_01{left:-360px; top:118px;}
.wrap01 .l_02{left:-110px; top:468px;}
.wrap01 .r_01{right:-360px; top:118px;}
.wrap01 .r_02{right:-100px; top:468px;}
.wrap01 .pic_bigBox_top{left:411px; top:401px;}
.wrap01 .slogan1{left:350px; top:60px;}
.wrap01 .slogan2{left:448px; top:312px;z-index: 2}
.wrap01 .light{left:411px; top:498px;}
.wrap01 .wrap1_cover{position: absolute; left:-360px; bottom:0;z-index: 10}
.wrap01 .btn_start{left:515px; top:610px;z-index: 100}
.wrap01 .layer{width:238px;  bottom:338px; overflow:hidden; background:url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/bg_layer.png") no-repeat;}
.wrap01 .layer .tit{font-size:24px; color:#A81724; margin:10px 20px; line-height:1.2; font-weight:bold; }
.wrap01 .layer .close_layer{width:21px; height:21px;  position:absolute; right:10px; top:14px; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/ico_close_layer.png) no-repeat center;}

.wrap01 .layer_L01 {height:451px; left:48px; font-size:18px; }
.wrap01 .layer_L01 li{margin-top:28px; line-height:1.33; color:#9C2D00;}

.wrap01  .layer_L02 {height:355px; left:48px; font-size:18px; }
.wrap01 .layer_L02 .dl01{margin:52px auto 30px;;}
.wrap01 .order_num{ font-size:14px; color:#6E2203;}
.wrap01 .order_num .order_reduce ,
.wrap01 .order_num .order_input,
.wrap01 .order_num .order_increase{width:14px;height:14px;display:inline-block;border:1px solid #982600; vertical-align: middle;}
.wrap01 .order_num .order_reduce{background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/i_reduce.png) no-repeat center;  background-color:#fff1d5;}
.wrap01 .order_num .order_increase{background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/i_increase.png) no-repeat center; background-color:#fff1d5;}
.wrap01 .order_num .order_input{font-size:18px;width:44px; height:28px; font-family:inherit; margin:0 6px; color:#982600;text-align:center; padding:0; font-weight:bold; background-color:#fff1d5;}
.wrap01 .order_num .row_num{line-height:30px; margin:0 5px; font-weight:bold; font-size:16px;}
.wrap01 .order_num .btn_buy{width:100px; height:38px; display:block; margin:12px auto; color:#ffd798; font-size:18px; line-height:35px; font-weight:bold;  background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/btn_buy.png) no-repeat center;}

.wrap01 .layer_L03{height:451px; right:37px; font-size:18px; transform:translate3d(0,0,0)}
.wrap01 .layer_L03  ul{margin-top:11px;}
.wrap01 .layer_L03 li{text-align:justify; font-size:14px; color:#6E2203; margin:2px 18px;}

.wrap01 .layer_L04{height:451px; right:10px; font-size:18px; transform:translate3d(0,0,0)}
.wrap01 .layer_L04 .cont{color:#ae5500; font-size:16px; line-height:32px;  width:84%; margin:0 auto; position:absolute;top:0;left:8%; transition:.2s;}
.wrap01 .layer_L04 .cont li{border-bottom:1px solid #ffde9a;  margin-bottom:4px;}

.wrap01 .btn_buy01{top:745px; left:50px; width:170px; height:60px;z-index: 20}
.wrap01 .btn_buy02{top:814px; left:50px; width:170px; height:130px;z-index: 20}
.wrap01 .text01{top:747px; right:70px; width:60px; height:25px; font-size: 16px; text-align: center; font-weight: bold; color: #fff;}
.wrap01 .text02{top:806px; right:70px; width:60px; height:25px; font-size: 16px; text-align: center; font-weight: bold; color: #fff;}
.wrap01 .btn_reward{top:849px; right:67px; width:170px; height:60px;z-index: 20}
.wrap01 .btn_rule{top:909px; right:67px; width:170px; height:60px;z-index: 20}
.wrap01 .arrow {top:520px; left:554px;}
.wrap01 .egg {top:830px; left:530px; opacity:0;}



.wrap_gift{position:absolute; z-index:1000; left:50%; margin-left:-960px; top:0; width:1920px; height:980px; background:rgba(0,0,0,.85);}
.wrap_gift .box_gift{width:442px; height:693px; margin:85px auto 0; position:relative; overflow:hidden;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/bg_gift.png") no-repeat}
.wrap_gift .box_gift .tit{ margin:36px auto 0; text-align:center; font-size:24px; color:#f5e2b0; font-weight:bold;}
.wrap_gift .img_gift{margin:10px auto 5px; display:block;}
.wrap_gift .text{color:#efd590; font-size:16px; font-weight:bold; text-align:center; margin-bottom:20px;}
.wrap_gift .btn01{width:149px; height:47px; margin:0 20px 10px 50px;  background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/btn_01.png) no-repeat center;}
.wrap_gift .btn02{width:149px; height:47px; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/btn_02.png) no-repeat center;}
.wrap_gift .btn03{width:126px; height:41px; display:inline-block; vertical-align: middle;   background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/btn_03.png) no-repeat center;}
.wrap_gift .btn_close {width:80px; height:80px; position:absolute; left:50%;  margin-left:-40px; top:800px; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/btn_close.png) no-repeat center;}

/*第二部分*/
.wrap02 { position:relative; background:#FFDDB8;}
.wrap02 .contain{ height:809px;}
.event_t{display: block;margin: 62px auto}
/*.wrap02 .event_t{position: relative; margin: -50px auto 0;z-index: 100}*/

.video_box{ position: relative; width: 679px;height: 390px; margin: 50px auto 0;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/play_border04.png") no-repeat}
.video_btn{ position: absolute; width: 105px;height: 105px;top:54%;margin-top: -75px;left: 52%;margin-left: -75px;background:url('https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hanjia2019/play_btn.png') no-repeat center;}
.video_btn:hover { opacity: .7; filter: alpha(opacity=70); }
#video-con { width: 630px; height: 368px; margin: 12px auto 0; overflow: hidden; background: url(https://static.web.sdo.com/dn/pic/dn/web9/loading.gif) no-repeat 50% 50%; background-color: #FFFFFF;  }
.video_txt{ margin-top: 45px; color: #C44B3E; font-size: 18px; font-weight: bold; text-align: center; }

/*第三部分*/
.wrap03 { position:relative; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/wrap03_bg.jpg) no-repeat center top;}
.wrap03 .contain{ height:809px;}
.rule_btn_box{ text-align: center}
.rule_btn_box a{ display: inline-block;width: 159px;height: 45px}
.reward_bg{margin-right: 65px;}
.rule_bg{background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/rule_bg.png") no-repeat}
.event03_open{position:relative;width: 651px;height: 511px;margin: 0 auto; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/gift_bt.png) no-repeat center top;}
.open_btn{ position: absolute; width: 200px; height: 200px;  top: 217px; left: 402px; line-height: 68px; font-size: 32px; text-align: center; font-weight: bold; color: #EDD286;}
.wrap03 .rule01{width:380px; top:478px; left:605px;}
.wrap03 .reward01{width:370px; top:205px; left:170px;}
.wrap03 .reward_btn01{width:163px;height: 49px; background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/reward_bg.png") no-repeat;}
/*第四部分*/
.wrap04 { position:relative; background:#FFDDB8;}
.wrap04 .contain{ height:730px;}
.wrap04 .slot_box{position:relative;width:1086px;height:122px;margin:125px auto 0;background:url('https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hanjia2019/process_bg.png') no-repeat center}
.wrap04 .box_btn{position:absolute;bottom:-38px;margin-left:78px;width:1300px;height:28px;font-weight:700;font-size:14px}
.wrap04 .box_btn a{position:relative;float:left;display:block;margin-right:45px;width:62px;height:26px; background: #E63424;color:#690900;text-align:center;line-height:26px;border-radius: 20px;}
.wrap04 .box_btn a:last-child{margin-left:-5px;}
.wrap04 .box_btn a i{position:absolute;top:32px;left:-35px;z-index:10;display:none;padding:12px;width:max-content;background:#E8AF5C;color:#632800;font-size:14px;line-height:1.5}
.wrap04 .box_btn a.got{background:#bcbcbc}
.wrap04 .box_btn a:hover i{display:block}
.energy_cur {
	position: absolute;
	top: 0;
	left: 0;
	background: #961E12;
	border-radius: 20px;
}
.cur_box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 114px;
	height: 46px;
	background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hanjia2019/now_bg.png") no-repeat;
	top:-54px;
	right:8px;
	color: #C42331;
	font-size: 18px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}
.wrap04 .rule02{width:640px; top:412px; left:240px;color: #DAD0AA;background: #7C1A11}
.wrap04 .rule02  h2{ color: #E2BB76;}

.energy{ margin: 65px 0 10px 0; font-size: 24px;color: #C44B3E }
.energy_bg{ height: 18px;background: #C44B3E;border-radius: 20px }
.energy_cur{height: 18px; border-top-left-radius: 20px;border-bottom-left-radius: 20px; }
.icon_bg{height:291px; width:1126px; margin-left: -46px; position:relative;
    background:url('https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/icon_bg02.png') no-repeat -7px -2px;
}

.icon_bg a{ position: absolute; width: 128px ; height:112px;  }

.icon_bg a i{ position: absolute; width: 60px ; height:22px; text-align: center; line-height: 22px; background: #961E12; font-size: 18px; color: #fff; border-radius: 20px; top: -29px; left: 28%;  }
.icon_bg a i.get{ background: #961E12; color: #BCE353 }
.icon_bg a i.got{ background: #8B8B8B; color: #D8D8D8; }
.icon_bg .a1{ top: 47px;left: 14px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon01.png") no-repeat center;}
.icon_bg .a2{ top: 143px;left: 120px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon01.png") no-repeat center;}
.icon_bg .a3{ top: 47px;left: 226px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon02.png") no-repeat center;}
.icon_bg .a4{ top: 143px;left: 334px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon02.png") no-repeat center;}
.icon_bg .a5{ top: 47px;left: 441px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon03.png") no-repeat center;}
.icon_bg .a6{ top: 143px;left: 547px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon03.png") no-repeat center;}
.icon_bg .a7{ top: 47px;left: 652px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon04.png") no-repeat center;}
.icon_bg .a8{ top: 143px;left: 757px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon04.png") no-repeat center;}
/*.icon_bg .a9{ top: 47px;left: 818px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon05.png") no-repeat center;}*/
.icon_bg .a10{width: 183px ;  height:160px; top: 70px;left: 924px;}
.icon_bg .a10 i{  top: -22px;  left: 32%;  }

.icon_bg a .hover_txt{ position: absolute;min-width: 120px; top: 58px; right: -100px; padding: 15px 18px; display: none; background: #726226; color: #DAD0AA; z-index: 10; border-radius: 10px;  }
.icon_bg a:hover div.hover_txt{  display: block;  }

.icon_bg .a1.got,.icon_bg .a2.got{background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon01_got.png") no-repeat center;}
.icon_bg .a3.got,.icon_bg .a4.got{background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon02_got.png") no-repeat center;}
.icon_bg .a5.got,.icon_bg .a6.got{background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon03_got.png") no-repeat center;}
.icon_bg .a7.got,.icon_bg .a8.got{background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon04_got.png") no-repeat center;}
.icon_bg .a9.got{background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/icon05_got.png") no-repeat center;}


/*第五部分*/
.wrap05 { position:relative; background:#7C1A11;}
.wrap05 .contain{ height:1651px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/wrap05_cen.jpg) no-repeat center top;}
.wrap05 .con{height:1400px; width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.wrap05 .btn_rule04{top:112px; left:525px; position:absolute; width:150px; height:47px;  background:#006dfe; color:#fff; text-align:center; line-height:45px; font-size:20px; font-weight:bold;}
.common_rule{position:absolute; padding:20px 30px; background:#FFCF91; color:#CB780C; transform:translate3d(0,0,0); line-height:1.7; z-index:10;}
.common_rule h2{color: #CB780C}
.wrap05 .rule03{width:640px; top:10px; left:240px;}
.wrap05 .tri{position:relative; color:#CD7D29; text-align:center; line-height:1.3;}
.wrap05 .tri .first{position:absolute; width:140px; left:528px; top:230px; }
.wrap05 .tri .second{position:absolute; width:140px; left:358px; top:315px;}
.wrap05 .tri .third{position:absolute; width:140px; left:700px; top:330px;}

.wrap05 .container {margin:560px auto 0; width:770px; height:500px; color:#CB780C; font-size:20px; font-weight:bold;}
.wrap05 .container .cont{background:#FFDDB8; width:760px; position:absolute; transition: all .3s;}
.wrap05 .container .cont td{width:33.33%; text-align:center; line-height:50px; height:50px;}
.wrap05 .container .cont tr:nth-child(even){background:#FFCF91;}
.wrap05 .container .wrap-scroll-bar{width:5px; right:0;}
.wrap05 .scroll-bar{width:5px;  background:#E7CC83; border-top-left-radius:1000px; border-top-right-radius:1000px; border-bottom-left-radius:1000px; border-bottom-right-radius:1000px;}
.wrap05 .table_th {background: #FFCF91; width:760px; position:absolute;  top: 510px; left: 215px; color:#CB780C; font-size:20px; font-weight:bold;}
.wrap05 .table_th span{width:49.33%; display:block; float:left; margin:0; padding:0; text-align:center; line-height:50px; height:50px;}
.wrap05 .prize_tit{color:#FFCF91; font:bold 32px/32px ''; text-align:center; margin:25px auto 20px;}
.wrap05 .table_prize{background:#FFDDB8; width:760px; margin:0 auto; color:#CB780C;}
.wrap05 .table_prize td{ line-height:60px; height:60px; padding-left:20px;}
.wrap05 .table_prize tr:nth-child(even){background:#FFCF91;}
.wrap05 .table_prize tr td:first-child{border-right:1px solid #630810;  font:bold 20px/60px '';}
.wrap05 .table_prize img{vertical-align: middle; margin-right:10px;}

.search_box{position: absolute;width: 403px;height: 48px;top: 420px; left: 50%; margin-left: -201px;background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hanjia2019/search_bg.png") no-repeat}
.search_box .search_input{ float: left;width: 310px;box-sizing: border-box;margin: 5px;height: 38px;border: 0;line-height: 38px;padding: 0 0 0 45px;background: #fff;border-radius: 27px;font-size: 20px;color: #B15C01}
.search_box .search_btn{ float: left;width: 75px;box-sizing: border-box;height: 48px;line-height: 48px;text-align: center;font-size: 20px;color: #B15C01;font-weight: bold;}
.search_box .search_icon{ position:absolute;top:13px;left: 14px;}

.close_rule { position: absolute; width: 21px; height: 21px; right: 10px; top: 14px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/ico_close_layer03.png) no-repeat center; }
.wrap03 .close_rule{  background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/ico_close_layer03.png) no-repeat center;}
/*第六部分*/
.wrap06 { position:relative; background:#FFDDB8;}
.wrap06 .contain{ height:825px;}
.wrap06 .act04_box {
	margin: 60px auto 25px;
	width: 886px;
	font-size: 16px;
    text-align: center;
}
.wrap06 .act04_box a.active {
	background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/event06_nav_h.png) no-repeat;
}
.wrap06 .act04_box a {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 22px;
	width: 172px;
	height: 76px;
	line-height: 50px;
	background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/event06_nav.png) no-repeat;
	color: #C54E41;
    font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.wrap06 .act04_txt {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 20px;
	width: 886px;
	height: 432px;
    font-size: 16px;
	background: #C44B3E;
	color: #FFDDB8;
	overflow: auto;
}
.wrap06 table tr td{
	padding: 3px 10px;
}
.rule_btn02{
    background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/springfestival2021/act_btn2.png") no-repeat;
}
.hover_a{
    position: absolute;
    width: 114px;
    height: 155px;
    top:70px;
    left: 355px;
    cursor: pointer;
}
.hover_img{
    position: absolute;
    top:0;
    left: 130px;
    width: 442px;
    height: 430px;
    background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hanjia2019/common_bg.png) no-repeat;
    text-align: center;
    display: none;
}
.hover_img_txt{
    width: 350px;
    margin: 120px auto 0;
    color: #F5E2B0;
    font-weight: 700;
    font-size: 16px;
}
.hover_a:hover .hover_img{
    display: block;
}











.ani_arrow{animation:arrow 2s infinite both;}
@keyframes arrow{
	0%{opacity:0;transform:translate3d(0,-100%,0);}
	70%{opacity:1;transform:translate3d(0,0,0);}
	90%,100%{opacity:0;}
}

.ani_light{animation:light .5s infinite alternate both ;}
@keyframes light{
	0%{opacity:.7; transform:scale(.7);}
	100%{opacity:1; transform:scale(1);}
}

.ani_egg.active {animation:egg .3s linear 2.85s both;   transform-origin:50% 30%; }
@keyframes egg{
	0%{transform:scale(.8)  translate3d(0,0,0); opacity:0;}
	1%{opacity:1;}
	100%{transform:scale(15) translate3d(0,-50px,0); opacity:1;}
}

.ani_rotate.active {animation:rotate .5s  both ;}
@keyframes rotate{
	0%{transform:rotate3d(0,0,0,0deg);}
	100%{transform:rotate3d(0,0,1,120deg);}
}

.ani_moveR {animation:moveR 2s  both ;}
@keyframes moveR{
	0%{transform:translate3d(-100%,0,0);}
	100%{transform:rotate3d(0,0,0);}
}

.ani_moveL {animation:moveL 2s  both ;}
@keyframes moveL{
	0%{transform:translate3d(100%,0,0);}
	100%{transform:rotate3d(0,0,0);}
}

.ani_moveT {animation:moveT 1.5s  both ;}
@keyframes moveT{
	0%{transform:translate3d(0,100%,0);}
	100%{transform:rotate3d(0,0,0);}
}

.ball{
  height:650px;width:650px; top:330px; left:284px;
 
  background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1801newYear/css_sprites.png);
}
.ball.active {
	animation:test 2250ms steps(44) 500ms  both;
}
 


@-webkit-keyframes test {
  0% {background-position:0px -0%;}
  100% {background-position:0px -4400%;}
}