.banner-bar{background-image:url(../images/banner/01.jpg)}.other-main{padding-top:80px}.class-list{height:500px;width:1160px;margin:0 auto 80px}.class-list .class-item{width:380px;height:500px;position:relative;float:left;margin-right:10px;overflow:hidden;cursor:pointer}.class-list .class-item:hover .mask-layer{opacity:0}.class-list .class-item:hover .tip-bar{-webkit-transform:translateY(0);transform:translateY(0)}.class-list .class-item:last-child{margin-right:0}.class-list .class-item .mask-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.2;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:10}.class-list .class-item>a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:15;color:#fff}.class-list .class-item>a .tip-bar{width:100%;position:absolute;height:60px;line-height:60px;background:rgba(23,23,23,.5);bottom:0;left:0;padding:0 20px;font-size:24px;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.class-list .class-item>a .tip-bar u{font-size:18px;float:right}.class-list .class-item.item-01{background:url(../images/lowjpg/class/01.jpg)}.class-list .class-item.item-02{background:url(../images/lowjpg/class/02.jpg)}.class-list .class-item.item-03{background:url(../images/lowjpg/class/03.jpg)}