/* CSS Document */

/**************************首页**************************/
/*热门游戏推荐*/
.jjindex_recom_box{ width: 100%; height: 119px; border-bottom: thin solid #EEEEEE; margin-top: 22px; }
.jjindex_recom_menu{ float: left; width: 109px; }
.jjindex_recom_menu li{ width: 109px; height: 39px; line-height: 39px; cursor: pointer; position: relative; background: #F5F5F5; border-top: thin solid #EEEEEE; }
.jjindex_recom_menu li:first-child{ border-top: 0; }
.jjindex_recom_menu span{ display: block; height: 39px; overflow: hidden; }
.jjindex_recom_menu em{ display: block; float: left; width: 19px; height: 19px; margin: 11px 8px 0 10px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_recom_menu em.icon1{ background-position: 0 -60px; }
.jjindex_recom_menu em.icon2{ background-position: -20px -60px; }
.jjindex_recom_menu em.icon3{ background-position: -40px -60px; }
.jjindex_recom_menu li.current{ background: #E1251B; color:#FFFFFF; }
.jjindex_recom_menu li.current:after{ content: ''; display: block; width: 0; height: 0; border-width: 5px 0 5px 5px; border-style: solid; border-color: transparent transparent transparent #E1251B; position: absolute; right: -5px; top: 15px; }
.jjindex_recom_menu li.current em.icon1{ background-position: 0 -80px; }
.jjindex_recom_menu li.current em.icon2{ background-position: -20px -80px; }
.jjindex_recom_menu li.current em.icon3{ background-position: -40px -80px; }
.jjindex_recom_list{ width: 1080px; float: right; }
.jjindex_recom_list li{ float: left; width: 90px; text-align:center; margin-left: 18px; transform:perspective(1000); }
.jjindex_recom_list img{ width: 80px; height: 80px; border-radius: 15px; }
.jjindex_recom_list li a:hover img{ transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg); transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_recom_list h3{ margin-top: 10px; height: 18px; line-height: 18px; overflow: hidden; }

/*街机滑动推荐*/
.jjindex_kind_recom{ height: 230px; overflow: hidden; margin-top: 25px; }
.jjindex_kindIn_recom{ width: 87px; float: left; height: 100%; transition: width 0.5s; position: relative; z-index: 2; background: #FFFFFF; }
.jjindex_kindIn_recom.on{ width: 1026px; transition: width 0.5s; }
.jjindex_kindIn_tit{ float: left; width: 87px; height: 100%; text-align: center; background: #499DF5; position: relative; letter-spacing: 5px; }
.jjindex_kindIn_recom:nth-child(1) .jjindex_kindIn_tit{ background: #199DF5; }
.jjindex_kindIn_recom:nth-child(2) .jjindex_kindIn_tit{ background: #3B8BED; }
.jjindex_kindIn_recom:nth-child(3) .jjindex_kindIn_tit{ background: #499DF5;}
.jjindex_kindIn_tit:after{ content: ''; display: none; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #F7A934; position:absolute; right: -8px; top: 107px;z-index: 3; }
.jjindex_kindIn_tit h2{ width: 24px; font-weight: bold; font-size: 20px; color: #FFFFFF; margin: 0 auto; padding-top: 60px; }
.jjindex_kindIn_recom.on .jjindex_kindIn_tit{ background: #F7A934; }
.jjindex_kindIn_recom.on .jjindex_kindIn_tit:after{ display: block; }
.jjindex_kindIn_recom ul{ width: 939px; height: 100%; position: absolute; left: 87px; top: 0; }
.jjindex_kindIn_recom li{ float: left; width: 77px; height: 100%; overflow: hidden; background: #EAF1FA; transition: width 0.5s linear; position: relative; border-left:2px solid #FFFFFF; }
.jjindex_kindIn_recom li.on{ width: 465px; background: #F5F9FF; transition: width 0.5s linear; }
.jjindex_kindIn_recom li:first-child{ border-left: 0; }
.jjindex_kindIn_recom .list_left{ width: 387px; height: 100%; position: absolute; right: 78px; top: 0; }
.jjindex_kindIn_recom .list_left dl{ width:100%; height: 100%; box-sizing: border-box; padding: 38px 27px 43px 200px; background: linear-gradient(90deg,rgba(245,249,255,0) 20%,#F5F9FF 55%); }
.jjindex_kindIn_recom .list_left dl:after{ content: ''; display: block; width: 1px; height: 70px; background: #BFD0E5; position: absolute; right: 0; top: 20px; }
.jjindex_kindIn_recom .list_left dt{ font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; font-weight: bold; }
.jjindex_kindIn_recom .list_left dd{ color: #999999; line-height: 25px; height: 100px; overflow: hidden; margin-top: 25px; }
.jjindex_kindIn_recom .list_item{ width: 77px; height: 100%; float: right; position: relative; z-index: 2; }
.jjindex_kindIn_recom .list_item h3{ display: block; max-height: 88px; overflow: hidden; padding: 15px 28px 0; text-align:center; font-size: 16px; position: relative; z-index: 2; }
.jjindex_kindIn_recom .list_item span{ display: block; width: 77px;height: 120px; text-align:center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 0 auto; position: absolute; bottom: 15px; right: 0; z-index: 1; }
.jjindex_kindIn_recom .list_item span img{ width: auto; max-height: 100%; filter: grayscale(100%); opacity: 0.8; }
.jjindex_kindIn_recom li.on .list_item span img{ filter: none; opacity: 1; }

/*游戏资讯推荐框*/
.jjindex_art_recom{ margin-top: 30px; }

.jjindex_art_swiper{ width: 530px; height: 351px; float: left; }
.jjindex_art_swiper .swiper-slide{ overflow: hidden; }
.jjindex_art_swiper img{ width: 100%; min-height: 100%;transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_art_swiper .swiper-slide:hover img{ transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_art_swiper h3{ width: 420px; height: 80px; font-weight: bold; background: rgba(0,0,0,0.55); padding: 20px 15px 0; text-align: center; position: absolute; left: 40px; bottom: 25px; z-index: 3; }
.jjindex_art_swiper h3 span{ display: block; width: 100%; height: 30px; line-height: 30px; letter-spacing: 1px; padding-bottom: 1px; overflow: hidden; font-size: 26px; }
.jjindex_art_swiper .swiper-pagination{ bottom: 40px; }
.jjindex_art_swiper .swiper-pagination-bullet{ width: 22px; height: 8px; background: #FFFFFF; border-radius: 4px; opacity: 1; }
.jjindex_art_swiper .swiper-pagination-bullet-active{ background: #E1251B; }

.jjindex_art_cate{ width: 310px; float: left; }
.jjindex_art_cate li{ height: 87px; padding: 15px; }
.jjindex_art_cate li.bg1{ background: #9999FF; }
.jjindex_art_cate li.bg2{ background: #499DF5; }
.jjindex_art_cate li.bg3{ background: #66CC99; }
.jjindex_art_cate h3{ float: left; width: 22px; text-align:center; font-weight: bold; padding-right: 10px; margin-right: 12px; font-size: 18px; position: relative; color:#FFFFFF; line-height: 22px; }
.jjindex_art_cate h3:after{ content: ''; display: block; width: 5px; height: 80px; position: absolute; right: 0; top: 6px; background:url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_art_cate li.bg1 h3:after{ background-position: -390px 0; }
.jjindex_art_cate li.bg2 h3:after{ background-position: -390px -80px; }
.jjindex_art_cate li.bg3 h3:after{ background-position: -390px -160px; }
.jjindex_art_cate img{ width: 72px; height: 72px; border-radius: 17px; float: left; margin:12px 12px 0 0; }
.jjindex_art_cate img:hover{ transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg); transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_art_cate dl{ padding-top: 20px; }
.jjindex_art_cate dt{ font-size: 16px; height: 20px; line-height: 20px; }
.jjindex_art_cate dd{ color: #FFFFFF; height: 18px; line-height: 18px; overflow: hidden; margin-top: 15px; }
.jjindex_art_cate li.bg1 dd{ color:#E7E7FF; }
.jjindex_art_cate li.bg2 dd{ color:#D0E7FD; }
.jjindex_art_cate li.bg3 dd{ color:#E2F5EC; }

.jjindex_art_now{ width: 360px; height: 351px; background: #3B3B3B; float: right; }
.jjindex_art_top{ height: 90px; border-bottom: 2px solid #2F2F2F; }
.jjindex_art_top .date_time{ float: left; width: 99px; height: 90px; padding-top: 1px; margin-right: 10px; background: #313131; color: #616161; font-size: 30px; position: relative; }
.jjindex_art_top .date_time b{ display: block; width: 1px; height: 50px; background: #616161; margin: 22px auto 0; transform: skewX(-50deg); -webkit-transform: skewX(-50deg); -moz-transform: skewX(-50deg); -ms-transform: skewX(-50deg); -o-transform: skewX(-50deg); }
.jjindex_art_top .date_time em{ position: absolute; }
.jjindex_art_top .date_time em.top{ left: 12px; top: 12px; }
.jjindex_art_top .date_time em.bottom{ right: 12px; bottom: 8px; }
.jjindex_art_top dl{ padding-top: 20px; }
.jjindex_art_top dt{ font-weight: bold; height: 24px; font-size: 20px; line-height: 24px; overflow: hidden; }
.jjindex_art_top dd{ color: #838383; height: 18px; line-height: 18px; overflow: hidden; margin-top: 10px; }

.jjindex_art_tit{ height: 30px; line-height: 30px; width: 320px; margin: 20px auto 0; }
.jjindex_art_menu{ float: left; }
.jjindex_art_menu li{ float: left; width: 59px; height: 30px; overflow: hidden; cursor: pointer; border-radius: 15px; font-weight: bold; text-align: center; color: #FFFFFF; font-size: 18px; }
.jjindex_art_menu li.current{ background: #E1251B; }
.jjindex_art_more{ display: block; float: right; color: #FFFFFF; height: 18px; line-height: 18px; text-decoration:none; margin: 6px 0 0 10px; }
.jjindex_art_more b{ display: block; float: right; width: 15px; height: 12px; background: url(../jsimages/2020_bg1.png) no-repeat -170px -40px; margin: 3px 0 0 5px; }
.jjindex_art_more:hover{ text-decoration:underline; }

.jjindex_art_nowList{ width: 320px; margin: 0 auto; padding-top: 5px; }
.jjindex_art_nowList li{ height: 20px; line-height: 20px; overflow: hidden; margin-top: 11px; }
.jjindex_art_nowList img{ float: left; width: 20px; height: 20px; border-radius: 4px; margin-right: 12px; }
.jjindex_art_nowList span{ float: right; color: #838383; font-size: 12px; }
.jjindex_art_nowList span em{ float: left; width: 13px; height: 13px; background:url(../jsimages/2020_bg1.png) no-repeat -350px -30px; margin: 4px 7px 0 0; }
.jjindex_art_nowList a{ display: inline-block; max-width:250px; }
.jjindex_art_nowList a em{ display: block; float: right; width: 22px; height: 13px; margin: 2px 0 0 5px; background: url(../jsimages/2020_bg1.png) no-repeat -170px 0; }

.jjindex_box{ width: 1198px; padding-bottom: 20px; border:1px solid #EAEAEA; margin: 40px auto 0; }
.jjindex_boxIn{ width: 1170px; margin: 0 auto; }
.jjindex_tit{ padding: 0 15px; height: 50px; line-height: 50px; overflow: hidden; border-bottom:3px solid #E1251B; }
.jjindex_tit h2{ float: left; font-size: 24px; font-weight: bold; }
.jjindex_tit h2 em{ float: left; width: 18px; height: 14px; margin: 18px 15px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -370px -30px; }
.jjindex_more{ float: right; color: #999999; height: 18px; line-height: 18px; text-decoration:none; margin: 17px 0 0 10px; }
.jjindex_more b{ display: block; float: right; width: 15px; height: 12px; margin: 3px 0 0 5px; background: url(../jsimages/2020_bg1.png) no-repeat -170px -60px; }
.jjindex_more:hover{ color: #E1251B; }
.jjindex_more:hover b{ background-position: -190px -60px; }

/*精选合集*/
.jjindex_jxhj_list{ padding: 0 15px; }
.jjindex_jxhj_list li{ float: left; width: 275px; padding-bottom: 15px; border-bottom:2px solid #EAEAEA; margin: 25px 0 0 22px; }
.jjindex_jxhj_list li.one{ margin-left: 0; }
.jjindex_jxhj_list .img_box{ display: block; width: 228px; height: 120px; overflow: hidden; float: left; }
.jjindex_jxhj_list .img_box img{ width: 100%; min-height: 100%;transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jxhj_list .img_box:hover img{ transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jxhj_list .date_time{ float: right; width: 45px; text-align: center; font-size: 26px; color: #F1948E; line-height: 24px; margin-top: 22px; }
.jjindex_jxhj_list .date_time i{ display: block; font-size: 20px; transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -moz-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -o-transform: skewX(-45deg);  }
.jjindex_jxhj_list h3{ font-size: 18px; font-weight: bold; height: 22px; line-height: 22px; overflow: hidden; margin-top: 15px; }
.jjindex_jxhj_down{ display: block; float: right; width: 22px; height: 22px; background: url(../jsimages/2020_bg1.png) no-repeat -70px -50px; }
.jjindex_jxhj_down:hover{ background-position: -100px -50px; }
.jjindex_jxhj_list p{ display: block; color: #999999; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px; }

.jjindex_menu{ float: right; height: 25px; overflow: hidden; margin-top: 13px; }
.jjindex_menu li{ float: left; height: 23px; line-height: 23px; border:1px solid #FFFFFF; border-radius: 13px; cursor: pointer; margin-right: 12px; }
.jjindex_menu li a,.jjindex_menu li span{ display: block; color: #333333; text-decoration:none; padding: 0 10px; }
.jjindex_menu li.current{ border:1px solid #E1251B; }
.jjindex_menu li.current a,.jjindex_menu li.current span{ color: #E1251B; }

/*街机游戏*/
.jjindex_jjyx_prev,.jjindex_jjyx_next{ display: block; width: 70px; cursor: pointer; position: absolute; top: 30px; z-index: 3; }
.jjindex_jjyx_prev{ left: 15px; }
.jjindex_jjyx_next{ right: 15px; }
.jjindex_jjyx_prev b,.jjindex_jjyx_next b{ display: block; width: 30px; height: 29px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_jjyx_prev b{ float: left; background-position: -120px -240px; }
.jjindex_jjyx_next b{ float: right; background-position: -120px -270px; }
.jjindex_jjyx_prev.swiper-button-disabled,.jjindex_jjyx_next.swiper-button-disabled{ display: none; }
.jjindex_jjyx_swiper .swiper-slide{ position: relative; }
.jjindex_jjyx_swiper .to_prev_box,.jjindex_jjyx_swiper .to_next_box{ display: block; width: 36px; position: absolute; top: 25px; }
.jjindex_jjyx_swiper .to_prev_box{ left: 55px; }
.jjindex_jjyx_swiper .to_next_box{ right: 55px; }
.jjindex_jjyx_swiper .to_prev_box em,.jjindex_jjyx_swiper .to_next_box em{ display: block; height: 25px; margin: 0 auto; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_jjyx_swiper .to_prev_box em.i_jiej,.jjindex_jjyx_swiper .to_next_box em.jiej{ width: 27px; background-position: -160px -220px; }
.jjindex_jjyx_swiper .to_prev_box em.i_jiaj,.jjindex_jjyx_swiper .to_next_box em.i_jiaj{width: 36px; background-position: -190px -220px; }
.jjindex_jjyx_swiper .to_prev_box em.i_zhangj,.jjindex_jjyx_swiper .to_next_box em.i_zhangj{ width: 25px; background-position: -230px -220px; }
.jjindex_jjyx_swiper .to_prev_box h3,.jjindex_jjyx_swiper .to_next_box h3{ font-size: 14px; height: 18px; line-height: 18px; color: #999999; overflow: hidden; text-align: center; margin-top: 3px; }
.jjindex_jjyx_menu{ display:table; margin: 22px auto 0; }
.jjindex_jjyx_menu:after{ content: '';display: block; clear: both; }
.jjindex_jjyx_menu .swiper-slide{ width: 340px; }
.jjindex_jjyx_menu li{ display: table-cell; width: 170px; height: 49px; text-align: center; line-height: 49px; cursor: pointer; margin-left: 1px; font-size: 18px; font-weight: bold; background: #EEEEEE; }
.jjindex_jjyx_menu li:last-child{ border-radius: 0 4px 4px 0; border-left: 0; }
.jjindex_jjyx_menu li:first-child{ border-radius: 4px 0 0 4px; }
.jjindex_jjyx_menu li.current{ background: #E1251B; color: #FFFFFF; }
.jjindex_jjyx_menu li em{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: -2px 10px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_jjyx_menu li em.i_mob{ background-position: -70px -80px; }
.jjindex_jjyx_menu li em.i_pc{ background-position: -100px -80px; }
.jjindex_jjyx_menu li.current em.i_mob{ background-position: -130px -80px; }
.jjindex_jjyx_menu li.current em.i_pc{ background-position: -130px -50px; }

.jjindex_jjyx_box{ width: 1170px; position: relative; margin:0 auto; }
.jjindex_jjyx_boxIn{  background: #FFFFFF; position: absolute; left: 0; top: 0; opacity: 0; z-index: -1; }
.jjindex_jjyx_boxIn.current{ opacity: 1; position: relative; z-index: 1; }
.jjindex_jjyx_left{ float: left; width: 750px; margin-top: 22px; }
.jjindex_jjyx_banner{ width: 750px; height: 250px; position: relative; }
.jjindex_jjyx_banner .img_box{ width: 100%; height: 100%; overflow: hidden; }
.jjindex_jjyx_banner img{ width: 100%; min-height: 100%;transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jjyx_banner:hover img{ transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jjyx_banner dl{ width: 185px; position: absolute; right: 0; top: 0; bottom: 0; padding: 15px 0 0 130px; background: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.8)); }
.jjindex_jjyx_banner dt{ height: 50px; line-height: 50px; overflow: hidden; font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #FFFFFF; border-bottom:thin solid #747474; }
.jjindex_jjyx_banner dd{ height: 18px; line-height: 18px; overflow: hidden; color: #FFFFFF; margin-top: 10px; }
.jjindex_jjyx_down{ width: 186px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px 0 0 20px; background: #F7A934; font-size: 18px; color: #FFFFFF; text-decoration: none; position: absolute; right: -6px; bottom: 35px; }
.jjindex_jjyx_down:after{ content: ''; display: block; width: 0; height: 0; border-width: 3px; border-style: solid; border-color: #D78409 transparent transparent #D78409; position: absolute; bottom: -6px; right: 0; }
.jjindex_jjyx_down em{ display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; width: 21px; height: 22px; background: url(../jsimages/2020_bg1.png) no-repeat -160px -80px; }
.jjindex_jjyx_down:hover{ background: #FEAE35; }

.jjindex_jjyx_djSwiper{ width: 100%; margin-top: 18px; }
.jjindex_jjyx_djSwiper .swiper-slide{ width: 170px; height: 215px; overflow: hidden; position: relative; }
.jjindex_jjyx_djSwiper .swiper-slide img{ width: 100%; min-height: 100%; transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jjyx_djSwiper .swiper-slide:hover img{ transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jjyx_djSwiper dl{ height: 62px; padding: 35px 10px 0; color: #FFFFFF; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg,rgba(0,0,0,0.9),rgba(0,0,0,0)); }
.jjindex_jjyx_djSwiper dt{ font-size: 18px; height: 22px; font-weight: bold; line-height: 22px; overflow: hidden; }
.jjindex_jjyx_djSwiper dd{ font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; margin-top: 5px; }
.jjindex_jjyx_djSwiper em{ display: block; width: 43px; height: 40px; padding-left: 6px; font-weight: bold; color: #FFFFFF; font-size: 16px; text-align: center; line-height: 32px; position: absolute; left: 15px; top: 20px; background: url(../jsimages/2020_bg1.png) no-repeat -210px -60px; }
.jjindex_jjyx_djSwiper .swiper-pagination{ position: static; margin-top: 20px; }
.jjindex_jjyx_djSwiper .swiper-pagination-bullet{ width: 8px; height: 8px; background: #CCCCCC; opacity: 1; border-radius: 4px; transition: width 0.5s; -ms-transition: width 0.5s; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; }
.jjindex_jjyx_djSwiper .swiper-pagination-bullet-active{ width: 22px; background: #E1251B; transition: width 0.5s; -ms-transition: width 0.5s; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; }
.jjindex_jjyx_djSwiper .swiper-button-next,.jjindex_jjyx_djSwiper .swiper-button-prev{ display: block; width: 30px; height: 55px; margin-top: -50px; background: rgba(0,0,0,0.5); }
.jjindex_jjyx_djSwiper .swiper-button-next{ right: 0; }
.jjindex_jjyx_djSwiper .swiper-button-prev{ left: 0; }
.jjindex_jjyx_djSwiper .swiper-button-next b,.jjindex_jjyx_djSwiper .swiper-button-prev b{ display: block; width: 8px; height: 13px; margin-top: 20px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_jjyx_djSwiper .swiper-button-next b{ margin-left: 10px; background-position: -270px -60px; }
.jjindex_jjyx_djSwiper .swiper-button-prev b{ margin-left: 10px; background-position: -260px -60px; }

.jjindex_jjyx_right{ width: 390px; float: right; margin-top: 20px; }
.jjindex_jjyx_ad{ width: 100%; height: 90px; position: relative; }
.jjindex_jjyx_ad .img_box{ width: 100%; height: 100%; overflow: hidden; }
.jjindex_jjyx_ad img{ width: 100%; min-height: 100%; transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jjyx_ad:hover img{ transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_jjyx_ad dl{ width:190px; padding:20px 15px 0; color: #FFFFFF; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, rgba(0,0,0,0.8), rgba(0,0,0,0)); }
.jjindex_jjyx_ad dt{ font-size: 20px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; }
.jjindex_jjyx_ad dd{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 10px; }
.jjindex_jjyx_ad em{ display: block; width: 50px; height: 25px; line-height: 25px; font-size: 18px; font-weight: bold; text-align: center; color: #FFFFFF; padding-bottom: 5px; background: url(../jsimages/2020_bg1.png) no-repeat -280px -60px; position: absolute; right: -5px; top: 15px; }

.jjindex_jjyx_table table{ width: 100%; }
.jjindex_jjyx_table thead{ background: #F3F3F3; color: #999999; font-size: 14px; }
.jjindex_jjyx_table td{ padding:0 10px; }
.jjindex_jjyx_table thead td{ height: 30px; }
.jjindex_jjyx_table td.td1{ width: 310px; }
.jjindex_jjyx_table td.td2{ width: 80px; text-align: center; }
.jjindex_jjyx_table tbody tr,.jjindex_jjyx_table tbody td{ border-bottom:thin solid #EEEEEE; }
.jjindex_jjyx_table tbody td.td1{ height: 72px; background: #FBFBFB; border-right:thin solid #EEEEEE; } 
.jjindex_jjyx_table dl{ width: 275px; }
.jjindex_jjyx_table dt{ font-size: 16px; height: 20px; font-weight: bold; line-height: 20px; overflow: hidden; } 
.jjindex_jjyx_table dd{ color: #999999; height: 18px; line-height: 18px; overflow: hidden; margin-top: 6px; } 
.jjindex_jjyx_table tbody td.td2{ font-size: 20px; color:#E0251A; font-weight: bold; }
.jjindex_jjyx_table .swiper-pagination{ position: static; margin-top: 18px; }
.jjindex_jjyx_table .swiper-pagination-bullet{ width: 8px; height: 8px; background: #CCCCCC; opacity: 1; border-radius: 4px; transition: width 0.5s; -ms-transition: width 0.5s; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; }
.jjindex_jjyx_table .swiper-pagination-bullet-active{ width: 22px; background: #E1251B; transition: width 0.5s; -ms-transition: width 0.5s; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; }
.jjindex_jjyx_table .swiper-button-next,.jjindex_jjyx_table .swiper-button-prev{ display: block; width: 30px; height: 55px; margin-top: -50px; background: rgba(0,0,0,0.5); }
.jjindex_jjyx_table .swiper-button-next{ right: 0; }
.jjindex_jjyx_table .swiper-button-prev{ left: 0; }
.jjindex_jjyx_table .swiper-button-next b,.jjindex_jjyx_table .swiper-button-prev b{ display: block; width: 8px; height: 13px; margin-top: 20px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_jjyx_table .swiper-button-next b{ margin-left: 10px; background-position: -270px -60px; }
.jjindex_jjyx_table .swiper-button-prev b{ margin-left: 10px; background-position: -260px -60px; }

/*游戏专题*/
.jjindex_yxzt_box{ margin-top: 40px; }
.jjindex_yxzt_tit{ width: auto; display: block; margin: 0 auto; text-align: center; height: 72px; }
.jjindex_yxzt_tit b{ display: inline-block; vertical-align: middle; width: 72px; height: 38px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_yxzt_tit b.left{ background-position: 0 -110px; }
.jjindex_yxzt_tit b.right{ background-position: -80px -110px; }
.jjindex_yxzt_tit h2{ display: inline-block; vertical-align: middle; width: 258px; height: 70px; margin: 0 35px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_yxzt_tit h2.i_yxzt{ background-position: 0 -150px; }

.jjindex_yxzt_boxIn{ width: 100%; height: 570px; background: #F3F3F4; margin-top: 30px; }
.jjindex_yxzt_gallery .img_box{ width: 100%; height: 390px; display: block; overflow: hidden; }
.jjindex_yxzt_gallery .img_box img{ width: 100%; min-height: 100%; transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_yxzt_gallery .img_box:hover img{ transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }

.jjindex_yxzt_thumbs{ width: 1170px; position: relative; z-index: 2; margin-top: -100px; }
.jjindex_yxzt_thumbs .swiper-slide{ width: 217px; height: 172px; background: #FFFFFF; }
.jjindex_yxzt_thumbs .img_box{ display: block; width: 100%; height: 115px; overflow: hidden; position: relative; color: #FFFFFF; text-decoration: none; }
.jjindex_yxzt_thumbs .img_box img{ width: 100%; min-height: 100%; transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_yxzt_thumbs .img_box:hover img{ position: relative; z-index: 1; transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_yxzt_thumbs .img_box em{ display: block; width: 53px; height: 24px; text-align: center; line-height: 24px; background: url(../jsimages/2020_bg1.png) no-repeat -220px -110px; position: absolute; left: 12px; top: 10px; z-index: 2; }
.jjindex_yxzt_thumbs dl{ padding: 8px 12px 0; }
.jjindex_yxzt_thumbs dt{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold; }
.jjindex_yxzt_thumbs dd{ font-size: 12px; color: #999999; height: 16px; line-height: 16px; overflow: hidden; margin-top: 5px; }

.jjindex_yxzt_opt{ position: relative; width: 820px; height: 75px; margin: 25px auto 0; }
.jjindex_yxzt_opt .swiper-pagination{ position: static; }
.jjindex_yxzt_opt .swiper-button-next,.jjindex_yxzt_opt .swiper-button-prev{ width: 28px; height: 28px; margin-top: -19px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_yxzt_opt .swiper-button-prev{ left: 0; background-position: -160px -110px; }
.jjindex_yxzt_opt .swiper-button-next{ right: 0; background-position: -190px -110px; }
.jjindex_yxzt_opt .swiper-scrollbar{ width: 717px; height: 6px; margin:12px auto 0; background: #C2C2C2; }
.jjindex_yxzt_opt .swiper-scrollbar-drag{ background:#E1251B; }
.jjindex_yxzt_opt p{ width: 100%; text-align:center; font-size: 16px; color: #666666; margin-top: 12px; }

/*单机游戏*/
.jjindex_djyx_swiper{ display: block; width: 555px; height: 412px; float: left; margin-top: 22px; }
.jjindex_djyx_swiper .swiper-slide{ position: relative; }
.jjindex_djyx_swiper .swiper-slide .img_box{ display: block; width: 100%; height:100%; overflow: hidden; position: relative; }
.jjindex_djyx_swiper .swiper-slide .img_box img{ width: 100%; min-height: 100%; transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_djyx_swiper .swiper-slide .img_box:after{ content: ''; display: block; width: 100%; height: 83px; background: linear-gradient(0deg,rgba(0,0,0,0.8),rgba(0,0,0,0)); position: absolute; left: 0; bottom: 0; z-index: 2; }
.jjindex_djyx_swiper .swiper-slide:hover img{ position: relative; z-index: 1; transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_djyx_opt{ height: 55px; position: absolute; left: 0; bottom: 68px; z-index: 2; }
.jjindex_djyx_opt a{ display: block; height: 100%; float: left; text-align:center; color: #FFFFFF; text-decoration:none; }
.jjindex_djyx_look{ width: 139px; line-height: 55px; background: #E1251B; font-size: 22px; }
.jjindex_djyx_down{ width: 70px; padding: 5px 12px 5px 15px; box-sizing:border-box; line-height: 22px; background: #27303C; font-size: 16px; position: relative; }
.jjindex_djyx_down:after{ content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 28px 7px; border-color:#27303C transparent transparent #27303C; position: absolute; right: -14px; top: 0 }
.jjindex_djyx_swiper .swiper-pagination{ width: auto; left: initial; right: 25px; bottom: 30px; }
.jjindex_djyx_swiper .swiper-pagination-bullet{ opacity: 1; background: #FFFFFF; width: 22px; height: 8px; border-radius:4px; }
.jjindex_djyx_swiper .swiper-pagination-bullet-active{ background: #E1251B; }

.jjindex_djyx_list{ float: right; width: 594px; }
.jjindex_djyx_list li{ float: left; width: 280px; height:194px; border:1px solid #EEEEEE; background: #FFFFFF; position: relative; margin:21px 0 0 23px;transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_djyx_list li.one{ margin-left: 0; }
.jjindex_djyx_list li:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_djyx_list .img_box{ display: block; width: 100%; height: 138px; overflow: hidden; }
.jjindex_djyx_list .img_box img{ display: block; width: 100%; min-height: 100%; }
.jjindex_djyx_list dl{ width: 280px; height: 0; padding: 0 35px; box-sizing:border-box; overflow: hidden; background: #FFFFFF; text-align: center; position: absolute; top: 0; left: 0; transition: height 0.5s; -webkit-transition: height 0.5s; -ms-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; }
.jjindex_djyx_list li:hover dl{ transition: height 0.5s; -webkit-transition: height 0.5s; -ms-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; height: 138px; }
.jjindex_djyx_list dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; margin-top: 17px; }
.jjindex_djyx_list dd.cont1{ color: #999999; line-height: 22px; margin-top: 7px; height: 44px; overflow: hidden; }
.jjindex_djyx_list dd.cont2{ margin-top: 9px; }
.jjindex_djyx_btn{ display: block; width: 94px; height: 32px; line-height: 32px; border-radius: 16px; overflow: hidden; text-align: center; text-decoration:none; margin:0 auto; background: #E1251B; color: #FFFFFF; }
.jjindex_djyx_btn:hover{ opacity: 0.8; }
.jjindex_djyx_tit{ height: 56px; line-height: 56px; overflow: hidden; }
.jjindex_djyx_tit h2{ margin:0 15px; font-weight: bold; }
.jjindex_djyx_tit em{ display: block; float: left; height: 25px; line-height: 25px; overflow: hidden; padding: 0 12px;margin: 16px 15px 0 0; color: #FFFFFF; }
.jjindex_djyx_tit em.em_zk{ background: #499DF5; }
.jjindex_djyx_tit em.em_jx{ background: #E1251B; }

.jjindex_djyx_recom{ width: 1170px; height: 225px; margin-top: 22px; }
.jjindex_djyx_recom li{ width: 170px; height: 215px; padding: 10px 0; float: left; overflow: hidden; position: relative; margin-left: 18px;transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.jjindex_djyx_recom li.on{ width: 410px }
.jjindex_djyx_recom li.one{ margin-left: 0; }
.jjindex_djyx_recom_self{ float: left; position: relative; width: 170px; height: 215px; overflow: hidden; }
.jjindex_djyx_recom_self.one{ margin-left: 0; }
.jjindex_djyx_recom_self img{ width: 100%; min-height: 100%; }
.jjindex_djyx_recom_self em{ display: block; width: 43px; height: 40px; padding-left: 6px; font-weight: bold; color: #FFFFFF; font-size: 16px; text-align: center; line-height: 32px; position: absolute; left: 15px; top: 20px; background: url(../jsimages/2020_bg1.png) no-repeat -210px -60px; }
.jjindex_djyx_recom_self dl{ padding: 25px 12px 0; height: 55px; background: linear-gradient(0deg,rgba(0,0,0,0.9),rgba(0,0,0,0)); position: absolute; left: 0; right: 0; bottom: 0; }
.jjindex_djyx_recom_self dt{ font-size: 18px; line-height: 22px; height: 22px; font-weight: bold; overflow: hidden; }
.jjindex_djyx_recom_self dd{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 5px; }
.jjindex_djyx_recom_info{ width: 230px; height: 216px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); text-align: center; background: #FFFFFF; padding: 30px 25px; box-sizing:border-box; border-top:thin solid #EEEEEE; border-right:thin solid #EEEEEE; border-bottom:thin solid #EEEEEE; position: absolute; left:170px; }
.jjindex_djyx_recom_info b{ display: block; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #FFFFFF transparent transparent; position: absolute; left: -5px; top: 50%; margin-top: -3px; }
.jjindex_djyx_recom_info dt{ font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; font-weight: bold; }
.jjindex_djyx_recom_info dd.cont1{ line-height: 22px; height: 66px; overflow: hidden; margin-top: 20px; }
.jjindex_djyx_recom_info dd.cont1 em{ display: block; float:left; width: 20px; height: 15px;background: url(../jsimages/2020_bg1.png) no-repeat -340px -60px; }
.jjindex_djyx_recom_info dd.cont1 p{ margin-left: 30px; }
.jjindex_djyx_recom_info dd.cont2{ padding-top: 17px; border-top:thin solid #EEEEEE; margin-top: 22px; font-size: 12px; color: #999999; }
.jjindex_djyx_recom_info dd.cont2 em{ display: inline-block; vertical-align: middle; width: 13px; height: 13px; background: url(../jsimages/2020_bg1.png) no-repeat -350px -30px; margin:-2px 7px 0 0; }

/*正版软件*/
.jjindex_zbrj_list li{ float: left; width: 378px; height: 200px; margin: 22px 0 0 18px; padding: 20px 18px 29px; overflow: hidden; border:1px solid #EEEEEE; border-radius: 4px; position: relative; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_zbrj_list li.one{ margin-left: 0 }
.jjindex_zbrj_list li:hover{ box-shadow: 0 0 10px 0 rgba(47,47,47,0.15); transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_zbrj_list i{ display: block; float: right; width: 22px; height: 22px; margin-left: 5px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjindex_zbrj_list i.i_win{ background-position: -280px -100px; }
.jjindex_zbrj_list i.i_mac{ background-position: -310px -100px; }
.jjindex_zbrj_list .img_box{ text-align: center; width: 140px; height: 160px; float: left; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_zbrj_list .img_box img{ max-width: 100%; max-height: 100%; }
.jjindex_zbrj_list .img_box:hover{ transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.03); transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_zbrj_list dl{ padding-top: 5px; position: relative; z-index: 1; margin-left: 155px; }
.jjindex_zbrj_list dt{ height: 22px; line-height: 22px; overflow: hidden; font-size:18px; font-weight: bold; word-break: break-all; }
.jjindex_zbrj_list dd.cont1{ line-height: 18px; height: 36px; overflow: hidden; margin-top: 15px; }
.jjindex_zbrj_list dd.cont2{ height: 24px; line-height: 24px; overflow: hidden; margin-top: 15px; }
.jjindex_zbrj_list dd.cont2 em{ display: block; float: left; padding: 0 5px; margin-left: 7px; background: #EFEFEF; border-radius: 2px; font-size:12px; color: #666666; text-align: center; max-width: 100%; }
.jjindex_zbrj_list dd.cont2 em.one{ margin-left: 0; }
.jjindex_zbrj_list dd.cont3{ height: 22px; line-height: 22px; overflow: hidden; font-size:18px; font-weight: bold; color: #E83E1B; margin-top: 15px; }
.jjindex_zbrj_list dd.cont3 em{ text-decoration:line-through; color: #999999; font-size:14px; }

/*手机游戏*/
.jjindex_sjyx_list{ display: table; border-right: 1px solid #EAEAEA; margin-top: 20px; }
.jjindex_sjyx_list li{ display: table-cell; float: left; width: 128px; height: 158px; overflow: hidden; text-align: center; border-left: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; position: relative; }
.jjindex_sjyx_list img{ display: block; width: 80px; height: 80px; border-radius:15px; overflow: hidden; margin:30px auto 0; }
.jjindex_sjyx_list h3{ font-size: 16px; height: 20px; line-height: 20px;overflow: hidden; width: 100px; margin:12px auto 0; }
.jjindex_sjyx_list dl{ width: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin-left: -100%; background: rgba(0,0,0,0.7); transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_sjyx_list dt{ margin-top: 25px; font-size: 16px;height: 20px; line-height: 20px; overflow: hidden; }
.jjindex_sjyx_list dd.cont1{ padding: 0 10px; margin-top: 10px; color: #FFFFFF; line-height: 22px; text-align: left; height: 44px; overflow: hidden; }
.jjindex_sjyx_btn{ width: 100%; height: 40px; line-height: 40px; background: #E1251B; color: #FFFFFF; font-size: 16px; position: absolute; bottom: 0; left: 0; text-decoration: none; }
.jjindex_sjyx_btn b{ display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url(../jsimages/2020_bg1.png) no-repeat -340px -100px; margin:-2px 0 0 7px; }
.jjindex_sjyx_btn:hover{ background: #FFFFFF; color: #E1251B; }
.jjindex_sjyx_btn:hover b{ background-position: -340px -130px; }
.jjindex_sjyx_list li:hover dl{ margin-left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.jjindex_sjyx_left{ width: 403px; float: left; }
.jjindex_sjyx_recom{ width: 403px; height: 220px; overflow: hidden; margin-top: 20px; }
.jjindex_sjyx_recom li{ float: left; width: 77px; height: 220px; position: relative;}
.jjindex_sjyx_recom li img{ width: 246px; min-height:100%; }
.jjindex_sjyx_recom li em{ display: block; width: 40px; height:38px; background: url(../jsimages/2020_bg1.png) no-repeat -280px -130px; position: absolute; left: 0; top: 0; }
.jjindex_sjyx_recom li.hover{ width: 246px;transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_sjyx_recom li dl{ width: 226px; height: 70px; text-align:center; padding: 50px 10px 0; position: absolute; left: 0; right: 0; bottom: -120px; background: linear-gradient(0deg, rgba(0,0,0,0.9),rgba(0,0,0,0)); transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjindex_sjyx_recom li dt{ font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold; }
.jjindex_sjyx_recom li dd{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 10px; }
.jjindex_sjyx_recom li.hover dl{ bottom: 0;transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.jjindex_sjyx_kind{width: 100%; padding-top: 10px; }
.jjindex_sjyx_kind li{ float: left; width: 125px; margin: 15px 0 0 14px; font-size: 16px; }
.jjindex_sjyx_kind li.one{ margin-left: 0; }
.jjindex_sjyx_kind li a{ display: block; height: 35px; padding: 0 5px; text-align: center; line-height: 35px; border:thin solid #EEEEEE; text-decoration:none; position: relative; }
.jjindex_sjyx_kind li a span{ display: block; width: 100%; height: 35px; overflow: hidden; }
.jjindex_sjyx_kind li a b{ display: block; width: 0; height: 0; border-style: solid; border-width: 2px 53px; border-color: #EEEEEE #EEEEEE transparent transparent; position: absolute; right: 3px; bottom: -4px; }
.jjindex_sjyx_kind li a em{ display: block; width: 0; height: 0; border-style: solid; border-width: 12px; position: absolute; left: 0; top: 0; }
.jjindex_sjyx_kind li a em:before{ content: '+'; display: block; width: 20px; height: 20px; font-size: 16px; font-weight: bold; color: #FFFFFF; position: absolute; left: -15px; top: -24px; }
.jjindex_sjyx_kind li a:hover em,.jjindex_sjyx_kind li.current a em,.llNGameLab_list li.current a b,.llNGameLab_list li a:hover b{ display: none; }
.jjindex_sjyx_kind li a.a1{ color: #FF6666; }
.jjindex_sjyx_kind li a.a1 em{ border-color:#FF6666 transparent transparent #FF6666; }
.jjindex_sjyx_kind li a.a1:hover,.jjindex_sjyx_kind li.current a.a1{ background: #FF6666; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a2{ color: #9999FF; }
.jjindex_sjyx_kind li a.a2 em{ border-color:#9999FF transparent transparent #9999FF; }
.jjindex_sjyx_kind li a.a2:hover,.jjindex_sjyx_kind li.current a.a2{ background: #9999FF; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a3{ color: #499DF5; }
.jjindex_sjyx_kind li a.a3 em{ border-color:#499DF5 transparent transparent #499DF5; }
.jjindex_sjyx_kind li a.a3:hover,.jjindex_sjyx_kind li.current a.a3{ background: #499DF5; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a4{ color: #66CC99; }
.jjindex_sjyx_kind li a.a4 em{ border-color:#66CC99 transparent transparent #66CC99; }
.jjindex_sjyx_kind li a.a4:hover,.jjindex_sjyx_kind li.current a.a4{ background: #66CC99; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a5{ color: #F7A934; }
.jjindex_sjyx_kind li a.a5 em{ border-color:#F7A934 transparent transparent #F7A934; }
.jjindex_sjyx_kind li a.a5:hover,.jjindex_sjyx_kind li.current a.a5{ background: #F7A934; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a6{ color: #B3D465; }
.jjindex_sjyx_kind li a.a6 em{ border-color:#B3D465 transparent transparent #B3D465; }
.jjindex_sjyx_kind li a.a6:hover,.jjindex_sjyx_kind li.current a.a6{ background: #B3D465; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a7{ color: #A6937C; }
.jjindex_sjyx_kind li a.a7 em{ border-color:#A6937C transparent transparent #A6937C; }
.jjindex_sjyx_kind li a.a7:hover,.jjindex_sjyx_kind li.current a.a7{ background: #A6937C; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a8{ color: #E4A1F0; }
.jjindex_sjyx_kind li a.a8 em{ border-color: #E4A1F0 transparent transparent #E4A1F0; }
.jjindex_sjyx_kind li a.a8:hover,.jjindex_sjyx_kind li.current a.a8{ background: #E4A1F0; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a9{ color: #F19EC2; }
.jjindex_sjyx_kind li a.a9 em{ border-color:#F19EC2 transparent transparent #F19EC2; }
.jjindex_sjyx_kind li a.a9:hover,.jjindex_sjyx_kind li.current a.a9{ background: #F19EC2; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a10{ color: #5DC9EA; }
.jjindex_sjyx_kind li a.a10 em{ border-color:#5DC9EA transparent transparent #5DC9EA; }
.jjindex_sjyx_kind li a.a10:hover,.jjindex_sjyx_kind li.current a.a9{ background: #5DC9EA; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a11{ color: #996666; }
.jjindex_sjyx_kind li a.a11 em{ border-color:#996666 transparent transparent #996666; }
.jjindex_sjyx_kind li a.a11:hover,.jjindex_sjyx_kind li.current a.a9{ background: #996666; color: #FFFFFF; }
.jjindex_sjyx_kind li a.a12{ color: #CC66FF; }
.jjindex_sjyx_kind li a.a12 em{ border-color:#CC66FF transparent transparent #CC66FF; }
.jjindex_sjyx_kind li a.a12:hover,.jjindex_sjyx_kind li.current a.a9{ background: #CC66FF; color: #FFFFFF; }

.jjindex_sjyx_right{ width: 743px; float: right; }
.jjindex_sjyx_kindsp li{ float: left; width: 317px; height: 90px; padding: 20px 14px; margin:22px 0 0 22px; background: #F5F5F5; border-radius: 63px; } 
.jjindex_sjyx_kindsp .img_box{ display: block; float: left; width: 106px; height: 90px; margin-right: 12px; background: url(../jsimages/2020_bg1.png) no-repeat 0 -220px; transform:perspective(1000); }
.jjindex_sjyx_kindsp .img_box img{ width: 90px; height: 90px; border-radius: 50%; }
.jjindex_sjyx_kindsp .img_box img:hover{ transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_sjyx_kindsp dl{ padding-top: 7px; }
.jjindex_sjyx_kindsp dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; }
.jjindex_sjyx_kindsp dd{ font-size: 12px; height: 16px; line-height: 16px; color: #999999; overflow: hidden; margin-top: 12px; }
.jjindex_sjyx_kindsp_btn{ display: block; float: right; width: 20px; height: 20px; margin:5px 15px 0 5px; background: url(../jsimages/2020_bg1.png) no-repeat -270px -170px; }
.jjindex_sjyx_kindsp_btn:hover{ opacity: 0.7; }

.jjindex_sphf_main{ float: left; width: 570px; height: 332px; overflow: hidden; margin-top: 24px; position: relative; }
.jjindex_sphf_main img{ width: 100%; min-height: 100%; transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_sphf_main:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_sphf_main h3{ height: 80px; line-height: 80px; overflow: hidden; font-size: 22px; font-weight: bold; padding:80px 20px 0; position: absolute; left: 0; right: 0; bottom: 0; background:linear-gradient(0deg,rgba(0,0,0,0.9),rgba(0,0,0,0)); }
.jjindex_sphf_main h3 em{ display: block; width: 46px; height: 42px; float: left; margin:18px 15px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -300px -170px; }
.jjindex_sphf_main a:hover h3{ text-decoration:underline; }

.jjindex_sphf_recom{ float: right; width: 580px; overflow: hidden; }
.jjindex_sphf_recom li{ float: left; width: 280px; height: 154px; margin:24px 0 0 20px; position: relative; overflow: hidden; }
.jjindex_sphf_recom li.one{ margin-left: 0; }
.jjindex_sphf_recom a{ display: block; width: 100%; height: 100%; }
.jjindex_sphf_recom img{ width: 100%; min-height: 100%; transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_sphf_recom li:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_sphf_recom h3{ height: 50px; line-height: 50px; overflow: hidden; font-size: 16px; font-weight: bold; padding:70px 12px 0; position: absolute; left: 0; right: 0; bottom: 0; background:linear-gradient(0deg,rgba(0,0,0,0.9),rgba(0,0,0,0)); }
.jjindex_sphf_recom h3 em{ display: block; width: 25px; height: 24px; float: left; margin:14px 12px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -350px -170px; }
.jjindex_sphf_recom a:hover h3{ text-decoration:underline; }

.jjindex_sphf_list li{ float: left; width: 220px; height: 130px; margin:22px 0 0 17px; position: relative; overflow: hidden; }
.jjindex_sphf_list li.one{ margin-left: 0; }
.jjindex_sphf_list a{ display: block; width: 100%; height: 100%; }
.jjindex_sphf_list img{ width: 100%; min-height: 100%; transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_sphf_list li:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_sphf_list h3{ height: 50px; line-height: 50px; overflow: hidden; font-size: 16px; font-weight: bold; padding:70px 12px 0; position: absolute; left: 0; right: 0; bottom: 0; background:linear-gradient(0deg,rgba(0,0,0,0.9),rgba(0,0,0,0)); }
.jjindex_sphf_list h3 em{ display: block; width: 25px; height: 24px; float: left; margin:14px 12px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -350px -170px; }
.jjindex_sphf_list a:hover h3{ text-decoration:underline; }

/*资讯文章*/
.jjindex_zxwz_left{ float: left; width: 420px; }
.jjindex_boxIn_tit{ width: 100%; height: 22px; line-height: 22px; overflow: hidden; margin-top: 20px; }
.jjindex_boxIn_tit h2{ float: left; height: 22px; font-size: 18px; font-weight: bold; }
.jjindex_boxIn_tit h2 b{ display: block; float: left; width: 5px; height: 16px; background: #E1251B; border-radius:2px; margin:3px 10px 0 0; }
.jjindex_boxIn_more{ display: block; float: right; height: 18px; line-height: 18px; text-decoration:none; overflow: hidden; margin-top: 3px; color: #999999; }
.jjindex_boxIn_more b{ display: block; float: right; width: 15px; height: 12px; margin:3px 0 0 7px; background: url(../jsimages/2020_bg1.png) no-repeat -170px -60px; }
.jjindex_boxIn_more:hover{ color: #E1251B; }
.jjindex_boxIn_more:hover b{ background-position: -190px -60px; }
.jjindex_boxIn_jrtt{ width: 100%; height: 180px; position: relative; overflow: hidden; margin-top: 20px; }
.jjindex_boxIn_jrtt img{ width: 100%; min-height:180px; transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_boxIn_jrtt:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_boxIn_jrtt h3{ height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: bold; overflow: hidden; padding: 70px 15px 0; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,0,0,0)); }
.jjindex_boxIn_jrtt:hover h3{ text-decoration:underline; }
.jjindex_boxIn_yxgl_box li{ margin-top: 20px; }
.jjindex_boxIn_yxgl_box h3{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; }
.jjindex_boxIn_yxgl_box dl{ width: 100%; height: 105px; margin-top: 15px; background:#F6F6F6; }
.jjindex_boxIn_yxgl_box dt{ width: 153px; height: 100%; overflow: hidden; float: left; }
.jjindex_boxIn_yxgl_box dt img{ width: 100%; min-height: 105px; transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_boxIn_yxgl_box dt:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_boxIn_yxgl_box dd{ color: #999999; padding: 12px 14px 0; line-height: 27px; height: 81px; overflow: hidden; }
.jjindex_boxIn_yxgl_list{ padding-top: 5px; }
.jjindex_boxIn_yxgl_list li{ height: 18px; font-size: 14px; overflow: hidden; margin-top: 12px; }
.jjindex_boxIn_yxgl_list b{ display: block; float: left; width: 8px; height: 8px; background: url(../jsimages/2020_bg1.png) no-repeat -378px -169px; margin:8px 10px 0 0; }
.jjindex_boxIn_yxgl_list a:hover b{ background-position: -378px -178px; }
.jjindex_boxIn_yxgl_list span{ float: right; height: 18px; color: #999999; font-size: 12px; margin-left: 10px; }
.jjindex_boxIn_yxgl_list span em{ display: block; float: left; width: 13px; height: 13px; margin:3px 5px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -120px -220px; }
.jjindex_zxwz_right{ width: 716px; float: right; }
.jjindex_zxwz_right_left{ float: left; width: 385px; }
.jjindex_boxIn_yxwd li{ margin-top: 15px; }
.jjindex_boxIn_yxwd .img_box{ display: block; float: left; width: 137px; height: 85px; overflow: hidden; margin-right: 12px; }
.jjindex_boxIn_yxwd .img_box img{ width: 100%; min-height: 100%; transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_boxIn_yxwd .img_box:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: transform 0.5s; -webkit-transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; }
.jjindex_boxIn_yxwd dl{ padding-top: 6px; }
.jjindex_boxIn_yxwd dt{ height: 44px; line-height: 22px; overflow: hidden; font-weight: bold; }
.jjindex_boxIn_yxwd dd{ color: #999999; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; margin-top: 10px; }
.jjindex_boxIn_yxwd dd span{ float: left; max-width: 150px; margin-right: 15px; }
.jjindex_boxIn_yxwd dd span em{ display: block; float: left; background: url(../jsimages/2020_bg1.png) no-repeat; margin-right: 5px; }
.jjindex_boxIn_yxwd dd span em.i_time{ margin-top: 2px; width: 13px; height: 13px; background-position: -120px -220px; }
.jjindex_boxIn_yxwd dd span em.i_author{ margin-top: 1px; width: 13px; height: 14px; background-position: -140px -220px; }
.jjindex_zxwz_right_right{ float: right; width: 310px; }
.jjindex_boxIn_rjjc_list{ padding-top: 5px; }
.jjindex_boxIn_rjjc_list li{ margin-top: 15px; height: 18px; line-height: 18px; overflow: hidden; }
.jjindex_boxIn_rjjc_list b{ display: block; float: left; font-weight: normal; font-size: 12px; line-height: 18px; width: 34px; height: 18px; overflow: hidden; color: #E1251B; background: #FEF0EF; text-align: center; margin-right: 10px; }
.jjindex_boxIn_rjjc_list span{ float: right; height: 18px; color: #999999; font-size: 12px; margin-left: 10px; }
.jjindex_boxIn_rjjc_list span em{ display: block; float: left; width: 13px; height: 13px; margin:3px 5px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -120px -220px; }
.jjindex_zxwz_zqMenu{ width: 100%; background: #FBFBFB; height: 38px; line-height: 38px; border:1px solid #EEEEEE; margin-top: 20px; }
.jjindex_zxwz_zqMenu li{ float: left; min-width: 90px; height: 38px; padding: 0 15px; text-align: center; font-size: 16px; cursor: pointer; border-left: 1px solid #eeeeee; margin-left: -1px; }
.jjindex_zxwz_zqMenu li.current{ border-top: 2px solid #E1251B; color: #E1251B; background: #FFFFFF; line-height: 35px; font-weight: bold; margin-top: -1px; position: relative; }
.jjindex_zxwz_zqMenu li.current:after{ content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 5px; border-color: #F3F3F3 transparent transparent #F3F3F3; position: absolute; right: -10px; bottom: 0; }
.jjindex_zxwz_zqList{ clear: both; }
.jjindex_zxwz_zqList li{ float: left; width: 70px; margin:15px 0 0 37px; transform:perspective(1000); }
.jjindex_zxwz_zqList li.one{ margin-left: 0; }
.jjindex_zxwz_zqList img{ display: block; width: 70px; height: 70px; border-radius:15px; margin:0 auto; }
.jjindex_zxwz_zqList h3{ height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-top: 10px; }
.jjindex_zxwz_zqList li:hover img{ transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); transition: transform 0.5s; -ms-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }

/*友情链接*/
.jjindex_yqlj_list{ padding-top: 5px; }
.jjindex_yqlj_list li{ float: left; width: 150px; height: 18px; line-height: 18px; font-size: 14px; overflow: hidden; margin:15px 0 0 20px; }
.jjindex_yqlj_list li.one{ margin-left: 0; }
.jjindex_yqlj_list li a:before{ content: ''; display: block; float: left; width: 8px; height: 8px; background: url(../jsimages/2020_bg1.png) no-repeat -378px -169px; margin:6px 10px 0 0; }
.jjindex_yqlj_list li a:hover:before{ background-position: -378px -178px; }

/**************************下载频道页**************************/
/**最新手游**/
.njjQszzBox{ width:1200px; margin-top:30px; }
.njjQszzLeft{ float:left; width:645px; }
.showpage{ width:645px; height:320px; text-align:center; overflow:hidden; }
.showpage .flashbox{ width:645px; height:320px; float:left; position:relative; }
.flashbox .focusNew_out{ width:645px; height:320px; position:relative; z-index:2; }
.f_out_txt{ height:61px; width:645px; display:block; position:absolute; bottom:-1px; left:0; line-height:30px; overflow:hidden;}
.f_out_txt em{display:block; width:645px; height:61px; background:url(../jsimages/jjbg5.png) repeat-x 0px -50px; position:absolute; left:0px; bottom:0px;}
.f_out_txt p a{ display:block; width:500px; height:26px; line-height:26px; overflow:hidden; position:absolute; margin:22px 0px 0px 10px; display:inline; color:#FFFFFF; text-decoration:none; font-size:22px;}
.f_out_txt p a:hover{ text-decoration:underline;}
.flashbox .f_tabs{height:35px; position:absolute; bottom:-8px; right:10px; z-index:100; overflow:hidden; float:right;}
.flashbox .f_tabs span{ width:9px; height:9px; background:#FFFFFF; float: left; margin-right:7px; margin-top:0px; cursor:pointer; overflow:hidden; border-radius:100px;}
.flashbox .f_tabs span.hover{ height:9px; height:9px; background:#FF0000; cursor:pointer;}
.njjQszzList{ width:645px; margin-top:15px;}
.njjQszzList li{ float:left; width:200px; position:relative; margin-left:22px;}
.njjQszzList li.one{ margin-left:0px;}
.njjQszzList li a{ display:block; width:200px;}
.njjQszzList li a img{ width:200px; height:112px;}
.njjQszzList li a p{ height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:10px;}
.njjQszzList li a span{ display:block; width:40px; height:20px; line-height:20px; text-align:center; background:#FF4A4A; font-size:18px; color:#FFFFFF; position:absolute; top:0px; right:0px;}
.njjQszzRight{ float:right; width:523px; height:473px; border:1px solid #E4E4E4;}
.njjQszzMenu{ width:503px; height:35px; border-bottom:2px solid #ECECEC; margin:auto; margin-top:7px;}
.njjQszzMenu li{ float:left; width:95px; height:35px; line-height:35px; font-size:18px; color:#333333; text-align:center; cursor:pointer;} 
.njjQszzMenu span{ display:block; float:left; color:#E9E9E9; margin:9px 17px;}
.njjQszzMenu li.current{ border-bottom:2px solid #52B8BD; color:#52B8BD;}
.njjZxzxList{ width:503px; margin:auto;}
.njjZxzxList li{ width:503px; margin-top:15px;}
.njjZxzxList li p a{ float:left; width:430px; height:20px; line-height:20px; overflow:hidden; background:url(../jsimages/jjbg2.png) no-repeat 0px 8px; padding-left:20px;}
.njjZxzxList li p a img{ width:20px; height:20px; margin:0px 10px 0px 0px;}
.njjZxzxList li span{ display:block; float:right; width:40px; height:20px; line-height:20px; overflow:hidden; color:#999999;}

.njjZxglBox{ float:right; width:525px;}
.njjJrzxMenu{ width:525px; height:43px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA;}
.njjJrzxMenu li{ float:left; height:43px; line-height:40px; font-size:18px; color:#333333; width:131px; text-align:center; cursor:pointer;}
.njjJrzxMenu li.current{ height:40px; border-bottom:3px solid #52B8BD; color:#52B8BD;}
.njjZxglIn{ width:525px; margin-top:15px;} 
.njjZxglIn dl{ width:525px; padding-top:5px;}
.njjZxglIn dl dt a{ display:block; height:24px; line-height:24px; overflow:hidden; font-size:20px; font-weight:bold; text-align:center;}
.njjZxglIn dl dt a:hover{ text-decoration:underline;}
.njjZxglIn dl dd{ height:18px; line-height:18px; overflow:hidden; margin-top:10px; text-align:center;}
.njjZxglList{ width:525px; padding-top:5px;}
.njjZxglList li{ width:525px; margin-top:13px;}
.njjZxglList li a{ display:block; float:left; width:450px; height:18px; line-height:18px; overflow:hidden; background:url(../jsimages/jjbg2.png) no-repeat 0px 8px; padding-left:20px;} 
.njjZxglList li span{ display:block; float:right; width:40px; line-height:16px; height:16px; overflow:hidden; font-size:12px; color:#999999; text-align:right;}

/**街机游戏**/
.njjJjyxBox{ width:1198px; height:533px; border:1px solid #E4E4E4; margin-top:30px;}
.njjJjyxLeft{ float:left; width:835px; height:533px; border-right:12px solid #EFEFEF;}
.njjJjyxTitle{ width:835px; height:45px; border-bottom:2px solid #52B8BD;}
.njjJjyxTitle h2{ float:left; font-size:18px; color:#333333; line-height:45px; margin-left:10px;}
.njjJjyxMore{ float:right; padding:0px 10px; line-height:45px;}
.njjJjyxMenu{ float:right; border-left:1px solid #E4E4E4; height:45px;}
.njjJjyxMenu li{ float:left; height:45px; line-height:45px; border-right:1px solid #E4E4E4; color:#333333; text-align:center; cursor:pointer; padding:0px 15px;}
.njjJjyxMenu li.current{ background:#52B8BD; color:#FFFFFF;}
.njjJjyxList{ width:815px; margin:auto;}
.njjJjyxList li{ float:left; width:145px; margin:19px 0px 0px 22px;}
.njjJjyxList li.one{ margin-left:0px;}
.njjJjyxList li a{ display:block; width:145px;}
.njjJjyxList li a img{ width:145px; height:107px;}
.njjJjyxList li a p{ width:145px; height:32px; line-height:32px; overflow:hidden; text-align:center; background:#F6F6F6;}
.njjJjyxRight{ float:left; width:328px; margin-top:13px; margin-left:10px;}
.njjJjyxPh{ height:32px; border-bottom:2px solid #52B8BD;}
.njjJjyxPh h2{ font-size:18px;}
.njjPhList{ width:328px;}
.njjPhList li{ float:left; width:328px;}
.njjPhCont1{ width:328px; border-bottom:1px dashed #E4E4E4; padding-bottom:10px; margin-top:10px;}
.njjPhCont1 span{ display:block; float:left; width:21px; height:21px; line-height:21px; overflow:hidden; text-align:center; font-size:16px; color:#FFFFFF;}
.njjPhCont1 span.red{ background:#FF4A4A;}
.njjPhCont1 span.gray{ background:#C4D0DB;}
.njjPhCont1 a.cont1{ display:block; float:left; width:220px; height:18px; line-height:18px; overflow:hidden; margin:0px 0px 0px 10px;}
.njjPhCont1 a.cont2{ display:block; float:right; width:58px; height:23px; line-height:23px; color:#52B8BD; border:1px solid #52B8BD; text-decoration:none; text-align:center; border-radius:5px;}
.njjPhCont1 a:hover.cont2{ background:#52B8BD; color:#FFFFFF;}
.njjPhCont2{ width:328px; border-bottom:1px dashed #E4E4E4; padding-bottom:10px; margin-top:10px;}
.njjPhRed{ float:left; width:21px; height:89px; line-height:89px; overflow:hidden; text-align:center; font-size:16px; color:#FFFFFF; background:#FF4A4A; border-radius:100px;}
.njjPhGray{ float:left; width:21px; height:89px; line-height:89px; overflow:hidden; text-align:center; font-size:16px; color:#FFFFFF; background:#C4D0DB; border-radius:100px;}
.njjPhImg{ float:left; width:97px; height:89px; margin:0px 0px 0px 12px;}
.njjPhImg img{ width:97px; height:89px;}
.njjPhdl{ float:right; width:185px; margin-top:5px;}
.njjPhdl dt a{ display:block; height:18px; line-height:18px; overflow:hidden;}
.njjPhdl dd.cont1{ height:16px; overflow:hidden; line-height:16px; margin-top:10px;}
.njjPhdl dd.cont1 span{ display:block; float:left;}
.njjPhdl dd.cont1 p{ float:left; color:#999999; font-size:12px; margin-left:10px;}
.njjPhdl dd.cont2 a{ display:block; width:58px; height:23px; line-height:23px; color:#52B8BD; border:1px solid #52B8BD; text-decoration:none; text-align:center; border-radius:5px; margin-top:10px;}
.njjPhdl dd.cont2 a:hover{ background:#52B8BD; color:#FFFFFF;}

/**最新专题**/
.Div1{width:1200px;height:172px; overflow:hidden;position:relative; margin:auto;}
.Div1_main{height:172px; width:10000px;overflow:hidden;position:relative;z-index:1;}
.ndxChBox{ width:1200px; height:172px; margin-top:30px;}
.ndxChIn{ height:172px;}
.ndxChIn div{ width:1200px;height:172px;float:left; overflow:hidden;}
.ndxChCont{ width:280px; height:172px; float:left; margin-left:26px;} 
.ndxChCont a{ display:block; width:280px; height:172px; position:relative;}
.ndxChCont a img{ width:280px; height:172px;}
.ndxChCont a p{ width:280px; height:41px; line-height:41px; text-align:center; overflow:hidden; background:url(../jsimages/jjbg5.png) repeat-x 0px 0px; position:absolute; left:0px; bottom:0px;}
.Div1 .Div1_prev2 ,.Div1 .Div1_next2{display:block;width:25px;height:46px;position:absolute;cursor:pointer;z-index:2;}
.Div1 .Div1_prev2 img ,.Div1 .Div1_next2 img{width:25px;height:46px; }
.Div1 .Div1_prev2{left:0px; top:60px;}
.Div1 .Div1_next2{right:0px; top:60px;}

/**游戏出招表**/
.njjYxzbBox{ width:1198px; height:383px; border:1px solid #E4E4E4; margin-top:30px;}
.njjYxzbTitle{ width:1198px; height:45px; border-bottom:2px solid #52B8BD;}
.njjYxzbTitle span{ display:block; float:left; margin-top:10px; margin-left:20px;}
.njjYxzbTitle span b{ display:block; float:left; width:27px; height:27px; background:url(../jsimages/jjbg4.png) no-repeat; margin:0px 10px 0px 0px;}
.njjYxzbTitle span b.icon1{ background-position:-250px -175px;}
.njjYxzbTitle span h2{ float:left; font-size:18px;}
.njjYxzbMenu{ float:left; margin-left:100px;}
.njjYxzbMenu li{ height:45px; line-height:45px; overflow:hidden; padding:0px 18px; float:left; cursor:pointer;}
.njjYxzbMenu li.current{ background:#52B8BD; color:#FFFFFF;}
.njjYxzbTitle em{ display:block; float:right; margin:15px 10px 0px 0px;}
.njjYxzbIn{ width:1178px; margin:auto;}
.njjYxzbCont{ float:left; width:375px; margin-left:26px;}
.njjYxzbCont dl{ width:375px; margin-top:20px;}
.njjYxzbCont dl dt a{ display:block; width:375px; height:160px; position:relative;}
.njjYxzbCont dl dt a img{ width:375px; height:160px;}
.njjYxzbCont dl dt a p{ width:375px; height:41px; background:url(../jsimages/jjbg5.png) repeat-x 0px 0px; position:absolute; left:0px; bottom:0px; font-size:16px; line-height:41px; text-align:center; overflow:hidden;}
.njjYxzbCont dl dd a{ display:block; width:360px; height:18px; line-height:18px; overflow:hidden; background:url(../jsimages/jjbg2.png) no-repeat 0px 7px; padding-left:15px; margin-top:11px;}
.njjYxzbOne{ margin-left:0px;}
.njjYxzbList{ width:1178px; margin:auto;}
.njjYxzbList li{ float:left; width:215px; position:relative; margin:20px 0px 0px 25px;}
.njjYxzbList li.one{ margin-left:0px;}
.njjYxzbList li a{ display:block; width:215px;}
.njjYxzbList li a img{ width:215px; height:115px;}
.njjYxzbList li a p{ height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:10px;}
.njjYxzbList li a span{ display:block; width:36px; height:36px; background:url(../jsimages/jjbg4.png) no-repeat -300px -170px; position:absolute; top:60px; left:25px;}
.njjYxzbList li a:hover span{ background:url(../jsimages/jjbg4.png) no-repeat -345px -170px;}
.njjAzList{ width:815px; margin:auto;}
.njjAzList li{ float:left; width:80px; margin:14px 0px 0px 25px;}
.njjAzList li.one{ margin-left:0px;}
.njjAzList li a{ display:block; width:80px;}
.njjAzList li a img{ width:80px; height:80px; border-radius:15px;}
.njjAzList li a p{ height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:7px;}

/**资讯**/
.njjZixunBox{ width:1200px; margin-top:30px;}
.njjJjyxTitle1{ height:45px; border-bottom:2px solid #52B8BD; border-top:1px solid #EAEAEA;}
.njjJjyxTitle1 h2{ float:left; font-size:18px; color:#333333; line-height:45px; margin-left:10px;}
.njjJjyxMore1{ float:right; padding:0px 10px; line-height:45px;}
.njjJjyxMenu1{ float:right; border-left:1px solid #E4E4E4; height:45px;}
.njjJjyxMenu1 li{ float:left;  height:45px; line-height:45px; border-right:1px solid #E4E4E4; font-size:14px; color:#333333; text-align:center; cursor:pointer; padding:0px 18px;}
.njjJjyxMenu1 li.current{ background:#52B8BD; color:#FFFFFF;}
.njjZixunIn{ width:1200px;}
.njjZixunLeft{ float:left; width:870px; margin-top:5px;}
.njjZixunLeft li{ float:left; width:425px; margin:17px 0px 0px 20px;}
.njjZixunLeft li p{ float:left; width:370px; height:18px; line-height:18px; overflow:hidden; color:#999999; background:url(../jsimages/jjbg2.png) no-repeat 0px 7px; padding-left:15px;}
.njjZixunLeft li span{ display:block; float:right; width:35px; height:16px; line-height:16px; overflow:hidden; color:#999999; font-size:12px;}
.njjZixunLeft li.one{ margin-left:0px;}
.njjZixunRight{ float:right; width:300px; margin-top:15px;}
.njjGlzhTitle{ width:300px; height:35px; border-bottom:1px solid #EAEAEA;}
.njjGlzhTitle h2{ font-size:16px;}
.njjGlzhList{ width:300px; margin-top:5px;}
.njjGlzhList li{ width:300px; margin:15px 0px 0px 0px;}
.njjGlzhList li span{ display:block; float:left; width:22px; height:22px; line-height:22px; text-align:center; color:#FFFFFF; margin:0px 10px 0px 0px;}
.njjGlzhList li span.red{ background:#FF4A4A;}
.njjGlzhList li span.gray{ background:#C4D0DB;}
.njjGlzhList li a{ display:block; float:left; width:263px; height:22px; line-height:22px; overflow:hidden;}
.ndjJcspList{ width:870px; float:left;}
.ndjJcspList li{ float:left; width:200px; position:relative; margin:25px 0px 0px 23px;}
.ndjJcspList li a{ display:block; width:200px;}
.ndjJcspList li a img{ width:200px; height:140px;}
.ndjJcspList li a em{ display:block; width:26px; height:26px; background:url(../jsimages/bg10.png) no-repeat -40px 0px; margin:20px 0px 0px 10px; position:absolute; left:0px; top:80px;}
.ndjJcspList li a:hover em{ background:url(../jsimages/bg10.png) no-repeat -75px 0px;}
.ndjJcspList li a p{ height:18px; line-height:18px; overflow:hidden; margin-top:10px;}
.ndjJcspList li.one{ margin-left:0px;}

/**友情链接**/
.njjLink{ width:1200px; margin-top:30px;}
.njjLinkTitle{ height:35px; border-bottom:2px solid #52B8BD;}
.njjLinkTitle h2{ font-size:18px;}
.nhtLink{ width:1199px; border-left:1px solid #EBEBEB; border-top:1px solid #EBEBEB; margin-top:20px;}
.nhtLink li{ float:left; width:198.8px; height:33px; border-bottom:1px solid #EBEBEB; border-right:1px solid #EBEBEB; overflow:hidden;}
.nhtLink li a{ display:block; width:165px; height:33px; line-height:33px; overflow:hidden; background:url(../jsimages/jjbg2.png) no-repeat 0px 7px; padding-left:20px; margin-left:15px; display:inline;}

/**************************排行榜页面**************************/
/**排行榜**/
.njjPhbBox{ width:1200px;} 
.njjPhbIn{ float:left; width:280px; height:518px; border:1px solid #E4E4E4; margin:auto; position:relative; margin-top:50px;} 
.njjPhbTitle{ width:200px; height:40px; line-height:40px; border-radius:100px;  text-align:center; position:absolute; left:40px; top:-20px;}
.njjPhbTitle a{ width:200px; display:block; height:40px; color:#FFFFFF; font-size:18px; }
.njjPhbBg1{ background:#52B8BD;}
.njjPhbBg2{ background:#19ABFF;}
.njjPhbBg3{ background:#FEAA48;}
.njjPhbBg4{ background:#FF4A4A;}
.njjPhbList{ width:260px; margin:auto; margin-top:40px;}
.njjPhbList li{ width:260px;}
.njjPhbCont1{ width:260px; margin-top:20px;}
.njjPhbCont1 span{ display:block; float:left; width:21px; height:21px; line-height:21px; color:#FFFFFF; text-align:center;}
.njjPhbCont1 span.njjGreeen{ background:#52B8BD;}
.njjPhbCont1 span.njjGray{ background:#C4D0DB;}
.njjPhbCont1 span.njjBlue{ background:#19ABFF;}
.njjPhbCont1 span.njjOrange{ background:#FEAA48;}
.njjPhbCont1 span.njjRed{ background:#FF4A4A;}
.njjPhbCont1 a{ display:block; float:left; width:227px; height:21px; line-height:21px; overflow:hidden; margin:0px 0px 0px 10px;}
.njjPhbCont2{ width:260px; margin-top:20px;}
.njjPhbCont2 em a img{ display:block; float:left; width:95px; height:95px; border-radius:20px;}
.njjPhbCont2 dl{ float:right; width:152px;}
.njjPhbCont2 dl dt{ width:21px; height:21px; line-height:21px; color:#FFFFFF; text-align:center;}
.njjPhbCont2 dl dt.njjGreeen{ background:#52B8BD;}
.njjPhbCont2 dl dt.njjGray{ background:#C4D0DB;}
.njjPhbCont2 dl dt.njjBlue{ background:#19ABFF;}
.njjPhbCont2 dl dt.njjOrange{ background:#FEAA48;}
.njjPhbCont2 dl dt.njjRed{ background:#FF4A4A;}
.njjPhbCont2 dl dd.cont1{ display:block; height:18px; line-height:18px; overflow:hidden; margin-top:7px;}
.njjPhbCont2 dl dd.cont2{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:7px;}
.njjPhbInIn{ margin-left:24px;}
.njjPhbSub{ text-align:center; margin-top:10px;}