html,
body {
  font-family: PingFangSC;
  background-color: #fff;
  min-width: auto;
}

html,
body,
head {
  height: 100%;
}

.flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pc-model,
.list {
  display: none;
}

.wrap {
  width: 100%;
  margin: 0 auto;
  flex: 1;
}

.fl .jg {
  height: auto;
}

.mb-content {
  width: 100%;
}

.mb-content .mb-item:nth-child(odd) {
  width: 50%;
  float: left;
  height: 5.333333rem;
  padding-right: 0.133333rem;
}

.mb-content .mb-item:nth-child(odd) .map-pic {
  width: 100%;
  height: 4.133333rem;
  border-radius: 0.133333rem;
}

.mb-content .mb-item:nth-child(odd) .map-title {
  width: 100%;
  height: 0.666667rem;
  line-height: 0.666667rem;
  font-size: 0.266667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.mb-content .mb-item:nth-child(even) {
  width: 50%;
  float: left;
  height: 5.333333rem;
  padding-left: 0.133333rem;
}

.mb-content .mb-item:nth-child(even) .map-pic {
  width: 100%;
  height: 4.133333rem;
  border-radius: 0.133333rem;
}

.mb-content .mb-item:nth-child(even) .map-title {
  width: 100%;
  height: 0.666667rem;
  line-height: 0.666667rem;
  font-size: 0.266667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.profession {
  position: relative;
}

.profession .ppyw:before {
  content: '';
  left: 0;
  right: 0;
  bottom: 2.666667rem;
  height: 2.693333rem;
  z-index: 2;
  min-width: 100%;
}

.profession .contain {
  clear: both;
  width: 100%;
  padding: 0.4rem;
  position: relative;
  margin-top: 0;
  z-index: 3;
  flex: 1;
}

.profession .contain .contain-title {
  display: none;
}

.profession .contain .contain-title span {
  color: #c9c9c9;
  font-size: 0.186667rem;
  margin-top: 0.106667rem;
  display: block;
}

.profession .contain .template {
  margin-top: 0;
  padding-bottom: 0;
}

.profession .contain .template .t-title {
  position: relative;
  color: #03b0ea;
  font-size: 0.373333rem !important;
  vertical-align: middle;
}

.profession .contain .template .t-title2 {
  font-size: 0.2rem;
  color: #333;
  line-height: 0.533333rem;
  padding-left: 0.4rem;
  font-weight: 700;
}

.profession .contain .template .t-title3 {
  font-size: 0.373333rem !important;
}

.profession .contain .template .detail {
  font-size: 0.32rem;
  line-height: 0.533333rem;
  color: #5d5d5d;
}

.profession .contain .template .img-line {
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  vertical-align: top;
}

.profession .contain .template .img-line img {
  display: block;
  margin: 0 auto;
  padding-top: 0.133333rem;
}

.profession .contain .template .img-introduce .fl {
  float: left;
  margin: 0 0.4rem;
  overflow: hidden;
}

.profession .contain .template .img-introduce .fl img {
  width: 100%;
  min-height: 100%;
}

.profession .contain .template .img-introduce .fl span {
  display: block;
  text-align: center;
  color: #5d5d5d;
  padding-top: 0.133333rem;
}

.profession .contain .template .img-introduce.type1 .fl {
  width: 30%;
  height: 2.866667rem;
  margin: 0;
  margin-right: 3%;
}

.profession .contain .template .img-introduce.type2 {
  margin-top: 0.266667rem;
  margin-bottom: 0.266667rem;
}

.profession .contain .template .img-introduce.type2 .fl {
  height: 5.306667rem;
  width: 45%;
  margin: 0 2%;
}

.profession .contain .template .img-introduce.type2 .fl img {
  min-height: 4.666667rem;
  height: 4.666667rem;
  width: 100%;
}

.profession .contain .template .img-introduce.type3 {
  margin-top: 0.266667rem;
}

.profession .contain .template .img-introduce.type3 .fl {
  margin: 0 0.533333rem;
}

.profession .contain .template .img-introduce.type3 .type4 img {
  display: block;
  margin: 0.133333rem auto;
  width: 1.933333rem !important;
  height: 1.453333rem !important;
}

.profession .contain .template .img-introduce.type5 .fl {
  margin: 0 0.2rem;
}

.profession .contain .template .img-introduce.type6 {
  margin-top: 0.2rem;
}

.profession .contain .template .img-introduce.type6 .fl {
  margin: 0;
  margin-right: 0.133333rem;
}

.profession .contain .template .img-introduce.type6 .fl img {
  height: 2.133333rem;
}

.profession .contain .template .introduce {
  margin-top: 0.266667rem;
}

.profession .contain .template .introduce .left,
.profession .contain .template .introduce .right,
.profession .contain .template .introduce .center {
  float: left;
}

.profession .contain .template .introduce p {
  font-size: 0.32rem;
  line-height: 0.533333rem;
}

.profession .contain .template .introduce span {
  display: block;
  text-align: center;
  color: #5d5d5d;
  padding-top: 0.133333rem;
}

.profession .contain .template .introduce.type1 .left {
  width: 100%;
  margin-top: 0.133333rem;
}

.profession .contain .template .introduce.type1 .left .left1,
.profession .contain .template .introduce.type1 .left .right1 {
  float: none;
  text-align: center;
}

.profession .contain .template .introduce.type1 .right {
  width: 100%;
  margin-top: 0.266667rem;
}

.profession .contain .template .introduce.type1 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type2 .left {
  width: 100%;
}

.profession .contain .template .introduce.type2 .left img {
  display: block;
  margin: 0 auto;
  margin-top: 0.426667rem;
}

.profession .contain .template .introduce.type2 .right {
  width: 100%;
  padding-top: 0.533333rem;
  padding-left: 0;
}

.profession .contain .template .introduce.type2 .right img {
  display: block;
  margin: 0.266667rem auto 0 auto;
}

.profession .contain .template .introduce.type3 {
  margin-top: 0;
}

.profession .contain .template .introduce.type3 .left {
  width: 100%;
}

.profession .contain .template .introduce.type3 .left .detail {
  margin-top: 0;
}

.profession .contain .template .introduce.type3 .right {
  width: 100%;
}

.profession .contain .template .introduce.type3 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type4 .left {
  width: 4.533333rem;
}

.profession .contain .template .introduce.type4 .left img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type4 .right {
  padding-left: 0;
  width: 7.733333rem;
}

.profession .contain .template .introduce.type4 .img-line {
  margin-top: 0.36rem;
  margin-bottom: 0;
}

.profession .contain .template .introduce.type5 .left {
  width: 33.33%;
  padding-right: 0.733333rem;
}

.profession .contain .template .introduce.type5 .center {
  width: 33.33%;
  padding-right: 0.733333rem;
}

.profession .contain .template .introduce.type5 .right {
  width: 33.33%;
}

.profession .contain .template .introduce.type6 .left {
  width: 100%;
  padding-top: 0.133333rem;
}

.profession .contain .template .introduce.type6 .left img {
  margin: 0 auto;
  display: block;
}

.profession .contain .template .introduce.type6 .right {
  width: 100%;
  padding-left: 0;
  margin-top: 0.266667rem;
}

.profession .contain .template .introduce.type7 .left {
  width: 48%;
  margin-right: 4%;
}

.profession .contain .template .introduce.type7 .right {
  width: 48%;
}

.profession .contain .template .introduce.type8 .left {
  width: 100%;
}

.profession .contain .template .introduce.type8 .right {
  width: 100%;
}

.profession .contain .template .introduce.type8 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type8 .img-line {
  margin-top: 0.133333rem;
}

.profession .contain .template .introduce.type8 .img-line img {
  margin: 0 auto;
}

.profession .contain .template .introduce.type9 img {
  display: block;
  margin: 0 auto;
  margin-top: 0.666667rem;
}

.profession .contain .template .introduce.type10 .left {
  width: 6.8rem;
}

.profession .contain .template .introduce.type10 .right {
  width: 5.466667rem;
}

.profession .contain .template .introduce.type10 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type11 .left {
  width: 5.466667rem;
}

.profession .contain .template .introduce.type11 .right {
  width: 6.8rem;
  padding-left: 0.4rem;
}

.profession .contain .template .introduce.type12 .left {
  width: 6.266667rem;
}

.profession .contain .template .introduce.type12 .left .img-introduce {
  margin-top: 0.266667rem;
}

.profession .contain .template .introduce.type12 .left .img-introduce .fl {
  margin: 0 0.2rem;
}

.profession .contain .template .introduce.type12 .left .img-introduce img {
  width: 2.733333rem;
  height: 1.866667rem;
}

.profession .contain .template .introduce.type12 .left .img-introduce span {
  margin-bottom: 0.4rem;
}

.profession .contain .template .introduce.type12 .right {
  width: 6rem;
}

.profession .contain .template .introduce.type12 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type13 {
  margin-top: 0;
}

.profession .contain .template .introduce.type13 .left {
  width: 5.333333rem;
}

.profession .contain .template .introduce.type13 .left .detail {
  margin-bottom: 0.8rem;
}

.profession .contain .template .introduce.type13 .right {
  width: 6.933333rem;
  padding-left: 0.8rem;
}

.profession .contain .template .introduce.type13 .right .main-list {
  margin-top: 0;
}

.profession .contain .template .introduce.type13 .img img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.profession .contain .template .introduce.type13 .img span {
  font-size: 0.186667rem;
  color: #5d5d5d;
  display: block;
}

.profession .contain .template .introduce.type14 .left {
  width: 5.2rem;
}

.profession .contain .template .introduce.type14 .left img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type14 .right {
  width: 7.066667rem;
  padding-left: 0.4rem;
}

.profession .contain .template .introduce.type14 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type15 .left {
  width: 8.8rem;
}

.profession .contain .template .introduce.type15 .right {
  padding-top: 1.333333rem;
  width: 3.466667rem;
}

.profession .contain .template .introduce.type15 .right img {
  display: block;
  margin: 0.266667rem auto;
}

.profession .contain .template .introduce.type15 .img-line img {
  margin: 0 0.173333rem;
}

.profession .contain .template .introduce.type16 {
  margin-top: 0;
}

.profession .contain .template .introduce.type16 .detail {
  margin-top: 0;
}

.profession .contain .template .introduce.type16 .left {
  width: 5.2rem;
}

.profession .contain .template .introduce.type16 .left img {
  margin-top: 0.133333rem;
}

.profession .contain .template .introduce.type16 .right {
  width: 7.066667rem;
}

.profession .contain .template .introduce.type16 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type17 .t-title3 {
  margin-bottom: 0.133333rem;
}

.profession .contain .template .introduce.type17 img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type17 .left {
  width: 4.4rem;
}

.profession .contain .template .introduce.type17 .right {
  width: 7.866667rem;
  padding-left: 0.933333rem;
}

.profession .contain .template .introduce.type18 .left {
  width: 6.533333rem;
}

.profession .contain .template .introduce.type18 .right {
  width: 5.733333rem;
  padding-top: 0.746667rem;
}

.profession .contain .template .introduce.type18 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type18 .img-line img {
  height: 2.2rem;
}

.profession .contain .template .introduce.type19 .left {
  width: 5.866667rem;
}

.profession .contain .template .introduce.type19 .left .t-title3,
.profession .contain .template .introduce.type19 .left .detail {
  padding-left: 0.4rem;
}

.profession .contain .template .introduce.type19 .right {
  width: 6.4rem;
}

.profession .contain .template .introduce.type19 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type20 {
  margin-top: 0.2rem;
}

.profession .contain .template .introduce.type20 .left {
  width: 3.2rem;
}

.profession .contain .template .introduce.type20 .left .detail {
  padding-left: 0.4rem;
}

.profession .contain .template .introduce.type20 .right {
  width: 7.733333rem;
}

.profession .contain .template .introduce.type20 .right img {
  width: 3.733333rem;
}

.profession .contain .template .introduce.type21 .left {
  width: 100%;
}

.profession .contain .template .introduce.type21 .right {
  width: 100%;
}

.profession .contain .template .introduce.type21 .right img {
  display: block;
  margin: 0 auto;
}

.profession .contain .template .introduce.type21 .right.searchpic {
  text-align: center;
  margin-top: 0.266667rem;
}

.profession .contain .template .introduce.type22 .left {
  width: 4.866667rem;
}

.profession .contain .template .introduce.type22 .right {
  padding-top: 0.733333rem;
  width: 7.4rem;
}

.profession .contain .template .main-list {
  margin-top: 0.666667rem;
  margin-bottom: 0.266667rem;
}

.profession .contain .template .main-list ul {
  padding-top: 0.266667rem;
}

.profession .contain .template .main-list li {
  font-size: 0.32rem;
  padding-left: 0.466667rem;
  color: #5d5d5d;
  line-height: 0.533333rem;
  position: relative;
}

.profession .contain .template .main-list li:after {
  content: '';
  display: block;
  width: 0.133333rem;
  height: 0.133333rem;
  background: #03b0ea;
  position: absolute;
  left: 0.2rem;
  top: 0.186667rem;
}

.profession .contain .template .main-list .omit {
  font-size: 0.186667rem;
  color: #5d5d5d;
  letter-spacing: 0.066667rem;
  padding-left: 0.533333rem;
}

.profession .contain .template .gjz-part1,
.profession .contain .template .gjz-part2 {
  float: none;
  width: 100%;
  padding-top: 0.133333rem;
  padding-right: 0;
}

.profession .contain .template .tsf-left,
.profession .contain .template .tsf-right {
  float: none;
  width: 100%;
  padding: 0.133333rem 0;
}

.profession .contain .template .tsf-pic {
  float: none;
  width: 100%;
  padding-right: 0;
}

.profession .contain .template .gjz-part3,
.profession .contain .template .gjz-part4 {
  float: none;
  width: 100%;
  padding-right: 0;
  margin-bottom: 0.266667rem;
}

.profession .contain .template .gjz-part5 {
  float: none;
  width: 100%;
  padding-right: 0;
  height: auto;
  margin-top: 0.266667rem;
}

.profession .contain .template .gjz-pic {
  width: 100%;
  height: auto;
}

.profession .contain .template .gjz-pic1 {
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
}

.profession .famous {
  margin-top: 0.266667rem;
}

.profession .famous li {
  float: left;
  width: 1.333333rem;
  height: 1.333333rem;
  margin: 0 0.333333rem;
  cursor: pointer;
  padding-top: 1.066667rem;
}

.profession .famous li p {
  text-align: center;
  line-height: 0.266667rem;
  font-size: 0.186667rem;
  color: #5d5d5d;
}

.mb-sidebar {
  display: block;
  height: 0.933333rem;
  line-height: 0.933333rem;
  border-bottom: 1px solid #d8d8d8;
}

.mb-sidebar a {
  display: block;
  height: 100%;
  padding-left: 0.133333rem;
  padding-right: 0.133333rem;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.mb-sidebar a.on {
  color: #000;
  font-weight: bold;
}

.profession .ppyw:before {
  display: none;
}

.map-nav-header {
  padding: 0;
  border: none;
  background-color: transparent;
  margin-bottom: 0.266667rem;
  height: auto;
}

.map-nav-header li {
  float: left;
  margin-right: 0.266667rem;
  margin-bottom: 0.266667rem;
}

.map-nav-header li a {
  color: #0082EF;
  line-height: 0.666667rem;
  height: 0.666667rem;
  margin: 0;
  font-size: 0.266667rem;
  border: 1px solid #0082EF;
  padding: 0 0.4rem;
  border-radius: 0.666667rem;
}

.map-nav-header li a.active {
  background-color: #0082EF;
  color: #fff;
}

.map-nav-header li a.active:before,
.map-nav-header li a.active:after {
  display: none;
}

.map-contain {
  width: auto;
  padding: 0;
}

.map-contain .query {
  display: flex;
  margin: 0;
}

.map-contain .query input {
  flex: 1;
}

.map-contain .view {
  margin: 0;
}

.map-contain .view li {
  width: 50%;
  margin-right: 0;
}

.map-contain .view li img {
  height: 100%;
}

.pagination-prev,
.pagination-next {
  background: none;
  border: 1px solid #bbb;
  height: 30px;
  line-height: 30px;
}

.pagination-prev:after {
  content: '上一页';
}

.pagination-next:after {
  content: '下一页';
}