body {
  height: 100% !important;
}
.headTou {
  width: 100%;
  height: 1.76rem;
  text-align: center;
  line-height: 1.76rem;
  font-size: .72rem;
  font-family: PingFangSC;
  font-weight: 500;
  color: rgba(51,51,51,1);
  background-color: rgba(236, 236, 236, .3);
  padding: 0 .64rem;
}
.header {
  width: 100%;
  position: relative;
  /* margin-bottom: 33.66rem; */
}
/* body {
  padding-bottom: 2.66rem !important;
} */
.banner {
  width: 100%;
}
.banner img{
  width: 100%;
}
.query {
  width: 100%;
  /* height: 8.12rem; */
	padding: 0 .64rem 0 .64rem;
	margin-top: -2.56rem;
  position: absolute;
  /* background-color: #eee; */
}
.from1 {
  width: 100%;
  border-radius: .16rem !important;
	padding: 0 .56rem .8rem .56rem !important;
  background: #fff;
  /* background: rgba(255, 255, 255, .3); */
  /* box-shadow: 2px 1px 1px 2px; */
  /* border: 1px solid #eee; */
  height: 100%;
  /* opacity: .2; */
}
.f_input {
  padding: 0;
  height: 2.24rem !important;
	line-height: 2.24rem !important;
	font-size: .64rem !important;
  border: #fff;
  border-bottom: 1px solid rgba(204,204,204,1);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0;
  font-family: PingFangSC;
  font-weight: 600;
  color: rgba(51,51,51,1);
}
.f_btn {
  height: 2rem !important;
	border-radius: .16rem !important;
	margin-top: .7rem !important;
	font-size: .72rem !important;
  width: 100%;
  background: rgba(245,57,57,1) !important;
  border: 0;
  font-family: PingFangSC;
  font-weight: 600;
  color: rgba(255,255,255,1);
}
.f_title {
  margin-bottom: .4rem !important;
  position: relative;
}
.ic {
  font-size: .6rem !important;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(221,221,221,1);
  transform: translate(-50%, -50%)
}
.nameList {
  width: 100%;
  /* height: 8.44rem; */
  /* background-color: #fff; */
  position: absolute;
  top: 15rem;
  padding: 0 .64rem 0 .64rem;
}
.nameT {
  height: 1rem;
  margin-bottom: .4rem;
}
.n_left {
  float: left;
  font-size: .72rem;
  font-family: PingFangSC;
  font-weight: 600;
  color: rgba(0,0,0,1);
}
.n_right {
  margin-top: .2rem;
  float: right;
  font-size: .5rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(153,153,153,1);
}
.r_red {
  color: rgba(245,57,57,1);
}
.n-List {
  overflow: hidden;
  width: 100%;
  padding: .56rem .56rem .56rem .56rem;
  height: 7.04rem;
  background: rgba(255,255,255,1);
  border-radius: .16rem;
  font-size: .56rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(51,51,51,1);
}
#review_box {
  /* margin-top: 2.66rem; */
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#comment1 li{
  display: flex;
  /* justify-content: space-between; */
  height: .8rem;
  line-height: .8rem;
  margin-bottom: .48rem;
  font-size: .56rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(51,51,51,1);
}
#comment1 li span:nth-child(1) {
  flex: .5;
}
#comment1 li span:nth-child(2) {
  flex: 1;
}
#comment1 li span:nth-child(3) {
  flex: .2;
}
#comment2 li{
  display: flex;
  /* justify-content: space-between; */
  height: .8rem;
  line-height: .8rem;
  margin-bottom: .48rem;
  font-size: .56rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(51,51,51,1);
}
#comment2 li span:nth-child(1) {
  flex: .5;
}
#comment2 li span:nth-child(2) {
  flex: 1;
}
#comment2 li span:nth-child(3) {
  flex: .2;
}
.foot {
  /* position: fixed;
  bottom: 0; */
  position: absolute;
  top: 48.5rem;
  width: 100%;
  height: 2.66rem;
  /* line-height: 2.66rem; */
  font-size: .48rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(153,153,153,1);
  text-align: center;
}
.foot a {
  color: rgba(153,153,153,1);
}
.harmList {
  width: 100%;
  /* height: 8.44rem; */
  /* background-color: #fff; */
  position: absolute;
  top: 24rem;
  padding: 0 .64rem 0 .64rem;
}
.harmT {
  height: 1rem;
  margin-bottom: .4rem;
}
.h_left {
  float: left;
  font-size: .72rem;
  font-family: PingFangSC;
  font-weight: 600;
  color: rgba(0,0,0,1);
}
.h_right {
  cursor: pointer;
  margin-top: .1rem;
  float: right;
  font-size: .5rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(153,153,153,1);
}
.h-List {
  width: 100%;
  padding: 0 .8rem .8rem .8rem;
  /* height: 7.04rem; */
  background: rgba(255,255,255,1);
  border-radius: .16rem;
  /* font-size: .56rem; */
  font-family: PingFangSC;
  font-weight: normal;
  /* color: rgba(51,51,51,1); */
}
.card {
  /* height: 4.5rem; */
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.125);
  border-radius: 0;
}
.row {
  justify-content: space-between;
  flex-wrap: initial
}
.c_left {
  flex: 3;
  margin-right: 1.28rem;
}
.c-right {
  flex: 1;
  width: 3.8rem;
  height: 2.72rem;
  margin-top: .64rem;
  border-radius: .36rem;
}
.c-right img{
  border-radius: .36rem;
  width: 100%;
  height: 100%;
}
.card-body {
  padding: .56rem 0 .54rem 0;
}
.card-title {
  /* width: 7.04rem; */
  font-size: .64rem;
  font-family: PingFangSC;
  font-weight: 500;
  color: rgba(51,51,51,1);
  margin-bottom: .36rem;
  line-height: .9rem;
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;  /* 此处指定行数 */
	overflow: hidden;
}
.card-text {
  display: flex;
  font-size: .48rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(153,153,153,1);
}
.c_look {
  flex: 1;
  margin-top: .4rem;
  text-align: right;
  /* float: right; */
  font-size: .48rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(87,107,149,1);
}
/* .c_look a {
  color: rgba(87,107,149,1);
} */
.muted {
  flex: 4;
  /* display: inline-block; */
  font-size: .48rem;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(153,153,153,1);
  /* width: 6.76rem !important; */
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;  /* 此处指定行数 */
	overflow: hidden;
}
.mb-3 {
  margin-bottom: 0 !important;
}
#nameTip {
  position: absolute;
}
#idTip {
  position: absolute;
}