body{background:#0029fd;}body .wrapper{background:url(../img/bg-top.png) no-repeat center top/100% auto,url(../img/bg-bottom.png) no-repeat center bottom/100% auto;}body .wrapper>.header{position:relative;z-index:1;width:100%;height:68vw;background:url(../img/header.png) no-repeat center center/100% auto;}body .wrapper .main{width:89.6vw;margin:0 auto;padding-top:3.6vw;}body .wrapper .main .live{height:50.4vw;border-radius:1.6vw;overflow:hidden;background:url(../img/kv.jpg) no-repeat center center/100% 100%;box-shadow:white 0 0 2vw .2vw;}body .wrapper .main .live iframe{display:block;width:calc(100% - 2px);height:calc(100% - 2px);margin:1px;border:0;background-color:#000;}body .wrapper .main .live #Video{width:100%;height:100%;border-radius:1.6vw;}body .wrapper .main .live .video-js{width:100%;height:100%;border-radius:1.6vw;}body .wrapper .main .live .video-js .vjs-big-play-button{top:calc(50% - 1em);left:calc(50% - 1em);width:2em;height:2em;border-radius:1em;line-height:2em;}body .wrapper .main .live .video-js .vjs-error-display::before{content:'直播未开始或已停止';font-size:2em;}body .wrapper .main .live .video-js .vjs-error-display *{display:none;}body .wrapper .main .qrcodes{margin:3.5vw 0;text-align:center;}body .wrapper .main .qrcodes ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;}body .wrapper .main .qrcodes ul li{min-width:33%;margin-top:6.5vw;}body .wrapper .main .qrcodes ul li img{display:block;width:17vw;height:16.9vw;margin:0 auto;}body .wrapper .main .qrcodes ul li div{padding-top:.5vw;line-height:1.25;color:#fff;font-size:2.4vw;font-weight:bold;}body .wrapper .main .showcase{width:89.6vw;margin:6.8vw auto 0 auto;}body .wrapper .main .showcase .header{height:5vw;padding:15vw 0 2vw 0;line-height:5.3333vw;line-height:5vw;text-align:right;color:#82baff;font-size:3.2vw;}body .wrapper .main .showcase ul{display:grid;grid-template-columns:29.2vw 29.2vw 29.2vw;grid-gap:1vw;}body .wrapper .main .showcase ul .item{position:relative;width:29.2vw;height:21.4vw;margin-top:2.2vw;overflow:hidden;}body .wrapper .main .showcase ul .item>div{width:100%;height:16.4vw;border-radius:1vw;overflow:hidden;background:url(../img/play.svg) no-repeat center center/6vw auto,url(../img/kv.jpg) no-repeat center center/100% 100%;}body .wrapper .main .showcase ul .item>div::before{content:'';display:block;box-sizing:border-box;width:100%;height:100%;border:.4vw solid #fff;border-image:linear-gradient(#00c0ff,#09ffc5) 1;}body .wrapper .main .showcase ul .item>a{display:block;height:5vw;line-height:5vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;text-decoration:none;color:#fff;font-size:2.7vw;font-weight:bold;}body .wrapper .main .showcase ul .item>a::after{content:'';position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;display:block;}body .wrapper>.footer{padding:31.5vw 0 16vw 0;background:url(../img/footer.png) no-repeat center top/100% auto;}body .wrapper>.footer ul{display:flex;justify-content:space-evenly;}body .wrapper>.footer ul li{width:36vw;text-align:center;}body .wrapper>.footer ul li img{display:block;width:18.3vw;height:18.3vw;margin:0 auto;}body .wrapper>.footer ul li div{padding-top:.5vw;line-height:1.25;color:#fff;font-size:2.4vw;}