@charset "utf-8";

section {
  margin-top: 10px;
  background-color: #fff;
}

section .s-title {
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}

section .s-title span {
  height: 37px;
  line-height: 37px;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
}

.related-tags-box{
  padding: 0 10px;
}

.related-tags-box .tags-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
}

.related-tags-box .tags-list a {
  display: block;
  padding: 0 13px;
  height: 27px;
  border: 2px solid #fff;
  border-radius: 5px;
  color: #666;
  font-size: 15px;
  line-height: 27px;
  margin: 0 0 7.5px 7px;
}

.related-tags-box .tags-list a:nth-of-type(5n+1) {
  border-color: #e7f0ff;
  color: #2971e5;
}

.related-tags-box .tags-list a:nth-of-type(5n+2) {
  border-color: #fff3e1;
  color: #fe9904;
}

.related-tags-box .tags-list a:nth-of-type(5n+3) {
  border-color: #fdf9e2;
  color: #e6c108;
}

.related-tags-box .tags-list a:nth-of-type(5n+4) {
  border-color: #e5f7f7;
  color: #21bebf;
}

.related-tags-box .tags-list a:nth-of-type(5n+5) {
  border-color: #e5f7f7;
  color: #21bebf;
}

.related-tags-box .tags-list a:nth-of-type(5n+1):hover {
  background: #e7f0ff;
}

.related-tags-box .tags-list a:nth-of-type(5n+2):hover {
  background: #fff3e1;
}

.related-tags-box .tags-list a:nth-of-type(5n+3):hover {
  background: #fdf9e2;
}

.related-tags-box .tags-list a:nth-of-type(5n+4):hover {
  background: #e5f7f7;
}

.related-tags-box .tags-list a:nth-of-type(5n+5):hover {
  background: #e5f7f7;
}

.subject {
  overflow: hidden;
  background: #fff;
  padding: 0 10px;
  border-bottom: 1px solid #eee;
}

.subject .module-title {
  position: relative;
  margin-bottom: 16px;
}

.subject .module-title h2 {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  padding-top: 10px;
}

.subject .module-title .view-more {
  position: absolute;
  top: 13px;
  right: 16px;
  text-align: right;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  color: #666;
}

.subject .module-title .view-more:after {
  position: absolute;
  display: block;
  content: "";
  right: -10.4px;
  top: 2.6px;
  margin: auto;
  width: 4.68px;
  height: 10.4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAoCAYAAADzL6qcAAAAAXNSR0IArs4c6QAAA0tJREFUSA2dlkloU2EQx/NeYvBgiVDUNqKgUFS0HpKgCB4UwZsHiwuligg2XXKoC6IFwYpitQdBk3TJxX1r68GbBwVvSmsKIi1KsW7YFhewWiwkTeLvi31h8rL0tR88Zub/zfwzM2++70Wrr6/fkEwmH2iaVpZKpc5GIpGwbR5LJ/gyceuRpchgXV3drnnw2HSCkiJQg/BWQ0PDaoFZUhXROZ6Y8F6cSCR6WlpaFgpsVlXv6up6RX+OmTw9o6OjQRNW1LSr3Wg02u/z+dagVgpvj9fr/cjea4EVVFVp6VVSUlJLZkOGrSR2B/3aKLFCuiY3/H7/WoL7afgiA8cedjqdvmAw+NvA8slMRmqTGXqLOCIdIa2IxWLXJZZPT/dIbtCTQfqlZmqzwNfRr0n2XggsS83KyNghixOU9NKwlcS+ROlbJSb1vESUGLfb7ftw/GE4Q+5Af9jU1LTMwKTMS6Qc2tvbvyBqyEROvntqaup+d3d3TktyAPkr9OQ9/VLQdoGvGhkZcbL3TGDpsybtHL28vPwCWT0xbZwyH+6sOTI5Z8xAIFAaj8cHAFZmQJvtF/PlCYVCHxRWsEciwBYOh3/qur4XLOtwM1+9xuG2RKRIOzs7+xDHlS6WZ2xs7JqyLZUmAm305h6jUC0xenjQckZGYL7DDfHpORPRKxWTMzZzJpqYmLhBBuruyiy4W+dExFk7CUlVhuG/0sGLuGuZiM/WNuJaJQlN7nO73UcVZumtQbKcTAZ4lgqi7w6HwztzJmcfSMpZAEGPiSRBNtUGiSK3UtoVSLaITJR6hq9P1qEtWhol1fA5vyNJyOQxzd2NTEm8YEaUVAlJRDoTPEx2h8wkyidnsBQIiQvnp6hlyp5Zf5E7uT0/G4CUORnxi3BoN5EVWY667ofkjcSknpPR+Ph4MyQB6YQeornqX0vBlZURJ3sHJOelN9mpT5D5+pAuaT3z1hobG1dMT09HQZcYXpB84/Hwlr4aWCGZzohbzslfmV5Jgq6Gbr8VEkWeJuKWu0pJmxQgVjMkz4VdVNXoywFIbpu8HvGG9piwoqb6el6UHpTzzuVyHZaYFV2VlnlzkExiV7W1tf2xEix91M1ZCzDI84mninkZkg5W9X+GEyv1EM1nyQAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: 100% 100%;
}

.subject .game-list {
  padding-bottom: 16px;
  display: flex;
}

.subject .game-list .game-item-rk {
  width: 25%;
  text-align: center;
}

.subject .game-list .game-item-rk .game-icon {
  width: 62.5px;
  height: 62.5px;
  border-radius: 10px;
  margin: auto;
}

.subject .game-list .game-item-rk .game-icon img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.subject .game-list .game-item-rk .game-name {
  line-height: 16px;
  font-size: 13px;
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.subject .game-list .game-item-rk .game-info {
  color: #999;
  font-size: 11px;
  height: 14px;
  padding-top: 2px;
}

.subject .game-list .game-item-rk .down-btn {
  display: block;
  font-size: 14px;
  width: 58px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #19a5e7;
  color: #fff;
  border-radius: 4px;
  margin: 5px auto 0;
}

.hjny2 ul li:first-of-type{border-top: none;}
.tab-box .tab-btns {height: 45px;border-bottom: 1px solid #ddd;display: flex;background-color: #fff; margin-top: 10px;}
.tab-box .tab-btns .tb {position: relative;flex: 1;width: 50%;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #333;box-sizing: content-box;}
.tab-box .tab-btns .tb.active {color: #19a5e7;border-bottom: 1px solid #19a5e7;}
.tab-box .tab-btns .tb.active::before,.tab-box .tab-btns .tb.active::after {content: ' ';position: absolute;left: 50%;z-index: 8;width: 0;height: 0;margin-left: -8px;border: solid transparent;border-width: 8px;}
.tab-box .tab-btns .tb.active::before {border-bottom-color: #19a5e7;bottom: 0;}
.tab-box .tab-btns .tb.active::after {border-bottom-color: #fff;bottom: -1px;}<script type="text/javascript">
            for(let i = 0; i<$("img").length; i++ ){
                $("img").eq(i).attr("data-src",$("img").eq(i).attr("src")).attr("src","https://img.8495.cn/uploads/allimg/200101/1-200101111142305.jpg").addClass("lazyload");
            }
                $("img").attr("onerror","imgerror()");
                function imgerror(){
                    var img=event.srcElement;
                    img.src="https://img.8495.cn/uploads/allimg/200101/1-200101111142305.jpg";
                    img.onerror=null;
                }
            </script>
            <script src="https://img.8495.cn/m/static/js/lazyload.js"></script>