/*reset*/
@charset "utf-8";
/* CSS Document */

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-x:hidden;overflow-y:scroll;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li {list-style:none;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; height:1px; font-size:1px; line-height:1px; *display:inline;}
.clearMargin:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.middle{vertical-align:middle;}
.relative{position:relative;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
.yellow{color:#fff954;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_20{font-size:20px;}
.font_24{font-size:24px;}
.font_36{font-size:36px;}

.mt15 {margin-top: 15px;}
.pt30 {padding-top: 30px;}
.mr20{margin-right:20px;}
.mb25{margin-bottom:25px;}
.z10{z-index:10;}
.z20{z-index:20;}
.z30{z-index:30;}
.col_957753{color:#957753;}
.col_d3c8c6{color:#d3c8c6;}
.col_7d3821{color:#7d3821;}
.col_000{color:#000;}
.col_fee4c4{color:#fee4c4;}

body{ color:#CDCDCD;font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial;}

/*第一部分*/
.w_con{width:1100px; margin:0 auto; position:relative; height: 100%}
.w_con:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.wrap01 {height:851px; position:relative; background:url('https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/wuyilaodongjie2019/wrap01_bg.jpg') no-repeat center top;}
.wrap01 .w_con{height:851px; width:1000px; margin:0 auto; position:relative; background:url('https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodong2021/wrap01_cen.png') no-repeat center top;}
.wrap06 { background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/taqing2019/wrap02_bg.jpg) no-repeat center top; }
.wrap06 .w_con { height:906px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/taqing2019/wrap02_cen.jpg) no-repeat center top;}
/*.wrap02 { background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/kaixue2019/wrap02_bg.jpg) no-repeat center; }*/
/*.wrap02 .w_con { height:1015px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/kaixue2019/wrap02_cen.jpg) no-repeat center;}*/
.wrap03 { background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/wuyilaodongjie2019/qian_bg.jpg") repeat }
.wrap03 .w_con {height:728px;}
.wrap04 { background:#1C4876; }
.wrap04 .w_con { height:1160px;}
.wrap05 { background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/wuyilaodongjie2019/shen_bg.jpg) repeat; }
.wrap05 .w_con { height:696px;}
.event_tit{ display: block; margin: 50px auto;}
.top_nav{
	position: absolute;
	top: 18px;
	left: 5px;
}
.top_nav a {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 13px;
	font-size: 16px;
}
.login_line{
	position: absolute;
	top:4px;
}

/*右侧导航*/
/*.side_nav{width:170px; position:fixed; top:380px; right:0; z-index:100;}*/
/*.side_nav a{background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hello2019/bg_sideNav.png) no-repeat center; width:41px; height:41px; display:block; position:relative; font-size:12px; font-weight:bold; color:#730E00; line-height:41px;  text-align:center; transition:all 200ms; margin:10px 0;}*/
/*.side_nav a:hover, .side_nav a.active{color:#FFFFFF; font-size:18px; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hello2019/bg_sideNav_h.png) no-repeat center;}*/
/*.side_nav a:hover .t, .side_nav a.active .t{opacity:1; visibility: visible;}*/
/*.side_nav .t{position:absolute; display:block; white-space: nowrap; top:8px; font-size:18px; color:#957753; font-weight:bold; text-align:right; opacity:0; transition:all 200ms linear;  visibility: hidden;right: 24px; padding-right: 20px;}*/
/*.side_nav .t em{color:#d3c8c6;}*/

/*主要部分*/
.wrap01 .btn_login{width:202px; height:75px; padding-top:40px; line-height: 24px; position:absolute; bottom:70px; left:400px; color:#000; font-weight:bold;}
.wrap01 .login_info{width:202px; height:100px; padding-top:10px;  position:absolute; bottom:70px; left:400px; line-height:1.3;}

/*.wrap02 .pic_act01{display:block;margin-top:-15px;}*/
/*.wrap02 .p_btn{position:absolute;top:424px;left:244px;width:175px;height:60px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1810wsj/p_btn.png) no-repeat center;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}*/
/*.wrap02 .p_btn02{left:518px}*/
/*.wrap02 .p_btn:hover{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}*/

.wrap03 .s1{bottom:113px;left:491px}
.wrap03 .s2{top:318px;left:494px}
.ani_scroll{animation:ani_scroll 1.2s linear infinite both;-moz-animation:ani_scroll 1.2s linear infinite both;-webkit-animation:ani_scroll 1.2s linear infinite both}
@keyframes ani_scroll{0%{opacity:0;transform:translateY(-40px)}
50%{opacity:1}
100%{opacity:0;transform:translateY(0)}
}
.tit{margin:20px auto 0}
.video_box{margin:30px auto 0;width:750px;height:420px;border:1px solid #3F321E}
#video_player{display:block;margin:10px auto 0}
.match02{margin-top:45px}
.sea{padding:95px 162px 0}
.sea2{padding:60px 149px 0}
.time_tit{display:block;margin-bottom:12px}
.line{display:inline-block;width:100px;height:1px;border-bottom:1px solid #333339}
.time{margin-bottom:36px}
.time .line{position:relative;top:-6px;margin:0 10px}
.time b{color:#CDCDCD;font-size:18px}
.match03 .tit{margin-top:70px}
.part_img{display:block;margin:28px auto 10px}
.part_txt{padding:45px 127px 0;color:#999;text-align:right}
.match04{margin-top:90px}
.sea_reward{margin-top:-10px;width:1295px;height:548px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/201805tts/sea_reward_new.png?s1) no-repeat}
.match04 .txt{margin:205px 0 0 153px}
.txt{margin:207px 0 0 150px;color:#fff;text-align:center;font-weight:700;font-size:18px}
.txt li{height:56px;line-height:55px}
.txt li span{float:left;width:206px}
.txt li .no{width:111px}
.fu_reward{margin:-40px 0 0 -160px;width:1401px;height:536px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/201805tts/fu_reward_new.png?s1) no-repeat}
.match04 .txt2{margin:224px 0 0 529px}
.match05{margin-top:90px}
.match05_txt{margin-top:-88px;width:1000px;height:707px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/201807partner/match05_bg.png) no-repeat right 20px}
.event1_remind{margin:140px 0 0 80px;width:512px;color:#CECECE;line-height:22px}
.event1_remind li{position:relative;margin-bottom:12px;padding-left:28px}
.circle{position:absolute;top:5px;left:0;width:18px;height:18px;border-radius:50%;background:#5A4725;color:#FCFCFC;text-align:center;font-size:13px;line-height:15px}

@keyframes fadeL{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);-ms-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
@-webkit-keyframes fadeL{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);-ms-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
/*弹窗*/
.alert_bg{position:absolute;top:0;left:0;z-index:999;display:none;width:100%;height:100%;background:#000}
.pop{position:absolute;z-index:10000;box-sizing:border-box}
.pop .close_dialog{position:absolute;top:0;right:-58px;width:51px;height:51px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/zhongqiu2018/close.png) no-repeat}
.success_box{width:500px;height:270px;background:#29221B;text-align:center}
.success_box h3{margin-top:40px;color:#fff;font-weight:700;font-size:24px}
.success_box .name{margin:10px 0 25px 0;padding:0 20px;color:#F6C54B;font-weight:700;font-size:32px;word-wrap:break-word}
a.ok{display:block;margin:0 auto;width:160px;height:50px;background:#FBCF3C;color:#3E1600;text-align:center;font-weight:700;font-size:24px;line-height:50px}

.no_show{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}

.common_hover{ position: absolute; -webkit-box-sizing:border-box;box-sizing:border-box;width:490px;height:208px;color:#fff;text-align:left;font-size:16px;top:296px;right:9px;z-index:20;overflow:hidden;transform:translate3d(0,0,0)}
.common_hover:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.common_hover{*display:inline-block;*zoom:100%;}
.common_hover ol{margin:20px 20px 0 40px;padding:20px 40px;background:#011846;}
.common_hover li{list-style-position:outside;list-style-type:decimal}

.wrap03 .bind_box{height:320px;text-align:center}
.wrap03 a.login{position:absolute;top:111px;left:531px;color:#fff;font-weight:700;font-size:16px}

.play_ifo{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 120px;
	width: 100%;
	padding-left: 100px;
	font-size: 18px;
	color: #fff;
	padding-right: 30px;
}
.play_ifo span{margin-right:15px;color:#FFCD78;font-weight:bold;}
.play_ifo .login_out{color:#fff;}

.rotate_box{position:relative; width:800px; height:800px; margin:43px auto 0;}
.draw_img_bg{position:absolute;top:0;left:0;width:800px;height:800px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/taqing2019/rotate_bg.png) no-repeat}
.draw_img{position:absolute;top:0;left:0;width:800px;height:800px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/taqing2019/bg_pointer.png) no-repeat}
.rotate_bg{width:800px;height:800px; overflow: hidden; position: relative; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodong2021/bg_rotate03.png?a1) no-repeat;}
.rotate_txt{position:relative;margin:283px auto 0;width:265px;height:265px;text-align:center}
.coin_word{color:#EE6A3E;font-weight:700;font-size:18px}
.coin_box{color:#fff;font-weight:700;font-size:32px}
.coin_box span { color: #EE6A3E; }
a.start{display:inline-block;margin:14px 0 12px;width:201px;height:60px;line-height:60px;background: #97DACD;text-align: center;font-size: 28px;font-weight: bold;color: #10628C;border-radius: 40px;}
.rotate_tip{color:#E2E2D4}
.got_box{position:absolute;top:0;left:0;width:100%;height:100%}
.got_box i{position:absolute;width:100px;height:50px; display:none; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/taqing2019/got.png) no-repeat center;}
.got_box .i01{top: 135px;right: 272px;}
.got_box .i02{top:193px;right:152px}
.got_box .i03{top:295px;right:106px}
.got_box .i04{top:408px;right:103px}
.got_box .i05{top:532px;right:168px}
.got_box .i06{top:575px;left:405px}
.got_box .i07{top:579px;left:294px}
.got_box .i08{top:520px;left:178px}
.got_box .i09{top:418px;left:123px}
.got_box .i10{top:304px;left:120px}
.got_box .i11{top:195px;left:164px}
.got_box .i12{top:134px;right:412px}

.btn_box{margin-bottom:40px;text-align:center}
.btn01{
	margin:0 58px 0 313px;
}
.login_btn{
	display: block;
	margin: 610px auto 0;
	width: 231px;
	height: 75px;
	background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/kaixue2019/login_btn.png") no-repeat;
}
.logo{
	position: absolute;
	top:12px;
	right: -40px;
}
.act_time{
	margin: 439px auto 0;
	color: #8BD8DD;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.player_ifo{
	position: absolute;
	top:712px;
	left: 0;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.player_ifo span{margin-right:15px}
a.login_out{color:#fff}

.common_btn{
	position: absolute;
	width:140px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #fff;
	padding: 3px 10px;
	text-align: center;
	border-radius: 50px;
	background: #2F4260;
}
.common_btn:hover{
	background: #96B7F5;
	color: #1C4876;
}
.common_txt{
	position: absolute;
	left: 125px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:850px;
	height: 400px;
	padding: 60px 62px 0;
	background: #1C4876;
	line-height: 30px;
	font-size: 16px;
	color: #FFFFFF;
	z-index: 10000;
}
.common_close{
	position:absolute;
	display:block;
	width:61px;
	height:61px;
	top:14px;
	right:20px;
	background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/wuyilaodongjie2019/close.png?a1) no-repeat;
}
.big{
	font-size: 22px;
}
.wrap04_item{margin:40px 0 60px 0;color: #d3c8c6; text-align:center;font-size:22px}
.wrap04_item .value{ color: #bd522d; font-weight: bold;}
/*.energy_cur {*/
	/*position: absolute;*/
	/*top:12px;*/
	/*left: 11px;*/
	/*height: 20px;*/
	/*background: #FAE22A;*/
	/*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/hello2019/now_bg.png") no-repeat;
	top:-54px;
	right:8px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}
.cur_box b{
	color: #FAE22A;
}
.prize_box01,.prize_box02{left:180px; top:235px;}
.rule_box02,.rule_box03{right:110px; top:235px;}

.wrap05 .act04_box{position: relative; margin:70px auto 40px;width:800px;height: 54px;background: #2F4260;border-radius: 10px; font-size:20px}
.wrap05 .act04_box a{position: relative;z-index: 2; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;height:100%;color:#96B7F5;font-weight:bold;line-height:54px;text-align: center}
.wrap05 .rule_line{position: absolute;z-index: 1; top:7px;left: 199px;}
.wrap05 .act04_box a.active{color: #F5F496;}
.wrap05 .act04_txt{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:10px 30px;width:930px;height:397px;color:#2F4260;overflow:auto;font-size: 16px;}
.wrap05 .act04_txt .item{display:none}


.wrap05 .btn_box{text-align: center; position: absolute;width: 100%;bottom: 200px;}
.wrap05 .rule_box02{left:340px; top:40px; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1810wsj/bg_rule_act4.png) no-repeat  0/100% 100%; height:250px;  line-height: 1.5; text-align:center;     font-size: 14px;}
.wrap05 .rule_box02 table{margin:20px; width:440px; height:220px;}
.wrap05 .rule_box03{right:5px; top:40px; background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/1810wsj/bg_rule_act4.png) no-repeat  0/100% 100%;}


/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/

.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none; width:500px;height:270px;background:#29221B;text-align:center}
.dialog .close_dialog{width:40px; height:40px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/201512xinfu/ico_close.jpg) no-repeat;}
.dialog .box_btn a{display:inline-block; margin:0 25px; width:160px;height:45px;background:#8f7250;color:#fff;text-align:center;font-weight:bold;font-size:18px;line-height:45px}
.dialog .name{margin:70px 0 50px;color:#983A15;font-weight:700;font-size:26px}
.dialog .box_btn a{display:inline-block; margin:0 15px; width:195px;height:45px;background:#8f7250;color:#fff;text-align:center;font-weight:bold;font-size:18px;line-height:45px}
.dialog .name{margin:70px 0 50px;color:#983A15;font-weight:700;font-size:26px}

.buy_box{padding:20px;width:480px;height:350px;background:#29221B;color:#B3B3B3}
.buy_box .num_input{margin:60px auto;color:#FFF;text-align:center;font-weight:700;font-size:24px}
.buy_box .btn_minus,.btn_plus{display:inline-block;width:27px;height:27px;border:1px solid #795937;color:#FBCF3C;vertical-align:middle;text-align:center;font-weight:700;font-size:36px;line-height:20px;cursor:pointer}
.buy_box .num_value{margin:0 5px;width:70px;height:45px;border:1px solid #795937;background:0 0;color:#FBCF3C;vertical-align:middle;text-align:center;font-weight:700;font-size:36px;line-height:45px}
.buy_box .num_confirm{display:block;margin:0 auto 25px;width:160px;height:50px;background:#FBCF3C;color:#3E1600;text-align:center;font-weight:700;font-size:24px;line-height:50px}

.wrap03  {min-width: 1000px;}
.btn{
	width: 160px;
	height: 61px;
}
table th,table td{
	padding: 3px 10px;
}
.btn_box .rule_btn02,.btn_box .rule_btn03{
	background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/hello2019/rule_btn.png") no-repeat;
}
.gift_btn{
	position: absolute;
	top: 170px;
	left: 341px;
	width: 417px;
	height: 417px;
	background: url("https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/wuyilaodongjie2019/gift_a.png") no-repeat;
}
.gift{
	position: absolute;
	top: 20px;
	left: 85px;
}
.click_span{
	display: block;
	position: absolute;
	top: 311px;
	left: 107px;
	width: 208px;
	height: 68px;
	line-height: 54px;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.common_txt02,.common_txt03{
	top:220px;
	/*left: 170px;*/
}
.common_txt01{
	text-align: center;
}
.prize_btn01{
	top:630px;
	left: 362px;

}
.rule_btn02{
	top:630px;
	left: 595px;

}
.buy_stick{
	color: #fff;
}
.prize_table{
	margin: 38px auto 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #527BA8;
	text-align: center;border: 2px solid #0E2F52
}
.prize_table th{
	width: 180px;
}
.prize_table td,.prize_table th{
	height: 56px;
}
.common_txt04,.common_txt05{
	top:620px;
}
.prize_btn02{
	top:1030px;
	left: 320px;
	color: #fff;
	padding: 3px 10px;
	background: #0E2F52;
}
.rule_btn03{
	top:1030px;
	left: 635px;
	color: #fff;
	padding: 3px 10px;
	background: #0E2F52;
}
.gif1{
	position: absolute;
	top: 354px;
	left: 564px;
}
.gif2{
	position: absolute;
	top: 627px;
	left: 503px;
}
.ani_tada {
	animation: tada 1.5s ease infinite both;
	-webkit-animation: tada 1.5s ease infinite both;
	-moz-animation: tada 1.5s ease infinite both;
	-o-animation: tada 1.5s ease infinite both;
}
@keyframes tada {
	0% {
		transform: scale3d(1,1,1);
	}
	4%, 12% {
		transform: scale3d(.97,.97,.97) rotate3d(1,1,1,-10deg);
	}
	8%, 16%, 20% {
		transform: scale3d(1.03,1.03,1.03) rotate3d(1,1,1,10deg);
	}
	24% {
		transform: scale3d(1,1,1);
	}
	100% {
		transform: scale3d(1,1,1);
	}
}

/*add 进度条内容*/
.cont { position: absolute; width: 97%; top: 0; left: 0; padding: 15px; transition: .2s; }
/*第一部分*/
.wrap { position:relative; background:#1C4876;}
.wrap .con{height:629px; width:1000px; margin:0 auto; position:relative; }
.wrap .btn{ width:140px;height: 42px;background: #0E2F52;border-radius: 30px;  text-align: center;font-size: 24px; color: #96B7F5;line-height: 39px;}
.wrap .rule_btn{  top: 150px; right: 0 }
.wrap .logo{ top: 2px;left:50%;margin-left: -126px }
.wrap .box{ top: 455px;left:50%;margin-left: -235px }
.wrap .time{position: absolute; top: 231px;left:50%;margin-left: -299px;width: 261px;height: 88px;color: #06B350;font-size: 20px }
.wrap .login{ top: 150px;right:150px; }
.wrap .rule_btn:hover,.wrap .login:hover{ background: #96B7F5;color: #1C4876 }
.wrap .login_out{ margin-left: 20px; color: #8EA4BB;text-decoration: underline }
.wrap .index_size{ top: 13px; right: -76px;}
.wrap .player_msg{position: absolute; top: 150px;right:164px;color: #8EA4BB;font-size: 20px;text-align: right }

.wrap .rule_box{ transform:translate3d(0,0,0);  -webkit-box-sizing: border-box;  box-sizing: border-box; top: 240px;right:0;width: 320px;height: 150px; background:#FAF220;border-radius: 10px; font-size: 16px;color: #2F4260;overflow: hidden;z-index: 10}
.wrap .rule_box div{ padding: 20px; }

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

.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: #0E2F52; font-size: 18px; color: #FFF9FB; border-radius: 20px; top: -29px; left: 28%;  }
.icon_bg a i.get{ background: #80B086; color: #1C4876 }
.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: #0E2F52; color: #D0D0D0; 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;}

.btn_box{position:absolute; z-index:9; bottom:26px; left:50%; margin-left:-960px; height:54px; width:1920px; }
.btn_box_c{width:1000px; height:100%; margin:0 auto; position:relative;background:url('https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/laodongjie2018/nav_bg.png') no-repeat;}
.btn_box a{width:200px; height:100%; float:left;}
table th,table td{  padding: 2px 4px; }

.close_dialog { width: 80px; height: 80px; display: block; position: absolute; top: 224px; left: 50%; margin-left: -40px; background: url('https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/yurenjie2018/close.png') no-repeat center;  }

.container .wrap-scroll-bar{ position: absolute; top: 12px; right: 3px; width: 3px; height: 100%; overflow: hidden;  }
.container .scroll-bar { transition: .2s; position: absolute; top: 0; right: 0; width: 3px; height: 20px; background: #2F4260;  }