.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.changeMoney {
  width: 90%;
  background: #fff6e0;
  border-radius: 5px;
  border: 2px solid #2b1e00;
  font-size: 16px;
  position: fixed;
  z-index: 100;
  /* display: none; */
  box-shadow: 0 0 10px #4f3700;
}

.changeMoney .title {
  color: #ffc62d;
  height: 35px;
  line-height: 35px;
  background: #4f3700;
  text-align: center;
}

.changeMoney .title span {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
}

.changeMoney .title i {
  position: relative;
  z-index: 101;
  float: right;
  margin-right: 12px;
  cursor: pointer;
  transition: .3s;
  font-style: normal;
}

.changeMoney .title i:hover {
  color: #fed201;
}

.changeMoney .cont {
  background: #FFF6E0;
  padding: 10px 15px;
  width: 90%;
  margin: 0 auto;
}

.changeMoney .list {
  font-size: 14px;
  padding: 7px 7px 9px;
  background: #ffe09a;
  border: 1px dashed #4f3700;
  margin-bottom: 5px;
}

.user_list_btn {
  float: right;
  line-height: 0;
}

.user_list_btn span {
  display: inline-block;
  width: 63px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
}

.user_list_btn span:first-child {
  background: #4f3700;
  color: #ffc62d;
}

.user_list_btn span:last-child {
  background: #009a19;
  color: #ffffff;
}

.info_red {
  color: #ff3b3b;
}

.changeMoney .list .item {
  margin-bottom: 5px;
}

.changeMoney .list .item:last-child {
  margin-bottom: 0;
}

.item_input input {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding: 0 35px 0 14px;
  background: #ffffff;
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: solid 1px #885f00;
  outline: none;
  box-sizing: border-box;
}

.item_input span {
  float: right;
  margin-top: -26px;
  margin-right: 10px;
  position: relative;
  z-index: 100;
}

.item_btn {
  /* display: flex;
  justify-content: space-between; */
  margin-top: 5px;
  text-align: right;
}

.item_btn .fastMoney {
  float: left;
}

 .fastMoney span {
  display: inline-block;
  padding: 2px 4px;
  background: #ff3b3b;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  margin-top: 5px;
}

.item_btn .z_btn span {
  display: inline-block;
  padding: 3px 13px;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer;
}

.changeBtn {
  /* display: flex;
  justify-content: space-between; */
  text-align: center;
}

.changeBtn span {
  display: inline-block;
  /* width: 286px; */
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.qian_btn {
  background: #fed201;
  color: #37383a;
  box-shadow: 2px 2px 4px #4F3700;
  transition: .3s;
}

.qian_btn:hover {
  background: #f9ce04;
  box-shadow: 2px 2px 4px #966800;
}

.shen_btn {
  background: #966800;
  color: #ffffff;
  box-shadow: 2px 2px 4px #4F3700;
  transition: .3s;
}

.shen_btn:hover {
  background: #4F3700;
  box-shadow: 2px 2px 4px #966800;
}