*{margin:0;padding:0}body,html{height:100%}.top{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;align-items:center;justify-content:space-between;height:2.45rem;background:rgba(0,0,0,.5)}.top .logo{margin-left:9rem;width:6rem;height:1.25rem}.top .nav{display:flex;margin-right:9rem}.top .nav .nav-item{font-size:.45rem;font-family:Microsoft YaHei;color:#fff;margin-left:1.75rem}.content{width:100%;height:100%;background:#000;position:absolute;z-index:99}.content .content-info{display:flex;flex-direction:column;align-items:center;position:absolute;top:70%;left:50%;transform:translate(-50%,-70%);z-index:999}.content .content-info .title{font-size:2.5rem;line-height:2.5rem;font-family:Microsoft YaHei;color:#fff;font-weight:700;white-space:nowrap}.content .content-info .code-info{margin-top:1.7rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:10.25rem;height:13.25rem;background:rgba(0,0,0,.8);border-radius:.75rem}.content .content-info .code-info .code{width:8.55rem;height:8.55rem;background:#fff;border-radius:.45rem}.content .content-info .code-info .code img{width:8.55rem;height:8.55rem}.content .content-info .code-info .detail-info{text-align:center;margin-top:.65rem;width:8.25rem;font-size:.85rem;font-weight:700;color:#fff;line-height:1rem}.content .video-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9}.content .video-container video{width:100%;height:100%;object-fit:cover}.content .explain{position:fixed;bottom:4%;left:50%;transform:translateX(-50%);z-index:999;display:flex;align-items:center}.content .explain img{height:28px;margin-right:6px}.content .explain a{font-size:.3rem;color:#fff;text-decoration:none;margin:0 20px;height:28px;display:inline-flex;align-items:center}