#tags{width: 846px;height:740px;overflow: hidden;}
#tags .active{display: block;}
.tagsList{height: 47px;margin: 50px 0;}
.tagsList li{
    width: 90px;
    height: 46px;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    box-sizing: border-box;
}
.tagsList li a{
    display: inline-block;
    width: 80px;
    height: 46px;
    line-height: 46px;
    background: #f7f7f7;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    text-align: center;
    margin-left: 5px;
}
.tagsList li.on a{border-bottom: none;background: #fcfcfc;}
/* 本例子css */
.game163{ position: relative;padding: 4px; overflow: hidden; width: 846px;height:600px;display: none; }
.bigImg-box{width: 846px;height: 420px;}
.game163 .bigImg{ width: 846px;height: 420px; position: relative;overflow: hidden;}
.game163 .bigImg li img{ vertical-align:middle; width: 846px;height: 420px;  }
.game163 .smallScroll{  padding:20px 0; width:840px;height: 104px;border: 1px solid #d9d9d9;margin-top: 18px;}
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 16px; height: 47px; text-indent: -9999px; background: url("../images/arrow_prev.png") no-repeat;margin-top: 40px;margin-left: 5px;}
.game163 .sNext{background: url("../images/arrow_next.png") no-repeat;margin-top: 40px;margin-left: -13px;}
.game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width: 800px; overflow: hidden;}
.game163 .smallImg ul{ width: 800px;height: 109px; overflow: hidden; }
.game163 .smallImg li{ width:189px; height:109px;margin:0 4px;box-sizing: border-box;float: left;  display: inline;  }
.game163 .smallImg li img{ width: 179px;height: 99px;border: 5px solid #fbe4ae; }
.game163 .smallImg li.on img{ border-color: #8f022c;}
.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;display: none;}
.game163 .pageState span{ color: #f00; font-size: 16px;}