@charset "utf-8";
/* CSS Document */
body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0 }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, s { text-decoration: none; }
a:hover { text-decoration: none; }
li, img { border: 0; vertical-align: top; margin: 0; }
em, i, strong, b { font-weight: normal; font-style: normal; }
input { vertical-align: middle; vertical-align: top\9; }
p { word-wrap: break-word }
table { border-collapse: collapse; border-spacing: 0; }
a:focus, input, textarea { outline-style: none; }
input[type="text"], input[type="password"], textarea { outline-style: none; -webkit-appearance: none; }
select { outline-style: none; }
textarea { resize: none; overflow-y: auto; overflow-x: hidden; }
body { font-size: 14px; background-color: #fff; }
body, input, textarea, select { font-family: Arial, "Microsoft Yahei", "PingFang SC", "Helvetica Neue"; *font-family: "Microsoft Yahei";
}
.area { width: 1200px; margin: 0 auto 30px;}
.area:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.hide { width: 0; height: 0; overflow: hidden; text-indent: -99999em; display: none; }
.txt-hide { text-indent: -9999em; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
.center-wrap { width: 1120px; margin: 0 auto; position: relative; }
.inner-wrap { width: 1200px; margin: 0 auto; position: relative; }
/*背景*/
.rel-body { background: url("../images/body_bg.gif"); position: relative; }
.cloud-first { width: 127px; height: 68px; background: url("../images/banner_cloud_big.png") no-repeat center center; position: absolute; top: 30px; left: 50%; margin-left: -730px; animation: moveclouds 27s linear infinite; -webkit-animation: moveclouds 27s linear infinite; }
.cloud-second { width: 106px; height: 57px; background: url("../images/banner_cloud_small.png") no-repeat center center; position: absolute; top: 125px; left: 50%; margin-left: -540px; animation: moveclouds 18s linear infinite; -webkit-animation: moveclouds 18s linear infinite; }
.cloud-third { width: 106px; height: 57px; background: url("../images/banner_cloud_small.png") no-repeat center center; position: absolute; top: 210px; left: 50%; margin-left: 260px; animation: moveclouds 36s linear infinite; -webkit-animation: moveclouds 36s linear infinite; }
.cloud-fourth { width: 106px; height: 57px; background: url("../images/banner_cloud_small.png") no-repeat center center; position: absolute; top: 72px; left: 50%; margin-left: 567px; animation: moveclouds 48s linear infinite; -webkit-animation: moveclouds 48s linear infinite; }
.bottom-bg-ele { height: 70px; position: relative; background: url("../images/body_bg.gif"); }
.mountain-left { width: 339px; height: 96px; background: url("../images/mountain_left.gif") no-repeat center center; position: absolute; left: 30px; bottom: 0; }
.mountain-right { width: 372px; height: 96px; background: url("../images/mountain_right.gif") no-repeat center center; position: absolute; right: 40px; bottom: 0; }
.big-cloud { width: 294px; height: 126px; background: url("../images/big_cloude_bg.gif") no-repeat center center; position: absolute; left: 50%; top: 200px; margin-left: -847px; z-index: 0; }
.small-cloud { width: 206px; height: 90px; background: url("../images/small_cloud_bg.gif") no-repeat center center; position: absolute; left: 50%; top: 5px; margin-left: -590px; z-index: 0; }
.issue-num, .focus-tit i, .info-head, .scroll-arrow, .page-info h2, .artical-tit span { background: url("../images/icon_sprit.png") no-repeat; }
.head-moudle.qsgj-inner-head { height: 644px; background: url("../images/qsgj_inner_header.jpg") no-repeat center top; }
.qsgj-inner-head .inner-wrap { height: 644px; }
.qsgj-inner-page.rel-body { background: url("../images/qsgj_inner_bg.gif"); }
.main { position: relative; z-index: 3; }
/*头部*/
.head-moudle, .head-moudle .center-wrap { height: 432px; }
.head-moudle h2 { text-indent: -9999em; position: absolute; left: 50%; background: url("../images/header_tit.png") no-repeat; }
.index-head { background: url("../images/index_head.jpg") no-repeat center top; }
.ip-head, .kcxf-head, .sdx-head, .xyzb-head, .zzjdp-head { background: url("../images/inner_page_header.jpg") no-repeat center top; }
.ip-head .center-wrap h2 { width: 396px; height: 105px; top: 146px; margin-left: -198px; background-position: 0px -278px; }
.kcxf-head .center-wrap h2 { width: 470px; height: 150px; top: 115px; margin-left: -235px; background-position: 0px 0px; }
.sdx-head .center-wrap h2 { width: 364px; height: 156px; top: 130px; margin-left: -182px; background-position: 0px -543px; }
.xyzb-head .center-wrap h2 { width: 380px; height: 124px; top: 130px; margin-left: -190px; background-position: 0px -398px; }
.zzjdp-head .center-wrap h2 { width: 450px; height: 90px; top: 153px; margin-left: -225px; background-position: 0px -168px; }
.index-tit { width: 645px; height: 199px; background: url("../images/index_tit.png") no-repeat center center; position: absolute; top: 130px; left: 50%; margin-left: -323px; z-index: 3; animation: tit_anim .8s forwards; -webkit-animation: tit_anim .8s forwards; }
.rainbow { width: 723px; height: 383px; background: url("../images/rainbow.png") no-repeat center center; position: absolute; top: 23px; left: 50%; margin: 22px 0 0 -362px; opacity: 0; opacity: 1\9; animation: rainbow 2.8s .8s ease forwards; -webkit-animation: rainbow 2.8s .8s ease forwards; }
.colume-detail { width: 210px; height: 234px; color: #3bb4a6; font-size: 12px; line-height: 16px; position: absolute; bottom: 0; right: -30px; }
.colume-detail .info-head { width: 210px; height: 49px; background-position: 0 0; position: absolute; top: 0; left: 0; }
.colume-detail .scroll-arrow { display: block; width: 33px; height: 33px; position: absolute; top: -30px; left: 50%; margin-left: -16px; animation: arrow_ani 2s linear infinite backwards; -webkit-animation: arrow_ani 2s linear infinite backwards; }
.colume-detail p { padding: 10px 20px; width: 100px; height: 168px; position: absolute; top: 49px; left: 38px; background: #fff; opacity: .74; filter: alpha(opacity=74); }
.colume-detail .scroll-arrow.down { background-position: -150px -55px; }
.colume-detail .scroll-arrow.up { background-position: -116px -55px; }
.nav { background: url("../images/nav_bg.gif"); position: relative; z-index: 9; }
.nav ul { background: url("../images/nav_index.gif") no-repeat; }
.nav li { float: left; display: inline; width: 160px; height: 52px; font-size: 18px; text-align: center; line-height: 52px; }
.nav li a { display: block; color: #009dab; }
.nav li a.hover, .nav li a:hover { color: #fff; background: url("../images/icon_sprit.png") no-repeat 0 -122px; }
/*更多导航*/
.nav .second-nav { display: none; }
.nav .second-nav li { background: url("../images/nav_bg.gif"); }
/*首页大图*/
.big-img { padding: 101px 145px 88px; width: 830px; height: 445px; position: relative; background: url("../images/big_img_bg.gif") no-repeat center 5px; }
.img-box { width: 826px; height: 445px; }
.img-box .recom-tag { width: 70px; height: 113px; position: absolute; top: 87px; left: 145px; background: url("../images/recomend.png") no-repeat center center; animation: tag 6s linear infinite; -webkit-animation: tag 6s linear infinite; }
.img-box a { display: block; }
.img-box a:hover .img-info { background: #1095A8; }
.img-box .img-info { padding: 15px 20px; background: #20ACC0; color: #fff; transition: all .4s ease; -webkit-transition: all .4s ease; -ms-transition: all .4s ease; }
.img-box .img-info h2 { font-size: 20px; line-height: 28px; font-weight: bold; }
.img-box .img-info p { width: 780px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*文章信息列表*/
.artical-list { padding: 0 0 30px; margin: 30px auto 0; }
.artical-list ul { width: 1150px; }
.artical-list li { float: left; width: 355px; margin: 0 20px 30px 0; border: 3px solid #89E6EB; }
.artical-list li a { display: block; }
.artical-list li.lazy { display: none; }
.artical-list .comment-img { height: 190px; position: relative; }
.artical-list .comment-img .img-box { width: 355px; height: 190px; overflow: hidden; position: absolute; top: 0; left: 0; }
.artical-list .comment-img img { transition: all 1.2s ease; -webkit-transition: all 1.2s ease; }
.artical-list .comment-info { display: block; padding: 10px 20px; background: #fff; position: relative; transition: all .4s ease; -webkit-transition: all .4s ease; -ms-transition: all .4s ease; }
.artical-list li a:hover .comment-info h3, .artical-list li a:hover .comment-info p { color: #fff; }
.artical-list li a:hover .comment-img img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.artical-list li a:hover .comment-info s { width: 100%; }
.artical-list .comment-info s { display: block; width: 0; height: 100%; background: #44CBDE; position: absolute; top: 0; left: 0; transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; }
.artical-list .comment-info h3 { width: 320px; color: #1cbdd3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; line-height: 36px; position: relative; transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; }
.artical-list .comment-info p { font-size: 12px; color: #60cad8; line-height: 20px; position: relative; transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; }
.issue-num { float: left; display: block; padding: 0 5px 0 20px; width: 65px; height: 67px; text-align: center; line-height: 67px; color: #feb300; background-position: 0 -54px; position: absolute; right: -10px; top: -15px; }
.issue-num span, .issue-num b { float: left; }
.issue-num b { float: left; font-weight: bold; font-size: 29px; line-height: 67px; width:35px }
.focus-tit { height: 36px; color: #097e92; font-size: 16px; overflow: hidden; zoom: 1; line-height: 36px; position: absolute; left: 0; bottom: 0; }
.focus-tit em, .focus-tit i { display: block; height: 36px; float: left; }
.focus-tit em { padding: 0 5px; background: url("../images/focus_tit.gif"); }
.focus-tit i { width: 22px; height: 36px; background-position: -92px -54px; }
.load-state { color: #1cbdd3; text-align: center; padding: 10px 0 30px 0; display: none; }
/*ipqsg  start*/
.curent-index { color: #999; padding: 15px 0; }
.curent-index a { color: #999; }
.curent-index a.hover, .curent-index a:hover { color: #666; }
.curent-index a.current-page { color: #666; cursor: default; }
.curent-index i { font-size: 14px; margin: 0 5px; }
.page-info { padding: 18px 25px; width: 1072px; height: 68px; background: url("../images/page_info.png") no-repeat center center; }
.page-info h2 { width: 87px; height: 23px; font-size: 14px; color: #fff; text-align: center; margin-bottom: 5px; line-height: 23px; background-position: -92px -92px; }
.page-info p { color: #138fa0; line-height: 20px; }
.qsgj-inner-head .period-num { width: 100px; height: 38px; color: #023b75; font-size: 22px; font-weight: bold; text-align: center; line-height: 38px; position: absolute; top: 87px; left: 50%; margin-left: 246px; }
.qsgj-inner-head .artical-tit { padding: 15px 0; width: 670px; height: 72px; text-align: center; position: absolute; bottom: 5px; left: 50%; margin-left: -320px; }
.qsgj-inner-head .artical-tit h1 { color: #013862; font-size: 26px; line-height: 30px; padding: 10px 0; }
.artical-tit span { color: #2f7cb7; font-size: 12px; padding-left: 20px; background-position: -169px -126px; }
.qsgj-inner-page .inner-wrap { background: #C2EBFF; border-width: 0 1px 1px 1px; border-style: solid; border-color: #9FD0E7; }
.qsgj-inner-page .artical-detail { padding: 40px 50px; }
.artical-detail p { color: #203854; font-size: 16px; line-height: 28px; text-indent: 2em; }
.artical-detail p img { display: block; max-width: 900px; margin: 30px auto; }
.artical-detail p a { color: #2b3ffa; }
.artical-detail p a:hover { text-decoration: underline; }
.artic-divid-line { height: 8px; background: url("../images/qsgj_artical_liine.png"); }
.artic-game-down { display: block; width: 147px; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; color: #fff; font-size: 18px; font-weight: bold; background: #68B9E1; border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; transition: all .4s ease; -webkit-transition: all .4s ease; -ms-transition: all .4s ease; }
.artic-game-down:hover { color: #fff; background: #99DBFD; }
.review-box { width: 1200px; margin: 0 auto; padding: 20px 0 50px; }
.review-tit { padding: 0 25px; height: 46px; margin: 0 auto 20px; background: #9ED6F1; }
.review-tit i, .review-tit span { display: block; float: left; display: inline; }
.review-tit i { width: 17px; height: 17px; margin: 14px 5px; background: #203854; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; }
.review-tit span { color: #203854; font-size: 22px; line-height: 46px; font-weight: bold; }
.review-tit .view-more { float: right; color: #203854; font-weight: bold; line-height: 46px; }
.review-tit .view-more:hover { color: #4F7EB4; }
.review-list ul { width: 1250px; overflow: hidden; zoom: 1; }
.review-list li { width: 216px; height: 117px; float: left; display: inline; margin-right: 30px; position: relative; overflow: hidden; }
.review-list li img { width: 216px; height: 117px; transition: all 1.2s ease; -webkit-transition: all 1.2s ease; -ms-transition: all 1.2s ease; }
.review-list li a, .review-list li s { display: block; }
.review-list li a:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -ms-transform: scale(1.06); }
.review-list li s { width: 70px; height: 25px; color: #203854; background: #9ED6F1; text-align: center; line-height: 25px; letter-spacing: 2px; position: absolute; top: 0; right: 5px; z-index: 3; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; }
.conm-part.inner-wrap { padding: 35px 0; border: none; background: none; }
.wave { padding-top: 75px; height: 16px; background: url("../images/qsgj_footer_bg.png") repeat-x 0 bottom; }
/*ipqsg  end*/

/*开测先锋 start*/
.kcxf-rel-body { position: relative; background: #040420 url(../images/bg_04.png) center 332px no-repeat; }
.hban_wrap { position: relative; height: 266px; background: url(../images/ban_02.jpg) top center no-repeat; }
.bgl, .bgr { position: absolute; left: 50%; }
.bgl { width: 360px; margin-left: -960px; height: 1321px; background: url(../images/bg_03.png) top right no-repeat; }
.bgr { width: 280px; margin-left: 600px; height: 1868px; background: url(../images/bg_05.png) top left no-repeat; }
.hban_wrap h1 { font-size: 0; line-height: 0; height: 0; opacity: 0; filter: alpha(opacity=0); }
.date, .num { position: absolute; left: 50%; }
.date { margin: 44px 0 0 -78px; width: 192px; font-size: 20px; line-height: 1; color: #fff; font-weight: bold; text-align: center; }
.num{ position:absolute; top:44px; margin-left:329px; width:56px; text-align:center; font-size:30px; line-height:1; color:#fed380;}
/*面包屑*/
.path { width: 1180px; padding: 0 10px; margin: 0 auto; line-height: 32px; color: #8c88d7; background: #5a56a7; font-size: 14px; }
.path i { margin: 0 5px; }
.path a { color: #8c88d7; }
.path a:hover { color: #fff; }
/*main*/
.list li a, .list li img, .othlist a img, .game a img, .btn01, .btn02, .btn03, .game dl dt a, .eyetab li a span, .fblock li a, .kcxf-fblock li a { transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; }
.gameintr p, .kcxf-intr p { overflow: hidden; font-size: 14px; }
.box01 { width: 1120px; padding: 40px; margin: 0 auto 40px auto; background: #373472; }
.kcxf-daoyu { padding: 0 0 30px 106px; color: #bcc0ed; margin-bottom: 30px; border-bottom: #56548d 2px dashed; background: url(../images/tit01.png) 0 0 no-repeat; font-size: 16px; font-weight: bold; line-height: 28px; }
/*游戏介绍*/
.kcxf-game { width: 550px; position: relative; padding-top: 165px; }
.face { position: absolute; top: 0; }
.face span { position: absolute; top: 0; left: 0; width: 136px; height: 136px; background: url(../images/mask_136.png) 0 0 no-repeat; }
.kcxf-game img { border-radius: 25px; }
.kcxf-game dl { position: absolute; left: 165px; top: 0; }
.kcxf-game dl dt { clear: both; padding-bottom: 10px; }
.kcxf-game dl dt a { font-size: 36px; font-weight: bold; line-height: 1; color: #fff; }
.kcxf-game dl dd { float: left; width: 50%; line-height: 24px; font-size: 14px; color: #99c; }
.gameintr { background: #484589; overflow: hidden; padding-top: 10px; }
.gameintr h2 { padding-left: 20px; color: #fff; font-size: 18px; line-height: 36px; font-weight: 300; background: url(../images/tit02.png) 0 0 no-repeat; }
.gameintr p { height: 144px; color: #8380b7; margin: 10px 20px 15px 20px; line-height: 24px; }
.kcxf-game .hot { display: inline-block; position: relative; width: 38px; height: 18px; top: -12px; margin-left: 5px; line-height: 0; font-size: 0; background: url(../images/hot.png) 0 0 no-repeat; }
/*幻灯*/
.eye { width: 520px; height: 360px; border: #040420 10px solid; background: #040420; overflow: hidden; }
.showbox { position: relative; width: 520px; height: 265px; margin-bottom: 10px; overflow: hidden; }
.eyetabbox .pre, .eyetabbox .next { position: absolute; top: 17px; width: 22px; height: 50px; cursor: pointer; text-indent: -9999px; overflow: hidden; background: url(../images/eyebtn.png) no-repeat; z-index: 2; }
.eyetabbox .pre { left: 3px; background-position: -5px -6px; }
.eyetabbox .next { right: 3px; background-position: -42px -6px; }
.eyeshow { position: absolute; width: 5200px; height: 265px; overflow: hidden; }
.eyeshow li { float: left; }
.eyetab { margin-right: -15px; overflow: hidden; }
.eye-01 .eyetab, .eye-02 .eyetab, .eye-03 .eyetab { position: absolute; top: 0; left: 0; }
.eyetab li {
+display:inline; float: left; position: relative; margin-right: 10px; width: 167px; height: 85px; overflow: hidden; }
.eyetab li span { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.eyetab li.current span, .eyetab li a:hover span { border: #f60 3px solid; display: block; width: 161px; height: 79px; }
/*列表*/
.box02 { position: relative; width: 1198px; margin: 0 auto; border: #282958 1px solid; }
.box02bg { position: absolute; width: 100%; height: 100%; background: #2c2a62; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4; -webkit-opacity: .4; }
.list { position: relative; padding: 0 0 30px 30px; margin-right: -10px; z-index: 2; opacity: 1; }
.list li { position: relative; float: left; width: 300px; padding: 167px 30px 30px 30px; margin: 30px 30px 0 0; background: #2c2a62; }
.list li .sface, .list li dl { position: absolute; top: 30px; }
.list li img { border-radius: 25px; }
.list li .sface { left: 30px; }
.list li .sface span { position: absolute; left: 0; top: 0; width: 98px; height: 98px; background: url(../images/mask_98.png) 0 0 no-repeat; }
.list li dl { left: 150px; color: #99c; font-size: 14px; line-height: 22px; }
.list li dl dt { width: 100%; margin-bottom: 5px; }
.list li dl dt a { font-size: 26px; line-height: 1; color: #fff; }
.list li dl dt a:hover, .game dl dt a:hover { color: #ff9; }
.list li dl em, .game dl dd em { color: #FF0; }
.kcxf-intr { padding: 5px 15px; background: #403d7f; }
.kcxf-intr p { height: 80px; color: #8c8ac1; line-height: 20px; }
.line { border-bottom: #403d7f 1px dashed; font-size: 0; line-height: 0; height: 0; padding-top: 10px; margin-bottom: 10px; }
/*往期*/
.othbg { position: relative; margin: 50px 0 -78px 0; height: 70px; background: #242458; }
.kcxf-othbox { position: relative; width: 1310px; height: 293px; margin: 0 auto; background: url(../images/bg_06.png) 0 0 no-repeat; }
.kcxf-othbox .oth_title { width: 1200px; margin: 8px auto 0 auto; color: #8484f8; background: none; line-height: 70px; text-align: right; }
.kcxf-othbox .oth_title h3 { float: left; font-weight: 300; font-size: 24px; }
.kcxf-othbox .oth_title a { color: #8484f8; }
.kcxf-othbox .oth_title a:hover { color: #fff; }
.kcxf-othbox .othlist { width: 1230px; padding-left: 30px; margin: 50px auto; }
.kcxf-othbox .othlist a { float: left; position: relative; width: 216px; height: 117px; overflow: hidden; margin: 0 30px 0 0; }
.kcxf-othbox .othlist a em { position: absolute; top: 0; right: 5px; width: 70px; height: 26px; line-height: 26px; color: #fff; text-align: center; font-size: 14px; background: #a41111; border-radius: 0 0 5px 5px; z-index: 2; }
.comment { width: 1200px; padding: 20px 0 50px; margin: 30px auto 0; }
/*按钮*/
.sbtn01, .sbtn02, .btn01, .btn02, .btn03 { display: inline-block; background: url(../images/kcxf_btn.png) no-repeat; color: #fff; }
.btn01, .btn02, .btn03 { position: absolute; top: 108px; width: 115px; height: 41px; line-height: 40px; font-weight: bold; font-size: 16px; }
.sbtn01, .sbtn02 { width: 92px; height: 34px; line-height: 32px; font-size: 14px; text-align: center; }
.sbtn01 { background-position: 0 -250px; margin-right: 12px; }
.sbtn02 { background-position: 0 -318px; }
.sbtn01:hover { background-position: 0 -284px; }
.sbtn02:hover { background-position: 0 -352px; }
.btn01 { background-position: 0 0; left: 165px; text-indent: 39px; }
.btn02 { background-position: 0 -82px; left: 302px; text-indent: 35px; }
.btn03 { background-position: 0 -164px; left: 438px; text-indent: 39px; }
.btn01:hover { background-position: 0 -41px; }
.btn02:hover { background-position: 0 -123px; }
.btn03:hover { background-position: 0 -205px; }
/*float block*/
.kcxf-side-bar { position: fixed; top: 500px; left: 50%; width: 142px; margin-left: 610px; padding: 52px 0 0 39px; background: url(../images/fblock.png) 0 0 no-repeat; z-index: 99; overflow: hidden; }
.kcxf-side-bar a { margin-top: 12px; line-height: 48px; color: #726df6; font-size: 18px; text-align: center; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
.kcxf-fblock li a:hover { color: #fff; font-size: 20px; }
/*截取*/
.list li dl dt, .game dl dt { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*开测先锋 end*/

/*新游早报 start*/
.xyzb-rel-body { position: relative; background: #ebebeb url(../images/bg.gif); }
.box, .oth_title, .othlist { position: relative; z-index: 3; }
.bg1, .bg3 { position: absolute; left: 50%; }
.bg1, .bg3 { background: url(../images/fbg_01.png) 0 0 no-repeat; width: 178px; height: 242px; margin-left: -708px; }
.bg2 { background: url(../images/fbg_02.png) 0 0 no-repeat; position: absolute; right: 0; top: 520px; width: 392px; height: 940px; }
.bg1 { top: 580px; }
.bg3 { bottom: 0; }
/*hban*/
.hban { position: relative; height: 500px; margin-bottom: -160px; background: url(../images/hban.jpg) top center no-repeat; z-index: 2; }
.hban h1 { font-size: 0; line-height: 0; height: 0; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-opacity: 0; filter: alpha(opacity=0); }
.xyzb-rel-body .num { position: absolute; top: 68px; left: 50%; margin-left: 233px; width: 26px; text-align: center; font-size: 12px; color: #fff; font-weight: bold; line-height: 1; }
.daoyu { position: relative; height: 60px; padding: 255px 0 0 140px; width: 1060px; margin: 0 auto; color: #eaac2f; font-size: 16px; line-height: 20px; overflow: hidden; }
/*main*/
.box { width: 1138px; height: 380px; padding: 30px; margin: 30px auto 0 auto; background: #fff; border: #ddd 1px solid; overflow: hidden; }
.no1 { position: absolute; top: 0; left: 520px; width: 86px; height: 123px; background: url(../images/nu1.png) 0 -6px no-repeat; text-indent: -9999pc; overflow: hidden; }
/*游戏*/
.game { position: relative; width: 570px; padding-top: 165px; }
.game .icon { position: absolute; top: 0; left: 0; }
.game .icon img { display: block; margin-bottom: 10px; }
.game .icon span { position: absolute; left: 0; top: 0; width: 96px; height: 96px; background: url(../images/mask.png) 0 0 no-repeat; }
.btn { display: block; width: 96px; height: 33px; line-height: 33px; text-indent: 28px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; background: url(../images/btn.png) no-repeat; overflow: hidden; }
.btn:hover { background-position: 0 -33px; color: #fff; }
.game dl { position: absolute; left: 126px; top: 0; }
.game dl dt { font-weight: bold; font-size: 36px; line-height: 1; }
.game dl dt a { color: #333; }
.game dl dt a:hover, .rec { color: #ce0303; }
.rec { font-weight: bold; font-size: 20px; line-height: 1; padding: 18px 0 20px 0; }
.info { font-size: 14px; line-height: 24px; }
.info span { float: left; color: #666; display: inline; width: 49%; }
.tab { height: 49px; background: #f5f3f3; border-bottom: #d6d5d5 1px solid; color: #706969; font-size: 16px; }
.tab li { float: left; padding: 0 18px; line-height: 50px; cursor: pointer; }
.tab li.t_current { position: relative; z-index: 2; border-top: #90111c 4px solid; border-left: #d6d5d5 1px solid; border-right: #d6d5d5 1px solid; background: #fff; color: #ce0303; line-height: 46px; }
.intr { position: relative; height: 115px; margin-top: -1px; font-size: 14px; color: #666; padding: 25px 30px; background: #fff; border: #d6d5d5 1px solid; line-height: 28px; }
.star1, .star2, .star3, .star4, .star5 { display: inline-block; width: 112px; height: 20px; vertical-align: middle; margin-top: -4px; background: url(../images/star.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.star1 { background-position: 0 -80px; }
.star2 { background-position: 0 -60px; }
.star3 { background-position: 0 -40px; }
.star4 { background-position: 0 -20px; }
.star5 { background-position: 0 0; }
/*幻灯*/
.eye { width: 520px; height: 360px; border: #040420 10px solid; background: #040420; overflow: hidden; }
.showbox, .eyetabbox { position: relative; width: 520px; overflow: hidden; }
.showbox { height: 265px; margin-bottom: 10px; }
.eyeshow { position: absolute; width: 5200px; height: 265px; overflow: hidden; }
.eyeshow li { float: left; }
.eyetabbox { height: 85px; }
.showbox .pre, .showbox .next { position: absolute; top: 100px; width: 30px; height: 70px; cursor: pointer; text-indent: -9999px; overflow: hidden; background: url(../images/eyebtn.png) no-repeat; z-index: 2; }
.showbox .pre { left: 0; background-position: 0 0; }
.showbox .next { right: 0; background-position: -38px 0; }
.eyetab { margin-right: -15px; overflow: hidden; }
.eyetab li {
+display:inline; float: left; position: relative; margin-right: 10px; width: 167px; height: 85px; overflow: hidden; }
.eyetab li span { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.eyetab li.current span, .eyetab li a:hover span { border: #f60 3px solid; display: block; width: 161px; height: 79px; }
/*往期*/
.oth_title { width: 1140px; padding: 0 30px; margin: 30px auto 0 auto; color: #a80b19; background: #d9d9d9; line-height: 46px; text-align: right; }
.oth_title h3 { float: left; font-weight: bold; font-size: 22px; }
.oth_title a { color: #a80b19; }
.oth_title a:hover { color: #fd172b; }
.othlist { width: 1230px; padding-left: 30px; margin: 20px auto 0 auto; }
.othlist a { float: left; position: relative; width: 216px; height: 117px; overflow: hidden; margin: 0 30px 0 0; }
.othlist a img {  transition:all 1.2s ease;-webkit-transition:all 1.2s ease;-ms-transition:all 1.2s ease; }
.othlist a em { position: absolute; top: 0; right: 5px; width: 70px; height: 26px; line-height: 26px; color: #fff; text-align: center; font-size: 14px; background: #a41111; border-radius: 0 0 5px 5px; z-index: 2; }
.othlist a:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); }
/*float block*/
.xyzb-side-bar { position: fixed; left: 50%; bottom: 100px; margin-left: 610px; width: 154px; height: 112px; padding-top: 81px; background: url(../images/fnav.png) 39px top no-repeat; overflow: hidden; z-index: 99; }
.xyzb-side-bar a { height: 36px; margin-bottom: 1px; line-height: 36px; text-align: center; font-size: 16px; font-weight: bold; position: relative; display: block; width: 130px; margin-left: 24px; color: #fff; background: url(../images/fnavbg.png) 0 0 no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
.xyzb-side-bar a:hover { background-position: -130px 0; margin-left: 0; color: #ff0; }
.comment { position: relative; width: 1200px; margin: 30px auto 0 auto; z-index: 2; }
/*新游早报 end*/

/*sdxia inner page start*/
.sdx-inner-body { background: url("../images/sdx_inner_body.jpg"); }
.sdx-inner-wrap { background: url("../images/sdxia_header.jpg") no-repeat center top; }
.sdx-header .inner-wrap { height: 317px; }
.sdx-header .period-num { width: 95px; height: 30px; color: #000; font-size: 20px; font-weight: bold; text-align: center; line-height: 30px; position: absolute; top: 55px; left: 50%; margin-left: 235px; }
.sdx-artical-wrap { width: 1225px; margin: 0 auto; position: relative; }
.artical-bar-top, .artical-bar-bottom { background: url("../images/bar.png") no-repeat; }
.artical-bar-top { height: 68px; background-position: 0 0; }
.artical-bar-center { padding: 0 65px 20px; background: url("../images/sdx_artical_repeat.png"); }
.artical-bar-bottom { height: 50px; background-position: 0 -70px; }
.sdx-artical-wrap .artical-tit { padding: 55px 125px 65px; width: 664px; height: 81px; margin: 0 auto; text-align: center; background: url("../images/sdx_artical_tit.png") no-repeat center center; }
.sdx-artical-wrap .artical-tit h1 { color: #5e1711; font-size: 26px; line-height: 30px; padding: 10px 0; }
.sdx-artical-wrap .artical-tit span { color: #717070; }
.sdx-artical-wrap .artical-detail p { padding: 20px 0; color: #544220; }
.sdx-artical-wrap .artical-detail .artic-divid-line { height: 27px; background: url("../images/sdx_inner_divide.png") no-repeat center center; }
.sdx-review { width: 1200px; margin: 0 auto; }
.sdx-review .review-tit { background: #CBAB83; }
.sdx-review .review-tit i { background: #544220; }
.sdx-review .review-tit span, .sdx-review .review-tit .view-more { color: #544220; }
.sdx-review .review-list li s { background: #CBAB83; color: #544220; }
.sdx-review .review-tit .view-more:hover { color: #9F6D3D; }
.sdx-wave { height: 30px; background: url("../images/sdx_comment_top.png") repeat-x left bottom; }
.sdx-comment { padding: 0 0 290px; background: #fff url("../images/sdx_comment_bot.jpg") no-repeat center bottom; }
/*sdxia inner page end*/

/*jdpin inner page start*/
.jdpin-header { background: url("../images/jdpin_header.jpg") no-repeat center top; }
.jdpin-header .inner-wrap { height: 640px; }
.jdpin-header .period-num { width: 110px; height: 34px; color: #3a6144; font-size: 26px; font-weight: bold; text-align: center; line-height: 34px; position: absolute; top: 275px; left: 50%; margin-left: 320px; }
.jdpin-inner-wrap { background: #3A6144 url("../images/jdpin_inner_wrap.jpg") no-repeat center top; }
.jdpin-inner-wrap .artical-tit { padding: 30px 100px 50px; width: 605px; height: 50px; text-align: center; margin: 0 auto; }
.jdpin-inner-wrap .artical-tit h1 { color: #396043; font-size: 26px; line-height: 30px; padding: 10px 0; }
.jdpin-inner-wrap .artical-tit p span { color: #75937d; }
.jdpin-artical-wrap { width: 1200px; margin: 45px auto; position: relative; }
.jdpin-artical-wrap .children-tit {padding: 0px 10px;color: #fefefe;background: url(../images/title-left.png) left center no-repeat,url(../images/title-right.png) right center no-repeat;font-size: 22px;font-weight: bold;text-align: center;line-height: 40px;display: inline-block;/* top: 67px; *//* left: 72px; */box-shadow: 0px 2px 0px #821706;margin-bottom: 10px;}
.jdpin-artical-wrap .children-tit i{background-color: #be341d;display: inline-block;padding: 0px 10px;}
.jdpin-artical-wrap .artical-bar-top, .jdpin-artical-wrap .artical-bar-bottom { background: url("../images/jdpin_artical.png") no-repeat; }
.jdpin-artical-wrap .artical-bar-top { height: 141px; background-position: 0 0; }
.jdpin-artical-wrap .artical-bar-center { padding: 0 65px; background: url("../images/jdpin_artical_repeat.png"); margin-top:-30px}
.jdpin-artical-wrap .artical-bar-bottom { height: 147px; background-position: 0 -150px; }
.jdpin-review .review-tit { background: #89ae92; }
.jdpin-review .review-tit i { background: #396043; }
.jdpin-review .review-tit span, .jdpin-review .review-tit .view-more { color: #396043; }
.jdpin-review .review-list li s { background: #89AE92; color: #2a4a32; }
.jdpin-review .review-tit .view-more:hover { color: #3A7749; }
.jdpin-artical-wrap p a { color: #ff0101; }
.jdpin-artical-wrap .artic-game-down { background: #92775E; }
.jdpin-artical-wrap .artic-game-down:hover { background: #B2977E; }
.jdpin-comment { padding: 0 0 90px; width: 1200px; margin: 0 auto; }
/*jdpin inner page end*/
/*分页*/
.pag { text-align: center; height: 35px; padding: 40px 0; margin: 0 auto; }
.pag a { display: inline-block; font-size: 14px; background: #fff; color: #333; border: 1px solid #d7d7d7; height: 33px; line-height: 33px; text-align: center; vertical-align: top; zoom: 1; padding: 0 14px; margin: 0 4px; }
.pag a:hover, a.p_hov, a.p_hov:hover { background: #47D5E9; border-color: #47D5E9; color: #fff; text-decoration: none; }
.pag span { display: inline-block; vertical-align: top; zoom: 1; height: 32px; line-height: 32px; color: #666; margin: 0 4px 0 10px; }
.pag em { float: left; }
.pag-txt { float: left; width: 22px; height: 30px; line-height: 30px\9; text-align: center; background: #fff; border: 1px solid #d8d8d8; font-size: 14px; color: #333; margin: 0 3px; }
.pag-btn { float: left; width: 50px; height: 32px; background: #fff; border: 1px solid #d8d8d8; margin-left: 10px; font-size: 14px; color: #333; cursor: pointer; }
.pag-btn:hover { background: #47D5E9; border-color: #47D5E9; color: #fff; }
/*侧边栏*/
.side-bar { position: fixed; top: 300px; left: 50%; margin-left: 640px; }
.side-bar a { display: block; }
.side-bar .back-top { display: block; height: 60px; }
.sdx-side-bar { padding: 161px 15px 0; width: 156px; background: url("../images/sdx_side_bar_bg.png") no-repeat center top; }
.sdx-side-bar a { height: 57px; color: #d37c59; font-size: 22px; text-align: center; line-height: 57px; }
.sdx-side-bar a:hover { color: #ffbca0; }
.qsgj-side-bar { width: 87px; }
.qsgj-side-bar a { padding: 17px 18px 13px 22px; width: 46px; color: #ff3434; font-size: 22px; font-weight: bold; height: 67px; background: url("../images/qsgj_side_bar_bg.png") no-repeat 0 0; }
.qsgj-side-bar a:hover { color: #fff; background-position: 0 -101px; }
.qsgj-side-bar .back-top { padding: 35px 20px; height: 27px; }
.jdpin-side-bar { width: 228px; top: 600px; background: url("../images/jdpin_side_bar.png"); }
.jdpin-side-bar a { padding: 0 50px; color: #feebc5; font-size: 22px; font-weight: bold; text-align: center; height: 57px; line-height: 57px; margin-top: 33px; }
.jdpin-side-bar a:hover { background: url("../images/jdpin_side_bar.png") no-repeat 0 -302px; }
/*footer*/
.footer { background: #46D4E8; padding: 28px 0; }
.footer p { line-height: 24px; font-size: 12px; color: #048fa3; text-align: center; }
.footer p a { color: #048fa3; margin: 0 8px; }
.footer p a:hover { color: #fff; text-decoration: underline; }
.qsgj-artical-footer { background: #0F548B; }
.sdxia-artical-footer { background: url("../images/sdxia_footer_bg.jpg"); }
.sdxia-artical-footer p, .sdxia-artical-footer p a { color: #bca95f; }
.jdpin-artical-footer { padding: 60px 0 40px; background: url("../images/jdpin_footer_bg.jpg") repeat-x; }
.jdpin-artical-footer p, .jdpin-artical-footer p a { color: #948a7d; }
.kcxf-footer { background: #040514; }
.kcxf-footer p, .kcxf-footer p a { color: #26273a; }
.xyzb-footer { background: #90111c; }
.xyzb-footer p, .xyzb-footer p a { color: #c14953; }
/*标题*/
@-webkit-keyframes tit_anim { 0% {
 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
 transform: translate3d(-100%, 0, 0) skewX(30deg);
 opacity: 0
}
 60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1
 }
 80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1
 }
 100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1
 }
}
@keyframes tit_anim { 0% {
 transform: translate3d(-100%, 0, 0) skewX(30deg);
 opacity: 0
}
 60% {
  transform: skewX(20deg);
  opacity: 1
 }
 80% {
  transform: skewX(-5deg);
  opacity: 1
 }
 100% {
  transform: none;
  opacity: 1
 }
}
/*专栏信息展开按钮animation*/
@keyframes arrow_ani { 0% {
 margin-top:0px
}
 50% {
  margin-top:-8px
 }
 100% {
  margin-top:0px
 }
}
@-webkit-keyframes arrow_ani { 0% {
 margin-top:0px
}
 50% {
  margin-top:-8px
 }
 100% {
  margin-top:0px
 }
}
/*彩虹animation*/
@keyframes rainbow { 0% {
 opacity:0;
 transform:translate(0, 400px);
}
 100% {
  opacity:1;
  transform:translate(0, 0);
 }
}
@-webkit-keyframes rainbow { 0% {
 opacity:0;
 -webkit-transform:translate(0, 400px);
}
 100% {
  opacity:1;
  -webkit-transform:translate(0, 0);
 }
}
/*浮云animation*/
@keyframes moveclouds { 0% {
 opacity:0;
 transform:translate(260px, 0);
}
 15% {
  opacity:1;
 }
 50% {
  transform:translate(0, 50px);
 }
 80% {
  opacity:.7;
  transform:translate(0, -5px);
 }
 100% {
  opacity:0;
  transform:translate(-260px, 0);
 }
}
@-webkit-keyframes moveclouds { 0% {
 opacity:0;
 -webkit-transform:translate(260px, 0);
}
 15% {
  opacity:1;
 }
 50% {
  -webkit-transform:translate(0, 50px);
 }
 80% {
  opacity:.7;
  -webkit-transform:translate(0, -5px);
 }
 100% {
  opacity:0;
  -webkit-transform:translate(-260px, 0);
 }
}
@keyframes tag { 0%, 100% {
 transform: rotate(0deg);
 transform-origin:50% 0;
}
 35% {
  transform: rotate(-5deg);
  transform-origin:50% 0;
 }
 70% {
  transform: rotate(5deg);
  transform-origin:50% 0;
 }
}
@-webkit-keyframes tag { 0%, 100% {
 -webkit-transform: rotate(0deg);
 -webkit-transform-origin:50% 0;
}
 35% {
  -webkit-transform: rotate(-5deg);
  -webkit-transform-origin:50% 0;
 }
 70% {
  -webkit-transform: rotate(5deg);
  -webkit-transform-origin:50% 0;
 }
}