body,html{background:#e4eef4;color:#333;font-size:16px}
.container{padding-bottom:40px;position:relative}
.crumbs-box{width:1200px;margin:0 auto}
.top-list-box{width:1200px;margin:10px auto 0;height:174px;background:#fff}
.top-list-left{width:120px;float:left;margin:33px 20px 0 15px}
.top-list-left div{width:112px;height:40px;text-align:center;margin-bottom:30px;cursor:pointer;line-height:40px;background:url(../images/rec-bg1.png) no-repeat 0 0}
.top-list-active{color:#fff;background:url(../images/rec-bg2.png) no-repeat 0 0!important}
.top-list-right{float:left}
.top-list-right ul{margin-top:30px}
.top-list-right ul li{float:left;width:84px;margin-right:30px;margin-left:16px;transition:all .2s}
.top-list-right ul li .s-rec-img{display:block}
.top-list-right ul li a img{width:84px;height:84px;border-radius:20px}
.top-list-right ul li a.list-right-tit{width:84px;height:40px;line-height:40px;color:#333;font-size:15px;text-align:center;overflow:hidden;display:block}
.top-list-right ul li:hover{transform:translateY(-10px)}
.top-list-right ul li:hover a{color:#2dbaed!important}
.c-left{width:200px;background:#fff;padding-top:30px;float:left}
.c-center{width:682px;margin:0 24px;float:left;background:#fff}
.c-right{width:270px;float:right}
.c-left .c-img-box{width:120px;height:120px;margin:0 auto 6px}
.c-left .c-img-box img{width:120px;height:120px;border-radius:15px}
.c-left h1{font-size:22px;text-align:center;margin-bottom:20px;margin-top:20px}
.c-left-tips{color:#25c88a;font-size:14px;padding:0 15px;margin-bottom:16px}
.c-left-tips em{display:inline-block;width:12px;height:13px;vertical-align:top;margin-top:4px;margin-right:3px;margin-left:8px;background:url(../images/pc_icons.png) no-repeat 0 0}
.c-btn-box{padding:0 15px}
.c-btn-box a{width:100%;height:40px;line-height:40px;color:#fff;margin-bottom:14px;border-radius:5px;position:relative;text-align:center}
.az-btn:hover{color:#a3e3c6!important}
.ios-btn:hover{color:#a5dcf5!important}
.code-box{position:absolute;width:150px;height:160px;text-align:center;display:none;background:url(../images/code-box.png) no-repeat 0 0;z-index:10;left:10px}
.code-box canvas{margin:30px auto 0}
.c-btn-box a span{display:inline-block;width:130px;text-align:center}
.c-btn-box a span i{display:inline-block;width:19px;height:21px;vertical-align:top;margin-top:10px;margin-right:10px}
.az-btn i{background:url(../images/pc_icons.png) no-repeat -12px -18px}
.ios-btn i{background:url(../images/pc_icons.png) no-repeat -12px -41px}
.pc-btn i{height:18px!important;margin-top:11px!important;background:url(../images/pc_icons.png) no-repeat -12px -62px}
.az-btn{display:block;background:#25c88a}
.ios-btn{display:block;background:#2dbaed}
.pc-btn{background:#fea342}
/*.az-btn span{border-right:1px solid #23bc82}*/
/*.ios-btn span{border-right:1px solid #21aadb}*/
.pc-btn span{border-right:1px solid #e69137}
.c-btn-box a em{display:inline-block;width:20px;height:20px;margin:10px 10px 0;vertical-align:top;background:url(../images/pc_icons.png) no-repeat -12px 0}
.c-list{padding:0 15px;color:#888;font-size:14px}
.c-list li{margin-bottom:10px}
.c-list li span{color:#555}
.c-label{padding:0 15px;font-size:14px;color:#888;margin-bottom:20px;max-height:80px;overflow:hidden}
.c-label i{display:inline-block;padding:2px 10px;color:#777;background:#ececec;margin-right:4px;margin-top:10px;border-radius:10px;font-size:12px}
.relevant-tit{line-height:22px;margin-left:10px;margin-bottom:20px;font-size:20px;color:#333}
.relevant-tit em{display:inline-block;width:5px;height:22px;vertical-align:top;margin-right:10px;background:url(../images/pc_icons.png) no-repeat 0 -18px}
.relevant-box{padding-bottom:10px}
.relevant-box ul{padding:0 15px}
.relevant-box li{width:100%;height:28px;position:relative;margin-bottom:16px;transition:all .2s}
.relevant-box li a{display:block;font-size:14px}
.relevant-box li a:hover span{color:#21aadb!important}
.relevant-box li a img{width:28px;height:28px;display:inline-block;border-radius:5px}
.relevant-box li a span{display:inline-block;width:126px;height:28px;line-height:28px;margin-left:10px;vertical-align:top;overflow:hidden;color:#555;font-size:14px}
.c-center-nav{overflow:hidden}
.c-center-nav ul{width:640px;height:40px;background:#e8f5fb;margin:20px auto;line-height:40px}
.c-center-nav ul li{float:left;color:#555;padding:0 22px;cursor:pointer}
.c-nav-active{color:#2dbaed;border-top:1px solid #2dbaed;border-left:1px solid #2dbaed;border-right:1px solid #2dbaed;background:#fff}
.c-center-con{padding:0 26px;padding-left:17px;padding-right:26px;height:auto;overflow:hidden}
.c-center-con p{font-size:15px;line-height:30px;color:#555;margin-bottom:15px;padding-left:9px}
.c-center-con h3{font-size:18px;color:#2dbaed;margin-bottom:15px}
.c-center-con img{margin:0 auto 15px;max-width:350px;display:block}
.more-btn{width:630px;margin:10px auto 30px;height:28px;line-height:28px;text-align:center;background:#ececec;color:#18aadf;font-size:15px;cursor:pointer;display:none}
.more-btn em{display:inline-block;width:14px;height:14px;vertical-align:top;margin-top:7px;margin-left:5px;background:url(../images/pc_icons.png) -12px -80px}
.show-btn em{background:url(../images/pc_icons.png) -12px -96px!important}
.c-screenshot-box{width:640px;margin:0 auto}
.c-game-tit{width:100%;height:42px;line-height:42px;border-bottom:1px solid #d5d5d5;color:#333;font-size:20px}
.ad-no{display:block!important}
.c-game-tit span{border-bottom:3px solid #18aadf;padding:0 5px 6px}
.c-screenshot-box .swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto;margin-top:30px}
.c-screenshot-box .swiper-slide{position:relative;text-align:center}
.c-screenshot-box .gallery-top .swiper-slide video{position:relative}
.c-screenshot-box .gallery-top .swiper-slide>div{width:100%;height:100%}
.c-screenshot-box .swiper-slide i{display:block;width:32px;height:32px;background-position:-259px -126px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:2}
.c-screenshot-box .gallery-top .swiper-slide>div img{width:100%;opacity:.9;object-fit:cover;-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}
.c-screenshot-box .gallery-top .swiper-slide>img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:300px;width:auto;opacity:1}
.c-screenshot-box .gallery-top{width:630px;height:300px}
.c-screenshot-box .swiper-slide i{display:block;width:32px;height:32px;background-position:-259px -126px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:2}
.c-screenshot-box .gallery-thumbs{width:630px;height:146px;padding:10px 0 15px;margin-top:0}
.c-screenshot-box .gallery-thumbs .swiper-slide{cursor:pointer;opacity:.8;overflow:hidden;text-align:center;width:154px;height:90px;border-radius:1px}
.c-screenshot-box .gallery-thumbs .swiper-slide img{width:100%;height:auto;min-height:90px}
.c-screenshot-box .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.c-screenshot-box .gallery-thumbs .swiper-slide-thumb-active{border:3px solid #25c88a;width:148px}
.c-screenshot-box .gallery-thumbs .swiper-slide-thumb-active img{width:100%;height:auto;min-height:90px}
.c-screenshot-box .swiper-button-white{display:none}
.c-screenshot-box .swiper-container:hover .swiper-button-white{display:block}
.c-lation-game{width:630px;margin:0 auto 15px}
.c-lation{width:630px;margin:0 auto;overflow:hidden}
.c-lation-top{width:100%;overflow:hidden;height:46px;margin-bottom:10px;margin-top:20px}
.c-lation-top span{color:#666;font-size:14px;display:inline-block;padding:8px 24px;border-radius:15px;background:#e8f5fb;margin-bottom:5px;margin-right:20px;cursor:pointer;margin-bottom:20px}
.c-lation-top span:hover{background:#6bc9ec!important;color:#fff!important}
.lation-top-active{background:#6bc9ec!important;color:#fff!important}
.sub-box{width:100%;display:none}
.sub-box-img{width:280px;height:150px;float:left;display:block}
.sub-box-img img{width:100%;height:100%;border-radius:15px}
.c-infos{float:right;width:330px}
.c-infos-tit{font-size:14px;color:#999}
.c-infos-tit .c-a1{display:inline-block;color:#444;font-size:16px;max-width:160px;height:22px;overflow:hidden;vertical-align:middle}
.c-infos-tit .c-a1:hover{color:#21aadb}
.c-infos-tit .c-a2{float:right;color:#999}
.c-infos-tit span{color:#999;display:inline-block;padding:0 10px}
.c-infos-tit em{color:#ffb31e;display:inline-block;padding:2px}
.c-infos p{color:#666;font-size:14px;line-height:24px;height:120px;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.tab-box ul{width:650px;padding-top:20px}
.tab-box ul li{float:left;padding:10px 0;transition:all .3s;width:190px;margin:0 16px 20px 6px;border-radius:10px}
.tab-box ul li:hover{transform:translateY(-8px);box-shadow:2px 3px 8px 5px #eee}
.tab-box ul li:hover .like-info-tits{color:#21aadb}
.likeimg-box{display:block;width:64px;height:64px;float:left;margin-right:10px;margin-left:10px}
.likeimg-box img{width:100%;height:100%;border-radius:15px}
.like-info-box{float:left;width:100px}
.like-info-box .like-info-tits{color:#666;font-size:14px;line-height:20px;width:100px;overflow:hidden;height:20px;display:block;margin-top:9px;margin-bottom:5px}
.like-info-box .like-info-type{color:#999;font-size:12px;line-height:24px;height:24px;width:100px;overflow:hidden}
.classify-box,.rank-box{padding-top:30px;padding-bottom:25px;margin-bottom:30px;background:#fff}
.rank-box ul{padding:0 15px}
.rank-box ul li{padding:10px 0;border-bottom:1px solid #e8e7ed}
.rank-info a:hover{color:#21aadb!important}
.rank-img{width:64px;height:64px;display:block;float:left;margin-right:8px;position:relative}
.rank-img em{display:block;position:absolute;top:0;left:0;width:35px;height:30px;padding-left:5px;font-size:14px;color:#fff;background:url(../images/pc_icons.png) no-repeat -110px -114px}
.rank-img img{width:100%;height:100%;border-radius:15px}
.rank-info{float:left;width:111px}
.rank-info a{display:block;margin:10px 0 6px;width:100%;color:#555;font-size:15px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-info p{width:86px;height:16px;background:url(../images/pc_icons.png) no-repeat -30px -27px}
.rank-btn{float:right;width:26px;height:26px;margin-top:20px;display:block;background:url(../images/pc_icons.png) no-repeat -30px 0}
.c-right .rank-btn{background:#fff;color:#21aadb;border:1px solid #21aadb;width:50px;height:26px;font-size:12px;text-align:center;line-height:25px;border-radius:5px;margin-top:20px}
.c-right .rank-btn:hover{background:#21aadb!important;color:#fff!important}
.rank-li1 em{background:url(../images/pc_icons.png) no-repeat -75px -82px}
.rank-li2 em{background:url(../images/pc_icons.png) no-repeat -110px -82px}
.rank-li3 em{background:url(../images/pc_icons.png) no-repeat -75px -114px}
.classify-box ul{margin-left:15px}
.classify-box ul li{width:110px;height:30px;float:left;margin-right:17px;margin-bottom:20px}
.classify-box ul li a{display:block;width:100%;height:100%;line-height:30px;text-align:center;background:#e8f5fb;border-radius:15px;font-size:14px;color:#666;transition:all .3s;overflow:hidden}
.classify-box ul li a:hover{color:#fff;background:#2dbaed;transform:translateY(-8px)}
.classify-tit{font-size:14px;color:#999;line-height:40px;padding-left:10px;margin-bottom:10px}
.hot-rec-list{width:255px;margin-left:12px}
.similar-rec{width:80px;height:114px;display:block;text-align:center;margin-right:3px;overflow:hidden;color:#666;float:left}
.similar-rec img{width:64px;height:64px;border-radius:15px}
.similar-rec p{width:70px;font-size:14px;height:26px;line-height:26px;overflow:hidden;text-align:center;color:#666;white-space:nowrap;overflow:hidden;margin:10px auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.similar-rec:hover{color:#21aadb}
.similar-rec:hover p{display:none}
.similar-rec:hover strong{transform:translateY(-10px)}
.similar-rec strong{display:block;width:56px;height:26px;line-height:26px;text-align:center;color:#fff;background:#21aadb;font-size:14px;font-style:normal;font-weight:200;margin:14px auto 0;border-radius:5px;transition:all .2s}
.fixed-box{position:fixed;top:0;z-index:999;padding:0 21px;background-color:#fff}
#fit_dig a.no{display:block;width:100px;height:35px;line-height:35px;font-size:18px;text-align:center;color:#fff;background:#ccc;border-radius:5px}
.yAlert{width:500px;position:fixed;left:50%;margin-left:-250px;height:310px;padding-bottom:10px;top:50%;margin-top:-155px;z-index:+101;background:#fff;border-radius:10px;overflow:hidden;display:none}
.yAlert b{text-align:center;font:16px/40px microsoft yahei;display:block;margin:10px 0}
.yAlert_t{background:#21aadb;font:18px/45px microsoft yahei;color:#fff;padding:0 15px}
.yAlert_t span{float:right;font-size:20px;cursor:pointer}
.yAlert .yAlert_br,.yAlert .yAlert_bs,.yAlert input{width:80%;padding:0 10px;font:14px/45px microsoft yahei;border-radius:5px}
.yAlert input{border:#ccc 1px solid;display:block;margin:20px auto 0 auto}
.yAlert input:focus{border:#25c88a 1px solid}
.yAlert_b{border-top:#ddd 1px solid;padding-top:10px}
.yAlert .yAlert_br,.yAlert .yAlert_bs{font-size:16px;margin:10px auto;text-align:center;cursor:pointer}
.yAlert .yAlert_bs{background:#21aadb;color:#fff}
.yAlert .yAlert_br{border:#21aadb 1px solid;color:#21aadb}
.yAlert_bg{z-index:+100;background:#000;-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;position:fixed;left:0;top:0;width:100%;height:100%;display:none}
.pc-kf-btn{display:block;width:170px;height:48px;background:url(/style/pc/new/images/pc-kf-btn1.png) no-repeat;margin:0 15px 10px;position:relative;text-align:center;line-height:48px;color:#b1303e;font-weight:700}
.pc-kf-btn:after{position:absolute;bottom:3px;right:3px;display:block;content:"";width:30px;height:14px;background:url(/style/pc/new/images/gg-tips.png) no-repeat}
.move-tips{line-height:20px;width:170px;margin:0 auto 10px;padding:0 20px;overflow:hidden}
.move-tips .tips-comment{padding-left:20px;font-size:14px;color:red;display:inline-block;white-space:nowrap;animation:10s wordsLoop linear infinite normal;margin:0 10px;background:0 0;border:none}
@keyframes wordsLoop{0%{transform:translateX(100px);-webkit-transform:translateX(100px)}
100%{transform:translateX(-100%);-webkit-transform:translateX(-100%)}
}
@-webkit-keyframes wordsLoop{0%{transform:translateX(100px);-webkit-transform:translateX(100px)}
100%{transform:translateX(-100%);-webkit-transform:translateX(-100%)}
}
.ad-no:hover{color:#fff!important}
.bg-c{background:#e4eef4;position:relative;z-index:9;width:1200px;overflow:hidden;margin:0 auto}
.pc_btn{background:#11a0ff!important;display:block}
.pc_btn span i{background:url(/style/pc/new/images/pc-load-icon.png) no-repeat 0 0!important}
@media screen and (max-width:1100px){.bg-c{width:auto}
.top-list-box{display:none}
.container{width:auto;padding-bottom:20px}
.c-center,.c-left,.c-right{width:auto;float:none;position:relative}
.c-left{padding-top:25px}
.c-left .c-img-box,.c-left .c-img-box img{width:100px;height:100px}
.c-left-tips{text-align:center;margin-bottom:10px}
.c-left h1{margin:10px auto}
.c-list{padding:0;width:80%;position:absolute;top:210px;left:12%}
.c-list li{float:left;width:50%;font-size:12px;margin-bottom:6px}
.c-label{padding:0;position:absolute;top:248px;width:80%;left:12%;font-size:12px}
.c-btn-box{margin-top:70px;padding:0 15px 10px}
.relevant-box{border-top:8px solid #e4eef4;padding-top:10px;padding-bottom:2px}
.relevant-tit{margin-bottom:12px;font-size:18px}
.relevant-box ul{padding:0 10px}
.relevant-box li a span{width:80%;line-height:26px;margin-left:6px}
.relevant-box li a img{width:26px;height:26px}
.relevant-box li{margin-bottom:10px}
.relevant-tit em{height:18px;border-radius:5px;background:#2dbaed;margin-top:3px}
.c-center{margin:10px 0 0}
.c-center-nav ul{width:auto;margin:0}
.c-center-con{width:auto;padding:10px;border-bottom:8px solid #e4eef4}
.c-center-nav{overflow:hidden}
.c-center-con p{padding:0;line-height:24px;margin-bottom:8px;font-size:14px}
.c-center-con h3{margin-bottom:6px}
.c-center-con img{max-width:60%;display:block;height:auto;margin:0 auto 8px}
.c-lation-game{width:auto;padding:0 0 8px;margin:0 auto 8px;border-top:8px solid #e4eef4}
.c-game-tit h2{padding-left:10px;font-size:18px}
.c-lation{width:auto;padding:0 10px}
.c-lation-top{display:flex;overflow-x:scroll!important;margin-top:10px;margin-bottom:12px;height:26px}
.c-lation-top span{white-space:nowrap;margin-right:10px;padding:4px 14px;margin-bottom:0}
.tab-box ul{width:auto}
.similar-rec,.tab-box ul li{width:24%;margin:0 1% 12px 0;padding:0}
.similar-rec:nth-of-type(4n),.tab-box ul li:nth-of-type(4n){margin-right:0!important}
.like-info-box,.like-info-box .like-info-tits{width:auto;margin:0 auto;text-align:center}
.like-info-box .like-info-tits{line-height:28px}
.like-info-box .like-info-type{display:none}
.like-info-box,.likeimg-box{float:none}
.likeimg-box{width:70px;height:70px;margin:0 auto}
.classify-box,.rank-box{padding-top:10px;padding-bottom:5px;margin-bottom:8px}
.classify-tit{display:none}
.hot-rec-list{width:auto;margin:0;padding:0 10px}
.similar-rec{width:24%;height:auto}
.similar-rec img{width:70px;height:70px}
.similar-rec p{margin:0 auto}
.similar-rec strong{margin:0 auto;width:68px}
.classify-box ul{margin:0;padding:0 10px}
.classify-box ul li{width:32%;margin:0 1.5% 10px 0}
.classify-box ul li:nth-of-type(3n){margin-right:0!important}
.c-screenshot-box{width:auto;padding:0 0 0}
.c-screenshot-box .gallery-thumbs{width:auto;padding:10px 0 10px;margin-bottom:-20px}
.c-screenshot-box .gallery-top{width:auto;margin-top:10px}
.c-center-nav ul li{font-size:15px}
.yAlert{width:90%;margin-left:0;left:5%}
.yAlert b{font:12px/20px microsoft yahei}
.c-btn-box a em,.c-btn-box a span i{display:none}
.downbox a{width:80%;height:36px;display:block;border-radius:5px;font-size:20px;color:#fff;text-align:center;line-height:36px;margin:0 auto}
.downbox{width:100%;margin:0 auto}
.downbox a{height:36px;display:block;border-radius:5px!important;font-size:14px;color:#fff;line-height:36px;text-align:center;margin-bottom:10px}
.downbox .downbtn_a{display:inline-block!important;width:48%!important;height:36px!important;margin-right:4%!important;background:#ffb929!important;color:#fff!important;box-sizing:border-box}
.downbox .downbtn_b{background:#25c88a;display:inline-block!important;width:48%!important;margin:0 0 12px;height:36px!important;vertical-align:top}
.downbox .downbtn_b i{display:block;height:16px;line-height:16px;font-size:12px;text-align:center;font-style:normal;opacity:.8}
.downbox p{font-size:12px!important;background:#fff3e2;color:#787878!important;padding:4px 8px;box-sizing:border-box;border:1px solid #ffe0b5;line-height:20px!important;margin-bottom:10px;border-radius:5px;height:auto!important}
.downbox p em{color:#f75934}
.safe-btn{width:100%!important}
.classify-box{display:none}
/*.az-btn,.ios-btn{display:none}*/
}