.classify-head { display: block; overflow: hidden; padding: .9rem .75rem .85rem; color: #333; font-size: .7rem; font-weight: bold; height: .7rem; line-height: .7rem; }
.classify-ico { float: right; height: 100%; width: 1rem; cursor: pointer; position: relative; }
.classify-ico:after { content: ""; position: absolute; top: 0; left: 0; border: .05rem solid #9b9b9b; width: .4rem; height: .4rem; border-width: .05rem .05rem 0 0; transform: rotate(135deg); transform-origin: center center; transition: transform .5s ease; }
.classify-ico.show-list:after { transform: rotate(315deg); }
.classify-list.show-all { max-height: none; }
.classify-list a { padding: 0 .7rem; height: 1.4rem; float: left; line-height: 1.5rem; font-size: .6rem; color: #666; margin: .75rem 0 0 .5rem; position: relative; }
.classify-list { margin: -.75rem 0 0 .25rem; overflow: hidden; max-height: 4.5rem; }
.game-classify { padding-bottom: 1rem; border-bottom: .3rem solid #eee; }
.classify-list a.active { border-color: #c03131; background: #c03131; color: #fff; }
.classify-list a.active:after { content: ""; position: absolute; border: .25rem solid #c03131; border-color: transparent transparent #c03131 #c03131; bottom: 0; left: 0; }
.game-ol { overflow: hidden; padding: .8rem 0 1rem; }
.game-ol a { width: 5.2rem; height: 1.5rem; border-radius: 0.75rem; text-align: center; display: block; margin: 0 auto; line-height: 1.5rem; font-size: .75rem; color: #333; }
.game-ol li { float: left; width: 50%; }
.game-ol li.active a { background: #c03131; color: #fff; }
.d_icon {display: block;background: #eee;width: 90%;margin: 1rem auto;text-align: center;color: #aaa;height: 2rem;line-height: 2rem;font-size: 1rem;border-radius: .3rem;}