@font-face {font-family: "fx";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#fx') format('svg'); /* iOS 4.1- */
}

.fxfont {
  font-family:"fx" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-playselected:before { content: "\e600"; }

.icon-icon-pause:before { content: "\e601"; }

.icon-note:before { content: "\e602"; }


/* pivot audio shortcode*/
.pivot-audio{border-radius:2px;display:inline-block;height:100px;width:316px;position:relative;margin:20px 0;background-color:#f4f6f8;max-width:100%}
.xiami-cover{position:absolute;height:100px;overflow:hidden;position:absolute;text-align:center;width:100px;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:rgba(0,0,0,0.6);left:0;top:0;line-height:100px;z-index:9}
.play-prosess{position:absolute;height:3px;bottom:0;left:0;width:100%;cursor:pointer;z-index:10}
.play-prosess-bar{height:3px;background-color:#ee4d50;width:0%}
.play-timer{position:absolute;right:5px;bottom:5px;background-color:#ee4d50;color:#fff;font-size:12px;font-family:bigfa;border-radius:2px;padding:0 5px}
.audio-player{padding-left:110px;height:100px;font-size:bigfa;font-size:12px}
.audio-name{color:#ee4d50;padding:5px 0}
.audio-author{}
.play-button{cursor:pointer}
.play-button .fxfont{font-size:48px;color:rgba(255,255,255,0.95)}
.play-button:hover .fxfont{color:#ee4d50}
.play-button .fxfont:before{content:"\e600"}
.play-button.playing .fxfont:before{content:"\e601"}
.icon-note:before { content: "\e602"; }

.fxcopy.css-tooltip{position:absolute;right:5px;top:8px;text-decoration:none;border:none!important;line-height:1px}
.fxcopy .fxfont{font-size:12px}

.css-tooltip{position:relative}
.css-tooltip:after{background-color:rgba(0,0,0,0.8);border-radius:3px;bottom:110%;color:#fff;content:attr(data-tooltip);display:none;font-size:12px;left:50%;line-height:1.3;padding:5px;position:absolute;text-align:center;width:160px;margin-left:-85px}
.css-tooltip:hover:after{display:block}