@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei","\5b8b\4f53";}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,cite,dfn,em,i,var{font-style:normal;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
a{text-decoration:none; }a:link,a:visited,a:hover,a:active{text-decoration:none; outline:none;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}:focus{outline:0;}legend{color:#000;}
fieldset,img,input{border:none; background:none;}button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;height:1px;*color:#fff;}img{-ms-interpolation-mode:bicubic;}
html{color:#525252;}
a{cursor: pointer; color:#525252;}
a:hover{color:#ff3300;}
.ff3300{color:#ff3300;}
.fl{ float:left;}
.fr{ float:right;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{zoom:1}
body{ background:#f6f6f6;}
.wrap{ margin:0 auto; width:1200px;}
.abs{position:absolute;}
.rel{position:relative;}
.hide_txt{ text-indent:-99999em;}
.index999{ z-index:999;}
.hide{ display:none;}

.an2{transition:all 0.2s ease-out 0s;}
.an35{transition:all 0.35s ease-out 0s;}
.an70{transition:all 0.70s ease-out 0s;}

.mgt10{ margin-top:10px;}
.mgt15{ margin-top:15px;}
.mgt18{ margin-top:18px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}
.mgl10{ margin-left:10px;}
.mal20{ margin-left:20px;}
.mgt40{ margin-top:40px;}
.mgb10{ margin-bottom:10px;}
.pt25{ padding-top:25px;}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* public top */
.ico-1{ background:url(../images/ico-1.png) no-repeat;}
.header-box{height:152px; width:100%; transition:all 0.2s linear; }
.site_head{height:152px; width:100%;box-shadow:0 3px 3px #ddd;z-index:999999; position:relative; left:0; top:0;}
.headfix{top:0; transition:all 0.2s ease-out 0.02s;}
.headfix_hide{top:-155px; transition:all 0.2s ease-out 0.02s;}
/*.top{ height:31px; background:#fdfdfd; border-bottom:1px solid #e8e8e8;}*/
.top{ height:40px; background:#333333; border-bottom:1px solid #e8e8e8;}
.t-left li a{ display:block; float:left; height:40px; line-height:40px; margin-right:10px; padding-left:15px;}
.t-left li.bgright,.t-right .bgright{ background:url(../images/bgright.png) right center no-repeat;}
/*.t-right li a{ display:block; width:75px; height:31px; line-height:31px; margin-right:5px; padding-left:15px;}*/
.t-right li a{ display:block; height:40px; line-height:40px; margin-right:5px; }
.t-right li.login-h a{ width:auto; text-align:right; padding:0 5px 0 0;}
.t-right li.login-h a.t-log-out{width:auto; padding-right:10px; margin-right:10px;}
.t-left li a i,.t-right li a i{ display:block; float:left; width:14px; height:14px; margin:15px 4px 0 -15px;}
.webgame{ background-position: 88px -454px;}
.webgame i{ background-position:0 0;}
.webgame:hover i{background-position:0 -18px;}
.setindex i{ background-position:0 -500px;}
.setindex:hover i{background-position:0 -516px;}
.collect i{ background-position:0 -37px;}
.collect:hover i{background-position:0 -54px;}
.t-right{ width:500px;height:41px}
.registet,.login{ background-position: 73px -454px;}
.registet i{ background-position:0 -74px;}
.registet:hover i{background-position:0 -94px;}
.login i{ background-position:0 -114px;}
.login:hover i{background-position:0 -132px;}
.t-right li a.allgame{width:75px; margin-right:0; background-position: 63px -184px;}
.t-right li a.t-log-name{ padding-left:20px; background-position: -18px -534px; padding-right:2px;}

.zy-ico{background-position: 0 -292px;}
.hot-ico{ background-position: 0 -320px; }
.news-ico{ background-position: 0 -348px;}
.test-ico,.jqqd-ico{ background-position: 0 -376px;}
.hot-ico2{ background-position: 0 -57px; display:block; width:40px; height:40px; left:0; top:0; z-index:999;}
.news-ico2{ background-position: 0 -111px; display:block; width:40px; height:40px; left:0; top:0;z-index:999;}
.test-ico2,.jqqd-ico2{ background-position: 0 0; display:block; width:40px; height:40px; left:0; top:0;z-index:999;}
.zy-ico2{ background-position: 0 -586px; display:block; width:40px; height:40px; left:0; top:0;z-index:999;}
.hot-ico3{ background-position: 0 -349px; display:block; width:40px; height:40px; right:-1px; top:-1px;}
.news-ico3{ background-position: -86px -349px; display:block; width:39px; height:39px; right:-1px; top:-1px;}
.test-ico3,.jqqd-ico3{ background-position: -44px -349px; display:block; width:39px; height:39px; right:-1px; top:-1px;}

.agwrap{ z-index:99999;}
.allgame i{ background-position:0 -154px;}
.allgame:hover i{background-position:0 -173px;}
.game-list{ width:467px; height:230px; background:url(../images/game-bg.png) no-repeat; right:0; top:25px; display:none;}
.web-game-sum{ width:195px; height:30px; line-height:30px; left:40px; top:7px; color:#9f9f9f;}
.hand-game-sum{ width:195px; height:30px; line-height:30px; left:271px; top:7px; color:#9f9f9f;}
.web-game-list{ width:233px; height:154px; overflow:hidden;  left:1px; top:37px;}
.game-ul li{ float:left; display:inline;}
.game-ul li a{ display:block; padding-left:20px; width:95px; height:30px; line-height:30px; background:#fff; margin:1px 0 0 1px; overflow:hidden;}
.game-ul li a:hover{ background:#f9f9f9; color:#ff3300;}
.game-ul a em{ display:block; width:20px; height:20px; float:left; margin-left:5px;}
.game-ul a font{ display:block; float:left; font-size:12px;}
.hand-game-list{ width:233px; height:154px; overflow:hidden;  left:233px; top:37px;}
.t-right li a.web-more{margin:0; padding:0; display:block; width:231px; height:30px; line-height:30px; text-indent:90px; top:193px; }
.t-right li a.web-game-more{left:2px; border-radius:0 0 0 10px;}
.t-right li a.hand-game-more{ left:234px; border-radius:0 0 10px 0; }
.game-ico{ width:16px; height:16px; display:block; background-position: 0 -266px; left:70px; top:7px; -webkit-transform:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;-ms-transition:0.3s ease-out;transition:0.3s ease-out;}
.t-right li a.web-more:hover{ background:#f2f2f2;}
.t-right li a.web-more:hover em{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
/*end public top*/

/* public nav*/
.headbox{ height:96px; background:#fff; box-shadow:0 2px 2px #a6a6a6; min-width:1200px; z-index:2;}
.headbox2{ height:96px; background:#fff; box-shadow:0 2px 3px #a6a6a6; min-width:1200px; z-index:2;}
.logo{ margin-top:7px;}
.nav{ height:96px; line-height:96px;}
.nav dd,.nav dt{ float:left; display:inline; position:relative;}
.nav dd a{ display:block; color:#888888; font-size:18px; padding:0 15px;}
.nav dt{color:#888888; }
.nav dd.lastnav a{ padding-right:10px;}
.nav dd i{ display:block; width:0; height:5px; background:#ff6000; position:absolute; bottom:0; left:5px; overflow:hidden;transition:width .3s linear;-webkit-transition:width .3s linear;-moz-transition:width .3s linear;-o-transition:width .3s linear;}
/*.nav dd i.lianggezi{ width:65px;}*/
.nav dd.on i{width:90px;}
.nav dd.on i.lianggezi{width:65px;}
.nav dd.on a{ color:#333333;}

/*end public nav*/