@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
table { border-collapse:collapse; border-spacing:0;}
fieldset, img {	border:0; }
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
:focus { outline: 0;}
a{ text-decoration:none;}
a:hover img{ border:none;}
/*清除浮动*/
.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*png css hack for ie6*/
*html img.png{ _background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "http://i0.itc.cn/20101019/848_0a785a7b_1118_4825_85dc_e8696988c94b_0.gif");
}
/* global */
html { min-width: 1000px; overflow-x:hidden;}
body { font-size:12px; color:#686868; font-family:Arial, '宋体', Helvetica, sans-serif; min-width:980px; background:#eeeeee; min-width: 1000px; overflow-x:hidden;}
.wraps{ width: 1000px; margin: 0 auto; position: relative;}
.stage li.hidy{ display: none;}
/*topBan*/
#topBan{ background: #ffffff; width: 100%; height: 80px; position: relative; border-bottom: 1px solid #cfcfcf; }
.logo{ display: block; cursor: pointer; width: 143px; height: 43px; background: url(../images/logo.jpg) no-repeat; position: absolute; top: 22px; left: 27px; text-indent: -9999em;}
.cyNav{ padding: 0 0 0 330px; overflow: hidden;}
.cyNav li{ float: left; height: 80px; line-height: 80px; font-size: 14px; font-family: "微软雅黑";}
.cyNav li a{ display: block; cursor: pointer; width: 134px; text-align: center; height: 100%; color: #666666; float: left; position: relative; z-index: 2}
#blob {position: absolute; top: 0; z-index : 1; background: url(../images/nav_bg.jpg) bottom center no-repeat; }
/*header*/
#header{ height: 400px;}
.mainBg_wraps{ position: absolute; top: 0; left: 50%; margin-left: -980px; width: 1920px; height: 400px; overflow: hidden;}
#mainBgHandler{ height: 17px; position: absolute; width: 1000px; text-align:center; font-size:0; z-index: 20; bottom: 15px;}
#mainBgHandler a{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; font-size:13px; width: 14px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;margin: 0 8px; height: 14px; cursor: pointer; background: #f4faff; }
#mainBgHandler a:hover,#mainBgHandler a.active{ background: #86ccff;}
.linksbox{ display: block; width: 142px; height: 104px; position: absolute; right: 54px; bottom: 50px; z-index: 20; overflow: hidden;}
.linksbox ul li{ display: block; width: 142px; height: 48px; margin: 0 0 4px; line-height: 48px; text-indent:48px;}
.linksbox ul li a{ display: block; width: 100%; height: 100%; cursor: pointer; color: #fff; font-size: 14px; font-family: "微软雅黑"; background:#0072c6 url(../images/bgLinkBg.png) no-repeat;}
.linksbox ul li a:hover{background-color: #EB452F;}
.linksbox ul li.home a{ background-position: 0 0;}
.linksbox ul li.down a{ background-position: 0 -49px;}
.linksbox ul li.reg a{ background-position: 0 -98px;}
/* 让 chrome 支持 12px 以下的字体 */
@media screen and (-webkit-min-device-pixel-ratio:0){#mainBgHandler{-webkit-text-size-adjust:none;}}
/*content*/
#content{ overflow: hidden;}
.inner{ padding:20px; position: relative; overflow: hidden;}
.leftbar{ width: 270px; float: left; margin: 0 15px 0 0;}
/*btns_box*/
.btns_box{ overflow: hidden; }
.btns_box li{ float: left;}
.btns_box li a{ display: block; cursor: pointer; width: 133px; height: 65px;background: #2D2D2D;color: white;
border: 1px solid #202020; }
.btns_box li.other a{background: #EB452F;border: 1px solid #bf3d29;}
.btns_box li.odd a{ border-left: none;}
.btns_box li a span{ display: block; width: 100%; text-align: center; padding: 12px 0 4px; font-size: 18px; font-family: "微软雅黑";}
/* 按兼容要求配置 src url */
    @font-face {
      font-family: 'mingliu0';/* 字体名，可自定义 */
      src: url('./mingliu0.eot'); /* fix ie9 */
      src: url('./mingliu0.eot?#iefix') format('eot'),/* ie4~ie8*/
           url('./mingliu0.ttc') format('truetype');/* modern browser safari in iOS */
    }
.btns_box li a i{ display: block; font-size: 12px; text-align: center; font-style: normal; width: 100%; color: #7f7f7f; font-family:'mingliu0';}
.btns_box li.other a i{ color: #ffc9c2;}
.btns_box li.borBT a{ border-bottom-color: #343434;}
.btns_box li a:hover{background: #0072C6;border-color: #0061A8;}
.btns_box li a:hover i{ color: #bcdff9;}
/*newBox*/
#newBox{ width: 244px; padding: 13px; background: #ffffff; color: #333333;margin:20px 0 0 ;}
#newBox h2{ width: 100%; height: 24px; position: relative; line-height: 24px; font-size: 14px; font-family: "微软雅黑"; border-bottom: 1px solid #b4b4b4; text-indent: 5px;}
#newBox ul{ overflow: hidden; padding: 6px 0 0;}
#newBox ul li{ float: left; width: 244px; overflow: hidden; height: 28px; line-height: 28px;}
#newBox ul li a{ float: left; color: #333333;width: 198px;}
#newBox ul li .time{ float: right; }
.left_pic{ padding-top:20px;}
#newBox h2 a{
	position: absolute;
	top:-3px;
	right: 2px;
	color: #0072C6;
	font-size: 12px;
}
/*righCont*/
.righCont{ float: left; width: 675px; overflow: hidden; position: relative;}
#cycWrap{ width: 660px; height: 150px; border: 1px solid #e2e2e1; position: relative; margin: 20px 0 0;}
#cycWrap ul{ width: 660px; overflow: hidden; height: 150px;}
#cycWrap ul li{ float: left; width: 100%; height: 100%;}
.slider { bottom: 15px; overflow: visible; position: absolute; right: 15px; width: auto; z-index: 10; }
.slider a { background: #ffffff; cursor: pointer; display: block; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 10px; margin-right: 4px; overflow: hidden; position: relative; width: 10px; }
.slider a:hover, .slider a.current { background: #86ccff; }
/*gameBox*/
#gameBox{ overflow: hidden; position: relative; width: 675px;}
#gameBox h2{ color: #333333; font-family: "微软雅黑"; line-height: 2em; text-indent: 16px; font-size: 14px;}
#gameBox h2 a{ float: right; color: #333333; padding-right: 20px;}
#gameBox h2 a:hover{ text-decoration: underline;}
#tabBox{ width: 100%; position: relative; height: 40px;text-align: center; font-family: "微软雅黑"; font-size: 14px;  }
#tabBox span{ display: block; width: 123px; height: 32px; color: #ffffff; line-height: 32px; padding-top:6px; position: absolute; top: -1px; left: 0px; text-indent:50px; text-align:left; cursor: pointer;}
#tabBox span.active{ color: #ffffff; z-index: 1 ; height: 32px;}
#tabBox span#newgames{ left:123px;}
.recommend_box{ position:absolute; top:0px; left:0px; width:246px; height:38px; background:url(../images/top_nav.png) no-repeat 0px 6px;}
.recommend{ position:absolute; top:0px; left:0px; width:246px; height:38px; }
.red_hot{background:url(../images/hot_bg.png) no-repeat;}
.recommend .p_hot{ position:absolute; top:12px; left:25px;}
.recommend .p_new{ position: absolute; top: 14px; left: 25px; }
.tabBox_nav{ position: absolute; right: 12px; top: 12px; text-align: right; color: #615e5e; font-size: 12px; font-family: '宋体'}
.tabBox_nav a{ padding: 0 2px; color: #615e5e; }
.tabBox_nav a:hover,.tabBox_nav a.active{ color: #0072c6;}
#allgamebtns{ width: 84px; height: 28px; position: absolute; top:34px; right:10px; z-index: 1}
#allgamebtns .allgames{ display: block; width: 84px; height: 28px; cursor: pointer; background: url(../images/btnsprite.png) no-repeat; text-indent: -9999em;}
#allgamebtns .allgames:hover{ background-position: -85px 0;}
.gameswraps{ width: 530px; background: #ffffff; position: absolute; top: 28px; right: 0; display: none;}
.gametabsbox{ width: 530px; height: 34px; background: #eb452f;}
.gametabsbox li{ width: 106px; height: 34px; cursor: pointer; float: left;}
.gametabsbox li a{ display: block; width: 100%; height: 100%; line-height: 34px; text-align: center; font-family: '微软雅黑'; color: #ffffff;}
.gametabsbox li a.current,.gametabsbox li a:hover{ background: #2d2d2d;}
.gameCont{ width: 100%; overflow: hidden;}
.gameCont li{ width: 105px; border-right: 1px solid #e7e7e7; float: left;} 
.gameCont li a{ width: 105px; height: 40px; display: block; cursor: pointer; color: #2d2d2d; text-indent: 14px; line-height: 40px;}
.gameCont li a:hover{ background: #2d2d2d; color: #ffffff}
.gameCont li a span { color: #FFFFFF; font-size: 11px; line-height: 10px; margin-left: 3px; padding: 0 2px; }
.gameCont .hot { background:#eb452f; }
.gameCont .new { background:#00c662; }
.bor{border-bottom: 1px solid #b4b4b4;width: 675px;height: 38px;}
/* masgBox */
.masgBox{ padding: 20px 0 0; font-size: 14px; color: #333333; display: none;}
.masgBox .tips{ color: #0072c6;}
/* games */
.games{ overflow: hidden;}
.stage{ overflow: hidden; width: 675px;}
.stage li.wrapBx{ width: 675px;  height: 176px; position: relative; overflow: hidden;border-bottom: 1px dashed #b4b4b4;padding: 20px 0; } 
.gameWrap{width: 328px; height: 172px; position: relative;  float: left; border: 1px solid #b4b4b4; overflow: hidden;}
#tlBox{ background: url(../images/big_tlbg.jpg) no-repeat;} 
#djBox{ background: url(../images/djbg.jpg) no-repeat;} 
#ldjBox{ background: url(../images/ldj.jpg) no-repeat;} 
#xshBox{ background: url(../images/sh.jpg) no-repeat;} 
#bfBox{ background: url(../images/zd.jpg) no-repeat;} 
#dpolBox{ background: url(../images/dp.jpg) no-repeat;} 
#sh2Box{ background: url(../images/s2.jpg) no-repeat;}
#yhmxBox{ background: url(../images/yh.jpg) no-repeat;}
#prsBox{ background: url(../images/prs.jpg) no-repeat;}
#x6Box{ background: url(../images/x6.jpg) no-repeat;}
#x7Box{ background: url(../images/x7.jpg) no-repeat;}
#zhBox{ background: url(../images/zh.jpg) no-repeat;}
#gyBox{ background: url(../images/gy.jpg) no-repeat;}
#tyBox{ background: url(../images/ty.jpg) no-repeat;}
#tzcsBox { background:url(../images/tzcs.jpg) no-repeat;}
#dfqBox{ background: url(../images/dfq_new.jpg) no-repeat;}
#dbBox{ background: url(http://i1.cy.com/www/main/20130703/dbbg1.jpg) no-repeat;} 
#xtlBox{ background: url(http://i0.cy.com/cyou/pic/20130711/xtl.jpg) no-repeat;} 
#jdcsBox{ background: url(http://i0.cy.com/cyou/pic/20130801/a3.jpg) no-repeat;} 
.leftbtns{ width: 53px; height: 172px;  position: absolute; top: 0; left: 275px; overflow: hidden; }
.leftbtns li{ width: 53px; height: 43px; float: left; margin: 0;}
.leftbtns li a{ display: block;background: #d0d0d0; width: 100%; height: 100%; cursor: pointer; color: #0072c6; text-align: center; line-height: 43px; font-size: 14px; font-family: '微软雅黑'; }
.leftbtns li a:hover,
.leftbtns li a.spec:hover {background: #0072c6; color: #ffffff;}
.leftbtns li a.spec{ background: #d0d0d0;}
.introBox{ float: left; padding: 5px 20px; width: 300px; position: relative; height: 170px; line-height: 22px; overflow: hidden; background:url("../images/tagbg2_bg.jpg") no-repeat scroll 19px 118px;}
.tagsbox{ position: absolute; left: 29px; bottom: 32px; width: 315px; font-size: 0; }
.gameSta{ bottom: 3px;}
.tagsbox span,.tagsbox a{display:inline-block;*display:inline;*zoom:1; font-size: 14px;}
.tagsbox a{ color: #0072c6; font-size: 14px; padding: 0 5px;}
.tagsbox a:hover{ text-decoration:underline;}
.tagsbox span{ width: 71px; height: 20px; line-height: 20px; text-indent: 2px; font-size: 14px; font-weight: bold; color: #ffffff; background: url(../images/tagbg1.jpg) no-repeat;} 
.gameSta span{background: url(../images/tagbg2.jpg) no-repeat;}
.gameSta a{ color:#615e5e;}
.gameSta a:hover{ text-decoration:none;}

/* single-video */
.single-video {background: #0072C6;display: none;height: 343px;position: relative;width: 575px;z-index: 99999;}
.single-video .close { cursor: pointer; display: block; height: 26px; position: absolute; right: 0; top: 0; width: 36px; z-index: 100; text-align: center; line-height: 26px; color: #ffffff; font-size: 16px;}
.videowrap { height: 310px; left: 7px; position: absolute; top: 27px; width: 561px; z-index: 99; background: #eee;}
.loading{ width: 663px; height: 40px; background: url(../images/loading.jpg) no-repeat; position: absolute; left: 5px; bottom: 5px; z-index: 2; display: none;}

/*8.12pop*/
#dfq-video {background: #0072C6;display: none;height: 343px;position: relative;width: 575px;z-index: 99999;}
#dfq-video .voice-stop { cursor: pointer; display: block; height: 26px; position: absolute; right: 0; top: 0; width: 36px; z-index: 100; text-align: center; line-height: 26px; color: #ffffff; font-size: 16px;}
#dfq-video #replaced-Single { height: 310px; left: 7px; position: absolute; top: 27px; width: 561px; z-index: 99; background: #eee;}

/* footer */
#top {width:32px; height:16px; position:fixed; bottom:120px; left:466px; margin-left:50%; background:url(../images/backtop.jpg) no-repeat; cursor:pointer; z-index:9;}
*html #top { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#cyou-footer-bg {width:100%; height:120px; border-top:#0070c6 solid 4px; background: #F7F7F7}
#cyou-footer {position:relative; margin:0 auto; width:980px; height:110px; color:#686868; line-height:22px;}
#cyou-footer a {color:#686868;}
#cyou-footer a:hover {color:#006dc1; text-decoration:none;}
#cyou-footer .logo {position:absolute; left:80px; top:27px; display:block; width:177px; height:49px; background:url(http://i1.itc.cn/20120524/9c8_9fe64cf3_c015_28a8_5f22_bc961a44c9d0_7.jpg) no-repeat;}
#cyou-footer .packer {position:absolute; left:290px; top:20px;}
#cyou-footer .packer ul {overflow:hidden; zoom:1;}
#cyou-footer .packer ul li {float:left; padding:0 12px; background:url(http://i0.itc.cn/20120524/9c8_9fe64cf3_c015_28a8_5f22_bc961a44c9d0_14.jpg) no-repeat left center;}
#cyou-footer .packer ul li.no {padding-left:0; background:0 none;}