@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2019-01-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; font-size:0;}
.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;}
ol li{list-style-type:decimal; list-style-position:inside;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; } 

/* .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;}

/*公用领奖弹窗*/
.dialog{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/bg-dialog.png) no-repeat; width:681px; height:494px;}
.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:330px; margin:0 auto; padding: 0 35px 30px;}
.dialog .btn_sure,
.dialog .btn_sorry{height:42px; width:140px; font-size:20px; font-weight:bold; border-radius:50px; line-height:42px; display:block; margin:0 auto;  background:#362e2b; color:#f2d7bb;  text-align:center; transition:all .3s;}
.dialog .box_btn a:hover{opacity:.85;}
.d_card .d_tit{width:436px; height:60px; display:block; margin:150px auto 60px;}
.dialog .spirit{position:absolute; top:-55px; right:-100px;}
.d_rule{height:586px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/bg-dialog2.png) no-repeat; }
.d_rule .spirit{top:0;}
.d_rule .d_tit{display:block; margin:40px auto 20px;}
.d_rule .close_dialog{font-size: 62px; color: #fff; line-height: 1; background:none; left:-30px; top:6px;position: absolute;}
.d_rule ol{width:500px;  margin-left: 70px; line-height: 1.5;}
.d_rule h3{margin-left: 70px; color:#000; font-size:14px; font-weight:bold;}
.d_rule .order1{color:#ffe9d3; font-size:14px; margin-bottom:25px; }
.d_rule .order2{color:#000; font-size:12px;}
.d_rule .order1 li{margin-bottom:10px;}
.d_rule .order2 li{margin-bottom:5px;}

 .d_task {}
 .d_task .d_tit{display:block; margin:60px auto;}
 .d_task .desc {font-size:30px; color:#ffe9d3; width:500px; margin-left:70px; word-break: break-all;  margin-bottom: 50px;}
 .d_task .tips{font-size:14px; color:#100f0f; text-align:center; margin-top:30px;}


/*第一部分*/
.wrap1 {background:url( https://static.web.sdo.com/dn/pic/dn_19act/1905line/bg-wrap1.jpg ) no-repeat center; }
.wrap1 .con {position:relative; width:1110px; height:817px; margin:0 auto; }
.wrap1 .btn-login{position:absolute; z-index:1; left:488px; top:686px; width:133px; height:43px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/btn-login.png) no-repeat 0 0;}
.wrap1 .btn-login:hover{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/btn-login.png) no-repeat -137px 0;}
.wrap1 .login_info{top:690px;font-size:14px; color:#313235; border-radius:50px; width: 100%; text-align: center;}
.wrap1 .btn_logout{font-weight:bold; color:#313235;}
.wrap1 .btn-task{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/btn-task.png) no-repeat; width:184px; height:43px; position: absolute; top: 725px; right: -228px; transition:all .3s;}
.wrap1 .btn-task:hover{opacity:.8; }
.wrap1 .surplus{color:#fff; font-size:120px; font-weight:bold; position: absolute; top: 562px; right: -210px;}
.btn-rule{width:180px; height:140px; position: absolute; top: 205px; right: -228px;}

.wrap2 {background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/bg-wrap2.jpg) no-repeat center;}
.wrap2 .con {position:relative; width:1110px; height:513px; margin:0 auto; }
.wrap2 .box_gift {width:100%; height:300px; top:195px; margin-left:-13px; position:relative;}
.wrap2 .box_gift .ele{position:relative; width:209px; height:279px; float:left; margin-left:13px; overflow:hidden;}
.wrap2 .box_gift .ele .one{position:absolute; width:100%; height:100%; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/pic-max-cardAfter.png) no-repeat center;}
.wrap2 .box_gift .ele .one.hover{}
.wrap2 .box_gift .ele .two{position:absolute; width:100%; height:100%; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/pic-max-cardBefore.png) no-repeat center; display:none;}

.wrap2 .box_gift .ele .two img{width:100%; height:100%;}
.wrap2 .box_gift .ele .two .pic_gift_checked{left:-31px; top:-31px; width:226px; height:226px;}
.wrap2 .box_gift .ele .two .des_bg{position:absolute; left:0; top:0; width:164px; height:164px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/pic_giift_mask.png) no-repeat center; z-index:10;}
.wrap2 .box_gift .ele .two .des{width:164px; height:164px; display: table-cell; vertical-align: middle; font:bold 14px/20px 'Microsoft YaHei'; text-align:center; color:#e99f4c; }
.wrap2 .box_gift .ele .one_a{width:124px; height:43px; position:absolute; z-index:10; left:50%; margin-left:-62px; top:210px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/btn-maxCard.png) repeat; }
.wrap2 .box_gift .ele .one_a:hover{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/btn-maxCard-h.png) repeat;}
.wrap2 .box_gift .ele .two_a {color:#272727; margin:95px 0px;font-size:100px; text-align:center; line-height:1; margin:90px 0; font-weight:bold; position: absolute; width: 209px;left: 50%; margin-left: -105px;}
.wrap2 .box_gift .ele.on .one{display:none;}
.wrap2 .box_gift .ele.on .two{display:block;}




.wrap3 {background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/bg-wrap3.jpg) no-repeat center;}
.wrap3 .con {position:relative; width:1110px; height:1295px; margin:0 auto; overflow:hidden; }
.wrap3 .box {padding:85px 0 0 81px; width:1030px; height:870px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/bg-box.png) no-repeat 0 0; margin-top:75px; position:relative;}
.wrap3 .card-list{width:960px; height:850px; color:#fff;}
.wrap3 .card-list li{width:132px; height:120px; margin-right:4px; float:left; text-align:center;font-size:12px; line-height:1; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/pic_cardBefore.png) no-repeat 0 0; visibility:hidden;}
.wrap3 .card-list li .num{text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); text-align: center; padding-top:3px; font-size: 18px; line-height:23px; font-weight: bold;}
.wrap3 .card-list li img{margin:6px 0 3px; width:53px; height:53px;}
.wrap3 .card-list li.active{visibility: visible;}
.wrap3 .leftBox {position:absolute; left:9px; top:0;}
.wrap3 .leftBox a{width:61px; height:74px; display:block; margin-bottom:47px; visibility:hidden;}
.wrap3 .leftBox a.x{margin-top:12px; margin-bottom:22px; width:73px;}
.wrap3 .leftBox a.on{visibility: visible;}
.wrap3 .leftBox a.active{visibility:visible; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/pic_boxLeftOpen.png) no-repeat 0 0; cursor:default;}

.wrap3 .topBox {position:absolute; left:55px; top:3px;}
.wrap3 .topBox a{width:92px; height:70px; display:block; margin-left:44px; visibility:hidden; float:left;}
.wrap3 .topBox a.y{margin-left:10px; height:78px;}
.wrap3 .topBox a.on{visibility: visible;}
.wrap3 .topBox a.active{visibility:visible; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1905line/pic_boxTopOpen.png) no-repeat 0 0; cursor:default;}