.draggable{width:50px;height:50px;cursor:pointer;position:absolute;left:0px;right:0px;}

.draggable .close{display:none !important}

.draggable .yuans {

  display: inline-block;

  width: 33px;
  margin-top: 7px;

  height: 33px;

  border-radius: 50%;

  background-color: #00aa46;

  color: #ffffff;

  font-size: 30px;

  font-weight: lighter;

  text-align: center;

  line-height: 33px;

  position: relative;

}

.draggable .yuans::after {

  position: absolute;

  content: '';

  width: 40px;

  height: 40px;

  border-width: 1px;

  border-color: #00aa46;

  border-style: dashed;

  border-radius: 50%;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  /* ie 9 */

  -moz-transform: translate(-50%, -50%);

  /* firefox */

  -webkit-transform: translate(-50%, -50%);

  /* safari 和 chrome */

  -o-transform: translate(-50%, -50%);

}

.draggable .car-yao {

  width: 403px;

  right: 100px;

  top: -60px;

  display: none;

  height: 146px;

  border-width: 1px;

  border-color: #ffffff;

  border-style: solid;

  background-color: #0c88e6;

  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);

  color: #ffffff;

  padding: 30px 25px 30px 40px;

  z-index:999;

  position:absolute;

}

.draggable .car-yao .p1 {

  font-size: 18px;

  position: relative;

}

.draggable .car-yao .p1 span {

  position: absolute;

  left: -15px;

  top: 50%;

  -ms-transform: translatey(-50%);

  /* ie 9 */

  -moz-transform: translatey(-50%);

  /* firefox */

  -webkit-transform: translatey(-50%);

  /* safari 和 chrome */

  -o-transform: translatey(-50%);

  transform: translatey(-50%);

  border-radius: 50%;

  background-color: #ffffff;

  width: 6px;

  height: 6px;

  display: inline-block;

}

.draggable .car-yao .p2 {

  font-size: 16px;

  line-height: 30px;

}

.draggable .car-yao .guanbi {

  transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  /* ie 9 */

  -moz-transform: rotate(-45deg);

  /* firefox */

  -webkit-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  font-size: 30px;

  font-weight: lighter;

  right: 20px;

  top: 0px;

}
#car-ul li{
  background: transparent!important;
}

#car-ul li:nth-child(2)  .yuans{
  background: #0c88e6!important;
}
#car-ul li:nth-child(2)  .yuans::after{
  border-color: #0c88e6!important;
}
#car-ul li:nth-child(3)  .yuans{
  background: #0c385a!important;
}
#car-ul li:nth-child(3)  .yuans::after{
  border-color:  #0c385a!important;
}

#car-ul li:nth-child(4)  .yuans{
  background: #980111!important;
}
#car-ul li:nth-child(4)  .yuans::after{
  border-color: #980111!important;
}
@media (max-width:480px){
  .car-div>ul{
    display: none;
  }

}