@charset "utf-8";
/*zhangning*/
/* 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:20px/1.8 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#340841; }

.wrap01{background:url('https://static.web.sdo.com/dn/pic/dn_19act/clbx/wrap02_bg.jpg?1') no-repeat center top;}
.wrap02{background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/wrap2_bg.jpg') no-repeat center top;}
.contain{ width: 1201px;  margin: 0 auto; position: relative; }
.contain:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.wrap01 .contain{height:840px;background: url('https://static.web.sdo.com/dn/pic/dn_19act/clbx/wrap02_cen.jpg?1') no-repeat;}
.wrap02 .contain{ height:2326px;  background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/wrap2_cen.jpg') no-repeat; }

.player_ifo{ position:fixed;width: 100%;height: 69px;line-height: 62px; top: 0; left: 0;background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/login_bg.jpg') repeat-x;text-align: center;font-size: 17px; color: #FFF0A3;z-index: 100; -webkit-transition: all 0.1s; transition: all 0.1s;}
.player_ifo span{margin-right: 25px}
.player_ifo b,.current_msg b{font-weight: normal;color: #fff;margin-right: 20px;}
.player_ifo b.jiu{margin-right: 0;}
.player_ifo b i,.txt_box .icon,.current_msg i{position: relative;display: inline-block; width:50px;height: 42px; top: 11px;}
.leg{background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/leg.png') no-repeat center 7px;}
.apple{background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/apple.png') no-repeat center 12px;}
.cup{background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/cup.png') no-repeat center 0;}
.get_btn{position: relative;display: inline-block; width:77px;height: 39px; top: 14px;background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/get_btn.png') no-repeat center 0;}
.player_ifo b{margin-right: 3px;}
.player_ifo .get_btn{margin-right: 12px;}
.player_ifo .get_btn03{margin-right: 0;}

.current_msg b{color: #340841}
a.login_btn{display: inline-block; width: 130px;height: 49px;background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/login_btn2.png') no-repeat center 0;margin-top: 9px;}
.player_ifo a{margin-right: 6px;text-decoration: underline;}
.player_ifo .name{margin-right: 10px}
a.login_out { color: #B1855A; }
a.exchange { color: #B1855A; }
a.history_btn { color: #B1855A;margin-right: 13px }

.wrap02 .npc_box{ -webkit-box-sizing: border-box; box-sizing: border-box; width:1280px;height: 720px;margin-left: -52px;background: url("https://static.web.sdo.com/dn/pic/dn_18act/1811thx/npc_bg1200.png") no-repeat}
.npc_box .npv_item{ float: left;width: 200px;height: 170px;margin:488px 63px 0 0;text-align: center; }
.npc_box .npv_item01{ margin-left: 32px;}
.npc_box .npv_item05{ margin:488px 0 0 0}
.type_r{display: inline-block;width: 35px;height: 35px; margin-right: 27px; background: url(about:blank)}
.type_r i{display:block;width: 35px;height: 35px; background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811thx/right.png) no-repeat center 10px;display: none}
.one_btn{display:block;width: 176px;height: 45px;margin: 25px auto 0; background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811thx/one_btn.png) no-repeat center;}
.lots_btn{display:block;width: 176px;height: 45px;margin: 5px auto 0; background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811thx/lots_btn.png) no-repeat center;}
.type_r.active i{display:block;}
.type_r03{margin-right: 0}

.buy_box{ margin-top: 15px; text-align: center}
.buy_box .buy_s{ -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block;width: 175px;height: 54px;padding-left: 70px; margin-right: 85px;}
.buy_box .buy_s01{ background: url("https://static.web.sdo.com/dn/pic/dn_18act/1811thx/leg_c.png") no-repeat}
.buy_box .buy_s02{ background: url("https://static.web.sdo.com/dn/pic/dn_18act/1811thx/apple_c.png") no-repeat}
.buy_box .buy_s03{ background: url("https://static.web.sdo.com/dn/pic/dn_18act/1811thx/cup_c.png") no-repeat;margin-right: 0}
.buy_box .buy_b{ display:block;width: 107px;height: 39px; margin-top:9px;background: url(https://static.web.sdo.com/dn/pic/dn_18act/1811thx/buy_btn.png) no-repeat center}

.current_msg{margin-top: 10px;text-align: center}
.txt_box{margin-top: 30px;}
.purple_bg{padding: 0 16px 2px; font-size: 20px;color: #fff;background: #A077AD;border-radius: 15px;}
.purple_b_tit{ display: inline-block; padding: 1px 20px 2px;margin-top: 25px; font-size: 24px;border-radius: 25px;}

.event_remind{line-height: 36px;margin-top: 5px;font-size: 18px;}
.event_remind li{padding-left: 20px; position: relative; }
.event_remind .circle{position: absolute;top: 0;left: 0;}

.bottom_box{ margin-top: 55px; color: #4A2101; line-height: 41px;font-size: 14.2px; }
.news_box{ width: 1200px;  height: 340px;  background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/news_bg_big.png') no-repeat; }
.da_box{ width: 491px;  height: 340px; margin-left: 25px; background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/da_bg05.png') no-repeat; }
.da_txt{ margin: 90px 0 0 22px;}
.da_txt01{ width: 1180px; margin: 90px 0 30px 14px;}
.da_txt li{padding-left: 35px; position: relative; }
.da_txt01 li{ float: left; padding-left: 0; width: 582px;margin-right: 5px;font-size:13px}
.da_txt .no{position: absolute; top: 7px; left: 0; display: block; width: 25px; height: 25px; line-height: 25px; border-radius: 3px; border: 1px solid #B66837; background: #F4D37D; color: #840101; font-size: 21px; font-weight: bold; text-align: center;}

.alert_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;display:none;background:#000;}
.pop:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.pop{display:none;z-index:1000;position:absolute;color:#FEEFD8;text-align: center;}
.pop .con:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.close_dialog { width: 38px; height: 38px; display: block; position: absolute; top: 0; right: -48px; background: url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/close.png') no-repeat center; }
.confirm_btn,.cost_btn,.reward_btn{ width: 90px; height: 40px; display: block; margin: 40px auto 0; background: url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/confirm_btn.png') no-repeat center; }

.similar_box{ width: 602px;  height: 354px;  background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/pop_bg.jpg') no-repeat; }
.similar_box .similar_con{ width: 500px; margin: 0 auto 0;}

.gift_send .get_icon{width: 67px;  height: 67px;margin: 35px auto 0;background:url('https://static.web.sdo.com/dn/pic/dn_18act/1811thx/icon_bg.png') no-repeat;}
.gift_send .get_icon img{width: 64px;  height: 64px;margin: 2px auto 0;}
.pop h2{height: 48px;line-height: 48px;font-size: 22px;color: #990101;font-weight: bold}
.gift_send h3{margin: 33px auto; line-height: 30px; font-size: 20px;color: #990101}
.gift_send .reward_btn { position: absolute;top:268px;left:50%; margin: 0 0 0 -45px; }

.similar_box .buy_input{ padding-left: 20px;margin: 40px 0 40px 0 ;font-size: 24px;color: #990101}
.similar_box .buy_input input{ width:35px;padding: 7px; background: #C8AB7D;border: 0; outline:none;font-size: 18px;color: #990101;text-align: center}
.similar_box .buy_btn,.charge_btn,.fire_btn{display: block;width: 136px;  height: 52px;line-height: 52px;margin: 45px auto 60px;font-size: 24px;font-weight: bold;color: #866414;background: #DDB555}
.similar_box .water_des{ text-align: left; padding-left: 40px; font-size: 16px; color: #DDB555;  }

.btn_plus,.btn_minus{ display: inline-block; width: 26px; height: 34px; line-height: 32px; background: #C8AB7D; color: #990101; text-align: center; vertical-align: middle; font-size: 30px; cursor: pointer; }
.history_list{ height: 216px; margin: 25px 0 0 0; font-size: 17px; line-height: 27px; color: #990101; overflow: hidden; }
.page{ font-size: 20px; color: #454545; }
.page a{ padding: 3px 15px; color: #454545; }
.tips{
    width: 560px;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    color: #990101;
    margin: 12px auto 0;
}
.buy_input .buy_add{
    position: absolute;
    top: 138px;
    left: 0;
    width: 100%;
    font-size: 16px;
    color: #dd2020;
}