/*swt end*/
.title {
  display: inline-block;
  text-align: center;
  font: 1.6em/1.3 "Microsoft Yahei";
  border: 1px #d1314d solid;
  border-radius: 25px;
  color: #d1314d;
  margin: 5% 0 2% 0;
  padding: 2% 5% 2% 6%;
}
.title i {
  display: block;
  width: 14%;
  float: left;
  margin-right: 2%;
}
.title i img {
  display: block;width: 100%;
}
.title span {
  display: block;
  float: left;
  position: relative;
}
.doctor_list h3,.doctor_list h2{
  display: block;
  font: 1.5em/2.3 "Microsoft Yahei";
  background: #ebebeb;
  border-bottom: 2px #dedede solid;
  text-align: center;
  font-weight: bold;
  color: #333333;
  margin: 3% 0;
}


/*20170818*/
@media screen and (min-width: 640px) {
  html {
    font-size: 20px;
  }
}
@media screen and (max-width: 414px) {
  html {
    font-size: 12.2px;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 11.2px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 10px;
  }
}
.pic_a {
  display: block;
}
.pic_img {
  display: block;
  width: 100%;
}
.main_a .main_a_box .wpa {
  display: flex;
  padding: 1rem 0;
  border-bottom: 1px #ddd dashed;
}
.main_a .main_a_box .wpa .pic {
  display: block;
  width: 34%;
}
.main_a .main_a_box .wpa .pic img {
  display: block;
  width: 100%;
}
.main_a .main_a_box .wpa .text {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.main_a .main_a_box .wpa .text li {
  width: 31%;
  text-align: center;
  line-height: 2.5;
  font-size: 1rem;
  background-color: #f3f3f3;
  display: block;
  margin-left: 2%;
}
.main_a .main_a_box .wpa .text .ac {
  color: #ff1800;
}
.main_a .main_a_box .wpa .text .ac_1 {
  background-color: #cc2952;
  color: white;
  font-weight: bold;
}
.main_a .main_a_box .wpa a {
  display: block;
}
.main_a .main_a_box .wpa:nth-child(2n) .ac_1 {
  background-color: #ff721b;
  color: white;
  font-weight: bold;
}
.main_a .main_a_box .wpa:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.implement_ask {
  width: 100%;
  margin: 2rem 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.implement_ask a {
  display: block;
  width: 43.7%;
  margin:0 auto;
}
.implement_ask a img {
  width: 100%;
  display: block;
}
.implement_ask a span {
  float: left;
  color: #fff;
  display: inline-block;
  text-align: left;
  line-height: 1.6;
}

.guahao .guahao_form ul li input, .guahao .guahao_form ul li textarea{
	font:1rem/1 "Microsoft Yahei";
}
/*20170818 end*/



/* .sort_list {
  width: 96%;
  margin: 2% 2% 0 2%;
  display: inline-block;
  text-align: justify;
}
.sort_list li {
  width: 32%;
  height: auto;
  display: inline-block;
  margin-bottom: 1%;
  text-align: center;
  border: 1px #ddd solid;
  border-radius: 5px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  overflow: hidden;
}
.sort_list li a {
  display: block;
  font: 1.2em/2.5 "Microsoft Yahei";
  color: #666;
}
.sort_list li.on,
.sort_list li:hover {
  background: #d1314d;
  border: 1px #d1314d solid;
}
.sort_list li.on a,
.sort_list li:hover a {
  color: #fff;
}
.sort_list:after {
  content: '';
  display: inline-block;
  width: 100%;
  font-size: 0;
}
.implement_ask {
  width: 100%;
  margin: 0% auto;
  text-align: center;
}
.implement_ask a {
  display: inline-block;
  text-align: center;
  height: auto;
  background: #f4750e;
  border-radius: 5px;
  padding: 2% 2% 2% 8%;
}
.implement_ask a i {
  float: left;
  display: block;
  width: 32%;
  position: relative;
  left: -5%;
  top: 6px;
}
.implement_ask a i img {
  width: 100%;
  display: block;
}
.implement_ask a span {
  float: left;
  color: #fff;
  display: inline-block;
  text-align: left;
  line-height: 1.6;
}
.implement_ask a:nth-child(2) {
  background: #cc2952;
  margin-left: 2%;
} */
.doctor_list {
  width: 96%;
  margin: 0 2%;
}
.doctor_list .bd {
  width: 100%;
}
.doctor_list .bd li {
  width: 100%;
}
.doctor_list .bd li .img {
  width: 100%;
  position: relative;
  border: 1px #ddd solid;
}
.doctor_list .bd li .img span {
  position: absolute;
  left: 45%;
  top: 10%;
  color: #d1314d;
  font: 1.2em/1 "Microsoft Yahei";
}
.doctor_list .bd li .img span b {
  font: 1.5em/1 "Microsoft Yahei";
}
.doctor_list .bd li .img em {
  position: absolute;
  top: 38%;
  left: 45%;
  width: 52%;
  display: block;
  overflow: hidden;
}
.doctor_list .bd li .img em i {
  width: 7%;
  display: block;
  float: left;
  margin-right: 2%;
}
.doctor_list .bd li .img img {
  display: block;
  width:100%;
}
.doctor_list .bd li .img .btn {
  position: absolute;
  left: 45%;
  top: 63%;
  width: 55%;
}
.doctor_list .bd li .img a {
  width: auto;
  display: inline-block;
  text-align: center;
  font: 1em/2 "Microsoft Yahei";
  color: #d1314d;
  border: 1px #d1314d solid;
  margin-right: 2%;
  border-radius: 15px;
  padding: 0 5%;
  background: #fff;
}
.doctor_list .bd li .img a:nth-child(2) {
  color: #fff;
  background-color: #d1314d;
}
.doctor_list .bd li .like {
  width: 100%;
}
.doctor_list .bd li .like a {
  color: #666;
  font: 1.2em/2 "Microsoft Yahei";
}
.doctor_list .bd li .like a i {
  color: #ccc;
  margin-right: 1%;
  font-size: 1.3em;
}
.doctor_list .bd li table {
  border: 1px #ddd solid;
  width: 100%;
  text-align: center;
  font: 1.2em/2.5 "Microsoft Yahei";
}
.doctor_list .bd li table a {
  display: block;
  font-weight: bold;
  color: #fff;
}
.doctor_list .bd li table .red {
  background: #d1314d;
}
.doctor_list .hd {
  width: 100%;
  height: 15px;
  text-align: center;
  margin: 3% auto 6% auto;
}
.doctor_list .hd ul {
  display: inline-block;
  height: 7px;
  padding: 3px 5px;
  font-size: 0;
  vertical-align: top;
}
.doctor_list .hd ul li {
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fff;
  margin: 0 5px;
  vertical-align: top;
  overflow: hidden;
  border: 1px #d1314d solid;
}
.doctor_list .hd ul li.on {
  background: #d1314d;
}
@media screen and (max-width: 320px) {
  .sort_list li {
    width: 31.8%;
  }
  .implement_ask a {
    padding: 2% 2% 2% 8%;
  }
}