body{background-color: #fff;min-width: 1200px;}
.main{width: 1180px;padding: 0 10px;margin: 0 auto;}
a:hover{text-decoration: none;}
i{font-style: normal;}
.main img:hover{ opacity:0.9;filter(alpha=90)}
.hidden{display: none;}
.show{display: block;}
/*imgbox*/
.imgbox a{float: left;position: relative;}
.imgbox img{display: block;width: 110px;height: 70px;
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
}
.imgbox img:hover{opacity: .8;filter: alpaha(opacity: 80);}
.imgbox .txt{display: block;width: 100%;height: 14px;line-height: 14px;color: #333;text-align: center;margin-top: 8px;overflow: hidden;}
.imgbox .layer{position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;background: url(../images/index/play.png) 43px 27px no-repeat;background-color: rgba(0,0,0,.4);background-color: #000\9;}
.imgbox .classify{position: absolute;right: 0;top: 80px;width: 30px;height: 20px;background-color: rgba(0,0,0,.7);background-color: #000\9;color: #fff;line-height: 20px;text-align: center;font-size: 12px;}
.imgbox a:hover .txt{color: #ff5500;}
.imgbox a:hover .layer{display: block;}
/*topArea*/
.topArea{width: 100%;padding: 20px 0;border-bottom: 1px solid #ddd;}
.topArea-cont{width: 1180px;height: 77px;margin: 0 auto;padding: 0 10px;}
.topArea h1,.topArea ul{float: left;}
.topArea h1{font-size: 0;padding-right: 35px;}
.topArea h1 a{display: block;width: 218px;height: 64px;background: url(../images/index/topArea_logo.png) 0 0 no-repeat;}
.topArea ul{padding: 0 18px;width: 270px;height: 77px;border-left: 1px dotted #ddd;}
.topArea li{height: 22px;width: 270px;overflow: hidden;margin-bottom: 7px;}
.topArea ul h3,.topArea ul span{float: left;}
.topArea ul h3{font-size: 16px;font-weight: bold;}
.topArea ul h3 a,.topArea ul span a{
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari 和 Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */
}
.topArea ul h3 a{color: #333;padding: 0 5px;height: 22px;line-height: 22px;}
.topArea ul span{margin-top: 3px;}
.topArea ul span a{font-size: 13px;color: #666;padding: 0 5px;height: 18px;line-height: 18px;float: left;}
.topArea ul h3 a:hover,.topArea ul span a:hover{background-color: #ff5500;color: #fff;}
/*navbar-gameType*/
.navbar-gameType{float: left;}
.navbar-gameType a{float: left;width: 94px;height: 12px;line-height: 12px;padding-top: 45px;border-right: 1px dotted #ddd;text-align: center;color: #787878;background-image: url(../images/index/gameType_icon.png);background-repeat: no-repeat;}
.navbar-gameType a:hover{color: #ff5500;}
.navbar-gameType-1{background-position: 32px 0;}
.navbar-gameType-2{background-position: -64px 0;}
.navbar-gameType-3{background-position: -159px 0;}
.navbar-gameType-4{background-position: -254px 0;}
.navbar-gameType-5{background-position: -349px 0;}
.navbar-gameType-6{background-position: -443px 0;}
.navbar-gameType-7{background-position: -538px 0;}
.navbar-gameType-8{background-position: -637px 0;}
.navbar-gameType-9{background-position: -728px 0;}
.navbar-gameType-1:hover{background-position: 32px -99px;}
.navbar-gameType-2:hover{background-position: -64px -99px;}
.navbar-gameType-3:hover{background-position: -159px -99px;}
.navbar-gameType-4:hover{background-position: -254px -99px;}
.navbar-gameType-5:hover{background-position: -349px -99px;}
.navbar-gameType-6:hover{background-position: -443px -99px;}
.navbar-gameType-7:hover{background-position: -538px -99px;}
.navbar-gameType-8:hover{background-position: -637px -99px;}
.navbar-gameType-9:hover{background-position: -728px -99px;}
/*navbar1*/
.navbar1{padding: 16px 9px;border: 1px solid #eaeaea;margin-bottom: 27px;}
/*navbar1-top*/
.navbar1 ul{border-bottom: 1px dotted #ddd;}
.navbar1 li{height: 25px;margin-bottom: 10px;line-height: 25px;color: #c6c6c6;}
.navbar1 li span{float: left;width: 57px;height: 25px;border-left-width: 3px;border-left-style: solid;background-color: #fcfcfc;color: #333;font-weight: bold;line-height: 25px;text-align: center;
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari 和 Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */
}
.navbar1 li div{float: left;width: 1100px;height: 14px;line-height: 14px;overflow: hidden;margin-top: 5px;}
.navbar1 li a{color: #333;padding: 0 15px;border-left: 1px solid #c6c6c6;}
.navbar1 li a:hover{color: #ff5500;text-decoration: none;}
.navbar1 li div a:first-child{border-left: 0;}
.navbar1-li-1 span{border-left-color: #ff6933;}
.navbar1-li-2 span{border-left-color: #4cc6ff;}
.navbar1-li-3 span{border-left-color: #98c227;}
.navbar1-li-4 span{border-left-color: #ffaa32;}
.navbar1 li:hover span{color: #fff;}
.navbar1-li-1:hover span{background-color: #ff6933;}
.navbar1-li-2:hover span{background-color: #4cc6ff;}
.navbar1-li-3:hover span{background-color: #98c227;}
.navbar1-li-4:hover span{background-color: #ffaa32;}
/*navbar1-bottom*/
.navbar1-bottom{margin-top: 10px;}
.navbar1-tag{float: left;width: 18px;height: 100px;background: url(/Public/images/game/navbar1_tag.png) 0 0 no-repeat;padding: 7px 8px 0 8px;line-height: 20px;color: #ff7f00;}
.navbar1 .imgbox{margin: 10px 0 0 -10px;float: left;}
.navbar1 .imgbox a{float: left;margin-left: 30px;}
.navbar1 .imgbox .txt{width: 110px;}

.dangame{ position:relative;}
.main h3{ font-size:22px; font-weight:bold; color:#e54d00; line-height:23px; padding-bottom:12px; border-bottom:2px solid #ff7f00;}
.dangame .yahd{ position:absolute; left:0; top:0; border:none;}
.dangame .gamelist{ border:none; width:750px; float:left; padding:35px 0 20px;}
.dangame .gamelist li{ text-align:center; padding:20px 0 0 20px; height:237px;}

.total{ margin-top:10px; padding:0 20px 20px;}
.upcoming .sbd{ *zoom:1; overflow:hidden;}
/*mini_fl*/
.mini_fl{ width:860px; float:left;}
.mini_fl .minilist{ margin:0 0 19px -20px;}
.mini_fl .minilist li{ float:left; width:156px; display:inline; margin:18px 0 0 20px;}
.mini_fl .minilist li img{ width:156px; height:107px;}
.mini_fl .minilist li p{ height:17px; line-height:17px; overflow:hidden; text-align:center; font-size:16px; margin:8px 0 0 0;}
.mini_fl .minilist li p a{ color:#333;}
.mini_fl .minilist li p a:hover{color: #ff5500;}
.mini_fl .rectext{ border-top:1px solid #ececec; margin-bottom:45px;}
.rectext li{ float:left; width:190px; padding-left:15px; background:url(/Public/images/game/xgame/icon02.png) no-repeat left center; margin:18px 10px 0 0;}
.rectext li a{ font-size:16px; line-height:17px; height:17px; display:block; overflow:hidden; color:#333;}
.rectext li a:hover{color: #ff5500;}
/*mini_fr*/
.mini_fr{ width:280px; float:right;}
.mini_fr h2{ font-size:18px;}
.mini_fr .title{ position:relative;}
.mini_fr .tab_hd {position: absolute; top:-3px; right: -5px; overflow: hidden; background: url(/Public/images/game/xgame/bgli.jpg) no-repeat center center;}
.mini_fr .tab_hd span{ margin:0 3px; display:inline-block; line-height:26px;}
.mini_fr .tab_hd span.active { color: #ff9500; font-size: 14px; background: url(/Public/images/game/xgame/libg2.jpg) no-repeat bottom center; cursor:pointer;}
.mini_fr .popular{ margin:0; float:none; margin-bottom:40px;}
.mini_fr .numlist span{ color:#999;}

.tit li{ margin-bottom:15px;}
.tit li.active div{ display:none;}
.tit li.active dl{ display:block;}
.tit li div{ overflow:hidden;}
.tit div em{ float:left; display:block; width:19px; text-align:center; line-height:19px; height:19px; background-color:#4b9afa; color:#fff;}
.tit div em.bg{ background-color:#ff5a00;}
.tit div p{ float:left; display:block; margin:0 4px;}
.tit div p a{ display:block; color:#969696; font-size:14px; line-height:19px;}
.tit div p a:hover,.area2-right .tit div h5 a:hover{ color:#ff5a00;}
.tit div h5 a{ float:left; display:block; color:#333; font-size:14px; line-height:19px; width:165px; height:19px; overflow:hidden;}
.tit div h5 a:hover{ color:#ff5a00;}
.tit div span{ float:right; display:block; color:#969696; font-size:14px; line-height:19px;}
.tit div b{ color:#e64d00; font-weight:normal;}
.tit li dl{ overflow:hidden; display:none;}
.tit dt{ float:left; width:130px; height:100px;}
.tit img{ display:block; width:130px; height:100px;}
.tit dd{ float:right; width:140px;}
.tit dd h5{ color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; margin-bottom:8px;}
.tit dd h5:hover{ color:#ff5a00;}
.tit dd p{ color:#969696; font-size:14px; line-height:20px;}
.tit dd b{ color:#e64d00; font-size:18px; font-weight:bold;}
.tit dd .down{ line-height:26px; height:26px; color:#fff; font-size:14px; font-weight:bold; display:block; padding-left:34px; width:68px; margin-top:6px; background:url(../../images/single/game_index/dn.png) no-repeat #ff9500 10px center;}
.tit dd .down:hover{ background:url(../../images/single/game_index/dn.png) no-repeat #fba326 10px center;}

.sortmenu{ margin-bottom:40px;}
.dangame .mini_fr .numlist{ padding-bottom:0; margin:10px 0;}
.sortmenu dl{ display:none;}
.sortmenu .highlight dl{ display:block;}
.subcontainer h4{line-height:38px; height:38px; background-color:#fdfdfd; padding:0 10px 0 13px; border:1px solid #eee; cursor:pointer; margin-top:-1px; color:#575757; font-size:16px;}
.subcontainer h4 ins{ float:right; width:14px; height:14px; background:url(/Public/images/game/xgame/icon04.png) no-repeat; background-position:0 0; margin-top:12px;}
.highlight h4{ position:relative;}
.highlight h4 ins{ background-position:0 -34px;}
.highlight h4 i{ display:block; background:url(/Public/images/game/xgame/h4bg.png) no-repeat left bottom; position:absolute; left:0; bottom:-8px; width:280px; height:8px; z-index:2px;}


.numlist dd{ overflow:hidden; padding:9px 0;}
.numlist dd em{ float: left; display: block; width: 19px; text-align: center; line-height: 19px; height: 19px; background-color: #4b9afa; color: #fff;}
.numlist dd em.n3{ background-color: #ff5a00;}
.numlist dd a{ float: left; display: block; color: #333; font-size: 14px; line-height: 19px; width:205px; height: 19px; overflow: hidden; margin:0 10px 0 7px;}
.numlist dd a:hover{ color:#ff5a00;}
.numlist dd span{ float:right; display:block; color:#969696; font-size:14px; line-height:19px;}
.numlist dd b{ color:#e64d00; font-weight:normal;}

.dangame .gamelist li { position:relative;}
.dangame .gamelist li em{ width:45px; height:45px; display:block; background:url(../images/zwbg.png) no-repeat; z-index:1000; position:absolute; top:20px; right:0;}
.dangame .gamelist li a .tt{ width:115px; text-align:right; padding-right:5px;height:25px; background:url(../images/newttbg.png); line-height:25px;  color:#ffffff; position:absolute; left:25px; top:160px; z-index:100;}
.dangame .gamelist li em.yw {width:45px; height:45px;display:block; z-index:1000; position:absolute; top:20px; right:0; background:url(../images/engbg.png) no-repeat}
.uplist li { position:relative;}
.uplist li .tt{ width:99px; height:25px; background:url(../images/newttbg.png); line-height:25px; text-align:center; color:#ffffff; position:absolute; left:25px; top:112px; z-index:100; overflow:hidden;}
.uplist li span{ text-align:center; height:25px; line-height:25px; overflow:hidden; color:#b8b8b8; display:block;}
.uplist li span em{ color:#fc0027;}
/*upcoming*/
.upcoming{ margin-bottom:60px;}
.recmini{ margin:0 0 20px -15px;}
.recmini li{ float:left; width:155px; display:inline; margin:20px 0 0 15px;}
.recmini li img{ width:156px; height:107px;}
.recmini li p{ height:17px; line-height:17px; font-size:16px; overflow:hidden; text-align:center; margin:10px 0 5px;}
.recmini li p a{ color:#333;}
.recmini li p a:hover{color: #ff5500;}
.upcoming .rectext{ border-top:1px solid #ececec;}
.upcoming .rectext li{ width:211px;}
/*friendLink*/
.friendLink{width: 100%;padding: 30px 0;background-color: #f9f9f9;border-top: 1px solid #ff6a00;}
.friendLink a:hover{text-decoration: underline;}
.friendLink-cont{width: 1180px;padding: 0 10px;margin: 0 auto;}
.friendLink-title{border-bottom: 1px solid #ddd;line-height: 30px;height: 30px;margin-bottom: 20px;}
.friendLink-title h2{font-size: 18px;color: #414648;float: left;border-bottom: 1px solid #858585;line-height: 30px;padding-right: 30px;}
.friendLink-link{margin-left: -20px;}
.friendLink-link a{margin: 0 0 12px 20px;float: left;color: #666;width: 135px;height: 14px;line-height: 14px;overflow: hidden;}