.mp3num { font-weight: bold; } .mp3name a { height: 15px; width: 205px; overflow: hidden; display: block; } .mp3name a, .mp3preview a { text-decoration: none; color: #000; } .mp3num, .mp3name, .mp3preview { vertical-align: middle; text-align: left; } .mp3preview img { width: 15px; height: 15px; } .mp3preview { width: 25px; height: 15px; text-align: center; } .mp3play img { width: 15px; height: 15px; } .mp3play { width: 25px; height: 15px; text-align: center; } .radio_btn_play { float: left; width: 75px; height: 75px; display: block; background: url('../images/radio_sprite.png') 0px 0px no-repeat; } .radio_btn_play:hover { background: url('../images/radio_sprite.png') 0px -75px no-repeat; } .radio_btn_play:active { background: url('../images/radio_sprite.png') 0px -150px no-repeat; } .radio_btn_play.pause { background: url('../images/radio_sprite.png') -75px 0px no-repeat; } .radio_btn_play.pause:hover { background: url('../images/radio_sprite.png') -75px -75px no-repeat; } .radio_btn_play.pause:active { background: url('../images/radio_sprite.png') -75px -150px no-repeat; } @-webkit-keyframes spincube { from { -webkit-transform: rotateZ(0deg); } to { -webkit-transform: rotateZ(360deg); } } .radio_btn_play.loading { background: url('../images/radio_sprite.png') -150px 0px no-repeat; -webkit-animation-name: spincube; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 3s; -webkit-transform-style: preserve-3d; } .radio_btn_play.loading:active { background: url('../images/radio_sprite.png') -150px -150px no-repeat; } .on_radio_box { width: 223px; padding: 2px 0px 0px 85px; height: 68px; } #on_cross_radio { font-size: 20px; margin: 0px 0px 10px 0px; } #on_cross_radio a { color: #bb1d1d; } #on_cross_radio span { color: #000; } #on_touch_radio { font-size: 20px; margin: 0px 0px 10px 0px; } #on_touch_radio a { color: #bb1d1d; } #on_touch_radio span { color: #000; }