﻿@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dd,dt,ol,ul,li,p,form { margin: 0; padding: 0; font-family:"Microsoft YaHei";}
ol,ul,li,dl,dd,dt { list-style: none; } img { border: none; } em,i { font-style: normal; }
input,option,select,textarea,button { font-size: 12px; }
div,li,ul,dl,dd,dt { width: auto; overflow: hidden; }
dl { overflow: hidden; }
a { overflow: hidden; text-decoration:none; }

.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; font-size: 0; visibility: hidden; width: 0; line-height: 0; }
.fl{ float: left; display: inline; } 
.fr { float: right; display: inline; }


.w1200{ width:1200px; margin:0 auto;}

/*导航 页脚 开始*/
.nav{ background:url(images/hd_bg.jpg) no-repeat; height:103px;}
.nav_main{ width:1200px; height:100px; margin:0 auto;}
.nav_main .logo{ width:290px; height:103px; float:left;}
.nav_main ul{ float:left; padding-left:80px;}
.nav_main ul li{ width:90px; height:100px; float:left; padding-left:4px;}
.nav_main ul li a{ width:90px; height:100px; display:block; text-align:center; line-height:100px; font-size:20px; color:#fff; position:relative; transition:all 0.5 ease-out 0s;}
.nav_main ul li a.on,.nav_main ul li a:hover{ color:#ffea5f; }

.footer{ background:#0e0e0e; height:60px; text-align:center; margin-top:50px;}
.footer p{ width:1200px; margin:0 auto; font-size:12px; color:#999; line-height:60px;}
.footer p a{ color:#999; padding:0 5px;}
/*导航 页脚 结束*/

.gameBox{ height:150px; padding:27px 0 30px;}
.subarea_con{ width:1198px; 148px; border:1px solid #f73f0d;}
.subarea_con h4{ width:31px; height:148px; background:#f73f0d; float:left; font-size:16px; color:#fff; text-align:center; line-height:20px; font-weight:normal;}
.subarea_con h4 span{ padding-top:32px; display:block;}

.subarea_game{ width:1097px; height:140px; float:left; padding-left:50px;}
.subarea_game a{ width:75px; height:115px; display: block; margin:20px 65px 0 0; float: left; position: relative;text-align: center; -webkit-transition:margin-top .2s ease-out; transition:margin-top .2s ease-out;}
.subarea_game a img{ width: 75px; height: 75px; border-radius:10px; margin: 0 auto;}
.subarea_game a:hover{ margin-top: 16px; }
.subarea_game a span{ height: 30px; line-height: 30px; overflow: hidden; font-size:14px; color:#333;}

.subarea_gamename{ background:#f6f6f6; line-height: 30px; color: #a9a9a9; padding:10px 0;}
.subarea_gamename i{ padding: 0 8px;  }
.subarea_gamename a{ padding: 0 25px;  transition: all .2s ease-out 0s; font-size:16px; color:#444;}
.subarea_gamename a:hover{ color:#f73f0d;}
.subarea_gamename a.red{ color:#c9312c;}
.subarea_gamename a.red_bg{ background:#c9312c; color:#fff;}

/*banner*/
.fullSlide{ width: 100%;  position:relative; height:400px;}
.fullSlide .bd{width: 100%!important;}
.fullSlide .bd li{ position: relative;  height:400px; }
.fullSlide .bd li .siteWidth{ width:1000px;  height:400px; margin: 0 auto;  }
.fullSlide .bd li a.this_a{ width:1000px; height:400px; display:block; z-index:1;}

.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:36px; line-height:32px; text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:0px 10px; overflow:hidden; line-height:9999px; border:#fff solid 2px; border-radius: 11px;}
.fullSlide .hd ul .on{ background:#fff; }
.icon_bg2 { background-image: url("images/icon.png");background-repeat: no-repeat;}
.fullSlide .prev,
.fullSlide .next { width: 90px; height: 90px; margin: -45px 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer;}
.fullSlide .prev { background-position: 0 -21px; left: -90px; }
.fullSlide .next { background-position: -92px -21px; right: -90px; }
.fullSlide .prev:hover{ background-position: 0 -117px;}
.fullSlide .next:hover{ background-position: -92px -117px;}
.fullSlide_tit{ position: absolute; width: 156px; height: 148px; left: 50%; top:-10px; margin-left: -500px;}
.fullSlide_tit.span1{background-position: 0 -272px; }
.fullSlide_tit.span2{background-position: 0 -423px; }
.fullSlide_tit.span3{background-position: 0 -574px; }
.fullSlide_con{ height: 144px; width: 100%; left: 0px; filter: alpha(opacity=60); opacity: 0.6; background: #000; }
.fullSlide_con,.fullSlide_con1{ position: absolute; bottom: 0px;}
.fullSlide_con1{width:1000px; height:144px; left: 50%; margin-left: -500px;}
.fullSlide_con1 h4{ font-size: 24px; color: #fff; padding-top: 12px; }
.fullSlide_con1 a.btn1{ margin-top: 17px; text-align: center; width: 68px; height: 22px; border-radius: 3px; border:#ff2352 solid 1px; color: #ff2352; margin-left: 20px; line-height: 22px; }
.fullSlide_con1 .hd1{ margin-top: 17px; border:#505050 solid 1px; border-left: none; height: 24px; text-align: center;}
.fullSlide_con1 .hd1 div{ float: left; }
.fullSlide_con1 .hd1 div span{ display: block; cursor: pointer; width: 90px; line-height: 24px; border-left:#505050 solid 1px; color: #fff;}
.fullSlide_con1 .hd1 div.on span{ color: #0184e9; }
.fullSlide_con1 .bd1{ width:1000px; margin-top: 11px; }
.fullSlide_con1 .bd1 div p{ width: 333px; float: left; line-height: 24px; height: 24px; overflow: hidden;  }
.fullSlide_con1 .bd1 a{ color: #cccccc; }
.fullSlide_con1 .bd1 a:hover{color: #0184e9; }
.fullSlide_con1 .bd1 span{color: #0184e9;}




.tit{ border-left: 6px #f73f0d solid; height:40px; line-height: 38px; padding-left: 20px; margin-bottom:20px; position:relative;font-size:30px; color:#f73f0d; font-weight:normal; }
.tit a{ font-size:30px; color:#f73f0d; font-weight:normal; display:inline-block;}
.tit a.more{ padding-left:0;  line-height:18px; top:20px; right:0; position:absolute; width:52px; background:#fff; border:1px solid #b9b9b9; border-radius:25px;}
.tit a.more span{ padding-left:8px; float:left; font-size:12px; color:#b9b9b9;  transition: all .4s linear 0s;}
.tit a.more i{ background:url(images/more.png) no-repeat; width:10px; height:10px; display:inline-block; float:right;  transition: all .4s linear 0s; margin:4px 5px 0 0;}
.tit a.more:hover{ border-color:#f73f0d;}
.tit a.more:hover span{ color:#f73f0d;}
.tit a.more:hover i{  transform: rotate(180deg); background:url(images/more_h.png) no-repeat;}

.lt_list { border-top: 1px #f73f0d solid;}
.lt_list dl { height: 120px; position:relative; border-bottom:1px dotted #b0b0b0; padding:37px 0;}
.lt_list dl:last-child{ border-bottom:0;}
.lt_list sup { position: absolute; top: 37px; left:0;width: 180px; height: 120px; overflow:hidden}
.lt_list sup img { width: 180px; height: 120px; }
.lt_list dt{ line-height:30px; padding-left: 205px; height:40px}
.lt_list dt a{ color: #000; font-size: 24px;}
.lt_list dd{ line-height: 26px; font-size: 14px; color: #666;  padding-left: 205px;}
.lt_list dd p{ color:#898989}


.lt_list sup a img{transform: scale(1); transition: all 1s ease-out 0s; }
.lt_list sup a:hover img{transform:scale(1.1);}

.w760 { width:760px;}
.w420 { width:420px; padding-top:60px}
.news{ width:790px;}
.news_main .fl,.news_main .fr{ width:380px;}
.news_main .fl h2{ padding-top:25px;}
.news_main .fl h2 a{ font-size:18px; color:#f60; text-align:center; font-weight: bold; display:block;}
.news_main .fl .headlinea{ padding-top:5px; text-align:center;}
.news_main .fl .headlinea a{ font-size:14px; color:#666; line-height:30px; transition: color 0.4s ease-out 0s;}
.news_main .fl .headlinea a:hover{ color:#f60;}

.news_list{ padding:14px 0; border-top:1px dashed #d1d1d1;}
.news_list li{ line-height: 34px; height: 34px; }
.news_list a{ font-size:16px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; }
.news_list i{ width:2px; height: 16px; float: left; background: #d6d6d6; margin: 9px 10px 0 0; position: relative; }
.news_list span{ display: block; position: absolute; background: #f60; height:0px; overflow: hidden; width: 2px; left: 0px; top:0px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; }
.news_list a:hover span{ height: 16px; }
.mrt60{ margin-top:60px;}
.mrt30{ margin-top:30px;}
.mrt20{ margin-top:20px;}

/*kaifu*/
.kaifu table{ border:#e7e7e7 solid 1px; border-top:1px solid #f73f0d;}
.kaifu table th{ font-weight: normal;height:38px; font-size:14px; color:#6b6b6b; }
.kaifu_area{ border:#e7e7e7 solid 1px; border-top:none; }
.kaifu_area a{ height: 43px; display: block; line-height: 42px; width: 100%; text-align: center; position: relative; background: url(http://m1.073img.com/ued2016/index_073/img/line.gif) repeat-x bottom;}
.kaifu_area a.no_bor{ background: no-repeat; }
.kaifu_area a i{ color: #5581ff; width: 98px; border-right: #e7e7e7 solid 1px; height: 42px; }
.kaifu_area a span.s1{ width: 120px; text-align:center; font-size:14px; color:#333; text-align:center; }
.kaifu_area a span.s3{width:110px; color: #999; font-size:14px;}
.kaifu_area a em{ width:71px;}
.kaifu_area a b{ width: 71px; height: 30px; line-height: 30px; background:url(images/start.png) no-repeat; text-align: center; color: #f73f0d; font-size:14px; display: block; margin:7px auto 0; font-weight: normal; }
.kaifu_area a:hover{ color: #333; }
.kaifu_area a:hover b{ background: #ff2352; color: #fff; }
.kaifu_area a s{ position: absolute; top:20px; left:97px; line-height: 0; font-size:0; height: 3px; width: 3px; background: #f73f0d;}
.kaifu_area a:hover s{width:8px;height:8px;background: #fff;border: 2px solid #f73f0d; border-radius:10px; top:16px; left:92px;}
.kaifu_area a:last-child{ background:none;}

.hotGameList{ width:420px; border-top:1px solid #f73f0d;}
.hotGameList li{ width:75px; height:105px; margin:20px 15px 0; float:left; text-align:center;}
.hotGameList li img{ width:75px; height:75px; border-radius:10px;}
.hotGameList li span{ font-size:14px; color:#333; line-height:30px; height:30px;-webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.hotGameList li a:hover span{ color:#f73f0d;}

.tj_game{ border-top:1px solid #f73f0d; padding-top:10px;}
.tj_game dl{ float:left; border-bottom:1px dotted #afafaf; width:600px; hanging-punctuation:210px; padding:20px 0;}
.tj_game dt{ float:left; width:160px; height:210px; position:relative;}
.tj_game dt img{ width:160px; height:210px; display:block; transform: scale(1); transition: all 1s ease-out 0s;}
.tj_game dt:hover img{ transform:scale(1.1);}
.tj_game dt i{ width:80px; height:81px; position:absolute; top:0; left:0; display:block;}
.tj_game dt i.icon1{ background:url(images/icon1.png) no-repeat;}
.tj_game dt i.icon2{ background:url(images/icon2.png) no-repeat;}
.tj_game dt i.icon3{ background:url(images/icon3.png) no-repeat;}
.tj_game dt i.icon4{ background:url(images/icon4.png) no-repeat;}
.tj_game dt i.icon5{ background:url(images/icon5.png) no-repeat;}
.tj_game dt i.icon6{ background:url(images/icon6.png) no-repeat;}
.tj_game dd{ float:left; width:380px; padding-left:20px;}
.tj_game dd h3{ height:30px; line-height:30px; overflow:hidden;}
.tj_game dd h3 a{ font-size:24px; color:#3a3a3a; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.tj_game dd h3 a:hover{ color:#f73f0d;}
.tj_game dd div{ width:378px; height:74px; border:1px dotted #bfbfbf; margin-top:25px;}
.tj_game dd div p{ font-size:14px; color:#7c7c7c; padding:5px; line-height:21px; height:63px; overflow:hidden;}
.tj_game dd h4{ padding-top:30px; font-weight:normal;}
.tj_game dd h4 em{ float:left; height:22px; text-align:center; line-height:22px; font-size:14px; color:#fff; background:#9d9d9d; padding:0 14px;}
.tj_game dd h4 span{ float:left; height:20px; text-align:center; line-height:20px; font-size:14px; color:#7b797e; background:#f7f7f7; border:1px dotted #f75f35; padding:0 5px; margin-left:10px;}

.friendLink{ border-top:1px solid #f73f0d; padding:20px 0;}
.friendLink a{ font-size:18px; color:#555; line-height:36px; float:left; padding:0 8px;-webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.friendLink a:hover,.articleList dt a:hover,.rt_list li a:hover,.gameList li a:hover span{color:#f73f0d;}
.friendLink i{ font-size:18px; color:#b6b6b6; line-height:36px; float:left;}




/*列表页*/
.bread{ height: 60px; line-height: 60px; padding-left: 25px; color: #666666; background:url(images/pst.png) left center no-repeat;}
.bread a{ color: #666; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; }
.bread a:hover{ color: #c9322b;}

.articleList dl{ border-bottom: #ddd solid 1px;}
.articleList dt{ font-size: 24px; line-height: 60px;}
.articleList dt a{ color: #101013; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.articleList dd{ line-height: 24px; font-size: 14px; color: #666; padding-bottom: 20px;}
.articleList dd p{ padding-bottom: 20px;}
.articleList dd .time{ font-size: 14px; color: #999; padding: 0 0 0 25px; background: url(images/time.png) left center no-repeat;}

.rt_list{ width:418px; height:440px; border:1px solid #ddd; border-top:1px solid #f73f0d;}
.rt_list ul{ padding:20px 24px;}
.rt_list li{ width:370px; height:38px; border-bottom:1px dotted #c5c5c5; line-height:38px;}
.rt_list li:last-child{ border:0;}
.rt_list li a{ background:url(images/li_bg.png) left center no-repeat; padding-left:16px; font-size:16px; color:#444;-webkit-transition:all .4s ease-out; transition:all .4s ease-out;}

.lt_con{ padding-bottom: 30px;}
.lt_con h1{ font-size: 36px; color: #333333; font-weight: normal; line-height: 70px; text-align:center;}
.lt_con_post{ color: #999; font-size: 14px; padding:15px 0 45px 0; border-bottom: #dddddd solid 1px; text-align:center;}
.lt_con_post span{ padding:0 17px; }
.lt_con p{ padding-top: 30px; font-size: 16px; color: #444; line-height: 36px;}
.lt_con p.center{ text-align: center;}
.lt_con p img{ margin: 0 auto; max-width: 760px; display:block;}

.gameList ul{ width:1300px;}
.gameList li{ width:160px; height:250px; float:left; margin:25px 48px 0 0; text-align:center;}
.gameList li .img_a{ width:160px; height:210px;}
.gameList li img{ width:160px; height:210px; display:block; transform: scale(1); transition: all 1s ease-out 0s;}
.gameList li:hover img{ transform: scale(1.1);}
.gameList li span{ font-size:16px; color:#666; line-height:30px; height:30px; padding-top:10px; display:block;-webkit-transition:all .4s ease-out; transition:all .4s ease-out;}


.lt_game{ padding: 30px 0 50px; border-top:1px solid #f73f0d;}
.lt_game_lt{ float: left;width: 160px;}
.lt_game_img,.lt_game_img img{ height: 210px;width: 160px;}
a.lt_game_btn{-webkit-transition:background-color 0.4s ease-out 0s; transition:background-color 0.4s ease-out 0s; margin-top: 20px; width: 157px; display: block; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background: #c9322b; border-radius: 5px;}
a.lt_game_btn:hover{ background-color: #b52d27; color: #fff;}
.lt_game_rt{ float: left; width: 545px; color: #333; font-size: 14px; padding-left:25px;}
.lt_game_rt dt{ font-size: 24px; color: #333; padding-bottom: 10px; line-height: 28px;}
.lt_game_rt dt a{ float:right; width:118px; height:24px; border:1px dashed #f73f0d; display:block; text-align:center; line-height:24px; font-size:16px; color:#f73f0d;}
.lt_game_rt p{ line-height: 30px; padding-top: 10px;}
.lt_game_rt td{ height: 36px;}
.lt_game_rt span{ color: #666;}
.lt_game_rt a{ color: #f70142;}

.newGame{ padding: 30px 0 50px; border-top:1px solid #f73f0d;}
.newGame ul{ width:800px;}
.newGame li{ float:left; width:160px; height:210px; margin-right:40px;}
.newGame li img{ width:160px; height:210px; display:block; transform: scale(1); transition: all 1s ease-out 0s;}
.newGame li:hover img{ transform: scale(1.1);}

.pages{ width:100%; padding:30px 0 20px; text-align:center;}
.pages a{-webkit-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s; line-height:25px; padding:7px 15px; display:inline-block; background:#fff; border:1px solid #dddddd; font-size:14px; color:#666; margin:0 5px;}
.pages a:hover{ background:#f73f0d; border-color:#f73f0d; color: #fff;}
.pages a.on{ background:#f73f0d; border-color:#f73f0d; color: #fff;}