.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(../style/images/ctm_icon_vr.png) 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(../style/images/ctm_icon_see.png) 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(../style/images/ctm_icon_left.png) 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(../style/images/ctm_icon_vrshow.png) no-repeat; background-size: 48px; }