.player{position:relative;top:0;right:0;left:0;bottom:0}.player .progress-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:95%;margin:0 auto;padding:10px 0}.player .progress-wrapper .progress-bar-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:5px}.player .progress-wrapper .progress-bar-wrapper .progress-bar{height:30px;cursor:pointer}.player .progress-wrapper .progress-bar-wrapper .progress-bar .bar-inner{position:relative;top:13px;height:4px;background:#eee5ff}.player .progress-wrapper .progress-bar-wrapper .progress-bar .bar-inner .progress{position:absolute;height:100%;background-color:#bc99ff}.player .progress-wrapper .progress-bar-wrapper .progress-bar .bar-inner .progress-btn-wrapper{position:absolute;left:-8px;top:-13px;width:30px;height:30px}.player .progress-wrapper .progress-bar-wrapper .progress-bar .bar-inner .progress-btn-wrapper .progress-btn{position:relative;top:7px;left:7px;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#bc99ff}.player .progress-wrapper .time{color:#eee5ff;font-size:12px;width:110px;text-align:left}.player .operators{cursor:pointer;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player .operators img{vertical-align:middle;margin:0 20px}i.el-icon-video-pause,i.el-icon-video-play{font-size:28px}.time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70px;font-size:18px;color:#7369ff}.time-view span{display:inline-block;padding:0 10px}.fashion-view{position:relative;width:100px;height:180px;margin:auto}.fashion-audio{top:50%;width:100px;height:100px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:100px;text-align:center;font-size:24px;cursor:pointer;color:#7369ff}.a-item,.fashion-audio{position:absolute;left:50%}.a-item{top:0;margin-left:-1px;width:2px;height:3px;background-color:red;-webkit-transform-origin:0 50px;transform-origin:0 50px;-webkit-transition:height .2s linear,top .2s linear;transition:height .2s linear,top .2s linear;border-radius:5px 5px 0 0}