@charset "UTF-8";
.article-head{overflow:hidden;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}
.article-head h1{margin-bottom:20px;color:#333;text-align:center;font-weight:700;font-size:26px;line-height:33px}
.article-head .info{overflow:hidden;text-align:center}
.article-head .info span{display:inline-block;color:#999;font-weight:400;font-size:12px;line-height:20px;margin-right:20px;padding-left:23px}
.article-head .info span:first-child{background:url(../images/icon-author.png) no-repeat left center}
.article-head .info span:nth-child(2){background:url(../images/icon-rq.png) no-repeat left center}
.article-head .info span:nth-child(3){background:url(../images/icon-time.png) no-repeat left center}
.rellist{border-radius:4px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:25px auto;-webkit-box-shadow:0 0 10px 0 rgba(47,47,47,.2);box-shadow:0 0 10px 0 rgba(47,47,47,.2)}
.rellist::after{content:"";display:block;clear:both;zoom:1}
.rellist .title{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;height:35px;overflow:hidden}
.rellist .title h1{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;color:#333;font-weight:700;font-size:20px;line-height:35px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.rellist .title span{overflow:hidden;margin-left:10px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;color:#999;font-size:14px;line-height:35px;height:35px}
.rellist .pic{overflow:hidden;float:left;width:100px;height:100px;border-radius:15%}
.rellist .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.rellist .d-game-cont{overflow:hidden;margin:0 140px 0 120px}
.rellist .d-game-cont .d-game-desc{overflow:hidden}
.rellist .d-game-cont .d-game-desc::after{content:"";display:block;clear:both;zoom:1}
.rellist .d-game-cont .d-game-desc li{width:33%;float:left;margin-top:5px;color:#999;font-weight:400;line-height:25px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.rellist .d-game-cont .d-game-desc li.w100{width:100%;margin-top:10px}
.rellist .d-game-cont .d-game-desc li span{color:#333;font-weight:400;height:25px;overflow:hidden;word-break:break-all}
.rellist .d-game-cont .d-game-desc li span a{color:#5684dc}
.rellist .d-game-cont .d-game-desc li span a:hover{opacity:.8}
.rellist .d-game-cont .d-game-desc li .h-tags{overflow:hidden;height:25px;text-align:center;font-size:13px;line-height:25px}
.rellist .d-game-cont .d-game-desc li .h-tags a{display:inline-block;padding:0 8px;border-radius:4px}
.rellist .d-game-cont .d-game-desc li .h-tags a:nth-child(n+2){margin-left:5px}
.rellist .d-game-cont .d-game-desc li .h-tags a:nth-child(1){background-color:#e9f5ec;color:#29b573}
.rellist .d-game-cont .d-game-desc li .h-tags a:nth-child(2){background-color:#e6eafc;color:#4963e7}
.rellist .d-game-cont .d-game-desc li .h-tags a:nth-child(3){background-color:#fff0f0;color:#f7423b}
.rellist .d-game-cont .d-game-desc li .h-tags a:nth-child(4){background-color:#fff5e3;color:#fba80b}
.rellist .d-game-cont .d-game-desc li .h-tags a:nth-child(5){background-color:#f1ecff;color:#fe7cff}
.rellist .ckbtn{float:right;display:block;width:120px;height:32px;line-height:32px;border-radius:4px;background-color:#fff;border:1px solid #00be6e;margin-top:34px;color:#00be6e;text-align:center;font-size:16px}
.rellist:hover .ckbtn{background-color:#00be6e;color:#fff}
.rellist:hover .title h1 a{color:#478af0}
.relGame .tab-list{text-align:left;margin-top:20px;border-bottom:1px solid #e5e5e5;overflow:hidden}
.relGame .tab-list .tl-item{display:inline-block;padding:0 10px;color:#333;text-align:center;font-size:18px;line-height:40px;cursor:pointer}
.relGame .tab-list .tl-item.current{color:#478af0;border-bottom:4px solid #478af0;color:#478af0}
.relGame .tab-cont{margin-top:10px}
.relGame .tab-cont .tc-item{margin-left:-17px;overflow:hidden}
.relGame .tab-cont .tc-item::after{content:"";display:block;clear:both;zoom:1}
.relGame .tab-cont .tc-item:nth-child(n+2){display:none}
.relGame .tab-cont .tc-item li{float:left;margin:12px 0 0 17px;width:90px}
.gllist-all{margin-top:-20px}
.gllist-all li{display:grid;grid-template-columns:150px 1fr 100px;border-bottom:1px solid #ececec;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;padding:16px 0;overflow:hidden}
.gllist-all li .tit{grid-column:span 3;overflow:hidden;margin-bottom:12px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;font-size:18px;line-height:24px}
.gllist-all li .tit:hover{color:#478af0}
.gllist-all li .pic{grid-row:span 2;width:100%;height:100px;overflow:hidden}
.gllist-all li .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.gllist-all li .sum{overflow:hidden;grid-column:span 2;color:#999;font-size:14px;line-height:22px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.gllist-all li .info{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-column-gap:10px;-moz-column-gap:10px;column-gap:10px;color:#bbb;font-size:12px;line-height:22px}
.gllist-all li .info span{color:#999}
.gllist-all li .btn{width:100%;border:1px solid #478af0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;color:#478af0;text-align:center;font-size:14px;line-height:32px}
.gllist-all li .btn:hover{background-color:#478af0;color:#fff}
.hotgl{padding-top:8px}
.hotgl li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 0;overflow:hidden}
.hotgl li .num{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin-right:9px;width:22px;color:#fff;text-align:center;font-weight:700;font-size:12px;line-height:21px;background-color:#b5bdc3}
.hotgl li .num.num1,.hotgl li .num.num2,.hotgl li .num.num3{background:#478af0}
.hotgl li .cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;display:grid;grid-template-columns:110px 1fr;gap:8px}
.hotgl li .cont .tit{grid-column:span 2;color:#333;font-size:14px;line-height:21px}
.hotgl li .cont .tit:hover{color:#478af0}
.hotgl li .cont .pic{width:100%;height:66px;overflow:hidden}
.hotgl li .cont .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hotgl li .cont .sum{overflow:hidden;color:#999;font-size:12px;line-height:22px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.hotgl li .cont .pic,.hotgl li .cont .sum{display:none;margin-bottom:5px}
.hotgl li.on{border-bottom:1px solid #ececec}
.hotgl li.on .num{height:36px;position:relative}
.hotgl li.on .num::after{content:"";position:absolute;bottom:0;left:0;border:11px solid transparent;border-bottom-color:#fff}
.hotgl li.on .pic{display:block}
.hotgl li.on .sum{display:-webkit-box}
.aside-hot-text li{padding:2px 0;border-bottom:1px dashed #f5f5f5}