@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td{margin:0;padding:0;}
body{font:14px/1.42 Microsoft yahei,simsun,sans-serif; color: #4c4c4c; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
a{ text-decoration: none; color: #4c4c4c;}
a:hover{text-decoration: none; color: #2eae8e;}
img {border:0; vertical-align: middle;}
i{ font-style: normal; width: auto; height: auto; margin: 0; padding: 0;}
button, input, select, textarea {font-size:100%;}
.fl {float:left;}
.fr {float: right;}
.clearfix:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
/*top and foot*/
.topbar {height: 40px;background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);background-image: linear-gradient(to bottom, #fff, #f6f6f6);color: #333;background-color: #f6f6f6;font-size: 12px}
.topbar-container { *zoom:1;overflow: hidden;margin-left: auto;margin-right: auto;width: 1000px;height: 40px}
.topbar-container:before,.topbar-container:after { content: " ";display: table}
.topbar-container:after {   clear: both}
.topbar-logo {float: left;width: 125px;height: 40px}
.topbar-logo a {display: block; width: 125px;height: 40px;
 background: url(../images/img_logo_58game.jpg) no-repeat; text-indent: -9999em}
.topbar-nav { float: right;padding: 10px 0 0 0}
.topbar-nav-inner {  *zoom:1}
.topbar-nav-inner:before,.topbar-nav-inner:after { content: " "; display: table}
.topbar-nav-inner:after {   clear: both}
.topbar-nav li { float: left; line-height: 20px; color: #333}
.topbar-nav a {display: block;padding: 0 10px;color: #333}
.topbar-nav .nobg { background: none}
.footer{ height: 80px; line-height: 80px; font-size: 12px; text-align: center;color: #cca78a; }
.footer a{color: #cca78a; }

body{ background: url(../images/bg.jpg) repeat;}

.mt10{ margin-top: 10px;}
.mr40{ margin-right: 40px;}
.bg{ background: #fff; border:1px #cacdce solid;}
.list li{ background: url(../images/list_bg.png) left center no-repeat; padding-left: 20px;}

.wrap{ position: relative; width: 100%; margin: 0 auto;overflow: hidden;  background: url(../images/footerbg.jpg) center bottom no-repeat;}
.main-bg{ position: absolute; width: 100%; height:1200px; background: url(../images/bgtop.jpg) center top no-repeat; left: 0; top: 0px; z-index: -1;}

.main{ width: 1200px; margin: 0 auto;}

.nav-bg{ width: 1200px; margin: 0 auto; padding-top: 435px;}
.nav-list{ width: 1200px; margin:0 auto; padding-top: 29px;}
.nav-list li{ float: left; width:200px; height: 60px; line-height: 60px; text-align: center; text-align: center; background:#232c38 url(../images/navbg.jpg) right center no-repeat;}
.nav-list li a{ color: #c7d1de; font-size: 16px;}
.nav-list li.on,.nav-list li:hover{ background:#232c38 url(../images/navbg-h.jpg) right center no-repeat;}

.hot-list{ padding: 14px; padding-right: 0;background: url(../images/opabg2.png) repeat;}
.hot-attention{ float: left;}
.hot-attention span{width:83px; height: 28px; display: block; background: url(../images/hot_bg.jpg); font-size: 14px; color: #ececec; text-align: center; line-height: 28px;}
.hot-box-list{ float: left; width:1079px; overflow: hidden;}
.hot-box-list li{ float: left; margin: 5px 0px 5px 21px;}
.hot-box-list li a:hover,.hot-box-list li .hover{ color:#118c6d }
.hot-box-list li a{ font-size: 14px; color: #212a36}
.hot-box-list li i{ display: inline-block; width: 21px; height: 12px; margin-left: 5px;}

.con{ margin-top: 20px; zoom:1;}
.con:after{ content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.mr-10{ margin-right: -10px;}

.slider-box{ width: 469px; height: 270px; margin-right: 10px; overflow: hidden; float: left; position: relative; z-index: 1;}
.slider-bd li{ position: absolute;  width: 469px; height: 270px; z-index: 2; display:none;}
.slider-bd li img{ width: 100%; height: 100%;}
.slider-bd li.active{ display: block;}
.slider-bd li p{ position: absolute; z-index: 3; width: 429px; height: 45px; background: url(../images/opbg.png) repeat; font-size: 16px; color: #fafafa; line-height: 45px; padding: 0 20px; left: 0; bottom: 0;}
.slider-hd{ position: absolute; height: 25px; bottom: 11px; right: 10px; z-index: 4;}
.slider-hd li{ float: left; width: 25px; height:25px; margin: 0 2px; background-image: url(../images/slide_icon.png); background-position:  -27px center; background-repeat: no-repeat;}
.slider-hd li.current,.slider-hd li:hover{ background-position: left center;}

.new-list{ float: left; margin-right:10px; width: 480px; height: 270px; overflow: hidden; background: #fafafa;}
.new-list h2{ padding-top: 20px; text-align: center;color: #1c507d; font-size: 20px;font-weight: bold;}
.new-list h2 a{font-size: 22px; color: #f1b923; font-weight: bold;}
.new-list .f12{ text-align: center; font-size: 12px;margin: 5px 0;}
.new-list .f12 a{ color: #89898a; margin: 0 3px;}
.new-list .border{ margin: 10px 15px; border-top:1px #ced6de solid }
.list_dottoer{ margin: 20px 15px 5px; border-top:1px #ced6de dashed }
.new-list ul{ margin: 0 15px;}
.new-list ul li{ line-height: 30px; height: 30px; clear: both; zoom:1; }
.new-list ul li:after{ content: ""; clear: both; display: block; visibility: hidden; height: 0; font-size: 0;}
.new-list ul li span{ float: right; color: #737374}
.new-list ul li p{ float: left; width: 85%; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;}
.btn-list{ width: 230px; height: 277px; float: left; overflow: hidden;}
.btn-list a{ display: block; width: 230px; height: 60px; margin-bottom: 10px; text-indent: -99993em; background-image: url(../images/btnlist.png);}
.btn-android{ background-position: 0 0;}
.btn-ios{background-position: 0 -120px;}
.btn-gift{ background-position: 0 -240px;}
.btn-home{ background-position: 0 -360px;}
.btn-android:hover{ background-position: 0 -60px;}
.btn-ios:hover{background-position: 0 -180px;}
.btn-gift:hover{ background-position: 0 -300px;}
.btn-home:hover{ background-position: 0 -420px;}

.title{ height: 50px; zoom:1; background: #c1ced9;}
.title2{ height: 50px; zoom:1; background: #e2e5e7;}
.title:after,.title2:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.title .more,.title2 .more{ float: right; display: block; height: 30px; padding-left: 20px; background: url(../images/more.png) left 14px no-repeat; line-height: 30px; color: #545a61; padding-top: 11px;}
.title a:hover{ color: #b52e17}
.title h2{ float: left;}
.title-nav{ float: left;  padding: 0px 20px; margin-left: 50px;}
.title-nav li{ float: left;}
.title-nav a{ display: block; float: left; width: 120px;padding: 14px 0px; text-align: center; font-size: 16px; color: #333; background-position: 20px center; background-repeat: no-repeat;}
.title-nav a.tabTit1{ background-image: url(../images/tab_icon1.png);}
.title-nav a.tabTit2{ background-image: url(../images/tab_icon2.png);}
.title-nav a.tabTit3{ background-image: url(../images/tab_icon3.png);}
.title-nav a.tabTit4{ background-image: url(../images/tab_icon4.png);}
.title-nav a.tabTit5{ background-image: url(../images/tab_icon5.png);}
.title-nav a.tabTit6{ background-image: url(../images/tab_icon6.png);}
.title-nav li:hover a,.title-nav li.current a{  color: #fff;}
.title-nav li:hover,.title-nav li.current{background: url(../images/tab_navbg.jpg) left center ;}
.tabcon { width: 779px; height: 424px; float: left;}
.contest{ width: 379px; height: 384px; overflow: hidden; padding: 20px 20px; background:#f7f7f7 url(../images/textbg.jpg) right bottom no-repeat;}
.titsmall{ font-size: 18px; color: #333; background:url(../images/titbg.jpg) left bottom no-repeat; padding-bottom: 5px; font-weight: bolder;}
.more{ display: block; float: right;width: 60px; height: 25px; background:url(../images/more.png); text-indent: -9999em;}

.box{ padding:5px 15px 20px;*padding-bottom: 0;*padding-top: 0;}

.game-info{ height: 193px; margin-bottom: -1px; overflow: hidden; }
.game-info-box{ padding: 16px 0; border-bottom:1px #eaeaea dashed; zoom:1;}
.game-info-box:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.game-info-top{ float: left;}
.game-info-top span,.game-info-top i{ display: block; float: left;}
.game-info-top span{width: 94px; height: 30px; background: #e3dabf; font-size: 16px; color: #746455; text-align: center; line-height: 30px;}
.game-info-top i{width: 5px; height: 30px; background: url(../images/jt_bg2.png) no-repeat;}
.game-info-list{ float: left; width:1070px; overflow: hidden;}
.game-info-list li{ float: left; padding: 5px 10px 5px 10px; background: url(../images/line_bg2.png) right center no-repeat;}
.game-info-list li a:hover,.game-info-list li .hover{ color: #b52e17; text-decoration: underline;}
.game-info-list li a{ font-size: 14px; color: #555555}
.game-info-list li i{ display: inline-block; width: 21px; height: 12px; margin-left: 5px;}
.game-info-list li .hot_icon{ background: url(../images/hot_icon.png) no-repeat;}
.game-info-list li .new_icon{ background: url(../images/new_icon.png) no-repeat;margin-right: 5px;}
.Raiders a{ display: block; float: left; width: 138px; height: 42px; background: url(../images/text_bg.png)  no-repeat; background-position: left bottom; text-align: center; line-height: 40px; margin: 15px 8px 0 0; color: #555;}
.Raiders .current,.Raiders a:hover{background-position: left top; color: #fff;}

.illustrations,.Dense_volume,.video-list{ padding-top: 15px; }
.jsTabCon .jsContent{ display: none;}
.jsTabCon .active{ display: block;}
.illustrations a,.Dense_volume a{ display: block; margin: 0px 12px 5px; float: left; text-align: center; width: 93px;}
.illustrations a p,.Dense_volume a p{ padding-top: 5px ; color: #555;height: 33px; line-height: 15px;}
.illustrations a:hover p,.illustrations a.current p{ color: #b52e17; text-decoration: underline;}
.Dense_volume a:hover p,.Dense_volume a.current p{  text-decoration: underline;}

.video-box{margin: 0px 5px 5px; float: left; text-align: center; position: relative; width: 223px;}
.video-box-fr{ width: 170px;margin: 0px 4px 12px;float: left;position: relative;}
.video-box-fr .video-mark{ width: 170px; height: 126px;}
.video-box-fr a.video-text{text-align: left; height: 38px; overflow: hidden;}
.video-mark{ width: 223px;height: 135px; position: absolute; top: 0; left: 0; z-index: 2; background: url(../images/video_mark.png) repeat;}
.video-mark a{ display: block; position: absolute; width: 52px; height: 52px; background: url(../images/video_play.png) no-repeat; top: 50%; left: 50%; margin-left: -26px; margin-top: -26px; cursor: pointer;}
.video-text{ display: block; padding-top: 5px; color: #555555; text-align: center; height: 35px; line-height: 15px; overflow: hidden;}
.video-text:hover{ color: #b52e17; text-decoration: underline;}

.w595{ width: 595px;}
.text-list{ padding:10px 5px 0;overflow: hidden;}
.text-list li{ padding-left: 20px; background: url(../images/list_bg.png) left center no-repeat; height: 30px;overflow: hidden;}
.text-list li a{ color: #555}
.text-list li span{ float: right;height: 30px; line-height: 30px; color: #737374 }
.text-list li p{ float: left; height: 30px; line-height: 30px; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.text-list li:hover p,.text-list li.current p{ color: #2eae8e;}

.recommend{padding:15px 0px; position: relative; z-index: 9;}
.recommend a{ display: block; float: left; padding: 0 7px; position: relative;}
.recommend a .mark{ position: absolute; width: 224px; height: 340px; background: url(../images/opabg.png) repeat; top: 0; left: 5px; }
.recommend .img2{ display: block; float: left; padding: 0 5px;}
.recommend .img2 img{ width: 224px; height: 340px;}
.recommend a p{ text-align: center; padding-top: 5px;}
.recommend a:hover p,.recommend a.current p{ color: #b52e17; text-decoration: underline;}


.la_slider{width:1160px;height:360px;overflow:hidden;background:#000; position:relative;}
.la_slider .slide{position:absolute;top:0px;height:360px;width:558px;background:#000;overflow:hidden;border-left:#fff solid 4px;cursor:default;}
.la_slider .diapo{position:absolute;filter:alpha(opacity=100);opacity:1;visibility:hidden;height:360px; width:256px;display:block;}
.la_slider .info{ width:278px; height:360px; padding:0 12px; background-color:#fff; position:absolute; right:0; top:0;}
.la_slider .info .tit{ height:28px; line-height:28px; overflow:hidden;}
.la_slider .info .tit h4{ font:24px/28px "微软雅黑"; color:#3299f8;}
.la_slider .info .tit a.fr{ margin-top:4px; display:inline;}
.la_slider .info .c{ padding:7px 5px; background-color:#f2f1f1; margin-top:10px;margin-bottom: 20px; overflow: hidden;}
.la_slider .info .c p{color:#7f7f7f; height:48px; line-height:24px; overflow:hidden; font-family:"微软雅黑";}
.la_slider .info .c p i{ width:28px; height:16px; line-height:16px; border:1px solid #f4c9c8; display:inline-block; vertical-align:middle; text-align:center; color:#e55858; border-radius:2px; margin-right:4px;}
.la_slider .info .str{ height:16px; line-height:16px; overflow:hidden; margin-top:10px; padding:0 5px;}
.la_slider .info .str .x{ height:16px; width:91px; background:url(../images/ico_xin.png) 0 -14px no-repeat;}
.la_slider .info .str .x span{ height:16px; display:block;background:url(../images/ico_xin.png) 0 1px no-repeat;}
.la_slider .info .tec{ width:100%; overflow:hidden;}
.la_slider .info .tec li{ width:90px; height:30px; margin:1px 1px 0 0; display:inline; float:left;}
.la_slider .info .tec li a{ width:90px; height:30px; display:block;background-color:#f2f1f1; text-align:center; line-height:30px; overflow:hidden;}
.la_slider .info .tec li a:hover{ color:#fff; background-color:#e55858; text-decoration:none;}
.la_slider .info .recom{ height:72px; overflow:hidden;margin-top: 15px; margin-bottom: 10px;}
.la_slider .info .recom .t{ width:15px; height:62px; line-height:15px; color:#4d95da; font-weight:600; background:url(img/ico_tuij.png) left top no-repeat; padding:5px 6px;}
.la_slider .info .recom ul li{ width:72px; height:72px; overflow:hidden; margin-left:10px;display:inline; float:left;}
.la_slider .info .recom ul li img{ width:66px; height:66px; padding:3px; background-color:#e6edf3; display:block;}


.w802{ width: 802px; overflow: hidden;}
.position{background: #fff; border:1px #cacdce solid; margin-top: 10px;}
.position p{ height: 50px; line-height: 50px; padding-left: 30px; color: #888; }
.position p span,.position p a{margin: 0 3px; font-size: 12px;}
.position p span{color: #444; }
.position p .position_text{color: #2eae8e;}
.position p a{ color: #444;}

.newbox{ padding: 5px 20px 10px;}
.newUl-list li{ padding: 15px 0; border-bottom: 1px #ccc dashed; zoom:1;}
.newUl-list li:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.newUl-list li img{ display: block; float: left; width:265px; height: 165px; }
.newUl-list-text{ float: left; width: 455px; margin-left: 14px; height: 140px; overflow: hidden; margin-top: 0;}
.newUl-list-text h2{ padding: 0px 0 10px; font-weight: normal;}
.newUl-list-text h2 a{ font-size: 20px; font-weight: bold; color: #2eae8e;}
.newUl-list-text p{ line-height: 1.6; height:66px ; overflow: hidden;}
.newUl-list-text .clearfix{ margin-top:10px;*margin-top: 5px;}
.newUl-list-text .clearfix *{color: #a4a3a3;}
.newUl-list-text .clearfix span{ float: right; padding-left: 25px; background: url(../images/eye_icon.png) left center no-repeat;}

.w388{ width: 388px;}
.con2{ padding: 10px;}
.hei_auto{ height: auto;}

.page{*zoom:1;margin:10px auto;text-align:center;font-size:14px}
.page:before,.page:after{content:" ";display:table}
.page:after{clear:both}
.page ul{display:inline-block;*display:inline;*zoom:1}
.page li{float:left;margin:0 3px;}
.page li a{ padding: 1px 12px;  height:26px; line-height: 26px; text-align: center; background-color: #fff; border: 1px #dedede solid; display: block;}
.page li a.active,.page li a:hover{color:#fff; background:#2eae8e; border: none; padding: 1px 13px;}

.detail-tit{ padding-top: 30px; text-align: center; font-size: 20px; color: #444; font-weight: bold;}
.author{ text-align: center; font-size: 12px; color: #999; padding-top: 30px; border-bottom: 1px #ccc dashed; padding: 20px 0;}
.tab-tit{ padding: 25px 10px;}
.tab-tit li{ float: left; margin: 0 2px 10px; padding: 8px 10px; width: 223px; border: 1px #dedede solid; text-align: center;}
.tab-tit li a{ color: #555; font-size: 12px;}
.tab-tit li:hover,.tab-tit li.current{ border: 1px #b52e17 solid}
.tab-tit li:hover a,.tab-tit li.current a{ color: #b52e17}
.tab-con{ padding: 0 15px;}
.tab-box p{ text-indent: 2em; line-height: 2.2; margin-bottom: 15px;}
.tab-box img{ display: block; margin: 0 auto 15px;}

.content{ display: none;}
.active{ display: block;}
.tab-box{ padding: 30px;}
.imgList li{ padding-top: 10px; position: relative; width: 223px; float: left;margin-left: 10px;}
.imgList li img{ width: 223px; height: 135px;}
.imgList li p{ padding-top:5px; text-align: center; font-size: 14px; height: 43px; overflow: hidden; }
.imgList li span{ position: absolute; width: 44px; height: 50px; background: url(../images/video_play.png) no-repeat; top: 50%; margin-top: -42px; left: 50%; margin-left: -22px; z-index: 4;}
.imgList li .mark{ display: none;position: absolute; width: 223px; height: 135px; left: 0; top: 10px; z-index: 2; background: url(../images/opbg.png) repeat;}
.imgList li:hover .mark{ display: block; }

.imgList2 li{ padding-top: 10px; position: relative; width:164px;*width: 154px; float: left;margin-left: 5px;}
.imgList2 li img{ width: 164px;*width: 154px; height: 105px;}
.imgList2 li p{ padding-top:5px; text-align: center; font-size: 12px; height: 43px; overflow: hidden; }
.imgList2 li span{ position: absolute; width: 44px; height: 50px; background: url(../images/video_play.png) no-repeat; top: 50%; margin-top: -42px; left: 50%; margin-left: -22px; z-index: 4;}
.imgList2 li .mark{ position: absolute; width: 164px;*width: 154px; height: 105px; left: 0; top: 10px; z-index: 2; background: url(../images/opbg.png) repeat;}
.imgList2 li:hover .mark{ background: none;}