/*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;}
body{font:14px/1.6 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#fff;}


/*body*/
.contain:before{ content: "";display: table;height: 0;clear: both;visibility: hidden;}
.contain {  position: relative;  width: 1200px;  margin: 0 auto;  }

.wrap{ position: relative; max-width: 2560px;margin: 0 auto; overflow: hidden; }
.wrap01{ position: relative; max-width: 2560px;margin: 0 auto; overflow: hidden; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/wrap01_bg.jpg")  no-repeat center top;  }
.wrap01 .contain { height: 927px; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/wrap01_cen.jpg")  no-repeat center top;  }
.wrap02{ position: relative; max-width: 2560px;margin: 0 auto; overflow: hidden; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/wrap02_bg.jpg")  no-repeat center top;  }
.wrap02 .contain { height: 1510px; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/wrap02_cen.jpg")  no-repeat center top;  }

/*wrap01*/
.wrap01 .head_icon1 { position: absolute;top:330px;left: -280px}
.wrap01 .head_icon2 { position: absolute;top:170px;left: 70px}
.wrap01 .head_icon3 { position: absolute;top:480px;left: -55px}
.wrap01 .head_icon4 { position: absolute;top:50px;left: 1025px}
.wrap01 .head_icon5 { position: absolute;top:335px;left: 1308px}
.act_time{ margin-top: 617px; text-align: center;font-size: 25px;font-weight: bold}
.head_btn_box{ text-align: center;margin-top: 30px}
.head_btn_box a{ display: inline-block; width: 294px;height: 89px;}
.login_box{ margin-top: 25px;height: 43px;}
.login_btn{ display: block;width: 156px;height: 43px;margin: 0 auto; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/login_btn.png") no-repeat;}
.player_ifo{
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.player_ifo span{
    margin-right: 20px;
}
.player_ifo .login_out{
    color: #3F83FE;
}

.rule_btn{ background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/rule_btn.png") no-repeat;margin-right: 120px;}
.rule_btn:hover{ background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/rule_btn_h.png") no-repeat;margin-right: 120px;}
.shop_btn{ background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/shop_btn.png") no-repeat;}
.shop_btn:hover{ background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/shop_btn_h.png") no-repeat;}

/*wrap02*/
.con1{ height: 660px}
.con1_head{ height: 215px;}
.process_box{ margin: 130px 0 0 165px;}
.process_ul li{ float: left;width: 95px;height: 20px;background: #2564D7; border-right: 2px solid #3E82F9}
.process_ul li.active{ background: #7BF4FF; border-right: 2px solid #3E82F9}
.process_ul .grade10{ border-bottom-right-radius: 20px;border-top-right-radius: 20px;}

.cur_grade_box{ position: absolute;top:40px;left: 50px; width: 138px;height: 134px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/cur_grade.png") no-repeat}
.cur_grade_box b{ display: block;font-size: 63px; height: 83px;line-height: 110px;}
.cur_grade_box i{ display: block;font-size: 16px;}

.experience_box{ position: absolute;top:75px;left: 208px;font-size: 26px;font-weight: bold}
.experience_box .cur_experience_num{ color: #7BF4FF}

.buy_grade_btn{ position: absolute;top:72px;left: 440px;width: 156px;height: 43px; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/buy_grade_btn.png") no-repeat;}
.history_btn{ position: absolute;top:72px;left: 625px;width: 156px;height: 43px; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/history_btn.png?A1") no-repeat;}
.reward_check{ position: absolute;top:72px;left: 975px;width: 156px;height: 43px; background:url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/reward_check.png") no-repeat;}


/*swiper*/
.swiper_wrap{
    float: left;
    width: 1070px;
    height: 370px;
    margin-left: 5px;
    background: #77E3FF;
    border-radius: 10px;
    overflow: hidden;
}
.swiper-container {
    margin: 0 0 0 0;
    width: 1070px;
    height: 370px;
    color: #fff;
    text-align: center;
}
.swiper-slide {
    width: 640px;
    height: 100%;
}
.reward_ul li{
    float: left;
    width: 155px;
    height: 360px;
    border-radius: 8px;
    margin: 5px 0 0 5px;
    background: #BDBDBD;
    overflow: hidden;
}
.reward_no{
    height: 30px;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
}
.usual_wrap{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 160px;
}
.vip_wrap{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    height: 170px;
    background: #909090;
}
.usual_wrap:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.vip_wrap:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.icon{
    display: block;
    width: 74px;
    height: 74px;
    margin: 15px auto 5px;
}
.reward_name{
    height: 34px;
	font-size:12px;
    line-height: 16px;
}
.reward_get{
    display: block;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    letter-spacing: 3px;
    background: #A5A5A5;
    color: #fff;
}
.vip_wrap .reward_get{
    background: #6D6D6D;
}

/*reward 点亮*/
.reward_ul li.active{
    background: #5EC2FF;
}
.reward_ul li.active .vip_wrap{
    background: #F4DF90;
}
.reward_ul li.active .reward_get{
    background: #329EFF;
}
.reward_ul li.active .vip_wrap .reward_get{
    background: #D5B94F;
}
.reward_ul li.active .reward_name{
    color: #134CB4;
}

/*遮罩*/
.cover_wrap{
    position: absolute;
    width: 100%;
    height: 175px;
    bottom:0;
    left: 0;
    z-index: 2;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: rgba(0,0,0,.63);
}
a.open_vip{
    display: block;
    height: 175px;
    line-height: 175px;
    font-size: 24px;
    font-weight: bold;
    color: #F4DF90;
    text-align: center;
    text-decoration: underline;
}
a.left_arrow{
    position: absolute;
    width: 50px;
    height: 100%;
    top:0;
    left: 0;
    z-index: 3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: rgba(3,35,93,.75);
}
a.left_arrow img{
    position: absolute;
    top:50%;
    left: 50%;
    margin: -13px 0 0 -11px;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
}
a.left_arrow:hover img{
    transform: scale(0.85);
}
a.right_arrow{
    position: absolute;
    width: 50px;
    height: 100%;
    top:0;
    right: 0;
    z-index: 3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: rgba(3,35,93,.75);
}
a.right_arrow img{
    position: absolute;
    top:50%;
    left: 50%;
    margin: -13px 0 0 -11px;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
}
a.right_arrow:hover img{
    transform: scale(0.85);
}


/*con2*/
.con2{ min-height: 500px;}
.con2_tab{ width: 568px;margin: 68px auto 0}
.con2_tab a{ float: left; width: 283px;height: 56px;}
.con2_tab .daily_task_btn{ float: left; background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/daily_task.png") no-repeat}
.con2_tab .daily_task_btn.active{ background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/daily_task_h.png") no-repeat}
.con2_tab .week_task_btn{ float: left; width: 285px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/week_task.png") no-repeat}
.con2_tab .week_task_btn.active{ background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/week_task_h.png") no-repeat}

.con2_con{ width: 1120px;margin: 40px auto 0}
.con2_txt{ color: #1A4B86;margin-bottom: 30px}
.con2_item1 .con2_txt{ margin-bottom: 0}
.con2_txt ul{ line-height: 28px;}
.con2_txt h3{ font-size: 20px;}

/*con2_item1*/
.con2_item1_table{
    padding: 0;
    margin: 0;
    border-collapse: separate;
    border-spacing: 10px;
}
.con2_item1_table td{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 555px;
    height: 90px;
    padding: 10px;
    background: #3F83FE;
    border-radius: 10px;
}
.con2_item1_table td b{
    position: absolute;
    font-size: 16px;
    top: 35px;
    left: 18px;
}
.con2_item1_table td .white_line{
    position: absolute;
    top: 25px;
    left: 56px;
}
.daily_task_txt{
    width: 365px;
    margin: 0 0 0 70px;
}
.daily_grade{
    float: right;
}
.get_btn{
    position: absolute;
    width: 78px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    top:29px;
    right: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #3F83FE;
    border-radius: 15px;
    background: #FFEFB3;
}
.test_btn{
    display: block;
    width: 150px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 20px auto 15px;
    font-size: 16px;
    font-weight: bold;
    color: #3F83FE;
    border-radius: 15px;
    background: #FFEFB3;
}
.get_btn.not_active{
    color: #6F6F6F;
    background: #AAAAAA;
    cursor: default;
}
.bonus{
    position: absolute;
    top: -14px;
    left: 20px;
}

/*con2_item2*/
.item2_ul{
    text-align: center;
}
.item2_ul li{
    display: inline-block;
    width: 272px;
    height: 205px;
    background: #3F83FE;
    border-radius: 10px;
}
.item2_ul1 li{
    margin: 0 25px;
}
.item2_ul2{
    width: 1238px;
    margin: 30px 0 0 -58px;
}
.item2_ul2 li{
    margin: 0 17px;
}
.week_task_no{
    width: 220px;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #5E97FF;
}
.week_task_table{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 18px;
    height: 120px;
}
.week_task_table .each_require:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.week_task_table .each_require{*display:inline-block;*zoom:100%;margin-bottom:3px;}
.week_task_table td{
    padding: 5px 8px 0 15px;
}
.dif_num{
    width: 60px;
    text-align: center;
}
.cur_complete{
    display: inline-block;
    width: 158px;
    height: 32px;
    line-height: 32px;
}
.con2_get_btn{
    display: inline-block;
    width: 78px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3F83FE;
    border-radius: 15px;
    background: #FFEFB3;
}
.con2_get_btn.not_active{
    color: #6F6F6F;
    background: #AAAAAA;
    cursor: default;
}


/*弹窗*/
.alert_bg{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 999; display: none; }
.pop{ position: absolute; z-index: 1000; top: 0; left: 50%; background: #F9E455; }
.pop:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}

.slide_close{ position: absolute; width: 40px; height: 40px; top:10px; right: 10px; background: url('https://static.web.sdo.com/dn/pic/dn_19act/1910game/close.png') no-repeat center; }
.pop_tit{ width: 364px;height: 56px;line-height: 56px;text-align: center;font-weight: bold;font-size: 26px;color: #3F83FE;margin: 30px auto 0; background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/common_bg.png") no-repeat}

/*开通会员*/
.vip_pop{ width: 790px; height: 1030px; background: #3F83FE;border-radius: 10px;}
.te_vip{ width: 810px;margin: 28px 0 0 -10px;height: 572px;background: #F4DF90;border-radius: 10px;}
.te_vip_tit{ margin-top: 15px;text-align: center;color: #9A801E}
.te_vip_tit b{ font-size: 20px;}

.te_vip_ul{ margin-top: 15px;}
.te_vip_ul li{ display: inline-block;width: 120px;color: #9A801E;font-size: 13px; overflow: hidden}
.te_icon{display: block;width: 74px;height: 74px;margin: 0 auto}
.te_icon_name{display: block;margin-top: 5px;}
.te_open{
    width: 215px;height: 60px;display: block;margin: 18px auto 0;background: #B99E38;border-radius: 50px;text-align: center;
}
.te_juan{
    display: block;margin-top: 1px;font-size: 20px;color: #FFFFFF;
}
.te_s{
    display: block;
    margin-top: -5px;
    font-size: 16px;
    color: #F4DF90;
}
.zhi_vip{
    position: absolute;
    margin-top: 25px;
    height: 265px;
    background: #DAAC8A;
}
.zhi_vip .te_vip_tit{
    color: #975422;
}
.zhi_txt{
    margin-top: 25px;
    text-align: center;
    font-size: 20px;
}
.zhi_vip .te_open{
    width: 250px;
    height: 70px;
    margin-top: 25px;
    background: #B93805;
}
.zhi_vip .te_juan{
    display: block;margin-top: 6px;font-size: 20px;color: #F4DF90;
}
.zhi_vip .xie{
    font-size: 20px;color: #fff;
}
.zhi_vip .te_juan s{
    font-size:14px;color: #C4C4C4;
}
.zhi_vip .te_s{
    font-size:16px;color: #FFD4B4;
}
.percent_dis{
    position: absolute;
    bottom:20px;
    right:20px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    font-size: 70px;
    font-weight: bold;
    color: #CE8967;
}
/*历史记录*/
.history_pop{ width: 790px; height: 610px; background: #3F83FE;border-radius: 10px;}
.history_txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 720px;
    height: 440px;
    color: #fff;
    margin: 40px 0 0 60px;
    font-size: 15px;
    overflow-y: scroll;
    text-align: center;
}
.history_txt th,.history_txt td {
    padding: 5px 0;
}
.history_txt::-webkit-scrollbar{width:5px;height:5px}
.history_txt::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(25,94,220,1);
    /*-webkit-box-shadow:inset 0 0 6px rgba(114,101,131)*/
}
/*.history_txt::-webkit-scrollbar-thumb:window-inactive{background:rgba(155,155,155,.4)}*/

/*购买等级*/
.buy_box {
    width: 550px;
    height: 285px;
    background: #3F83FE;border-radius: 10px;
}
.num_input {
    text-align: center;
    margin: 20px auto 0;
    font-size: 24px;
    font-weight: bold;
}

.btn_plus, .btn_minus {
    position: relative;
    top:8px;
    display: inline-block;
    width: 40px;
    height: 34px;
    background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/add.png") no-repeat center;
    cursor: pointer;
}
.btn_minus {
    background: url("https://static.web.sdo.com/dn/pic/dn_19act/1910game/jian.png") no-repeat center;
}
.buy_cur_grade{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-top: 50px;
    text-align: center;
}
.buy_cur_grade span{
    color: #85FEFF;
}
.num_value {
    width: 50px;
    height: 44px;
    line-height: 44px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    border: 2px solid #38D6FD;
    vertical-align: middle;
}
.confirm_buy {
    display: block;
    width: 155px;
    height: 42px;
    margin: 45px auto 0;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    color: #2564D7;
    border-radius: 30px;
    background: #FFEFB3;
}
/*奖励一览*/
.reward_pop{ width: 790px; height: 1030px; background: #3F83FE;border-radius: 10px; }
.reward_pop .te_vip{ margin: 10px 0 0 -10px;height: 490px;}
.reward_pop .te_vip_ul li{ width: 123px;}
.act_get_txt{ font-size: 16px;text-align: center;margin: 13px 0 6px}
.reward_pop .usual_reward{ height: 340px;background: #5EC2FF}
.reward_pop .usual_reward .te_vip_ul{ margin-top: 20px;}
.usual_reward .te_vip_tit{ color: #fff}
.usual_reward .te_icon_name{ color: #134CB4}

/*兑换弹窗*/
.exchange_pop,.success_pop{ width: 550px; height: 285px; background: #3F83FE;border-radius: 10px}
.exchange_txt{ margin: 90px auto 0; font-size: 20px;font-weight: bold;text-align: center}
.exchange_txt span{ color: #84E0FF}
.exchange_btn_box{ margin-top: 45px; text-align: center; }
.exchange_btn_box a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 155px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #2564D7; border-radius: 30px; background: #FFEFB3; }
.exchange_btn_box .exchange_confirm,.exchange_btn_box .final_confirm{ margin-right: 30px; }
.exchange_btn_box .cancel{ border: 1px solid #69D9FE; color: #69D9FE; background: transparent; }
.success_pop .exchange_confirm,.exchange_btn_box .final_confirm{ margin: 0}

/*活动商店*/
.shop_pop{ width: 790px; height: 800px; background: #3F83FE;border-radius: 10px; }
.exchange_btn{ display: block; height: 38px; line-height: 38px; font-weight: bold; letter-spacing: 3px; background: #9C9C9C; color: #fff; cursor: default; }
.exchange_btn.active{ cursor: pointer; background: #165CDA; }
.shop_pop .act_get_txt{ margin: 16px auto }
.shop_pop .reward_ul{ width: 700px; margin: 0 auto;text-align: center}
.shop_pop .reward_ul li{ height: 200px;border-bottom-right-radius: 0;border-bottom-left-radius: 0; margin: 0 38px 10px;background: #5EC2FF}
.shop_pop .ji_grade{ font-size: 16px; margin: 10px 0 4px; }
.shop_pop .reward_name{ height: 29px; line-height: normal;color: #134CB4; margin: 5px 0 0;font-size: 13px;}
.shop_pop .shop_pop_p{ position: absolute;bottom:-52px;right: -110px;}

/*活动规则*/
.rule_pop{ width: 790px; height: 608px; background: #3F83FE;border-radius: 10px;}
.rule_pop .rule_pop_p{ position: absolute;bottom:-78px;right: -74px;}
.rule_pop .rule_ol{ display: block; width: 720px;margin: 30px 0 0 45px;line-height: 26px;}
.rule_pop .rule_ol li{list-style-position: outside;list-style: decimal}

/*检测*/
.test_pop{ width: 350px; height: 200px; background: #3F83FE;border-radius: 10px;}
.test_txt{ margin: 80px auto 0; font-size: 20px;font-weight: bold;text-align: center}