.container[data-v-975a820e]{overflow:hidden}.bg[data-v-975a820e]{background-color:#f0f0f0;flex:1}.car[data-v-975a820e]{padding:0;padding-bottom:120%;display:flex;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.05);border-radius:6px;margin-bottom:15px;position:relative;cursor:pointer;transition:all .3s;overflow:hidden}.car[data-v-975a820e]:hover{box-shadow:0 0 5px rgba(0,0,0,.2)}.car-wraper[data-v-975a820e]{position:absolute;width:100%;height:100%;left:0;top:0}.car-wraper .car-bg[data-v-975a820e]{width:100%;height:calc(100% - 60px);display:block}.info>div[data-v-975a820e]{display:flex;align-items:center}.info .user[data-v-975a820e]{padding:4px 8px}.info .user img[data-v-975a820e]{width:26px;height:26px;border-radius:26px}.info .user span[data-v-975a820e]{margin-left:6px;font-size:12px}.info .des[data-v-975a820e]{padding:0 10px}.info .des>div[data-v-975a820e]:last-of-type{display:flex;align-items:center}.info .des>div:last-of-type img[data-v-975a820e]{width:12px;height:12px;margin-right:4px}.info .des>div:last-of-type span[data-v-975a820e]{color:#999}.info .des>div[data-v-975a820e]:first-of-type{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.play[data-v-975a820e]{width:40px;height:40px;position:absolute;left:50%;top:30%;margin-left:-20px;z-index:1}.code[data-v-975a820e]{width:60px;height:60px;position:absolute;bottom:50px;right:6px}.player[data-v-975a820e]{height:100px;background-color:#fff;display:flex;position:relative;border-radius:4px}.player-line-con[data-v-975a820e]{position:absolute;top:-4px;width:100%}.player-line-bg[data-v-975a820e]{width:100%;height:1vw;position:relative;cursor:pointer}.player-line[data-v-975a820e]{position:absolute;top:.2vw;width:98%;margin-left:1%;background-color:#5799e0;height:.2vw}.player-line .player-line-active[data-v-975a820e]{background-color:hsla(0,0%,100%,.7);height:.2vw;width:0;position:relative;transition:all .3s}.player-line .player-line-circle[data-v-975a820e]{width:.7vw;height:.7vw;background-color:#fff;border-radius:.7vw;position:absolute;right:-.25vw;top:-.25vw;cursor:pointer;transition:padding .2s;box-shadow:0 0 5px rgba(0,0,0,.4)}.player-info[data-v-975a820e]{flex:1;padding:10px 0 10px 20px;align-items:center;display:flex}.player-info .avatar[data-v-975a820e]{width:70px;height:70px;border-radius:6px}.player-info .avatar-des[data-v-975a820e]{margin-left:15px}.player-info .avatar-des>div[data-v-975a820e]:first-of-type{font-size:18px}.player-info .avatar-des>div[data-v-975a820e]:last-of-type{font-size:14px;color:#999;margin-top:10px}.player-btns[data-v-975a820e]{display:flex;align-items:center}.player-btns img[data-v-975a820e]{cursor:pointer}.i-1[data-v-975a820e]{width:24px;height:24px;margin-right:40px}.i-2[data-v-975a820e]{width:50px;height:50px;margin-right:40px}.i-3[data-v-975a820e]{width:20px;height:20px}.player-time[data-v-975a820e]{flex:1;display:flex;justify-content:flex-end;align-items:center;margin-right:18px}.player-time>div[data-v-975a820e]:last-of-type{font-size:20px;padding:4px 6px;border-radius:4px;cursor:pointer;margin-left:10px}.player-time>div[data-v-975a820e]:last-of-type:hover{background-color:rgba(18,110,231,.5)}.words[data-v-975a820e]{background-color:#fff;width:300px;height:calc(100% - 115px);position:absolute;top:0;right:0;border-radius:6px;box-sizing:border-box;padding:20px;overflow-y:auto;transition:all .3s}.words h1[data-v-975a820e]{font-size:18px;font-weight:400;padding-bottom:40px}.words p[data-v-975a820e]{color:#666}.volume-con[data-v-975a820e]{position:relative;display:inline-block}.volume-con .volume-display[data-v-975a820e]{width:60px;height:160px;background-color:#fff;border-radius:5px;position:absolute;top:-180px;left:-20px;box-shadow:0 0 10px rgba(0,0,0,.1)}.volume-con .volume-display[data-v-975a820e]:after{content:"";display:block;position:absolute;bottom:-8px;left:23px;width:0;height:0;border-left:.5vw solid transparent;border-right:.5vw solid transparent;border-top:.6vw solid #fff;text-align:center}.volume-con .volume-num[data-v-975a820e]{display:block;height:10px;line-height:20px;color:#409eff;text-align:center;width:100%}.volume-con .volume-slider[data-v-975a820e]{height:120px;margin-top:20px}.volume-con .is-vertical[data-v-975a820e] .el-slider__bar{width:6px}.volume-con[data-v-975a820e] .el-slider__button{width:15px;height:15px}.volume-con .is-vertical[data-v-975a820e] .el-slider__button-wrapper{left:-15px}.volume-con .is-vertical[data-v-975a820e] .el-slider__runway{width:4px;margin:0 auto}.drop img[data-v-975a820e]{vertical-align:middle;margin-right:4px}