* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  overflow: auto;
}
html {
  font-size: 24px;
}
.found_wrapper {
  position: relative;
}
.swap-enter {
  opacity: 0.01;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transform: translateX(5em);
  transition: all 0.4s ease-in;
}
.swap-enter.swap-enter-active {
  opacity: 1;
  transform: translateX(0);
}
.swap-leave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: 1;
  transform: translateX(0);
  transition: all 0.2s ease-in;
}
.swap-leave.swap-leave-active {
  opacity: 0;
  z-index: 1;
  transform: translateX(-5em);
}
.banner {
  height: 7.6875rem;
  background: url("../img/save_banner.jpg");
  background-size: cover;
}
.banner .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  color: #ffffff;
}
.banner .text .main {
  flex: 1;
  font-size: 0.73333333rem;
  display: flex;
  align-items: center;
  letter-spacing: -0.5px;
}
.banner .text .bottom {
  flex: 0.26;
  width: 80%;
  font-size: 0.48333333rem;
}
.banner .text .bottom .fl {
  width: 100%;
  margin-top: -10px;
}
.banner .text .bottom .sl {
  text-align: center;
  margin-top: 8px;
}
.banner .text .bottom .sl span {
  font-size: 0.73333333rem;
  padding-right: 0.20833333rem;
}
.save_total {
  padding: 0.9375rem;
  background: #ffffff;
}
.save_total .example {
  font-size: 0.58333333rem;
  color: #666666;
}
.save_total .save_money {
  display: flex;
  align-items: center;
  justify-content: center;
}
.save_total .save_money .icon-save-cny {
  width: 1.35416667rem;
  height: 1.66666667rem;
  background: url("../img/saveIco.png") no-repeat center;
  background-size: 100% auto;
  margin-right: 0.83333333rem;
}
.save_total .save_money .save_circle {
  border-radius: 100%;
  width: 5.41666667rem;
  height: 5.41666667rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #999999;
  font-size: 0.66666667rem;
  line-height: 1.04166667rem;
}
.save_total .save_money .save_circle .money_num {
  font-size: 1.02083333rem;
  color: #009B78;
}
.save_total .save_money .save_circle .money_num span {
  font-size: 0.60416667rem;
}
.comparison {
  margin-top: 0.41666667rem;
  padding-top: 0.79166667rem;
  padding-bottom: 0.79166667rem;
  background: #ffffff;
}
.comparison .c_title {
  background: url("../img/save_comparison_title.jpg") no-repeat 0 0;
  width: 100%;
  height: 1.875rem;
  background-size: 100% auto;
}
.comparison .c_line {
  margin-top: 0.41666667rem;
  padding: 0.41666667rem 0.41666667rem 0;
  background: #F7FCFB;
  display: flex;
}
.comparison .c_line .c_line_left,
.comparison .c_line .c_line_right {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 0.54166667rem;
}
.comparison .c_line .c_line_left .line_title .small_title,
.comparison .c_line .c_line_right .line_title .small_title {
  font-size: 0.45833333rem;
}
.comparison .c_line .c_line_left .c_money,
.comparison .c_line .c_line_right .c_money {
  flex: 1;
  display: flex;
  align-items: flex-end;
  font-size: 1.25rem;
}
.comparison .c_line .c_line_left .c_money span,
.comparison .c_line .c_line_right .c_money span {
  font-size: 0.54166667rem;
  line-height: 24px;
  padding-left: 0.20833333rem;
}
.comparison .c_line .c_line_right .c_money {
  color: #049b78;
}
.agent_introduce {
  padding: 0.79166667rem 0;
  background: #ffffff;
  margin-top: 0.41666667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.agent_introduce .agent_title {
  font-size: 0.66666667rem;
  text-align: center;
}
.agent_introduce .agent_title span {
  color: #009b78;
}
.agent_introduce .agent_text {
  width: 80%;
  padding-top: 0.20833333rem;
  font-size: 0.45833333rem;
  color: #999999;
}
.agent_introduce .agent_price {
  display: flex;
  width: 96%;
  padding-top: 0.41666667rem;
}
.agent_introduce .agent_price .price_box {
  flex: 1;
  margin: 0 0.20833333rem;
  text-align: center;
}
.agent_introduce .agent_price .price_box .box_top {
  background: #009b7a;
  border-radius: 0.16666667rem 0.16666667rem 0 0;
  padding: 0.20833333rem 0;
  box-sizing: border-box;
  font-size: 0.45833333rem;
  color: #ffffff;
}
.agent_introduce .agent_price .price_box .box_bottom {
  font-size: 0.5rem;
  padding: 0.41666667rem 0;
  box-sizing: border-box;
  border-radius: 0 0 0.16666667rem 0.16666667rem;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px 1px;
  color: #666666;
}
.agent_introduce .agent_icons {
  display: flex;
  width: 90%;
  color: #666666;
  padding-top: 0.41666667rem;
}
.agent_introduce .agent_icons .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  text-align: center;
  font-size: 11px;
  color: #666;
  padding-top: 38px;
}
.agent_introduce .agent_icons .icon-save-clip {
  background: url("../img/icon1.png") no-repeat top center;
  background-size: 30% auto;
}
.agent_introduce .agent_icons .icon-save-dialog {
  background: url("../img/icon2.png") no-repeat 50% 5%;
  background-size: 30% auto;
}
.agent_introduce .agent_icons .icon-save-eye {
  background: url("../img/icon3.png") no-repeat 50% 10%;
  background-size: 35% auto;
}
.agent_introduce .agent_icons .icon-save-right {
  background: url("../img/icon4.png") no-repeat 50% 5%;
  background-size: 30% auto;
}