.home-panel-container{width:100%;height:100%;padding-bottom:16px;border-radius:4px;position:relative}.home-panel-container .home-panel{list-style:none;width:100%;height:100%;padding:0;margin:0;overflow:hidden;position:relative}.home-panel-container .home-panel .home-panel-li{width:100%;height:100%;padding:0 16px;background-color:#fff;position:absolute;top:0;left:100%;-webkit-transition:left .5s;transition:left .5s;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.home-panel-container .home-panel .home-panel-li.last-active{position:absolute;top:0;left:-100%}.home-panel-container .home-panel .home-panel-li.active{position:absolute;top:0;left:0;-webkit-transition:left .5s;transition:left .5s;z-index:1}.home-panel-container .home-panel .panel-item{width:96px;height:96px;margin:0 2px;border-radius:4px;position:relative}.home-panel-container .home-panel .empty-panel-item{width:96px;height:96px;margin:0 2px}.home-panel-container .home-panel .panel-item:hover{background-color:#eee;cursor:pointer}.home-panel-container .home-panel .panel-item>.mark{font-size:12px;line-height:14px;color:#fff;padding:0 6px;background-color:#ff003c;border-radius:7px;position:absolute;top:8px;right:8px}.home-panel-container .home-panel .panel-item>.img{max-width:40px;position:absolute;top:28px;right:0;bottom:0;left:0;margin:0 auto;max-height:40px}.home-panel-container .home-panel .panel-item>.text{width:100%;font-size:12px;color:rgba(0,0,0,.65);margin:0;padding:0 8px;text-align:center;position:absolute;left:0;bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-panel-container .last-page,.home-panel-container .next-page{width:24px;height:48px;background-color:rgba(0,0,0,.1);position:absolute;top:50%;margin-top:-32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.home-panel-container .last-page{left:0;border-radius:0 2px 2px 0;z-index:2}.home-panel-container .next-page{right:0;border-radius:2px 0 0 2px;z-index:2}.home-panel-container .pager{list-style:none;width:100%;height:16px;padding:0;margin:0;position:absolute;bottom:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-panel-container .pager li{display:inline-block;width:6px;height:6px;margin:0 8px;border-radius:50%;background-color:#eee}.home-panel-container .pager li.active{background-color:#999;cursor:pointer}