﻿@charset "utf-8";
/* CSS Document */
/*头部、底部*/
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,hr,figure,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
a,button{cursor:pointer;}
a{text-decoration:none;color:#666;}
a:hover{color:#358ff0;}

body{background:#f8f8f8;font-size:14px;color:#666;-webkit-text-size-adjust:none;font-family:"微软雅黑";}
html {height: 100%;-webkit-text-size-adjust: none;}
img {border:0;vertical-align:middle;max-width:100%;}

/*宽度1200，居中*/
.CWidth{width:1200px;margin:0 auto;}
.top{width:100%;background:#fff;font-size:12px;height:35px;border-bottom:1px solid #e3e3e3; min-width:1200px; line-height:35px;}
.TopWrap{height:35px;}
.TopWrap .TopWMenu{float:left; text-align:right;width:50%;}
.TopWrap .TopWHome{width:50%;float:left;}
.TopWrap .TopWHome a{display:block; float:left; margin:0 10px;}

.TopWHNav a.SiteMap{background:url(../images/3322.png) no-repeat -420px 3px;padding-left:15px;}
.TopWHNav a.SiteMap:hover{background:url(../images/3322.png) no-repeat -420px -27px;}
.TopWHome a.WPhone{background:url(../images/3322.png) no-repeat -420px -60px;padding-left:15px;}
.TopWHome a.WPhone:hover{background:url(../images/3322.png) no-repeat -420px -95px;}
.TopWrap .TopWHome .TopWHNav{float:left; position:relative; z-index:1000}
.TopWrap .TopWMenu a{margin-left:10px;}
.TopWrap .TopWMenu span{margin-left:10px;}
.TopWrap a:hover{color:#358ff0;}
.TopWrap .TopWHome .TopWHNav .TopWHNavMain{width:1138px;border:1px solid #e3e3e3;padding:30px; overflow:auto; position:absolute; top:35px; left:-44px;background:#fff; display:none; z-index:1001;}
/**/.TopWrap .TopWHome .TopWHNav:hover .TopWHNavMain{display:block;}
.TopWrap .TopWHome .TopWHNav .TopWHNavMain a{margin-left:0;font-size:14px; margin-right:15px;}
.TopWrap .TopWHome .TopWHNav .TopWHNavMain p{font-size:16px;color:#358ff0;}

.TopWHNavMain .SubNav1{float:left;width:370px; padding-left:15px; min-height:120px; overflow:auto;padding-top:10px;}
.TopWHNavMain .SubNav2{float:left;width:351px; padding-left:15px; min-height:120px; overflow:auto;padding-top:10px;}
.SubNavLine1{border-bottom:1px dashed #e3e3e3;}
.SubNavLine2{border-left:1px dashed #e3e3e3;border-right:1px dashed #e3e3e3;}
.header{width:100%; min-width:1200px;height:120px;background:#fff;}
.header ul li{float:left;}
.header ul li img{margin-top:28px;}
.header ul li.HSearch{width:580px;float:right; height:80px;margin-top:28px;}
.H_Search{height:40px;}
.search_cate{float:left;width:79px;background:url(../images/3322.png) no-repeat -430px -595px;border:1px solid #d8d8d8;border-right:none;height:38px; position:relative;}
.search_cate span{display:block;line-height:38px;padding-left:15px; cursor:pointer;width:54px;}
.cate-toggle{position:absolute;width:79px; height:105px;;background:#fff;border:1px solid #d8d8d8;border-top:none;top:40px; display:none; left:0;}
.cate-toggle li.cate-item{width:64px;padding-left:15px; line-height:25px;}
.cate-toggle li.cate-item:hover{background:#12a8e3;color:#fff; cursor:pointer;}
.search_input{width:388px;height:38px;border:1px solid #d8d8d8; border-left:none;padding-left:10px; line-height:38px;float:left;display:block;color:#666;outline: none;}
.search_btn{width:98px;height:40px;background:#358ff0;color:#fff; display:inline;float:left;text-align:center;line-height:40px;font-size:16px;overflow:hidden;}
.search_btn:hover{color:#ececec;}
.HSearch p{clear:both;line-height:35px;}
.HSearch p a:hover{color:#358ff0;}
.HSearch p a{margin-right:12px;}
.HSearch p span{margin-right:10px;}

.nav{width:100%; min-width:1200px;background:#358ff0;height:50px; line-height:50px;font-size:18px;margin-bottom:20px;}
.nav a{color:#fff;padding:0 32px; display: block; float:left; height:50px;}
.nav a:hover{background:#2b71c2;}
.nav a.current{background:#2b71c2;}

.nav1{width:100%; min-width:1200px;background:#358ff0;height:50px; line-height:50px;font-size:18px;margin-bottom:20px;}
.nav1 a{color:#fff;padding:0 11px; display: block; float:left; height:50px;}
.nav1 a:hover{background:#2b71c2;}
.nav1 a.current{background:#2b71c2;}

.footer{width:100%; min-width:1200px;background:#3d3c3a; overflow:auto;}
.footer div{background: url(../images/logo.png) no-repeat left center; text-align:center; padding:30px 0; overflow:auto;color:#ccc;background-size:18%;}
.footer div a{color:#ccc;line-height:30px;}
.footer div a:hover{color:#fff;}
.footer div p{color:#999;font-size:12px; line-height:25px;margin-top:15px;}

/*星星 style1*/
.sty1{background:url(../images/sp_3.png) no-repeat; width:130px; height:16px;display: inline-block; vertical-align: middle;}
.sty1_star1{ background-position:-112px -127px;}
.sty1_star2{ background-position:-84px -127px;}
.sty1_star3{ background-position:-57px -127px;}
.sty1_star4{ background-position:-28px -127px;}
.sty1_star5{ background-position:0px -127px;}

/*星星 style2*/
.sty2{background:url(../images/3322.png) no-repeat; width:74px; height:12px;display:block; float:left; vertical-align: middle;}
.sty2_star1{ background-position:-477px -1140px;}
.sty2_star2{ background-position:-462px -1140px;}
.sty2_star3{ background-position:-447px -1140px;}
.sty2_star4{ background-position:-432px -1140px;}
.sty2_star5{ background-position:-417px -1140px;}

/*头部、底部结束*/


.CWidth1{overflow:auto;background:#fff;width:1150px; margin:0 auto; margin-bottom:20px;padding:10px 25px;}

/* tab切换 */
.tab-item{display:block; text-align:center; float:left; position:relative;}
.cur{color:#358ff0;}
.tab-item.cur .bot-arrow {display: block; }
.tab-item .bot-arrow{position: absolute;background:url(../images/3322.png) no-repeat -554px -127px; width:12px; height:7px; display:none;z-index:999;left:50%;margin-left:-6px; top:50px;}
.tab-cont-item{display:none;}

.CNewTitle{height:50px; line-height:50px; border-bottom:2px solid #358ff0;}
.CNewTitle h3,.CNewTitle h2{font-size:24px; float:left;color:#000; margin-right:35px;}
.CNewTitle .more-tabs{float:right;width:50px; padding:0; margin:0;}
.more-tabs .item{ display:none;}
.CNewTitle .CNTtext a{padding-left:12px;font-size:18px;}
.CNewTitle .CNTtext a span{color:#e3e3e3;margin-left:10px;}
.CNewContent{width:1150px; overflow:auto;}
.CNewContent .CNewCLList{width:880px; height:590px;float:left; overflow:hidden;}
.CNewContent .CNewCLList ul{padding-top:10px;}
.CNewContent .CNewCLList ul li{width:210px; float:left; margin-bottom:10px; position:relative; margin-right:10px;padding:20px 0; height:80px; overflow:hidden;}
.CNewContent .CNewCLList ul li img{width:80px; display:block; float:left; margin-right:10px;}

.CGameContent{width:1150px; overflow:auto;}
.CGameContent .CNewCLList{width:880px; height:600px;float:left; overflow:hidden;}
.CGameContent .CNewCLList .CNewTitle a{padding-left:12px;font-size:18px;color:#000;}
.CGameContent .CNewCLList .CNewTitle a.cur{color:#358ff0;}
.CGameContent .CNewCLList .CNewTitle span{margin-left:12px;color:#e3e3e3}

.CGameContent .CGameCLList1{width:880px; height:550px;float:left; overflow:hidden; padding-top:20px;}
.CGameContent .CGameCLList1 .a-info{float:left;height:20px; text-align:center; width:150px; padding-top:5px; white-space:nowrap; overflow:hidden;}
.CGameContent .CGameCLList1 ul li{width:150px; float:left;  position:relative; margin:0 11px; height:255px; overflow:hidden; text-align:center;margin-bottom:20px;}
.CGameContent .CGameCLList1 ul li img{width:150px; height:220px;display:block; float:left;}
.CGameContent .CGameCLList1 .a-cover{position:absolute; background:rgba(0,0,0,0.4) url(../images/3322.png) no-repeat -502px -397px;left: 0; width: 100%; height:100%; color:#fff;-webkit-transition: top 0.4s; -moz-transition: top 0.4s; transition: top 0.4s; top:265px; text-align: center;}
.CGameContent .CGameCLList1 a.a-cover div{width:110px; height:138px;padding:20px; text-align:left; overflow:hidden;}
.CGameContent .CGameCLList1 a.a-cover span{font-size:16px;border:none; margin-bottom:20px;}
.CGameContent .CGameCLList1 a.a-cover span:hover{color:#56a5fa;}
.CGameContent .CGameCLList1 a.a-cover p{width:150px; height:35px; background:#56a5fa; line-height:35px; white-space:nowrap; overflow:hidden;padding:0; }

.CNewCLList .a-info{ float:left;width:120px; line-height:25px;}
.CNewCLList .a-info p.Tit{color:#000;width:120px; white-space:nowrap; overflow:hidden;}
.CNewCLList .a-info p.Cont{color:#999; margin-bottom:5px;;width:120px; white-space:nowrap; overflow:hidden;}
.CNewCLList .a-info p.Score{color:#f00;font-size:20px; font-weight:bold;}
.CNewCLList .a-info span{float:left;display:block;text-align:center;bolor:#1e89e0;margin:0 auto; width:80px; height:22px;border:1px solid #1e89e0; border-radius:5px; line-height:22px;}
.CNewCLList .a-info span:hover{border:1px solid #1e89e0;background:#1e89e0;color:#fff;}

.CRankingList{width:255px;margin-left:15px;float:left; overflow:auto;}
.CRankingList h1{font-size:24px;color:#333; margin-bottom:10px;}
.CRankingList h3{font-size:24px;color:#000; margin-bottom:10px; line-height:50px; border-bottom:2px solid #358ff0}
.CRankingList .CRankingLTit{font-size:24px;color:#333; margin-bottom:10px; font-weight:bold;}


.CRankingList ul{width:255px; overflow:auto;}
.CRankingList ul li{ overflow:auto; min-height:52px; border-bottom:1px  dashed #d8d8d8;}
.CRankingList .CRKTitle{height:50px;}
.CRankingList .CRKTitle b{display:block; float:left;width:20px; height:20px; color:#fff;background:#aeaeae; line-height:20px; text-align:center; font-size:12px; margin-right:5px; font-weight:normal; margin-top:15px;}
.CRankingList .CRKTitle b.SNumb1{background:#ff0000;}
.CRankingList .CRKTitle b.SNumb2{background:#ff3300;}
.CRankingList .CRKTitle b.SNumb3{background:#ff6600;}
.CRankingList .CRKTitle span{display:block; float:left;width:50px; margin-left:5px;font-size:12px;color:#949494; line-height:50px; overflow:hidden; white-space:nowrap}
.CRankingList .CRKTitle a{display:block; float:left; width:175px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:50px;}
.CRankingList .CRKLoad{clear:left;height:70px;}
.CRankingList .CRKLoad img{float:left;margin:5px 10px;width:50px;}
.CRankingList .CRKLoad p{float:left; line-height:22px;width:185px; margin-bottom:5px; overflow:hidden; white-space: nowrap;}
.CRankingList .CRKLoad p img{width:13px; margin:5px 1px;}
.CRankingList .CRKLoad p i{margin:5px 0px;}
.CRankingList .CRKLoad p span{ display:block; float:left; margin-right:10px;}
.CRankingList .CRKLoad p+a{display:block;width:80px; height:24px; text-align:center; line-height:24px;border:1px solid #358ff0; border-radius:5px; float:left; color:#358ff0}
.CRankingList .CRKLoad p+a:hover{border:1px solid #358ff0;background:#358ff0;color:#fff;}

.CRankingList .CRKLoad1{clear:left;height:110px; overflow:hidden;}
.CRankingList .CRKLoad1 .CRKLImg{float:left;margin:5px 10px;width:56px;height:100px;}
.CRankingList .CRKLoad1 p{float:left; line-height:22px;width:174px;overflow:hidden; white-space:nowrap;}
.CRankingList .CRKLoad1 p img{width:13px; margin:5px 1px;}
.CRankingList .CRKLoad1 p i{margin:5px 0px;}
.CRankingList .CRKLoad1 p span{ display:block; float:left; margin-right:10px;}
.CRankingList .CRKLoad1 p+a{display:block;width:80px; height:24px; text-align:center; line-height:24px;border:1px solid #358ff0; border-radius:5px; float:left; color:#358ff0; margin-top:5px;}
.CRankingList .CRKLoad1 p+a:hover{border:1px solid #358ff0;background:#358ff0;color:#fff;}

.rank-item.on .item-info { display: block;}
.rank-item .item-info { display:none; }
.a-item:hover .a-cover {top:0;}
.a-cover{position:absolute; background:#56a5fa;left: 0; width: 100%; height:100%; color:#fff;-webkit-transition: top 0.4s; -moz-transition: top 0.4s; transition: top 0.4s; top:130px; text-align: center; }
.a-cover p.ACTit{text-align:center; font-size:16px; margin:0 5px;white-space:nowrap; overflow:hidden;}
.a-cover p.ACCont{padding:0 15px; margin-bottom:10px; height:45px; overflow:hidden;}
.a-cover span{display:block; margin:0 auto; width:80px; height:22px; border:1px solid #fff; border-radius:5px; line-height:22px;}
a.a-cover:hover{color:#fff;}

/*热门，游戏*/
.CARecommend{width:1150px;background:#FFF;height:120px;padding:25px;margin:0 auto;margin-bottom:20px; position: relative;}
.CARecommend h2{width:25px; padding:5px 0 5px 10px; color:#000;font-size:16px; margin-bottom:10px;position: absolute;left: -38px;top:37px;background-color:#358ff0;color:#fff;font-weight:normal}

.CARecommend p{width:1145px;line-height:35px; padding-left:5px; height:105px; overflow:hidden;}
.CARecommend p span{margin:0 5px;color:#000; display:inline-block}
.CARecommend p a{margin:0 5px;color:#000;display:inline-block}
.CARecommend p a:hover{color:#358ff0;}

/* 单机游戏分类 */
.CSAClass{padding-top:20px; width:1150px; overflow:auto;}
.CSAClass .CSACli{border:1px solid #ccc; border-radius:8px; width:278px; height:380px; float:left; margin-right:10px; margin-bottom:25px;overflow:hidden;}
.CSAClass .CSACli.mr{margin-right:0px;}
.CSAClass .CSACli .CSACLTitle{height:35px; line-height:35px;color:#000; font-size:16px; background:#e8e8e8; padding:0 10px;border-bottom:1px solid #ccc;}
.CSAClass .CSACli .CSACLTitle h3{float:left}
.CSAClass .CSACli .CSACLTitle h3>a{color:#333;}
.CSAClass .CSACli .CSACLTitle h3>a:hover{color:#358ff0;}
.CSAClass .CSACli .CSACLTitle > a{float:right; display:block;font-size:14px;}
.CSAClass .CSACli .CRKLoad p span{font-size:12px;color:#000; width:175px; white-space:nowrap; overflow:hidden;}
.CSAClass .CSACli .CRKLoad{height:60px; overflow:hidden;}
.CSAClass .CSACli .CRankingList{margin-left:10px;}

/* 中间模块二部分 */
.FLink span{border-bottom:1px solid #b1b1b1; font-size:18px; color:#000; line-height:40px; display:block; font-weight:bold;}
.FLink p{line-height:30px; padding-bottom:15px;}
.FLink p a{margin-right:20px;}

#move{
	position: fixed;
	left: 50%;
	margin-left:610px;
	top:600px;
	display: none;
}
#move li{
	width: 60px;
	height:60px;
	line-height:60px;
	text-align: center;
	cursor: pointer;
	margin-bottom:1px;
	background:#e1dfdf; 
}
#move ul li:hover {
        background:#358ff0;color:#fff;
    }
#move li.last{font-size:36px;font-weight:bold;}
