.eight-box[data-v-e4b264f6]{position:relative}.list[data-v-e4b264f6]{display:flex;flex-wrap:wrap;justify-content:space-between}.list .item[data-v-e4b264f6]{background-color:#fff;box-shadow:0 0 15px #0000000d;cursor:pointer;margin-bottom:12px;overflow:hidden;position:relative}.list .item[data-v-e4b264f6]:first-child{width:calc(63% - 5px)}.list .item[data-v-e4b264f6]:nth-child(2){width:calc(37% - 5px)}.list .item[data-v-e4b264f6]:nth-child(n+3):nth-child(-n+5){width:calc(33.33% - 8px)}.list .item[data-v-e4b264f6]:nth-child(n+6):nth-child(-n+9){width:calc(25% - 11.25px)}.list .item[data-v-e4b264f6]:nth-child(n+6):nth-child(-n+9) .el-image{height:auto!important}.list .item[data-v-e4b264f6] .el-image{display:block;overflow:hidden}.list .item[data-v-e4b264f6] .el-image img{transition:transform .3s}.list .item .layer[data-v-e4b264f6]{bottom:0;left:0;padding:16px 5%;position:absolute;right:0;z-index:1}.list .item .layer[data-v-e4b264f6]:after{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.8));bottom:0;content:"";display:block;height:163px;left:0;position:absolute;width:100%;z-index:-1}.list .item .layer .tit[data-v-e4b264f6]{color:#fff;font-family:SourceHanSansCN Medium;font-size:16px;line-height:23px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .item .layer .des[data-v-e4b264f6]{color:#ffffffb3;display:-webkit-box;font-size:12px;height:32px;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.list .item .content[data-v-e4b264f6]{padding:14px}.list .item .content .tit[data-v-e4b264f6]{color:#333;font-family:SourceHanSansCN Medium;font-size:16px;line-height:23px;margin-bottom:6px}.list .item .content .des[data-v-e4b264f6]{color:#999;display:-webkit-box;font-size:12px;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.list .item[data-v-e4b264f6]:hover .el-image{display:block;overflow:hidden}.list .item[data-v-e4b264f6]:hover .el-image img{transform:scale(1.2)}.list .item:hover .content .tit[data-v-e4b264f6]{color:var(--primary-color)}[data-v-e4b264f6] .tab-box .tab-list li{width:163px!important}@media screen and (max-width:1600px){.list[data-v-e4b264f6]{margin-left:173px;margin-right:15px}[data-v-e4b264f6] .tab-box{left:0;margin-left:0!important}}@media screen and (max-width:700px){.list .item[data-v-e4b264f6]{width:100%!important}.list .item[data-v-e4b264f6]:nth-child(-n+5){height:163px}.list .item .layer[data-v-e4b264f6]{padding:16px}}