.zsbox{position: fixed;right: 1rem;bottom: 1rem;width: 4rem;height: 6rem;max-width: 100%;z-index: 111;transition: all 0.4s ease-in-out;pointer-events:none;}
.zsbox.on{right:0;pointer-events:all;}
.zsbox iframe{transform: scale(0);transition: all 0.4s ease-in-out;opacity: 0;pointer-events: none;}
.zsbox.on iframe{transform: scale(1);opacity: 1;pointer-events: all;}
.zsbox .zsico{position: absolute;width:0.6rem;right: 0rem;bottom: 0rem;opacity: 1;pointer-events:all;cursor: pointer;}
.zsbox .zsico video{width:100%;object-fit: contain;display:block;pointer-events: none;}
.zsbox .zsico img{display:none;}
.zsbox.on .zsico{opacity:0;pointer-events:none;}

@media screen and (max-width:999px){
.zsbox{right:0;bottom:0;max-width:90%;border-radius: 0.2rem;}
    .zsbox .zsico img{display:block;}
    .zsbox .zsico video{display:none;}
.zsbox .zsico{bottom:45px;right:5px;}
}