.bilibili-banner-base{z-index:0;-webkit-user-select:none;user-select:none;background-color:#e3e5e7;background-position:50% 0;background-repeat:no-repeat;background-size:cover;justify-content:center;min-width:1000px;height:9.375vw;min-height:155px;max-height:240px;margin:0 auto;display:flex;position:relative}.bilibili-banner-base>.animated-banner{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bilibili-banner-base>.animated-banner .layer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.bilibili-banner-base>.animated-banner .layer img,.bilibili-banner-base>.animated-banner .layer video{will-change:transform,opacity;transform-origin:50%}.bilibili-banner-base>.inner{align-items:flex-end;width:100%;max-width:2078px;margin:0 auto;display:flex;position:relative}.bilibili-banner-base>.inner>.inner-logo{z-index:1;width:180px;height:50%;min-height:60px;margin-bottom:10px;display:inline-block}.bilibili-banner-base>.inner>.inner-logo>img{object-fit:contain;width:162px;height:78px;display:block}.bilibili-banner-base>.inner>.head-title{color:#fff;opacity:0;background-color:#2f3238e6;border-radius:4px;max-width:350px;padding:6px 10px;font-size:14px;line-height:20px;transition:opacity .3s;position:absolute;bottom:25px;left:380px}.bilibili-banner-base:hover .head-title{opacity:1}.bilibili-banner-base>.taper-line{z-index:0;pointer-events:none;background:linear-gradient(#0006,#0000);width:100%;height:100px;position:absolute;top:0;left:0}.bilibili-banner-base>.banner-link{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:2200px){.bilibili-banner-base>.inner{max-width:2078px}}@media (min-width:1701px) and (max-width:2199px){.bilibili-banner-base>.inner{max-width:2270px;padding:0 96px}}@media (max-width:1700px){.bilibili-banner-base>.inner{padding:0 64px}}@media (max-width:1366px){.bilibili-banner-base>.inner{padding:0 56px}}