@charset "utf-8";
/* Function */
.em05 {
  padding: 0 0 0 0.5em;
}
.m-home {
  height: 9rem;
}
.m-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-trend {
  margin: 0.5rem 0;
  background: #fff;
}
.m-trend .hd {
  padding: 0.8rem 0 0 0.8rem;
  line-height: 1.2rem;
  font-size: 0.8rem;
  font-weight: bold;
}
.m-trend .trend {
  font-size: 0.8rem;
}
.m-trend .box {
  width: 50%;
  padding: 0.8rem;
  box-sizing: border-box;
  line-height: 1.2rem;
  font-size: 0.6rem;
  color: #666;
}
.m-trend .box em {
  margin: 0 0.2rem 0 0;
  font-size: 1.4rem;
  font-weight: normal;
  vertical-align: -0.2rem;
  color: #f90;
}
.m-navs {
  margin: 0.5rem 0 0;
  padding: 0 0 0.8rem;
  background: #fff;
}
.m-navs a {
  float: left;
  width: 25%;
  margin: 1rem 0 0;
  font-size: 0.6rem;
  color: #666;
}
.m-navs a:nth-child(8n+1) i {
  color: #f03;
}
.m-navs a:nth-child(8n+2) i {
  color: #f33;
}
.m-navs a:nth-child(8n+3) i {
  color: #f63;
}
.m-navs a:nth-child(8n+4) i {
  color: #6c9;
}
.m-navs a:nth-child(8n+5) i {
  color: #fc0;
}
.m-navs a:nth-child(8n+6) i {
  color: #f6c;
}
.m-navs a:nth-child(8n+7) i {
  color: #6c6;
}
.m-navs a:nth-child(8n+8) i {
  color: #0cf;
}
.m-navs a:nth-child(8n+9) i {
  color: #f63;
}
.m-navs i {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  margin: 0 auto 0.3rem;
  font-size: 1.2rem;
}
.m-navs-r {
  margin: 0;
}
.m-navs-r a:nth-child(8n+1) i {
  color: #fff;
  background: #f03;
}
.m-navs-r a:nth-child(8n+2) i {
  color: #fff;
  background: #f33;
}
.m-navs-r a:nth-child(8n+3) i {
  color: #fff;
  background: #f63;
}
.m-navs-r a:nth-child(8n+4) i {
  border: 1px solid #6c9;
  color: #6c9;
  background: rgba(102,204,153,0.2);
}
.m-navs-r a:nth-child(8n+5) i {
  border: 1px solid #fc0;
  color: #fc0;
  background: rgba(255,204,0,0.2);
}
.m-navs-r a:nth-child(8n+6) i {
  border: 1px solid #f6c;
  color: #f6c;
  background: rgba(255,102,204,0.2);
}
.m-navs-r a:nth-child(8n+7) i {
  border: 1px solid #6c6;
  color: #6c6;
  background: rgba(102,204,102,0.2);
}
.m-navs-r a:nth-child(8n+8) i {
  border: 1px solid #0cf;
  color: #0cf;
  background: rgba(0,204,255,0.2);
}
.m-navs-r a:nth-child(8n+9) i {
  border: 1px solid #f63;
  color: #f63;
  background: rgba(255,102,51,0.2);
}
.m-navs-r i {
  border-radius: 50%;
  box-sizing: border-box;
}
.m-sch {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  height: 100%;
  background: #fff;
}
.m-sch .sch {
  height: 2.2rem;
  background: #f63;
}
.m-sch .sch .back {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.8rem;
  color: #fff;
}
.m-sch .sch form {
  display: -webkit-flex;
  display: flex;
}
.m-sch .sch .u-ipt {
  display: block;
  width: 100%;
  height: 1.4rem;
  margin: 0.4rem 0 0;
  border: 0;
  padding: 0 0.4rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1.4rem;
  font-size: 0.7rem;
  background: #fff;
}
.m-sch .sch .reset {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0.4rem 0 0 -1.4rem;
  line-height: 1.4rem;
  font-size: 0.8rem;
  color: #999;
}
.m-sch .sch .btn {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.8rem;
  color: #fff;
}
.m-sch .rst li {
  border-bottom: 1px solid #eee;
}
.m-sch .rst a {
  display: block;
  height: 2rem;
  padding: 0 0.6rem;
  line-height: 2rem;
  font-size: 0.7rem;
}
.m-sch .rst span {
  margin: 0 0 0 0.6rem;
  color: #999;
}
.m-form {
  font-size: 0.7rem;
}
.m-form h2 {
  height: 1.6rem;
  margin: 0;
  padding: 0 0.6rem;
  border-bottom: 1px solid #ddd;
  line-height: 1.6rem;
  font-size: 0.7rem;
  font-weight: normal;
}
.m-form .item {
  display: -webkit-flex;
  display: flex;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.m-form .item:last-child {
  border: 0;
}
.m-form .item:after {
  content: '';
  display: block;
  width: 0.35rem;
  height: 0.35rem;
  margin: 0.5rem 0 0;
  border: 0.05rem solid transparent;
  border-width: 0.05rem 0.05rem 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.m-form .item b {
  display: block;
  width: 3.6rem;
  line-height: 1.4rem;
  font-weight: normal;
}
.m-form .item span {
  display: block;
  width: 1.8rem;
  line-height: 1.4rem;
}
.m-form .item span:last-child {
  margin: 0 -0.4rem 0 0;
}
.m-form .item label {
  display: block;
  margin: 0.2rem 0 0.2rem 0.4rem;
  padding: 0 0.35rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  line-height: 1.1rem;
  text-align: right;
}
.m-form .item label:nth-child(10n+13) {
  margin: 0.2rem 0 0.2rem 4rem;
}
.m-form .item .u-rdo,
.m-form .item .u-cbx {
  display: none;
}
.m-form .item .u-rdo:checked + label,
.m-form .item .u-cbx:checked + label {
  border-color: #f60;
  color: #f60;
}
.m-form .item .u-slt,
.m-form .item .u-ipt {
  -webkit-flex: 1;
  flex: 1;
  line-height: 1rem;
  width: 2.5rem;
  padding: 0.2rem 0.4rem;
  border: 0;
  font-size: 0.7rem;
  color: #757575;
}
.m-form .item .u-txt {
  -webkit-flex: 1;
  flex: 1;
  height: 3rem;
  line-height: 1rem;
  padding: 0.2rem 0.4rem;
  border: 0;
  font-size: 0.7rem;
}
.m-form .item .u-smt {
  width: 100%;
  height: 2.2rem;
  border: 0;
  border-radius: 0.2rem;
  font-size: 0.8rem;
  color: #fff;
  background: #f63;
}
.m-form .item .u-file {
  position: relative;
  width: 4rem;
  height: 3rem;
  margin: 0.2rem 0 0.2rem 0.4rem;
  border: 1px dotted #ddd;
  overflow: hidden;
  background: url("../img/add.png") no-repeat 50% 50%;
  background-size: 1.2rem auto;
}
.m-form .item .u-file img {
  display: block;
  width: 100%;
  height: 100%;
}
.m-form .item .u-file .file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 999rem;
  opacity: 0;
}
.m-form .item-slt:after {
  border-color: #999;
}
.m-form .item-txt:after {
  display: none;
}
.m-form .item-smt {
  padding: 0.6rem;
  background: none;
}
.m-form .item-smt:after {
  display: none;
}
.m-form .item-must:before {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0.6rem 0.2rem 0 -0.4rem;
  border-radius: 50%;
  background: #f00;
  content: '';
}
.m-form .item-wrap {
  flex-wrap: wrap;
}
.m-form .item-wrap:after {
  display: none;
}
.m-form-op .item {
  border: 0;
  background: none;
}
.m-form-op .item .u-txt {
  height: 6rem;
  padding: 0.6rem;
  border-radius: 0.2rem;
}
.m-form-op .item .u-ipt {
  padding: 0.6rem;
  border-radius: 0.2rem;
}
.m-form-op .tips {
  padding: 0.4rem 0.6rem;
  line-height: 1rem;
  color: #999;
}
.m-form-op .tips:first-child {
  margin: 0.4rem 0 0;
  font-size: 0.8rem;
  color: #333;
}
.m-sift {
  position: relative;
  padding: 2rem 0 0;
  border-bottom: 1px solid #eee;
}
.m-sift .sift {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 640px;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.7rem;
  background: #fff;
  -webkit-user-select: none;
  user-select: none;
}
.m-sift .sift span {
  display: block;
  width: 22%;
  -webkit-flex: 1;
  flex: 1;
  height: 2rem;
  font-size: 0.7rem;
}
.m-sift .sift span:before {
  float: left;
  width: 0;
  height: 0.8rem;
  margin: 0.6rem 0 0 0;
  border-left: 1px solid #eee;
  overflow: hidden;
  content: "";
}
.m-sift .sift span:first-child:before {
  display: none;
}
.m-sift .sift span:after {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.7rem 0.3rem 0 0;
  border: 1px solid #999;
  border-width: 0 1px 1px 0;
  overflow: hidden;
  vertical-align: top;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.m-sift .sift span.z-sel {
  color: #f63;
}
.m-sift .sift span.z-sel:after {
  margin-top: 0.9rem;
  border-width: 1px 1px 0 0;
  border-color: #f63;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.m-sift .sift span.on {
  color: #f63;
}
.m-sift .sift span.on:after {
  border-color: #f63;
}
.m-sift .sift span.sort {
  width: 12%;
  -webkit-flex: none;
  flex: none;
}
.m-sift .sift span.sort:after {
  display: none;
}
.m-sift .sift span.sort .icon {
  font-size: 0.7rem;
}
.m-sift .sift b {
  display: inline-block;
  max-width: 70%;
  padding: 0 0.2rem;
  overflow: hidden;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-sift .sifts {
  position: fixed;
  top: 2rem;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 640px;
  border-top: 1px solid #ddd;
  line-height: 2rem;
  font-size: 0.7rem;
  background: #fff;
}
.m-sift .sifts ul {
  -webkit-flex: 1;
  flex: 1;
  max-height: 18rem;
  border-right: 1px solid #ddd;
  overflow-y: auto;
}
.m-sift .sifts ul:last-child {
  border: 0;
}
.m-sift .sifts ul li {
  height: 2rem;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.m-sift .sifts ul a {
  display: block;
  padding: 0 0.8rem;
}
.m-sift .sifts ul a.z-sel {
  color: #f63;
}
.m-sift .sifts ul .zdy {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 0.8rem;
  box-sizing: border-box;
  background: #fff;
}
.m-sift .sifts ul .zdy .u-ipt {
  width: 2.4rem;
  height: 1rem;
  line-height: 1rem;
  margin: 0 0.25rem 0 0;
  padding: 0 0.25rem;
  border: 0;
  border-radius: 0.15rem;
  font-size: 0.6rem;
  text-align: center;
  background: #f2f2f2;
}
.m-sift .sifts ul .zdy .u-btn {
  display: inline-block;
  width: 2.4rem;
  height: 1rem;
  line-height: 1rem;
  margin: 0 0 0 0.25rem;
  padding: 0;
  border-radius: 0.15rem;
  font-size: 0.6rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #f66;
}
.m-sift .sifts.f-dn {
  display: none;
}
.m-sift-fix:before {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  height: 100%;
  background: rgba(0,0,0,0.6);
  content: "";
}
.m-sift-fix .sift {
  position: fixed;
}
.m-list {
  background: #fff;
}
.m-list .hd {
  padding: 0.8rem 0 0 0.8rem;
  line-height: 1.2rem;
  font-size: 0.8rem;
  font-weight: bold;
}
.m-list .list li {
  padding: 0.8rem 0.6rem;
  border-top: 1px solid #eee;
  font-size: 0.6rem;
}
.m-list .list li:first-child {
  border: 0;
}
.m-list .list .u-img {
  width: 5.6rem;
  height: 4.2rem;
  margin: 0 0.4rem 0 0;
}
.m-list .list em {
  margin: 1.1rem 0 0 -4rem;
  font-size: 0.7rem;
  text-align: right;
  color: #f63;
}
.m-list .list em span {
  display: block;
  font-size: 0.6rem;
  font-weight: normal;
  color: #999;
}
.m-list .list .txt {
  overflow: hidden;
  line-height: 1.1rem;
  font-size: 0.6rem;
  color: #666;
}
.m-list .list .txt h3 {
  height: 1.2rem;
  margin: -0.2rem 0 0;
  overflow: hidden;
  line-height: 1.2rem;
  font-size: 0.75rem;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}
.m-list .list .txt h3 span {
  display: inline-block;
  height: 0.8rem;
  margin: 0 0 0 0.3rem;
  padding: 0 0.1rem;
  border-radius: 0.1rem;
  line-height: 0.8rem;
  font-size: 0.6rem;
  color: #fff;
  background: #fc9;
}
.m-list .list .txt p span {
  margin: 0 0 0 0.3rem;
}
.m-list .list .txt p span:first-child {
  margin: 0;
}
.m-list .list .txt p b {
  margin: 0 0.2rem 0 0;
  font-weight: normal;
  color: #f63;
}
.m-list .list .txt .tags {
  height: 1rem;
}
.m-list .list .txt .tags span {
  display: inline-block;
  height: 0.9rem;
  margin: 0.1rem 0 0 0.3rem;
  padding: 0 0.2rem;
  border: 1px solid #eee;
  border-radius: 0.1rem;
  box-sizing: border-box;
  line-height: 0.8rem;
  font-size: 0.6rem;
  color: #999;
}
.m-list .list .txt .tags span:first-child {
  margin: 0;
}
.m-page {
  padding: 0.8rem;
}
.m-page a,
.m-page span {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  margin: 0 0.3rem;
  border-radius: 0.2rem;
  box-sizing: border-box;
  font-size: 0.7rem;
  vertical-align: top;
  color: #fff;
}
.m-page a {
  background: #f9c;
}
.m-page span {
  background: #ddd;
}
.m-swi {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 0;
  padding: 0 0 75%;
  overflow: hidden;
}
.m-swi .swi {
  position: absolute;
  width: 100%;
  height: 100%;
}
.m-swi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-swi .swiper-pagination {
  right: 0.6rem;
  bottom: 0.6rem;
  left: auto;
  height: 1.2rem;
  line-height: 1.2rem;
  width: auto;
  padding: 0 0.4rem;
  border-radius: 0.6rem;
  font-size: 0.6rem;
  font-family: arial;
  color: #fff;
  background: rgba(0,0,0,0.6);
}
.m-info {
  line-height: 1.2rem;
  padding: 0.6rem;
  font-size: 0.7rem;
  color: #999;
  background: #fff;
}
.m-info em {
  color: #f63;
}
.m-info h1 {
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  color: #333;
}
.m-info h1 span {
  height: 0.9rem;
  margin: 0.1rem 0.4rem 0 0;
  padding: 0 0.2rem;
  border: 1px solid #f60;
  border-radius: 0.15rem;
  line-height: 0.9rem;
  font-size: 0.6rem;
  color: #f60;
}
.m-info .tags {
  position: relative;
  z-index: 1;
  float: left;
  margin: -2.2rem 0 0;
}
.m-info .tags span {
  display: inline-block;
  height: 1rem;
  margin: 0 0 0 0.2rem;
  padding: 0 0.2rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 1rem;
  font-size: 0.6rem;
  color: #fff;
  background: rgba(0,0,0,0.6);
}
.m-info .tags span:first-child {
  margin: 0;
}
.m-data {
  margin: 0.5rem 0 0;
  overflow: hidden;
  background: #fff;
}
.m-data a {
  float: left;
  width: 33.3333%;
  padding: 0.6rem 0;
  line-height: 1.2rem;
  font-size: 0.7rem;
}
.m-data a:before {
  float: left;
  height: 2.4rem;
  border-left: 1px solid #ddd;
  content: '';
}
.m-data a:first-child:before {
  border: 0;
}
.m-data a:after {
  float: right;
  width: 0;
  height: 0;
  margin: -0.5rem 0.1rem 0 -1rem;
  border: 0.4rem solid #ddd;
  border-color: transparent transparent transparent #ddd;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}
.m-data a p {
  font-size: 0.8rem;
  color: #f63;
}
.m-data span {
  float: left;
  width: 33.3333%;
  padding: 0.6rem 0;
  line-height: 1.2rem;
  font-size: 0.7rem;
}
.m-data span p {
  font-size: 0.8rem;
  color: #f63;
}
.m-ibox {
  margin: 0.5rem 0 0;
  padding: 0.6rem;
  line-height: 1.2rem;
  font-size: 0.7rem;
  background: #fff;
}
.m-ibox .boxtt {
  padding: 0 0 0.4rem;
  font-size: 0.8rem;
  font-weight: bold;
}
.m-ibox .boxtt .lnk {
  font-size: 0.7rem;
  font-weight: normal;
  color: #999;
}
.m-ibox .boxct .col {
  float: left;
  width: 50%;
}
.m-ibox .boxct b {
  margin: 0 0.5rem 0 0;
}
.m-ibox .boxct img {
  max-width: 100%;
  margin: 0.4rem 0;
  vertical-align: top;
}
.m-ibox .boxct .map {
  margin: 0 0 0 0.4rem;
  font-size: 0.7rem;
  color: #f63;
}
.m-ibox .boxct .map .icon {
  font-size: 0.7rem;
}
.m-ibox .boxct .amap {
  width: 4rem;
  height: 3rem;
  margin: -1.2rem 0 0;
}
.m-ibox .boxct .amap span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  margin: -0.55rem 0 0 -1rem;
  border-radius: 0.55rem;
  line-height: 1.1rem;
  font-size: 0.6rem;
  color: #fff;
  background: rgba(0,0,0,0.6);
}
.m-ibox .boxic {
  margin: 0.5rem 0 -0.5rem;
  border-top: 1px solid #ddd;
}
.m-ibox .boxic a {
  float: left;
  width: 50%;
  height: 2.1rem;
  line-height: 2.1rem;
  font-size: 0.8rem;
}
.m-ibox .boxic a:last-child:before {
  float: left;
  height: 1.2rem;
  margin: 0.45rem 0 0;
  border-left: 1px solid #ddd;
  content: '';
}
.m-ibox .boxic i {
  margin: 0 0.3rem 0 0;
  font-size: 0.9rem;
}
.m-ibox .boxtj {
  height: 11rem;
}
.m-ibox .boxif {
  margin: 0.6rem 0 0;
  padding: 0.4rem;
  border-radius: 0.2rem;
}
.m-ibox .boxif p {
  float: left;
  width: 50%;
}
.m-ibox .boxif b {
  padding: 0 0.4rem 0 0.2rem;
}
.m-ibox .boxswi .swiper-slide {
  width: 6rem;
}
.m-ibox .boxswi .swiper-slide a {
  display: block;
  text-align: center;
}
.m-ibox .boxswi .swiper-slide img {
  width: 6rem;
  height: 4.5rem;
  border-radius: 0.2rem;
}
.m-ibox .boxbk .u-img {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 0.4rem 0 0;
  border-radius: 50%;
}
.m-ibox .boxbk .txt {
  height: 2.8rem;
  line-height: 1.2rem;
  font-size: 0.7rem;
}
.m-ibox .boxbk .txt h3 {
  margin: 0;
  padding: 0.2rem 0 0;
  font-size: 0.8rem;
}
.m-ibox .boxbk .txt .tel {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0.5rem 0 0;
  border: 1px solid #f63;
  border-radius: 50%;
  box-sizing: border-box;
  line-height: 1.8rem;
  font-size: 0.8rem;
  color: #f63;
}
.m-ibox .boxbk .remark {
  margin: 0.6rem 0 0;
  padding: 0.6rem 0 0;
  border-top: 1px dotted #ddd;
}
.m-ibox .boxbk .remark span {
  margin: 0 0.4rem 0 0;
}
.m-ibox .trend {
  font-size: 0.8rem;
}
.m-ibox .trend .box {
  width: 50%;
  box-sizing: border-box;
  line-height: 1.4rem;
  font-size: 0.7rem;
  color: #666;
}
.m-ibox .trend .box em {
  margin: 0 0.2rem 0 0;
  font-size: 1.4rem;
  font-weight: normal;
  vertical-align: -0.2rem;
  color: #f90;
}
.m-ibox-bks .ilook span {
  padding: 0 0.3rem;
  color: #f63;
}
.m-ibox-bks .boxbk {
  margin: 0.8rem 0 0;
}
.m-ibox-bks .boxbk:first-child {
  margin: 0;
}
.m-ibox-bks .boxbk .look {
  padding: 0.2rem 0.4rem 0 0;
  font-size: 0.7rem;
  color: #666;
}
.m-ibox-bks .boxbk .look span {
  padding: 0 0.25rem;
  color: #f63;
}
.m-guide {
  padding: 0 0 0.6rem;
  background: #fff;
}
.m-guide .banner {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 0;
  padding: 0 0 60%;
}
.m-guide .banner img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-guide .banner .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  font-size: 0.8rem;
  color: #fff;
  background: rgba(0,0,0,0.6);
}
.m-guide .boxtt {
  padding: 0.8rem 0 0.5rem;
  line-height: 1.5rem;
}
.m-guide .boxtt:before,
.m-guide .boxtt:after {
  display: inline-block;
  width: 0.4rem;
  height: 0.1rem;
  margin: 0.7rem;
  vertical-align: top;
  background: #aaa;
  content: "";
}
.m-guide .boxct {
  padding: 0 0.6rem;
  line-height: 1.2rem;
  font-size: 0.7rem;
}
.m-guide .boxct img {
  display: block;
  width: 100%;
  margin: 0.3rem 0;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.3rem rgba(0,0,0,0.4);
}
.m-guide .boxct p {
  padding: 0.3rem 0;
  text-indent: 2em;
}
.m-guide .boxif {
  margin: 0.6rem;
  padding: 0.6rem;
  border-radius: 0.2rem;
  line-height: 1.2rem;
  font-size: 0.7rem;
  background: #f2f2f2;
}
.m-guide .boxif p {
  padding: 0 0 0 3em;
}
.m-guide .boxif b {
  float: left;
  margin: 0 0 0 -3em;
}
.m-album {
  height: 100%;
  background: #333;
}
.m-album .album {
  height: 100%;
}
.m-album .imgs {
  display: flex;
  height: 65%;
  padding: 2.2rem 0 0;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
.m-album .imgs img {
  max-width: 100%;
  max-height: 100%;
}
.m-album .info {
  position: absolute;
  bottom: 0.6rem;
  left: 0.6rem;
  right: 0.6rem;
  line-height: 1.1rem;
  padding: 0.8rem;
  border-radius: 0.3rem;
  box-sizing: border-box;
  font-size: 0.7rem;
  color: #333;
  background: rgba(255,255,255,0.8);
}
.m-album .swiper-pagination {
  bottom: auto;
  top: 0.5rem;
  color: #fff;
}
.m-map {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-map .map {
  width: 100%;
  height: 100%;
}
.m-map .info {
  position: fixed;
  top: 2.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1.2rem);
  max-width: 616px;
  padding: 0.6rem;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
  box-sizing: border-box;
  line-height: 1.2rem;
  font-size: 0.6rem;
  color: #999;
  background: rgba(255,255,255,0.8);
}
.m-map .info h3 {
  margin: 0;
  font-size: 0.7rem;
  color: #333;
}
.m-map .info em {
  font-weight: normal;
}
.m-map .info i {
  font-size: 0.6rem;
  margin: 0 0.1rem 0 0;
}
.m-map .navs {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  border-top: 1px solid #ddd;
  background: #fff;
}
.m-map .navs .icon {
  float: left;
  width: 20%;
  padding: 0.25rem 0;
  font-size: 0.6rem;
}
.m-map .navs .icon:before {
  display: block;
  font-size: 1.1rem;
}
.m-map .navs .icon.z-sel {
  color: #f63;
}
.m-listn {
  padding: 0 0.6rem;
}
.m-listn .notice {
  padding: 0 0 0.6rem;
}
.m-listn li {
  margin: 0.6rem 0 0;
  border-radius: 0.3rem;
  box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.2);
  line-height: 1.1rem;
  font-size: 0.7rem;
  color: #666;
  background: #fff;
}
.m-listn li a {
  display: block;
  padding: 0 0.6rem;
}
.m-listn li h3 {
  margin: 0 0 0.4rem;
  padding: 0.4rem 0;
  border-bottom: 1px dashed #ddd;
  font-weight: normal;
}
.m-listn li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: box;
  box-orient: vertical;
  line-clamp: 3;
  overflow: hidden;
}
.m-listn li .time {
  margin: 0.4rem 0 0;
  padding: 0.4rem 0;
  border-top: 1px dashed #ddd;
}
.m-listn li .time:before {
  content: '';
  float: right;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0.4rem 0 0 0.4rem;
  border: 1px solid #ddd;
  border-width: 1px 1px 0 0;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.m-listn li span {
  font-size: 0.6rem;
  color: #999;
}
.m-listu .listu {
  padding: 0;
}
.m-listu li {
  margin: 0.6rem 0 0;
  line-height: 1.2rem;
  font-size: 0.7rem;
  background: #fff;
}
.m-listu li:first-child {
  margin: 0;
}
.m-listu li em {
  margin: 0.6rem 0.6rem 0 0;
  color: #f30;
}
.m-listu li h3 {
  margin: 0;
  padding: 0.6rem 0.6rem 0;
}
.m-listu li h3 + p {
  padding: 0 0.6rem;
}
.m-listu li p {
  padding: 0 0.6rem 0.6rem;
}
.m-listu li p span {
  margin: 0 0.6rem 0 0;
}
.m-listu li .u-img {
  width: 100%;
  height: auto;
}
.m-ffix {
  height: 2.5rem;
}
.m-ffix .ffix {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  height: 2.5rem;
  border-top: 1px solid #ddd;
  background: #fff;
}
.m-ffix .ffix a {
  display: inline-block;
  width: 50%;
  height: 2.5rem;
  font-size: 0.7rem;
  background: #f6f6f6;
}
.m-ffix .ffix .icon {
  display: block;
  margin: 0.2rem 0 0;
  font-size: 1.1rem;
  color: #f30;
}
.m-fixft {
  height: 3.2rem;
}
.m-fixft .fixft {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 640px;
  padding: 0.3rem 0.6rem;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
}
.m-fixft .fixft a {
  display: block;
  height: 2.1rem;
  -webkit-flex: 1;
  flex: 1;
  border-radius: 0.2rem;
  line-height: 2.1rem;
  font-size: 0.7rem;
  color: #fff;
  background: #fb8624;
}
.m-fixft .fixft a:last-child {
  margin: 0 0 0 0.6rem;
  background: #3cb950;
}
.m-fixft .fixft .icon {
  margin: 0 0.3rem 0 0;
  font-size: 0.8rem;
}
/* 小区带看 */
.m-listt {
  background: #fff;
}
.m-listt .list li {
  padding: 0.8rem 0.6rem;
  border-top: 1px solid #eee;
  line-height: 1.15rem;
  font-size: 0.6rem;
}
.m-listt .list li:first-child {
  border: 0;
}
.m-listt .list .u-img {
  width: 2.2rem;
  height: 2.2rem;
  margin: 0 0.5rem 0 0;
  border-radius: 50%;
}
.m-listt .list .txt p:last-child {
  color: #f30;
}
.m-listt .list .txt span,
.m-listt .list .txt a {
  float: left;
  width: 2.2rem;
  padding: 0 0.5rem 0 0;
  text-align: center;
  color: #999;
}
.m-bimg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #333;
}
.m-bimg .close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.5rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
}
.m-bimg .bimg {
  width: 100%;
  height: 100%;
}
.m-bimg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}