.research-area {
  width: 9.2000rem;
  margin: 0 auto;
}
.input-area {
  width: 100%;
  padding: 0.3733rem 0;
  border-bottom: 0.0133rem solid #ededed;
}
.input-area .title {
  width: 100%;
  height: 0.4000rem;
  line-height: 0.4000rem;
  padding-bottom: 0.2667rem;
  font-size: 0.3733rem;
  color: #ff7616;
}
.input-area .input-box {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          -webkit-align-items: center;

}
.input-area .input-box .input {
  width: 7.0667rem;
  height: 0.6667rem;
  margin-right: 0.6000rem;
  border: 0.0133rem solid #ff7616;
  border-radius: 0.1333rem;
  background-color: #eee;
  -webkit-box-flex: 0;
      -webkit-flex: 0 0 7.0667rem;
      -ms-flex: 0 0 7.0667rem;
          flex: 0 0 7.0667rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-flex-align: center;
          align-items: center;
}
.input-area .input-box .input span {
  width: 0.6667rem;
  height: 0.6667rem;
  line-height: 0.6667rem;
  margin: 0  0.4000rem;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.6667rem;
      -ms-flex: 0 0 0.6667rem;
          flex: 0 0 0.6667rem;
  font-size: 0.4533rem;
  color: #cacacf;
}
.input-area .input-box .input input {
  height: 0.6667rem;
  line-height: 0.6667rem;
  margin-right: 0.4000rem;
  display: block;
  font-size: 0.3733rem;
  color: #777777;
  background-color: transparent;
}
.input-area .input-box .search-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 0.6933rem;
  line-height: 0.6933rem;
  text-align: center;
  display:block;
  font-size: 0.3733rem;
  color: #fff;
  background-color: #ff7616;
  border-radius: 0.1333rem;
}
.desc-area .title {
  height: 0.4000rem;
  line-height: 0.4000rem;
  padding: 0.4000rem 0  0.2667rem;
  font-size: 0.3733rem;
  color: #ff7616;
}
.desc-area .article {
  max-height:99999px;
  line-height: 0.6667rem;
  margin-bottom: 0.2667rem;
  text-indent: 0.6667rem;
  font-size: 0.3467rem;
  color: #777777;
}

.result-area .title {
  height: 1.2000rem;
  line-height: 1.2000rem;
  text-align: center;
  font-size: 0.4000rem;
  color: #303030;
}
.result-area .result-text {
  width: 9.2000rem;
  line-height: 1.1200rem;
  margin: 0 auto;
  font-size: 0.3200rem;
  color: #303030;
}
.result-area .img-area {
  width: 9.3333rem;
  height: 6.5333rem;
  margin: 0 auto;
  position: relative;
}
.result-area .img-area img {
  width: 100%;
  height: 100%;
  display: block;
}
.result-area .img-area div {
  position: absolute;
  color: #7b4123;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.result-area .img-area .success-name {
  width: 8.0000rem;
  height: 1.0667rem;
  line-height: 1.0667rem;
  top: 2.4000rem;
  text-align: center;
  font-size: 0.4667rem;
  font-weight: bold;
  border-bottom: 0.0133rem solid #a07659;
}
.result-area .img-area .success-desc {
  height: 0.8000rem;
  line-height: 0.8000rem;
  top: 3.4933rem;
  text-align: center;
  font-size: 0.3200rem;
}
.result-area .img-area .fail {
  width: 8.0000rem;
  height: 0.6667rem;
  line-height: 0.6667rem;
  text-align: center;
  font-size: 0.3200rem;
}
.result-area .img-area .fail-top {
  top: 2.4000rem;
}
.result-area .img-area .fail-middle {
  top: 3.0667rem;
}
.result-area .img-area .fail-bottom {
  top: 3.7333rem;
}