body {
  margin:0;
  padding:0;
  background-image:url('../img/bg.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-color:#f7f7f7
}
a{ text-decoration:none; color:#666 }
.title {
  color:#fff;
  line-height:60px;
  text-align:center;
  font-size:20px
}
.title img {
  display:inline-block;
  vertical-align:middle;
  margin-right:10px
}
.card {
  padding:15px 15px;
  border-top:5px solid #eee;
  background-color:#fff;
  margin:0 10px
}
.card .ico {
  text-align:center;
  margin-bottom:15px
}
.card .ico img{
  width: 64px; height: 64px;
}
.card .result .tips {
  font-size:16px;
  margin:10px 0;
  text-align:center;
}
.result span {
  font-weight:bold
}
.card .form{
  margin: 30px 0;
  border: 1px solid #eee; display: flex;justify-content: space-between; border-radius: 10px; overflow: hidden;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.card .form .ipt{ border: none;
  height: 60px; line-height: 60px; text-indent: 10px; font-size: 18px;
}
.card .form button{ display: flex;align-items: center;
   border: none;font-size: 18px; background-color: #f7f7f7; padding: 0 15px;
}
.card .form button span{ white-space:nowrap; margin-left:5px }
.item {
  background-color:#fff;
  margin:0 10px;
  position:relative;
  margin-bottom: 50px;
}
.item:before {
  content:'';
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:50px;
  overflow:hidden;
  box-shadow:0 1px 1px rgba(0,0,0,0.2),0 8px 0 -3px #f6f6f6,0 9px 1px -3px rgba(0,0,0,0.2),0 16px 0 -6px #f6f6f6,0 17px 2px -6px rgba(0,0,0,0.2)
}
.line {
  display:block;
  height:1px;
  background:linear-gradient(to left,transparent 0%,transparent 50%,#ccc 50%,#ccc 100%);
  background-size:10px 1px;
  background-repeat:repeat-x
}
.dot {
  width:15px;
  height:15px;
  border-radius:15px;
  background-color:#f7f7f7;
  position:absolute;
  top:-8px
}
.dot1 {
  left:-8px
}
.dot2 {
  right:-8px
}
.item-img {
  text-align:center;
  padding: 15px 0 0 0;
}
.item-img>img {
  max-width:120px
}
h2 {
  font-size:16px;
  text-align:center
}
.item-card {
  position:relative;
  padding: 10px;
}
.item-card .extend {
  line-height:1.5;
  padding:5px;
}

.item .describe{
  padding: 15px;
}
.item .describe .tit{
  font-size: 18px; line-height: 50px;
}

.describe-item{
  display: flex; 

}
.describe-item .img{ width:30px; position: relative;}
.describe-item .img:after{ content:''; border-right: 1px dashed #ccc; height:100%;  position:absolute; top:0; left: 7px; z-index: 1}
.describe-item:last-child .img:after{display: none;}

.describe-item .con{ flex:1;padding-bottom: 15px;}
.describe-item .img img{ width:18px; z-index: 9; position: absolute; background-color: #fff}
.describe-item .tit1{
  font-size: 16px;  line-height: 16px; margin-bottom: 8px;
}
.describe-item .txt{
  font-size: 14px; color: #666;
}
.go-search {
  font-size:16px;
  display:flex;
  align-items:center;
  position:fixed;
  right:0;
  bottom:50px;
  width: 70px;
  background:linear-gradient(to right,#ebfff3,#ffffff);
  border-radius:50px 0 0 50px;
  padding:5px 15px;
  box-shadow:-1px 0 5px rgba(0,0,0,0.3);
  z-index: 99;justify-content: space-between;
}
.go-search>a{
  display: block;
  width:32px;
  height:32px;
}
.go-search img {
  width:32px;
  height:32px;
  margin-right:10px
}
.go-search>div>a{ line-height:18px }