body{background:#0f034a}body,html{height:100%}.container{min-height:100%;overflow:auto;padding-bottom: 2.8000rem;box-sizing:border-box;-webkit-overflow-scrolling:touch}.banner{height: 13.2533rem}.banner img{width:100%;height:auto}.banner-title{position:absolute;top: 6.2267rem;left:50%;transform:translateX(-50%);width: 7.0933rem;height: 1.9333rem}.banner-title img{width:100%;height:auto}.brief{position:absolute;top: 8.0000rem;left:50%;transform:translateX(-50%);width: 8.3733rem;height: 1.7467rem}.brief img{width:100%;height:auto}.share-btn{margin-top: -2.6667rem;text-align:center}.share-btn img{width: 4.0000rem;height: 1.2667rem}.share-content{position:fixed;top: 3.1067rem;left:50%;width: 8.5333rem;margin-left: -4.2667rem;overflow:hidden;transition:all .3s ease;transform:scale(0);opacity:0;z-index:-1}.share-content.active{z-index:999;opacity:1;transform:scale(1)}.share-content .share-img{width:100%;height:auto}.share-content .close-btn{position:absolute;top:0;right:0;padding: 0.2667rem}.share-content .close-btn img{width: 0.6667rem;height: 0.6667rem}.share-content p{position:absolute;bottom: 0.5333rem;left:0;width:100%;text-align:center;font-size: 0.4000rem;font-weight:bold;color:#fff}.player-list{padding: 0.8000rem 0.4000rem 0.2667rem;background:url("../src/img/content-bg.jpg") repeat-y top/100%}.player-list .player{margin-top: 0.5333rem;padding: 0.5067rem 0.4000rem 0.4000rem;background:#fff;border-radius: 0.1333rem;overflow:hidden}.player-list .player.fadeOut{animation:fadeOut .5s}.player-list video{width:100%;height:auto}.player-list .avater-line .avatar{margin-right: 0.4000rem;display:inline-block;width: 1.7067rem;height: 1.7067rem;border-radius:50%;vertical-align:middle;box-shadow:0 0.2533rem 0.3600rem rgba(58,85,212,0.3)}.player-list .avater-line span{vertical-align:middle}.player-list .audio-block{position:relative;margin-top: 0.8000rem;height: 4.6000rem;border-radius: 0.1333rem;overflow:hidden}.player-list .audio-block .bg{width:100%;height:100%}.player-list .audio-block .slogen{position:absolute;bottom:0;right:0;display:inline-block;height: 0.5333rem;line-height: 0.5333rem;width: 1.2000rem;border-radius: 0.1333rem 0 0 0;background:rgba(0,0,0,0.7);color:#fff;font-size: 0.3200rem;text-align:center}.player-list .player-main-title{padding:0 0.0800rem;margin-top: 0.3333rem;color:#666;font-size: 0.3733rem}.player-list .control-wrap{margin-top: 0.3333rem;position:relative;overflow:hidden}.player-list .control-wrap:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);height:0;width:150%;border-top:1px dashed #eee}.player-list .control-wrap .control-btn-wrap{padding-bottom: 0.4000rem;text-align:center}.player-list .control-wrap .control-btn-wrap .control-btn{display:inline-block;width: 1.1733rem;height: 1.1733rem;border-radius:50%;box-shadow:0 0.2533rem 0.3600rem rgba(58,85,212,0.45)}.player-list .progress-wrap{position:relative;height: 1.3867rem}.player-list .progress-wrap .progress-btn{position:absolute;top: -0.1067rem;width: 0.2133rem;height: 0.2133rem;border: 0.0533rem solid #fedafd;border-radius:50%;background:#e061fc}.player-list .progress-wrap .progress{position:absolute;top: 0.6400rem;left:50%;transform:translateX(-50%);height: 0.1067rem;width: 7.3333rem;background:#eee;border-radius: 0.0533rem}.player-list .progress-wrap .progress .progress-active{position:absolute;top:0;left:0;height:100%;border-radius: 0.0533rem;background:linear-gradient(to right, #5251f4, #c433fb)}.player-list .progress-wrap .time{position:absolute;top: 1.0000rem;color:#999;font-size: 0.3200rem}.player-list .progress-wrap .start-time{left: 0.5333rem}.player-list .progress-wrap .end-time{right: 0.5333rem}.footer{margin-top: -2.7200rem}.footer img{width:100%;height:auto}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}