.vr-asidebox {position: fixed; bottom: 290px; left: 16px; width: 160px; height: 90px; background: #eee; overflow: hidden; border: 4px solid rgba(4, 120, 237, 0.24); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08); border-radius: 8px; display: none; z-index: 1000; } .vr-small {position: fixed; bottom: 290px; left: 16px; width: 72px; height: 90px; background: url("/mirror-assets/3be7e0495badc08c9698aa37.webp") no-repeat center; background-size: 69.5px; overflow: hidden; display: none; cursor: pointer; z-index: 1000; display: block; text-decoration: none; } .vr-group {position: relative; } .vr-animate {width: 160px; height: 90px; background: #eee; position: relative; } .js-marquee {/*margin-right: 0!important;*/ } .vr-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .vr-mask {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: #000; opacity: 0.4; } .vr-jump {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: url("/mirror-assets/e18ddfc111c42eaacb140e56.webp") no-repeat center center; background-size: 34px; font-size: 0; } .vr-close {position: absolute; top: 50%; right: 0px; width: 16px; height: 20px; display: block; transform: translate(0, -50%); background: rgba(255, 255, 255, 0.6); border-radius: 4px 0px 0px 4px; cursor: pointer; } .vr-close i {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: url("/mirror-assets/93611e56ad84945508579a7c.webp") no-repeat center center; background-size: 16px; } .vr-group:hover .vr-link {display: block; } .vr-logo {position: absolute; top: 4px; left: 4px; width: 50px; height: 14px; background: url("/mirror-assets/14fb1769a2fb54a9779ea31f.webp") no-repeat; background-size: 48px; }
