@charset "utf-8";
/* CSS Document */
/* ----- 全局初始样式*/
body,td,th{font-size:12px;font-family:"微软雅黑"}
a{ text-decoration:none;}
h1,h2,h3,h4{font-size:12px; font-weight:normal}
*{padding:0;margin:0 ;outline: 0; background: transparent;}
ul,li{list-style:none}
h1{display:none} 
img{border:0;}

/* ----- 初步框架样式*/
.top ul,.header ul,.top_g_list,.part_,.ad_w1000,.footer ul,.rollNav ul,.w970,.w980,.head,.main{margin:0 auto;overflow:hidden}
.fl{float:left}
.fr{float:right}
.mt5{margin-top:5px;    /*margin-bottom: 146px;*/}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}

.ml20{margin-left:20px;}

.w200{width:200px;overflow:hidden}
.w320{width:320px;overflow:hidden}
.w340{width:340px;overflow:hidden}
.w280{width:280px;overflow:hidden}
.w440{width:440px;overflow:hidden}
.w640{width:640px;overflow:hidden}
.w660{width:660px;overflow:hidden}
.w760{width:760px;overflow:hidden}
.w780{width:780px;overflow:hidden}
.w970{width:970px;overflow:hidden}
.w980{width:980px;overflow:hidden}

.top ul,.header ul{width:1200px;}
.img_{display:block;overflow:hidden;}
.line_{border-top:1px dashed #dfdfdf}

.part_{width:1000px;margin-bottom: 40px;}

.ad_w1000{width:1000px;}
.ad_w1000 a{display:block;overflow:hidden;}

.ad_w280{width:280px;}
.ad_w280 a{display:block;overflow:hidden;}
.ad_w280 img{width:280px;}

.ad_w320{width:320px;}
.ad_w320 a{display:block;overflow:hidden;}
.ad_w320 img{width:320px;}

.box{overflow:hidden}

/* ----- 共享特殊样式(延迟和圆角) */
.news_img li h3{-webkit-transition:all 1s ease-out;-khtml-transition:all 1s ease-out;-moz-transition:all 1s ease-out;}

.rollNav .nav a,
.header .nav a,
.roll_prev,.roll_next,.roll_main ul li:hover .info,
.v_img li a,
.test a,
.kwicks li em,
.img_g em,
.news_img li:hover h3,
.eval li h3 a,.eval p span,
.area .img_01:hover img,.area .img_:hover img,
.dbs li em a,.dbs li em a:hover,.dbs h3 a font,.dbs h3 a:hover font,
.b_img em,
.art_list li .img_,
.same_g .fr,
.page a,
.tags a,
.pack_btn:hover,
.g_vidio:hover h3,
.rel_game a img,
.nav_ a,
.dbs .img_,.dbs li:hover .img_,
.rec_pack li h3 a,.rec_pack li span a,
.rec_pack li:hover .img_ img,.rec_pack li:hover h3 a,.rec_pack li:hover span a,
.pack_list li a,.pack_list li,
.test_nav .nav_ .c,
.test_list li,
.screen label
{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}

.down a em,.test a:hover,
.dbs .img_,.dbs li:hover .img_,
.rec_pack li .img_,
.test a:hover em img,
.same_g a
{-moz-border-radius:5px;/* Gecko browsers */ -webkit-border-radius:5px;/* Webkit browsers */  border-radius:5px;/* W3C syntax */}

.dbs li em a,
.rec_pack span a,
.g_rank li a img,
.pack_list li .img_,.pack_list li .img_ img,.pack_list li .btn
{-moz-border-radius:3px;/* Gecko browsers */ -webkit-border-radius:3px;/* Webkit browsers */  border-radius:3px;/* W3C syntax */}

.top_g_list a img,
.rel_game a img,
.down a img,.down,
.pack_get .img_,.pack_get .img_ img,.pack_get .info p a,.pack_get .info p a i,
.pack_get .extra a,
.show .c,.show .r
{-moz-border-radius:10px;/* Gecko browsers */ -webkit-border-radius:10px;/* Webkit browsers */  border-radius:10px;/* W3C syntax */}

/* ----- 跟随导航 */
.rollNav{width:100%;height:50px; background:#cc2b2e;  position:fixed; left:0px; top:0px; z-index:1001; display:none;border-bottom:2px solid #fff}
.rollNav a{display:block}
.rollNav ul{width:1100px}
.rollNav ul .logo{float:left;margin-top:7px;margin-right:20px;}
.rollNav ul .logo img{height:36px;}

.rollNav .nav{float:left;overflow:hidden;}
.rollNav .nav a{background:url(../images1/nav_icon.png) bottom no-repeat;display:block;float:left;line-height:50px;color:#eee;font-size:1.3em;width:74px;text-align:center}
.rollNav .nav a:hover{background:#fff url(../images1/nav_icon.png) bottom no-repeat;color:#dd5151;font-weight:bold}

.rollNav .search{width:210px;float:right;margin:10px 0px 0px 0;height:30px;position:relative;background:#fff;}
.rollNav .search,.rollNav .txt,.rollNav .search .btn{-moz-border-radius:14px;/* Gecko browsers */ -webkit-border-radius:14px;/* Webkit browsers */  border-radius:14px;/* W3C syntax */ }
.rollNav .search .txt{width:210px;padding:5px 0;height:20px;line-height:20px;overflow:hidden;background:#fff;font-size:14px;font-family:"微软雅黑"; text-indent:10px}
.rollNav .search .btn{width:40px;height:30px;position:absolute;top:0px;right:0px;line-height:30px;background:#fff url(../images1/search.png) center no-repeat;color:#fff;cursor:pointer;border:none;text-indent:-99999px;}

/* ----- top */
.top{line-height:30px;background:url(../images1/top.jpg) center repeat-x;border-bottom:#ccc 1px solid}

.top ul .fl a{font-size:12px;padding-left:35px;color:#888;margin-right:10px}
.top ul .fr a{color:#444;padding:0 5px;}
.top ul .fr a:hover,.top ul .fl a:hover{color:#cc2b2e; text-decoration:underline}
.top ul .fr img{width:20px;height:20px;margin:5px;float:left}


/* ----- header */
.header{background:#35ABD8;}
.header ul{overflow:hidden;height:70px;}
.header .logo{display:block;height:40px;margin:15px 10px 15px 0;float:left;}
.header .logo img{height:40px;}

.header .nav{float:left;overflow:hidden;}
.header .nav a{display:block;float:left;line-height:70px;color:#eee;font-size:18px;width:120px;text-align:center;text-decoration:none;;}
.header .nav a:hover{background:#FFF ;color:#35ABD8;}

.header .search{width:210px;float:right;margin:20px 0px 0px 0;height:30px;position:relative;background:#fff;}
.header .search,.header .search .txt,.header .search .btn{-moz-border-radius:14px;/* Gecko browsers */ -webkit-border-radius:14px;/* Webkit browsers */  border-radius:14px;/* W3C syntax */ }
.header .search .txt{width:210px;padding:5px 0;height:20px;line-height:20px;overflow:hidden;background:#fff;font-size:14px;font-family:"微软雅黑"; text-indent:10px}
.header .search .btn{width:40px;height:30px;position:absolute;top:0px;right:0px;line-height:30px;background:#fff url(../images1/search.png) center no-repeat;color:#fff;cursor:pointer;border:none;text-indent:-99999px;}

/* ----- title */
.ti{overflow:hidden;}
	.ti a{background:#fff}
	.ti .fl{font-size:18px;border-left:2px solid #cc2b2e;padding:0 5px 0 10px;color:#333}
	.ti .fl:hover{color:#cc2b2e}
	.ti .more{float:right;color:#666}
	.ti .more:hover{color:#cc2b2e}

.ti01{margin:5px 0;border-bottom:1px solid #ddd;height:20px;overflow:visible}
.ti01 .fl{height:21px;line-height:21px;}
.ti01 .more{padding-top:6px;}

.ti02{padding:0 0 10px 0;border-bottom:1px solid #ddd;height:21px}
.ti02 .fl{height:24px;line-height:24px;}
.ti02 .more{padding-top:6px;}

/* f_list */
.f_list{overflow:hidden;padding:40px 0;}
.f_list ul{overflow:hidden;padding-left:35px;width:165px;float:left;}
.f_list ul h3{width:100%;font-size:18px;color:#333;padding-bottom:10px;line-height:24px}
.f_list ul a{display:block;float:left;width:50%;line-height:30px;font-size:14px;color:#333}
.f_list ul a:hover{color:#f30; text-decoration:underline}

.f_list .f01{background:url(../images1/f01.jpg) left top no-repeat}
.f_list .f02{background:url(../images1/f02.jpg) left top no-repeat}
.f_list .f03{background:url(../images1/f03.jpg) left top no-repeat}
.f_list .f04{background:url(../images1/f04.jpg) left top no-repeat}
.f_list .f05{background:url(../images1/f05.jpg) left top no-repeat}

/* 友情链接 */
.flink{overflow:hidden;padding:10px 0 10px 20px;position: relative;}
.flink a{display:block;float:left;width:120px;line-height:24px;color:#444;font-size:14px}
.flink a:hover{color:#35ABD8; text-decoration:underline}

/* ----- 底部 */
.footer{overflow:hidden;background:#333;padding-top:20px;}
.footer ul{overflow:hidden;width:1000px;}

.footer .logo{display:block;float:left;margin:20px 0 20px 20px;padding-right:20px; border-right:2px solid #5b5b5b;height:63px}
.footer .logo img{height:63px}

.footer p{display:block;float:left;margin-top:20px;margin-left:20px;color:#666}
.footer p span a{color:#666;font-size:14px;line-height:24px;}
.footer p span a:hover{color:#ccc}
.footer p{line-height:20px;}

/* ----- 返回顶部 */
.cd-top {display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;/* image replacement properties */overflow:hidden;text-indent: 100%;white-space:nowrap;background:#cc2b2e url(../images1/arrow.png) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.cd-top.cd-is-visible {/* the button becomes visible */visibility:visible;opacity:1;}
.cd-top.cd-fade-out{/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */opacity:.5;}
.no-touch .cd-top:hover{background:#cc2b2e;opacity:1;}
@media only screen and (min-width: 768px) {
.cd-top{right:20px;bottom:20px;}
}
@media only screen and (min-width: 1024px) {
.cd-top{height:60px;width:60px;right:30px;bottom:30px;}
}

/* ----- 页码 */
.page{overflow:hidden;padding-top:30px;height:31px}
.page a{font-size:14px;padding:5px 12px;background:#eaeaea;margin-right:5px;color:#666;border:1px solid #d0d0d0}
.page a{-moz-border-radius:3px;/* Gecko browsers */ -webkit-border-radius:3px;/* Webkit browsers */  border-radius:3px;/* W3C syntax */}
.page a:hover,.page .tclass{background:#cc2b2e;color:#fff;font-weight:bold}

.game-link{
	    height: 120px;    
}
.ofl{
	overflow: hidden;
}
.game-link a {
	display: block;
	float: left;
	width: 120px;
	line-height: 24px;
	color: #444;
	font-size: 14px
}

.moregame {
	width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}
.moregame span{
	cursor: pointer;
}
.moregame .sq{
	display: none;
}
.game-link {
    height: 120px;
}