* { font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;}
body,button,input,select,textarea{font:12px/1.125 Microsoft YaHei;background-color: #fbfbfb;}
sub,sup{line-height:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none;vertical-align:top}
fieldset,img{border:0}
input,textarea{outline-style:none}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
button,input,textarea{margin:0;padding:0;border:0;outline:0}
button,input,select,textarea{font-size:100%}
input,select,img{vertical-align:middle}
input::-ms-clear{display:none}
input::-ms-reveal{display:none}
.fl{float:left}
.fr{float:right}
.tc{text-align:center}
.tr{text-align:right}
a{text-decoration:none;outline:0}
.c-textHide{text-indent:-1000px}
.wrap{width:1200px;margin:0 auto}
.nav,.nav_list li,.wrap{position:relative}
.nav_list a,article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
.nav{z-index:9999;height:80px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.nav_list,.nav_logo{float:left}
.nav_logo{width:220px;height:52px;margin:17px 48px 0 0px;background:url(logo.png) no-repeat}
.nav_list li{float:left;padding-top:30px;margin:0 30px 0 0}
.nav_list a{font-size:18px;color:#1c1c1c;line-height:20px}
.nav_list a:hover{text-decoration:none;color:#3297f0}
.nav_list .nav_sign{width:23px;height:16px;display:inline-block;position:absolute;left:65px;top:16px;background:url(new.png) no-repeat}
.nav_list li.active a,.nav_list li.cur a{color:#3297f0}
.nav_list li.active span,.nav_list li.cur span{display:block}
.nav_list li.zhibo{margin:0 30px 0 -30px}
.nav_list .red{color:red;font-weight:700}
.menu-container {float:right;margin-top:25px;margin-right:85px;}
.menu-container .tr-trhead-navbtn{background:url(gamelist.png) no-repeat;width:120px;height:31px;position:absolute;}
.menu-container .tr-trhead-navbtn:hover{background-position: 0 -31px;}
.tr-trhead-navlayer{position: absolute;top: 56px;right: -34px;display: none;border: solid 1px #efefef;overflow: hidden;z-index: 49;background-color: #fff;}
.menu-container li.current .tr-trhead-navlayer{display: block;}
.tr-trhead-navlayer dl{float: left;margin: 0;padding: 6px 0 8px;}
.tr-trhead-navlayer dt{font-size: 12px;font-weight: bold;color: #f08200;padding-left: 20px;line-height: 36px;}
.tr-trhead-navlayer dd{margin: 0;font-size: 12px;}
.tr-trhead-navlayer-list{float: left;width: 116px;padding-left: 20px;color: #666;font-family: NSimSun, SimHei;line-height: 28px;}
.tr-trhead-navlayer-list a{display: block;padding-left: 9px;color: #666;text-decoration: none;_height: 18px;_line-height: 1;_padding-top: 6px;}
.tr-trhead-navlayer-list a:hover{color: #f08200;}
.tr-trhead-navlayer-list em{position: absolute;margin: 11px 0 0 -9px;*margin-top: 4px;width: 3px;height: 3px;background-color: #999;overflow: hidden;}
.tr-trhead-navlayer-list a:hover em{background-color: #f08200;}
.tr-trhead-navlayer-list i{display: inline-block;*display: inline;*zoom: 1;margin-left: 4px;width: 12px;height: 12px;background: url(gamehead-icon.png) no-repeat left top;overflow: hidden;vertical-align: middle;}
.tr-trhead-navlayer-list i.hot, .tr-trhead-navlayer-list i.icon_H{background-position: 0 -20px;}
.tr-trhead-navlayer-list i.new, .tr-trhead-navlayer-list i.icon_N{background-position: 0 -40px;}
.tr-trhead-navlayer-list i.icon_o, .tr-trhead-navlayer-list i.icon_O{background: none;}
.tr-trhead-gamelayer{width: 816px;}
.tr-trhead-hotgame{font-size: 14px;color: #333;background-color: #f7f7f7;border-bottom: solid 1px #efefef;padding-left: 20px;line-height: 50px;}
.tr-trhead-clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.tr-trhead-clearfix{*zoom: 1;}
.cf{zoom:1}
.cf:after{clear:both;display:table;content:""}
.slide-box{ width: 100%; height: 389px; position: relative;}
.slide-box .slide-bd { height: 389px; overflow: hidden; position: relative;} 
.slide-bd li { width: 100%; height: 389px; text-align: center; position: absolute; top: 0px; left: 50%; margin-left: -960px; display: none;}
.slide-nav { width: auto; height: 24px; line-height: 20px; padding: 0 12px; overflow: hidden; text-align: center; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.5); position: absolute; bottom: 10px; left: 50%; border-radius: 15px;}
.slide-nav li { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 6px; line-height: 99px; overflow: hidden; border-radius: 50%; background: #434343;  *display: inline; *zoom: 1;}
.slide-nav li:hover, .slide-nav .active { margin: 0 3px; border: 3px solid #fff; border: 3px solid rgba(255,255,255,1); background: #03b4f5;}
.w1000{width:1100px;margin:auto}
.index-main{padding:0 20px;position:relative;z-index:1;background:url(main-bg-1000.png) no-repeat;top:348px;}
.user-box{width:240px;height:282px;padding:24px 31px 10px;background:no-repeat;background-position:0 0;position:absolute;left:-15px;z-index:999;top:-741px}
.log-tips{height:10px;line-height:25px;color:#f25277;text-align:center}
.log-cutover{height:27px;border-bottom:1px solid #bfbfbf;position:relative}
.log-cutover ul{height:28px;width:100%;position:absolute;left:0;top:0}
.log-cutover li{float:left;height:27px;font:400 14px/20px 'Microsoft Yahei','\5b8b\4f53';display:inline;margin:0 27px;cursor:pointer;white-space:nowrap}
.log-cutover li.current{height:25px;font-weight:700;border-bottom:3px solid #3fb2e8}
.log-account a:hover{color:#008eeb}
.hide-vcode .vcode-box{display:none}
.hide-vcode .autolog-box{margin-bottom:15px}
.hide-vcode .userbox-third{padding:8px 0}
.userbox-third{height:24px;line-height:24px;padding:5px 0;}
.userbox-third span{display:block;float:left}
.userbox-third a{float:left;margin:0 10px}
.log-form{background:no-repeat;background-position:0 -318px}
.log-form dd{height:35px}
.log-form input{height:31px;line-height:31px;width:190px;background:0 0;color:#9e9e9e;float:left;padding-left:5px;margin:2px 0 0 34px;display:inline}
.log-form dt{padding-top:5px}
.log-form dt input{padding:0 7px;height:28px;line-height:28px;width:100px;background:#fff;border:1px solid #c5d0df;border-radius:5px;margin:0}
.log-form .vcode-box img{cursor:pointer}
.log-form .vcode-tip{width:16px;height:16px;float:right;margin:7px 0 0 10px;display:inline}
.log-form .right-ico{background:no-repeat;background-position:-341px -264px}
.log-form .error-ico{background:no-repeat;background-position:-341px -282px}
.third-logo{width:24px;height:24px;display:inline;background-image:url(third-logo-24.png);_background-image:url(third-logo-24-8.png)}
.third-logo-qq{background-position:0 0}
.third-logo-wechat{background-position:0 -40px}.third-logo-weibo{background-position:0 -80px}
.autolog-box{height:32px;line-height:32px}
.autolog-box label{cursor:pointer}
.tolog-btn,.tolog-btn:visited{display:block;width:240px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background:no-repeat;background-position:-435px -198px}
.tolog-btn:hover{background:no-repeat;background-position:0 -496px}
.logbox-text{text-align:center;line-height:22px}
.logbox-text a,.autolog-box a{color:#008eeb}
.logbox-text a:hover,.autolog-box a:hover{color:##1ea6ff}
.loged .u-name{overflow:hidden;color:#6c6c6c;font-weight:700;padding-left:20px}
.loged a.top-level,.loged a:visited.top-level{overflow:hidden;line-height:100px;display:inline;margin-top:7px;height:14px}
.u-level{width:47px;height:14px}
.loged .log-out{width:37px}
.log-info{position:relative;z-index:21}
.log-info .line-h24{height:24px;line-height:24px}
.log-info dt.user-face-box{height:104px;position:relative;z-index:2}
.log-info dt.user-face-box .user-sign-box{left:152px;top:92px}
.log-info dt.user-face-box img{float:left;margin-right:10px}
.log-info dt a,.log-info dt a:visited{font-weight:400;color:#9c9c9c}
.log-info .u-name{width:auto;text-align:right;padding:10px 0 0}
.log-info .u-name a.fl,.log-info .u-name a:visited.fl{width:100px;*width:80px;font-weight:700;overflow:hidden;color:#3c3c3c;text-align:left;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.log-info .third a.fl{width:80px;_width:70px;padding-left:20px}
.log-info .ico-third{position:absolute;left:104px;top:13px;display:none}
.log-info .integral span{color:#ff8d13}
.log-info .log-info-btn a,.log-info .log-info-btn a:visited{width:60px;height:18px;line-height:18px;_line-height:20px;float:left;margin-right:8px;background:no-repeat;background-position:-496px -240px;display:inline;text-align:center;color:#fff;margin-top:5px}
.log-info .log-info-btn a:hover{background:no-repeat;background-position:-435px -240px}
.log-info dd.level-dd{height:18px;background:no-repeat;background-position:-391px -398px;position:relative;margin-bottom:12px;z-index:1}
.log-info dd.level-dd .u-level{position:absolute;top:1px;left:5px}
.log-info .level-line{width:176px;height:6px;left:58px;top:6px;position:absolute}
.log-info a.box-logout{position:absolute;top:10px;right:2px}
.log-erweima .tc a:hover,.log-account a:hover,.log-info .u-name a.box-logout:hover{color:#008eeb}
.log-info .line-h24{height:24px;line-height:24px}
.oflate{height:137px;border-top:1px solid #c1c1c1;padding-top:10px;}
.oflate dt{height:24px}
.oflate dd{height:23px}
.oflate dd a,.oflate dd a:visited{height:25px;color:#3c3c3c;display:block;overflow:hidden;vertical-align:middle;padding:1px 1px 1px 1px}
.oflate dd img,.oflate dd .g-name,.oflate dd .u-server{margin-right:8px}
.oflate dd img,.oflate dd span{float:left;line-height:25px;_line-height:27px;overflow:hidden;height:25px;display:inline}
.oflate dd .g-name{width:65px}
.oflate dd .u-server{width:90px}
.oflate dd .g-bagin{color:#ea5656;width:54px;text-align:center;float:right;height:16px;display:block}
.oflate dd .g-recm{width:55px;background:no-repeat;background-position:-124px -538px;color:#fff;padding-left:9px;zoom:1;_line-height:25px}
.oflate dd a:hover{background-color:rgba(255,255,255,.4)}
.oflate dd a:hover .g-name,.oflate dd a:hover .u-server{color:#17a1ed}
.oflate dd a:hover .g-bagin{color:#fff;_color:#17a1ed;border-radius:3px;background:#ffaf25}
.w1200{width:1200px;margin:auto;margin-top:20px;}

.user-box,.log-form,.log-form .right-ico,.log-form .error-ico,.tolog-btn,.tolog-btn:visited,.tolog-btn:hover,.log-info .log-info-btn a,.log-info .log-info-btn a:visited,.log-info .log-info-btn a:hover,.log-info dd.level-dd,.oflate dd .g-recm{background-image:url(index.png)}
#fixedtop{position:fixed;right:35px;bottom:220px;z-index:99992;width:60px;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;opacity:1;}
#fixedtop.off{visibility:hidden;opacity:0;}
#fixedtop a{display:block;margin-bottom:10px;width:60px;height:50px;border-radius:2px;background:url(icon_top.png) center center no-repeat;background-color:#444;background-color:rgba(0,0,0,.2);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);}
#fixedtop a:hover{background-color:rgba(0,0,0,.5);}