/**************************单机下载页**************************/
.djxz_recom_top li{ float: left; width: 80px; margin: 22px 0 0 32px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.djxz_recom_top li.one{ margin-left: 0; }
.djxz_recom_top img{ width: 80px; height: 80px; border-radius: 20px; display: block; margin:0 auto; }
.djxz_recom_top h3{ display: block; height: 18px; line-height: 18px; overflow: hidden; margin-top: 12px; text-align: center; }
.djxz_recom_top li:hover{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.djxz_main_box{ display: block; margin-top: 20px; border-top:5px solid #efefef; }

.djxz_detail_info{ margin-top: 24px; }
.djxz_detail_info .djxzTitle{ height:45px; line-height:45px; overflow:hidden;}
.djxz_detail_info .djxzTitle h1{ font-size: 30px; font-weight: bold; line-height: 45px; float:left;}
.djxz_detail_info .djxzTitle span{ display: inline-block; color: #999999; font-size: 18px; font-weight:bold;}
.djxz_rank_box{ float: right; width: 355px; height: 192px; padding-right: 10px; margin: 30px 0 0 30px; background: url(../jsimages/2020_bg3.png) no-repeat 0 0/100% 100%; }
.rjxz_detail_info .djxz_rank_box{ margin-top: 5px; }
.djxz_number_box{ height: 115px; padding: 0 10px; border-bottom: 1px solid #EEEEEE; }
.djxz_number_box h2{ height: 40px; margin-top: 14px; }
.djxz_number_box h2 b{ display: block; float: left; background: url(../jsimages/2020_bg5.png) no-repeat; }
.djxz_number_box h2 b.i_logo{ width: 28px; height: 40px; background-position: -160px 0; margin-right: 10px; }
.djxz_number_box h2 b.i_cont{ width: 154px; height: 19px; background-position: 0 -30px; margin-top: 11px; }
.djxz_number_box p{ line-height: 22px; width: 253px; margin:8px auto 0; height: 22px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.djxz_rank_cont{ font-size: 16px; height: 38px; line-height: 38px; overflow: hidden; margin: 7px 12px 0; }
.djxz_rank_cont b{ display: block; float: left; margin-right: 10px; width: 38px; height: 38px; background: url(../jsimages/2020_bg1.png) no-repeat -160px -250px; }
.djxz_detail_info .img_box{ display: block; float: left; width: 150px; height: 210px; border-radius: 5px; overflow: hidden; margin: 25px 30px 0 0; }
.rjxz_detail_info .img_box{ width: 172px; height: 172px; border-radius: 35px; }
.djxz_detail_info ul{ float: left; width: 625px; margin-top: 18px; }
.rjxz_detail_info ul{ width:600px; margin-top: 10px; }
.rjxz_detail_info li{ margin-top: 40px; }
.djxz_detail_info li.cont1{ margin-top: 0; overflow: hidden; }
.djxz_detail_info li.cont1 span{ display: block; width: 208px; float: left; margin-top: 16px; color: #999999; }
.rjxz_detail_info li.cont1 span{ width:200px; margin-top: 20px; }
.djxz_detail_info li.cont1 span em{ color: #333333; }
.djxz_detail_info li.cont2{ height: 28px; line-height: 28px; overflow: hidden; }
.djxz_detail_info li.cont2 dt{ color: #333333; display: block; float: left; margin-right: 10px; }
.djxz_detail_info li.cont2 dd a{ display: block; float: left; height: 26px; line-height: 26px; border-radius: 14px; border:1px solid #dcdcdd; color: #333333; text-decoration: none; margin-right: 10px; }
.djxz_detail_info li.cont2 dd b{ display: block; float: left; width: 25px; height: 100%; border-right: 1px solid #dcdcdd; }
.djxz_detail_info li.cont2 dd b:after{ content: ''; display: block; width: 15px; height: 16px; margin: 5px 0 0 7px; background: url(../jsimages/2020_bg1.png) no-repeat -350px -200px; }
.djxz_detail_info li.cont2 em{ display: block; float: left; margin: 0 10px 0 7px; text-align: center; height: 100%; overflow: hidden; }
.djxz_detail_info li.cont2 dd a:hover{ color: #e1251b; border-color: #e1251b; }
.djxz_detail_info li.cont2 dd a:hover b{ border-right-color: #e1251b; }
.djxz_detail_info li.cont2 dd a:hover b:after{ background-position: -350px -220px; }
.djxz_detail_info li.cont3{ height: 18px; line-height: 18px; overflow: hidden; }
.djxz_detail_info li.cont3 span{ display: block; float: left; margin-right: 35px; }
.djxz_detail_info li.cont3 span:before{ content: ''; display: block; float: left; width:14px; height: 17px; margin-right: 10px; background: url(../jsimages/2020_bg1.png) no-repeat -370px -200px; }

.djxzIn_main_nav{ display: table; width: 1220px; margin: 25px 0 0 -10px; }
.djxzIn_main_nav li{ display: table-cell; vertical-align: middle; }
.djxzIn_main_nav li a,.djxzIn_main_nav li button{ display: block; min-width: 126px; padding: 0 27px; margin: 0 10px; border:0; height: 65px; text-align:center; line-height: 65px; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 22px; overflow: hidden; border-radius: 5px; }
.djxzIn_main_nav .bg1{ background: #e1251b; }
.djxzIn_main_nav .bg2{ background: #58ba61; }
.djxzIn_main_nav .bg3{ background: #009ffc; }
.djxzIn_main_nav .bg4{ background: #af72fa; }
.djxzIn_main_nav .bg5{ background: #fab246; }
.djxzIn_main_nav b{ display: inline-block; vertical-align: middle; width: 29px; height: 29px; margin:-3px 15px 0 0; background: url(../jsimages/2020_bg5.png) no-repeat; }
.djxzIn_main_nav b.icon1{ background-position: 0 0; }
.djxzIn_main_nav b.icon2{ background-position: -30px 0; }
.djxzIn_main_nav b.icon3{ background-position: -60px 0; }
.djxzIn_main_nav b.icon4{ background-position: -90px 0; }
.djxzIn_main_nav b.icon5{ background-position: -120px 0; }

.jjxz_game_cont{ font-size: 16px; line-height: 37px; overflow: hidden; -webkit-transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -o-transition:transform 0.5s; transition:transform 0.5s; }
.jjxz_game_cont p{ margin-top: 5px; }
.jjxz_game_cont h2,
.jjxz_game_cont h3,
.jjxz_game_cont h4,
.jjxz_game_cont h5{ background-color: #d1e8f6;color: #b42521;font-size: 20px; line-height: 45px; position: relative; padding-left: 10px;margin-top:10px }
.jjxz_game_cont img{ display: block; max-width: 100%; margin: 0 auto; }
.jjxz_game_cont iframe{ display: block; width: 680px; height: 460px; border:1px solid #EEEEEE; margin: 0 auto; }

.jjxz_game_more{ display: block; height: 50px; border:1px solid #EEEEEE; cursor: pointer; text-align:center; line-height: 50px; overflow: hidden; color: #999999; font-size: 16px; background: #f7f7f7; margin-top: 20px; }
.jjxz_game_more b{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../jsimages/2020_bg1.png) no-repeat -260px -220px; margin: -2px 0 0 12px;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s; }
.jjxz_game_more.less b{ -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); -webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s; }

.jjxzIn_img_swiper{ height: 373px; margin-top: 30px; }
.jjxzIn_img_swiper .swiper-slide{ width: auto; height: 100%; overflow: hidden; }
.jjxzIn_img_swiper iframe{ height: 100%; width: 585px; border:1px solid #EEEEEE; box-sizing: border-box; }
.jjxzIn_img_swiper img{ height: 100%; }
.jjxzIn_img_swiper .swiper-button-next,.jjxzIn_img_swiper .swiper-button-prev{ width: 32px; height: 100%; background: rgba(0,0,0,0.8); top: 0; margin-top: 0; }
.jjxzIn_img_swiper .swiper-button-next{ right: 0; }
.jjxzIn_img_swiper .swiper-button-prev{ left: 0; }
.jjxzIn_img_swiper .swiper-button-disabled{ display: none; }
.jjxzIn_img_swiper .swiper-button-next b,.jjxzIn_img_swiper .swiper-button-prev b{ display: block; width: 19px; height: 37px; background: url(../jsimages/2020_bg1.png) no-repeat; margin: 168px auto 0; }
.jjxzIn_img_swiper .swiper-button-prev b{ background-position: -200px -250px; }
.jjxzIn_img_swiper .swiper-button-next b{ background-position: -220px -250px; }

.jjxzIn_down_ad{ float: right; width: 370px; height: 428px; overflow: hidden; text-align: center; margin-top: 57px; }
.jjxzIn_down_ad img{ height: 100%; }
.jjxzIn_down_link{ width: 460px; float: left; }
.jjxzIn_down_link dl{ margin-top: 20px; }
.jjxzIn_down_link dt{ font-weight: bold; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; }
.jjxzIn_down_link_fast a{ display: block; float: left; width: 132px; height: 35px; text-align: center; line-height: 35px; border-radius: 6px; background: #fab246; color: #FFFFFF; text-decoration: none; margin: 12px 0 0 32px; }
.jjxzIn_down_link_fast a.one{ margin-left: 0; }
.jjxzIn_down_link_fast a:before{ content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 13px; margin: -2px 6px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -290px -220px; }
.jjxzIn_down_link_fast a:hover{ opacity: 0.8; }
.jjxzInXiazai{ width:460px;}
.jjxzInXiazai a{ display:block; float:left; width:132px; height:20px; line-height:20px; overflow:hidden; font-size:16px; color:#333333; text-decoration:none; margin:15px 0px 0px 32px;}
.jjxzInXiazai a:before{ content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -2px 6px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -270px -250px;}
.jjxzInXiazai a.one{ margin-left:0px;}

.jjxzIn_down_link_normal a{ display: block; float: left; width: 132px; height: 23px; line-height: 23px; overflow: hidden; margin: 18px 0 0 32px; font-size:16px;}
.jjxzIn_down_link_normal a.one{ margin-left: 0; }
.jjxzIn_down_link_normal a:before{ content: ''; display: block; float: left; width: 21px; height: 21px; background: url(../jsimages/2020_bg1.png) no-repeat -300px -250px; margin: 1px 10px 0 0; }
.jjxzIn_down_link_no{ display: block; width: 345px; margin: 122px auto 0; }

.jjxzIn_art_list li{ float: left; width: 412px; margin:22px 0 0 30px; height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; }
.jjxzIn_art_list li:before{ content: ''; display: block; float: left; width: 12px; height: 12px; margin: 5px 16px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -330px -220px; }
.jjxzIn_art_list li.one{ margin-left: 0; }
.jjxzIn_art_list b{ font-size: 18px; color: #d1cfcf; margin-right: 16px; }

.jjxzIn_side_tit{ height: 43px; line-height: 40px; overflow: hidden; position: relative; }
.jjxzIn_side_tit:after{ content: ''; display: block; width: 100%; height: 3px; background: #e8e5e4; border-radius: 2px; position: absolute; left: 0; bottom: 0; }
.jjxzIn_side_tit h2{ float: left; font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold; }
.jjxzIn_side_tit .jjxzIn_main_more{ margin-top: 3px; }

.xzIn_hot_rList li{ float: left; width: 80px; margin: 22px 0 0 30px; }
.xzIn_hot_rList li.one{ margin-left: 0; }
.xzIn_hot_rList .img_up{ display: block; width: 80px; height: 80px; border-radius: 15px; overflow: hidden; }
.xzIn_hot_rList .img_up img{ width: 100%; min-height: 100%; }
.xzIn_hot_rList h3{ text-align: center; line-height: 18px; height: 18px; overflow: hidden; margin-top: 12px; }

.jjxzIn_hot_rList li{ float: left; width: 137px; margin: 22px 0 0 26px; }
.jjxzIn_hot_rList li.one{ margin-left: 0; }
.jjxzIn_hot_rList .img_box{ display: block; width: 137px; height: 192px; border-radius: 5px; overflow: hidden; }
.jjxzIn_hot_rList h3{ text-align: center; line-height: 18px; height: 18px; overflow: hidden; margin-top: 12px; }

.jjxzIn_menu_rList li{ float: left; width: 83px; margin: 22px 0 0 25px; }
.jjxzIn_menu_rList li.one{ margin-left: 0; }
.jjxzIn_menu_rList .img_box{ display: block; width: 83px; height: 116px; border-radius: 5px; overflow: hidden; }
.jjxzIn_menu_rList h3{ text-align: center; line-height: 18px; height: 18px; overflow: hidden; margin-top: 12px; }

.jjxzIn_kind_rList{ padding-top: 20px; }
.jjxzIn_kind_rList li{ float: left; width: 64px; font-weight: bold; margin: 30px 0 0 14px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.jjxzIn_kind_rList li.one{ margin-left: 0; }
.jjxzIn_kind_rList li:nth-child(2n){ margin-top: 45px; }
.jjxzIn_kind_rList li:hover:before{ content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: -14px; z-index: 1; border-bottom:14px solid #FFFFFF; border-left:31px solid transparent; border-right:31px solid transparent; }
.jjxzIn_kind_rList li:hover:after{ content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; bottom: -14px; border-top:14px solid #FFFFFF; border-left:31px solid transparent; border-right:31px solid transparent; }
.jjxzIn_kind_rList li a{ display: block; width: 62px; height: 40px; text-align: center; font-size: 16px; position: relative; color: #FFFFFF; text-decoration:none; }
.jjxzIn_kind_rList .bg1{ background: #63c2fa; border-left: 1px solid #63c2fa;border-right: 1px solid #63c2fa; }
.jjxzIn_kind_rList .bg2{ background: #fbc26c; border-left: 1px solid #fbc26c;border-right: 1px solid #fbc26c; }
.jjxzIn_kind_rList .bg3{ background: #c192fb; border-left: 1px solid #c192fb;border-right: 1px solid #c192fb; }
.jjxzIn_kind_rList .bg4{ background: #6edb78; border-left: 1px solid #6edb78;border-right: 1px solid #6edb78; }
.jjxzIn_kind_rList .bg5{ background: #f87973; border-left: 1px solid #f87973;border-right: 1px solid #f87973; }
.jjxzIn_kind_rList .bg6{ background: #56ddf5; border-left: 1px solid #56ddf5;border-right: 1px solid #56ddf5; }
.jjxzIn_kind_rList .bg7{ background: #92a3fa; border-left: 1px solid #92a3fa;border-right: 1px solid #92a3fa; }
.jjxzIn_kind_rList .bg8{ background: #fb94fc; border-left: 1px solid #fb94fc;border-right: 1px solid #fb94fc; }
.jjxzIn_kind_rList li span{ display: inline-block; width: 44px; height: 44px; line-height: 22px; overflow: hidden; letter-spacing: 6px; position: relative; right: -3px; top: -3px; }
.jjxzIn_kind_rList li a:before{ content: ''; display: block; width: 0; height: 0; position: absolute; left: -2px; top: -15px; border-bottom:15px solid transparent; border-left:32px solid transparent; border-right:32px solid transparent; }
.jjxzIn_kind_rList li a:after{ content: ''; display: block; width: 0; height: 0; position: absolute; left: -2px; bottom: -15px; border-top:15px solid transparent; border-left:32px solid transparent; border-right:32px solid transparent; }
.jjxzIn_kind_rList .bg1:before{ border-bottom-color: #63c2fa; }
.jjxzIn_kind_rList .bg1:after{ border-top-color: #63c2fa; }
.jjxzIn_kind_rList .bg2:before{ border-bottom-color: #fbc26c; }
.jjxzIn_kind_rList .bg2:after{ border-top-color: #fbc26c; }
.jjxzIn_kind_rList .bg3:before{ border-bottom-color: #c192fb; }
.jjxzIn_kind_rList .bg3:after{ border-top-color: #c192fb; }
.jjxzIn_kind_rList .bg4:before{ border-bottom-color: #6edb78; }
.jjxzIn_kind_rList .bg4:after{ border-top-color: #6edb78; }
.jjxzIn_kind_rList .bg5:before{ border-bottom-color: #f87973; }
.jjxzIn_kind_rList .bg5:after{ border-top-color: #f87973; }
.jjxzIn_kind_rList .bg6:before{ border-bottom-color: #56ddf5; }
.jjxzIn_kind_rList .bg6:after{ border-top-color: #56ddf5; }
.jjxzIn_kind_rList .bg7:before{ border-bottom-color: #92a3fa; }
.jjxzIn_kind_rList .bg7:after{ border-top-color: #92a3fa; }
.jjxzIn_kind_rList .bg8:before{ border-bottom-color: #fb94fc; }
.jjxzIn_kind_rList .bg8:after{ border-top-color: #fb94fc; }
.jjxzIn_kind_rList li:hover a{ background: #FFFFFF; box-sizing: border-box; }
.jjxzIn_kind_rList li:hover .bg1{ color: #63c2fa; }
.jjxzIn_kind_rList li:hover .bg2{ color: #fbc26c; }
.jjxzIn_kind_rList li:hover .bg3{ color: #c192fb; }
.jjxzIn_kind_rList li:hover .bg4{ color: #6edb78; }
.jjxzIn_kind_rList li:hover .bg5{ color: #f87973; }
.jjxzIn_kind_rList li:hover .bg6{ color: #56ddf5; }
.jjxzIn_kind_rList li:hover .bg7{ color: #92a3fa; }
.jjxzIn_kind_rList li:hover .bg8{ color: #fb94fc; }

.jjxzIn_hotGame_rList li{ width: 100%; height: 140px; border-radius: 5px; overflow: hidden; margin-top: 22px; position: relative; }
.jjxzIn_hotGame_rList a{ color: #FFFFFF; text-decoration:none; font-size: 16px; }
.jjxzIn_hotGame_rList h3{ width: 200px; height: 60px; text-align:center; line-height: 60px; padding: 0 25px 0 28px; overflow: hidden; background: rgba(0,0,0,0.5); border-radius: 5px; font-weight: bold; font-size: 20px; position: absolute; left: 23px; bottom: 16px; letter-spacing: 3px; }

.jjxzIn_btfl_rList{ margin-top: 18px; position: relative; }
.jjxzIn_btfl_rList:before{ content: ''; display: block; width: 1px; height: 100%; background: #ebeaea; position: absolute; top: 0; left: 4px; }
.jjxzIn_btfl_rList li{ margin-top: 15px; position: relative; height: 20px; line-height: 20px; overflow: hidden; }
.jjxzIn_btfl_rList li.one{ margin-top: 0; }
.jjxzIn_btfl_rList li:before{ content: ''; display: block; width: 7px; height: 7px; border:1px solid #FFFFFF; border-radius: 50%; float: left; margin: 6px 12px 0 0; background: #ebeaea; }
.jjxzIn_btfl_rList span{ display: block; float: left; height: 18px; width: 58px; border:1px solid #EEEEEE; border-radius: 10px; text-align: center; line-height: 20px; color: #999999; margin-right: 10px; }
.jjxzIn_btfl_rList .cBlack{ float: right; margin-left: 10px; }

.jjxzIn_topic_list li{ float: left; width: 275px; margin: 30px 0 0 30px; padding-bottom: 15px; border-bottom:3px solid #ebe9e9; }
.jjxzIn_topic_list li.one{ margin-left: 0; }
.jjxzIn_topic_list .img_box{ display: block; width: 100%; height: 152px; overflow: hidden; border-radius: 5px; }
.jjxzIn_topic_list h3{ margin-top: 15px; font-weight: bold; font-size: 18px; line-height: 22px; height: 22px; overflow: hidden; }
.jjxzIn_topic_list h3 span{ color: #e1251b; float: right; margin-left: 12px; font-size: 16px;font-weight: normal; }
.jjxzIn_topic_list h3 span b{ display: block; float: right; width: 22px; height: 22px; margin: 0 0 0 9px; background: url(../jsimages/2020_bg1.png) no-repeat -240px -250px; }

/**************************街机频道页**************************/
.jjChan_recom_box{ box-shadow: 0 0 12px 0 rgba(0,0,0,0.1); border-radius: 5px; position: relative; }
.jjChan_recom_left{ width: 256px; float: left; border-right:1px solid #f2f2f2; margin: 15px 10px; }
.jjChan_recom_left_tit b{ float: left; display: block; width: 24px; height: 24px; margin: 0 10px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjChan_recom_left_tit b.icon1{ background-position: -360px -250px; }
.jjChan_recom_left_tit b.icon2{ background-position: -330px -250px; }
.jjChan_recom_left_tit h2{ font-size: 18px; line-height: 24px; overflow: hidden; height: 24px; float: left; font-weight: bold; }
.jjChan_recom_left_list{ padding-top: 5px; }
.jjChan_recom_left_list li{ height: 50px; line-height: 50px; position: relative; margin-top: 14px; padding-right: 10px; }
.jjChan_recom_left_list li:before{ content: ''; display: block; width: 10px; height: 10px; background: #EFEFEF; border:1px solid #E7E7E7; border-radius: 50%; position: absolute; right: -6px; top: 19px; }
.jjChan_recom_left_list li:after{ content: ''; display: block; width: 8px; height: 8px; background: #dadada; border-radius: 50%; position: absolute; right: -4px; top: 21px; }
.jjChan_recom_left_list .img_show{ display: block; width: 50px; height: 50px; border-radius: 50%; float: left; overflow: hidden; transform: perspective(1000); }
.jjChan_recom_left_list .img_show img{ width: 100%; min-height: 100%; }
.jjChan_recom_left_list p{ height: 50px; line-height: 50px; overflow: hidden; margin-left: 65px; }
.jjChan_recom_left_list li:hover .img_show img{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.jjChan_recom_left_box{ margin-top: 22px; }
.jjChan_recom_menu{ width: 218px; position: absolute; left: 322px; top: 15px; font-size: 20px; font-weight: bold; }
.jjChan_recom_menu li{ float: left; margin-left: 60px; height: 40px; cursor: pointer; }
.jjChan_recom_menu li:first-child{ margin-left: 0; }
.jjChan_recom_menu h2{ font-weight: bold; font-size: 20px; height: 24px; line-height: 24px;overflow: hidden; }
.jjChan_recom_menu li.current,.jjChan_recom_menu li.current h2{ color: #e1251b; position: relative; }
.jjChan_recom_menu li.current:after{ content: ''; display: block; width: 51px; height: 7px; border-radius: 4px; background: #e1251b; position: absolute; left: 50%; bottom: 0; margin-left: -25px; }
.jjChan_recom_mid{ width: 225px; float: left; padding-top: 70px; margin:10px 0 0 50px; }
.jjChan_recom_mid_tit{ font-weight: bold; font-size: 22px; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jjChan_recom_mid p{ color: #999999; line-height: 27px; height: 54px; overflow: hidden; margin-top: 20px; }
.jjChan_recom_mid_tip{ font-weight: bold; font-size: 16px; margin-top: 20px; }
.jjChan_recom_mid_link{ display: block; width: 125px; height: 38px; line-height: 38px; text-align: center; color: #e1251b; font-size: 16px; font-weight: bold; border-radius: 22px; border:2px solid #e1251b; text-decoration: none; margin-top: 26px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.jjChan_recom_mid_link b{ display: inline-block; vertical-align: middle; width: 15px; height: 14px; background: url(../jsimages/2020_bg1.png) no-repeat -260px -280px; margin: -2px 0 0 5px; }
.jjChan_recom_mid_link:hover{ -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.jjChan_recom_right{ display: block; float: right; border-radius: 0 5px 5px 0; height: 366px; overflow: hidden; }
.jjChan_recom_right .img_box{ display: block; width: 585px; height: 100%; overflow: hidden; position: relative; }
.jjChan_recom_right .img_box:before{ content: ''; display: block; width: 0; height: 0; border-left: 64px solid #FFFFFF; border-bottom:366px solid transparent; position: absolute; left: 0; top: 0; z-index: 1; }
.jjChan_recom_right .img_box a{ display: block; width: 100%; height: 100%; }
.jjChan_recom_right .img_box img{ width: 100%; min-height: 100%; }
.jjChan_recom_list{ width: 770px; height: 88px; font-size: 0; position: absolute; left: 50%; bottom: -40px; z-index: 2; margin-left: -370px; }
.jjChan_recom_list li{ display: inline-block; width: 88px; height: 88px; margin: 0 11px; }
.jjChan_recom_list .img_up{ display: block; width: 80px; height: 80px; border-radius: 50%; border:4px solid #e3e1e1; background: #e3e1e1; overflow: hidden; }
.jjChan_recom_list .img_up img{ width: 100%; min-height: 100%; }

.jjChan_jjyx_swiper{ padding-bottom: 4px; }
.jjChan_jjyx_left{ float: left; width: 300px; height: 648px; margin-top: 30px; background-repeat: no-repeat; background-position: 55% center; background-size: auto 100%; }
.jjChan_jjyx_left.right{ float: right; }
.jjChan_jjyx_menu_tit{ display: block; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; text-align: right; color: #e1251b; }
.jjChan_jjyx_menu_tit h2{ display: inline-block; color: #e1251b; }
.jjChan_jjyx_menu_tit b{ display: inline-block; vertical-align: middle; width: 13px; height: 9px; background: url(../jsimages/2020_bg1.png) no-repeat -240px -280px; margin: -2px 0 0 10px; }
.jjChan_jjyx_menu{ float: right; padding-top: 5px; }
.jjChan_jjyx_menu li{ width: 120px; height: 44px; text-align: center; line-height: 44px; background: #edecec; position: relative; margin-top: 18px; font-size: 18px; font-weight: bold; cursor: pointer; }
.jjChan_jjyx_menu li:before{ content: ''; display: block; width: 0; height: 0; border-right:17px solid #edecec; border-top: 44px solid transparent; position: absolute; left: -17px; top: 0; }
.jjChan_jjyx_menu li:after{ content: ''; display: block; width: 100%; height: 3px; background: #d5d4d4; padding-left: 17px; position: absolute; right: 0; }
.jjChan_jjyx_menu h2{ font-weight: bold; font-size: 18px; height: 44px; overflow: hidden; position: relative; padding-right: 10px; }
.jjChan_jjyx_menu h2:after{ content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #FFFFFF; position: absolute; right: -5px; top: 17px; }
.jjChan_jjyx_menu li.current{ background: #e1251b; color: #FFFFFF; }
.jjChan_jjyx_menu li.current h2{ color: #FFFFFF; }
.jjChan_jjyx_menu li.current:before{ border-right:17px solid #e1251b; }
.jjChan_jjyx_menu li.current:after{ background: #a80c04; }
.jjChan_jjyx_left.right{ background-position: 35% center; }
.jjChan_jjyx_left.right .jjChan_jjyx_menu_tit{ text-align:left; }
.jjChan_jjyx_left.right .jjChan_jjyx_menu{ float: left; }
.jjChan_jjyx_left.right .jjChan_jjyx_menu li:before{ border-right: 0; border-left: 17px solid #edecec; right: -17px; left: inherit; }
.jjChan_jjyx_left.right .jjChan_jjyx_menu li:after{ padding-right: 17px; padding-left: 0; left: 0; }
.jjChan_jjyx_left.right .jjChan_jjyx_menu h2{ padding-right: 0; padding-left: 10px; }
.jjChan_jjyx_left.right .jjChan_jjyx_menu h2:after{ left: -5px; }
.jjChan_jjyx_left.right .jjChan_jjyx_menu li.current:before{ border-left:17px solid #e1251b; }

.jjChan_jjyx_list_tit{ width: auto; padding: 0 28px; margin-top: 0; text-align: center; height: 37px; line-height: 37px; border-radius: 19px; color: #FFFFFF; background:#e1251b; font-weight: bold; position: absolute; top:-19px; right: 0; z-index: 2; }
.jjChan_jjyx_list_tit h2{ color: #FFFFFF; font-weight: bold; }

.jjChan_jjyx_right{ float: right; width: 866px; margin-top: 40px; position: relative; }
.jjChan_jjyx_right.left{ float: left; }
.jjChan_jjyx_right.left .jjChan_jjyx_list_tit{ left: 0; right: inherit; }
.jjChan_jjyx_list li{ float: left; width: 267px; padding:26px 0 26px 32px; border-bottom: 1px solid #eaeaea; position: relative; }
.jjChan_jjyx_list li.one{ padding-left: 0; }
.jjChan_jjyx_list li:after,.jjChan_jjyx_list li:nth-child(1):before,.jjChan_jjyx_list li:nth-child(2):before,.jjChan_jjyx_list li:nth-child(3):before{ content: ''; display:block; width: 16px; height: 16px; background:url(../jsimages/2020_bg1.png) no-repeat -280px -280px; position: absolute; left: 50%; margin-left: 8px; }
.jjChan_jjyx_list li:after{ bottom: -8px; }
.jjChan_jjyx_list li:nth-child(1):before,.jjChan_jjyx_list li:nth-child(2):before,.jjChan_jjyx_list li:nth-child(3):before{ top: -8px; }
.jjChan_jjyx_list li.one:after,.jjChan_jjyx_list li.one:before{ margin-left: -8px; }
.jjChan_jjyx_list .img_box{ display: block; width: 267px; height: 180px; position: relative; border-radius: 5px; overflow: hidden; text-decoration:none; color: #333333; }
.jjChan_jjyx_list .img_box img{ width: 100%; min-height: 100%; }
.jjChan_jjyx_list li:nth-child(1),.jjChan_jjyx_list li:nth-child(2),.jjChan_jjyx_list li:nth-child(3){ border-top: 1px solid #eaeaea; }
.jjChan_jjyx_tit{ width: 207px; height: 35px; line-height: 35px; padding: 0 14px; position: relative; background:rgba(255,255,255,0.8); position: absolute; bottom: 0; left: 50%; margin-left: -118px; }
.jjChan_jjyx_tit:before{ content: ''; display: block; width: 0; height: 0; border-right:235px solid rgba(255,255,255,0.8); border-top: 20px solid transparent; position: absolute; top: -20px; right: 0; }
.jjChan_jjyx_tit strong{ font-size: 16px; font-weight: bold; height: 35px; overflow: hidden; }
.jjChan_jjyx_tit b{ display: block; float: right; width: 25px; height: 25px; border-radius: 50%; background: url(../jsimages/2020_bg1.png) no-repeat -300px -280px; margin:5px 0 0 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.jjChan_jjyx_list p{ line-height: 23px; color: #666666; height: 69px; overflow: hidden; margin-top: 15px; }
.jjChan_jjyx_list .img_box:hover{ color: #e1251b; }
.jjChan_jjyx_list .img_box:hover b{ -webkit-transform:translateX(5px); -moz-transform:translateX(5px); -ms-transform:translateX(5px); -o-transform:translateX(5px); transform:translateX(5px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.jjMain_boxIn_tit{ width: 100%; height: 24px; line-height: 24px; overflow: hidden; margin-top: 20px; }
.jjMain_boxIn_tit h2{ float: left; height: 24px; font-size: 20px; font-weight: bold; }
.jjMain_boxIn_tit h2 b{ display: block; float: left; width: 6px; height: 18px; background: #E1251B; border-radius:3px; margin:5px 10px 0 0; }
.jjMain_boxIn_tit .jjxzIn_main_more{ margin-top: 0 }
.jjMain_boxIn_box{ margin-top: 25px; }
.jjChan_topic_list li{ padding: 23px 0; border-bottom: 1px solid #eaeaea; }
.jjChan_topic_tit{ font-size: 18px; font-weight: bold; height: 22px; line-height: 22px; overflow: hidden; }
.jjChan_topic_list .img_box{ display: block; float: left; width: 210px; height: 130px; border-radius: 5px; overflow: hidden; margin: 20px 25px 0 0; position: relative; z-index: 2; }
.jjChan_topic_list .img_box img{ width: 100%; min-height: 100%; }
.jjChan_topic_list dl{ margin-top: 20px; position: relative; height: 130px; }
.jjChan_topic_list dd.cont1{ color: #666666; line-height: 30px; height: 90px; overflow: hidden; }
.jjChan_topic_list dd.cont2{ color: #999999; line-height: 30px; height: 30px; overflow: hidden; position: absolute; bottom: 0; right: 0; left: 235px; }
.jjChan_topic_list dd.cont2 span{ margin-right: 48px; }
.jjChan_topic_link{ display: block; float: right; width: 87px; height: 28px; line-height: 28px; text-align: center; color: #e1251b; border:1px solid #e1251b; border-radius:5px; text-decoration: none; }
.jjChan_topic_link b{ display: inline-block; vertical-align: middle; width: 7px; height: 12px; background:url(../jsimages/2020_bg1.png) no-repeat -330px -280px; margin:0 0 0 3px; }
.jjChan_topic_link:hover{ background: #e1251b; color: #FFFFFF; }
.jjChan_topic_link:hover b{ background-position: -330px -300px; }
.jjChan_topic_recom{ padding-top: 8px; }
.jjChan_topic_recom li{ float: left; width: 275px; height: 60px; line-height: 60px; border-radius:5px; overflow: hidden; margin:17px 0 0 22px; position: relative; }
.jjChan_topic_recom li.one{ margin-left: 0 }
.jjChan_topic_bg{ width: 100%; height: 100%; 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; }
.jjChan_topic_bg img{ width: 100%; min-height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.jjChan_topic_recom a{ display: block; padding: 0 15px; color: #FFFFFF; font-size: 16px; font-weight: bold; text-decoration:none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }
.jjChan_topic_recom .bg1{ background: rgba(225, 37, 27, 0.75) }
.jjChan_topic_recom .bg2{ background: rgba(139, 148, 194, 0.75) }
.jjChan_topic_recom .bg3{ background: rgba(94, 196, 228, 0.75) }
.jjChan_topic_recom .bg4{ background: rgba(168, 154, 134, 0.75) }
.jjChan_topic_recom .bg5{ background: rgba(233, 180, 84, 0.75) }
.jjChan_topic_recom .bg6{ background: rgba(237, 164, 199, 0.75) }
.jjChan_topic_recom_more{ display: block; float: right; width: 30px; height: 60px; overflow: hidden; margin: 0 0 0 10px; position: relative; }
.jjChan_topic_recom_more b{ display: block; width: 30px; height: 30px; border-radius:50%; position: absolute; top: 15px; background:url(../jsimages/2020_bg1.png) no-repeat -340px -280px; }
.jjChan_topic_recom li:hover .jjChan_topic_bg img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.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; }

.jjChan_topic_rList{ padding-top: 4px; }
.jjChan_topic_rList li{ width: 140px; float: left; margin: 22px 0 0 20px; }
.jjChan_topic_rList li.one{ margin-left: 0; }
.jjChan_topic_rList .img_box{ width: 140px; height: 105px; border-radius:5px; overflow: hidden; }
.jjChan_topic_rList .img_box img{ width: 100%; min-height: 100%; }
.jjChan_topic_rList p{ height: 20px; line-height: 20px; overflow: hidden; text-align:center; font-size: 16px; margin-top: 15px; }

.jjChan_jjzj_left{ float: left; width: 960px; }
.jjChan_jjzj_left.right{ float: right; }
.jjChan_jjzj_menu{ text-align:center; width: 974px; margin-left: -7px; font-size: 0; margin-top: 27px; }
.jjChan_jjzj_menu li{ display: inline-block; width: 105px; height: 44px; line-height: 44px; overflow:hidden; padding: 0 10px; cursor: pointer; text-align:center; font-size: 18px; font-weight: bold; border-radius:5px; background:#faeae8; margin:0 7px; }
.jjChan_jjzj_menu li.current{ background: #e1251b; color: #FFFFFF; position: relative; }
.jjChan_jjzj_menu li.current:after{ content: ''; display: block; width: 0; height: 0; border-bottom: 6px solid #FFFFFF; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 50%; bottom: 0; margin-left: -4px; }

.jjChan_jjzj_list li{ float: left; width: 213px; margin:26px 0 0 36px; padding-bottom: 24px; position: relative; }
.jjChan_jjzj_list li:before{ content: ''; display: block; width: 100%; height: 4px; border-radius: 2px; background:#e9e9e9; position: absolute; left: 0; bottom: 0; }
.jjChan_jjzj_list li.one{ margin-left: 0; }
.jjChan_jjzj_list .img_box{ display: block; width: 213px; height: 144px; border-radius: 5px; overflow: hidden; }
.jjChan_jjzj_list .img_box img{ width: 100%; min-height: 100%; }
.jjChan_jjzj_tit{ height:25px; line-height: 25px; overflow: hidden; margin-top: 12px; }
.jjChan_jjzj_tit b{ display: block; float: right; width: 25px; height: 25px; border-radius: 50%; margin-left: 10px; background:url(../jsimages/2020_bg1.png) no-repeat -300px -280px; }
.jjChan_jjzj_tit strong{ font-size: 16px; font-weight: bold; }
.jjChan_jjzj_list p{ color: #666666; line-height: 23px; height: 46px; overflow: hidden; margin-top: 10px; }

.jjChan_jjzj_right{ float: right; width: 210px; height: 620px; text-align:center; background:#fdf3f2; overflow: hidden; margin-top: 28px; }
.jjChan_jjzj_right.left{ float: left; }
.jjChan_jjzj_right_img{ height: 540px; width: 100%; margin:14px auto 0; 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; }
.jjChan_jjzj_right img{ height: 540px; display: block; }
.jjChan_jjzj_right_tit{ display: inline-block; width: auto; min-width: 95px; height: 37px; text-align:center; line-height: 37px; padding: 0 20px; overflow: hidden; border-radius: 19px; margin:12px auto 0; background:#e1251b; color: #FFFFFF; font-weight: bold; font-size: 18px; cursor: pointer; position: relative; right: 0; left: 0; }
.jjChan_jjzj_right_tit.swiper-button-disabled{ display: none; }

.jjChan_jsjj_tit{ width: auto; display: block; margin: 0 auto; text-align: center; height: 38px; }
.jjChan_jsjj_tit b{ display: inline-block; vertical-align: middle; width: 72px; height: 38px; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjChan_jsjj_tit b.left{ background-position: 0 -110px; }
.jjChan_jsjj_tit b.right{ background-position: -80px -110px; }
.jjChan_jsjj_tit h2{ display: inline-block; vertical-align: middle; margin: 0 27px; background: url(../jsimages/2020_bg5.png) no-repeat; }
.jjChan_jsjj_tit h2.i_jsjj{ width: 157px; height: 38px; background-position: 0 -50px; }

.jjChan_jsjj_swiper{ margin-top: 50px; }
.jjChan_jsjj_swiper .swiper-slide{ height: 602px; transform:perspective(1000); }
.jjChan_jsjj_img{ width: 100%; height: 100%; }
.jjChan_jsjj_swiper .swiper-slide:hover .jjChan_jsjj_img{ transform: rotateY(360deg); transition:all 0.5s linear; }
.jjChan_jsjj_swiper .swiper-slide .img_show{ width: 100%; height: 535px; border-radius: 4px; border:4px solid #e0dfe2; box-sizing: border-box; overflow: hidden; margin-top: 34px; -webkit-transform: skewY(-20deg); -moz-transform: skewY(-20deg); -ms-transform: skewY(-20deg); -o-transform: skewY(-20deg); transform: skewY(-20deg); 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; }
.jjChan_jsjj_swiper .swiper-slide .img_show img{ width: auto; height:602px; -webkit-transform: skewY(20deg); -moz-transform: skewY(20deg); -ms-transform: skewY(20deg); -o-transform: skewY(20deg); transform: skewY(20deg); }
.jjChan_jsjj_swiper .swiper-button-prev,.jjChan_jsjj_swiper .swiper-button-next{ opacity: 0; width: 49px; height: 77px; margin-top: -39px; background:rgba(0,0,0,0.7); transition: all 0.5s; }
.jjChan_jsjj_swiper:hover .swiper-button-prev,.jjChan_jsjj_swiper:hover .swiper-button-next{ opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.jjChan_jsjj_swiper .swiper-button-prev{ border-radius: 0 15px 15px 0; left: 0; }
.jjChan_jsjj_swiper .swiper-button-next{ border-radius: 15px 0 0 15px; right: 0; }
.jjChan_jsjj_swiper .swiper-button-prev.swiper-button-disabled,.jjChan_jsjj_swiper .swiper-button-next.swiper-button-disabled{ display: none; }
.jjChan_jsjj_swiper .swiper-button-prev b,.jjChan_jsjj_swiper .swiper-button-next b{ display: block; width: 14px; height: 24px; background:url(../jsimages/2020_bg1.png) no-repeat; margin:26px auto 0; }
.jjChan_jsjj_swiper .swiper-button-prev b{ background-position: -370px -280px; }
.jjChan_jsjj_swiper .swiper-button-next b{ background-position: -385px -280px; }

.jjChan_article_swiper{ height: 350px; border-radius: 5px; }
.jjChan_article_swiper .swiper-slide{ position: relative; }
.jjChan_article_tit{ padding: 126px 50px 67px; text-align:center; font-size: 26px; font-weight: bold; height: 30px; line-height: 30px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position: absolute; bottom: 0; left: 0; right: 0; }
.jjChan_article_swiper .swiper-pagination{ bottom: 30px; }
.jjChan_article_swiper .swiper-pagination-bullet{ width: 12px; height: 7px; border-radius: 4px; opacity: 1; background:#FFFFFF; }
.jjChan_article_swiper .swiper-pagination-bullet-active{ background: #e1251b; width: 20px; }

.jjChan_game_menu_box{ display: block; padding:0 15px; box-shadow: 0px 0px 12px 0px rgba(208, 206, 206, 0.96); border-radius: 6px; }
.jjChan_game_menu li{ float: left; margin-right:30px; height: 57px; line-height: 57px; font-weight: bold; cursor: pointer; font-size: 18px; position: relative; }
.jjChan_game_menu h2{ font-weight: bold; font-size: 18px; }
.jjChan_game_menu li.current,.jjChan_game_menu li.current h2{ position: relative; color: #e1251b; }
.jjChan_game_menu li.current:after{ content: ''; display: block; width: 50px; height: 8px; border-radius: 4px; background: #e1251b; position: absolute; left: 50%; bottom: 0; margin-left: -25px; }

.jjChan_game_list li{ padding:15px; box-shadow: 0px 0px 12px 0px rgba(208, 206, 206, 0.96); border-radius: 6px; margin-top: 28px; }
.jjChan_game_tit{ display: block; font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold; }
.jjChan_game_list .img_box{ display: block; float: left; width: 210px; height: 130px; border-radius: 5px; overflow: hidden; margin:22px 25px 0 0; }
.jjChan_game_right{ float: right; }
.jjChan_game_list .show_time{ float: right; width: 90px; height: 50px; color: #fbc6c3; margin: 15px 0 0 15px; }
.jjChan_game_list .show_time span{ font-weight: bold; }
.jjChan_game_list .show_time em{ display: inline-block; font-weight: lighter; font-style: italic; font-size: 36px; margin-top: 10px; position: relative; left: -10px; }
.jjChan_game_list .show_time .mon{ display: inline-block; vertical-align: top; width: 50px; font-size: 38px; line-height: 42px; }
.jjChan_game_list .show_time .day{ float: right; font-size: 26px; line-height: 30px; width: 33px; position: relative; top: -27px; }
.jjChan_game_list dl{ color: #999999; margin-top: 22px; height: 130px; }
.jjChan_game_list dd.cont1{ line-height: 28px; height: 84px; overflow: hidden; }
.jjChan_game_list dd.cont2{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 23px; }
.jjChan_game_list dd.cont2 span{ margin-right: 50px; }

.jjChan_jjsx_list li{ padding: 15px 12px; border-radius: 6px; margin-top: 28px; box-shadow: 0px 0px 12px 0px rgba(208, 206, 206, 0.96); }
.jjChan_jjsx_list li.one{ margin-top: 25px; }
.jjChan_jjsx_brief{ color: #666666; line-height: 32px; max-height: 130px; overflow: hidden; }
.jjChan_jjsx_brief b{ font-weight: bold; font-size: 18px; color: #333333; }
.jjChan_jjsx_edit{ color: #fccfcf; font-size: 20px; padding-bottom: 20px; margin-top: 8px; line-height: 24px; position: relative; overflow: hidden; }
.jjChan_jjsx_edit:after{ content: ''; display: block; width: 100%; height: 4px; border-radius: 2px; background: #fccfcf; position: absolute; bottom: 0; left: 0; }
.jjChan_jjsx_edit span{ display: block; float: left; margin-left: 50px; height: 24px; overflow: hidden; }
.jjChan_jjsx_edit span:first-child{ margin-left: 0; }
.jjChan_jjsx_tit{ font-weight: bold; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 17px; }

.jjChan_jjsx_more{ display: block; width: 168px; height: 48px; line-height: 48px; text-align:center; color: #999999; font-size: 18px; text-decoration:none; background:#f5f5f5; border:1px solid #e9e6e6; border-radius: 25px; margin:28px auto 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.jjChan_jjsx_more b{ display: inline-block; vertical-align: middle; width: 24px; height: 21px; background: url(../jsimages/2020_bg1.png) no-repeat -260px -300px; margin:-2px 0 0 8px; }
.jjChan_jjsx_more:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

/**************************2020单机栏目页**************************/
.jjCol_recom_tbox{ display: block; }
.jjCol_recom_tbox li{ float: left; width: 80px; margin:23px 0 0 32px; }
.jjCol_recom_tbox li.one{ margin-left: 0; }
.jjCol_recom_tbox img{ display: block; width: 80px; height: 80px; border-radius: 15px; }
.jjCol_recom_ttit{ height:18px; overflow: hidden; font-size: 14px; line-height: 18px; margin-top: 13px; text-align:center; }

.jjCol_recom_ttab{ margin-top: 22px; }
.jjCol_recom_ttab li{ float: left; height: 340px; border-radius: 5px; overflow: hidden; margin-left: 3px; position: relative; transition:all 0.5s linear; }
.jjCol_recom_ttab li.one{ margin-left: 0; }
.jjCol_recom_ttab1{ width: 136px; height: 340px; overflow: hidden; }
.jjCol_recom_ttab1 img{ height: 100%; min-width:100%; }
.jjCol_recom_ttab_tit{ font-weight: bold; height: 58px; line-height: 58px; overflow: hidden; padding: 49px 14px 0; font-size: 18px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,8)); position: absolute; bottom: 0; left: 0; right: 0; }
.jjCol_recom_ttab1:after{ content: ''; display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; }
.jjCol_recom_ttab2{ width: 0; height: 340px; overflow: hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s linear; position: absolute; left: 0; top: 0; z-index: 2; }
.jjCol_recom_ttab2 img{ min-width: 100%; height: 100%; }
.jjCol_recom_ttab li.current{ width: 366px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s linear; }
.jjCol_recom_ttab li.current .jjCol_recom_ttab2{  width: 366px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s linear; }

.jjCol_left{ float: left; width: 300px; }
.jjCol_list_menu li{ float: left; width: 140px; margin:24px 0 0 16px; }
.jjCol_list_menu li.one{ margin-left: 0; clear: both; }
.jjCol_list_menu li:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.jjCol_list_menu_tit{ width: 140px; height: 55px; line-height: 55px; border:1px solid #ece9e9; position: relative; }
.jjCol_list_menu_tit em{ display: block; width: 0; height: 0; border-left:24px solid #e1251b; border-bottom: 24px solid transparent; position: absolute; left: -1px; top: -1px; }
.jjCol_list_menu_tit em b{ font-weight: bold; color: #FFFFFF; font-size: 20px; line-height: 24px; position: absolute; left: -23px; top: -6px; }
.jjCol_list_menu_tit h2{ text-align:center; font-weight: bold; font-size: 18px; height: 55px; overflow: hidden; }
.jjCol_list_menu_tit h2 a{ display: block; color: #333333; padding: 0 10px; text-decoration:none; }
.jjCol_list_menu li.current .jjCol_list_menu_tit{ background:#e1251b; color: #FFFFFF; border-color: #e1251b; }
.jjCol_list_menu li.current .jjCol_list_menu_tit h2,.jjCol_list_menu li.current h2 a{ color: #FFFFFF; }
.jjCol_list_menu li.current:hover{ box-shadow: none; }
.jjCol_list_menu_list{ display: none; width: 300px; margin-left: -158px; }
.jjCol_list_menu li.one .jjCol_list_menu_list{ margin-left: 0 }
.jjCol_list_menu li.current .jjCol_list_menu_list{ display: block; }
.jjCol_list_menu_list span{ display: block; float: left; width: 140px; color: #999999; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; margin:16px 0 0 16px; }
.jjCol_list_menu_list span:nth-child(2n+1){ margin-left: 0; }
.jjCol_list_menu_list span a:before{ content: ''; display: block; float: left; width:7px; height: 7px; background:url(../jsimages/2020_bg1.png) -230px -290px; margin:6px 10px 0 0; }

.jjArea_left_list li{ padding: 18px 0; border-bottom: 1px solid #e9e7e7; }
.jjArea_left_list .img_box{ display: block; float: left; width: 135px; height: 90px; border-radius: 5px; overflow: hidden; margin-right: 17px; }
.jjArea_left_list .img_box img{ width: 100%; min-height: 100%; }
.jjArea_left_list dl{ padding-top: 5px; }
.jjArea_left_list dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; }
.jjArea_left_list dd{ color: #999999; height: 18px; line-height: 18px; overflow: hidden; margin-top: 11px; }
.jjArea_left_list dd .bBlack{ display: inline-block; float: left; max-width: 56px; overflow: hidden; margin-right: 3px; }
.jjArea_left_link{ color: #e03f36; text-decoration: none; }
.jjArea_left_link b{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; background:url(../jsimages/2020_bg1.png) no-repeat -210px -290px; margin-top: -2px; }
.jjArea_left_link:hover{ text-decoration:underline; }

.jjCol_left_swiper_box{ width: 100%; padding-bottom: 9px; background:#edeaea; border-radius: 5px; overflow: hidden; }
.jjCol_left_swiper{ height: 210px; overflow: hidden; border-radius: 5px; overflow: hidden; }
.jjCol_left_swiper .swiper-slide{ overflow:hidden; }
.jjCol_left_swiper .swiper-slide .img_box{ height: 210px; 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; }
.jjCol_left_swiper img{ width: 100%; min-height: 100%; }
.jjCol_left_swiper p{ height: 54px; line-height: 54px; overflow: hidden; padding: 48px 18px 0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); position: absolute; bottom: 0; left: 0; right: 0; font-weight: bold; font-size: 18px; color: #FFFFFF; }
.jjCol_left_swiper .swiper-button-prev,.jjCol_left_swiper .swiper-button-next{ display: block; width: 26px; height: 40px; background:rgba(0,0,0,0.5); margin-top: -20px; }
.jjCol_left_swiper .swiper-button-prev{ left: 0; border-radius: 0 15px 15px 0; }
.jjCol_left_swiper .swiper-button-next{ right: 0; border-radius: 15px 0 0 15px; }
.jjCol_left_swiper .swiper-button-prev b,.jjCol_left_swiper .swiper-button-next b{ display: block; width: 8px; height: 12px; margin:14px auto 0; background: url(../jsimages/2020_bg1.png) no-repeat; }
.jjCol_left_swiper .swiper-button-prev b{ background-position: -240px -290px; }
.jjCol_left_swiper .swiper-button-next b{ background-position: -250px -290px; }
.jjCol_left_thumbs{ height: 61px; margin-top: 10px; padding: 0 6px; }
.jjCol_left_thumbs .swiper-slide{ width: 66px; height: 61px; border-radius: 5px; overflow: hidden; background: #edeaea; position: relative; 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; }
.jjCol_left_thumbs .swiper-slide:after{ content: ''; display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; }
.jjCol_left_thumbs .swiper-slide-thumb-active:after{ display: none; }
.jjCol_left_thumbs .swiper-slide img{ height: 100%; border-radius: 5px; }

.jjCol_recom_lMenu li{ float: left; width: 33.33%; text-align:center; height: 52px; line-height: 52px; overflow: hidden; cursor: pointer; }
.jjCol_recom_lMenu li.current{ font-size: 20px; font-weight: bold; position: relative; color: #e03f36; }
.jjCol_recom_lMenu li.current:after{ content: ''; display: block; width: 56px; height: 6px; border-radius: 3px; position: absolute; left: 50%; bottom: 0; margin-left: -28px; background:#e03f36; }
.jjCol_recom_lMenu li.current h2{ font-size: 20px; font-weight: bold; color: #e03f36; }
.jjCol_recom_lList li{ padding: 16px 0; border-bottom: 1px solid #e9e7e7; }
.jjCol_recom_lList .img_box{ float: left; width: 106px; height: 58px; margin-right: 16px; border-radius: 5px; overflow: hidden; position: relative; }
.jjCol_recom_lList .img_box img{ width: 100%; min-height: 100%; }
.jjCol_recom_lList .img_box span{ display: block; width: 27px; height: 30px; padding-right: 3px; background:rgba(225,37,27,0.8); border:2px solid #FFFFFF; position: absolute; left: 50%; top: 50%; margin:-17px 0 0 -17px; border-radius: 50%; color: #FFFFFF; text-align:center; line-height: 30px; font-size: 12px; font-weight: bold; font-style: italic; }
.jjCol_recom_lList .img_box span b{ font-size: 16px; }
.jjCol_recom_lList dl{ padding-top: 5px; }
.jjCol_recom_lList dt{ font-size: 16px; height: 20px; line-height: 20px; font-weight: bold; overflow: hidden; }
.jjCol_recom_lList dd{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 10px; }
.jjCol_topic_lList li{ float: left; width: 140px; margin:23px 0 0 19px; }
.jjCol_topic_lList li.one{ margin-left: 0; }
.jjCol_topic_lList .img_box{ display: block; width: 140px; height: 80px; border-radius: 5px; overflow: hidden; }
.jjCol_topic_lList p{ font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; margin-top: 15px; text-align:center; }
.jjCol_right{ float: right; width: 870px; }
.jjCol_cont_list{ padding-top: 20px; }
.jjCol_cont_list li{ float: left; width: 265px; height: 360px; margin: 30px 0 0 34px; border-radius: 5px; background: #FFFFFF; border:1px solid #e9e9e9; overflow: hidden; position: relative; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.jjCol_cont_list li.one{ margin-left: 0 }
.jjCol_cont_list li:hover{ box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.jjCol_cont_list .img_box{ display: block; width: 100%; height: 198px; overflow: hidden; }
.jjCol_cont_list .img_box img{ width: 100%; min-height: 100%; }
.jjCol_cont_score{ display: block; width:50px; height: 46px; text-align:center; line-height: 40px; padding-left: 5px; color: #FFFFFF; font-weight: bold; font-size: 18px; background:url(../jsimages/2020_bg1.png) no-repeat 0 -320px; position: absolute; left: 20px; top: 168px; }
.jjCol_cont_list dl{ padding: 28px 15px 0; }
.jjCol_cont_list dt{ font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; font-weight: bold; }
.jjCol_cont_list dd{ margin-top: 17px; }
.jjCol_cont_time{ float: left; width: 50px; padding-right: 20px; text-align:center; font-size: 16px; color: #d7d4d4; font-weight: bold; position: relative; }
.jjCol_cont_time .y{ font-size: 18px; height: 22px; overflow: hidden; line-height: 22px; }
.jjCol_cont_time .d{ height: 20px; line-height: 20px; overflow: hidden; }
.jjCol_cont_time:after{ content: ''; display: block; width: 1px; height: 36px; background:#d7d4d4; position: absolute; right: 10px; top: 4px; -webkit-transform: skewX(-15deg);-moz-transform: skewX(-15deg);-o-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transform: skewX(-15deg); }
.jjCol_cont_list dd p{ color: #999999; line-height: 22px; height: 44px; overflow: hidden; }
.jjCol_cont_link{ display: block; color: #e03f36; font-size: 16px; height: 20px; text-decoration:none; font-weight: bold; position: absolute; right: 20px; bottom: 18px; }
.jjCol_cont_link b{ display: block; float: right; width: 21px; height: 20px; background: url(../jsimages/2020_bg1.png) no-repeat -180px -290px; margin:1px 0 0 8px; }
.jjCol_cont_link:hover{ text-decoration:underline; }

/**************************2020单机频道页**************************/
.llMach_top_recom{ margin-top: 21px; background: #283645; }
.llMach_top_recom_left{ float: left; width: 250px; }
.llMach_top_left_list li{ height: 50px; padding: 15px 12px; border-top: 1px solid #364859; }
.llMach_top_left_list li.one{ border-top: 0; }
.llMach_top_left_list .img_box{ display: block; float: left; width: 50px; height: 50px; margin-right: 13px; border-radius: 12px; overflow: hidden; }
.llMach_top_left_list .img_box img{ width: 100%; min-height: 100%; }
.llMach_top_left_link{ display: block; float: right; width: 20px; height: 20px; border-radius: 50%; background:url(../jsimages/2020_bg1.png) no-repeat -150px -320px; margin: 15px 0 0 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.llMach_top_left_link:hover{ -webkit-transform:translateX(5px); -moz-transform:translateX(5px); -ms-transform:translateX(5px); -o-transform:translateX(5px); transform:translateX(5px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.llMach_top_left_list dl{ padding-top: 4px; }
.llMach_top_left_list dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; }
.llMach_top_left_list dd{ font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; color:#949495; margin-top: 6px; }
.llMach_top_recom_mid{ float: left; width: 720px; height: 405px; }
.llMach_top_mid_swiper{ width: 100%; height: 100%; }
.llMach_top_mid_swiper .swiper-slide{ width: 100%; height: 100%; overflow: hidden; }
.llMach_top_mid_swiper img{ width: 100%; min-height: 100%; }
.llMach_top_mid_swiper .swiper-pagination{ width: auto; left: initial; right: 35px; }
.llMach_top_mid_swiper .swiper-pagination-bullet{ width: 30px; height: 7px; border-radius: 4px; background:#FFFFFF; opacity: 1; }
.llMach_top_mid_swiper .swiper-pagination-bullet-active{ background: #e1251b; }
.llMach_top_recom_right{ float: right; width: 230px; height: 405px; }
.llMach_top_first{ display: block; width: 160px; margin: 26px auto 0; }
.llMach_top_first b{ display: block; width: 28px; height: 24px; margin: 0 auto; background:url(../jsimages/2020_bg1.png) no-repeat -60px -320px; }
.llMach_top_first .img_show{ display: block; width: 150px; height: 150px; border-radius: 50%; border:4px solid #d0cece; background: #828283; margin: 5px auto 0; overflow: hidden; }
.llMach_top_first .img_show img{ width: 100%; min-height: 100%; }
.llMach_top_recom_right dt{ width: 170px; margin: 25px auto 0; }
.llMach_top_recom_right dt strong{ display: block; float: left; width: 74px; text-align:center; font-weight: bold; font-size: 35px; color: #e1251b; }
.llMach_top_recom_right dt p{ font-weight: bold; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; }
.llMach_top_recom_right dd{ padding:15px 0 0 33px; line-height: 24px; margin: 6px 22px 0 21px; position: relative; color: #949495; }
.llMach_top_recom_right dd:before,.llMach_top_recom_right dd:after{ content: ''; display: block; width: 23px; height: 17px; background:url(../jsimages/2020_bg1.png) no-repeat; position: absolute; }
.llMach_top_recom_right dd:before{ left: 0; top: 0;background-position: -90px -320px; }
.llMach_top_recom_right dd:after{ bottom: -17px; right: -15px; background-position: -120px -320px; }
.llMach_top_recom_right dd p{ height: 72px; overflow:hidden; }

.llMach_topTopic_list li{ float: left; width: 285px; height: 142px; margin: 25px 0 0 20px; position: relative; }
.llMach_topTopic_list li.one{ margin-left: 0; }
.llMach_topTopic_list .img_box{ display: block; width: 285px; height: 125px; border-radius: 6px; overflow: hidden; position: relative; }
.llMach_topTopic_list .img_box img{ width: 100%; min-height: 100%; }
.llMach_topTopic_list .img_box p{ height:70px; line-height: 70px; overflow: hidden; padding: 10px 17px 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); color: #FFFFFF; font-weight: bold; font-size: 16px; position: absolute; left: 0; right: 0; bottom: 0; }
.llMach_topTopic_link{ display: block; width: 123px; height: 35px; line-height: 35px; text-align:center; background:#e1251b; color: #FFFFFF; font-size: 16px; position: absolute; left: 50%; bottom: 0; margin-left: -62px; }
.llMach_topTopic_link b{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../jsimages/2020_bg1.png) no-repeat -180px -320px; margin: -3px 0 0 10px; }
.llMach_topTopic_link:before,.llMach_topTopic_link:after{ content: ''; display: block; width: 0; height: 0; position: absolute; bottom: 0; }
.llMach_topTopic_link:before{ border-right: 17px solid #f2f2f2; border-bottom: 17px solid transparent; left: -17px; }
.llMach_topTopic_link:after{ border-left: 17px solid #f2f2f2; border-bottom: 17px solid transparent; right: -17px; }
.llMach_topTopic_link:hover{ background: #d20d02; }

.jjMach_classic_list li{ float: left; width: 265px; height: 285px; margin: 31px 0 0 37px; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 10.72px 5.28px rgba(192, 188, 188, 0.25); }
.jjMach_classic_list li.one{ margin-left: 0; }
.jjMach_classic_list .img_box{ display: block; width: 100%; height: 155px; overflow: hidden; }
.jjMach_classic_list .img_box img{ width: 100%; min-height: 100%; }
.jjMach_classic_list dl{ padding: 15px; }
.jjMach_classic_list dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; }
.jjMach_classic_list dd{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px; color: #999999; }
.jjMach_classic_link{ display: inline-block; float: right; font-size: 16px; height: 20px; line-height: 20px; text-decoration:none; color: #e1251b; overflow: hidden; margin-top: 8px; }
.jjMach_classic_link b{ display: block; float: right; width: 20px; height: 20px; border-radius: 50%; margin: 0 0 0 10px; background:url(../jsimages/2020_bg1.png) no-repeat -210px -320px; }
.jjMach_classic_link:hover{ text-decoration:underline; }

.jjMach_classic_rank_box{ border-left: 1px solid #ebebeb; }
.jjMach_classic_rank li{ padding-left: 23px; margin-top: 30px; position: relative; }
.jjMach_classic_rank li.one{ margin-top: 0; }
.jjMach_classic_rank li:before{ content: ''; display: block; width: 16px; height: 16px; background:url(../jsimages/2020_bg1.png) no-repeat -280px -280px; position: absolute; left: -9px; top: 0; }
.jjMach_classic_rank dt{ font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }
.jjMach_classic_rank dt span{ color: #bdbbbb; font-size: 14px; float: right; font-weight: normal; margin-left: 15px; }
.jjMach_classic_rank li:hover:before{ background-position: -240px -320px; }
.jjMach_classic_rank p{ line-height: 25px; height: 50px; overflow: hidden; color: #999999; margin-top: 10px; }
.jjMach_classic_more{ display: block; width: 273px; height: 47px; border-radius: 25px; text-align:center; line-height: 47px; overflow: hidden; margin:30px 0 0 23px; background:#fdf3f2; font-size: 16px; text-decoration:none; border:1px solid #e1251b; color: #e1251b; }
.jjMach_classic_more b{ display: inline-block; vertical-align: middle; width: 18px; height: 19px; background:url(../jsimages/2020_bg1.png) no-repeat -290px -310px; margin: -2px 0 0 10px; }
.jjMach_classic_more:hover{ background: #e1251b; color: #FFFFFF; }
.jjMach_classic_more:hover b{ background-position: -310px -310px; }

.jjMach_video_show{ display: block; width: 595px; height: 355px; float: left; border-radius: 5px; position: relative; overflow: hidden; margin-top: 30px; }
.jjMach_video_show img{ width: 100%; min-height: 100%; }
.jjMach_video_show b{ display: block; width: 96px; height: 96px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -48px 0 0 -48px; background:url(../jsimages/2020_bg4.png) no-repeat 0 0 /100% 100%; }
.jjMach_video_show p{ display: block; height: 80px; line-height: 80px; overflow: hidden; padding:16px 22px 0; font-weight: bold; font-size: 22px; color: #FFFFFF; text-align:center; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); position: absolute; left: 0; right: 0; bottom: 0; }
.jjMach_video_list{ padding-top: 10px; }
.jjMach_video_list li{ float: left; width: 280px; height: 167px; border-radius: 5px; overflow: hidden; position: relative; margin: 20px 0 0 22px; }
.jjMach_video_list img{ width: 100%; min-height: 100%; }
.jjMach_video_list b{ display: block; width: 46px; height: 46px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -23px 0 0 -23px; background:url(../jsimages/2020_bg4.png) no-repeat 0 0 /100% 100%; }
.jjMach_video_list p{ display: block; height: 45px; line-height: 45px; overflow: hidden; padding:30px 15px 0; font-weight: bold; font-size: 16px; color: #FFFFFF; text-align:center; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); position: absolute; left: 0; right: 0; bottom: 0; }

.jjMach_game_list li{ float: left; width: 215px; height: 294px; border-radius: 5px; overflow: hidden; margin: 30px 0 0 30px; position: relative; }
.jjMach_game_list li.one{ margin-left: 0; }
.jjMach_game_list img{ display: block; width: 100%; min-height: 100%; }
.jjMach_game_score{ display: block; width: 50px; height: 46px; line-height: 40px; padding-left: 5px; text-align:center; font-weight: bold; font-size: 18px; color: #FFFFFF; background:url(../jsimages/2020_bg1.png) no-repeat 0 -320px; position: absolute; left: 14px; top: 10px; }
.jjMach_game_list dl{ padding: 35px 16px 15px; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); position: absolute; left: 0; right: 0; bottom: 0; }
.jjMach_game_list dt{ font-size: 18px; font-weight: bold; height: 22px; line-height: 22px; overflow: hidden; }
.jjMach_game_list dd{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 8px; }
.jjMach_game_link{ width: 146px; height: 0; overflow: hidden; background:rgba(255,255,255,0.7); border-radius:5px; color: #e1251b; font-weight: bold; text-align:center; position: absolute; left: 50%; top: 84px; margin:0 0 0 -73px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.jjMach_game_link b{ display: block; width: 37px; height: 37px; margin: 22px auto 0; background:url(../jsimages/2020_bg1.png) no-repeat -360px -310px; }
.jjMach_game_link span{ display: block; height: 22px; font-size: 18px; line-height: 22px; overflow: hidden; margin-top: 15px; }
.jjMach_game_list li:hover .jjMach_game_link{ height: 114px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.jjMach_center_swiper_box{ background:#f6f6f6; padding: 50px 23px 40px; position: relative; }
.jjMach_center_thumbs{ display: block; width: 100%; height: 481px; }
.jjMach_center_thumbs .swiper-wrapper{ display: block; }
.jjMach_center_thumbs li{ width: 196px !important; height: 88px; border-bottom:1px solid #e3e1e1; cursor: pointer; clear: both; }
.jjMach_center_thumbs li:nth-child(8n+1),.jjMach_center_thumbs li:nth-child(8n+2),.jjMach_center_thumbs li:nth-child(8n+3),.jjMach_center_thumbs li:nth-child(8n+4){ float: left; padding: 15px 0 15px 23px; }
.jjMach_center_thumbs li:nth-child(8n+5),.jjMach_center_thumbs li:nth-child(8n+6),.jjMach_center_thumbs li:nth-child(8n+7),.jjMach_center_thumbs li:nth-child(8n){ float: right; padding: 15px 23px 15px 0; position: relative; top: -476px; }
.jjMach_center_thumbs dt{ font-weight: bold; font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; }
.jjMach_center_thumbs li:nth-child(8n+1) dt,.jjMach_center_thumbs li:nth-child(8n+2) dt,.jjMach_center_thumbs li:nth-child(8n+3) dt,.jjMach_center_thumbs li:nth-child(8n+4) dt{ text-align:right; }
.jjMach_center_thumbs dd{ color: #999999; line-height: 24px; height: 48px; overflow: hidden; margin-top: 15px; }
.jjMach_center_thumbs .swiper-slide-thumb-active{ border-top:2px solid #e1251b; border-bottom:2px solid #e1251b; color: #e1251b; }
.jjMach_center_thumbs .swiper-slide-thumb-active dd{ color: #e1251b;}
.jjMach_center_thumbs li:nth-child(8n+1).swiper-slide-thumb-active,.jjMach_center_thumbs li:nth-child(8n+2).swiper-slide-thumb-active,.jjMach_center_thumbs li:nth-child(8n+3).swiper-slide-thumb-active,.jjMach_center_thumbs li:nth-child(8n+4).swiper-slide-thumb-active{ border-left:2px solid #e1251b; }
.jjMach_center_thumbs li:nth-child(8n+5).swiper-slide-thumb-active,.jjMach_center_thumbs li:nth-child(8n+6).swiper-slide-thumb-active,.jjMach_center_thumbs li:nth-child(8n+7).swiper-slide-thumb-active,.jjMach_center_thumbs li:nth-child(8n+8).swiper-slide-thumb-active{ border-right:2px solid #e1251b; }
.jjMach_center_swiper{ width: 674px; height: 481px; position: absolute; left: 266px; top: 49px; }
.jjMach_center_swiper .swiper-slide{ overflow: hidden; }
.jjMach_center_swiper img{ width: 100%; min-height: 100%; }
.jjMach_center_swiper_pagination{ width: 100%; text-align:center; margin-top: 35px; }
.jjMach_center_swiper_pagination .swiper-pagination-bullet{ margin: 0 7px; width: 30px; height: 7px; border-radius:4px; background:#b4b4b4; opacity: 1; }
.jjMach_center_swiper_pagination .swiper-pagination-bullet-active{ background: #e1251b; }

.jjMach_search_list{ margin-top: 27px; }
.jjMach_search_list li{ float: left; width: 180px; height: 294px; border-radius:5px; overflow: hidden; background: #FFFFFF; margin-left: 9px; position: relative; transition: all 0.5s linear; }
.jjMach_search_list li.one{ margin-left: 0; }
.jjMach_search_list li.current{ width: 443px; box-shadow: 0px 0px 10px 5px rgba(192, 188, 188, 0.25); transition: all 0.5s linear; }
.jjMach_search_list .con_show{ float: left; width: 180px; height: 294px; border-radius: 5px; overflow: hidden; position: relative; z-index: 1; }
.jjMach_search_list .con_show img{ width: 100%; min-height: 100%; }
.jjMach_search_list .con_show span{ display: block; width: 55px; height: 55px; border-radius: 50%; background: #e1251b; border:5px solid #FFFFFF; opacity: 0.8; color: #FFFFFF; position: absolute; left: 50%; top: 50%; margin: -33px 0 0 -33px; text-align:center; line-height: 55px; font-size: 18px; font-weight: bold; }
.jjMach_search_list .con_show span em{ opacity: 1; font-weight: bold; }
.jjMach_search_list .con_show span b{ font-size: 26px; }
.jjMach_search_list .con_show p{ height: 58px; line-height: 58px; overflow: hidden; color: #FFFFFF; font-weight: bold; padding: 40px 17px 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); position: absolute; left: 0; right: 0; bottom: 0; font-size: 18px; }
.jjMach_search_list .con_hide{ display: block; float: right; width: 230px; margin-right: 12px; padding: 15px 0; position: absolute; right: 0; top: 0; }
.jjMach_search_tit{ display: block; padding-bottom: 14px; border-bottom: 1px solid #ebe8e8; font-weight: bold; font-size: 18px; }
.jjMach_search_tit em{ float: left; color: #e1251b; font-weight: bold; }
.jjMach_search_tit span{ display: block; line-height: 28px; height: 56px; overflow: hidden; word-break: break-all; }
.jjMach_search_list dl{ margin-top: 16px; }
.jjMach_search_list dt{ font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }
.jjMach_search_list dd{ line-height: 22px; color: #827f7f; margin-top: 12px; max-height: 141px; }
.jjMach_search_list dd p{ margin-top: 3px; }

.jjMach_article_list li{ padding: 20px 30px; border-radius: 5px; background: #FFFFFF; overflow: hidden; margin-top: 35px; box-shadow: 0px 0px 10px 5px rgba(192, 188, 188, 0.25); }
.jjMach_article_list li.one{ margin-top: 27px; }
.jjMach_article_time{ float: left; width: 60px; font-size: 20px; font-weight: bold; text-align:center; color: #faada9; margin:6px 23px 0 0; }
.jjMach_article_time b{ display: block; width: 37px; height: 38px; background:url(../jsimages/2020_bg1.png) no-repeat -360px -350px; margin: 0 auto; }
.jjMach_article_time span{ display: block; height: 24px; line-height: 24px; overflow: hidden; margin-top: 15px; }
.jjMach_article_list dt{ font-size: 20px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; }
.jjMach_article_list dd{ line-height: 26px; height: 52px; overflow: hidden; color: #999999; margin-top: 12px; }
.jjMach_article_rank{ padding-top: 5px; }
.jjMach_article_rank li{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; margin-top: 18px; }
.jjMach_article_rank em{ display: block; float: left; font-size: 26px; font-weight: bold; color: #d4d4d4; font-style: italic; margin-right: 13px; }
.jjMach_article_rank em.top1{ color: #f98781; }

/**************************2020手机栏目页**************************/
.jjMob_cate_list li{ float: left; width: 125px; height: 50px; line-height: 50px; text-align:center; font-size: 18px; font-weight: bold; margin: 24px 0 0 25px; }
.jjMob_cate_list li:nth-child(8n+1){ margin-left: 0; }
.jjMob_cate_list a,.jjMob_cate_list span{ display: block; color: #333333; height: 100%; padding: 0 15px; text-decoration:none; background: #f7f6f6; border:1px solid #dddddd; border-radius: 5px; overflow: hidden; }
.jjMob_cate_list .current,.jjMob_cate_list a:hover,.jjMob_cate_list span:hover{ background: #fcebeb; border-color: #e1251b; color: #e1251b; }

.jjMob_col_list li{ float: left; width: 175px; border:1px solid #e7e7e7; border-radius: 5px; margin: 33px 0 0 27px; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.jjMob_col_list li:nth-child(6n+1){ margin-left: 0; }
.jjMob_col_list li:hover{ box-shadow: 0 0 10px 7px rgba(192, 188, 188, 0.25); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.jjMob_col_list dl{ padding: 22px; text-align: center; }
.jjMob_col_list dt strong{ display: block; font-size: 18px; font-weight: bold; height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jjMob_col_list dt p{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 8px; color: #999999; }
.jjMob_col_list dd.cont1{ margin-top: 15px; }
.jjMob_col_list .img_box{ display: block; width: 120px; height: 120px; border-radius: 25px; overflow: hidden; margin: 0 auto; }
.jjMob_col_list .img_box img{ width: 100%; min-height: 100%; }
.jjMob_col_list dd.cont2{ margin: 18px auto 0; width: 125px; }
.jjMob_col_list span{ display: block; float: left; width: 40px; height: 40px; background:#f0f0f0; color: #8c8c8c; font-size: 20px; font-weight: bold; text-align: center; line-height: 40px; margin-right: 10px; }
.jjMob_col_list dd.cont2 p{ text-align: left; color: #999999; line-height: 20px; }
.jjMob_col_down{ display: block; height: 49px; border-top: 1px solid #e1251b; color: #e1251b; text-decoration: none; line-height: 49px; text-align: center; font-weight: bold; font-size: 18px; }
.jjMob_col_down b{ display: inline-block; vertical-align: middle; width: 21px; height: 21px; border-radius: 50%; background: url(../jsimages/2020_bg1.png) no-repeat -300px -250px; margin: -3px 0 0 10px; }
.jjMob_col_down:hover{ background: #e1251b; color: #FFFFFF; }
.jjMob_col_down:hover b{ background-position: 0 -370px; }

/**************************2020手机频道页**************************/
.jjMob_tRecom_box{ margin-top: 25px; border:1px solid #e2e2e2; }
.jjMob_tRecom_left{ float: left; width: 230px; }
.jjMob_tRecom_left_list li{ float: left; width: 113px; height: 58px; text-align:center; line-height: 58px; overflow: hidden; background: #555a7a; border-top:1px solid #464a65; border-right:1px solid #464a65; font-size: 16px; font-weight: bold; position: relative; }
.jjMob_tRecom_left_list a{ display: block; color: #FFFFFF; text-decoration: none; padding: 0 8px; }
.jjMob_tRecom_left_list b{ display: block; width: 31px; height: 29px; background:url(../jsimages/2020_bg1.png) no-repeat; position: absolute; right: 0; bottom: 0; }
.jjMob_tRecom_left_list b.i_new{ background-position: -100px -350px; }
.jjMob_tRecom_left_list b.i_hot{ background-position: -60px -350px; }
.jjMob_tRecom_mid{ float: left; width: 350px; margin-left: 25px; }
.jjMob_tRecom_mid_tit{ height: 47px; border-bottom: 3px solid #e5e6e8; }
.jjMob_tRecom_mid_tit .jjxzIn_main_more{ margin-top: 15px; }
.jjMob_tRecom_mid_menu{ height: 50px; overflow: hidden; }
.jjMob_tRecom_mid_menu li{ float: left; font-size: 16px; line-height: 47px; text-align: center; margin-right: 23px; cursor: pointer; }
.jjMob_tRecom_mid_menu h2{ display: block; height: 47px; overflow: hidden; font-size: 16px; }
.jjMob_tRecom_mid_menu li.current,.jjMob_tRecom_mid_menu li.current h2{ font-size: 20px; font-weight: bold; color: #e1251b; position: relative; }
.jjMob_tRecom_mid_menu li.current:after{ content: ''; display: block; width: 40px; height: 5px; border-radius: 3px; background:#e1251b; position: absolute; left: 50%; bottom: -3px; margin-left: -20px; }
.jjMob_tRecom_recom_tit{ display: block; height: 24px; line-height: 24px; overflow: hidden; text-align:center; font-size: 20px; font-weight: bold; margin-top: 17px; }
.jjMob_tRecom_mid_list li{ padding-left: 20px; position: relative; margin-top: 14px; }
.jjMob_tRecom_mid_list span{ width: 42px; height: 17px; padding-top: 4px; display: block; float: right; color: #999999; text-align: center; line-height: 18px; margin-left: 10px; background:url(../jsimages/2020_bg1.png) no-repeat -140px -350px; }
.jjMob_tRecom_mid_list p{ line-height: 21px; height: 21px; overflow: hidden; margin-right: 52px; white-space: nowrap; text-overflow: ellipsis; }
.jjMob_tRecom_mid_list li:before,.jjMob_tRecom_mid_list li:after{ content: ''; display: block; position: absolute; }
.jjMob_tRecom_mid_list li:before{ display: block; width: 1px; height: 38px; background:#e5e6e8; left: 2px; top: -27px; }
.jjMob_tRecom_mid_list li:first-child:before{ display: none; }
.jjMob_tRecom_mid_list li:after{ width: 5px; height: 5px; background: #b0b0b0; border-radius:50%; left: 0; top: 8px; z-index: 1; }
.jjMob_tRecom_right{ float: right; width: 570px; height: 354px; position: relative; }
.jjMob_tRecom_swiper{ height: 354px; }
.jjMob_tRecom_swiper .swiper-slide{ width: 570px; height: 100%; overflow: hidden; }
.jjMob_tRecom_swiper .img_box{ display: block; width: 100%; height: 100%; overflow: hidden; }
.jjMob_tRecom_swiper .img_box img{ width: 100%; min-height: 100%; }
.jjMob_tRecom_thumbs{ height: 86px; padding:0 10px 35px; position: absolute; right: 0; left: 0; bottom: 0; background:linear-gradient(rgba(0,0,0,0) 20%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,1) 100%) }
.jjMob_tRecom_thumbs .swiper-wrapper{ display: block; text-align: right; }
.jjMob_tRecom_thumbs .swiper-slide{ display: inline-block; width: 66px; }
.jjMob_tRecom_thumbs .swiper-slide .img_up{ display: block; width: 58px; height: 58px; border-radius: 50%; overflow: hidden; margin-top: 25px; border:4px solid #dadada; position: relative; }
.jjMob_tRecom_thumbs .swiper-slide .img_up img{ width: 100%; min-height: 100%; }
.jjMob_tRecom_thumbs .swiper-slide .img_up:after{ content: ''; display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.jjMob_tRecom_thumbs .swiper-slide-thumb-active{ width: 86px; padding-top: 10px; }
.jjMob_tRecom_thumbs .swiper-slide-thumb-active .img_up{ width: 80px; height: 80px; margin-top: 0; border-color: #FFFFFF; }
.jjMob_tRecom_thumbs .swiper-slide-thumb-active .img_up:after{ display: none; }

.jjmob_chan_menu{ width: 100%; display: table; }
.jjmob_chan_menu li,.jjmob_chan_menu .jjmob_chan_more{ display: table-cell; }
.jjmob_chan_menu p,.jjmob_chan_menu a{ display: block; width: 100px; margin: 0 auto; color: #333333; font-weight: bold; font-size: 20px; text-decoration: none; cursor: pointer; }
.jjmob_chan_menu b{ display: block; width: 32px; height: 28px; margin: 0 auto; background:url(../jsimages/2020_bg8.png) no-repeat; }
.jjmob_chan_menu b.icon1{ background-position: -250px -130px; }
.jjmob_chan_menu b.icon2{ background-position: -290px -130px; }
.jjmob_chan_menu b.icon3{ background-position: -330px -130px; }
.jjmob_chan_menu b.icon4{ background-position: -370px -130px; }
.jjmob_chan_menu b.icon5{ background-position: -410px -130px; }
.jjmob_chan_menu b.icon6{ background-position: -450px -130px; }
.jjmob_chan_menu b.icon7{ background-position: -490px -130px; }
.jjmob_chan_menu b.icon8{ background-position: -530px -130px; }
.jjmob_chan_menu b.icon9{ background-position: -570px -130px; }
.jjmob_chan_menu span{ display: block; width: 100px; height:100px; line-height: 30px; padding: 16px 10px 0 16px; box-sizing: border-box; border-radius: 50%; background:#f5f5f5; border:3px solid #e5e6e8; margin: 3px auto 0; text-align:center; letter-spacing:5px; }
.jjmob_chan_menu li.current span{ color: #FFFFFF; background: #e1251b; border-color: #e1251b; position: relative; }
.jjmob_chan_menu li.current span:after{ content: ''; display: block; width: 0; height: 0; border-top: 10px solid #e1251b; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; bottom: -12px; margin-left: -8px; }
.jjmob_chan_menu li.current b.icon1{ background-position: -250px -160px; }
.jjmob_chan_menu li.current b.icon2{ background-position: -290px -160px; }
.jjmob_chan_menu li.current b.icon3{ background-position: -330px -160px; }
.jjmob_chan_menu li.current b.icon4{ background-position: -370px -160px; }
.jjmob_chan_menu li.current b.icon5{ background-position: -410px -160px; }
.jjmob_chan_menu li.current b.icon6{ background-position: -450px -160px; }
.jjmob_chan_menu li.current b.icon7{ background-position: -490px -160px; }
.jjmob_chan_menu li.current b.icon8{ background-position: -530px -160px; }
.jjmob_chan_menu li.current b.icon9{ background-position: -570px -160px; }

.jjmob_cate_menu{ width: 100%; display: table; margin: 35px auto 0; }
.jjmob_cate_menu li{ display: table-cell; width: 25%; box-sizing: border-box; padding:0 30px; position: relative; }
.jjmob_cate_menu li:before{ content: ''; display: block; width: 1px; height: 42px; background:#e7e7e7; position: absolute; left: 0px; top: 50%; margin-top: -21px; }
.jjmob_cate_menu li:first-child{ padding-left: 0; }
.jjmob_cate_menu li:first-child:before{ display: none; }
.jjmob_cate_menu li:last-child{ padding-right: 0; }
.jjmob_cate_menu em{ display: block; float: left; width: 52px; font-size: 40px; font-weight: bold; color: #fcbfbc; line-height: 44px; text-align: center; margin-right: 12px; }
.jjmob_cate_menu dt{ font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }
.jjmob_cate_menu dd{ color: #999999; height: 18px; line-height: 18px; overflow: hidden; margin-top: 9px; }

.jjmob_topic_swiper_box{ margin-top: 27px; background: #f8f8f8; padding-bottom: 22px; }
.jjmob_topic_thumbs_box{ width: 300px; float: left; background: #283645; height: 432px; }
.jjmob_topic_thumbs{ display: block; width: 321px; height: 432px; z-index: 2; position: relative; }
.jjmob_topic_thumbs .swiper-slide{ width: 300px; height: 72px; line-height: 72px; border-top: 1px solid #36485b; cursor: pointer; color: #FFFFFF; font-weight: bold; font-size: 20px; }
.jjmob_topic_thumbs span{ display: block; height: 72px; padding: 0 27px; overflow: hidden; }
.jjmob_topic_thumbs .swiper-slide:first-child{ border-top: 0; }
.jjmob_topic_thumbs .swiper-slide-thumb-active{ background: #f7a934; color: #FFFFFF; position: relative; }
.jjmob_topic_thumbs .swiper-slide-thumb-active:after{ content: ''; display: block; width: 0; height: 0; border-left: 21px solid #f7a934; border-top: 36px solid transparent; border-bottom: 36px solid transparent; position: absolute; right: -21px; top: 0; z-index: 2; }
.jjmob_topic_swiper{ width: 900px; height: 432px; }
.jjmob_topic_swiper:after{ content: ''; display: block; width: 100%; height: 92px; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; }
.jjmob_topic_swiper .img_box{ width: 100%; height: 100%; }
.jjmob_topic_swiper .img_box img{ width: 100%; min-height: 100%; }
.jjmob_topic_swiper .swiper-pagination{ right: 22px; width: auto; left:initial; }
.jjmob_topic_swiper .swiper-pagination-bullet{ width: 30px; height: 7px; background:#FFFFFF; border-radius: 4px; opacity: 1; margin: 0 7px !important; }
.jjmob_topic_swiper .swiper-pagination-bullet-active{ background: #e1251b; }

.jjmob_topic_game_recom li{ float: left; width: 120px; margin: 24px 15px 0; text-align:center; }
.jjmob_topic_game_recom .img_up{ display: block; width: 112px; height: 112px; border-radius: 50%; overflow: hidden; border:4px solid #d7d6d6; background: #d7d6d6; }
.jjmob_topic_game_recom .img_up img{ width: 100%; min-height: 100%; }
.jjmob_topic_game_recom p{ font-size: 16px; height: 20px; overflow: hidden; margin-top: 15px; }
.jjmob_topic_game_recom span{ display: block; color: #999999; margin-top: 12px; }

.jjMob_topic_left{ float: left; width: 400px; }
.jjMob_topic_hotList{ height: 220px; margin-top: 30px; }
.jjMob_topic_hotList li{ float: left; width: 77px; height: 220px; overflow: hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition: all 0.5s; }
.jjMob_topic_hotList li.active{ width: 246px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition: all 0.5s; }
.jjMob_topic_hotList li .img_box{ display: block; width: 100%; height: 100%; text-align:center; position: relative; }
.jjMob_topic_hotList li img{ height: 100%; min-width:100%; width: auto; }
.jjMob_topic_hotList li .img_box b{ display: block; width: 43px; height: 40px; background: url(../jsimages/2020_bg1.png) no-repeat -280px -130px; position: absolute; left: 0; top: 0; }
.jjMob_topic_hotList dl{ width: 220px; height: 70px; padding: 40px 13px 0; color: #FFFFFF; position: absolute; left: 0; bottom: -110px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition: all 0.5s; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); }
.jjMob_topic_hotList dt{ font-size: 20px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; }
.jjMob_topic_hotList dd{ color: #E9E9E9; height: 18px; line-height: 18px; overflow: hidden; margin-top: 12px; }
.jjMob_topic_hotList li.active dl{ bottom: 0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition: all 0.5s; }

.jjMob_topic_box{ margin-top: 35px; }
.jjMob_topic_newOpt{ float: right; width: 60px; height: 22px; line-height: 22px; padding: 0 15px; overflow: hidden; position: relative; }
.jjMob_topic_newOpt .swiper-pagination{ bottom: 0; height: 22px; font-size: 18px; color: #e0dddd; }
.jjMob_topic_newOpt .swiper-pagination-total{ color: #333333; }
.jjMob_topic_newOpt .swiper-pagination-current{ color: #e1251b; }
.jjMob_topic_newOpt .swiper-button-prev,.jjMob_topic_newOpt .swiper-button-next{ width: 12px; height: 13px; background: url(../jsimages/2020_bg1.png) no-repeat; margin-top: -6px; }
.jjMob_topic_newOpt .swiper-button-prev{ background-position: -30px -370px; left: 0; }
.jjMob_topic_newOpt .swiper-button-next{ background-position: -30px -385px; right: 0; }
.jjMob_topic_newSwiper{ margin-top: 24px; }
.jjMob_topic_newSwiper .swiper-slide{ width: 130px; height: 283px; border-radius: 5px; overflow: hidden; }
.jjMob_topic_newSwiper .swiper-slide img{ height: 100%; width: auto; min-width:100%; }
.jjMob_topic_newScore{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.jjMob_topic_newScore:before,.jjMob_topic_newScore em{ content: ''; display: block; width: 55px; height: 55px; font-size: 18px; text-align:center; line-height: 55px; border-radius: 50%; color: #FFFFFF; font-weight: bold; position: absolute; left: 50%; top: 50%; }
.jjMob_topic_newScore:before{ border:5px solid #FFFFFF; opacity: 0.8; background: #e1251b; margin: -33px 0 0 -33px; }
.jjMob_topic_newScore em{ margin: -27px 0 0 -27px; }
.jjMob_topic_newScore em b{ font-size: 26px; }
.jjMob_topic_newSwiper p{ display: block; padding: 30px 14px 14px; position: absolute; left: 0; right: 0; bottom: 0; color: #FFFFFF; font-weight: bold; font-size: 16px; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); }
.jjMob_topic_newSwiper p span{ display: block; height: 56px; line-height: 28px; overflow: hidden; }

.jjMob_topic_right{ width: 772px; float: right; }
.jjCol_cont_list.jjmob_cont{ padding-top: 0; }
.jjCol_cont_list.jjmob_cont li{ width: 238px; height: 285px; margin-left: 25px; }
.jjCol_cont_list.jjmob_cont li.one{ margin-left: 0; }
.jjCol_cont_list.jjmob_cont .img_box{ height: 136px; }
.jjCol_cont_list.jjmob_cont dl{ padding-top: 18px; }
.jjCol_cont_list.jjmob_cont dd{ margin-top: 15px; }

.jjMob_article_left{ float: left; width: 420px; }
.jjMain_boxIn_tit{ width: 100%; height: 24px; line-height: 24px; overflow: hidden; margin-top: 20px; }
.jjMain_boxIn_tit h2{ float: left; height: 24px; font-size: 20px; font-weight: bold; }
.jjMain_boxIn_tit h2 b{ display: block; float: left; width: 5px; height: 18px; background: #E1251B; border-radius:3px; margin:4px 10px 0 0; }
.jjMob_article_news_show li{ margin-top: 24px; }
.jjMob_article_news_show .news_tit{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; }
.jjMob_article_news_show .news_cont_box{ height: 105px; background: #F5F5F5; margin-top: 17px; }
.jjMob_article_news_show .img_box{ display: block; float: left; width: 155px; height: 105px; overflow: hidden; margin-right: 15px; }
.jjMob_article_news_show .img_box img{ width: 100%; min-height: 100%; }
.jjMob_article_news_show .news_cont{ font-size: 14px; line-height: 28px; height: 84px; padding-top: 10px; overflow: hidden; color: #999999; }
.jjMob_article_newsList{ padding-top: 5px; }
.jjMob_article_newsList li{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 15px; }
.jjMob_article_newsList a:before{ content: ''; display: block; float: left; width: 8px; height: 8px; background: url(../jsimages/2020_bg1.png) no-repeat -378px -169px; margin: 5px 8px 0 0; }
.jjMob_article_newsList a:hover:before{ background-position: -378px -178px; }
.jjMob_article_newsList span{ display: block; float: right; font-size: 12px; color: #999999; margin-left: 15px; }
.jjMob_article_newsList span b{ display: block; float: left; width: 13px; height: 13px; background: url(../jsimages/2020_bg1.png) no-repeat -120px -220px; margin: 3px 5px 0 0; }
.jjMob_article_methods_show li{ float: left; width: 200px; margin:24px 0 0 18px; }
.jjMob_article_methods_show li:nth-child(2n+1){ margin-left: 0; }
.jjMob_article_methods_show .img_box{ width: 100%; height: 115px; border-radius: 6px; overflow: hidden; }
.jjMob_article_methods_show p{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 18px; text-align:center; }
.jjMob_article_mid{ float: left; width: 375px; margin-left: 30px; }
.jjMob_article_right{ width: 355px; float: right; }
.jjMob_hotDown_list{ margin-top: 8px; }
.jjMob_hotDown_list li{ padding: 19px 0; border-bottom:1px solid #e8e8e8; }
.jjMob_hotDown_list .img_box{ display: block; float: left; width: 80px; height: 80px; border-radius: 20px; overflow: hidden; margin-right: 15px; }
.jjMob_hotDown_down{ display: block; float: right; width: 35px; height: 35px; border-radius: 50%; margin:17px 0 0 10px; background: url(../jsimages/2020_bg1.png) no-repeat -190px -350px; }
.jjMob_hotDown_list dt{ font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }
.jjMob_hotDown_list dd{ font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 12px; }
.jjMob_article_menu{ width: 100%; display: table; }
.jjMob_article_menu li{ display: table-cell; width: 25%; cursor: pointer; }
.jjMob_article_menu li span{ display: block; width: 76px; height: 36px; text-align:center; line-height: 36px; overflow: hidden; border:1px solid #e2e0e0; margin: 0 auto; background: #f4f2f2; border-radius: 5px; font-size: 18px; font-weight: bold; }
.jjMob_article_menu li.current span{ background: #e1251b; border-color: #e1251b; color: #FFFFFF; }
.jjMob_article_link{ display: block; width: 98%; height: 47px; border-radius: 25px; text-align: center; line-height: 47px; overflow: hidden; margin: 22px auto 0; background: #fdf3f2; font-size: 16px; text-decoration: none; border: 1px solid #e1251b; color: #e1251b; font-weight: bold; }
.jjMob_article_link b{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../jsimages/2020_bg1.png) no-repeat -210px -320px; margin: -3px 0 0 8px; }
.jjMob_article_link:hover{ background: #e1251b; color: #FFFFFF; }
.jjMob_article_link:hover b{ background-position: -340px -310px; }

/**************************2020资讯频道页**************************/
.jjArt_tRecom_box{ background: #f7f7f7; border:1px solid #e2e2e2; height: 356px; margin-top: 25px; }
.jjArt_tRecom_left{ float: left; width: 230px; background: #384a62; border-bottom: 1px solid #2b394b; border-left: 1px solid #2b394b; color: #FFFFFF; }
.jjArt_tRecom_left li{ float: left; width: 114px; text-align:center; height: 88px; border-top: 1px solid #2b394b; border-right: 1px solid #2b394b; }
.jjArt_tRecom_left li:hover{ background: #344459; }
.jjArt_tRecom_left a{ font-weight: bold; color: #FFFFFF; text-decoration:none; font-size: 18px; }
.jjArt_tRecom_left b{ display: block; width: 30px; height: 31px; margin: 14px auto 0; background: url(../jsimages/2020_bg5.png) no-repeat; }
.jjArt_tRecom_left b.icon1{ background-position: 0 -180px; }
.jjArt_tRecom_left b.icon2{ background-position: -40px -180px; }
.jjArt_tRecom_left b.icon3{ background-position: -80px -180px; }
.jjArt_tRecom_left b.icon4{ background-position: -120px -180px; }
.jjArt_tRecom_left b.icon5{ background-position: -160px -180px; }
.jjArt_tRecom_left b.icon6{ background-position: 0 -220px; }
.jjArt_tRecom_left b.icon7{ background-position: -40px -220px; }
.jjArt_tRecom_left b.icon8{ background-position: -80px -220px; }
.jjArt_tRecom_left p{ height: 22px; line-height: 22px; overflow: hidden; padding: 0 10px; margin-top: 8px; }
.jjArt_tRecom_mid{ float: left; width: 420px; margin-left: 25px; }
.jjArt_tRecom_mid_list{ padding-top: 6px; }
.jjArt_tRecom_mid_list li{ height: 25px; line-height: 25px; overflow: hidden; margin-top: 14px; }
.jjArt_tRecom_mid_list em{ display: block; float: left; width: 48px; height: 23px; text-align:center; line-height: 23px; border:1px solid #e6e5e5; border-radius: 13px; background: #FFFFFF; color: #999999; margin-right: 15px; }
.jjArt_tRecom_mid_list span{ width: 42px; height: 17px; padding-top: 4px; display: block; float: right; color: #999999; text-align: center; line-height: 18px; margin:2px 0 0 10px; background: url(../jsimages/2020_bg1.png) no-repeat -140px -350px; }
.jjArt_tRecom_mid_list p{ margin: 0 52px 0 65px; height: 25px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.jjArt_tRecom_right{ float: right; width: 500px; }
.jjArt_tRecom_swiper{ height: 356px; }
.jjArt_tRecom_swiper .img_box{ display: block; width: 100%; height: 100%; position: relative; color: #FFFFFF; }
.jjArt_tRecom_swiper .img_box img{ width: 100%; min-height: 100%; }
.jjArt_tRecom_swiper p{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 15px; height: 115px; text-align:center; line-height: 115px; font-size: 22px; font-weight: bold; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0,0) 0%, rgb(0,0,0,0.9) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0,0) 0%, rgb(0,0,0,0.9) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0,0) 0%, rgb(0,0,0,0.9) 100%); background-image: linear-gradient( rgb(0,0,0,0) 0%, rgb(0,0,0,0.9) 100%); }
.jjArt_tRecom_swiper .swiper-pagination-bullet{ background: #FFFFFF; opacity: 1; width: 12px; height: 7px; border-radius: 4px; }
.jjArt_tRecom_swiper .swiper-pagination-bullet-active{ background: #e1251b; width: 20px; }

.jjArt_tTab_box{ margin-top: 40px; }
.jjArt_tTab_slide{ float: left; width: 124px; height: 334px; margin-left: 12px; transition: width 0.5s linear; overflow: hidden; position: relative; }
.jjArt_tTab_slide:first-child{ margin-left: 0; }
.jjArt_tTab_slide .tit{ display: block; float: left; width: 124px; height: 334px; border:2px solid #FFFFFF; box-sizing: border-box; padding: 60px 45px 0; text-align:center; font-size: 26px; color: #FFFFFF; font-weight: bold; position: relative; z-index: 1; }
.jjArt_tTab_slide .tit.tit1{ border-color: #92a3fa; background: #92a3fa; color: #92a3fa; }
.jjArt_tTab_slide .tit.tit2{ border-color: #fbc26c; background: #fbc26c; color: #fbc26c; }
.jjArt_tTab_slide .tit.tit3{ border-color: #63c2fa; background: #63c2fa; color: #63c2fa; }
.jjArt_tTab_slide .tit.tit4{ border-color: #c192fb; background: #c192fb; color: #c192fb; }
.jjArt_tTab_slide .tit h2{ font-weight: bold; line-height: 42px; height: 168px; overflow: hidden; font-size: 26px; font-weight: bold; color: #FFFFFF; }
.jjArt_tTab_slide .tit_bg{ display: block; width: 120px; height: 330px; position: absolute; left: 0; top: 0; opacity: 0.08; background: url(../jsimages/2020kind_bg1.png) no-repeat; }
.jjArt_tTab_slide .tit_bg.bg1{ background-position: 0 0; }
.jjArt_tTab_slide .tit_bg.bg2{ background-position: -120px 0; }
.jjArt_tTab_slide .tit_bg.bg3{ background-position: -240px 0; }
.jjArt_tTab_slide .tit_bg.bg4{ background-position: -360px 0; }
.jjArt_tTab_slide .tit span{ display: block; width: 0; height: 0; border-bottom: 107px solid #FFFFFF; border-left: 97px solid transparent; position: absolute; right: 0; bottom: 0; }
@font-face{
    font-family: 方正粗圆简体;
    src: url('方正粗圆简体.ttf'),local('方正粗圆简体');
}
.jjArt_tTab_slide span b{ display: block; height: 44px; width: 38px; text-align:center; line-height: 44px; font-size: 40px; position: absolute; left: -48px; bottom: -100px; font-family: "方正粗圆简体"; font-weight: normal; }
.jjArt_tTab_slide .cont{ width: 630px; height: 334px; position: absolute; right: 12px; top: 0; overflow: hidden; }
.jjArt_tTab_slide.current{ width: 792px; transition: width 0.5s linear; }
.jjArt_tTab_slide.current .cont{ display: block; }
.llArt_slide_tit{ position: relative; }
.llArt_slide_tit h2{ display: inline; font-weight: bold; font-size: 20px; height: 24px; line-height: 24px; position: relative; padding-right: 30px; background: #FFFFFF; }
.llArt_slide_tit h2:before{ content: ''; display: block; float: left; width: 6px; height: 22px; border-radius: 3px; background: #e1251b; margin: 3px 15px 0 0; }
.llArt_slide_tit:after{ content: ''; display: block; width: 870px; height: 4px; background: url(../jsimages/2020_bg6.png) repeat-x 0 0; position: absolute; left: 100%; bottom: 10px; }
.llArt_slide_list{ position: relative; margin-top: 25px; }
.llArt_slide_list:before{ content: ''; display: block; width: 1px; height: 100%; background: #ebeaea; position: absolute; left: 5px; top: 0; }
.llArt_slide_list li{ height: 28px; line-height: 28px; font-size: 16px; overflow: hidden; position: relative; padding-left: 30px; margin-top: 15px; }
.llArt_slide_list li:first-child{ margin-top: 0; }
.llArt_slide_list span{ float: right; width: 52px; text-align:center; height: 20px; color: #c7c7c7; font-size: 14px; }
.llArt_slide_list span em{ font-size: 24px; }
.llArt_slide_list a:before{ content: ''; display: block; float: left; width: 7px; height: 7px; border-radius: 50%; background: #eaeaea; border:2px solid #FFFFFF; position: absolute; left: 0; top: 9px; }
.llArt_slide_list a:hover:before{ background: #f95a51; }
.llArt_slide_list p{ margin-right: 70px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }

.jjArt_infoKind_tit{ display: table; float: left; width: 263px; height: 140px; border-radius: 5px; overflow: hidden; background: #f95a51; color: #FFFFFF; margin-top: 47px; }
.jjArt_infoKind_titIn{ display: table-cell; vertical-align: middle; text-align:center; background: url(../jsimages/2020kind_bg2.png) no-repeat bottom center/100% auto; }
.jjArt_infoKind_tit h2{ font-size: 34px; font-family: '迷你简菱心'; color:#FFFFFF; }
.jjArt_infoKind_tit span{ display: block; font-size: 15px; height: 20px; line-height: 20px; overflow: hidden; color: #fc958f; font-family: 'Arial'; margin-top: 12px; }
.jjArt_infoKind_list{ padding-top: 31px; }
.jjArt_infoKind_list{ float: left; margin-left: 19px; width: 918px; }
.jjArt_infoKind_list li{ float: left; width: 170px; height: 62px; text-align:center; line-height: 62px; font-size: 18px; font-weight: bold; border-radius: 6px; overflow: hidden; margin: 16px 0 0 17px; transition: all 0.5s; background: url(../jsimages/2020kind_bg3.png) repeat; }
.jjArt_infoKind_list li:nth-child(5n+1){ margin-left: 0; }
.jjArt_infoKind_list a{ display: block; padding: 0 15px; color: #333333; font-weight: bold; text-decoration:none; }
.jjArt_infoKind_list b{ display: block; float: left; width: 24px; height: 24px; margin: 20px 8px 0 0; background: url(../jsimages/2020_bg5.png) no-repeat; }
.jjArt_infoKind_list b.icon1{ background-position: 0 -260px; }
.jjArt_infoKind_list b.icon2{ background-position: -30px -260px; }
.jjArt_infoKind_list b.icon3{ background-position: -60px -260px; }
.jjArt_infoKind_list b.icon4{ background-position: -90px -260px; }
.jjArt_infoKind_list b.icon5{ background-position: -120px -260px; }
.jjArt_infoKind_list b.icon6{ background-position: -150px -260px; }
.jjArt_infoKind_list b.icon7{ background-position: -180px -260px; }
.jjArt_infoKind_list b.icon8{ background-position: -210px -260px; }
.jjArt_infoKind_list b.icon9{ background-position: -240px -260px; }
.jjArt_infoKind_list b.icon10{ background-position: -270px -260px; }
.jjArt_infoKind_list li:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); transition: all 0.5s; }

.jjArt_pic_show{ margin-top: 47px; }
.jjArt_pic_show .img_box{ display: block; width: 100%; height: 100%; border-radius: 5px; position: relative; overflow: hidden; }
.jjArt_pic_show .img_box p{ display: block; height: 60px; line-height: 60px; overflow: hidden; padding: 42px 15px 0; color: #FFFFFF; font-size: 16px; font-weight: bold; text-align:center; position: absolute; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient( 90deg, rgb(0,0,0,0) 0%, rgb(0,0,0,0.9) 100%); background: -webkit-linear-gradient( 90deg, rgb(0,0,0,0) 0%, rgb(0,0,0,0.9) 100%); background: -ms-linear-gradient( 90deg, rgb(0,0,0,0) 0%, rgb(0,0,0,0.9) 100%); background: linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); }
.jjArt_pic_show_left{ float: left; width: 412px; }
.jjArt_pic_show_left li{ float: left; width: 202px; height: 197px; border-radius: 5px; margin:4px 4px 0 0; overflow: hidden; }
.jjArt_pic_show_left li.li_l{ width: 408px; height: 199px; }
.jjArt_pic_show_mid{ display: block; float: left; width: 411px; height: 400px; margin:4px 4px 0 0; }
.jjArt_pic_show_right{ float: right; width: 373px; }
.jjArt_pic_show_right li{ height: 198px; margin-top: 4px; }

.jjArt_cate_list{ margin-top: 80px; font-size: 0; }
.jjArt_cate_list li{ display: inline-block; width: 275px; height: 124px; margin-left: 28px; font-size: 24px; border-radius: 5px; position: relative; transition: all 0.5s; }
.jjArt_cate_list li:first-child{ margin-left: 0; }
.jjArt_cate_list a{ display: block; width: 100%; height: 100%; border-radius: 5px; color: #FFFFFF; text-decoration:none; padding: 18px 20px; box-sizing: border-box; background: url(../jsimages/2020kind_bg5.png) no-repeat center center/auto auto; }
.jjArt_cate_list .bg1{ background: #63c2fa; }
.jjArt_cate_list .bg2{ background: #fbb54c; }
.jjArt_cate_list .bg3{ background: #f95a51; }
.jjArt_cate_list .bg4{ background: #34e38a; }
.jjArt_cate_list .cate_icon{ display: block; width: 114px; height: 156px; background: url(../jsimages/2020kind_bg4.png) no-repeat; position: absolute; bottom: 0; right: 0; }
.jjArt_cate_list .cate_icon.cate_icon1{ background-position: 0 0; }
.jjArt_cate_list .cate_icon.cate_icon2{ background-position: -120px 0; }
.jjArt_cate_list .cate_icon.cate_icon3{ background-position: -240px 0; }
.jjArt_cate_list .cate_icon.cate_icon4{ background-position: -360px 0; }
.jjArt_cate_list span{ font-size: 36px; font-weight: bold; }
.jjArt_cate_list .bg1 span{ color: #92d5fa; }
.jjArt_cate_list .bg2 span{ color: #fcd18f; }
.jjArt_cate_list .bg3 span{ color: #fa8882; }
.jjArt_cate_list .bg4 span{ color: #7bebb3; }
.jjArt_cate_list h2{ font-size: 24px; height: 28px; line-height: 28px; overflow: hidden; font-weight: bold; color: #FFFFFF; margin-top: 8px; }
.jjArt_cate_list li:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); transition: all 0.5s; }

.jjArt_hotArt_tit{ padding-bottom: 20px; border-bottom: 3px solid #eae8e8; position: relative; }
.jjArt_hotArt_tit_name{ float: left; }
.jjArt_hotArt_tit_name b{ display: block; float: left; width: 47px; height: 47px; margin:10px 10px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -230px -350px; }
.jjArt_hotArt_tit_name dl{ float: left; }
.jjArt_hotArt_tit_name dt{ font-weight: bold; color: #e1251b; font-size: 22px; height: 35px; line-height: 35px; }
.jjArt_hotArt_tit_name h2{ display: inline-block; padding: 0 12px; background: #e1251b; color: #FFFFFF; border-radius: 5px; line-height: 35px; font-size: 24px; font-weight: bold; margin-left: 14px; }
.jjArt_hotArt_tit_name dd{ font-size: 13px; height: 17px; line-height: 17px; color: #e1251b; margin-top: 7px; text-align:center; }
.jjArt_hotArt_tit .jjxzIn_main_more{ margin-top: 23px; }

.jjArt_hotArt_list li{ padding: 24px 18px; margin-top: 33px; background: #FFFFFF; border-radius: 6px; box-shadow: 0px 0px 12px 0px rgba(208, 206, 206, 0.96);  }
.jjArt_hotArt_list li:first-child{ margin-top: 29px; }
.jjArt_hotArt_list .img_box{ float: left; display: block; width: 303px; height: 188px; border-radius: 5px; background: #d5d4d4; overflow: hidden; margin-right: 30px; }
.jjArt_hotArt_date{ display: block; float: right; width: 58px; height: 80px; border:2px solid #fbc6c3; padding: 0 10px; margin:58px 0 0 30px; border-radius: 5px; text-align:center; line-height: 40px; color: #fbc6c3; font-size: 20px; font-weight: bold; }
.jjArt_hotArt_date span{ display: block; height: 39px; border-top: 1px solid #ebebeb; font-size: 24px; }
.jjArt_hotArt_list dl{ padding-top: 15px; }
.jjArt_hotArt_list dt{ font-size: 22px; height: 26px; line-height: 26px; overflow: hidden; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }
.jjArt_hotArt_list dd{ margin-top: 25px; }
.jjArt_hotArt_list dd.cont1{ line-height: 30px; height: 60px; overflow: hidden; color: #999999; }
.jjArt_hotArt_list dd.cont2{ font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; color: #d7d7d7; }

/**************************2020资讯栏目页**************************/
.jjArt_recom_ttab .jjCol_recom_ttab1{ width: 225px; height: 340px; }
.jjArt_recom_ttab li.current,.jjArt_recom_ttab li.current .jjCol_recom_ttab2{ width: 509px; }
.jjArt_recom_ttab_tit{ font-weight: bold; overflow: hidden; padding: 49px 14px 15px; font-size: 18px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,8)); position: absolute; bottom: 0; left: 0; right: 0; }
.jjArt_recom_ttab_tit dt{ font-size: 18px; font-weight: bold; height: 22px; line-height: 22px; overflow: hidden; }
.jjArt_recom_ttab_tit dd{ font-size: 14px; height: 18px; line-height: 18px; font-weight: normal; overflow: hidden; margin-top: 10px; }

.jjArt_hotArt_list.jjArt_hotArt_left .img_box{ width: 265px; height: 164px; }
.jjArt_hotArt_list.jjArt_hotArt_left dl{ padding-top: 5px; }
.jjArt_hotArt_list.jjArt_hotArt_left dd{ margin-top: 20px; }
.jjArt_hotArt_list.jjArt_hotArt_left .jjArt_hotArt_date{ margin-top: 34px; }

.jjArt_hotArt_rtit{ padding-bottom: 20px; border-bottom: 3px solid #eae8e8; }
.jjArt_hotArt_rtit b{ display: block; width: 47px; height: 47px; float: left; background: url(../jsimages/2020_bg1.png) no-repeat -230px -350px; margin:1px 10px 0 0; }
.jjArt_hotArt_rtit h2{ float: left; width: 196px; height: 48px; background: url(../jsimages/2020_bg5.png) no-repeat 0 -290px; }
.jjArt_hotArt_rList li{ margin-top: 20px; }
.jjArt_hotArt_rList b{ display: block; float: left; width: 32px; height: 35px; text-align:center; line-height: 35px; color: #FFFFFF; margin-right: 10px; font-size: 16px; background: url(../jsimages/2020_bg1.png) no-repeat -320px -330px; }
.jjArt_hotArt_rList b.top1{ background-position: -280px -330px; }
.jjArt_hotArt_rList p{ height: 35px; line-height: 35px; font-size: 16px; overflow: hidden; }
.jjArt_hotArt_rList .img_box{ display: block; width: 300px; height: 0; margin:16px auto 0; border-radius: 5px; overflow: hidden; }
.jjArt_hotArt_rList .cont_hide{ border-top: 1px solid #efeeee; }
.jjArt_hotArt_rList .current .cont_hide{ border-top: 0; }
.jjArt_hotArt_rList .current .img_box{ height: 160px; }

.jjArt_classic_list li{ margin-top: 22px; }
.jjArt_classic_list .img_box{ display: block; width: 300px; height: 140px; border-radius: 5px; overflow: hidden; position: relative; }
.jjArt_classic_list p{ width: 230px; padding: 0 12px; height: 60px; text-align:center; line-height: 60px; border-radius: 5px; overflow: hidden; background: rgba(0,0,0,0.55); color: #FFFFFF; font-size: 16px; font-weight: bold; position: absolute; left: 50%; bottom: 16px; margin-left: -127px; }

/**************************2020文章落地页**************************/
.jjArtIn_tit_box{ padding: 20px; box-shadow: 0px 0px 13px 0px rgba(193, 193, 193, 0.46); border-radius:5px; margin-top: 25px; text-align:center; }
.jjArtIn_tit_box h1{ font-size: 30px; line-height: 45px; font-weight: bold; }
.jjArtIn_tit_box p{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 18px; }
.jjArtIn_tit_box p span{ display: inline-block; margin:0 22px; }

.jjArtIn_brief_box{ position: relative; padding: 15px 43px; background: #fbf1f1; border-radius:5px; color: #d87772; font-size: 16px; margin-top: 28px; line-height: 31px; }
.jjArtIn_brief_box:before,.jjArtIn_brief_box:after{ content: ''; display: block; width: 16px; height: 21px; background: url(../jsimages/2020_bg1.png) no-repeat; position: absolute; }
.jjArtIn_brief_box:before{ left: 15px; top: 20px; background-position: -140px -375px; }
.jjArtIn_brief_box:after{ bottom: 20px; right: 15px; background-position: -160px -375px; }

.jjArtIn_cont_box{ margin-top: 12px; }
.jjArtIn_cont_recom{ height: 165px; background: #f8f7f7; border-radius: 0 5px 5px 5px; padding: 5px 25px 25px 0; border:1px solid #ebebeb; position: relative; margin-top: 30px; }
.jjArtIn_cont_recom:before{ content: ''; display: block; width: 100%; height: 5px; background: #E1251B; border-radius: 2.5px; position: absolute; left: 0; top: 0; }
.jjArtIn_cont_recom_tit{ float: left; width: 64px; height: 177px; position: relative; top: -5px; padding: 20px 19px 0; box-sizing: border-box; font-size: 22px; font-weight: bold; text-align:center; line-height: 32px; color: #FFFFFF; background: url(../jsimages/2020_bg5.png) no-repeat -200px 0; }
.jjArtIn_cont_recom .img_box{ display: block; float: left; width: 140px; height: 140px; border-radius: 5px; overflow: hidden; margin:25px 0 0 28px; }
.jjArtIn_cont_recom dl{ float: right; width: 587px; }
.jjArtIn_cont_recom dt{ font-size: 20px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; padding-top: 28px; }
.jjArtIn_cont_recom_score{ display: block; float: right; width: 52px; height: 66px; padding-left: 25px; border-left: 1px solid #eae8e8; margin:20px 0 0 25px; }
.jjArtIn_cont_recom_score .item_num{ display: block; height: 40px; line-height: 40px; overflow: hidden; font-style: italic; text-align:center; font-size: 24px; color: #fa9c39; font-weight: bold; }
.jjArtIn_cont_recom_score .item_num b{ font-size: 36px; }
.jjArtIn_cont_recom_score .item_tit{ display: block; font-size: 14px; text-align:center; height: 18px; line-height: 18px; color: #999999; margin-top: 6px; }
.jjArtIn_cont_recom_down{ display: block; float: right; width: 64px; height: 64px; border-radius: 50%; margin: 21px 0 0 0px; background: url(../jsimages/2020_bg1.png) no-repeat 0 -400px; }
.jjArtIn_cont_recom dd{ margin-top: 8px; }
.jjArtIn_cont_recom dd span{ display: block; width: 180px; float: left; font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin: 16px 20px 0 0; }
.jjArtIn_cont_recom dd span em{ color: #333333; }
.jjArt_eaitRecom_tit em{ display: block; float: left; height: 55px; width: 45px; background: url(../jsimages/2020_bg5.png) no-repeat -200px -180px; margin-right: 19px; }
.jjArt_eaitRecom_tit_name{ float: left; }
.jjArt_eaitRecom_tit_name h2{ font-size: 26px; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; }
.jjArt_eaitRecom_tit_name p{ font-size: 16px; color: #b5b3b3; height: 20px; line-height: 20px; overflow: hidden; margin-top: 8px; }
.jjArt_eaitRecom_tit_more{ display: block; float: right; color: #cbc9c9; line-height: 55px; text-decoration:none; font-size: 24px; }
.jjArt_eaitRecom_tit_more b{ font-size: 28px; }
.jjArt_eaitRecom_tit_more:hover{ color: #E1251B; }
.jjArt_eaitRecom_list{ padding-top: 10px; }
.jjArt_eaitRecom_list li{ float: left; width: 410px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin: 20px 0 0 50px; }
.jjArt_eaitRecom_list li:nth-child(2n+1){ margin-left: 0; }
.jjArt_eaitRecom_list a:before{ content: ''; display: block; float: left; width: 7px; height: 13px; margin: 4px 17px 0 0; background: url(../jsimages/2020_bg1.png) no-repeat -50px -370px; }
.jjArt_eaitRecom_list a:hover:before{ background-position: -50px -385px; }
.jjArtIn_ad_box,.jjArtIn_tip_box,.jjArtIn_ad_rbox{ display: block; width: 100%; margin-top: 30px; }
.jjArtIn_ad_box img,.jjArtIn_ad_rbox img{ width: 100%; }
.jjArtIn_ad_box{ border-radius: 6px; overflow: hidden; }
.jjArtIn_ad_box img{ height: 80px; }
.jjArtIn_ad_rbox{ overflow: hidden; }
.jjArtIn_ad_rbox img{ height: 250px; }
.jjArtIn_tip_box{ height: 120px; font-size: 18px; color: #666666; font-weight: bold; line-height: 40px; box-sizing: border-box; padding: 22px 237px 0 100px; background: url(../jsimages/2020kind_bg6.png) no-repeat 0 0/100% 100%; }
.jjArtIn_tip_box .left{ text-align:left; }
.jjArtIn_tip_box .right{ text-align:right; }
.jjArtIn_tip_box big{ color: #E1251B; margin-right: 5px; font-size: 24px; }
.jjArtIn_About_box{ margin-top: 25px; }
.jjArtIn_About_box .img_box{ display: block; width: 147px; height: 147px; border-radius: 20px; overflow: hidden; margin: 0 auto; }
.jjArtIn_About_box .img_box img{ display: block; width: 100%; min-height: 100%; }
.jjArtIn_About_box h2{ font-weight: bold; font-size: 22px; height: 26px; line-height: 26px; overflow: hidden; text-align:center; margin-top: 25px; }
.jjArtIn_About_btn{ padding-top: 10px; }
.jjArtIn_About_btn .btn{ display: block; width: 100%; height: 55px; line-height: 55px;text-align:center; border-radius: 7px; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #FFFFFF; text-decoration:none; position: relative; margin-top: 20px; }
.jjArtIn_About_btn .btn:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,0.2) }
.jjArtIn_About_btn .btn a{ display: block; color: #FFFFFF; text-decoration:none; }
.jjArtIn_About_btn .btn_ios{ background: #41c794; }
.jjArtIn_About_btn .btn_and{ background: #3eb5fa; }
.jjArtIn_About_btn .btn_pc{ background: #faba5b; }
.jjArtIn_About_btn b{ display: inline-block; vertical-align: middle; width: 20px; height: 22px; margin: -2px 13px 0 0; background: url(../jsimages/2020_bg1.png); }
.jjArtIn_About_btn b.i_ios{ background-position: -60px -380px; }
.jjArtIn_About_btn b.i_and{ background-position: -85px -380px; }
.jjArtIn_About_btn b.i_pc{ background-position: -110px -380px; }
.jjArtIn_About_btn .btn_down{ float: right; width: 58px; height: 100%; position: absolute; right: 0;top: 0; }
.jjArtIn_About_btn .btn_ios .btn_down{ border-left:1px solid #3cbe8c; }
.jjArtIn_About_btn .btn_and .btn_down{ border-left:1px solid #3aa8e7; }
.jjArtIn_About_btn i{ display: block; width: 27px; height: 27px; background: url(../jsimages/2020_bg1.png) no-repeat; margin: 14px auto 0; }
.jjArtIn_About_btn .btn_ios i{ background-position: -280px -370px; }
.jjArtIn_About_btn .btn_and i{ background-position: -310px -370px; }
.jjArtIn_About_btn p{ display: none; width: 140px; height: 140px; background: #FFFFFF; border-radius: 5px; border:1px solid #EBEBEB; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); position: absolute; bottom: -140px; right: 0; z-index: 1; }
.jjArtIn_About_btn p:before,.jjArtIn_About_btn p:after{ content: ''; display: block; width: 0; height: 0; border-bottom:6px solid #FFFFFF; border-left:5px solid transparent; border-right: 5px solid transparent; position: absolute; }
.jjArtIn_About_btn p:before{ right: 20px; top: -6px; border-bottom-color: #EBEBEB; }
.jjArtIn_About_btn p:after{ right: 20px; top: -5px; }
.jjArtIn_About_btn p img{ width: 116px; height: 116px; margin: 12px auto 0; }
.jjArtIn_About_btn .btn_down:hover p{ display: block; }

.jjxzIn_editRecom_rList{ position: relative; margin-top: 22px; }
.jjxzIn_editRecom_rList:before{ content: ''; display: block; width: 1px; height: 100%; background: #ebeaea; position: absolute; left: 4px; top: 0; }
.jjxzIn_editRecom_rList li{ width: 100%; position: relative; margin-top: 16px; }
.jjxzIn_editRecom_rList li:first-child{ margin-top: 0; }
.jjxzIn_editRecom_rList li:before{ content: ''; display: block; float: left; width: 5px; height: 5px; border-radius:50%; border:2px solid #FFFFFF; background: #eaeaea; margin-top: 9px; }
.jjxzIn_editRecom_rBtn{ float: right; width: 58px; height: 23px; border:1px solid #ebeaea; color: #999999; text-decoration:none; text-align:center; line-height: 23px; border-radius:13px; margin-left: 10px; }
.jjxzIn_editRecom_rBtn:hover{ border-color: #E1251B; background: #fce9e8; color: #E1251B }
.jjxzIn_editRecom_rList .cont_box{ margin: 0 0 0 20px; }
.jjxzIn_editRecom_rList .cont_box .cont1{ display: block; height: 25px; line-height: 25px; }
.jjxzIn_editRecom_rList .cont_box .cont2{ display: none; height: 64px; }
.jjxzIn_editRecom_rList .hover .cont1{ display: none; }
.jjxzIn_editRecom_rList .hover .cont2{ display: block; }
.jjxzIn_editRecom_rList .hover:before{ margin-top: 27px; }
.jjxzIn_editRecom_rList .hover .jjxzIn_editRecom_rBtn{ margin-top: 20px; }
.jjxzIn_editRecom_rList .img_box{ float: left; width: 64px; height: 64px; border-radius:12px; overflow: hidden; margin-right: 15px; }
.jjxzIn_editRecom_rList .img_box img{ width: 100%; min-height: 100%; }
.jjxzIn_editRecom_rList dl{ padding-top: 8px; }
.jjxzIn_editRecom_rList dt{ height: 18px; line-height: 18px; overflow: hidden; }
.jjxzIn_editRecom_rList dd{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 12px; }



/********************手游详情页新增样式********************/
.djxz_number_box h2 em{ display: block;  float: left;  font-size: 20px; font-weight: bold; color: #333333;} 
.djxzDetailList li.cont1 span{  width:150px; height: 18px; line-height: 18px; overflow: hidden;}
.djxzDetailList li.cont2{ margin-top:20px;}
.djxzDetailList li.cont2 dl dd a{ color: #009ffc; border: 1px solid #1e89e0;}
.jjTankuang{ width:510px; height: 545px; background: rgba(0,0,0,0.3); position: absolute; left: 50%; top: 50%; z-index: 10; margin-left:-255px; margin-top:-272.5px; position: fixed; border-radius: 8px;} 
.jjTankuangIn{ width: 480px; height: 513px; border: 3px solid #e1251b; background: #ffffff; border-radius: 8px; margin:12px 0px 0px 13px;}
.jjTankuangTitle{ width: 480px; height: 50px; background: #e1251b; line-height: 50px;}
.jjTankuangTitle h2{ float: left; width: 445px; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff;}
.jjTankuangTitle a{ display: block; float: right; width: 25px; height: 25px; background: url(../jsimages/2020_bg8.png) no-repeat -240px -230px; margin: 12px 10px 0px 0px;}
.jjTankuangCont{ width: 460px; height: 440px; overflow-y:scroll; margin: 12px 0px 0px 20px;}
.jjTankuangContIn{ width: 420px; margin-top:-2px;}
.jjTankuangContIn dl{ color: #333333;}
.jjTankuangContIn dt{ font-size: 16px; font-weight:bold; margin-top:10px;}
.jjTankuangContIn dd{ line-height: 25px; margin-top:10px;}