.title[data-v-7f2b0762]{font-size:30px;font-family:PingFang SC;font-weight:400;line-height:42px;color:#333}.title span[data-v-7f2b0762]{padding-left:16px;font-size:16px}.content[data-v-7f2b0762]{padding:30px 0 0 0;display:flex;justify-content:space-between}.content>div[data-v-7f2b0762]{height:390px;border-radius:8px;overflow:hidden}.content>div a[data-v-7f2b0762]{display:flex;justify-content:center;width:100%;height:100%;position:relative}.content>div a img[data-v-7f2b0762]{width:auto;height:100%}.content>div[data-v-7f2b0762]:first-child{width:890px}.content>div:first-child a div[data-v-7f2b0762]{width:296px;height:100%;padding:20px;position:absolute;top:0;right:0;transform:translateX(100%);transition:all .3s ease;background-color:rgba(0,0,0,.7)}.content>div:first-child a div p[data-v-7f2b0762]{color:#fff;font-size:16px;line-height:30px;text-indent:2em;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}.content>div:first-child a:hover div[data-v-7f2b0762]{transform:translateX(0)}.content>div[data-v-7f2b0762]:nth-child(2){width:290px}.content>div:nth-child(2) a div[data-v-7f2b0762]{width:100%;height:195px;padding:20px;position:absolute;bottom:0;left:0;transform:translateY(100%);transition:all .3s ease;background-color:rgba(0,0,0,.7)}.content>div:nth-child(2) a div p[data-v-7f2b0762]{color:#fff;font-size:16px;line-height:30px;text-indent:2em;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.content>div:nth-child(2) a:hover div[data-v-7f2b0762]{transform:translateY(0)}