.activity .listBox{overflow:hidden;position:relative}.activity .listBox li:nth-of-type(n+5){margin-top:30px}.activity .listBox li .itemBox{position:relative;background:#fff;padding:6px}.activity .listBox li .itemBox img{display:block}.activity .listBox li .itemBox div{position:absolute;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:rgba(0,0,0,.5);opacity:0;transition:300ms;overflow:hidden}.activity .listBox li .itemBox div h3{position:relative;top:50%;transform:translateY(-50%) translateX(-100%);transition:300ms 200ms;color:#fff}.activity .listBox li .itemBox div h3 small{font-size:14px;color:#fff}.activity .listBox li .itemBox:hover div{opacity:1}.activity .listBox li .itemBox:hover div h3{transform:translateY(-50%) translateX(0)}.activity .listBox.active li{position:absolute;float:none;display:inline-block;margin-top:0}.activity .pageBox{height:60px;overflow:hidden}.activity .pageBox ul.m-pagination-page{width:100%;padding:10px;text-align:center}.activity .pageBox ul.m-pagination-page li{display:inline-block;float:none}.activity .pageBox ul.m-pagination-page li >a{width:24px;height:40px;line-height:40px;text-align:center}.activity .pageBox ul.m-pagination-page li.active a{background:#27c48f;border-color:#27c48f}
.activity-layer{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);transform:translateY(-110%)}.activity-layer.active{transform:translateY(0)}.activity-layer.active .layer-content{transform:translateY(0)}.activity-layer .layer-content{padding:30px;border:1px solid #ccc;border-radius:5px;position:relative;width:800px;height:460px;background:#fff;top:50%;left:50%;margin-left:-400px;margin-top:-230px;transform:translateY(-110%);transition:300ms;box-shadow:0 0 10px #444}.activity-layer .layer-content .closeBox{position:absolute;width:20px;height:20px;top:0;right:-30px;color:#fff;font-size:20px;cursor:pointer}.activity-layer .layer-content .imgBox{height:400px;overflow:hidden}.activity-layer .layer-content .imgBox .bigBox{position:relative;height:330px;width:482px;overflow:hidden}.activity-layer .layer-content .imgBox .bigBox p.stage{position:relative;width:100%;height:100%;overflow:hidden;left:0;top:0}.activity-layer .layer-content .imgBox .bigBox p.stage img{position:absolute;width:100%;left:0;top:0;opacity:0}.activity-layer .layer-content .imgBox .bigBox p.stage img:nth-of-type(1){z-index:10}.activity-layer .layer-content .imgBox .bigBox p.next,.activity-layer .layer-content .imgBox .bigBox p.prev{position:absolute;width:40px;height:40px;text-align:center;font-size:20px;background:rgba(0,0,0,.5);color:#fff;line-height:40px;top:50%;margin-top:-30px;z-index:20;cursor:pointer;transition:300ms linear}.activity-layer .layer-content .imgBox .bigBox p.next{border-top-left-radius:5px;border-bottom-left-radius:5px;right:-50px}.activity-layer .layer-content .imgBox .bigBox p.prev{left:-50px;border-top-right-radius:5px;border-bottom-right-radius:5px}.activity-layer .layer-content .imgBox .bigBox:hover p.next{right:0}.activity-layer .layer-content .imgBox .bigBox:hover p.prev{left:0}.activity-layer .layer-content .imgBox .smallBox{position:relative;width:482px;height:60px;top:10px;overflow:hidden}.activity-layer .layer-content .imgBox .smallBox li{position:absolute;width:90px;height:60px;top:100%;left:calc(50% - 45px);overflow:hidden;text-align:center;background:#f5f5f5;cursor:pointer}.activity-layer .layer-content .imgBox .smallBox li img{width:100%}.activity-layer .layer-content .imgBox .smallBox li p{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;transition:500ms;background:rgba(0,0,0,.5)}.activity-layer .layer-content .imgBox .smallBox li:hover p,.activity-layer .layer-content .imgBox .smallBox li.active p{background:rgba(0,0,0,0)}.activity-layer .layer-content .textBox{height:400px;overflow:hidden}.activity-layer .layer-content .textBox >div h3{font-size:18px;margin-top:0;margin-bottom:2px}.activity-layer .layer-content .textBox >div time{font-size:14px;color:#ccc}.activity-layer .layer-content .textBox >div div{margin-top:10px}.activity-layer .layer-content .loadingBox{position:absolute;left:50%;top:50%;width:100%;text-align:center;transform:translateY(-50%) translateX(-50%)}