@charset "UTF-8";
.item-hj{overflow:hidden;margin-top:10px;border-radius:5px;background-color:#fff;border:1px #f3f3f3 solid;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.02);box-shadow:0 0 8px rgba(0,0,0,.02)}
.item-hj:hover{-webkit-box-shadow:0 0 12px rgba(0,0,0,.2);box-shadow:0 0 12px rgba(0,0,0,.2)}
.item-hj .title a{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;text-align:center;font-weight:700;font-size:20px;line-height:40px;word-break:break-all}
.item-hj .title a:hover{color:#478af0}
.item-hj .word{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#888;font-size:13px;line-height:22px;text-indent:2em;margin-top:5px}
.item-hj .gList li{margin:12px 0}
.item-hj .gList li .itemCard{display:block;overflow:hidden}
.item-hj .gList li .itemCard::after{content:"";display:block;clear:both;zoom:1}
.item-hj .gList li .itemCard .pic{float:left;display:block;width:70px;height:70px;overflow:hidden;margin-right:12px;border-radius:30%}
.item-hj .gList li .itemCard .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.item-hj .gList li .itemCard .itemCard-center{overflow:hidden}
.item-hj .gList li .itemCard .itemCard-center .cont{max-width:100%}
.item-hj .gList li .itemCard .itemCard-center .cont .title{color:#333;font-weight:700;font-size:15px;line-height:25px;height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.item-hj .gList li .itemCard .itemCard-center .cont .other{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#999;font-size:14px;line-height:22px}
.item-hj .gList li .itemCard .itemCard-center .cont .other span{color:#666}
.item-hj .gList li .itemCard .itemCard-right{float:right;margin-left:12px}
.item-hj .gList li .itemCard .itemCard-right .btn{width:70px;height:26px;border-radius:13px;border:1px solid #478af0;color:#478af0;text-align:center;font-size:12px;line-height:26px}
.item-hj .gList li .itemCard .itemCard-center,.item-hj .gList li .itemCard .itemCard-right{font-size:0;height:70px}
.item-hj .gList li .itemCard .itemCard-center::after,.item-hj .gList li .itemCard .itemCard-right::after{content:"";display:inline-block;vertical-align:middle;height:100%}
.item-hj .gList li .itemCard .itemCard-center .cont,.item-hj .gList li .itemCard .itemCard-right .btn{display:inline-block;vertical-align:middle}
.item-hj .gList li:hover .itemCard-center .cont .title{color:#478af0}
.item-hj .gList li:hover .itemCard-right .btn{background-color:#478af0;color:#fff}
.item-hj2{overflow:hidden;margin-top:10px;border-radius:5px;background-color:#fff;border:1px #f3f3f3 solid;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px 20px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.02);box-shadow:0 0 8px rgba(0,0,0,.02);height:199px}
.item-hj2:hover{-webkit-box-shadow:0 0 12px rgba(0,0,0,.2);box-shadow:0 0 12px rgba(0,0,0,.2)}
.item-hj2 .title a{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;text-align:center;font-weight:700;font-size:20px;line-height:40px;word-break:break-all}
.item-hj2 .title a:hover{color:#478af0}
.item-hj2 .word{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#888;font-size:13px;line-height:22px;text-indent:2em;margin-top:5px}
.item-hj2 .gList{margin-left:-18px}
.item-hj2 .gList::after{content:"";display:block;clear:both;zoom:1}
.item-hj2 .gList li{margin-left:20px;margin-top:12px;width:66px;float:left}
.item-hj2 .gList li .pic{display:block;overflow:hidden;width:66px;height:66px;border-radius:10px}
.item-hj2 .gList li .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.item-hj2 .gList li .pic img:hover{opacity:.8}
.item-hj2 .gList li .name{overflow:hidden;margin-top:10px;display:block;width:100%;height:20px;height:20px;text-align:center;font-size:15px;line-height:20px}
.hj_flList{margin-left:-2%}
.hj_flList::after{content:"";display:block;clear:both;zoom:1}
.hj_flList a{display:block;float:left;border:1px solid #e6e6e6;background:#f2f2f2;border-radius:3px;color:#333;text-align:center;font-weight:400;font-size:15px;line-height:35px;width:47%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px 0 0 3%}
.hj_flList a:hover{border-color:#478af0;background-color:#478af0;color:#fff}
.hj-tablink{margin:30px auto;text-align:center}
.hj-tablink a{position:relative;display:inline-block;padding:0 40px;margin:0 3px;cursor:pointer;color:#666;font-size:17px;line-height:45px;background:#ebebeb;border-radius:25px}
.hj-tablink a:hover{color:#478af0}
.hj-tablink a.cur{color:#fff;background-color:#478af0}
.hj-tablink a.cur:hover{color:#fff}
.hj-tablink a.cur::after{content:"";position:absolute;bottom:-6px;left:50%;width:0;height:0;margin-left:-5px;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #478af0}
.sy-class{overflow:hidden;border:1px solid #eee;padding:10px 15px;border-radius:5px}
.sy-class li{float:left;margin:5px 0 0 10px}
.sy-class li:first-child{margin-left:0}
.sy-class li a{display:block;padding:0 12px;color:#333;text-align:center;font-size:14px;line-height:28px}
.sy-class li a:hover{color:#478af0}
.sy-class li.on a{background-color:#478af0;color:#fff;border-radius:14px}
.item-hj3{overflow:hidden;border-radius:5px;background-color:#fff;border:1px solid #f3f3f3;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px 20px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.02);box-shadow:0 0 8px rgba(0,0,0,.02)}
.item-hj3:hover{-webkit-box-shadow:0 0 12px rgba(0,0,0,.1);box-shadow:0 0 12px rgba(0,0,0,.1)}
.item-hj3:hover .title a{color:#478af0}
.item-hj3 .title a{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;text-align:center;font-weight:700;font-size:20px;line-height:40px;word-break:break-all}
.item-hj3 .word{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#888;font-size:13px;line-height:22px;text-indent:2em;margin-top:5px}
.item-hj3 .gList{margin-left:-24px}
.item-hj3 .gList::after{content:"";display:block;clear:both;zoom:1}
.item-hj3 .gList li{margin-left:24px;margin-top:13px;width:66px;float:left}
.item-hj3 .gList li .pic{display:block;overflow:hidden;width:66px;height:66px;border-radius:10px}
.item-hj3 .gList li .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.item-hj3 .gList li .pic img:hover{opacity:.8}
.item-hj3 .gList li .name{overflow:hidden;margin-top:10px;display:block;width:100%;height:20px;height:20px;text-align:center;font-size:15px;line-height:20px}
.item-hj3 .gList li .more{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:66px;height:66px;border-radius:10px;background:#e4e4e4 url(../images/add.png) no-repeat center center;-webkit-transition:all .2s ease;transition:all .2s ease}
.item-hj3 .gList li .more i{width:30px;height:30px;display:block}
.item-hj3 .gList li .more:hover{background-color:#478af0}
.heji-head{background:#f4fbfe;border-radius:10px;overflow:hidden;margin-top:25px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.heji-head .lf{overflow:hidden;background:-webkit-gradient(linear,left top,left bottom,from(#9fe1fa),to(#9198e5));background:-webkit-linear-gradient(#9fe1fa,#9198e5);background:linear-gradient(#9fe1fa,#9198e5);padding:0 80px 0 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-flex:0;-webkit-flex:0 0 300px;-ms-flex:0 0 300px;flex:0 0 300px}
.heji-head .lf::after{content:"";width:40px;height:100%;position:absolute;right:0;top:0;-webkit-transform:skew(-15deg);transform:skew(-15deg);background-color:#f4fbfe}
.heji-head .lf::before{content:"";width:40px;height:50%;position:absolute;right:0;bottom:0;background-color:#f4fbfe}
.heji-head .lf .game-ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.heji-head .lf .game-ul li{width:85px;float:left;margin:0 5px}
.heji-head .lf .game-ul li .pic{display:block;overflow:hidden;width:85px;height:85px;border-radius:20%;border:2px solid #fff}
.heji-head .lf .game-ul li .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.heji-head .lf .game-ul li .pic img:hover{opacity:.8}
.heji-head .lf .game-ul li .pic:nth-child(2){margin-top:10px}
.heji-head .info-cont{overflow:hidden;padding:20px 30px 15px 0;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.heji-head .info-cont .tit{overflow:hidden;text-align:center;font-weight:700;font-size:26px;line-height:35px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.heji-head .info-cont .summary{overflow:hidden;margin-top:10px;color:#666;text-align:left;font-size:14px;line-height:1.8em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
.heji-head .info-cont .other{overflow:hidden;margin-top:10px;color:#999;text-align:left;font-size:13px;line-height:1.5em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.heji-head .info-cont .hj-tags{margin:15px 0 0;padding-left:95px;position:relative;height:80px;overflow-y:hidden}
.heji-head .info-cont .hj-tags::after{content:"";display:block;clear:both;zoom:1}
.heji-head .info-cont .hj-tags::after{content:"热门合辑推荐：";position:absolute;left:0;top:0;color:#666;text-align:left;font-weight:700;font-size:14px;line-height:2em}
.hjgameList{margin-left:-25px;margin-bottom:30px}
.hjgameList::after{content:"";display:block;clear:both;zoom:1}
.hjgameList li{padding:25px;border-radius:10px;width:331px;height:100px;background:#fff;margin:25px 0 0 25px;border:1px solid #f3f3f3;-webkit-box-shadow:0 0 8px rgba(0,0,0,.02);box-shadow:0 0 8px rgba(0,0,0,.02);float:left;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease}
.hjgameList li::before{position:absolute;right:0;top:0;width:75px;height:28px;display:block;border-radius:0 10px 0 10px;color:#fff;text-align:center;font-size:14px;line-height:28px}
.hjgameList li.morexz::before{content:"最多下载";background:-webkit-gradient(linear,left top,left bottom,from(#adcdff),to(#458aef));background:-webkit-linear-gradient(#adcdff,#458aef);background:linear-gradient(#adcdff,#458aef)}
.hjgameList li.recommend::before{content:"小编推荐";background:-webkit-gradient(linear,left top,left bottom,from(#ffcd04),to(#ff6702));background:-webkit-linear-gradient(#ffcd04,#ff6702);background:linear-gradient(#ffcd04,#ff6702)}
.hjgameList li.hot::before{content:"强烈推荐";background:-webkit-gradient(linear,left top,left bottom,from(#ff2e2e),to(#ff5186));background:-webkit-linear-gradient(#ff2e2e,#ff5186);background:linear-gradient(#ff2e2e,#ff5186)}
.hjgameList li:hover{-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.16);box-shadow:0 0 12px 0 rgba(0,0,0,.16)}
.hjgameList li:hover .itemCard .picbox p{display:block}
.hjgameList .itemCard{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.hjgameList .itemCard .picbox{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 95px;-ms-flex:0 0 95px;flex:0 0 95px;margin-right:15px}
.hjgameList .itemCard .picbox p{position:absolute;width:100%;height:100%;left:0;top:0;z-index:4;background-color:rgba(0,0,0,.5);border-radius:10px;display:none}
.hjgameList .itemCard .picbox p .btn{display:block;background:#478af0;width:70px;height:30px;margin:33px 0 0 12px;border-radius:20px;display:block;color:#fff;text-align:center;font-size:14px;line-height:30px}
.hjgameList .itemCard .picbox p .btn:hover{background:#31affe}
.hjgameList .itemCard .picbox .pic{display:block;width:95px;height:95px;overflow:hidden;border-radius:10px}
.hjgameList .itemCard .picbox .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hjgameList .itemCard .cont{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.hjgameList .itemCard .cont h3{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#333;text-align:left;font-weight:600;font-size:17px;line-height:34px}
.hjgameList .itemCard .cont h3 a{display:block}
.hjgameList .itemCard .cont h3 a:hover{color:#478af0}
.hjgameList .itemCard .cont .desc{overflow:hidden;height:23px}
.hjgameList .itemCard .cont .desc span{position:relative;display:inline-block;overflow:hidden;height:23px;color:#666;font-size:13px;line-height:23px}
.hjgameList .itemCard .cont .desc span:nth-child(n+2){padding-left:12px;margin-left:8px}
.hjgameList .itemCard .cont .desc span:nth-child(n+2)::after{content:"";display:block;position:absolute;left:2px;top:6.5px;width:1px;height:10px;background-color:#c5c5c5}
.hjgameList .itemCard .cont .info{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#999;font-size:12px;line-height:18px;margin-top:4px}
.sy-crumbs{margin:5px 0 10px}
.hj-column1{margin-left:-22px}
.hj-column1::after{content:"";display:block;clear:both;zoom:1}
.hj-column1 .item-hj{float:left;width:385px;margin:10px 0 0 22px}
.hj-column2::after{content:"";display:block;clear:both;zoom:1}
.hj-column2 .hjcolumn2-lf{width:240px;float:left}
.hj-column2 .hjcolumn2-rt{margin-left:260px}
.hj-column2 .hjcolumn2-rt .hj-column2-card{margin-left:-20px}
.hj-column2 .hjcolumn2-rt .hj-column2-card::after{content:"";display:block;clear:both;zoom:1}
.hj-column2 .hjcolumn2-rt .hj-column2-card .item-hj2{float:left;width:460px;margin:10px 0 10px 20px}
.hjList-column{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}