#bill-walkthrough-btn {
  cursor:pointer;
}
#bill-wrap {
  max-width:700px;
  margin:auto;
  position:relative;
}
.bill-tip {
  cursor:pointer;
}
  
  /*  Bill 1  */
#bill_1 {
  position: absolute; left: 39.5%; top: 4.67%; width: 4.63%; height: 4.1%; z-index: 2;
}
#show_bill_1 {
  top: 5.27%;
}
#bill_2 {
  position: absolute; left: 80%; top: 15.43%; width: 4.53%;  height: 3.85%; z-index: 2;
}
#show_bill_2 {
  top: 12.43%;
}
#bill_3 {
  position: absolute; left: 28.75%; top: 23.02%; width: 4.43%; height: 3.75%; z-index: 2;
}
#show_bill_3 {
  top: 24%;
}
#bill_4 {
  position: absolute; left: 23.75%; top: 44.1%; width: 5.1%; height: 4.2%; z-index: 2;
}
#show_bill_4 {
  top: 44%;
}
#bill_5 {
  position: absolute; left: 70.9%; top: 50.00%; width: 5.13%;  height: 3.95%; z-index: 2;
}
#show_bill_5 {
  top: 53%;
}
#bill_6 {
  position: absolute; left: 85.7%; top: 62.5%; width: 5%;  height: 4.25%; z-index: 2;
}
#show_bill_6 {
  top: 64%;
}
#bill_7 {
  position: absolute; left: 34.7%; top: 80.6%; width: 5.13%; height: 4.35%; z-index: 2;
}
#show_bill_7 {
  top: 62%;
}
  
/*  Bill 2  */
#bill_8 {
  position: absolute; left: 25.9%; top: 9.87%; width: 4.63%; height: 4.00%; z-index: 2;
}
#show_bill_8 {
  top: 4%;
}
#bill_9 {
  position: absolute; left: 88.85%; top: 32.9%; width: 4.77%;  height: 3.93%; z-index: 2;
}
#show_bill_9 {
  top: 19%;
}
#bill_10 {
  position: absolute; left: 17.65%; top: 43.4%; width: 4.87%;  height: 4.13%; z-index: 2;
}
#show_bill_10 {
  top: 41%;
}
  
/*  Bill 3  */
#bill_11 {
	position: absolute;
	left: 22.8%;
	top: 8.1%;
	width: 4.57%;
	height: 3.83%;
	z-index: 2;
}
#show_bill_11 {
  top: 3%;
}
#bill_12 {
	position: absolute;
	left: 81%;
	top: 34%;
	width: 4.87%;
	height: 3.73%;
	z-index: 2;
}
#show_bill_12 {
  top: 30%;
}
/***#bill_13 {
	position: absolute;
	left: 84.7%;
	top: 8.99%;
	width: 5.0%;
	height: 3.95%;
	z-index: 2;
}***/
#show_bill_13 {
  top: 15%;
}
/***#bill_14 {
	position: absolute;
	left: 37.5%;
	top: 49.5%;
	width: 4.57%;
	height: 3.73%;
	z-index: 2;
}***/
#show_bill_14 {
	top: 40%;
	left: 40%;
}
  
#bill_15 {
  position: absolute; left: 31%; top: 69.28%; width: 6.57%; height: 5.33%; z-index: 2;
}
/*#show_bill_15 {
  top: 76%;
}*/
/***#bill_16 {
  position: absolute; left: 83%; top: 79.53%; width: 4.87%;  height: 4.13%; z-index: 2;
}****/
#show_bill_16 {
  top: 82%;
}
#bill_17 {
	position: absolute;
	left: 21.7%;
	top: 72%;
	width: 4.87%;
	height: 3.83%;
	z-index: 2;
}
#show_bill_17 {
  top: 55%;
}
  
.bill-tip-info {
  display:none;
  background-color: #fff;
  position:absolute;
  left:0;
  border:solid 4px #0079c2;
  border-radius:10px;
  padding:30px 20px 20px;
  box-shadow:0 0 5px #999;
  z-index:999;
}
.close-bill-tip-info {
    background: #61c845;
    color: #fff;
    position: absolute;
    top: 1px;
    right: 1px;
    margin: 0;
    padding: 5px;
    width: 38px;
    height: 35px;
    border: solid 2px #1ca97d;
    font-weight: bold;
    text-align: center;
    border-radius: 30px;
    cursor:pointer;
    z-index: 999;
    transition: all 1s;
}
.close-bill-tip-info:hover {
  background-color: #1ca97d;
  color: #fff;
}
@media (max-width: 480px) {
  #bill_11 {
	left: 24%;
	top: 7%;
}
  #bill_12 {
	left: 80%;
	top: 31%;
}
  #bill_17 {
	left: 22%;
	top: 71%;
}
  #bill_14 {
	left: 79%;
	top: 31%;
}
}
  @media (max-width: 420px) {
	#bill_17 {
	top: 67%;
}
	#bill_14 {
	top: 30%;
}
	
  }
  @media (max-width: 375px) {
	#bill_12 {
	left: 79%;
	top: 30%;
}
	#bill_17 {
	top: 66%;
	left: 23%;
}

  }