<style> 

.mainbar3 {

  border-left: 1px solid #FFC0CB;

  border-right: 1px solid #FFC0CB;

  border-bottom: 1px solid #FFC0CB;

    background-color: #FFE5EA;

}

div.th{

 border-color:#FFC0CB;

 background-color:#FFC0CB;

 background-image:none;

}

.list{ background-color: #39C;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  overflow: hidden;} 

  .list:before{

 content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-color: #FFC0CB;

  border-style: solid;

  border-width: 0;

  -webkit-transition-property: border-width;

  transition-property: border-width;

  -webkit-transition-duration: 0.1s;

  transition-duration: 0.1s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  }

.list:hover, .list:active, .list:focus{

   -webkit-animation-name: pop;

  animation-name: pop;

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  background:url("http://img.sc115.com/uploads/png/110125/2011012516344515230.png") no-repeat 35% 50%;

}

.list:hover:before, .list:active:before, .list:focus:before{

  -webkit-transform: translateY(0);

  transform: translateY(0);

  border-width: 3px;

}

.list_a{ background-color:transparent; border-right: 1px solid #FFC0CB; } 

.list_c{ background-color:transparent; border-right: 1px solid #FFC0CB;} 

.list_r1{ background-color:transparent; border-left: 1px solid #FFC0CB;} 

.list_r{border-left: 1px solid #FFF;}

.list1{border-right: 1px solid #FFF;}

.list{ border: 2px solid pink;

padding: 3px;

margin-bottom: 3px; } 

.list{ background-color:transparent; } 

body{ background-image:url("http://webimg1.meitudata.com/201509/13/55f54b1a4ba49.jpg"); background-repeat:no-repeat; background-position:71% 55%;cursor:url(http://chuantu.biz/t2/13/1442276848x-1133352371.png), auto; } 

@-webkit-keyframes pop {

  50% {

    -webkit-transform: scale(1.06);

    transform: scale(1.06);

  }

}

@keyframes pop {

  50% {

    -webkit-transform: scale(1.06);

    transform: scale(1.06);

  }

}

</style>

<audio autoplay="" controls="" src="http://qzone.haoduoge.com/music2/2014-10-09/1412830767.mp3"></audio>不想要音乐的可以删掉http-mp3。音乐就可以去掉了当然。也可以自己添加的。