@charset "utf-8";

/* CSS Document */
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}

body {
  font: 12px "宋体";
  word-wrap: break-word;
  -webkit-appearance: none;
  position: relative;
}

a,
u,
s,
del {
  color: #666;
  text-decoration: none
}

fieldset,
a img,
.bor0 {
  border: 0;
}

i,
em,
b {
  font-style: normal;
  font-weight: 100;
}

li {
  list-style: none;
}

img {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

/*table合并边框*/
.ind2 {
  text-indent: 2em;
}

input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
  outline: 0px;
  -webkit-appearance: none;
}

/* 主页 */
html {
  font-size: calc(1000vw/75);
}

@media screen and (min-width: 750px) {
  html {
    font-size: 100px;
  }
}

input {
  background: none;
  outline: medium;
  border: none;
  background: #fff;
}

.margin,
.img {
  width: 7.5rem;
  margin: 0 auto;
}
.q1,.q2{
  position: relative;
}
.q1-t,.q3-t{
  position: absolute;
  top:.7rem;
  left: 1.8rem;
  font-size: .28rem;
  color: #fff;
}
.q1 .ans1,.q2 .ans3{
  position: absolute;
  top:1.2rem;
  left:1.4rem;
}
.q1 .ans1 li,.q2 .ans3 li{
  font-size: .3rem;
  color: #fff;
  line-height: .52rem;
  cursor: pointer;
}
.q2-t,.q4-t{
  position: absolute;
  top:4.5rem;
  left:1.8rem;
  font-size: .28rem;
  color: #fff;
}
.q1 .ans2,.q2 .ans4{
  position: absolute;
  top:5rem;
  left:1.4rem;
}
.q1 .ans2 li,.q2 .ans4 li {
  font-size: .3rem;
  color: #fff;
  line-height: .52rem;
  cursor: pointer;
}
.margin div ul li.active {
  color: #000;
  font-weight:700;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.zc {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.name {
  float: left;
  margin-right: .3rem;
  margin-left: .3rem;
}

.phone {
  float: left;
}

.btn {
  position: relative;
  display: block;
  width: 3rem;
  margin: 0 auto;
  margin-bottom: .2rem;
  font-size: .36rem;
  font-weight: 700;
  padding: .1rem .2rem;
  margin-top: .9rem;
  border-radius: .1rem;
  text-align: center;
  transition: top .01s linear;
  text-shadow: 0 .01rem 0 rgba(0, 0, 0, 0.15);
  font-family: "微软雅黑";
  background-color: #ec8a33;
  box-shadow: 0 0 0 .01rem #bc6f2b inset,
    0 0 0 .02rem rgba(255, 255, 255, 0.15) inset,
    0 .04rem 0 0 #bc6f2b,
    0 .04rem 0 .01rem rgba(0, 0, 0, 0.4),
    0 .04rem .04rem .01rem rgba(0, 0, 0, 0.5);
  color: #fff;
  
}
.hqyzm {
  font-size: .36rem;
  line-height: .35rem;
  height: .6rem;
  width: 2.5rem;
  position: relative;
  padding: .1rem .2rem;
  color: white;
  border-radius: .1rem;
  text-align: center;
  transition: top .01s linear;
  text-shadow: 0 .01rem 0 rgba(0, 0, 0, 0.15);
  font-family: "微软雅黑";
  background-color: #ec8a33;
  box-shadow: 0 0 0 .01rem #bc6f2b inset,
    0 0 0 .02rem rgba(255, 255, 255, 0.15) inset,
    0 .04rem 0 0 #bc6f2b,
    0 .04rem 0 .01rem rgba(0, 0, 0, 0.4),
    0 .04rem .04rem .01rem rgba(0, 0, 0, 0.5);
}
.yzm {
  float: left;
  margin-left: .3rem;
  margin-top: .3rem;
  height: .8rem;
}

.title {
  float: left;
  font-size: .32rem;
  line-height: .58rem;
  font-weight: 700;
  font-family: "微软雅黑";
  height: .58rem;
}

.ipt-n {
  font-size: .32rem;
  line-height: .35rem;
  width: 2rem;
  text-indent: .1rem;
  border: .02rem solid #000;
  height: .58rem;
  outline: medium;
  float: left;
  margin-left: .1rem;
}

.ipt-p {
  font-size: .32rem;
  line-height: .35rem;
  width: 2.5rem;
  text-indent: .1rem;
  border: .02rem solid #000;
  height: .58rem;
  outline: medium;
  float: left;
  margin-left: .1rem;
}

.wap-code {
  font-size: .32rem;
  line-height: .35rem;
  width: 2rem;
  text-indent: .1rem;
  border: .02rem solid #000;
  height: .58rem;
  margin-right: 1.4rem;
  outline: medium;
  margin-left: .1rem;
  float: left;
}



.btn-3d.red:active {
  box-shadow: 0 0 0 .01rem #bc6f2b inset,
    0 0 0 .02em rgba(255, 255, 255, 0.15) inset,
    0 0 0 .01rem rgba(0, 0, 0, 0.4);
}



.btn-3d.red:active {
  top: .05rem;
}