@charset "utf-8";
/* CSS Document */
/*edit:zhangning
@ update: 2017-02-24 */

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;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.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;}
.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;}
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; background: url(https://static.web.sdo.com/dn/pic/dn_18act/1807show/bg_dialog.jpg);} 
.font36{font-size:36px;}

/*弹窗部分*/
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none; width:400px; height:200px; background:#f2eee8;}
.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_show{width: 660px; height: 330px; text-align:center; color:#471b0c;}
.dialog_show h2 {padding: 0 20px; font-size:24px; font-weight:bold; line-height:1.3; margin-top:76px;height: 70px;}
.dialog_show .desc{margin:20px auto 24px;}
.dialog_show .box_btn a{width:120px; height:40px; margin:0 20px; display:inline-block; font-size:18px; font-weight:bold; line-height:39px; color:#fff;}
.dialog_show .box_btn a.btn_ok{background:#db4d1b;}
.dialog_show .box_btn a.btn_no{background:#96c8ac;}
/*第一部分*/
.wrap01 {background:url(https://static.web.sdo.com/dn/pic/dn_21act/dnavatar202112/wrap01_bg.jpg?c2) no-repeat center top;}
.wrap01 .con {position:relative; width:1000px; height:680px; margin:0 auto; }
.wrap01 .slogan {position:absolute; top: 290px;left: -410px;z-index: 20}
.wrap01 .logo{position:absolute; top: 5px;right: -145px;z-index: 20}


.user_info{ position:absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; top:105px; left:0; width:100%;padding-right:20px; text-align:center; }
.user_info li{display:inline-block; margin-left:20px; color:#333232;}
.user_info a {color:#3A3837; font-weight:bold;}


.wrap02 {background:url(https://static.web.sdo.com/dn/pic/dn_18act/1812shizhuang/wrap02_bg.jpg?c1) no-repeat center top;}
.wrap02 .con {position:relative; width:1000px;height: 1842px; margin:0 auto;}
.wrap02 .act_time {    
	display: block;
    margin: 30px auto 0px;
    text-align: center;
    font-size: 45px;}
.wrap02 .act_time .sup{
    font-size: 16px;
    padding: 0 10px;
    border-bottom: 1px solid #9b1717;
    margin: 0 10px;
    line-height: 18px;
    display: inline-block;
    font-weight: bold;
    vertical-align: super;
}



.job_nav{ margin-top: 44px }
.job_nav a{position: relative; width:100px; height:100px;display:block;float:left; color:#31302F; text-align:center; line-height:1.1; font-weight:bold;}
.job_nav a i{position: absolute; top: 0;left: 14px; width:82px; height:74px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201809/sel_a.png) no-repeat; display: none}
.job_nav img{display:block; margin: 14px auto 10px;}
.job_nav a.active i{display: block}
.job_nav a.active{color: #B51616}
.job_con{overflow:hidden;}
.wrap02 .pic_t1{top:266px; position:absolute; left:50%;margin-left: -132px;}
.wrap02 .pic_t2{top:840px; position:absolute; left:102px;}

.show_box{margin:140px auto 0;width: 921px;min-height: 814px;}
.show_box .img_box{position: relative;width: 921px;height: 520px;background: url("https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201810/mo_bg.jpg") no-repeat center 54px}
.show_box .img_box .top_shadow{position: absolute;width: 921px;height: 105px;top:0;left:0;background: url("https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201810/top_shadow.png") no-repeat 0 0;z-index: 20}
.show_box .img_box .bottom_shadow{position: absolute;width: 921px;height: 105px;bottom:0;left:0;background: url("https://static.web.sdo.com/dn/pic/dn_18act/1812shizhuang/bottom_shadow.png") no-repeat 0 0;z-index: 20}
.show_box .img_box .img_wrap{margin-top: 54px;}
.show_box .img_box .img_wrap:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.show_box .img_box .img_wrap{*display:inline-block;*zoom:100%;}
.show_box .img_box .img_wrap a{position: relative;float: left;width: 307px;height: 407px}
.show_box .img_box .img_wrap a img{width: 100%;height: 100%}
.show_box .img_box .img_wrap a i{position: absolute;width: 372px;height: 487px;top:-50px;left:-46px;background: url("https://static.web.sdo.com/dn/pic/dn_18act/1812shizhuang/selected_b.png") no-repeat;z-index: 30;  -webkit-transition: all 0.3s;  transition: all 0.3s; display: none}
.show_box .img_box .img_wrap a.active i{display: block}

.sel_box:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.sel_box{*display:inline-block;*zoom:100%;}
.sel_box{ width: 1000px; margin-left: -32px; margin-top: 25px; }
.sel_box a{ float: left; width: 190px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; font-weight: bold; margin: 0 28px 11px; background: #333331; color: #fff; }
.sel_box a.active{ background: #AC0806; }

.show_box .btn_all { -webkit-box-sizing: border-box; box-sizing: border-box;padding-top: 14px; background:#386D35; width:235px; height:66px; line-height:1.1; font-weight:bold; color:#E5E5E5; font-size:20px; text-align:center; display:block; margin:0 auto;}
.show_box .btn_all  .en{color:#799578; font-size:12px; display:block; margin:2px auto;}
.show_box .price{font-size:18px; color:#9A0705; margin:7px auto; text-align:center; line-height:1.1;}
.show_box .price del{color:#AC9D96;}

.wrap02 .extra_box{position: relative;margin-top: 62px; }
.extra_box .extra_txt{padding-left: 60px;font-size: 15px;color: #343332;line-height: 24px;font-weight: bold}
.extra_box .extra_txt b{ display: block; font-size: 36px;color: #AC0806;margin-bottom: 10px;}
.extra_box .reward_step{ position: relative; width: 1000px;height: 176px; margin-top: 16px; background: url("https://static.web.sdo.com/dn/pic/dn_18act/1812shizhuang/241217.png") no-repeat}
.extra_box .reward_step .hover_a{ position: absolute; width: 63px;height: 65px;top: 23px; background: url(about:blank)}
.extra_box .reward_step .hover_a img{ position: absolute; top: -502px; left: -215px; display: none}
.extra_box .reward_step .hover_a:hover{ background: url("https://static.web.sdo.com/dn/pic/dn_18act/1812shizhuang/a_sel.png") no-repeat}
.extra_box .reward_step .hover_a:hover img{ display: block}
.extra_box .reward_step .hover_a01{ left: 310px;}
.extra_box .reward_step .hover_a02{ left: 560px;}
.extra_box .reward_step .hover_a03{ top: 26px;left: 803px;}
.extra_box .reward_step .hover_a02 img{ left: -465px; top: -502px;}
.extra_box .reward_step .hover_a03 img{ left: -208px; top: -350px;}

.extra_box .reward_step .animal{ position: absolute; top:-109px;left:7px}
.extra_box .reward_step .extra_get{ padding-left: 216px;margin-top: 144px; font-size: 18px;color: #333332; text-align: center;font-weight: bold}
.extra_box .reward_step .extra_get li{ float: left; width: 246px;}
.extra_box .reward_step .extra_get li a{ -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 64px;height: 24px;line-height: 24px;background: #AC0806;color: #fff;font-size: 15px;}

.wrap02 .tips{font-size:12px; margin: 58px 0 0 350px; width: 52%; color:#343332;font-weight: bold }
.wrap02 .tips ol{margin-left: 19px; }
.wrap02 .tips li{list-style-position: outside;list-style: decimal }

.extra_box .reward_step .extra_get li a.extra_got{ background: #aaa;color: #ddd;}
.tips1{color: red;font-size: 15px;}