@charset "utf-8";
input,button,select,textarea{outline:none}
/*顶部通栏*/
.topbox{ width:100%;  background:url(../../../images/official/common/topbox_bg.gif) 0 0 repeat-x;}
.top{ width:980px; margin:0 auto;padding-top:7px; height:29px; position:relative; }
.topleft{min-width:162px; float:left;}
/*.top_center{ position:absolute; left:206px;top:0px; max-width:450px; height:35px; line-height:35px; font-size:12px; font-family:corbel,Helvetica,Arial,Helvetica,sans-serif; color:#6A6A6A}*/
.top_center{float:left;  margin-left:10px; height: 26px;line-height: 26px; max-width:450px; font-size:12px; font-family:corbel,Helvetica,Arial,Helvetica,sans-serif; color:#6A6A6A }
.top_downLoad{ width:126px; float:left; float:left; margin-left:10px; height: 26px;}


.all_hover{z-index:1;position:relative;display: block; background-color: #045b57; }
.topleft a.all{cursor:default;color:#6a6a6a;float:left; width:85px; height:29px; line-height:29px; background:url(../../../images/official/common/all_game.png) 0 5px no-repeat; padding-left:30px; z-index:15; }
.topleft a.all:hover{ text-decoration:none;}
.topleft a.hover{color: #c7c7c7}
.topleft a:hover{ text-decoration:underline;}
.topright .user_info{ float:right; padding-left:25px; color:#6a6a6a; position:relative;z-index:9; margin-right:75px; }
.topright .user_info img{ float:left;}
.topright .user_info span{ margin:0 5px;}
.toplogos{ width:90px; display:block;}
.toplogos li{ display:block; float:left;}
.toplogos a{ float:left; width:22px; height:22px; overflow:hidden; margin-left:5px; display:inline;}
.toplogos a.ad_facebook_btn{ background:url(../../../images/official/common/topbox_logo.gif) -10px -7px no-repeat;}
.toplogos a.ad_facebook_btn:hover{ background:url(../../../images/official/common/topbox_logo.gif) -10px -40px no-repeat;}
.toplogos a.ad_google_btn{ background:url(../../../images/official/common/topbox_logo.gif) -37px -7px no-repeat;}
.toplogos a.ad_google_btn:hover{ background:url(../../../images/official/common/topbox_logo.gif) -37px -40px no-repeat;}
.toplogos a.ad_twitter_btn{ background:url(../../../images/official/common/topbox_logo.gif) -65px -7px no-repeat;}
.toplogos a.ad_twitter_btn:hover{ background:url(../../../images/official/common/topbox_logo.gif) -65px -40px no-repeat;}
.toplogos a.logo4{ background:url(../../../images/official/common/topbox_logo.gif) -92px -7px no-repeat;}
.toplogos a.logo4:hover{ background:url(../../../images/official/common/topbox_logo.gif) -92px -40px no-repeat;}
.sign_dialog .toplogos{ float:left;}

.all_game{ width:160px; background:#242424; position:absolute; left:-10px;  top:-6px; z-index:-10;  border:1px solid #535353; border-bottom:none; }
.all_game li{ display:block; height:33px; line-height:33px; border-bottom:1px solid #535353;}
.all_game li a{ display:block; height:38px; line-height:38px; color:#c7c7c7; padding-left:35px;}
.all_game li a.game_1333682350{ background:url(../../../images/official/common/icon_naruto.png) 12px 8px no-repeat;}
.all_game li a.game_1333682360{ background:url(../../../images/official/common/icon_gundam.png) 12px 8px no-repeat;}

.topright .toplogos{ float:right;}
.topright .user_info .logout{ display:none; width:160px; background:#242424; position:absolute; left:15px;  top:-6px; z-index:-1; border:1px solid #535353; }
.topright .user_info .logout li{ display:block; height:33px; line-height:33px; border-bottom:1px solid #535353;}
.topright .user_info .logout li a{ display:block; height:38px; line-height:38px; color:#c7c7c7; padding-left:35px;}
.topright .user_info .logout li a.user_infobg1{ background:url(../../../images/official/common/uesr_info_bg.png) 10px 8px no-repeat;}
.topright .user_info .logout li a.user_infobg2{ background:url(../../../images/official/common/uesr_info_bg.png) 10px -26px no-repeat;}
.topright .user_info .logout li a:hover{ display:block; text-decoration:underline;color:#c7c7c7;}

.signbox{ float:right; display:block;}
.signbox a{ display:block; float:left; margin:0 5px; padding:0 5px;}
.signbox a:hover{ text-decoration:underline;}
.signline{}

/******遮罩样式******/
#mask, #maskfoot{ background: black; opacity: 0.6; filter:Alpha(opacity=50); position: absolute; left: 0; top: 0; z-index: 9;}

/****footer 协议****/
#box , #box1{ width:1000px; height:600px; border:2px solid #cecccc; background:#fff; z-index:11; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-300px;display:none;}
#paymentHistory{ width:1000px; border:2px solid #000; background:#fff; z-index:2; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-300px;display:none;}`

#paymentHistory #closePaymentHistory, #box #close ,#box1 #close1  { position: absolute; right: 20px; top: 10px; width:35px; height:35px; line-height:35px; text-align:center; background:#CCC ;text-decoration: none; color: #353434; font-weight:bold; font-size:22px; cursor:pointer;}
#paymentHistory #title, #box #title, #box1 #title{position: absolute;  left: 0px; top:0px; width:1000px; height:50px; line-height:50px; font-size:20px; color: #222; text-align:center; background:#F9F9F9; font-family:Arial,Helvetica,sans-serif; font-weight:bold; }
#box #content , #box1 #content{position: absolute; left: 0px; top:50px; height:490px; padding:30px; overflow:auto; *overflow-y:auto; background:#F9F9F9}
#paymentHistory #paymentHistoryContent{position: absolute; left: 0px; top:50px; height:490px;  overflow:auto; *overflow-y:auto; background:#fff;}

#box #content p, #box1 #content p{ color: #333333;font-size: 14px;line-height: 20px; margin-top: 10px; font-family:Arial,Helvetica,sans-serif;}
#box #content .red, #box1 #content .red{ color:#C14925; font-weight:bold}
/**加载提示图片样式**/
.loadingImage{ height:180px; background:url(../../../images/official/common/joyfun_loading.gif) center center no-repeat; }
.hiddenBox{width: 0px; height: 0px;}

#tip_box{display:none;width:100%; height:120px; line-height:120px; color:#ffffff; font-size:32px; font-weight:bolder;  position:absolute; left:0; top:0px;opacity:0.9;filter:alpha(opacity:90);z-index: 10000}

#tip_box.error{background:#c50606;}
#tip_box.success{background:#0d53d6;}
#tip_box.loading{background:#0b0b0b;}
#tip_box a{ display:block; width:43px; height:52px; background:url(../../../images/official/common/close2.png) 0 0 no-repeat; float:right; position:absolute; right:20px; top:30px; cursor:pointer;}
#tip_box span{ color: #FFFFFF; display:block; padding:0 15px;  position:absolute; left:30px; top:0px;}

.newscon_info h3 a.Activities{color:#2f800c}
.newscon_info h3 a.Events{color:#1c94c4}
.newscon_info h3 a.News{color:#155bbb}
.newscon_info h3 a.Notices{color:#a52730}
.newscon_info h3 a.Hot{color:#eb6100}

/*忘记密码 找回密码部分
.forget_password{ z-index:15; width:840px; border:1px solid #666; height:630px; position:absolute; left:0; top:0; background:#141414;display: block;}
.forget_password b{ cursor:pointer; width:41px; height:45px; position:absolute; right:10px; top:10px; background:url(../../../images/official/naruto/forget_close.gif) 0 0 no-repeat; }
.forget_left{ background:#fff; float:left; width:270px; padding-right:30px; height:585px; padding-top:45px;}
.forget_left li{ display:block; text-align:right; font-size:16px; height:30px; line-height:30px;width:270px; cursor:pointer;}
.forget_left li.red{ color:red;}
.forget_right{ width:540px; float:right; }
.forget_right h2{ margin-top:20px; height:100px; line-height:100px; font-size:25px; color:#fff ; padding-left:40px; }
.forget_right p{ padding-left:40px; width:360px; color:#fff; font-size:14px; line-height:26px;}
.forget_right p strong{ font-size:18px; font-weight:bolder;}
.forget_right input{margin-left:40px; padding-left:4px; width:360px; height:32px; line-height:32px;  }
.forget_right div a{ margin-left:40px; margin-top:25px; display:inline-block; width:160px; height:40px;font-size:16px; font-weight:bolder; line-height:40px; background:#3867c0; color:#fff;  text-align:center;}*/

/*忘记密码 找回密码部分*/
.forget_password{ z-index:15; width:840px; border:1px solid #666; height:630px; position:absolute; left:0; top:0; background:#141414;display: block;}
.forget_password b.close{ cursor:pointer; width:41px; height:45px; position:absolute; right:10px; top:10px; background:url(../../../images/official/naruto/forget_close.gif) 0 0 no-repeat; }
.forget_left{ background:#fff; float:left; width:180px; padding-right:10px; height:585px; padding-top:45px;}
.forget_left li{ display:block; text-align:right; font-size:16px; height:30px; line-height:30px;width:180px; cursor:pointer;}
.forget_left li.red{ color:red;}
.forget_right{ width:650px; float:right; }
.forget_right h2{ margin-top:20px; height:100px; line-height:100px; font-size:25px; color:#fff ; padding-left:40px; }
.forget_right p{ padding-left:40px; width:360px; color:#fff; font-size:14px; line-height:26px;}
.forget_right p strong{ font-size:18px; font-weight:bolder;}
.forget_right input.width360{margin-left:40px; padding-left:4px; width:360px; height:32px; line-height:32px;  }
.forget_right div a.passwBtn{ margin-left:40px; margin-top:25px; display:inline-block; width:160px; height:40px;font-size:16px; font-weight:bolder; line-height:40px; background:#3867c0; color:#fff;  text-align:center;}
/*add 20150310*/
.OrderTbale{ width:612px; margin:10px auto 0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.OrderTbale .noDate{ text-align:center; color:red; font-size:16px; margin:50px 0;}
.OrderTip{ width:460px; height:40px; line-height:40px; color:#ff0000; padding:0 20px; overflow:hidden;}
.OrderSearchB{ height:30px; margin-bottom:15px;}
.OrderBtn{ padding:5px 10px; color:#fff; text-decoration:none;}
.OrderBtn:hover{ color:#fff;}
.OrderText{ border:none; border:1px solid #535353; height:24px; padding-left:5px; width:130px; color:#000;}
.OrderWrap{width:612px; border-top:1px solid #535353; border-bottom:1px solid #535353; }
.OrderList{ border-left:1px solid #535353;width:610px; border-right:1px solid #535353;}
.OrderList li{ display:block; height:32px; line-height:32px;/*border-bottom:1px solid #535353;*/  color:#aaa }

.OrderList li span{ display:inline-block; padding:0 2px 0 3px}
.OrderList li span b.fsColor{ color:#fff;}
.OrderList li span b{ margin-right:5px; color:#aaa;}
.borderRight{/*border-right:1px solid #535353;*/}
.borderRightB{border-right:1px solid #000;}
.bgColor{ background:#313131 ;}
.btnColorB{ background:#3867bf;}
.btnColorY{ background:#eb6100;}
.btnColorC{ background:#7a7a7a;}

.bgcolor31{ background:#626262;}
span.fsColor{ color:#fff;}
.width390{ width:390px;}
.width200{ width:200px;}
.width195{ width:195px;}
.width265{ width:265px;}
.width115{ width:115px;}
.fenyeOrder{ width:610px;}
.fenyeOrder ul{ padding:0 10px; height:30px; margin:5px auto 0; float:right;}
.fenyeOrder ul li{ cursor:pointer; display:inline-block; float:left; margin:0 2px; height:10px; line-height:10px; text-align:center; padding:1px 3px; font-size:10px; color:#fff; }
.fenyeOrder ul li.active{ background:#eb6100; padding:1px 3px; }
.fenyeOrder ul li.prev{ width:40px;color:#fff;}
.fenyeOrder ul li.next{width:40px;color:#fff;}

/*add 20150310*/



/*************footer***********/


.footer{ margin:0 auto; width:980px; height:250px; position:relative; }
.footer dl{ float:left; width:215px; padding-left:30px;}
.footer dl dt{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#fff; height:40px; line-height:36px; position:relative;}
.footer dl dt span{ display:block; position:absolute; width:32px; height:25px; left:-33px; top:7px;}
.footer dl dt .dlbg1{  background:url(../../../images/official/common/footer_dlbg.png) -5px -10px no-repeat}
.footer dl dt .dlbg2{  background:url(../../../images/official/common/footer_dlbg.png) -40px -7px no-repeat}
.footer dl dt .dlbg3{ background:url(../../../images/official/common/footer_dlbg.png) -73px -10px no-repeat}
.footer dl dt .dlbg4{ background:url(../../../images/official/common/footer_dlbg.png) -104px -4px no-repeat}
.footer dl dd a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; height:22px; line-height:22px;}
.footer dl dd a:hover{ text-decoration:underline;}
.footer_logo{ position:absolute; right:0px; bottom:60px;}
.footer_logo p {
    color: #7d7d7d;
    font-size: 11px;
	text-align:right;
}

/*玩游戏页面*/
.play_game_center{ width:100%; background:#000;}
.play_footer{ width:100%; min-width:1280px; height:38px; position:absolute; left:0px;display:none;background:url(../../../images/official/common/play_footerbg.gif) 0 0 repeat-x; }
.play_footer_leftside{position:absolute;  float:left; width:510px; height:39px; background:url(../../../images/official/common/play_footerbgside.png) 0 0 no-repeat; padding-left:13px; z-index:0;}
.play_footer_leftside ul li{ display:block; float:left; width:112px; height:39px;}
.play_footer_leftside ul li a{ display:block; float:left; width:112px; height:39px; line-height:39px; margin-right:1px; display:inline; }
.play_footer_scroll{overflow:hidden;height:38px;}
.play_footer_leftside ul li a.news:hover{ background:url(../../../images/official/common/play_footer_leftside_n.png) 0 0 no-repeat;}
.play_footer_leftside ul li a.guides:hover{ background:url(../../../images/official/common/play_footer_leftside_g.png) 0 0 no-repeat;}
.play_footer_leftside ul li a.support:hover{ background:url(../../../images/official/common/play_footer_leftside_s.png) 0 0 no-repeat;}
.play_footer_leftside ul li a.recharge:hover{ background:url(../../../images/official/common/play_footer_leftside_r.png) 0 0 no-repeat;}
.play_footer_news{  width:280px; height:27px; margin:0 auto; padding-top:3px; }
.play_footer_news ul{width:280px;}
.play_footer_news ul li a{ display:block;width:270px; height:28px; padding-left:10px;line-height:28px; overflow:hidden; color:#000;}
.play_footer_news ul li a:hover{ text-decoration:underline;}


.cont{display:none; position:absolute;  left:15px; width:212px; height:210px;  top:-210px; background:url(../../../images/official/common/new_titlebg1.gif) 0 0 no-repeat; }
.new_title{width:213px; height:40px; position:relative;}
.new_title h2{ line-height:30px; padding-left:20px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bolder; color:#000; }
.new_title a{ background:url(../../../images/official/common/play_close_hover.gif) 0px -34px no-repeat; width:34px; height:34px; position:absolute; right:4px; top:1px;}
.new_title a:hover{ background:url(../../../images/official/common/play_close_hover.gif) 0px 0px no-repeat; width:34px; height:34px; position:absolute; right:4px; top:1px;}
.play_footer_newsbox{ float:left; width:300px; padding-left:15px;}
#divo {width: 6px; height: 150px; background:url(../../../images/official/common/scrollbg.png) 0px 0 no-repeat; position: absolute; right: 5px; top: 47px;}
#divt { width: 6px; height: 29px; background:url(../../../images/official/common/scrollbg2.png) 0px 0 no-repeat; position: absolute; right: 0px; top:0px;}
#divs{ width:160px; padding:10px 15px; height:140px; position:absolute; overflow:hidden; left: 0px; top: 40px;}
#divf{ position:absolute;  top:0px; left:0px; }

#divf ul li a{ display:block;width:170px;padding:5px 5px; margin-left:10px;  height:20px; line-height:20px; border-bottom:1px dashed #c9c9c9; color:#757575;}
.bx_container{ width:280px; margin:0 auto; position:relative;}
.froum_btn{ background:url(../../../images/official/common/forum_btn.gif) 0 0 no-repeat; width:70px; height:36px; position:absolute; right:50px; top:3px; *top:3px;}

/*玩游戏新闻滚动*/
#demo{overflow:hidden;height:20px; line-height:20px;width:260px;margin-top:5px; background:url(../../../images/official/common/play_footer_news.gif) 0px 5px no-repeat;  }
#demo1 {height:auto;text-align:left; }
#demo2 {height:auto;text-align:left;}
#demo1 li {list-style-type:none;height:26px;text-align:left;text-indent:15px;}
#demo2 li {list-style-type:none;height:26px;text-align:left;text-indent:15px;}
