@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:#f9f9f9;}
.wrap{ margin:0 auto; width:1190px;}
.abs{position:absolute;}
.rel{position:relative;}
.hide_txt{ text-indent:-99999em;}
.hide{ display:none;}
.an2{transition:all 0.2s ease-out 0s;}
.an05{transition:all 0.35s ease-out 0s;}
.hot_col{ color:#ff3300;}
.mgt10{ margin-top:10px;}
.mgt15{ margin-top:15px;}
.mgt20{ margin-top:20px;}
.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;}
/* 通用顶部 */
.ico-1{ background:url(../images/ico-1.png) no-repeat;}
.ico-2{ background:url(../images/ico-2.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;}
.t-left li a{ display:block; float:left; height:31px; line-height:31px; 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:60px; height:31px; line-height:31px; margin-right:5px; padding-left:15px;}
.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:10px 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;}
.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: 75px -187px;}
.t-right li a.t-log-name{ padding-left:20px; background-position: 0 -534px; padding-right:2px;}
.t-right li a.user-vip{ background-image: url(../images/vip.gif);display: block;height: 31px;width: 52px;}
.t-right li a.user-mes{ padding-left:20px; background-position:0 -557px;}

.user-vip{ background: url(../images/vip.gif) 0 7px no-repeat;display:block;height:24px;width:52px;}
.vip-0 {background-position: 0 7px;}
.vip-1 {background-position: 0 -19px;}
.vip-2 {background-position: 0 -45px;}
.vip-3 {background-position: 0 -71px;}
.vip-4 {background-position: 0 -96px;}
.vip-5 {background-position: 0 -122px;}
.vip-6 {background-position: 0 -148px;}
.vip-7 {background-position: 0 -174px;}
.vip-8 {background-position: 0 -199px;}

.zy-ico{background-position: 0 -292px;}
.hot-ico{ background-position: 0 -320px; }
.news-ico{ background-position: 0 -348px;}
.test-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{ 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{ 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;}
.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);}

/* 遮罩层 */
.gray{position:absolute; z-index:9999999; top: 0px; left: 0px; height:100%; width: 100%; opacity: 0.3;filter:alpha(opacity=30); background:#000;}

/* 分页 */
.showpage{margin:0 auto; height:35px; text-align:center;}
.showpage ul li{ display:inline-block;}
.showpage a,.showpage ul li a{ display:inline-block; padding:0 12px; height:28px; border:1px solid #cfcece; margin:0 3px; text-align:center; line-height:28px; border-radius:2px; background:#fff; }
.showpage span{ display:inline-block; padding:0 12px; height:28px;margin:0 3px; text-align:center; line-height:28px; border-radius:2px; color:#fb5f01;background:#ff6364;  border:1px solid #ff6364; color:#fff;}



/* 公共底部 */
.footer{background:#f3f3f3; border-top:1px solid #e8e8e8; min-width:1190px; overflow:hidden;}
.footer a:hover{ text-decoration:underline;  color:#525252;}
.footcoop a{height:50px; line-height:50px; font-size:14px; margin:0 0 0 22px; text-align:left; overflow:hidden;}
.link{ background:#edeeee; border-radius:5px; padding:15px 0 10px 0;}
.link_l{ width:72px; padding-left:10px;}
.link_r{ width:1000px; }
.link_r a{ color:#525252;display: block;float: left; margin: 0 10px 10px 10px; white-space: nowrap;}
.footer_info {padding: 20px 0;}
.footer_info .f_p {margin-left:20px; line-height:23px;}
.footer_info .f_p a {padding: 0 10px 0 0; color: #656565;}
.footer_info .f_p a:hover {text-decoration: underline;}













