*{margin: 0; padding: 0; text-size-adjust: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
html{ background-color: #fff;}
ul,ol{list-style-type: none;}
a{ text-decoration: none;}
img{ border:none; vertical-align: middle;}
.share-content .head{ position: relative; width: 170px; height: 170px; padding: 5px; box-shadow: 0 0 4px rgba(255, 127, 88, .4); margin: 45px auto 0;}
.music_box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.music_box .jp-controls{ text-align: center;}
.music_box .jp-controls a{ display: block; width: 80px; height: 80px; margin: 45px auto; overflow: hidden; text-indent: -999px; background: url('../img/controls.png') no-repeat; background-size: 170px auto;}
.music_box .jp-controls .jp-play{ background-position: 0 -35px;}
.music_box .jp-controls .jp-pause{ background-position: -85px -35px;}

.info{ width: 90%; margin: 24px auto 0; padding-bottom: 100px;}
.info h3{ margin-bottom: 10px; text-align: center; font-size: 22px; font-weight: 200; color: #333;}
.info h4{ margin: 30px auto; text-align: center; font-size: 17px; font-weight: 200; color: #333;}
.info .info-date { margin: 0 auto 20px; text-align: center; font-size: 15px; font-weight: 200; color: #333;}
.info .info-word p { font-size: 16px; color: #555; }

.chapters tr.playing td {
    padding-right: 30px;
    background: url('../img/pause_16x16.png') no-repeat 98% center;
}
.chapters tr.stopped td {
    padding-right: 30px;
    background: url('../img/play_16x16.png') no-repeat 98% center;
}
.chapters tr.not-free td {
    color: #c8c8c8;
}

.foot{ position: fixed; left: 0; right: 0; bottom: 0; padding: 14px 12px; overflow: hidden; background-color: #e4e6e8; background-image: url('../img/bookting.png'); background-repeat: no-repeat; background-position: 12px center; background-size: auto 34px;}
.foot .download{ float: right; font-size: 14px; line-height: 30px; width: 80px; text-align: center; background: #ff7f58; border-radius: 5px; color: #fff;}
@keyframes scale{
    from{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    to{ transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}
@-webkit-keyframes scale{
    from{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    to{ transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}


.share-content .event-head{ position: relative; width: 100%;}
.share-content .event-head img {width: 100%; height: auto;}