.card-img-wrap,.card-title{overflow:hidden;width:100%}body,html{width:100%;height:100%;margin:0}body{visibility:hidden;background-color:#000}*{box-sizing:border-box;-webkit-box-sizing:border-box}.active-video-block{position:relative;z-index:99999;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%)}.active-video,.video-hotspot-list{left:0;top:0;z-index:10;position:absolute}.active-video{opacity:1;max-width:100%;max-height:100%}.active-video-block img{max-width:100%;object-fit:contain;vertical-align:middle}.active-video-block li,.active-video-block ol,.active-video-block ul{margin:0;list-style-type:none;padding:0}.video-hotspot-list{width:100%;height:100%}.video-hotspot-list li{position:absolute}.video-hotspot-list li:HOVER{cursor:pointer}.video-hotspot-detail{position:relative;pointer-events:none}.video-hotspot-point{display:block;width:18px;height:18px;background:#fff;border:7px solid #001eb4;border-radius:50%;position:relative;animation:3s infinite bordershow;pointer-events:none}.video-hotspot-point::after,.video-hotspot-point::before{content:'';left:50%;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:50%;background:rgba(0,30,180,.2);top:50%;pointer-events:none;z-index:-1;display:block}.video-hotspot-point::before{position:absolute;animation:3s .75s infinite boderM}.video-hotspot-point::after{position:absolute;animation:3s infinite boderM}.hotspot-detail-expand{position:absolute;left:42px;top:50%;z-index:50;transform:translateY(-50%);white-space:nowrap;font-size:16px;padding:0 23px;line-height:44px;pointer-events:none;display:flex;align-items:center}.hotspot-detail-expand::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:0;height:100%;background:rgba(0,30,180,.77);border-radius:30px}.hotspot-detail-icon{font-size:24px;margin-right:15px;width:30px;max-height:30px;display:flex}.hotspot-detail-icon>img{max-width:100%;max-height:100%;object-fit:contain}.hotspot-detail-title{color:#fff;font-size:14px;margin-right:15px;vertical-align:middle}.hotspot-detail-arrow{font-size:20px;color:#ccc;vertical-align:middle}.hotspot-detail-expand span{opacity:0}.video-hotspot.act .hotspot-detail-expand::before{width:100%;transition:.4s cubic-bezier(.34, .44, .41, 1.12)}.video-hotspot.act .hotspot-detail-expand span{opacity:1;transition:.36s .4s}.video-hotspot.act .hotspot-detail-expand{pointer-events:all}.video-hotspot.act.left-show .hotspot-detail-expand{right:42px;left:unset}.video-hotspot.act.left-show .hotspot-detail-expand::before{right:0;left:unset}.video-hotspot.act.left-show .hotspot-detail-icon,.video-hotspot.act.left-show .hotspot-detail-title{margin-left:15px;margin-right:unset}@keyframes boderM{0%{transform:translate(-50%,-50%) scale(1);opacity:0}20%{opacity:1}75%{transform:translate(-50%,-50%) scale(2);opacity:0}100%{opacity:0}}@media(min-width:1920px){.active-video-block,.active-video-block .active-video,.active-video-block>div,.active-video-block>div img{height:100%;width:100%}}.hotspot-card-wrap{position:absolute;z-index:100}.hotspot-card{width:270px;height:280px;background:#fff;border-radius:16px;box-sizing:border-box;padding:15px 0 0;display:flex;flex-direction:column;align-items:center}.card-title{padding:0 10px;font-size:20px;color:#000;margin:0 0 16px;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-link{font-size:14px;color:#06f;text-decoration:none;margin:0 0 20px}.card-img-wrap{flex:1;border-radius:16px}.card-img-wrap img{width:100%;height:100%;display:block;object-fit:contain}