@charset "utf-8";
/* CSS Document */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,button{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; }
ol, ul { list-style:none; }
table { border-collapse: collapse;border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
iframe{border:0;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{display: table;content:"";}
.clearfix:after{clear:both;}
body{font-family: Arial,sans-serif;background:#000 url(../images/bg-1.jpg) center 91px no-repeat;}
.inner{width: 1000px;margin:0 auto;position: relative;}
#banner{height: 686px;}
#banner .inner{height: 100%;}
.game_link{background: url(../images/start.png) no-repeat;width: 234px;height: 77px;position: absolute;left: 50%;margin-left: -117px;bottom: 24px;}
#content{}
#content .inner{}
.tg-nav{padding-top: 50px;padding-left: 8px;}
.tg-nav .nav-item{width: 233px;height: 238px;float: left;background: url(../images/navtop.png) no-repeat;margin-right:15px;}
.tg-nav .nav-item.item1{background-position: 0 0;}
.tg-nav .nav-item.item1.on{background-position: 0 -239px;}
.tg-nav .nav-item.item2{background-position: -246px 0;}
.tg-nav .nav-item.item2.on{background-position: -246px -239px;}
.tg-nav .nav-item.item3{background-position: -490px 0;}
.tg-nav .nav-item.item3.on{background-position: -490px -239px;}
.tg-nav .nav-item.item4{background-position: -738px 0;}
.tg-nav .nav-item.item4.on{background-position: -738px -239px;}
.tg-nav .nav-item a{display: block;height: 100%;}
.tg-info{margin-top: 50px;width: 982px;height: 74px;background: url(../images/bg_server.png);}
.select-box{float: left;margin-left: 28px;margin-right: 26px;margin-top: 22px;}
.select-box .form-control{width: 202px;height: 28px;background-color: #861604;cursor: pointer;overflow: hidden;border: solid 2px #e6391d;color: #ffda96}
.tg-info .select-info{float: left;color: #ffda96;font-size: 14px;margin-top: 23px}
.tg-info .select-info .js_name {width: 90px;height: 24px;}
.tg-info .select-info .js_input {border: none;border-bottom: solid 1px #731a1a;background-color: transparent;color: #ffda96;}
.tg-info .select-info .text_red{color: #fff;margin-right: 10px;}
.tg-eggs{}
.egg-head{text-align: center;padding: 50px 0}
.egg-box{position: relative;}
.egg-list{}
.egg-list .eggitem{float: left;width: 170px;height: 237px;background: url(../images/greyegg.png) no-repeat;margin:0 15px;}
.egg-list .eggitem.egg1{background-position: 0 0;}
.egg-list .eggitem.egg2{background-position: -192px 0;}
.egg-list .eggitem.egg3{background-position: -386px 0;}
.egg-list .eggitem.egg4{background-position: -568px 0;}
.egg-list .eggitem.egg5{background-position: -762px 0;}
.egg-list .eggitem.egg6{background-position: 0 -265px;}
.egg-list .eggitem.egg7{background-position: -192px -265px;}
.egg-list .eggitem.egg8{background-position: -386px -265px;}
.egg-list .eggitem.egg9{background-position: -568px -265px;}
.egg-list .eggitem.egg10{background-position: -762px -265px;}
.egg-list .eggitem.light{background: url(../images/coloregg.png) no-repeat;}
.egg-list .eggitem.light.egg1{background-position: 0 0;}
.egg-list .eggitem.light.egg2{background-position: -192px 0;}
.egg-list .eggitem.light.egg3{background-position: -386px 0;}
.egg-list .eggitem.light.egg4{background-position: -568px 0;}
.egg-list .eggitem.light.egg5{background-position: -762px 0;}
.egg-list .eggitem.light.egg6{background-position: 0 -265px;}
.egg-list .eggitem.light.egg7{background-position: -192px -265px;}
.egg-list .eggitem.light.egg8{background-position: -386px -265px;}
.egg-list .eggitem.light.egg9{background-position: -568px -265px;}
.egg-list .eggitem.light.egg10{background-position: -762px -265px;}
.egg-box a.lightup{background: url(../images/btn_light.png) no-repeat;width: 214px;height: 60px;margin:50px auto;display: block;}
.egg-box p.sign-p{color: #ffda96;position: absolute;right:255px;bottom: 20px;}
.egg-box p.sign-tip{color: #ffda96;position: absolute;left:0;bottom: -35px;width: 100%;text-align: center;}
.gift-box{background: url(../images/bg_gift.jpg) no-repeat;width: 983px;height: 438px;position: relative;overflow: hidden;margin:0 auto;}
.gift_list{position: absolute;left: 30px;top: 30px;width: 520px;height: 383px;z-index: 1;}
.gift_list .gift_item{position: absolute;}
.gift_list .gift_item1{top: 0;left: 0;}
.gift_list .gift_item2{top: 0;left: 50%;margin-left: -80px;}
.gift_list .gift_item3{top: 0;right: 0;}
.gift_list .gift_item4{left: 50%;bottom: 0;margin-left: -180px;}
.gift_list .gift_item5{left: 50%;bottom: 0;margin-left: 20px;}
.gift_right{position: relative;margin:30px 30px 45px 614px;}
.gift_btn{background: url(../images/btn_claim.png) 0 -33px no-repeat;width: 161px;height: 33px;display: block;margin:0 auto;}
.gift_btn.disable{background-position: 0 0;}
.exp_box{margin: 50px auto;}
.exp_box dl:first-child {margin-top: 0;}
.exp_box dl{position: relative;margin-top: 19px;}
.exp_box dt {position: absolute;top: 0;left: 10px;font: 700 14px/14px "MicrosoftYaHei";color: #ffda96;}
.exp_box dd p{line-height: 1.5;}
.exp_box dd {margin-left: 86px;font: 500 14px/14px "MicrosoftYaHei";color: #ffda96;}
.box_body{background: url(../images/bg_gift3.jpg) no-repeat;width: 983px;height: 558px;margin:0 auto;}
.box_body .recruit_tip {font: 500 18px/66px "Arial";color: #b0260f;padding-left: 42px;}
.box_body .gift-list {*zoom: 1;margin-left: -14px;}
.box_body .gift_box4 {width: 426px;height: 220px;font-size:0;}
.box_body .gift_item {position: relative;float: left;margin-bottom: 23px;margin-left: 52px;}
.box_body .gift_btn{margin-top: 10px;}
.box-gift4{background: url(../images/bg_gift4.jpg) no-repeat;}
.box-gift4 .gift_body {margin-top: 17px;position: relative;}
.mod-bd{position: relative;}
.box_wish{width: 983px;height: 558px;}
.mod-bd .wish_page_box {left: 3px;top: 0;width: 550px;position: absolute;}
.mod-bd .wish_page_tit {font-size: 0;margin: 0 auto;margin-top: 26px;margin-bottom: 3px;}
.mod-bd .wish_list {*zoom: 1;margin-top: 22px;}
.wish_tit_1 {background: url(../images/wish_title.png) no-repeat;width: 227px;height: 36px;}
.mod-bd .wish_item {position: relative;float: left;margin-bottom: 22px;margin-left: 20px;}
.wish_page {background: url(../images/wish_box.png) no-repeat;width: 252px;height: 169px;}
.mod-bd .wish_item p {font: 500 14px/24px "Arial";color: #fdfacd;position: absolute;}
.mod-bd .wish_item p.wish_p_1 {top: 15px;left: 21px;color: #fff100;font-size: 18px;}
.mod-bd .wish_item p.wish_p_2 {top: 47px;left: 22px;width: 210px;word-break: break-word;}
.mod-bd .wish_item p.wish_p_3 {bottom: 13px;right: 20px;}
.mod-bd .btn_change_page {top: 216px;left: 560px;font-size: 0;transform: rotateY(0deg);transition: transform 1s ease;}
.btn_change_page{position: absolute;background: url(../images/next.png);width: 96px;height: 96px;}
.mod-bd .wish_text {left: 25px;bottom: 31px;width: 405px;height:39px;background-color: #94210e;position: absolute;}
.mod-bd .wish_text .placeholder {top: 0;left: 10px;font: 500 14px/39px "Arial";color: #fefbce;}
.mod-bd .wish_text .wish_text_con {top: 0;left: 10px;height: 37px;width: 395px;font: 500 14px/39px "Arial";color: #fefbce;border: 0px;background: transparent;position: absolute;outline: none;}
.mod-bd .btn_send_wish {left: 438px;bottom: 30px;font-size: 0;position: absolute;}
.btn_send_wish {background: url(../images/send.png) no-repeat;width: 180px;height: 40px;}
.mod-bd .gift_right {right: 25px;top: 27px;position: absolute;width: 288px;font-size: 0;margin:0;}
.mod-bd .wish_exp {font: 500 14px/18px "Arial";color: #b2260f;top: 482px;left: 690px;width: 250px;position: absolute;}
.gift7{margin:45px auto 20px;display: block;}
.footer{margin:48px 0 0;text-align: center;color: #ccc;background:#000}
.footer img{margin-bottom: 30px;}
.footer a{font-size: 14px;color: #ccc;text-decoration: none;}
.footer a:hover{color: #f9343b;text-decoration: underline;}
.footer p{font-size: 12px;color: #7a7a7a;}
.f-link{margin-bottom: 12px;}
#myModal{width: 696px;margin:0 auto;}
.modal-header{height: 110px;background:url(../images/modal_title.html) no-repeat;text-indent: -888em;}
.modal-content{padding:50px 20px 0;border: 1px solid #f2d706;background: #081d50 url(../images/bg_cm.html) center top;}
.form-group{margin-bottom: 18px;}
.form-group label{color: #fff;font-size: 14px;text-align: right;width: 145px;display: inline-block;font-weight: bold;vertical-align: top;margin-right: 10px;}
.f-tip,.s-tip{color: #f2d706;font-size: 12px;width: 224px;display: inline-block;vertical-align: top;}
.s-tip{display: block;width: auto;margin-left: 160px;margin-top: 5px;}
.form-control{width: 240px;background: #fff;font-size: 14px;border:1px solid #f2d706;padding:6px 4px;}
select.form-control{width: 250px;height: 30px;font-size: 12px;color: #000;}
.note{width: 500px;margin-left: 160px;color: #f2d706;font-size: 14px;}
.checkbox{width: auto;margin-left: 160px;margin-top: 8px;color: #fff;}
.checkbox input[type=checkbox]{margin:0 5px 0 0;padding:0;vertical-align: middle;}
.btn-submit{display: block;width: 288px;height: 100px;background: url(../images/btn_submit.html) no-repeat;margin-left: 167px;margin-top:25px;cursor: pointer;text-indent: -999em;}


/*pop common*/
.pop_modal{position: absolute; z-index: 1100; display: block; left: 480px; top: 54px;}
.pop_wrap.modal{font-family:"Teko",Verdana,Arial,Helvetica,sans-serif;width: 958px; padding-bottom: 50px; border: 1px solid #096c90; background: url("../../images/png56.png"); display: none;margin-left:-479px;}
.pop_wrap .title{color:#00aeea;font-size:46px;text-align: center;text-transform:uppercase; padding: 40px 0 30px;}
.pop_wrap .close{background: url("../../images/btn_close.png") no-repeat; width: 83px; height: 67px; position: absolute; right: -83px; top: -1px;}
.pop_wrap img {display:block; margin: 0 auto;}
/*selectserver*/
.server{padding: 0 64px; overflow: hidden;}
.server_history{margin-top:38px; background: url("../../images/s_t_bg.png") no-repeat;}
.server ol{width: 858px;}
.server ol li{margin: 0 28px 24px 0; float: left; position:relative; height: 58px; width: 258px; overflow: hidden;}
.server ol li a{color: #f6fafd; font-size:14px; display: block; padding-left: 35px; line-height: 56px; border: 1px solid #088a39; border-radius: 8px;}
.server ol li.status01 a:hover, .server ol li.status02 a:hover{border-color: #00aeea; background: #468bb2;}
.server ol li.status03 a, .server_status li.status03{cursor: default; border-color: #262828; background: #8a8e92; color: #3c4b4f;}
.status01 span,.status02 span,.status03 span{width: 11px;height: 11px;position:absolute;top: 23px;left: 13px;background: url("../../images/icon_status.png") no-repeat;}
.status02 span{background-position: 0 -11px;}
.status03 span{background-position: 0 -22px;}
.server ol li em,.server_status li em{background: url("../../images/icon_role.png") no-repeat; width: 35px; height: 27px; position: absolute; top: 16px; right: 15px;}
.server ol li.status03 em{background-position: -35px 0;}
.server h3{color: #03ff68;font-size:26px;line-height:64px; text-transform: uppercase;}
.server_status{padding-top: 40px; text-align: center; font-size: 0; background: url("../../images/s_t_bg.png") no-repeat 0 16px;}
.server_status li{display: inline-block; *display: inline; *zoom:1; margin: 0 10px; padding: 0 20px 0 40px; height: 40px; line-height: 40px; color: #f9fcfd; font-size: 18px; text-transform: uppercase; border: 1px solid #088a39; border-radius: 6px; position: relative;}
.server_status li.created{padding-left: 64px;}
.server_status li em{top: 7px; left: 20px;}
.server_status li span{top: 15px; left: 20px;}
#BOX_overlay{ position: fixed; z-index: 1009; top: 0px; left: 0px; background-color:#000; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width:100%;height:100%}