.volume-panel{display:flex;align-items:center}.volume-panel .volume-inner-icon{flex:1 0 24px;margin:4px 12px 4px 4px;font-size:24px;color:#262626;cursor:pointer}.volume-panel .volume-inner-icon:hover{color:#ff801f}.volume-panel .volume-bar{padding-right:10px}.volume-panel .volume-bar-inner{position:relative;width:110px;height:4px;background:linear-gradient(90deg,#fff4eb,#ff801f);border-radius:4px}.volume-panel .volume-bar-inner .click-modal{position:absolute;top:-100%;left:0;padding:4px 0;width:100%;height:300%;z-index:5}.volume-panel .volume-bar-inner .volume-pointer{position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-6px;width:12px;height:12px;border-radius:6px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.12);cursor:pointer;z-index:10}.volume-panel .volume-bar-inner .volume-pointer-inner{position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:3px;background-color:#ff801f}.volume-panel .volume-bar-inner .volume-gray{position:absolute;top:0;right:0;height:4px;background-color:#e9e9e9;border-radius:4px}.volume-panel .volume-num{display:inline-flex;justify-content:center;align-items:center;transform:scale(.834);width:100%;height:22px;font-size:12px}.icon-button-vol-wrapper{display:flex;align-items:center}