@charset "utf-8";
.jp-play,.jp-pause{display: block; position:relative; width: .86rem; height: .86rem; border: 4px solid #fff; border-radius: 50%; margin-top:.2rem; margin-left:.18rem;}
.jp-play:before{position: absolute; top: .2rem;  left: .32rem; content: ""; border:.24rem solid transparent; border-left:.34rem solid #fff; }
.jp-pause:before{position: absolute; top: .24rem;  left: .26rem; content: ""; height: .4rem; width: .1rem; border:0px solid transparent; border-left:.12rem solid #fff; border-right:.12rem solid #fff;}
.fonhen-player-box { background-color:#FF6600; height:1.4rem; color:#fff; width:100%; position:relative; overflow:hidden;}
.fonhen-player-btn { position:absolute; left:.2rem; top:0; height:1.2rem; width:1.2rem;}
.fonhen-player-info { position:absolute; left:1.8rem; right:.4rem; top:.3rem; bottom:.4rem;}
.jp-state-playing  .jp-play { display:none;}
.jp-state-playing  .jp-stop { display:block;}
.fonhen-player-text { font-size:.32rem; line-height:.32rem; overflow:hidden; height:.32rem; margin-bottom:.2rem;}
.fonhen-player-title { float:left; width:2.8rem; height:4rem;  overflow:hidden; font-size:.28rem;}
.fonhen-player-time { float:right;}
.jp-progress {position:relative; height:.1rem; width:100%; background-color:#f9f9f9; cursor:pointer;}
.jp-progress >.jp-seek-bar {position:absolute; height:1px; left:0; top:0; background-color:#EF450A; z-index:9;}
.jp-progress >.jp-seek-bar > .jp-play-bar{ position:absolute; height:.1rem; left:0; top:0; background-color:#EF450A; z-index:10;}