html, body {
 height: 100%;
 }

.wrap {
  position: relative;
  width: 16rem;
  height: 100%;
  min-height: 21.33333rem;
  margin: auto;
  background-image: url("../images/a1.jpg?tt=11");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.frame-from {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 1.81333rem;
  margin-top: -0.96rem; }

.frame-name, .frame-tel {
  width: 12.8rem;
  height: 100%;
  margin: 0.21333rem auto;
  border-radius: 1.06667rem;
  background: rgba(255, 255, 255, 0.75);
  overflow: hidden; }

.frame-name input[type="text"], .frame-tel input[type="text"] {
  width: 100%;
  margin: 0.42667rem 0;
  padding: 0 0.64rem;
  font-size: 0.64rem;
  color: #a9a9a9;
  font-family: "Microsoft Yahei";
  background: transparent; }

.frame-submit {
  width: 12.8rem;
  height: 100%;
  margin: 0.21333rem auto;
  border-radius: 1.06667rem;
  background: rgba(255, 255, 255, 0.75);
  overflow: hidden;
  width: 50%;
  margin-top: 0.64rem;
  border: 0;
  background: rgba(21, 93, 131, 0.75); }

.frame-submit input {
  width: 100%;
  margin: 0.42667rem 0;
  padding: 0 0.64rem;
  font-size: 0.64rem;
  color: #a9a9a9;
  font-family: "Microsoft Yahei";
  background: transparent;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #ffffff; }

.wrap-info {
  background-image: url("../images/info-con1.jpg");
  background-position: left 5.16267rem;
 }

.info-title {
  width: 100%;
  height: 5.16267rem;
  background: url("../images/a2.jpg?tt=11");
  background-size: 100% 100%; }

.info-thanks {
  position: relative;
  padding: 0.64rem 0.64rem 0.64rem 4.90667rem;
  font-size: 0.64rem;
  color: #fff; }

.info-thanks img {
  position: absolute;
  top: 50%;
  margin-top: -1.32267rem;
  left: 1.49333rem;
  display: block;
  width: 2.64533rem;
  height: 2.64533rem; }

.info-txt {
  margin: 0.64rem;
  padding: 0.85333rem 0.64rem;
  background: #fff; }

.info-txt-div {
  line-height: 1.024rem;
  font-size: 0.59733rem;
  color: #008bb8;
  overflow: hidden; }

.info-txt-div p {
  float: left; }

.info-txt-div p:nth-of-type(1) {
  text-align: right; }

.info-txt-div:last-child img {
  display: block;
  max-width: 100%;
  height: 100%;
  margin: auto; }

/*# sourceMappingURL=index.css.map */