.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: #ff7d2f; background: #ff7d2f; color: #fff; }
.classify-list a.active:after { content: ""; position: absolute; border: .25rem solid #ff7d2f; border-color: transparent transparent #ff7d2f #ff7d2f; 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: #ff7d2f; 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;}
.sur-img { width: 3rem; height: 3rem; border-radius: 0.5rem; overflow: hidden; float: left; }
.sur-img img { display: block; width: 100%; height: 100%; }
.sur-list li { display: block; overflow: hidden; padding: .75rem 0; border-top: .05rem solid #f4f4f4; }
.sur-list { margin: .25rem .75rem 0; overflow: hidden; }
.sur-list li:first-child { border: none; }
.sur-c { float: left; margin-left: .75rem; width: 10rem; }
.sur-btn {float: right;width: 2.6rem;height: 1.1rem;border: solid 0.05rem #ff7d2f;text-align: center;line-height: 1.2rem;color: #ff7d2f;margin-top: .9rem;}
.sur-tit {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-size: .7rem;height: .7rem;line-height: .7rem;margin-top: .5rem;}
.sur-info {display: block;overflow: hidden;height: .6rem;line-height: .6rem;color: #ccc;margin-top: 1rem;}
.sur-info em {display: inline-block;color: #ff7d2f;margin-right: .2rem;}
.sur-info b { color: #999; margin-left: .2rem; display: inline-block; font-weight: normal; }
.score-star { display: block; width: 3.85rem; height: 0.6rem; background: url(../images/jlt.png) 0 -3.6rem no-repeat; margin-top: .5rem; background-size: 7.7rem 8.45rem; }
.score-star-hide { display: block; height: 100%; background: url(../images/jlt.png) 0 -4.4rem no-repeat; background-size: 7.7rem 8.45rem; }