.posi[data-v-f2a414b2]{margin:auto}.time_content[data-v-f2a414b2]{position:relative;height:100px;width:70px;margin:auto;background:linear-gradient(green,#000)}.time_content .time_base[data-v-f2a414b2]{position:absolute;width:100%;height:50%;font-size:32px;border:1px solid #fff;color:#7fffd4;text-align:center;overflow:hidden}.time_content .card1[data-v-f2a414b2]{line-height:100px;background:#abc}.time_content .card2[data-v-f2a414b2]{line-height:0;top:50%;transform:rotateX(180deg);transform-origin:center top;backface-visibility:hidden;background:green;transition:all .5s;z-index:2}.time_content .card3[data-v-f2a414b2]{line-height:100px;transition:.5s;background:#5f9ea0;transform-origin:center bottom;backface-visibility:hidden}.time_content .card4[data-v-f2a414b2]{top:50%;line-height:0;background:#9acd32}.time_content:hover .card2[data-v-f2a414b2]{transform:rotateX(0)}.time_content:hover .card3[data-v-f2a414b2]{transform:rotateX(-180deg)}