@charset "utf8";

body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 Helvetica,STHeiti,Droid Sans Fallback;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input{-webkit-appearance:none}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}

body{background:#F7F7F7;color:#333}
.head{position:relative;width:100%;height:26px;padding: 11px 0;background:#45B0E4;color:#fff;text-align:center;line-height:26px;font-size:18px;left:0;top:0;z-index:99;}
.head a,.tit h2 a{background:url(../images/item_2.png) no-repeat;background-size:50px auto}
.head a{position:absolute}
.head .pindex{background-position:0 0;width:26px;height:20px;overflow:hidden;line-height:99;left:15px;margin-top:3px;}
.head .schlink{background-position:-32px 3px;width:20px;height:26px;right: 15px;color:#fff;font-weight:normal;line-height:99;overflow:hidden;}
.head .back{background:none;position:absolute;top:0;left: 0;color: #fff;height: 48px;line-height:48px;width: 37px;padding-left: 25px;text-align: center;font-weight: 400;font-size: 16px;}
.head .back:after{content:"";position: absolute;top: -2px;left: 0;display: block;margin: 20px 15px;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-135deg);-ms-transform: rotate(-135deg); /* Internet Explorer */-moz-transform: rotate(-135deg); /* Firefox */-webkit-transform: rotate(-135deg); /* Safari+Chrome */-o-transform:rotate(45deg); /* Opera */}
.head .user{background-size:50px auto;background-position:0 -169px;width:24px;height:24px;overflow:hidden;line-height:99;left:15px;}
.head .h-logo{display:block;width:124px;height:24px;background-image:url(../images/h-logo.png);background-repeat:no-repeat;background-size:auto 24px;margin:1px auto 0;line-height:99;overflow:hidden}

.tit{padding-top:8px;height:18px;line-height:18px;font-size:1.6em;overflow:hidden;border-top:1px #ddd solid;background:#fff}
.tit h2{float:left;margin-left:12px}
.more{float:right;margin-right:14px;font-size:0.95em}
.tit h2 a{display:block;padding-left:20px}
.tit .tit1 a{background-position:0 -29px}
.tit .tit2 a{background-position:0 -83px} 
.tit .tit3 a{background-position:0 -110px} 
.tit .tit4 a{background-position:0 -56px} 
.tit .tit5 a{background-position:0 -201px}
.wrap{width:100%;background:#fff;border-bottom:1px #ddd solid;margin-bottom:8px;}
.glist li{float:left;width:23%;height:80px;overflow:hidden;text-align:center;line-height:2;font-size:1.2em;margin-top:10px;padding:0 1%;}
.glist img{display:block;width:62px;height:62px;margin:0 auto}
.morebtn{display:block;width:50%;height:28px;text-align:center;line-height:28px;font-size:1.4em;background:#F7F7F7;border:1px solid #D9D9D9;color:#6B6B6B;margin:10px auto 0}

.glist {position:relative;}
.glist  #load{position:absolute;width:66px;height:66px;left:50%;top:50%;margin-top:-33px;margin-left:-33px;}
.glist  #reloader{position:absolute;text-align:center;margin-top:-33px;margin-left:-33px;}

#slideshow img{width:100%;}
#newnum{display:none}
.nav-page{background:#FFF;height:42px;border-bottom:1px #ddd solid;}
.nav-page li{width:20%;height:42px;line-height:42px;font-size:18px;text-align:center;float:left;position:relative}
.nav-page a{width:100%;height:42px;display:block;}
.nav-page a i{background:#F60;width:10px;height:10px;display:block;margin-left:13px;border-radius:5px;-webkit-border-radius:5px;background-clip: padding-box;position:absolute;top:7px;left:50%;}
.nav-page .on a{color:#40b4fe;position:absolute;left:0;bottom:-1px;height:41px;}
.title{background:#FFF;height:38px;line-height:38px;padding:0 8px;margin:8px 8px 0;font-size:16px;color:#333;}
.title-list{background:#FFF;height:38px;overflow:hidden;margin:8px 8px 0;}
.title-list li{width:33%;height:38px;font-size:16px;text-align:center;float:left;position:relative;}
.title-list li:first-child{width:34%;}
.title-list li a{width:100%;height:35px;line-height:35px;display:block;color:#666;border-bottom:3px solid #e7e7e7;}
.title-list li.on a{color:#000;border-bottom:3px solid #40af10;}
.title-list li a:before{content:"";display:block;background:#ddd!important;width:1px;height:24px;position:absolute;right:-1px;top:6px;}
.tj_ul{margin:8px 8px 0;}
.tj_ul li{background:#FFF;height:60px;padding: 6px 2px;margin-bottom:6px;position:relative;display:block;clear:both;overflow:hidden}
.tj_ul li a{display:block;width:100%;height:60px;}
.tj_ul li a img{float:left;display:inline;width:60px;height:60px;}
.tj_ul li a div{float:left;display:inline;width:220px;overflow:hidden;margin-left:10px;line-height:1.3em;}
.tj_ul li a div strong{display:block;font-size:14px;color:#35383b;height: 20px;line-height: 20px;}
.tj_ul li a div span{display:block;height: 20px;color:#9c9c9c;font-size:12px;line-height: 20px;}

.tj_ul li a.link,.tj_ul li a.linkdel{position:absolute;right:2px;top:10px;width:54px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;overflow:hidden;}
.tj_ul li a.link{z-index:11;background:#22ac38;border-bottom:3px solid #109d26;}
.tj_ul li a.linkdel{z-index:10;background:#ff0000;border-bottom:3px solid #ff0000;}
.fchange{width:100%;}
.tj_ul li .game_jj{color:#9c9c9c;width:235px;display:block;font-size:12px;height: 20px;line-height: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.notice{overflow:hidden;background:#fff;margin-bottom:8px;border-bottom:1px #ddd solid;}
.notice .icon{float:left;width:40px;height:37px;background:url(../images/notice.png) center center no-repeat #f14949;background-size:20px auto;position:relative;}
.notice .icon:after{position:absolute;top:15px;right:-4px;width:8px;height:8px;background:#f14949;content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.n-list{margin-left:40px;height:37px;overflow:hidden;}
.n-list ul{padding:5px 12px 4px 12px;overflow:hidden}
.n-list li{font-size:14px;width:100%;height:30px;vertical-align: middle; color:#666;line-height:30px;overflow:hidden;}

.sort{margin-top:-11px;overflow:hidden;padding-bottom:5px}
.sort a{float:left;width:25%;height:38px;line-height:38px;margin-top:8px;text-align:center}
.sort span{display:block;;margin:0 5px;color:#fff;font-size:1.6em}
.sort .pk span{background:#48b8ff;}
.sort .zz span{background:#ff4a74;}
.sort .dz span{background:#43bb54;}
.sort .mx span{background:#8d008c;}
.sort .mx1 span{background:#de80dd;}
.sort .mx2 span{background:#0f9200;}
.sort .mx3 span{background:#f57020;}
.sort .mx4 span{background:#8e50ef;}


.head .user{background:url(../images/item_2.png) no-repeat;background-size: 50px auto;background-position: 0 -140px;width: 24px;height: 24px;overflow:hidden;line-height:99;left:15px;}
	
.expand{ width:14px; height:14px; float:right; background:url(../images/expand.png) no-repeat; background-size:14px auto;overflow:hidden; margin:2px 10px 0 0;}
.expandon{ background-position:0 -14px;}
.hislist{width:100%;height:52px;overflow-x:auto;overflow-y:hidden; padding-top:10px;position:relative;}
.hislist ul{ height:52px;float:left;overflow:hidden;}
.hislist li{float:left;height:52px;overflow:hidden;text-align:center;padding-left:10px;}
.hislist img{display:block;width:52px;height:52px;margin:0 auto}

.hislist::-webkit-scrollbar,.hislist scroolbar{display:none;}

#played,#sdown2{display: none}
.wrap{ padding-bottom:8px;}
.wrap2{ padding-bottom:0}

/*fanye*/
.pb-pages{float:left;height:32px;margin-top:5px;}
.pb-pages a{height:30px;line-height:30px;border:1px #dedee4 solid;background-color: #fff;color: #e44c27;font-size:16px;box-shadow:0 1px 1px #f0f0f4;padding:2px 7px;margin-right:3px;}
.pb-pages a.on,.pb-pages a:hover{color: #fff;border-color: #e44c27;background-color: #e44c27;}

.classlist{padding:10px 0px 48px 0px}
.classlist dl{float:left;width:50%;margin-top:0px}
.classlist dt{display:block;width:70px;height:18px;margin:0 auto;line-height:18px;font-size:12px;text-align:center;border:1px solid #FD8A17;background:#FF9934;color:#fff;border-bottom:0 none;border-top-left-radius:5px;border-top-right-radius:5px}
.classlist dd{text-align:center;line-height:2;text-align:center;font-size:14px;position:relative;}
.classlist dd img{display:block;width:140px;height:92px;margin:0 auto;background:#fff;border:1px solid #FD8A17;border-radius:15px}
.classlist dd span,.footer span,.fl_list li i{width:18px;height:18px;text-align:center;line-height:18px;font-size:10px;color:#fff;background:#FE552A;border-radius:100%;position:absolute;}
.classlist dd span{left:50%;margin-left:48px;top:-8px}

.game_down{padding:5px;}
.game_down .g_img{width: 62px;height: 62px;float:left;margin-right:10px;}
.game_down .g_intro{float:left;line-height:22px;overflow:hidden;}
.game_down .g_intro h3{font-size:14px;}
.game_down .g_intro p{color:#898989;}
.g_btn{display: block;clear:both; background: none repeat scroll 0 0 #23a1e2;color:#fff;font-size:21px;height:40px;line-height:38px;margin-top:11px;text-align:center;width: 200px;border-radius: 5px;margin: 5px auto 0;}
.game_box{width:100%;float:left;}
.g_topic{height:30px;background:#f4f4f4;padding-left:6px;line-height:30px;font-size:14px;}
.g_topic em{width:18px;height:18px;display:block;float:left;margin-top:7px;margin-right:5px}
.g_topic em.g_i1{background-position:0 -80px;}
.g_topic em.g_i2{background-position:0 -98px;}
.g_topic em.g_i3{background-position:0 -115px;}
.g_topic em.g_i4{background-position:0 -133px;}
#onepic{padding:15px 0px 0;text-align: center;}
.ico{background-image: url(../images/ico_2x.png);background-size:70px 150px;}
.g_content p{text-indent:20px;color:#898989;line-height:20px;}
.g_content .get_more{width:100%;height:18px;}
.g_content .get_more a{display:block;width:40px;float:right;color:#45a6f3;}
.g_content .get_more a em{width:14px;height:14px;display:block;float:right;background-position:-28px -53px;}
.good_game{padding:10px 0;}
.good_game li{float:left;width: 25%;overflow:hidden;text-align:center;padding-bottom:10px;height:83px;text-overflow:ellipsis;white-space:nowrap;}
.good_game li img{width:62px;height:62px;display:block;margin:0 auto 5px;}
.good_game li a{color:#333}
.p10{padding:10px}

.new_fx{background:#3399ff;height:19px;margin:10px;margin-top:0;padding:7px 0;border-radius:8px;box-shadow:0 2px 0 0 #1063b5;}
.new_fx .i2{background:url(/images/i2.png) no-repeat;background-size:284px 19px;width:284px;height:19px;margin:0 auto;display:block;}
.ppl_info{width:100%;color:#999;float:left;}
.ppl_title{background:#f4f4f4;height:30px;line-height:30px;vertical-align:middle;padding-left:7px;}
.ppl_title em{background-position:-26px -23px;width:16px;height:16px;}
.ppl_title span,.ppl_title em{display:inline-block;vertical-align:middle;margin-left:3px;}
.ppc1{color:#1D1D1D!important;}
.ppc2{color:#FF7200!important;}
.ppc2 a{color:#FF7200!important;text-decoration:underline;}
.ppc3{color:#6B6B6B!important;}
.ppfz10{font-size:10px!important;}
.ppfz14{font-size:14px!important;}
.mlr5{margin-left:5px!important;margin-right:5px!important;}
.clearfix:after{content:"";visibility:hidden;display:block;height:0;clear:both;}
.clearfix{clear:both;zoom:1;}
.g-line{height: 0;padding-bottom: 10px;-moz-box-shadow: 0px 2px 2px #ccc;/* border-bottom: 1px solid #ddd; */-webkit-box-shadow: 0px 2px 2px #ccc;box-shadow: 0px 2px 2px #ccc;position: relative;}

.page_search{background:#ffffff;box-shadow:0 0 3px #999 ;padding:8px 5px;padding-right:54px;position:relative;height:30px;}
.page_stype{background:url(../images/page_sbtn.png) no-repeat 4px 6px;background-size:19px 19px;width:100%;height:30px;line-height:30px;border:1px solid #CCC;border-radius:0;color:#aaa;text-indent:26px;font-size:14px;}
.page_sbtn{width:40px;height:30px;line-height:30px;display:block;position:absolute;right:5px;top:8px;border:1px solid #CCC;color:#999;font-size:12px;text-align:center;font-size:14px;}
.page_sfirst{padding-right:12px;}
.page_sfirst .page_stype{padding-right:5px;border-radius:5px;}
.page_sfirst a{display:none;}

.footer{clear:both; padding: 10px 0;text-align: center;}
.footer a{font-size: 14px;display: inline-block;padding: 0 6px;margin-bottom:10px;margin-left: 10px;background: #626262;color: #FFFFFF;}