@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;}
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%;}
.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;}
.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:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; }

/*轮播*/
/*.slide_lun01,.slide_lun02{*/
    /*width:620px;*/
    /*height:350px;*/
    /*margin: 50px auto;*/
/*}*/
/*.slide .prev,*/
/*.slide .next{*/
    /*position:absolute;*/
    /*z-index:10;*/
    /*left:-20%;*/
    /*top:50%;*/
    /*margin-top:-27px;*/
    /*display:block;*/
    /*width:40px;*/
    /*height:54px;*/
    /*background:url(https://static.web.sdo.com/dn/pic/dn/web10/mh/slider-arrow.png) -193px 0px no-repeat;*/
    /*filter:alpha(opacity=50);opacity:0.5;*/
/*}*/
/*.slide .next{*/
    /*left:auto;*/
    /*right:-20%;*/
    /*background-position:0px 0px;*/
/*}*/
/*.slide .prev:hover,*/
/*.slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }*/

/*.slide .slide_img ul{width:80000px;overflow:hidden;}*/
/*.slide .slide_img li{float:left;width:620px;height:350px;}*/
/*.slide .slide_img{width:620px;height:350px;margin:0 auto ;overflow:hidden;}*/
/*.slide .point{position:absolute;bottom:-16px;left:0;height:3px;width:100%;text-align:center;}*/
/*.slide .point a{float:left;width:20%;height:3px;background:#ccc;}*/
/*.slide .point a.cur{background:#f00;}*/
/*/!**!/*/
/*.slide .slide01{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/01.jpg) no-repeat center;}*/
/*.slide .slide02{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/02.jpg) no-repeat center;}*/
/*.slide .slide03{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/03.jpg) no-repeat center;}*/
/*.slide .slide04{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/01.jpg) no-repeat center;}*/
/*.slide .slide05{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/02.jpg) no-repeat center;}*/
/*.slide .slide06{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/03.jpg) no-repeat center;}*/
/*.slide .slide07{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/01.jpg) no-repeat center;}*/
/*.slide .slide08{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/02.jpg) no-repeat center;}*/
/*.slide .slide09{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/03.jpg) no-repeat center;}*/


/*第一部分*/
.section{height:1080px; position:relative; overflow:hidden;}
.nav{
    width:174px;
    top:40px;
    right:40px;
    z-index:990;
    padding-top:48px;
}
.nav .hamburger{
    background:url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/nav_bg.png?v=2') no-repeat -75px -2px;
    top:0;
    right:0;
    width:40px;
    height:40px;
    position:absolute;
    cursor:pointer;
}
.nav .line{
    width:1px;
    height: 391px;
    top: -15px;
    right: 25px;
    position:absolute;
    background:url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/line.png') no-repeat;
}
.nav  i.circle{
    width: 15px;
    height: 15px;
    background: url(https://static.web.sdo.com/dn/pic/dn_act/201710hjq/circle.png) no-repeat;
    top: 1px;
    right: 18px;
    position: absolute;
    display: none;
}
.nav .active i.circle, .nav a:hover i.circle{
    display:block;
    animation:fade .3s linear both;
}
.nav a{
    width: 129px;
    display: block;
    height: 18px;
    margin-bottom: 30px;
    position: relative;
    padding-right: 45px;
    background: url(https://static.web.sdo.com/dn/pic/dn_act/201710hjq/nav_bg.png?v=2) no-repeat;
}
.nav .js_a{
    margin-bottom: 22px;
}
.nav .js_a:hover,.nav .js_a.active{
    background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/nav_bg_h.png?v=2");
}
.nav .nav_list{width:100%; height:100%; position:relative;}
.nav .a1{background-position:left -50px;margin-top: 0;}
.nav .a11{background-position:left -86px;}
.nav .a12{background-position:left -121px;}
.nav .a13{background-position:left -155px;}

.nav .a2{background-position:left -210px;}
.nav .a21{background-position:left -244px;}
.nav .a22{background-position:left -278px;}

.nav .a3{background-position:left -334px;}
.nav .a31{background-position:left -369px;}
.nav .a32{background-position:left -403px;}
.nav .a33{background-position:left -437px;}

.nav .a4{background-position:left -492px;}
.nav .a5{background-position:left -542px;}
.nav .a6{background-position:left -593px;}
.nav .a7{background-position:left -644px;}
.nav .a8,.nav .a8:hover,.nav .a8.active{
    background: url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/more_btn.png') no-repeat -1px 0;
}
.nav .a6.js_a{
    margin-bottom: 30px;
}
.wrap01{
    background:url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/wrap01_bg.jpg') no-repeat top;
}
.wrap01 .con{
    width:1000px;
    height:1080px;
    margin:0 auto;
    background:url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/wrap01_center.jpg') no-repeat top;
}
.wrap01 .logo{
    top:40px;
    left: 0;
}

.wrap02{
    top: 0;
    left:0;
    width:100%;
    height:1080px;
    background:url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/wrap02_bg.jpg') no-repeat center;
}
.wrap02 .spirit01{position:absolute; top:25px; left:25px;}
.wrap02 .spirit02{position:absolute; bottom:25px; left:25px;}
.wrap02 .spirit03{position:absolute; bottom:25px; right:25px;}

.wrap02 .sub_con {
    width:930px;
    height:1080px;
    position:absolute;
    left:50%;
    margin-left:-465px;
    color: #fff;
}
/*1*/
.tem .pic_t2{margin:100px 0 40px 0;}
.tem .cont{font-size: 12px;line-height: 22px}
.tem .cont .cont_img{width:360px; height:210px;}
.tem .pic_rule{margin: 45px auto 35px}
.tem .tem01_task{
    font-size: 14px;
    line-height: 26px;
}
.tem .tem01_shi{
    position:absolute;
    top: 212px;
    right: 0;
}
.tem .table01_area{
    width: 190px;
    height: 26px;
    position: absolute;
    top: 564px;
    right: 240px;
}
.tem .tem01_pic{
    position:absolute;
    top: 222px;
    right: 10px;
}
.tem .tem01_table{
    position:absolute;
    top: 392px;
    left: 71px;
}
.tem .tem01_table thead{
    font-size: 16px;
    color: #65F4FF;
}
.tem .tem01_table thead th{
    padding: 8px 10px;
}
.tem .tem01_table  td{
    padding: 8px 10px;
}
.bg_color01{
    background: #495F6C;
}
.bg_color02{
    background: #3F515C;
}
.table_name{
    text-align: center;
    border-right: 1px solid #5C7685;
}
/*2*/
.tem02_ul{
    margin-top: 20px;
}
.tem02_ul li{
    float: left;
}
.tem02_ul li img{
    display: block;
}
.tem02_ul .txt{
    margin-top: 20px;
    line-height: 26px;
    color: #CBCBCB;
    text-align: center;
}
.tem02_ul .li01{
    margin-right: 62px;
}
.tem03_txt{
    font-size: 12px;
    line-height: 22px;
    width: 620px;
    margin: 0 auto;
}
.tem04_con .li01{
    width: 430px;
    margin-right: 35px;
}
.tem04_con .li02{
    width: 436px;
}
.tem04_remind{
    color: #FEFEFE;
    line-height: 26px;
    margin-top: 30px;
}
.tem04_remind li{
    padding-left: 26px;
    position: relative;
}
.tem04_remind li span.num{
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
    background: #086168;
    top: 6px;
    font-weight: bold;
    font-size: 12px;
    left: 0;
}
.tem05_remind{
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    width: 620px;
    /*margin: 0 auto;*/
    margin-left: 195px;
    color: #E5E5E5;
}
.tem05_remind li span.num{
    position: absolute;
    width: 17px;
    height: 17px;
    line-height: 17px;
    top: 6px;
    font-weight: bold;
    font-size: 14px;
    left: 0;
}

.tem06_title{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin: 25px auto 10px;
}
.tem06_ul{
    font-size: 18px;
    text-align: center;
}
.tem06_ul li{width: 200px;position: absolute;  }
.tem06_ul .li01{left: -69px;}
.tem06_ul .li02{left: 149px;}
.tem06_ul .li03{left: 369px;}
.tem06_ul .li04{left: 585px; }
.tem06_ul .li05{ left: 803px; }

.wrap02 .contain{
    width: 920px;
    height: 1080px;
    margin: 0 auto;
    position: relative;
    left: 0;
}
.act_nav {
    width: 920px;
    height: 30px;
    line-height: 30px;
    background: url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/title_bg.png');
    margin: 0 auto;
    z-index: 100;
    font-size: 16px;
}
.act_nav a:hover, .act_nav a.active {
    color: #3CEEFC;
}
.act_nav a {
    display: inline-block;
    color: #fff;
    margin-right: 61px;
}
.act_nav a:hover .h_line,.act_nav a.active .h_line{
    display: block;
}
.act_nav .a07{
    margin-right: 0px;
}
.h_line{
    display: block;
    margin-top: 3px;
    width: 22px;
    height: 3px;
    background: #3CEEFC;
    display: none;
}
.content{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
}
.common_title{
    width: 761px;
    height: 42px;
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event01_t.png") no-repeat;
    font-size: 22px;
}
.common_title span{
    margin-left: 75px;
    position: relative;
    top: -5px;
}
.common_title i{
    display: inline-block;
    position: relative;
    top: -6px;
    width: 148px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #B31D08;
    border: 1px solid #B31D08;
}
.content01 .event01_d{
    width: 920px;
    height: 188px;
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event01_d.png?v=2") no-repeat;
    margin-top: 45px;
}
.event01_d_txt{
    margin-top: 15px;
    text-align: center;
    height: 100px;
    font-weight: bold;
}
.event01_d_txt li{
    position: absolute;
    width: 210px;
    line-height: 18px;
}
.event01_p01{
    color: #3CEEFC;
    padding-left: 65px;
}
.event01_p01 span{
    position: relative;
    display: inline-block;
    height: 14px;
    width: 5px;
    background: #3CEEFC;
    top: 2px;
    margin-right: 5px;
}
.event01_d_txt .li01{
    top: 0;
    left: 68px;
}
.event01_d_txt .li02{
    top: 0;
    left: 359px;
}
.event01_d_txt .li03{
    top: 0;
    left: 650px;
}
.content01 .act_time{
    text-align: right;
    top: -12px;
    right: 0;
}
.content01.con01 .event1_remind{
    font-size: 12px;
}
.event1_remind{
    width: 575px;
    margin: 40px 0 0 65px;
    line-height: 22px;
}
.event1_remind li {
    padding-left: 25px;
    position: relative;
}
.event1_remind li.event_t{
    font-size: 14px;
    padding: 0;
}
.event1_remind .left {
    position: absolute;
    left: 0;
}
/*tem09*/
.online_title{
    display: block;
    margin: 98px 0 25px 0;
}

.content02 .common_title{
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event02_t.png") no-repeat;
}
.content02 .p02{
    padding-left: 25px;
    margin: 45px 0 35px 0;
}
.content02 .p02 .area{
    position: absolute;
    display: inline-block;
    height: 30px;
    width: 5px;
    background: #fff;
    top: 8px;
    left: 7px;
    margin-right: 5px;
}
.event02_ul{
    margin-top: 50px;
}
.event02_ul .txt_l{
    width: 90px;
    text-align: center;
}
.event02_ul .txt_r{
    margin: 40px 0 0 15px;
}
.event02_ul .li02{
    margin-top: 15px;
}
.txt_l img{
    display: block;
    margin: 0 auto 5px;
}
.content02 .remind{
    width: 438px;
    height: 224px;
    line-height: 22px;
    top: 210px;
    right: -32px;
    padding: 35px 0 0 15px;
    background: url(https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event02_rem.png) no-repeat;
    color: #D9D9D9;
}
.content03 .common_title{
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event03_t.png") no-repeat;
}
.content03 .event01_p01 span,.content04 .event01_p01 span,.content05 .event01_p01 span{
    background: #fff;
}
.content03 .event01_p01{
    padding: 0;
    margin-top: 38px;
}
.content03 .event03_txt{
    width: 930px;
    margin: 40px auto 95px -5px;
    text-align: center;
}
.content03 .event03_txt li{
    width: 310px;
    float: left;
}
.content03 .event03_txt li img{
    display: block;
    margin: 0 auto 10px;
}
.spec{
    font-weight: bold;
    color: #3CEEFC;
}
.content04 .common_title{
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event04_t.png") no-repeat;
}
.content04 .event01_p01{
    width: 770px;
    margin-top: 45px;
    color: #fff;
    padding-left: 20px;
    position: relative;
}
.content04 .event01_p01 span{
    position: absolute;
    display: inline-block;
    height: 52px;
    width: 5px;
    background: #fff;
    top: 6px;
    left: 2px;
    margin-right: 5px;
}
.event04_txt{
    width: 709px;
    height: 262px;
    background: url(https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event04_bg.png) no-repeat;
    margin: 40px auto;
}
.content04 .advice{
    text-align: center;
    font-size: 16px;
}
.event04_txt a{
    position: absolute;
    width: 135px;
    height: 40px;
    top: 174px;
    left: 0;
}
.event04_txt .btn01{
    left: 35px;
}
.event04_txt .btn02{
    left: 285px;
}
.event04_txt .btn03{
    left: 537px;
}
.content05 .common_title{
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event05_t.png") no-repeat;
}
.content05 .event1_remind li{
    padding-left: 22px;
    margin-bottom: 24px;
}
.content05 .ul02{
    width: 530px;
    margin: 44px 0 0 60px;
    line-height: 22px;
}
.content05 .ul01{
    margin-bottom: 100px;
}
.content05 .event1_remind{
    margin-left: 60px;
}
.content05 .event05_pic{
    top: 30px;
    right: -42px;
}
.content06 .common_title{
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/event06_t.png") no-repeat;
}
.content06 .ul03{
    margin: 70px auto 74px;
}
.content06 .ul03 li{
    float: left;
    width: 440px;
}
.content06 .ul03 li img{
    display: block;
    margin-bottom: 25px;
}
.content06 .ul03 .li01{
    margin: 0 25px 0 14px;
}
.content06 .ul02{
    margin-left: 14px;
}

/*pop*/
.pop_box{
    width: 920px;
    height: 530px;
    top: -15px;
    left: 50%;
    margin-left: -460px;
    background: #042C3C;
}
.pop_close{
    position: absolute;
    width: 37px;
    height: 37px;
    background:url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/close.png") no-repeat center;
    top: 14px;
    right: 18px;
    z-index: 100;
}

.banner {
    height: 460px;
    position: relative;
    width: 800px;
    margin: 25px auto 0;
}
.banner li h3{
    font-size: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #C0CACE;
    text-align: center;
}
.pop01{
    width: 740px;
    margin: 38px auto 0;
}
.pop01 li{
    width: 212px;
    float: left;
    margin-right: 40px;
}
.pop01 li img{
    display: block;
}
.pop01 li h4{
    text-align: center;
    font-size: 16px;
    margin: 20px 0 24px 0;
}
.banner .cut {
    position: absolute;
    width: 45px;
    height: 50px;
    background: url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/pop04_btn.png') no-repeat;
    z-index: 20;
    right: -25px;
    cursor: pointer;
}
.banner .cut:hover,.banner .cut.active{
    background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201710hjq/pop04_btn_h.png");
}
.banner .prev {
    top: 190px;
    background-position: 0 0;
}
.banner .next {
    top: 240px;
    background-position: 0 -50px;
}
.pop02{
    width: 400px;
    margin: 38px auto 0;
}
.pop02 p{
    margin-top: 20px;
    font-weight: bold;
    line-height: 25px;
}
.pop03_txt{
    text-align: center;
    margin: 38px auto 40px;
}
.pop03_table{
    text-align: center;
    border: 1px solid #416D7F;
    margin: 0 auto;
}
.pop03_table .first{
    font-size: 16px;
    font-weight: bold;
}
.bg_color03{
    background: #0C4C65;
}
.pop03_table  td {
    padding: 8px 10px;
    border-right: 1px solid #416D7F;
    border-bottom: 1px solid #416D7F;
    width: 150px;
    height: 34px;
}
.pop03_table a.spec{
    text-decoration: underline;
}
.event04_pop{
    top: -98px;
    right: -190px;
    z-index: 1000;
}
/*tem10*/
.tem10 .act_nav {
    background: url('https://static.web.sdo.com/dn/pic/dn_act/201710hjq/tem10_bg.png?v=3') no-repeat -2px 2px;
}
.tem10 .act_nav a{
    margin-right: 92px;
}
.tem10 a.a01 .h_line{
    margin: 3px 0 0 8px;
}
.tem10 .content{
    top: 45px;
}
.tem10 .tem04_remind{
    margin-top:100px;
}
/*动画*/
@keyframes fade{0%{opacity:0} 100%{opacity:1}}
.reward_box{
    width: 620px;
    margin: 40px auto 35px;
}
.reward_box img{
    display: block;
    margin: 0 auto;
}
.reward_box p{
    width: 100%;
    height: 3px;
    background: #C3C3C3;
    margin: 10px auto 0;
}
.game_reward{
    width: 540px;
}
.game_reward img{
    width: 100%;
}

.event1_remind.remind02{
    margin: 114px 0 0 0;
}