.box[data-v-78edf638]{width:500px;overflow:hidden;position:relative;height:100%}.box .box1[data-v-78edf638]{transition:all .5s;right:0}.box .box1[data-v-78edf638],.box .box1[data-v-78edf638]:hover{width:100%;position:absolute;background:#6495ed;color:#fff;top:0}.box .box1[data-v-78edf638]:hover{right:-20px}li[data-v-78edf638]{position:relative;overflow:hidden;width:300px}.up[data-v-78edf638]{position:absolute;width:100%;line-height:40px;height:0;bottom:0;color:#fff;opacity:.8;transition:all .5s}li:hover .up[data-v-78edf638]{height:40px;background-color:#92df36;width:100%;transform:translate(0)}