/*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%;}
.clearMargin:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.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;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#303030;}


/*body*/
.wrap{
    max-width: 1920px;
    margin: 0 auto;
    background:url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/wrap01_bg.jpg") no-repeat center top;
}
.wrap .contain {
    width: 1200px;
    height: 1000px;
    margin: 0 auto;
    background:url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/wrap01_cen.jpg")  no-repeat center top;
}
.tit{
    margin: 120px 0 0 35px;
}
.txt_ul{
    font-size: 16px;
    line-height: 28px;
    margin: 10px 0 0 35px;
}
.txt_ul li{
    position: relative;
    margin-bottom: 10px;
 }
.btn_wrap{
    margin: 30px 0 0 35px;
}
.btn_wrap a{
    float: left;
    width: 168px;
    height: 64px;
    background: url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/button.png") 0 0;
    margin-right: 18px;
}
.btn_wrap .a2{
    background: url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/button.png") -180px 0;
}
.btn_wrap .a3{
    background: url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/button.png") -360px 0;
}
.btn_wrap a:hover{
    background-image: url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/button_h.png");
}
.wen_txt{
    margin: 30px 0 0 35px;
    font-size: 20px;
    color: #272727;
}
.tip_txt{
    margin-top: 13px;
    font-size: 16px;
    color: #D74F1D;
}

.alert_bg{
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.pop_box{
    position: absolute;
    width: 967px;
    height: 607px;
    z-index: 1000;
    top: 0;
    left: 50%;
}
.slide_close,.img_close{
    position: absolute;
    width: 57px;
    height: 57px;
    top:-60px;
    right: 0;
    background: url('https://static.web.sdo.com/dn/pic/dn_21act/202106receive/close.png') no-repeat center;
}

.slide_close1, .img_close {
    position: absolute;
    width: 57px;
    height: 57px;
    top: -60px;
    right: 0;
    background: url('https://static.web.sdo.com/dn/pic/dn_21act/202106receive/close.png') no-repeat center;
}

.pop_page{
    background: url('https://static.web.sdo.com/dn/pic/dn_21act/202106receive/page_bg.jpg') no-repeat center;
}
.sui_tit{
    margin: 50px auto 0;
}
.ifo_wrap{
    margin: 25px auto 0;
    height: 25px;
}
.play_ifo{
    text-align: center;
}
.play_ifo span,.play_ifo a{
    margin: 0 5px;
}
.change_btn{
    color: #D7671D;
}
.login_out{
    color: #4877EE;
}

.list_ul{
    margin: 23px auto 0;
    width: 693px;
}
.list_ul li{
    float: left;
    width: 171px;
    margin: 0 30px 0;
}
.list_ul li .box_icon{
    text-align: center;
}
.box_icon:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.icon{
    display: block;
    margin: 18px auto 13px;
}
.discount_msg{
    /*text-align: center;*/
    /*font-weight: bold;*/
    /*color: #EEDDC3;*/
}
.get_btn{
    display: block;
    margin: 15px auto 0;
    width: 164px;height: 52px;
    background: url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/get_btn.png") no-repeat;
}
.get_btn.got{
    background: url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/get_btn_got.png") no-repeat;
}
.history_btn{
    display: inline-block;
    width: 155px;height: 59px;
    margin: 0 13px;
    background:url("https://static.web.sdo.com/dn/pic/dn_21act/202102xbl/history_btn.png")  no-repeat center;
}
.rule_btn{
    display: inline-block;
    width: 155px;height: 59px;margin: 0 13px;
    background:url("https://static.web.sdo.com/dn/pic/dn_21act/202102xbl/rule_btn.png")  no-repeat center;
}
.login_btn{
    display: inline-block;
    width: 155px;height: 59px;margin: 0 13px;
    background:url("https://static.web.sdo.com/dn/pic/dn_21act/202102xbl/login_btn.png")  no-repeat center;
}
.detail_num{
    color: #D7671D;
}
.icon_name{
    font-size: 15px;
    margin: 15px 0 5px 0;
}
.buttons_box{
    margin-top: 23px;
    text-align: center;
}


.pop_success{
    position: absolute;
    width: 636px;
    height: 303px;
    z-index: 1000;
    top: 0;
    left: 50%;
    font-size: 20px;
    color: #C85720;
    background: url("https://static.web.sdo.com/dn/pic/dn_21act/202106receive/success_bg.jpg") no-repeat;
}
.success_txt{
    width: 350px;margin: 105px auto 0;text-align: center;line-height: 36px;
}