#left{
  margin-right: 4%; width: 48%; float: left; display: inline;
}
table{
  border: 1px solid #cccccc !important; width: 100%;
}
table th{
  white-space: nowrap; vertical-align: middle;
}
table td{
  padding: 10px 5px !important; vertical-align: middle;
}
.kuan-td{
  width: 45%;
}
.zhai-td{
  width: 18%;
}

.dataUnit{
  font-size: 13px; color: #B3B6B9; padding-left: 5px;
}
.dataUnitLink{
  font-size: 13px; color: #B3B6B9; text-decoration: underline;
}
.limit_txt{
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.recipe_name{
  max-width: 130px;
}
.kong_num{
  padding: 0 3px;
}

.recipesPhotoDiv{
  position: relative; float: left; width: 105px; height: 105px; margin: 0 10px 10px 0; background: #000;
}
.recipesPhoto{
  width: 105px; height: 105px; object-fit: cover; opacity: 0.8; filter: alpha(opacity=80);
}

.recipe-icon{
  width: 20px; height: 20px; margin: 0px 5px; vertical-align: middle;
}
.star_num{
  float: left; margin: 3px 10px 0px 0px;
}
.star_img{
  float: left; cursor: pointer;
}
#brewers {
  line-height: 35px;
}
#brewers a{
  display: inline-block;
  margin: 2px 5px 2px 0;
  padding: 0px 6px;
  line-height: 22px;
  font-size: 13.9px;
  color: #D0422C;
  border: 1px solid #f8f8f8;
  border-radius: 6px;
}
#brewers a:hover{
  color: #707070;
}

#infos{
  width: 48%; float: left; display: inline;
}
#impinfo td{
  width: 20%; white-space: nowrap;
}
#buttons{
  float: left; margin-bottom: 30px; white-space: nowrap;
}
button{
  cursor: pointer;
}

#exportRecipe{
  width: 800px; padding: 0 20px; display: none;
}
.qrcode_img{
  width: 150px; height: 150px;
}
.watermark{
  float: right; line-height: 150px; font-weight: bold; font-style: italic;
}

.calc{
  width: 33%; min-width: 360px; padding: 39px 0px; background-color: white; border: 1px solid #CDCDCD; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);
}
.calc_close{
  position: absolute; top: 0px; right: 0px;
}
.icon_close{
  width: 25px; height: 25px; cursor: pointer;
}
.calc_data{
  margin: 0 10%; width: 80%; line-height: 50px;
}
.calc_data label{
  float: left; font-weight: bolder; font-size: 16px;
}
.calc_data input{
  width: 100%; height: 40px;
}
.calc_input{
  overflow: hidden;
}
.calc_btn{
  margin-top: 20px; text-align: center;
}
.calc_btn button{
  width: 200px;
}
.calc_tips{
  margin: 30px 10% 0 10%; padding-top: 10px; border-top: 1px solid #CDCDCD; line-height: 40px; color: #888;
}

@media screen and (max-width:872.5px){
  #left{
    width: 100% !important;
  }
  #infos{
    width: 100% !important;
  }
}
@media screen and (max-width:500px){
  td{
    padding: 5px 2.5px !important;
  }
  .dataUnit, .dataUnitLink{
    display: none;
  }
  .recipe_name{
    max-width: 90px;
  }
  .recipe_method{
    width: 100%;
  }
}

#share{
  float: right; margin-top: 5px;
}
.share{
  float: right; padding: 0 3px; cursor: pointer;
}
.show-td{
  text-align: center;
}
.min-td{
  min-width: 75px;
}
select{
  width: 100%; height: 49px;
}
input{
  width: 100%; height: 49px;
}
textarea{
  width: 100%; height: 150px;
}