.jp-audio-wrapper{position:relative;width:430px;height:32px;}
    #jquery_jplayer{display:none;}
    .jp-controls{display:inline-block;}
        .jp-controls button{background:#5c5c66;border:none;color:white;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:16px;}

    .jp-progress{position:absolute;left:45px;top:9px;background:#ededed;border-radius:7px;height:14px;width:200px;}
        .jp-seek-bar{background:transparent;width:100%;height:100%;cursor:pointer;position:relative;}
            .jp-play-bar{background:#525661;width:0%;height:100%;border-radius:7px;position:absolute;top:0;left:0;}
            .jp-slider-handle{width:20px;height:20px;background:#9098ae;box-shadow:0 0 5px 0 rgba(0,0,0,.4);border-radius:50%;position:absolute;top:-3px;transform:translateX(-50%);}
    
    .jp-time-holder{position:absolute;left:260px;font-size:14px;line-height:32px;}

    .jp-volume-buttons{position:absolute;top:5px;left:350px;}
        .jp-volume-buttons i{border:none;font-size:20px;border-radius:4px;cursor:pointer;}
        .jp-volume-bar-box{display:none;position:absolute;padding:10px;border-radius:4px;border:solid 1px #ccc;background-color:#fff;z-index:1;}
        .jp-volume-buttons:hover .jp-volume-bar-box{display:block;}
            .jp-volume-bar{position:relative;background:#eee;width:100px;height:6px;border-radius:4px;cursor:pointer;}
                .jp-volume-bar-value{position:absolute;background:#5c5c66;height:100%;width:50%;border-radius:4px;top:0;left:0;}

    .jp-times{position:absolute;z-index:3;top:2px;left:380px;cursor:pointer;}
        .jp-times span{font-size:14px;}
        .jp-times ul{display:none;margin-left:-2px;list-style:none;padding:3px 0;border-radius:4px;border:solid 1px #ccc;background-color:#fff;}
        .jp-times:hover ul{display:block;}
            .jp-times li{list-style:none;padding:2px 15px;font-size:10px;color:#000}
            .jp-times li:hover{background-color:#efefef;}
            .jp-times li.cur{color:red;font-weight:bolder;}

    @media(max-width:767.98px){
        .jp-audio-wrapper{margin-left:0;width:335px;}
    }

    @media(min-width:768px) and (max-width:991.98px){
        .jp-audio-wrapper{width:322px}
    }

    @media(max-width:991.98px){
        .jp-progress{width:100px;}
        .jp-time-holder{left:160px;}
        .jp-volume-buttons{left:250px;}
        .jp-times{left:280px;}

        .card .card-body{padding:20px 15px 15px}
    }
  
.content-wrapper{padding:1rem 0 0.5rem 0;min-height:100px;}  

.card .card-body{padding:25px 30px 15px}

#vediolistbox{position:relative;overflow:hidden;}
    .vediolist p.cur{color:#439aff;}
    .vediolist p{cursor:pointer;color:#999;}
        .vediolist .icon-chart{display:none;}
        .vediolist p.cur .icon-chart{display:inline;}
        .vediolist p.cur .icon-arrow-right{display:none;}

.vediotextwarp{border:solid 1px #e9e9e9;padding:10px 15px;border-radius:8px;}        
    #vediotext{position:relative;overflow:hidden;color:#666;}
        .vtextlist{position:relative;padding-left:30px;cursor:pointer;}
        .vtextlist.cur{color:#439aff;}
            .vtextlist span{position:absolute;left:0px;top:0px;}
        
/* 模式区 */
.player-modes{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;row-gap:8px;}
    .mode-tabs{display:inline-flex;gap:8px;}
        .mode-tab{border-radius:999px;padding:6px 14px;border:1px solid #ddd;background:#f5f5f5;font-size:13px;cursor:pointer;}
        .mode-tab.active{background:#2f7cff;color:#fff;border-color:#2f7cff;}
    .sentence-repeat{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#666;}
        .repeat-btn{border-radius:999px;padding:4px 10px;border:1px solid #e0e0e0;background:#f7f7f7;font-size:12px;cursor:pointer;}
        .repeat-btn.active{background:#e5ebff;border-color:#2f7cff;color:#2f7cff;}  
  
#paly-tips{color:#999;font-size:12px;}        
    .form-check{display:inline-block;}