@charset "utf-8";
/* CSS Document */
*html{background-image:url(img/blank.gif);  background-attachment:fixed; } 
*{ padding:0; margin:0;}
.top{ width:100%; height:29px; background:url(img/topBar.gif) repeat-x center 0; }
.topbar{ width:1000px; height:29px; line-height:29px; margin:0 auto; position:relative;}
.topbar ul.t1{ float:left;}
.topbar ul.t2{ float:right; padding-right:130px;}
.topbar ul li{ display:inline-block; *display:inline; *zoom:1; float:left; height:29px; line-height:29px; vertical-align:middle; *padding-left:8px; overflow:hidden;}
.topbar ul li.addUs,.topbar ul li.game{*padding-left:0px;}
.topbar ul.t1 li{ background:url(img/sline.gif) no-repeat right center; padding-left:9px; }
.topbar ul li a{ display:inline-block;  *display:inline; *zoom:1; height:29px; line-height:29px;  padding:0 8px 0 20px; vertical-align:middle;}
.topbar ul.t2 li a{ display:inline-block;  *display:inline; *zoom:1; height:29px; line-height:29px;  padding:0 8px 0 20px; vertical-align:middle;}
.topbar ul.t1 li.quikWay{ background:none;}
.topbar ul.t1 li.online_id{ background:none;line-height:29px;  padding:0 8px 0 20px; vertical-align:middle; color:#FF0000}
.topbar ul.t2 div{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;  height:29px; line-height:29px;}
.topbar ul li a{ background-image:url(img/icoff.gif); background-repeat:no-repeat;}
.topbar ul li a:hover{ background-image:url(img/icon.gif);}
.topbar ul li.addUs a{ background-position:0 -2px;}
.topbar ul li.setHome a{ background-position:0 -32px;}
.topbar ul li.aboutUs a{ background-position:0 -63px; padding-left:25px;}
.topbar ul li.quikWay a{ background-position:0 -96px;}
.topbar ul li.game a{ background-position:0 -132px; padding-left:25px;}
.topbar ul li.cs a{background:url(img/icon.gif) no-repeat 0 -165px;}
.topbar ul li.cs a:link,.topbar ul li.cs a:visited{color:#fa9217; text-decoration:none;}
.topbar ul li.cs a:hover{background:url(img/cson.gif) no-repeat 0 -165px; color:#ec741d; text-decoration:none;}

.topbar ul li.pay a{ background-position:0 -198px;}
.topbar ul li a{ color:#9c9c9c; text-decoration:none;}
.topbar ul li a:link,.topbar ul li a:visited{ color:#9c9c9c; text-decoration:none;}
.topbar ul li a:hover{ color:#fa9217; text-decoration:none;}

.topbar .unLogin,.topbar .aLogin{ position:absolute; width:127px; height:19px; top:1px; right:0;}
.topbar .unLogin a{ float:left; width:50px;  height:19px; cursor:pointer; background-image:url(img/lbtnoff.gif); background-repeat:no-repeat;  text-indent:-999em; overflow:hidden; margin-top:4px;}
.topbar .unLogin a:hover{ background-image:url(img/lbtnon.gif);}
.topbar .unLogin a.lbtn{ background-position:0 0; width:59px; }
.topbar .unLogin a.rbtn{ background-position:-59px 0; margin-left:0; width:50px;}


.topbar .aLogin{ position:absolute; width:127px;  top:0; _top:-1px; right:0; z-index:998;}
.secBox{border:1px solid #e6e6e6;  border-top:0;}
.topbar .aLogin strong{ display:block; height:28px; cursor:pointer;}
.topbar .aLogin strong.off{ background-image:url(img/xloff.gif); }
.topbar .aLogin strong.on{ background-image:url(img/xlon.gif); }
.topbar .aLogin strong var,.topbar .aLogin strong em{ display:inline-block; *display:inline; *zoom:1; height:28px; _height:24px;}
.topbar .aLogin strong var img{ display:inline-block; width:23px; height:23px; border:0; vertical-align:middle; margin:-5px 1px 0 3px; *margin:2px 1px 0 3px; _margin-top:0px;}
.topbar .aLogin strong em{ display:inline-block; *display:inline; *zoom:1;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#145e86; width:66px; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.topbar .aLogin .secBox .ucSec{ display:none;}
.topbar .aLogin .selectBox .ucSec{ display:none0;}
.topbar .aLogin .ucSec span{ display:block; height:32px; overflow:hidden;}
.topbar .aLogin .ucSec span a{ display:block; height:31px; line-height:31px; _height:28px; _padding-top:3px; background:#f2f8fb; border-bottom:1px solid #fff; color:#666;overflow:hidden; white-space:nowrap;}
.topbar .aLogin .ucSec span a:link,.topbar .aLogin .ucSec span a:visited{color:#666; text-decoration:none; }
.topbar .aLogin .ucSec span a:hover{ background:#cfe9ff; border-bottom:1px solid #fff; color:#3898d8;}
.topbar .aLogin .ucSec span var{ display:inline-block; *display:inline; *zoom:1; width:23px; height:23px; overflow:hidden; background-image:url(img/ucicon.gif); background-repeat:no-repeat; vertical-align:middle; margin:0 7px 0 3px;}
.topbar .aLogin .ucSec span.u1 var{ background-position:0 0;}
.topbar .aLogin .ucSec span.u4 var{ background-position:0 -32px;}
.topbar .aLogin .ucSec span.u2 var{ background-position:0 -64px;}
.topbar .aLogin .ucSec span.u3 var{ background-position:0 -96px;}




.bg01{width:100%; }
.sbg01{ width:100%;}

.wrap{width:1000px;margin:0 auto;}
.swrap{width:1000px;margin:0 auto;}
.rbg01{ background: url(img/rbg01.gif) no-repeat center 0;}
.rwrap{width:1000px;margin:0 auto;background:url(img/rwrapBg.jpg) no-repeat center 0; position:relative;}

.logo{ float:left; width:255px; height:96px; }
.logo a{ display:block; width:255px; height:96px; background:url(img/blank.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer;}
.swf{ float:right; width:706px; height:96px; overflow:hidden; z-index:1;}


/*.nav{ clear:both; width:1000px; margin:0 auto; height:44px; overflow:hidden;}
.nav ul li a{ float:left; width:106px; height:44px; overflow:hidden; cursor:pointer; text-indent:-999em; background-image:url(nnimg/navOff.gif); margin-left:12px;}
.nav ul li a:hover,.nav ul li a.current{background-image:url(nnimg/navOn.gif);}
.nav ul li a.a1{ background-position:-40px 0; margin-left:31px;}
.nav ul li a.a2{ background-position:-270px 0; }
.nav ul li a.a3{ background-position:-560px 0; margin-left:13px;}
.nav ul li a.a4{ background-position:-845px 0;}*/
.nav{ clear:both; width:1000px; margin:0 auto; height:50px; overflow:hidden;}
.nav ul li a{float:left; width:168px; height:50px; overflow:hidden; cursor:pointer;text-indent:-999em;background-color: #63b7ff;color: #fff;  }
.nav ul li a:hover,.nav ul li a.current{background-color: #99c6ff;}
.nav ul li a.a1{ background-image:url(nnimg/btnOff1.jpg); margin-left:0px;}
.nav ul li a.a1:hover{ background-image:url(nnimg/btnOn1.jpg); margin-left:0px;}
.nav ul li a.a2{ background-image:url(nnimg/btnOff2.jpg); margin-left:30px;}
.nav ul li a.a2:hover{ background-image:url(nnimg/btnOn2.jpg); margin-left:30px;}
.nav ul li a.a3{ background-image:url(nnimg/btnOff3.jpg); margin-left:30px;}
.nav ul li a.a3:hover{ background-image:url(nnimg/btnOn3.jpg); margin-left:30px;}
.nav ul li a.a4{ background-image:url(nnimg/btnOff4.jpg); margin-left:30px;}
.nav ul li a.a4:hover{ background-image:url(nnimg/btnOn4.jpg); margin-left:30px;}
/*.nav ul li a.a5{ background-position:-504px 0; margin-left:13px;}
.nav ul li a.a6{ background-position:-623px 0; margin-left:13px;}
.nav ul li a.a7{ background-position:-742px 0;}
.nav ul li a.a8{ background-position:-865px 0; margin-left:17px;}

#footer {clear:both; width:100%; background:url(img/fBg.gif) repeat-x; height:77px; padding-top:10px;}
#footer p {color:#8bcdff; line-height:18px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#footer p a{color:#8bcdff; text-decoration:none;}
#footer p.biaoshi a{width:160px;height:43px;line-height:43px;display:block;margin:0 auto;}
#footer p.biaoshi a img{width:35px;height:43px; vertical-align:middle;}
#footer p a:hover{color:#fa9217; text-decoration:underline;}*/
	
.friendlink{ background:url(img/friend.gif) no-repeat 0 0; width:1000px; height:86px; margin:10px auto; overflow:hidden; line-height:45px;}
.friendlink .c{ margin:0 28px 0 50px;}
.friendlink .c ul{ height:45px; margin:20px auto 0;}
.friendlink .c ul li{ height:45px; line-height:22px; overflow:hidden; color:#666;}
.friendlink .c ul li a{ padding-right:9px; color:#fff; white-space:nowrap;}
.friendlink .c ul li a:link,.friendlink .c ul li a:visited{ padding-right:5px; color:#666; text-decoration:none;}
.friendlink .c ul li a:hover{ color:#fa9217; text-decoration:underline;}


/*--- 最近玩过游戏 ---*/
.latelyPlay{width:174px;position:fixed;top:160px;right:10px;}
*html .latelyPlay{position:absolute;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||220)-(parseInt(this.currentStyle.marginBottom,10)||0)))} 

.latelyPlay h3{width:174px;height:31px;background:url(img/laterlyT.png) no-repeat;position:relative;}
.latelyPlay h3 a{width:119px;height:31px;line-height:31px;padding-left:55px; color:#FFF;font-size:14px;display:block; text-indent:-999em; cursor:pointer; background:url(img/blank.gif) no-repeat 0 0;}
.latelyPlay h3 a:hover{color:#FFF;}
.latelyList{width:174px;margin:0 auto;}
.latelyList ul{}
.latelyList ul li{width:174px;margin:0 auto;}
.latelyList ul li a{width:150px;height:32px;line-height:32px;display:block; color:#666; white-space:nowrap;overflow:hidden;padding-left:24px;background:url(img/liBg.gif) no-repeat center 0;}
.latelyList ul li a:link,.latelyList ul li a:visited{ color:#666; text-decoration:none;}
.latelyList ul li a:hover{color:#fa9217; text-decoration:none; background:url(img/liBg.gif) no-repeat center -31px;}
.latelyList ul li.noPlay{width:172px;height:50px;padding-top:15px;border-left:1px solid #c8f3fe;border-right:1px solid #c8f3fe;border-bottom:1px solid #c8f3fe;background-color:#f0f7ff; text-align:center;}
.latelyList ul li.noPlay a{width:138px;padding-left:0;margin:0 auto; background:none; text-align:center;}
#bwdh{width:138px; height:95px; position:fixed; left:42px; bottom:0; background:url(img/7711.gif) no-repeat; display:block; z-index:997;}
#bwdh a{width:138px; height:95px; display:block;}
#bwdh-close{width:20px;height:20px; right:0; position:absolute; display:block; cursor:pointer; background:url(/images/blank.gif) no-repeat;}
#bwdh-close a{width:20px; height:20px; display:block;}
     
#rb{ position: fixed; bottom:0px; right:0; width:270px; height:230px;  _position:absolute; }
#rb div{position:relative;}
#rb .close{position:absolute;top:0; right:5px;display:block;width:40px; height:20px;text-indent:-999em; overflow:hidden;background-image:url(img/blank.gif);}



/*20160513*/

/* input */
.ui-inputText{ height:30px; line-height:30px; border:1px solid #D2D2D2; background:url(/templates/ali/style/image/style.gif?v=3) 0 -170px; padding:0 3px; color:#C0C0C0; font-size:14px; }
.ui-inputText-focus{ border:1px solid #F60; color:#777; }
.ui-inputCheck{ float:left; display:inline; margin:4px 5px 0 1px; *margin:-1px 5px 0 1px; }
.ui-submit{ position:absolute; width:0; height:0; font-size:0; line-height:0; left:-10px; top:-10px; }

/* layout */
#container{ width:100%; }
#content{ width:100%; }
.body{ width:980px; margin:0 auto; }

/* style.gif */
.header-logo , .header-menu .act , .header-login , .header-login-body , .ui-button a , .ui-button a span , ui-inputText , .ui-alert-icon ,.ui-tips-icon , .index-main-news-list-page a{ background-image:url(/templates/ali/style/image/style.gif);}

/* head */
#header{ width:100%; height:90px; background:url(/templates/ali/style/image/head_line.jpg) center bottom no-repeat; }
.header{ width:980px; height:83px; margin:0 auto; position:relative; }
.header-logo{ width:103px; height:83px; float:left; background-position:0 -416px; }
.header-menu{ width:600px; float:left; padding-top:35px; }
.header-menu li{ width:125px; height:40px; float:left; display:inline; margin:0 10px; font-size:16px; line-height:26px; font-family:"微软雅黑"; text-align:center; }
.header-menu li.zx{position:relative;}
.new_ico{position:absolute; top:-5px; right:-12px;}
.header-menu li a{ color:#4E4E4E; }
.header-menu li a:hover{ color:#EF4908; text-decoration:none; }
.header-menu .bb li{ width:70px; }
.header-menu .act{ background:url(/templates/ali/style/image/nav_bar.gif) center bottom no-repeat; }
.header-menu .act a{ color:#EF4908; }

/*base buttons*/
/* button */
.ui-button { float:left; position:relative; overflow:hidden; }
.ui-button a{ width:auto; display:block; float:left; cursor:pointer; }
.ui-button a span{ color:#FFF; float:left; }
.ui-button a:hover{ text-decoration:none;}
.ui-button1 a{ background-position:0 0; padding-left:19px; }
.ui-button1 a span{ min-width:60px; text-align:center; height:35px; line-height:35px; font-weight:bold; font-size:14px; background-position:100% 0; padding-right:19px; }
.ui-button1 a:hover{ background-position:0 -35px; }
.ui-button1 a:hover span{ background-position:100% -35px; }
.ui-button1 a:active{ background-position:0 -70px; }
.ui-button1 a:active span{ background-position:100% -70px; }
.ui-button1-disable a{ background-position:0 -105px; }
.ui-button1-disable a:hover{ background-position:0 -105px; }
.ui-button1-disable a:active{ background-position:0 -105px; }
.ui-button1-disable a span{ background-position:100% -105px; }
.ui-button1-disable a:hover span{ background-position:100% -105px; }
.ui-button1-disable a:active span{ background-position:100% -105px; }

.ui-button2 a{ background-position:0 -500px; padding-left:20px; }
.ui-button2 a span{ height:28px; line-height:28px; font-size:12px; background-position:100% -500px; padding-right:20px; }
.ui-button2 a:hover{ background-position:0 -528px; }
.ui-button2 a:hover span{ background-position:100% -528px; }
.ui-button2 a:active{ background-position:0 -556px; }
.ui-button2 a:active span{ background-position:100% -556px; }

.ui-button3 a{ background-position:0 -584px; padding-left:10px; }
.ui-button3 a span{ height:25px; line-height:25px; font-size:12px; background-position:100% -584px; padding-right:10px; }
.ui-button3 a:hover{ background-position:0 -609px; }
.ui-button3 a:hover span{ background-position:100% -609px; }
.ui-button3 a:active{ background-position:0 -634px; }
.ui-button3 a:active span{ background-position:100% -634px; }

.ui-button4 a{ background-position:0 -659px; padding-left:10px; }
.ui-button4 a span{ height:25px; line-height:25px; font-size:12px; background-position:100% -659px; padding-right:10px; color:#5F3D2B; }
.ui-button4 a:hover{ background-position:0 -684px; }
.ui-button4 a:hover span{ background-position:100% -684px; }
.ui-button4 a:active{ background-position:0 -709px; }
.ui-button4 a:active span{ background-position:100% -709px; }

.ui-button4 a{ background-position:0 -659px; padding-left:10px; }
.ui-button4 a span{ height:25px; line-height:25px; font-size:12px; background-position:100% -659px; padding-right:10px; color:#5F3D2B; }
.ui-button4 a:hover{ background-position:0 -684px; }
.ui-button4 a:hover span{ background-position:100% -684px; }
.ui-button4 a:active{ background-position:0 -709px; }
.ui-button4 a:active span{ background-position:100% -709px; }

.ui-button5 a{ background-position:0 -252px; padding-left:8px; }
.ui-button5 a span{ height:23px; line-height:23px; font-size:12px; background-position:100% -252px; padding-right:8px; color:#000; }
.ui-button5 a:hover{ background-position:0 -252px; }
.ui-button5 a:hover span{ background-position:100% -252px; }
.ui-button5-disable a{ background-position:0 -275px; }
.ui-button5-disable a:hover{ background-position:0 -275px; }
.ui-button5-disable a span{ background-position:100% -275px; color:#ACACAC; }
.ui-button5-disable a:hover span{ background-position:100% -275px; }

.ui-button6 a{ background:url(/templates/ali/style/image/patch.gif) 0 0; padding-left:19px; color:#F35709; }
.ui-button6 a span{ min-width:60px; text-align:center; height:35px; line-height:35px; font-weight:bold; font-size:14px;  background:url(/templates/ali/style/image/patch.gif) 100% 0; padding-right:19px; color:#F35709; }
.ui-button6 a:hover{ background-position:0 -35px; color:#F35709; }
.ui-button6 a:hover span{ background-position:100% -35px; color:#F35709; }
.ui-button6 a:active{ background-position:0 -70px; }
.ui-button6 a:active span{ background-position:100% -70px; }

.ui-button7 a{ width:66px; height:23px; text-align:center; line-height:23px; background-position:100% -195px; color:#886422; font-size:12px; }
.ui-button7 a:hover{ color:#463006; }
/* position */
.mt3{ margin-top:3px; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt32{ margin-top:32px; }
.ml2{ margin-left:2px; display:inline; }
.mr2{ margin-right:2px; display:inline; }
.ml4{ margin-left:4px; display:inline; }
.ml8{ margin-left:8px; display:inline; }

.pt20{ padding-top:20px; }
.pl15{ padding-left:15px; }
.pl26{ padding-left:26px; }
.pl30{ padding-left:30px; }
.pl40{ padding-left:40px; }

.w60{ width:60px; }
.w68{ width:68px; }
.w80{ width:80px; }

/* 3rd party-icon */
.icon-3rd{ display:inline-block; cursor:pointer; }

/* footer */
#footer{ width:100%; height:140px; border-top:1px solid #DEDEDE; margin-top:20px; }
.footer{ width:980px; margin:0 auto; color:#777; font-size:12px; text-align:center; line-height:20px; }
.footer span{ width:980px; display:block; }