.page { max-width: 680px; margin: 0px auto; min-height: 100%; }
.audiopage, .topicpage { background-color: #fff; }
.music_title { font-size: 2.4rem; line-height: 2.5rem; padding: 3rem 1.5rem; }
.content { font-size: 1.6rem; line-height: 2.5rem; padding: 1rem 1.5rem 6rem 1.5rem; }
.content p { margin-top: 1.5rem; word-break: break-all; text-align: justify; }
.content img{ width:100% !important;}
.footer { height: 5rem; width: 100%; max-width: 680px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; position: fixed; bottom: 0; padding: .5rem;
}
.download_logo, .download { width: 50%; height: 100%; float: left; }
.download_logo { background-image: url("/img1/get.png"); background-repeat: no-repeat; background-size: contain; background-position: 1rem center; }
.download { padding-right: 1rem; }
.download a { width: 60%; height: 3.6rem; display: block; float: right; background: #ff5f10; margin-top: .2rem;
border-radius: 5px; text-align: center; line-height: 3.6rem; color: #fff; font-size: 1.4rem; box-shadow: #ddd 0 2px 3px; }
#wrapper { width: 90%;    margin: 0px auto; }
 @media only screen and ( max-width: 32.5em ) /* 520 */ {
#wrapper { width: 100%; height: auto; position: static; padding: 0 1.25em; margin: 0 auto; }
}
.audioplayer { height: 2.5em; color: #fff; text-shadow: 1px 1px 0 #000; border: 1px solid #222; position: relative; z-index: 1; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) ); background: -webkit-linear-gradient( top, #444, #222 ); background: -moz-linear-gradient( top, #444, #222 ); background: -ms-radial-gradient( top, #444, #222 ); background: -o-linear-gradient( top, #444, #222 ); background: linear-gradient( top, #444, #222 ); -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.audioplayer > div { position: absolute; }
.audioplayer-playpause { width: 2.5em; height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; left: 0; }
.audioplayer-playpause:hover,  .audioplayer-playpause:focus { background-color: #222; }
.audioplayer-playpause a { display: block; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { width: 0; height: 0; border: 0.5em solid transparent;  border-right: none; border-left-color: #fff; content: ''; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.25em;  }
.audioplayer-playing .audioplayer-playpause a { width: 0.75em;  height: 0.75em;  position: absolute; top: 50%; left: 50%; margin: -0.375em 0 0 -0.375em;  }
.audioplayer-playing .audioplayer-playpause a:before,  .audioplayer-playing .audioplayer-playpause a:after { width: 40%; height: 100%; background-color: #fff; content: ''; position: absolute; top: 0; }
.audioplayer-playing .audioplayer-playpause a:before { left: 0; }
.audioplayer-playing .audioplayer-playpause a:after { right: 0; }
.audioplayer-time { width: 4.375em;  height: 100%; line-height: 2.375em;  text-align: center; z-index: 2; top: 0; }
.audioplayer-time-current { border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); left: 2.5em;  }
.audioplayer-time-duration { border-right: 1px solid #555; border-right-color: rgba( 255, 255, 255, .1 ); right: 2.5em;  }
.audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0; }
.audioplayer-bar { height: 0.875em;  background-color: #222; cursor: pointer; z-index: 1; top: 50%; right: 6.875em;  left: 6.875em;  margin-top: -0.438em; }
.audioplayer-novolume .audioplayer-bar { right: 4.375em;  }
.audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0; }
.audioplayer-bar-loaded { background-color: #333; z-index: 1; }
.audioplayer-bar-played { background: #007fd1; background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) ); background: -webkit-linear-gradient( left, #007fd1, #c600ff ); background: -moz-linear-gradient( left, #007fd1, #c600ff ); background: -ms-radial-gradient( left, #007fd1, #c600ff ); background: -o-linear-gradient( left, #007fd1, #c600ff ); background: linear-gradient( left, #007fd1, #c600ff ); z-index: 2; }
.audioplayer-volume { width: 2.5em;  height: 100%; border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0; }
.audioplayer-volume:hover,  .audioplayer-volume:focus { background-color: #222; }
.audioplayer-volume-button { width: 100%; height: 100%; }
.audioplayer-volume-button a { width: 0.313em;  height: 0.375em;  background-color: #fff; display: block; position: relative; z-index: 1; top: 40%; left: 35%; }
.audioplayer-volume-button a:before,  .audioplayer-volume-button a:after { content: ''; position: absolute; }
.audioplayer-volume-button a:before { width: 0; height: 0; border: 0.5em solid transparent;  border-left: none; border-right-color: #fff; z-index: 2; top: 50%; right: -0.25em; margin-top: -0.5em; }
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { width: 0.313em;  height: 0.313em;  border: 0.25em double #fff;  border-width: 0.25em 0.25em 0 0;  left: 0.563em;  top: -0.063em; -webkit-border-radius: 0 0.938em 0 0; -moz-border-radius: 0 0.938em 0 0; border-radius: 0 0.938em 0 0; -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.audioplayer-volume-adjust { height: 6.25em; cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #222; background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) ); background: -webkit-linear-gradient( top, #444, #222 ); background: -moz-linear-gradient( top, #444, #222 ); background: -ms-radial-gradient( top, #444, #222 ); background: -o-linear-gradient( top, #444, #222 ); background: linear-gradient( top, #444, #222 ); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; }
.audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; }
.audioplayer-volume-adjust > div { width: 40%; height: 80%; background-color: #222; cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0; }
.audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #007fd1; background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) ); background: -webkit-linear-gradient( bottom, #007fd1, #c600ff ); background: -moz-linear-gradient( bottom, #007fd1, #c600ff ); background: -ms-radial-gradient( bottom, #007fd1, #c600ff ); background: -o-linear-gradient( bottom, #007fd1, #c600ff ); background: linear-gradient( bottom, #007fd1, #c600ff ); }
.audioplayer-novolume .audioplayer-volume { display: none; }
.audioplayer-play,  .audioplayer-pause,  .audioplayer-volume a { -webkit-filter: drop-shadow( 1px 1px 0 #000 ); -moz-filter: drop-shadow( 1px 1px 0 #000 ); -ms-filter: drop-shadow( 1px 1px 0 #000 ); -o-filter: drop-shadow( 1px 1px 0 #000 ); filter: drop-shadow( 1px 1px 0 #000 ); }
.audioplayer-bar,  .audioplayer-bar div,  .audioplayer-volume-adjust div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.audioplayer-bar,  .audioplayer-volume-adjust > div { -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); }
.audioplayer-volume-adjust div div,  .audioplayer-bar-played { -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); }
.audioplayer-volume-adjust { -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); }