.show-audio{display:flex;display:-moz-flex;display:-webkit-flex;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;height:100%}.show-audio *{touch-action:none}.show-audio .palyer{width:9.33333rem;margin:0 auto;position:relative}.show-audio .palyer .line{width:2.85333rem;height:5.12rem;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/share/audioline.png) no-repeat;background-size:2.85333rem auto;position:absolute;top:-.36rem;left:0;z-index:99}.show-audio .palyer .oncircle{transform-origin:top center;transform:rotate(-15deg);transition:transform 1s}.show-audio .palyer .offcircle{transform-origin:top center;transform:rotate(0deg);transition:transform 1s}.show-audio .palyer .startcircle{transform-origin:center center;animation:startcircle 20s linear infinite;-webkit-animation:startcircle 20s linear infinite}@keyframes startcircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes startcircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.show-audio .palyer .circle{margin:0 auto;margin-top:2rem}.show-audio .palyer .circle,.show-audio .palyer .circle img{width:9.33333rem;height:9.33333rem}.show-audio .palyer .progress{margin-top:.53333rem;padding:.26667rem;box-sizing:border-box;width:100%}.show-audio .palyer .progress .rangebox{height:.2rem;line-height:.2rem}.show-audio .palyer .progress .rangebox .start{margin-right:.26667rem}.show-audio .palyer .progress .rangebox .end{margin-left:.26667rem}.show-audio .palyer .progress .rangebox .mt-range-content{margin-right:.26667rem;height:.2rem}.show-audio .palyer .progress .rangebox .mt-range-content .mt-range-runway{height:.2rem;right:0;top:.17333rem;border-top-color:#f5f5f5}.show-audio .palyer .progress .rangebox .mt-range-content .mt-range-thumb{width:.33333rem;height:.33333rem;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/share/drow.png) no-repeat;background-size:.33333rem auto;position:absolute;left:0;top:-.06667rem;cursor:move;box-shadow:none}.show-audio .palyer .progress .rangebox .mt-range-content .mt-range-progress{background-color:#01cab8}.show-audio .palyer .handle{width:1.4rem;margin:.53333rem auto}.show-audio .palyer .handle .open{width:1.4rem;height:1.4rem;display:block;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/share/play.png);background-size:1.4rem auto}.show-audio .palyer .handle .pause{width:1.4rem;height:1.4rem;display:block;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/share/parse.png);background-size:1.4rem auto}