.banner{min-width:1200px;position:relative;height:763px;overflow:hidden}
.banner::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:143px;background:linear-gradient(to top,#fff,rgb(255,255,255,0));z-index:555}
.banner a{width:100%;height:100%}
.banner img{display:block}
.gametopics{width:100%;height:353px;background:url(/uploads/image/svimages/ztbgc.png) no-repeat;background-size:100% 100%;padding-top:20px;padding-bottom:20px;margin-top:30px;margin-bottom:30px}
.gametopics>div{background:#fff;padding:0 18px;height:100%;padding-top:15px}
.gametopicstitle{display:flex;justify-content:space-between;border-bottom:2px solid #f5d8ce;align-items:flex-end}
.gametopicstitle div{font-size:20px;font-family:pingfang sc;font-weight:500;color:#ff681e}
.gametopicstitle a{font-size:14px;font-family:microsoft yahei;font-weight:400;opacity:.5}
.gametopics .alone{border-bottom:2px solid #f5d8ce;position:relative}
.gametopics .alone div{font-size:20px;font-family:pingfang sc;font-weight:500;color:#ff681e;text-align:center}
.gametopics .alone a{font-size:14px;font-family:microsoft yahei;font-weight:400;opacity:.5;position:absolute;right:0;top:8px}
.gametopicscontent{margin-top:35px}
.gametopicscontent ul{display:flex;justify-content:space-between}
.gametopicscontent li{position:relative}
.gametopicscontent img{width:220px;height:155px;border-radius:8px;display:block}
.gametopicscontent li.current img{border-radius:0;border-top-left-radius:8px;border-top-right-radius:8px}
.gametopicscontent p{padding-top:11px;padding-bottom:24px;display:flex;justify-content:space-between}
.gametopicscontent li.current p{width:220px;padding-left:8px;padding-right:8px;background:linear-gradient(0deg,#ffffffc5,#ff681dcb)}
.gametopicscontent li.current p span:first-child{color:#fff}
.gametopicscontent li.current p span:last-child{color:#fff;font-weight:500}
.gametopicscontent p span:first-child{font-size:14px;font-family:pingfang sc;color:#333;line-height:30px;flex:1}
.gametopicscontent p span:last-child{width:51px;font-family:pingfang sc;color:#191919;font-weight:400;line-height:30px;opacity:.6;margin-left:15px}
.ybg{display:flex;justify-content:space-between;position:relative}
.ybg::after{content:'';position:absolute;top:30px;left:0;width:100%;height:2px;background-color:#f5d7ce}
.appdownload_con a:hover p,.weekranking_con a:hover h1{color:#f26e45}
.appdownload .gametopicstitle,.introvideo .gametopicstitle,.newpackage .gametopicstitle,.weekranking .gametopicstitle{border-bottom:none}
.introvideo{width:300px}
.introvideo_con{margin-top:40px}
.introvideo_con>div{display:flex;margin-top:20px}
.introvideo_con_img{width:219px;height:126px;position:relative}
.introvideo_con_img img{border-radius:10px 0 0 10px}
.introvideo_con_img p{position:absolute;left:0;bottom:0;width:219px;height:30px;line-height:30px;text-align:center;font-family:pingfang sc;font-weight:500;color:#fff;background:rgba(0,0,0,.5);border-radius:0 0 0 10px}
.introvideo_con_play{flex:1;height:126px;border:1px solid #ffb48e;border-radius:0 10px 10px 0;position:relative}
.introvideo_con_play a{width:36px;height:36px;margin-top:35%;margin-left:50%;transform:translatex(-50%)}
.introvideo_con_play span{display:block;width:100%;height:38px;background:linear-gradient(0deg,#ff681d,#fff);border-radius:0 0 10px 0;font-size:14px;font-family:pingfang sc;font-weight:400;color:#fff;line-height:49px;text-align:center;position:absolute;left:0;bottom:0}
.weekranking_con{margin-top:40px;position:relative}
.weekranking_con::after{content:'';width:1px;height:405px;background:linear-gradient(0deg,#fff,#ff681d);position:absolute;left:0;top:0}
.weekranking_con a{display:flex;position:relative;width:256px;height:32px;border:1px solid transparent;border-radius:10px;margin-left:33px;padding-left:26px;margin-top:20px}
.weekranking_con a:nth-child(-n 3){border:1px solid #ff681d}
.weekranking_con a i{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:20px;height:20px;line-height:21px;text-align:center;background:#dcdcdc;border-radius:14px;font-size:12px;font-family:pingfang sc;font-weight:700;color:#fff;font-style:normal}
.weekranking_con a h1{font-size:14px;font-family:pingfang sc;font-weight:400;color:#333;line-height:32px;flex:1}
.weekranking_con a span{font-family:pingfang sc;font-weight:400;color:#666;line-height:32px;width:70px;margin-left:9px}
.rank_icon{width:11px;height:13px;margin-top:7px;margin-right:12px;margin-left:9px}
.weekranking_con a:first-of-type i{background:#ff7c3b}
.weekranking_con a:nth-child(2) i{background:#ff8e56}
.weekranking_con a:nth-child(3) i{background:#ffb48e}
.appdownload_con{margin-top:41px;display:flex;flex-wrap:wrap;width:465px}
.appdownload_con a{margin-right:35px;margin-top:23px}
.appdownload_con a:nth-child(-n 4){margin-top:0}
.appdownload_con a:nth-child(4n){margin-right:0}
.appdownload_con a img{width:90px;height:90px;border-radius:20px}
.appdownload_con a p{text-align:center;width:80px;height:30px;font-family:pingfang sc;font-weight:400;color:#0f0f0f;line-height:30px;opacity:.8}
.newpackage_con{margin-top:41px}
.newpackage_con>div{display:flex;margin-top:18px}
.newpackage_con>div>img{width:90px;height:90px;border-radius:20px;margin-right:13px}
.newpackage_con h1{width:194px;font-size:14px;font-family:pingfang sc;font-weight:400;color:#0f0f0f;line-height:22px;opacity:.9}
.newpackage_con .newpackage_con_txt{width:194px;font-size:14px;font-family:pingfang sc;font-weight:400;color:#666;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newpackage_con .newpackage_con_txt p{display:none}
.surplus{margin-top:10px;display:block;font-size:12px;font-family:pingfang sc;font-weight:400;color:#ff681d}
.progressbar_btn{display:flex;justify-content:space-between}
.progressbar_btn>a{width:60px;height:27px;border:1px solid #ff681d;border-radius:8px;font-size:14px;font-family:pingfang sc;font-weight:500;color:#ff681d;line-height:27px;text-align:center;margin-top:13px}
.progressbar_btn>a:hover{background-color:#ff681d;color:#fff}
.gamemedia{margin-top:30px}
.gamemediacontent{margin-top:42px}
.gamemediacontent img{border-radius:10px}
.meixuan_all{display:flex;margin-top:19px}
.gamemediacontent .meixuan_all>div:first-child{width:360px;margin-right:5px}
.gamemediacontent .meixuan_all div a{position:relative}
.gamemediacontent .meixuan_all div a p{display:none;position:absolute;left:0;bottom:0;width:100%;height:30px;background:rgba(0,0,0,.34);border-radius:0 0 10px 10px}
.gamemediacontent .meixuan_all div a:hover p{display:block;color:#fff!important}
.gamemediacontent .meixuan_all div a p span{display:block;width:90%;height:30px;line-height:30px;text-align:center;margin:auto;color:#fff!important}
.gamemediacontent .meixuan_all>div:first-child>a{width:360px;height:260px}
.gamemediacontent .meixuan_all>div:nth-child(2)>a{width:230px;margin-right:5px}
.gamemediacontent .meixuan_all>div:nth-child(2)>a:first-child{margin-bottom:5px;height:125px}
.gamemediacontent .meixuan_all>div:nth-child(2)>a:last-child{height:130px}
.gamemediacontent .meixuan_all>div:nth-child(3)>a{margin-right:5px;width:300px;height:260px}
.gamemediacontent .meixuan_all>div:nth-child(4)>a{width:295px;height:260px}
.mobilegamelist{margin-top:30px}
.mobilegamelistcontent{margin-top:30px}
.list-title{display:flex;justify-content:space-between}
.list-title h1{display:inline-block;font-size:18px;font-family:pingfang sc;font-weight:400;color:#333}
.list-title a{font-size:14px;font-family:microsoft yahei;font-weight:400;opacity:.5;line-height:29px}
.mobile-pk-list{display:flex;justify-content:space-between}
.mobile-pk-list>div{width:30%}
.mobile-pk-list .pk-detail{margin-top:29px}
.mobile-pk-list .pk-detail i{font-style:normal;line-height:20px;text-align:center;color:#fff;font-size:14px;margin-right:11px;display:inline-block;width:20px;height:20px;background:#e4e4e4;border-radius:4px;margin-top:10px}
.mobile-pk-list .pk-detail li{overflow:hidden;margin-bottom:20px}
.mobile-pk-list .pk-detail li.on .pk-detail-block{display:flex}
.mobile-pk-list .pk-detail li.on .pk-detail-text{display:none}
.mobile-pk-list .pk-detail li:nth-child(1) i{background-color:#e8503e}
.mobile-pk-list .pk-detail li:nth-child(2) i{background-color:#ed6238}
.mobile-pk-list .pk-detail li:nth-child(3) i{background-color:#ffb81e}
.pk-detail-text{display:flex}
.pk-detail-text a{line-height:41px;font-size:14px;font-family:pingfang sc;color:#101010;opacity:.75;flex:1}
.pk-detail-text span{font-size:14px;font-family:pingfang sc;font-weight:400;color:#666;opacity:.8;line-height:41px;margin-left:30px}
.mobile-pk-list .pk-detail .pk-detail-text .download-num{font-size:16px;font-family:pingfang sc;font-weight:400;color:#343434;line-height:30px;opacity:.8}
.mobile-pk-list .pk-detail .pk-detail-block{display:none}
.pk-detail-block img{width:90px;height:90px;border-radius:20px;margin-right:8px}
.pk-detail-block span{font-size:14px;font-family:pingfang sc;font-weight:400;color:#999;line-height:90px;flex:1}
.pk-detail-block a{width:74px;height:30px;border:1px solid #ed6238;border-radius:10px;line-height:30px;text-align:center;font-size:14px;font-family:pingfang sc;font-weight:400;color:#ed6238;margin-top:30px}
.pk-detail-block a:hover{background:#ed6238;color:#fff}
.pk-app-text a{opacity:.6;width:58px;height:25px;border:1px solid #ed6238;border-radius:20px;font-family:pingfang sc;font-weight:500;color:#ed6238;line-height:25px;text-align:center}
.pk-app-text a:hover{background-color:#ed6238;color:#fff}
.pk-app-text span{display:inline-block;font-family:pingfang sc;font-weight:500;color:#666;opacity:.6;margin-top:13px;margin-bottom:20px}
nav{border-radius:10px;background:#fff}
.swiper-container2{width:100%;height:100%}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.swiper-pagination-bullet{width:16px;height:16px;border:1px solid #b5b5b5;opacity:.5;border-radius:50%;background:0 0}
.swiper-pagination-bullet-active{background:#b5b5b5}
.swiper-pagination{height:auto!important;margin-bottom:28px;align-self:flex-end}
.swiper-container2 .swiper-button-next,.swiper-container2 .swiper-container-rtl .swiper-button-prev{right:0;width:38px;height:80px;background:rgba(0,0,0,.2);background-image:;background-size:17px 38px;background-repeat:no-repeat;background-position:center}
.swiper-container2 .swiper-button-prev,.swiper-container2 .swiper-container-rtl .swiper-button-next{left:0;width:38px;height:80px;background:rgba(0,0,0,.2);background-image:;background-size:17px 38px;background-repeat:no-repeat;background-position:center}
.navigation{width:1200px;margin:0 auto;display:flex;justify-content:space-between;margin-top:40px;margin-bottom:20px}
.navigation a{text-align:center}
.navigation a img{width:90px;height:90px;border-radius:20px;z-index:999}
.navigation a span{display:block;margin-top:13px;font-size:14px;font-family:microsoft yahei;font-weight:400;text-align:center}
.titlenavigationbar{display:flex;width:1200px;margin:0 auto;background:#fff}
.titlenavigationbar_nav1{display:flex;align-items:center}
.titlenavigationbar_nav1 button{width:40px;height:100px;background:;font-size:16px;font-family:pingfang sc;font-weight:400;color:#fff;text-align:center;padding:0 10px}
.titlenavigationbar_nav1 div{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:360px}
.titlenavigationbar_nav1 a{width:74px;font-size:14px;font-family:pingfang sc;font-weight:500;opacity:.8;text-align:left;margin:10px 24px}
.titlenavigationbar_nav1 a:nth-child(3n){margin-right:0}
.titlenavigationbar a:last-of-type::after{display:none}
.titlenavigationbar_nav2{display:flex;align-items:center}
.titlenavigationbar_nav2 button{width:40px;height:100px;background:;font-size:16px;font-family:pingfang sc;font-weight:400;color:#fff;text-align:center;padding:0 10px}
.titlenavigationbar_nav2 div{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:360px}
.titlenavigationbar_nav2 a{width:74px;font-size:14px;font-family:pingfang sc;font-weight:500;opacity:.8;text-align:center;margin:10px 24px}
.titlenavigationbar_nav2 a:nth-child(3n){margin-right:0}
.titlenavigationbar_nav3{flex:1;display:flex;align-items:center}
.titlenavigationbar_nav3 button{width:40px;height:100px;background:;font-size:16px;font-family:pingfang sc;font-weight:400;color:#fff;text-align:center;padding:0 10px}
.titlenavigationbar_nav3 div{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:360px}
.titlenavigationbar_nav3 a{width:74px;font-size:14px;font-family:pingfang sc;font-weight:500;opacity:.8;text-align:left;margin:10px 15px}
.titlenavigationbar_nav2 a:nth-child(3n){margin-right:0}
.flip{height:41px;background:linear-gradient(0deg,#fff,#ddddf4);opacity:.64;border-radius:6px;margin-top:55px}
.imagenav{width:1200px;height:80px;margin:30px auto;display:flex;margin-top:250px;margin-bottom:30px}
.imagenav1{width:1200px;height:80px;margin:30px auto;display:flex}
.swiper-container{width:100%;height:100%}
.rotationchart img,.imagenav img{border-radius:10px}
.rotationchart{width:660px;height:340px}
.articeconnet{width:1200px;margin:0 auto;display:flex;margin-top:30px}
.scrollicon li{width:14px;height:14px;border:1px solid #dcdcdc;background-color:#dcdcdc;opacity:1;border-radius:50%}
.scrollicon .active{background-color:#e8503e}
.scrollicon{width:100%;height:30px;border-radius:0 0 8px 0;margin:0;justify-content:start;padding-left:40px}
.last{margin-right:20px!important}
.articeconnet_img{margin-left:21px}
.articeconnet_img>a{width:311px;height:145px;position:relative}
.articeconnet_img>a:first-child{margin-bottom:19px}
.articeconnet_img img{border-radius:20px}
.articeconnet_img img:last-of-type{position:absolute;bottom:0;right:0;width:90px;height:90px;border:4px solid #fff}
.articeconnet_txt{margin-left:16px;width:300px}
.todaygame_title{width:100%;height:27px;background:linear-gradient(35deg,#ff681d,#fff);display:flex;justify-content:space-between}
.todaygame_title div{font-size:18px;font-family:fzcuqian-m17s;font-weight:400;color:#fff;line-height:27px;padding-left:5px}
.todaygame_title img{width:21px;height:21px;margin-right:20px;margin-top:3px}
.todaygame_con a{margin-top:16px;position:relative;font-size:14px;font-family:pingfang sc;font-weight:500;color:#666;line-height:20px;display:flex;justify-content:space-between}
.todaygame_con a p{font-size:14px;flex:1}
.todaygame_con a span{margin-left:10px;width:40px;font-size:14px;font-family:pingfang sc;font-weight:400;color:#333;opacity:.6}
.todaygame_con a:first-child{max-height:50px;font-size:16px;font-family:pingfang sc;font-weight:500;color:#0f0f0f;line-height:26px;opacity:.9;margin-top:12px;overflow:hidden}
.todaygame_con a:hover{color:#f26e45}
.articeconnet_txt>div:last-child{margin-top:29px}
#progressbar{width:100px;height:1px;position:relative;margin-top:16px}
#progressbar div{width:100%;height:1px;position:absolute;top:50%;left:0;background:#fbcec9;margin-top:1px}
.progressbar{position:absolute;display:inline-block;background:#e8503e;height:1px}
#progressbar>span{position:absolute;top:0;left:0;margin-top:-1px;width:6px;height:6px;border-radius:50%;background:#fbcec9;color:#fff}
#progressbar span:nth-child(2){left:0}
#progressbar span:nth-child(3){left:25%}
#progressbar span:nth-child(4){left:50%}
#progressbar span:nth-child(5){left:75%}
#progressbar span:nth-child(6){left:100%}
.my-button-disabled{color:#fff}
.swiper-pagination{height:25px;display:flex;left:80%!important}
.swiper-pagination span:nth-child(1){margin-left:40px}
.my-bullet{display:block;background-color:#fff;width:8px;height:8px;border-radius:50%;margin-left:5px}
.rotationchart_img{width:100%;height:340px}
.my-bullet-active{background-color:#fa6644;opacity:1}
.link{margin-top:30px}
.link .content a{display:inline-block;margin-right:20px;margin-top:20px}
.link .content a:last-of-type{margin-right:0}
.todayrecommend_title{flex:1}
.todayrecommend_title h1 a{display:block;width:372px;height:28px;font-size:20px;font-family:pingfang sc;font-weight:700;line-height:28px;text-align:center;color:#f04040;margin:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.todayrecommend_title p{width:480px;font-size:14px;font-family:pingfang sc;font-weight:400;color:#333;text-indent:30px;margin:15px auto 20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.hotmiddlelist div{border-top:1px dashed #d4d4d4;border-bottom:1px dashed #d4d4d4;padding-bottom:23px}
.hotmiddlelist div a{display:block}
.hotmiddlelist div:last-child{border:none}
.hotmiddlelist li{display:flex;justify-content:space-between;height:25px;margin-top:19px;padding-left:30px;text-indent:30px;cursor:pointer}
.hotmiddlelist li span{display:inline-block;height:25px;font-size:14px;font-family:pingfang sc;font-weight:400;line-height:25px;color:#666}
.hotmiddlelist li span:nth-child(1){width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(/uploads/image/svimages/li_back.png) no-repeat 0 7px}
.hotmiddlelist li:hover span:nth-child(1){background: no-repeat 0 7px}
.hotmiddlelist li p span:nth-child(2){width:300px;text-align:left;margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot_video{margin-bottom:40px;overflow:hidden;position:relative;height:227px}
.hot_video .alltitle2{margin-bottom:24px}
.hot_video .list{display:flex;justify-content:space-between;position:absolute;left:0}
.hot_video .list>div{position:relative;width:285px;flex-shrink:0;margin-right:20px}
.hot_video .list>div>a{width:285px;height:180px;position:relative}
.hot_video .list>div>a img{border-radius:10px}
.hot_video .list>div>a div{position:absolute;top:0;left:0;bottom:0;right:0;background: center center no-repeat;background-size:40px 40px;box-shadow:0 0 8px 1px rgba(143,130,136,.28)}
.hot_video .list>div>a div:hover{border-radius:10px;background: center center no-repeat rgba(0,0,0,.35)}
.hot_video .list>div>a .line{width:0;position:absolute;bottom:0;left:0;height:6px;background:#ff4200}
.hot_video .list>div p.p-oh{width:285px;font-size:14px;font-family:pingfang sc;font-weight:400;text-align:left;position:absolute;bottom:10px;color:#fff;margin:0 auto 10px;text-align:center;padding:0 30px;display:none}
.hot_video .list>div:hover p.p-oh{display:block}
.hot_video .list>div div{display:flex;justify-content:space-between}
.hot_video .list>div div span{font-size:14px;font-family:pingfang sc;font-weight:400;color:#666}
.alltitle2{display:flex;justify-content:space-between;position:relative;align-items:center;background:url(/uploads/image/svimages/public.png) left center no-repeat}
.alltitle2 p{font-size:18px;font-family:pingfang sc;font-weight:800;color:#333;text-indent:20px}
.alltitle2 a{font-size:14px;font-family:pingfang sc;font-weight:400;color:#666;padding-right:20px;background:url(/uploads/image/svimages/more.png) right center no-repeat}
.games_gl{display:flex;justify-content:flex-start;align-items:center}
.game_news,.hot_gl,.latest_gl{margin-right:42px}
.game_news{width:366px}
.hot_gl{width:435px}
.latest_gl{width:295px}
.game_news li a,.hot_gl li a,.latest_gl li a{display:flex;justify-content:flex-start;align-items:center;cursor:pointer;margin-top:20px;color:#999}
.game_news li p:nth-child(1){font-size:14px;font-family:pingfang sc;font-weight:400;color:#999}
.game_news li p:nth-child(2){flex:1;display:flex;justify-content:space-between;margin-left:10px}
.game_news li p:nth-child(2) span:nth-child(1){font-size:14px;font-family:pingfang sc;font-weight:400;line-height:20px;color:#333}
.game_news li p:nth-child(2) span:nth-child(2){font-size:14px;font-family:pingfang sc;font-weight:400;line-height:20px;color:#999}
.game_news li p:nth-child(2) span:nth-child(1){width:250px}
.game_news .imgs{display:flex;justify-content:flex-start;align-items:center;margin-top:10px}
.game_news .imgs img{width:155px;height:84px;margin-right:10px}
.game_news .imgs p span{display:block;margin-top:14px;max-height:40px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;color:#333}
.game_news .imgs p span:nth-child(1){width:201px}
.game_news .imgs p span:nth-child(2){color:#999;text-align:right}
.hot_gl li a p{display:flex;justify-content:space-between;width:100%;height:24px}
.hot_gl li a p span:nth-child(1){width:280px;font-size:14px;font-family:pingfang sc;font-weight:400;line-height:24px;color:#333}
.hot_gl .one li:nth-child(1) a p{background:url(/uploads/image/svimages/hot_gl1.png) left center no-repeat}
.hot_gl .two li:nth-child(1) a p{background:url(/uploads/image/svimages/hot_gl2.png) left center no-repeat}
.hot_gl li:nth-child(1) a p span:nth-child(1){margin-left:60px;font-size:16px}
.latest_gl{margin-right:0}
.latest_gl li{background:url(/uploads/image/svimages/gl_back.png) left center no-repeat}
.latest_gl li:hover{background: left center no-repeat}
.latest_gl li a p{display:flex;justify-content:space-between;align-items:center;width:100%}
.latest_gl li a p span:nth-child(1){width:235px;margin-left:20px;font-size:14px;font-family:pingfang sc;font-weight:400;color:#333}
a:hover span,li:hover a span{color:#f04040!important}
.latest_img{position:relative;margin-top:20px}
.latest_img img{width:100%;height:130px;background:rgba(0,0,0,0);opacity:1;border-radius:5px}
.latest_img p{width:100%;height:26px;line-height:26px;background:#000;opacity:.8;border-radius:0 0 5px 5px;padding:0 45px;text-align:center;position:absolute;bottom:3px;color:#fff}
.album_con{display:flex;height:200px;justify-content:space-between}
.pingfen{margin:11px 0!important;text-align:right}
.pingfen span{width:41px;height:18px;background:#f04040;border-radius:2px;font-size:12px;font-family:pingfang sc;font-weight:700;color:#fff;padding:2px 8px}
.album_and_rank{display:flex;justify-content:space-between;margin-bottom:40px;margin-top:20px}
.album_wrap{display:flex;justify-content:space-between}
.album_con:first-of-type .rank{display:block}
.album_con .rank{width:220px;height:100%;position:relative;display:none;padding:0 24px;background:#fff}
.album_con .active{display:block}
.album_con .rank h3{font-size:14px;font-family:pingfang sc;font-weight:700;color:#333}
.album_con .rank .desc{font-size:12px;font-family:pingfang sc;font-weight:400;line-height:24px;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:20px}
.album_con .rank .active{display:block}
.album_con .album_img{width:180px;height:100%;border-radius:5px 0 0 5px;position:relative}
.album_con .album_img:nth-of-type(2){margin-right:30px}
.album_con .tit{width:100%;height:38px;font:14px/38px "";color:#fff;text-align:center;position:absolute;bottom:6px;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4),rgba(255,255,255,.4))}
.game_downloads{display:flex;justify-content:flex-start;margin-top:40px}
.title_flex{flex:1;display:flex;justify-content:space-between;align-items:center}
.title_list{display:flex;justify-content:flex-start!important}
.title_list li{display:flex;justify-content:center;align-items:center;width:69px;height:26px;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;font-size:14px;font-family:pingfang sc;font-weight:400;color:#999;margin-left:20px}
.ons{position:relative;color:#f04040!important;border:1px solid #f04040!important}
.detailall{width:857px}
.gamelist{display:flex;justify-content:flex-start;align-items:flex-start}
.gamelist .hot_game_title{box-sizing:border-box;padding-right:20px}
.gamelistdetailall{display:none;flex-wrap:wrap;justify-content:flex-start!important}
.detailall .gamelistdetailall:nth-child(1){display:block}
.gamelistdetail{float:left;margin-top:20px;margin-right:50px;cursor:pointer}
.gamelistdetailall .gamelistdetail:nth-child(4n){margin-right:0}
.gamelistdetail div.imgs{display:flex;justify-content:flex-start;margin:auto}
.gamelistdetail div img{width:75px;height:75px;background:rgba(0,0,0,0);border-radius:15px}
.gamelistdetail:hover p.p-oh{color:#f04040}
.right_title{margin-left:10px}
.right_title p img{width:auto;height:13px}
.right_title p:nth-child(1){width:85px;font-size:14px;font-family:pingfang sc;font-weight:400;color:#666;margin-top:5px}
.right_title p:nth-child(2){font-size:12px;font-family:pingfang sc;font-weight:400;color:#666;margin:8px 0}
.game_gift{flex:1}
.hidden{display:none;justify-content:space-between;align-items:center}
.hidden img{width:75px;height:75px;background:rgba(0,0,0,0);border-radius:15px}
.hidden p{width:109px}
.hidden_title{display:flex}
.gift_content{width:102px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:12px;font-family:pingfang sc;font-weight:400;color:#666}
.hidden button{width:52px;height:25px;background:#f04040;border-radius:4px;font-size:12px;font-family:pingfang sc;font-weight:400;color:#fff;margin-left:40px}
.yearrank{position:relative;flex:1;margin-left:20px}
.game_gift .yearrank .content::before{position:absolute;content:"";width:0;height:270px;border:1px solid #dfdfdf;left:2px;z-index:-1}
.game_gift .yearrank .content h3{width:112px;height:20px;font-size:14px;font-family:pingfang sc;font-weight:500;line-height:20px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.game_gift .contentlist .hidden,.game_gift .contentlist .show{padding-left:20px}
.game_gift .yearrank .content .show i{text-align:center;font-style:normal;margin-right:16px}
.game_gift .yearrank .content .hidden_top div{flex:1;align-items:center;font-size:12px;font-family:pingfang sc;font-weight:400;color:#666;margin-top:4px;margin-bottom:7px}
.game_gift .yearrank .content .hidden_top{height:79px}
.game_gift .yearrank .content .hidden_top a{height:100%}
.game_gift .yearrank .content .hidden div span{font-size:12px;font-family:pingfang sc;font-weight:400;color:#999}
.game_gift .yearrank .content .show div{flex:1;display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.game_gift .yearrank .content .show span{margin-right:8px}
.game_gift .yearrank .content>div{margin-top:10px}
.game_gift .contentlist.on .hidden{display:flex;background:url(/uploads/image/svimages/show_back.png) left center no-repeat}
.game_gift .contentlist.on .show{display:none}
.game_gift .contentlist .show{background:url(/uploads/image/svimages/hidden_back.png) left center no-repeat}
.zhuanji .alltitle2{background:0 0}
.zhuanji .alltitle2 p{flex:1;text-align:center;padding-right:20px;background:url(/uploads/image/svimages/zhuanji_back.png) center center no-repeat}
.zhuanji .rank{position:relative}
.zhuanji .cut_off{margin-top:20px}
.zhuanji .rank a{position:absolute;bottom:20px;display:flex;justify-content:center;align-items:center;width:173px;height:27px;border:1px solid #f04040;border-radius:6px;font-size:14px;font-family:pingfang sc;font-weight:400;color:#f04040}
.ceping_back{background:#f3f3f3;margin-top:40px;padding:20px 0 30px}
.zhuanji_back{display:flex;align-items:center;height:335px;background:#f3f3f3;background-image:url(/uploads/image/svimages/ztbgc.png);margin-top:40px}
.zhuanji .hot_album{background:#fff;padding:20px 20px 0}
.includingall{display:flex;justify-content:space-between}
.yearrank .content .show div{flex:1;margin-top:20px}
.includingall{display:flex;justify-content:space-between}
.index_rank{margin-top:175px!important}
.index_rank .includingall .yearrank{margin-top:20px;margin-left:0;margin-right:60px}
.index_rank .yearrank .alltitle2::before{content:none}
.index_rank .yearrank .content{margin-top:25px}
.index_rank .yearrank .contentlist{margin-top:20px}
.index_rank .yearrank .content .hidden{display:flex;position:relative;display:none}
.index_rank .yearrank .content .show{display:flex;align-items:center}
.index_rank .yearrank .content .show div{margin-top:0}
.index_rank .yearrank .content h3{width:160px;height:22px;font-size:16px;font-family:pingfang sc;font-weight:400;line-height:22px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index_rank .show>div p:nth-child(2){width:70px;height:20px;font-size:14px;font-family:pingfang sc;font-weight:500;line-height:20px;color:#666;float:left;display:inline-block}
.index_rank .show>div p:nth-child(3){float:left}
.index_rank .xiazai{display:block;width:56px;height:25px;border:1px solid #999;border-radius:13px;font-size:12px;font-family:pingfang sc;font-weight:400;line-height:25px;text-align:center;color:#999}
.index_rank .yearrank .content span{display:block;width:64px;height:22px;font-size:16px;font-family:pingfang sc;font-weight:400;line-height:22px;color:#666;margin:10px 0}
.index_rank .yearrank .content p>img{width:100%;height:13px;border-radius:0;object-fit:contain;margin-right:3px}
.index_rank .yearrank .content .btn{width:70px;height:30px;border:1px solid #bfbfbf;border-radius:5px;font-size:16px;font-family:microsoft yahei;font-weight:300;color:#333;line-height:30px;text-align:center;margin-left:15px;margin-top:35px}
.index_rank .yearrank .content img{width:86px;height:86px;border-radius:15px}
.index_rank .yearrank .content .hidden i{position:absolute;top:0;left:9%;display:flex;justify-content:center;align-items:center;width:31px;height:28px;font-style:normal;margin-left:-8px;background: no-repeat center}
.index_rank .yearrank .content .contentlist:nth-child(1) .hidden i{background: no-repeat center}
.index_rank .yearrank .content .contentlist:nth-child(2) .hidden i{background: no-repeat center}
.index_rank .yearrank .content .contentlist .hidden i span{position:absolute;top:0;left:0;display:block;text-align:center;width:30px;height:28px;line-height:24px;color:#fff;margin-left:0}
.index_rank .yearrank .content .hidden i img{position:absolute;top:0;left:82%;width:31px!important;height:28px}
.index_rank .yearrank:nth-child(1) .content .contentlist:nth-child(1) .show i,.index_rank .yearrank:nth-child(2) .content .contentlist:nth-child(1) .show i,.index_rank .yearrank:nth-child(3) .content .contentlist:nth-child(1) .show i{background:#f04040!important}
.index_rank .yearrank:nth-child(1) .content .contentlist:nth-child(2) .show i,.index_rank .yearrank:nth-child(2) .content .contentlist:nth-child(2) .show i,.index_rank .yearrank:nth-child(3) .content .contentlist:nth-child(2) .show i{background:#ff5a00!important}
.index_rank .yearrank:nth-child(1) .content .contentlist:nth-child(3) .show i,.index_rank .yearrank:nth-child(2) .content .contentlist:nth-child(3) .show i,.index_rank .yearrank:nth-child(3) .content .contentlist:nth-child(3) .show i{background:#ff9b19!important}
.index_rank .yearrank .content .show i{display:flex;justify-content:center;align-items:center;text-align:center;font-style:normal;margin-right:15px;width:23px;height:23px;background:#d8d8d8;border-radius:50%;font-size:12px;font-family:pingfang sc;font-weight:400;color:#fff}
.index_rank .yearrank .content .hidden div{flex:1;align-items:center;margin-left:10px}
.index_rank .yearrank .content .show div{flex:1}
.index_rank .yearrank .content .show span{margin-right:8px}
.index_rank .contentlist.on .hidden{display:flex}
.index_rank .guang{display:flex}
.index_rank .contentlist.on .show{display:none}
.index_rank .contentlist.on .show a{display:inline-block;width:14px!important;height:14px!important}
.index_rank .contentlist .show a img{width:14px;height:14px}
.index_rank .download a{width:56px;height:25px;border:1px solid #e73d3d;border-radius:13px;font-size:12px;font-family:pingfang sc;font-weight:400;line-height:25px;text-align:center;color:#f04040;margin-left:18px}
.index_rank .yearrank .title span{display:block;font-size:18px;font-family:pingfang sc;font-weight:800;color:#333;text-align:center}