/* 所有 hmaker 生成的网页都要引入这个 css 作为统一的样式规范*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* 清除浮动 */
.cf:before,
.cf:after {
  content: "";
  display: block;
}
.cf:after {
  clear: both;
}
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  height: 100%;
  font-size: 100px;
}
img {
  vertical-align: bottom;
}
html {
  font-size: 100px;
  height: 100%;
}
body {
  margin: 0;
  font-size: 0.16rem;
  height: 100%;
}
a[href] {
  cursor: pointer;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hm-com[auto-wrap-width] > .hm-com-W {
  width: 100%;
}
.hm-com[auto-wrap-width] > .hm-com-W > div {
  width: 100%;
}
.hm-com[auto-wrap-height] > .hm-com-W {
  height: 100%;
}
.hm-com[auto-wrap-height] > .hm-com-W > div {
  height: 100%;
}
.hm-com {
  outline: none;
}
.hm-com > * {
  position: relative;
}
.hm-com[hmc-mode="abs"],
.hm-com[hmc-mode="fix"] {
  z-index: 1;
}
/**
 * 控件: image
 */
.hm-com-image {
  display: inline-block;
  vertical-align: bottom;
}
.hmc-image {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  color: #FFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.hmc-image img {
  border: 0;
  display: block;
  vertical-align: bottom;
}
.hmc-image section {
  position: absolute;
  padding: 0.08rem;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 0.2em;
}
.hmc-image section article.md-content p {
  margin: 0.05rem 0;
}
.hmc-image[tpos="center"] section {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.hmc-image[tpos="top"] section {
  top: 0;
  left: 0;
  right: 0;
}
.hmc-image[tpos="bottom"] section {
  bottom: 0;
  left: 0;
  right: 0;
}
.hmc-image[hover-show] section {
  opacity: 0;
  transition: opacity 0.5s;
}
.hmc-image[hover-show]:hover section {
  opacity: 1;
}
/**
 * 控件: video
 */
.hm-com-video {
  display: inline-block;
  vertical-align: bottom;
}
.hmc-video {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.hmc-video .hmc-video-con {
  background: #000;
}
.hmc-video .hmc-video-con video {
  max-width: 100%;
  border: 0;
  display: block;
  vertical-align: bottom;
  object-fit: contain;
}
.hmc-video .hmc-video-con div.hmcv-s-blank {
  opacity: 1;
  font-size: 0.32rem;
  width: 4rem;
  height: 3rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.z-video-con {
  display: block;
  vertical-align: bottom;
  position: relative;
}
.z-video-con .z-video-ctrl {
  transition: 0.5s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.z-video-con .z-video-ctrl:hover {
  opacity: 1;
}
.z-video-con .z-video-ctrl b {
  display: block;
  padding: 0.1rem;
  background: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  font-size: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.z-video-con .z-video-ctrl[st="loading"] {
  opacity: 1;
}
.z-video-con .z-video-ctrl[st="loading"] b {
  border: 0;
}
.z-video-con .z-video-ctrl[st="playing"]:hover {
  opacity: 1;
}
.z-video-con .z-video-ctrl[st="pause"] {
  opacity: 1;
}
.z-video-con .z-video-ctrl[st="pause"] b {
  padding-left: 0.15rem;
}
.z-video-con .z-video-ctrl[st="ended"] {
  opacity: 1;
}
/**
 * 控件: text
 */
/**
 * 控件: 布局
 */
.hm-layout[toggle-on] > .hm-com-W > .ui-arena > .hm-area[toggle-mode="hide"] {
  display: none;
}
.hm-area {
  position: relative;
}
.hm-area > .hm-area-con {
  position: relative;
}
.hm-area[area-align="NW"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.hm-area[area-align="N"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hm-area[area-align="NE"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.hm-area[area-align="W"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.hm-area[area-align="P"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.hm-area[area-align="E"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.hm-area[area-align="SW"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.hm-area[area-align="S"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
.hm-area[area-align="SE"] > .hm-area-con {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
}
/**
 * 控件: columns
 */
.hmc-columns {
  display: -webkit-flex;
  display: flex;
}
.hmc-columns > .hm-area {
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
}
.hmc-columns > .hm-area > .hm-area-con {
  flex: 1 1 auto;
}
/**
 * 控件: navmenu
 */
.hmc-navmenu li a i {
  margin: 0 0.04rem;
}
.hmc-navmenu li a span em {
  font-style: normal;
}
.hmc-navmenu li a span img {
  vertical-align: middle;
}
.hmc-navmenu li[li-multi] a span em {
  display: block;
}
.hmc-navmenu li[icon="hide"] > a i {
  display: none;
}
.hmc-navmenu li[icon="show"] > a i {
  display: inline;
}
.hmc-navmenu li[text="hide"] > a span {
  display: none;
}
.hmc-navmenu li[text="show"] > a span {
  display: inline;
}
.hm-com[ctype="navmenu"][auto-wrap-height] .ul-top {
  height: 100%;
}
.hm-com[ctype="navmenu"][auto-wrap-width] .ul-top {
  width: 100%;
}
/**
 * 控件: Text
 */
/**
 * 控件: Dynamic
 */
.hm-com-dynamic .msg-error {
  color: #F00;
  padding: 0.24rem;
  text-align: center;
}
.hm-com-dynamic .msg-info {
  color: #CCC;
  padding: 0.12rem;
  text-align: center;
}
/**
 * 控件: Searcher
 */
.hmc-searcher {
  display: -webkit-flex;
  display: flex;
  padding: 0.04rem;
  position: relative;
}
.hmc-searcher .kwd-input {
  flex: 1 1 auto;
}
.hmc-searcher .kwd-input input {
  width: 100%;
  outline: none;
  font-size: 0.14rem;
  padding: 0.06rem;
}
.hmc-searcher .kwd-btn {
  flex: 0 0 auto;
  padding: 1px;
}
.hmc-searcher .kwd-btn b {
  display: block;
  cursor: pointer;
  padding: 0.06rem 0.12rem;
  font-size: 0.14rem;
  border: 1px solid #D0D0D0;
}
.hmc-searcher ul.search-tip {
  z-index: 99;
  background: #FFF;
  color: #888;
  border: 1px solid rgba(30, 30, 30, 0.6);
  padding: 0;
  margin: 0;
}
.hmc-searcher ul.search-tip li {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  line-height: 2.6em;
  cursor: pointer;
  padding: 0 0.1rem;
}
.hmc-searcher ul.search-tip li:first-child {
  border: 0;
}
.hmc-searcher ul.search-tip li:hover,
.hmc-searcher ul.search-tip li[current] {
  background: rgba(0, 0, 0, 0.06);
}
.hmc-searcher ul.search-tip li em {
  font-weight: bold;
  color: #003;
  font-style: normal;
  margin: 0 0.1em;
}
/**
 * 控件: Filter
 */
.hmc-filter {
  padding: 0.08rem;
}
.hmc-filter .hmcf-fld {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px dashed #DDD;
}
.hmc-filter .hmcf-fld > * {
  padding: 0.06rem;
  margin: 0;
}
.hmc-filter .hmcf-fld:last-child {
  border: 0;
}
.hmc-filter .hmcf-folder {
  display: none;
  border-top: 1px dashed #DDD;
}
.hmc-filter .fld-info {
  flex: 0 0 auto;
  min-width: 1rem;
}
.hmc-filter .fld-info em {
  cursor: pointer;
  font-style: normal;
  color: #AAA;
  margin: 0.06rem 0;
  display: inline-block;
}
.hmc-filter .fld-info em:after {
  display: inline;
  content: ":";
}
.hmc-filter .fld-items {
  flex: 1 1 auto;
}
.hmc-filter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hmc-filter ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.hmc-filter li {
  float: left;
  padding: 0.04rem;
  margin: 0.02rem;
  cursor: pointer;
}
.hmc-filter li[it-checked] {
  background: #000;
  color: #FFF;
}
.hmc-filter li em {
  display: none;
  vertical-align: middle;
  padding: 0 4px;
}
.hmc-filter li em i {
  display: inline-block;
  cursor: pointer;
  font-family: 'Material-Design-Iconic-Font';
  font-style: normal;
}
.hmc-filter li em i:before {
  display: inline;
  content: "\f279";
}
.hmc-filter li:hover em i:before {
  content: "\f26b";
}
.hmc-filter li[auto-hide] {
  display: none;
}
.hmc-filter .fld-it-check {
  display: none;
  text-align: center;
  padding: 0.06rem;
}
.hmc-filter .fld-it-check span {
  display: inline-block;
  padding: 0.04rem 0.06rem;
  margin: 1px;
  cursor: pointer;
}
.hmc-filter .fld-it-check b {
  font-weight: normal;
}
.hmc-filter .fld-it-check .fld-it-check-ok {
  border: 1px solid #DDD;
}
.hmc-filter .hmcf-fld[enable-multi] .fld-multi {
  display: none;
}
.hmc-filter .hmcf-fld[enable-multi] .fld-it-check {
  display: block;
}
.hmc-filter .hmcf-fld[enable-multi] li em {
  display: inline-block;
}
.hmc-filter .hmcf-fld[enable-multi] li[multi-checked] em i:before {
  content: "\f26a";
}
.hmc-filter .fld-multi {
  flex: 0 0 auto;
}
.hmc-filter .fld-multi b {
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #DDD;
  padding: 0 4px;
}
.hmc-filter .fld-more {
  flex: 0 0 auto;
}
.hmc-filter .fld-more b {
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #DDD;
  padding: 0 4px;
}
.hmc-filter .fld-more em {
  font-style: normal;
  margin-right: 4px;
}
.hmc-filter .fld-more i {
  display: inline-block;
  cursor: pointer;
  font-family: 'Material-Design-Iconic-Font';
  font-style: normal;
}
.hmc-filter .fld-more b[mode="more"] i:before {
  content: "\f2f9";
}
.hmc-filter .fld-more b[mode="less"] i:before {
  content: "\f2fc";
}
.hmc-filter .hmcf-exts {
  text-align: center;
  border-top: 1px solid #DDD;
  padding: 0.02rem 0;
}
.hmc-filter .hmcf-exts b {
  display: inline-block;
  padding: 0.02rem 0.12rem;
  cursor: pointer;
  border: 1px solid #CCC;
}
.hmc-filter[folder-show] .hmcf-folder {
  display: block;
}
.hmc-filter[more-items-mode="auto"] .hmcf-fld[more-useless] .fld-more {
  visibility: hidden;
}
.hmc-filter[more-items-mode="never"] .fld-more {
  display: none;
}
/**
 * 控件: Sorter
 */
.hmc-sorter ul {
  padding: 0.04rem;
  margin: 0;
  list-style: none;
}
.hmc-sorter li {
  display: inline-block;
  padding: 0.02rem 0.08rem;
  margin: 0 1px;
  border: 1px solid #CCC;
  cursor: pointer;
}
.hmc-sorter li[enabled] {
  background: #080;
  color: #FFF;
}
.hmc-sorter em {
  font-style: normal;
}
.hmc-sorter span[or-icon] {
  font-family: 'FontAwesome';
  margin: 0 0 0 0.04rem;
  display: none;
}
.hmc-sorter span[or-icon]:before {
  display: inline;
}
.hmc-sorter span[or-icon="asc"]:before {
  content: "\f176";
}
.hmc-sorter span[or-icon="desc"]:before {
  content: "\f175";
}
.hmc-sorter li[modify] span {
  display: inline;
}
/**
 * 控件: Pager
 */
.hmc-pager {
  cursor: default;
  padding: 0.04rem;
}
.hmc-pager .pg_ele {
  display: inline-block;
  padding: 0.06rem 0;
  vertical-align: middle;
}
.hmc-pager .pg_brief {
  display: none;
}
.hmc-pager a,
.hmc-pager b {
  display: inline-block;
  padding: 0.06rem;
  vertical-align: middle;
  margin: 0 1px;
}
.hmc-pager a {
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.hmc-pager[pager-type="jumper"] .pg_nbs a {
  display: none;
}
.hmc-pager[pager-type="jumper"][free-jump] .pg_nbs b {
  border: 1px dotted rgba(0, 0, 0, 0.6);
}
.hmc-pager[show-brief] .pg_brief {
  display: inline-block;
}
.hmc-pager[show-first-last="auto"][is-first-page] .pg_btn a[key="first"],
.hmc-pager[show-first-last="auto"][is-last-page] .pg_btn a[key="last"],
.hmc-pager[show-first-last="hide"] .pg_btn a[key="first"],
.hmc-pager[show-first-last="hide"] .pg_btn a[key="last"] {
  display: none;
}
.hmc-pager[show-prev-next="auto"][is-first-page] .pg_btn a[key="prev"],
.hmc-pager[show-prev-next="auto"][is-last-page] .pg_btn a[key="next"],
.hmc-pager[show-prev-next="hide"] .pg_btn a[key="prev"],
.hmc-pager[show-prev-next="hide"] .pg_btn a[key="next"] {
  display: none;
}