/**
**
字体图标库
**
**/
@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.03459aba.eot?7cpmf1');
  src:  url('./fonts/icomoon.03459aba.eot?7cpmf1#iefix') format('embedded-opentype'),
    url('./fonts/icomoon.35293140.ttf?7cpmf1') format('truetype'),
    url('./fonts/icomoon.a868e00b.woff?7cpmf1') format('woff'),
    url('./fonts/icomoon.svg?7cpmf1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-menu:before{  content: "\e903"; }
.icon-home:before {
    content: "\e900";
}
.icon-anli:before {
    content: "\1f305";
}
.icon-yimeiquan:before {
    content: "\e904";
}
.icon-me:before {
    content: "\e905";
}
.icon-search:before {
  content: "\e986";
}
 .icon-zan:before {
  content: "\e901";
}
.icon-pinlun:before {
  content: "\e902";
}
.icon-pinlun:before {
  content: "\e902";
}
.icon-choucang:before {
  content: "\e906";
}
.icon-write:before {
  content: "\e907";
}
.icon-Invitation:before {
  content: "\e908";
}

/*popup*/
#popup{position: fixed;width: 100%;max-width: 750px;height: 100%;left: 0;top: 0;z-index: 11111;font-size: 26px;}
.popup_html{position: absolute;bottom: -100%;left: 0;width: 100%;z-index: 2;height: auto;max-height: 100vh;background: #fff;-webkit-transition-duration: .4s;transition-duration: .4s;}
.popup_title{height: 50px;line-height: 50px;font-size: 30px;text-align: center;border-bottom: 1px solid #ccc;width: 100%;}
.animate_popup{ bottom: 0; }
.modal-overlay{ position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 10600; visibility: hidden; opacity: 0; -webkit-transition-duration: .4s; transition-duration: .4s; z-index: 1;  visibility:hidden; opacity: 0; }
.modal-overlay.show{visibility:visible; opacity: 1;}
.popup_html .close_popup{position: absolute;right: 0;top: 0;height: 50px;width: 50px;text-align: center;color: #3e3e3e;}
.popup_html .close_popup .icon-close{width: 2.5rem;height: 2.5rem;}
/*css-icon*/
css-icon {
  display: inline-block;
  height: 1em; width: 1em;
  font-size: 20px;
  box-sizing: border-box;
  text-indent: -9999px;
  vertical-align: middle;
  position: relative;
}
css-icon::before,
css-icon::after {
  content: '';
  box-sizing: inherit;
  position: absolute;
  left: 50%; top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.icon-close::before {
  width: 90%;
  border-top: 2px solid;
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.icon-close::after {
  height: 90%;
  border-left: 2px solid;
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.icon-arrow-right::before {
  height: .65em; width: .65em;
  border-style: solid;
  border-width: 2px 0 0 2px;
  -ms-transform: translate(-75%, -50%) rotate(135deg);
  transform: translate(-75%, -50%) rotate(135deg);
}
.icon-caret::before {
  border: .3em solid transparent;
  border-top-color: currentColor;
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
}
.icon-arrow-left::before {
  height: .65em; width: .65em;
  border-style: solid;
  border-width: 2px 0 0 2px;
  -ms-transform: translate(-25%, -50%) rotate(-45deg);
  transform: translate(-25%, -50%) rotate(-45deg);
}
.icon-more-horiz::before {
  height: .2em; width: .2em;
  background: currentColor;
  border-radius: 50%;
  box-shadow: -.4em 0, .4em 0;  
}
.icon-plus::before {
  width: 90%;
  border-top: 2px solid;
}
.icon-plus::after {
  height: 90%;
  border-left: 2px solid;
}
.icon-share {
  border: solid transparent;
  border-width: 2px 2px 0 0;
  box-shadow: inset 0 -2px, inset 2px 0;
}
.icon-share::before {
  width: .4em; height: .4em;
  border-style:  solid;
  border-width: 0 2px 2px 0;
  left: 100%; top: .2em;
  -ms-transform: translate(-125%, -50%) rotate(-45deg);
  transform: translate(-125%, -50%) rotate(-45deg);
}
.icon-share::after {
  width: .6em; height: .6em;
  border-style:  solid;
  border-width: 2px 0 0 2px;
  border-radius: 75% 15%;
}
.icon-minus::before {
  width: 90%;
  border-top: 2px solid;
}

.fixed{    border-bottom: 1px solid #ccc;}

.mescroll-downwarp .downwarp-progress, .mescroll-upwarp .upwarp-progress{    width: 30px;
    height: 30px;     border: 3px solid gray; border-bottom-color: transparent;} 
.mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip, .mescroll-upwarp .upwarp-nodata{ font-size: 25px; }
.mescroll-totop{ width: 80px;
    height: 80px; }
#empty{position: absolute;width: 100%;margin: auto;top: 100px;left: 0;}
.mescroll-empty .empty-tip{ font-size: 26px; }