@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2016-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;}
.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:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; } 
.col_f5e{color:#f5e89a;}
.col_ffb{color:#ffb665;}

.mb12{margin-bottom:12px;}
.mb25{margin-bottom:25px;}
.mb50{padding-bottom:50px;}
.mr20{margin-right:20px;}

/*弹窗部分*/
.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:56px; height:57px; display:block; position:absolute; top:0; right:-60px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/dialog_close.png) no-repeat;}
.dialog_rule{width:743px; height:807px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/dialog_longBg.png) no-repeat center; font-size:14px; text-align:center; color:#29221f;}
.dialog_rule .rule_tit{font-size:20px; color:#961e0f; width:130px; font-weight:bold; text-align:center; display:block; margin:40px auto 12px; padding:0 54px 0 60px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_line.png) no-repeat center;}
.dialog_addenda{width:743px; height:332px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/dialog_shortBg.png) no-repeat center;}
.dialog_addenda .addenda_text{font:14px/21px "Microsoft YaHei"; color:#29221f; text-align:center; margin-top:80px;}
.dialog_addenda .btn_sure{width:234px; height:49px; margin:20px auto; display:block; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/btn_sure.png) no-repeat center;}
.dialog_listGift{width:743px; height:807px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/dialog_longBg.png) no-repeat center; font-size:14px; text-align:center; color:#29221f;}
.dialog_listGift .listGift_tit{font-size:20px; color:#961e0f; width:130px; font-weight:bold; text-align:center; display:block; margin:30px auto 12px; padding:0 54px 0 60px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_line.png) no-repeat center;}
.dialog_listGift ul{ font-size: 16px; font-weight: bold;color: #961e0f; line-height: 35px; margin-top: 35px;}

/*第一部分*/
.banner{background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_banner.jpg) no-repeat center;}
.banner .con{height:597px; width:1000px; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_banner_con.jpg) no-repeat center; z-index: 10;}
.banner .pic_slogan{left:4px; top:90px;}
.banner .pic_spirit01{right:-220px; top:0px;}
.banner .time{color:#f8c184; font-size:35px; top:330px; left:164px; width:315px; font-weight:bold; text-align:center;}
.banner .des{top:400px; left:0; width:600px; text-align:center; font:16px/26px 'Microsoft YaHei'; color:#1d1a18;}
.banner .btn_rule{width:234px; height:49px; top:526px; left:180px;  background:url(https://static.web.sdo.com/dn/pic/dn_act/1709school/btn_rule.png) no-repeat center; }


.main{background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_main.jpg) no-repeat center;}
.main .con{height:1211px; width:1000px; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_main_con.jpg) no-repeat center;}
.main .pic_spirit02{left:-335px; top:110px;}
.main .pic_gift_tit{left:130px; top:360px;}
.main .box_taks {width:275px; margin-left:160px; padding-top:10px;}
.main .taks_tit{font-size:20px; color:#961e0f; width:130px; font-weight:bold; text-align:center; display:block; margin:0 auto 12px; padding:0 54px 0 60px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_line.png) no-repeat center;}
.main .taks_details{font:14px/21px 'Microsoft YaHei';   color:#29221f}
.main .btn_login{width:234px; height:49px; display:block; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/btn_login.png) no-repeat center; }
.main .login_info{font:14px/23px 'Microsoft YaHei'; color:#f8c184; text-align:center; margin-top: -15px;}
.main .col_btn a{color:#29221f; font-size:20px; text-decoration:underline;}
.main .box_gift {width:844px; height:844px; top:300px; left:80px;}
.main .box_gift .ele{position:absolute; width:164px; height:164px;}
.main .box_gift .ele .one{position:absolute; width:100%; height:100%; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/pic_giftCover.png) no-repeat center;}
.main .box_gift .ele .one.hover{background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/pic_giftCover_hover.png) no-repeat center;}
.main .box_gift .ele .two{position:absolute; width:100%; height:100%; display:none;}
.main .box_gift .ele .two img{width:100%; height:100%;}
.main .box_gift .ele .two .pic_gift_checked{left:-31px; top:-31px; width:226px; height:226px;}
.main .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;}
.main .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; }
.main .box_gift .ele .one_a,.main .box_gift .ele .two_a  {width:82px; height:82px; position:absolute; z-index:10; left:41px; top:41px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/bg_blank.png) repeat; }
.main .box_gift .ele.on .one{display:none;}
.main .box_gift .ele.on .two{display:block;}


.p01{ top:0; left:340px;}
.p02{ top:85px; left:255px;}
.p03{ top:85px; left:425px;}
.p04{ top:170px; left:170px;}
.p05{ top:170px; left:340px;}
.p06{ top:170px; left:510px;}
.p07{ top:255px; left:85px;}
.p08{ top:255px; left:255px;}
.p09{ top:255px; left:425px;}
.p10{ top:255px; left:595px;}
.p11{ top:340px; left:0;}
.p12{ top:340px; left:170px;}
.p13{ top:340px; left:340px;}
.p14{ top:340px; left:510px;}
.p15{ top:340px; left:680px;}
.p16{ top:425px; left:85px;}
.p17{ top:425px; left:255px;}
.p18{ top:425px; left:425px;}
.p19{ top:425px; left:595px;}
.p20{ top:510px; left:170px;}
.p21{ top:510px; left:340px;}
.p22{ top:510px; left:510px;}
.p23{ top:595px; left:255px;}
.p24{ top:595px; left:425px;}
.p25{ top:680px; left:340px;}