/*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-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;display:block;}
ul,li,ol {list-style:none;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearMargin:before{content: "";display: table;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;}
.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;}
.mt15 {margin-top: 15px;}
.mr20{margin-right:20px;}
.mb25{margin-bottom:25px;}
.z10{z-index:10;}
.z20{z-index:20;}
.z30{z-index:30;}
body{font:14px/1.6 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#B6855B;}

/*body*/
.wrap01 {
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap01_bg.jpg") no-repeat center;
}
.contain{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.contain:before{
    content: "";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wrap01 .contain {
    height: 1300px;
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap01_center.jpg")  no-repeat center;
}
.wrap02 {
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap02_bg.jpg") no-repeat center;
}
.wrap02 .contain {
    height: 1300px;
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap02_center.jpg")  no-repeat center;
}
.wrap03 {
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap03_bg.jpg") no-repeat center;
}
.wrap03 .contain {
    height: 1030px;
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap03_center.jpg")  no-repeat center;
}
.wrap04 {
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap04_bg.jpg") no-repeat center;
}
.wrap04 .contain {
    height: 870px;
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap04_center.jpg") no-repeat center;
}
.wrap05 {
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap05_bg.jpg") no-repeat center;
}
.wrap05 .contain {
    height: 639px;
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201711Chicken/wrap05_center.jpg") no-repeat center;
}
/*wrap01*/
.wrap01 .logo{
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -63px;
}
.wrap01 .time_box{
    position: absolute;
    width: 400px;
    height: 113px;
    top: 735px;
    left: 50%;
    margin-left: -200px;
    background: url("https://static.web.sdo.com/dn/pic/dn_act/201709khj/time_bg.png") no-repeat;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.wrap01 .time_box p{
    position: relative;
    top: 60px;
}
.wrap01 .dec{
   text-align: center;
   margin-top: 962px;
}
.wrap01 .dec span{
    font-size: 18px;
    color: #FFF5B0;
    font-weight: bold;
}
.btn{
    width: 280px;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
.wrap01 .me.btn{
    background: #D83B28;
    bottom: 180px;
    left: 160px;
    color: #FFF5B0;
}
.wrap01 .find.btn{
    background: #47407D;
    bottom: 180px;
    right: 170px;
    color: #FFF5B0;
}
/*wrap02*/
.wrap02 .player_ifo{
    width: 100%;
    top: 0;
    left: 0;
    color: #A87B54;
    text-align: center;
}
.wrap02 .player_ifo span{
    margin-right: 20px;
}
.wrap02 .login_out{
    color: #A3A3A3;
    font-weight: bold;
}
.wrap02 .draw_msg{
    margin-top: 166px;
    text-align: center;
    font-size: 18px;
    color: #FFF2E6;
}
.draw_num{
    font-weight: bold;
    color: #D83B28;
}
.wrap02 .draw_msg .draw_dec{
    font-weight: bold;
    color: #B6855B;
    font-size: 14px;
}
.wrap02 .event1_task{
    width: 900px;
    height: 166px;
    margin: 64px auto 0;
}
.wrap02 .event1_task li{
    float: left;
    width: 165px;
    margin-right: 80px;
    line-height: 20px;
    text-align: center;
}
.wrap02 .event1_task li.li04{
    margin-right: 0;
}
.wrap02 .event1_task li .get{
    display: block;
    margin: 10px auto 0;
}
.spec{
    font-weight: bold;
    color: #D83B28;
}
.get{
    width: 90px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    background: #47407D;
    font-weight: bold;
    color: #fff;
}
.got{
    width: 90px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    background: #47407D;
    font-weight: bold;
    color: #fff;
}
.remind_title{
    margin-top: 150px;
    text-align: left;
    padding-left: 130px;
}
.event1_remind{
    margin-left: 195px;
    text-align: left;
    line-height: 24px;
}
.event1_remind li{
    padding-left: 20px;
    position: relative;
}
.circle{
    position: absolute;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 50%;
    text-align: center;
    background: #EDD29D;
    top: 5px;
    font-weight: bold;
    font-size: 12px;
    left: 0;
    color: #251815;
}
/*wrap03*/
.wrap03 .possession{
    margin-top: 308px;
    padding-left: 222px;
    font-size: 20px;
    font-weight: bold;
}
.wrap03 .possession i{
    color: #FFF5B0;
    margin-right: 26px;
}
.wrap03 .possession span{
    color: #D83B28;
    margin-right: 15px;
    display: inline-block;
    width: 100px;
    text-align: center;
}
.wrap03 .possession span b{
    color: #fff;
    font-size: 16px;
    background: #47407D;
    border-radius: 3px;
    padding: 0 3px;
}
.head_suit{
    width: 780px;
    height: 280px;
    position: absolute;
    top: 399px;
    left: 133px;
}
.head_suit .suit_name{
    position: absolute;
    width: 316px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    color: #450200;
    top: 17px;
    left: -39px;
}
.head_suit .suit_num{
    position: absolute;
    width: 60px;
    text-align: center;
    font-weight: bold;
    color: #D83B28;
    top: 222px;
    left: 128px;
}
.head_suit .suit_num b{
    color: #fff;
}
.head_suit .head_reward{
    width: 190px;
    text-align: center;
    font-weight: bold;
    color: #FEF2C9;
    position: absolute;
    top: 170px;
    left: 328px;
}
.head_suit .head_reward02{
    left: 545px;
}
.head_suit .head_btn01{
    position: absolute;
    top: 203px;
    left: 373px;
}
.head_suit .head_btn02{
    position: absolute;
    top: 203px;
    left: 591px;
}
.wing_suit{
    top: 727px;
}
.wing_suit .num01,.leg_suit .num01{
    top: 222px;
    left: 87px;
}
.wing_suit .num02,.leg_suit .num02{
    top: 222px;
    left: 167px;
}
.wing_suit .wing_btn{
    position: absolute;
    top: 203px;
    left: 482px;
}
.leg_suit{
    top: 25px;
    left: 133px;
}
.family_suit{
    top: 353px;
    left: 133px;
}
.family_suit .num01{
    top: 222px;
    left: 11px;
}
.family_suit .num02{
    top: 222px;
    left: 79px;
}
.family_suit .num03{
    top: 222px;
    left: 149px;
}
.family_suit .num04{
    top: 222px;
    left: 220px;
}
.family_suit .head_reward{
    width: 160px;
    top: 168px;
    left: 291px;
    text-align: center;
    line-height: 18px;
}
.family_suit .head_reward02{
    left: 452px;
}
.family_suit .head_reward03{
    left: 612px;
}
.family_suit .family_btn{
    position: absolute;
    top: 233px;
    left: 482px;
}
.wrap04 .remind_title{
    margin-top: 682px;
}
.wrap04 .jlt{
    width: 92px;
    height: 92px;
    top: 69px;
    left: 323px;
    background:url(about:blank);
}
.wrap04 .jlt img{
    position: absolute;
    top: -525px;
    left: -108px;
    display: none;
}
/*wrap05*/
.wrap05 .dec{
    text-align: center;
    margin-top: 162px;
}
.wrap05 .dec span {
    font-size: 18px;
    color: #FFF5B0;
    font-weight: bold;
}
.wrap05 .rule{
    margin-top: 40px;
}
.wrap05 .get_ticket,.wrap05 .look_btn{
    background: #47407D;
    bottom: 200px;
    left: 197px;
    color: #FFF5B0;
}
.wrap05 .look_btn{
    left: 574px;
}
/*µ¯²ã*/
.alert_bg{
    width: 100%;
    height: 100%;
    background: #0D111A;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.close_dialog{
    position: absolute;
    width: 51px;
    height: 51px;
    top: 0;
    right: -60px;
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201709khj/close.png");
}
.pop{
    position: absolute;
    width: 500px;
    height: 275px;
    background: #FDF2CB;
    z-index: 100002;
    text-align: center;
    color: #4B3B3B;
    font-weight: bold;
    font-size: 24px;
}
.pop:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.link_msg{
    width: 322px;
    height: 40px;
    outline: 0;
    background: #5E55A2;
    margin:50px 20px 0 0;
    padding-left: 15px;
    color: #fff;
    font-size: 14px;
    border: 0;
}
.copy_link{
    display: inline-block;
    padding: 0;
    width: 85px;
    height: 45px;
    line-height: 45px;
    background: #47407D;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.pop_txt{margin-top: 82px}
.pop_btn{
    display: inline-block;
    width: 170px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.select_box .pop_txt,.get_box .pop_txt{margin-top: 65px}
.confirm{
    margin: 30px 30px 0 0;
    background: #5E55A2;
}
.think{
    background: #47407D;
}
.get_box .pop_txt span{
    font-size: 18px;
    font-weight: normal;
}
.get_box .confirm{
    width: 210px;
}
.exchange_box .pop_txt{
    margin: 65px 0 15px 0;
    font-size: 36px;
}
.no_box .confirm,.late_box .confirm{
    margin-top: 40px;
    width: 210px;
}
.num_box .pop_btn{
    width: 136px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.num_box .pop_btn.friend{
    margin-right: 75px;
}
.friend_list{
    width: 480px;
    height: 150px;
    text-align: center;
    font-size: 18px;
    color: #4B3B3B;
    position: absolute;
    top: 90px;
    left: 0;
    font-weight: normal;
    line-height: 30px;
    overflow: visible;
}
.friend_list li:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.friend_list li{*display:inline-block;*zoom:100%;}
.friend_list li{

}
.binder{
    float: left;
    width: 280px;
}
.bind_num{
    float: left;
    width: 170px;
}
/*³é½±*/
.box_gift {width:844px; height:844px; top:450px; left:77px;z-index:5}
.box_gift .ele{position:absolute; width:164px; height:164px;}
.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;}
.box_gift .ele .one.hover{background:url(https://static.web.sdo.com/dn/pic/dn_act/160101Gift/pic_giftCover_hover.png) no-repeat center;}
.box_gift .ele .two{position:absolute; width:100%; height:100%; display:none;}
.box_gift .ele .two img{width:100%; height:100%;}
.box_gift .ele .two .pic_gift_checked{left:-31px; top:-31px; width:226px; height:226px;}
.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;}
.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; }
.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; }
.box_gift .ele.on .one{display:none;}
.box_gift .ele.on .two{display:block;}
.box_gift .ele .one_a,.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;
}

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

.reset {
    position: absolute;
    left: 81%;
    z-index: 10;
    margin-left: -45px;
    top: 535px;
}
.r_spec{
    color: #D83B28;
    font-weight: bold;
}