@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ 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;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.bold{font-weight:bold;}
.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; opacity:.85; transition:all 200ms;}
ol li{list-style-type:decimal; list-style-position:outside; margin-left:1em;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; } 
.font14{font-size:14px;}
.colo_851007{color:#851007;}

.img_tit {position:relative; cursor:pointer;}
.img_tit .layer {position: absolute; padding:20px; display:none;}
.img_tit:hover{opacity:1;}	

.btn_addUrl{width: 148px;height: 148px; display:block; position:absolute; top:370px; right:-74px; transition:all .3s;  background: url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/btn_add5.png) no-repeat center; z-index:10;}
.btn_addUrl:hover{right:0px; background: url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/btn_add4.png) no-repeat center;}
.ico_bonus{position:absolute; top:-48px; left:78px;}

/* .css{width:100px; height:100px; display:block; border:2px solid #000; margin:0; padding:0; float:left; position:absolute; top:100px; left:100px; font-size:52px; font-weight:bold; color:#832716; line-height:100px; text-align:center; background:#fff; overflow:hidden;} */

/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/
.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;}
.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;}
.close_side{width:53px;height:53px; position:absolute; left:15px; top:20px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/ico_close_side.png) no-repeat center;}
.dialog h2{color:#b4773f; font-size:36px; font-weight:bold; margin:40px auto 10px;}
.dialog .desc{font-size:14px; margin-bottom:40px; }
.dialog .box_btn{width:310px; margin:0 auto; padding: 0 35px 30px;}
.dialog .btn_sure,
.dialog .btn_sorry{height:50px; width:140px; font-size:18px; border-radius:5px; line-height:50px; display:block; margin:0 auto; color:#fff;}
.dialog .btn_sure{ background:#b4773f;}
.dialog .btn_sorry{ background:#848484;}
.d_step01,.d_step02{width:400px; height:284px; background:#fff;}



/*轮播*/
.slide{width:705px;height:300px; position: relative; background: rgb(0, 0, 0);}
.slide .prev,
.slide .next{position:absolute; z-index:10; left:0; top:50%; margin-top:-23px; display:block; width:46px; height:46px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1701bb/ico_arrow.png) 13px center no-repeat; filter:alpha(opacity=80);opacity:0.8;}
.slide .next{left:auto; right:0; background-position:-47px center; }
.slide .prev:hover,
.slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide .slide_img{width:590px;height:300px;margin:0 auto ;overflow:hidden;border:2px solid #000;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:590px;height:300px;}
.slide .slide_img li img{width: 100%; height: 100%;}
.slide_info{background: #000; height: 300px; left:710px; color:#fff; top:0; font-size:50px;} 


/*第一部分*/
.wrap {height:1000px; position:relative;}
.wrap .con {position:absolute;  width:1920px; height:100%; left:50%; margin-left:-960px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/bg_wrap.jpg) no-repeat center;} 
.spirit{top:0; left:0;}
.slogan{top:138px; left:512px;}

.btn_act{width:464px; height:165px; position:absolute; right:460px; top:130px;  background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/btn_act.png) no-repeat; font-size:0; z-index:101;}
.btn_act a{width: 110px;height: 110px; display: inline-block; margin: 20px 22px;}


.sideR_act{width:1460px; height:100%; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/bg_side_act.jpg) no-repeat; color:#1c1b19; position:absolute; right:-1460px; z-index:100;}
.sideR_act .sideIn{margin-left:45px;}
.sideR_act .act_tit{margin:180px 0 0 0; display:block;}
.sideR_act .act_time{width:230px; height:38px; line-height:38px; border-radius:50px; background:#851007; font-weight:bold; font-size:14px; color:#000000; text-align:center; margin:15px 0;}
.sideR_act .act_desc{font-size:14px; color:#868686;}

.sideR_act .btn_login{position:absolute; top:15px; left:290px; width:326px; height:72px;  background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/btn_login.png) no-repeat;}
.sideR_act .box_server{margin:38px 0 100px 0; height:215px; position:relative;}
.sideR_act .login_info{color:#851007; font-size:14px; margin-bottom:40px;}
.sideR_act .btn_logout{color:#714822; margin-left:15px;}
.sideR_act .btn_submit{position:absolute; top:83px; left:600px; width:206px; height:108px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/btn_submit.png) no-repeat;}
.sideR_act .form{}
.sideR_act .form .f_row{font-size:0; margin-bottom:20px;}
.sideR_act .form label{width:210px; display:inline-block; color:#484848; font-weight:bold; font-size:17px;}
.sideR_act .form input{width:270px; font-size:20px; color:#5d3a1a; padding:0; text-align:center; height:35px; line-height:35px; background:#bebebe; border:1px solid #bebebe;}
.sideR_act .form input::placeholder{color:#5d3a1a;}
.sideR_act .box_server .form.active .btn_submit{display:none;}
.sideR_act .box_server .login_info,
.sideR_act .box_server .form{display:block;}
.sideR_act .box_server .form.active input{border:1px solid #393939; background:none;}
.sideR_act .tips {color:#bbbbbb; font-size:14px; line-height:1.8;}
.sideR_act .act_info{text-align:center; margin:35px 0 35px 150px; font-size:16px; font-weight:bold; color:#714822; width:470px;}
.sideR_act .act_info li{display:inline-block; margin:0 35px;}
.sideR_act .act_info li img{margin-bottom:10px; }
.sideR_act .act2 .act_info{margin-bottom:180px}
.sideR_act .act2 .act_info .btn_show{color:#976333; text-decoration:underline;}
.act2 .act_info {width: 630px;}
.act2 .act_info li{margin:0 50px;}
.act2 .act_info .btn_collect {font-size:14px; font-weight:normal; text-align:center; color:#000000; background:#b4773f; width:91px; height:27px; line-height:27px; display:inline-block; margin:20px;}
.act2 .login_info{position: absolute;top: 324px; left: 670px;}
.act2 .btn_login_act2{position:absolute; top: 297px; left:400px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/btn_login_act2.png?1) no-repeat; width:225px; height:60px;}

	
.job_hd{height:46px; margin:20px 0;}
.job_hd a{float:left; height:42px; display:block; line-height:42px; font-size:18px; border:2px solid #59310c; color:#59310c; padding:0 10px; font-weight:bold;}
.job_hd a:hover,
.job_hd a.active{border:2px solid #9d6736; color:#9d6736;}
.job_hd .ico_gap{float:left; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/ico_gap.png) no-repeat center; width:65px; height:100%; display:block;}

 
.task{color:#868686; margin:30px 0 30px 140px;}
.task li{width:280px; display:inline-block; margin:0 35px; vertical-align:top;}
.task .task_t{color:#851007; font-size:18px; font-weight:bold; position:relative; line-height:1;}
.task .task_t .ico_order{width:20px; height:20px; border-radius:50%; position:absolute; left:-30px; background:#851007; color:#000000; text-align:center; line-height:20px;}
.task .task_t .ico_help{width:20px; height:20px; display:inline-block; vertical-align:middle; position:relative; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/ico_help.png) no-repeat center; }
.task .task_t .ico_help .layer{position:absolute; bottom:25px; left:0px; background:#b4773f; color:#000; font-size:14px; font-weight:normal; width:150px; padding:10px; display:none; line-height:1.2;}
.task .task_t .ico_help:hover{opacity:1;}
.task .task_t .ico_help:hover .layer{display:block; }
.task .line{border-bottom:1px solid #851007; width:350px; margin-left:140px; margin-top:10px;}

.reward{margin-left:100px; width:765px; margin-bottom:40px; position:relative;}
.reward dt{color:#b4773f; font-size:18px; font-weight:bold; line-height:1; margin-bottom:20px; padding-left:110px;}
.reward dd{border:1px solid #851007; padding:10px 20px;}
.reward table {font-size:14px; color:#b4773f; line-height:35px;}
.reward table .t {color:#851007; font-size:18px; font-weight:bold; }
.reward table .t .btn_other{color:#e7bc43;font-style:oblique; font-size:14px; text-decoration:underline;}
.reward table .tip { color:#851007; }
.reward table .btn_show { color:#e7bc43;}
.reward table .btn_collect {font-size:14px; text-align:center; color:#000000; background:#b4773f; width:91px; height:27px; line-height:27px; display:block;}
.reward .box_other{position:absolute; bottom:213px; right:0; background:#000000;}
.reward .box_other .close_other{position:absolute; top:0; right:-65px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/ico_gap.png) no-repeat center; width:65px; height:33px; display:block;}


.btn_about{width:444px; height:21px; position:absolute; right:420px; top:64px;   font-size:0;}
.btn_about a{width:110px; height: 21px; margin-right:30px; display: inline-block; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/btn_about.png) no-repeat 0 0;}
.btn_about a.a2{background-position:50%; width:130px;}
.btn_about a.a3{background-position:100%; width:100px;}


.sideR_about .close_side{left:8px; top:8px; z-index:100; width:31px; height:31px; background-size:100%;}
.sideR_about{width:1137px; height:537px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/bg_side_about.png) no-repeat; color:#868686; position:absolute; right:-1137px; top:313px; z-index:100;}
.sideR_about .sideIn{padding-left:40px; position:relative; height: 100%;}
.sideR_about .sideIn dd{width:100%; height:100%; position:absolute; display:none;}
.about1 .pic_about1_t{position:absolute; top:65px; left:0;}
.about1 ul li{position:absolute; margin-left:30px; width:100%;}
.about1 ul li.e1{top:112px;}
.about1 ul li.e2{top:231px;}
.about1 ul li.e3{top:370px;}
.about1 ul li{
	animation-name: moveLeft ;
	animation-duration:.9s ;
	animation-timing-function:ease-in-out;
	animation-fill-mode:both;
}
.delay1{animation-delay:.2s;}
.delay2{animation-delay:.4s;}
@keyframes moveLeft{
	0% { transform: translate3d(60%,0,0); opacity:0;}
	100% { transform: translate3d(0,0,0); opacity:1;}
}

.about2 .pic_about2_t{position:absolute; top:50px; left:0;}
.about2 .pic_about2_img{position:absolute; top:100px; left:235px;}
.about2 .about2_desc{position:absolute;  bottom:90px; left:0; line-height:1.8;}

.about3 .video_hd{position:absolute; top:95px; left:10px; width:61px;}
.about3 .video_hd a{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/video_hd.png) no-repeat;}
.about3 .video_hd a:hover,
.about3 .video_hd a.active{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1912zm/video_hd_h.png) no-repeat;}
.about3 .video_hd a.a1{width:61px; height:20px; display:block; background-position:0 0px; margin-bottom:20px;}
.about3 .video_hd a.a2{width:61px; height:20px; display:block; background-position:0 100%;}
.about3 .video_bd{position:absolute; top:70px; left:100px;}
.about3 .video_bd .tip{margin-bottom:5px; text-align:right;}
.about3 .video_bd .tip a{color:#fbe78a; margin:0 10px; text-decoration:underline;}


/* 2019 01 09 */
.colo_c07312{
	color:#c07312;
}
.colo_fa4848{
	color:#fa4848;
}
.colo_c924bf{
	color:#c924bf;
}
.colo_fff{
	color:#fff;
}
.act3{}
.act3 h2{font-size:24px; font-weight:bold; color:#fff;}
.act3 .act_desc{line-height:1.72}
.mb10{margin-bottom:15px;}