*{
  margin: 0; padding: 0;
}
img{ margin: 0; padding: 0;}

.box01{
 background-color: #9e7dd5;
 width: 240px;
 height: 80px;
 float: left;
 transition: background-color 1s;
 text-align: center;
 color: #fff;
 padding-top: 20px;
}
.left{
 background-color: #9e7dd5;
  width:480px;
  height: 100px;
   float: left;
}

.right{
  float: right;
}
.clear{
  clear: both;
}

.box01:hover{
  background-color: #765D9F;
}
.zx{
  width: 213px;
  height: 213px;

  position: absolute;
  bottom: 90px;
  left: 470px;
  border-radius: 100%;

}
















sss