@bond_input_height: 45px;
.user_id_container {


  .bond_input {
    height: @bond_input_height;

    text-indent: 20px;
    font-size: 16px;
    margin:30px auto;
  }
  .bond_input .label {
    width: 150px;
    text-align: center;
    height: @bond_input_height;
    line-height: @bond_input_height;
    float: left;
  }
  .bond_input .input_div {
    width: 350px;
    height: @bond_input_height;

    text-indent: 20px;
    font-size: 16px;
    color: #666666;
    display: inline-block;
    background: #f5f5f5;
  }

  .bond_input .input_div .text_input {
    width: 290px;
    height: @bond_input_height;
    line-height: @bond_input_height;
    text-indent: 20px;
    font-size: 16px;
    color: #666666;
    display: block;
    float: left;
    background: #f5f5f5;
  }
  .add_card{
    width: 250px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #d84848;
    text-align: center;
    font-size: 18px;
    color:#d84848 ;
    margin: 30px  auto 30px 30px;
  }


}
.give_bond_container{
  width: 850px;
  padding: 20px;
  background: #f4f4f4;
  margin: 20px auto;
  .bond_input .input_div ,.bond_input .input_div .text_input {
    background: white;
  }

  .layui-input, .layui-select{
    height: 45px;
  }

 .bond_return_btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    background: #d84848;
    display: inline-block;
    margin-left: 50px;
    text-indent: 0;
  }

}