@charset "UTF-8";
/*!
 * a quick CSS layout library
 * by 洪建强(569250030@qq.com) 2017-?
 * under MIT license
 */
/* ----------------------fixed CSS----------------------- */
/* ---------------------single CSS----------------------- */
/* display */
.dn {
  display: none; }

.di {
  display: inline; }

.db {
  display: block; }

.dib {
  display: inline-block; }

.df, .center, .hCenter, .vCenter, .between, .around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* flex-direction */
.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

/* flex-wrap */
.fww {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* position */
.rel {
  position: relative; }

.abs {
  position: absolute; }

.fixed {
  position: fixed; }

/* cursor */
.cp {
  cursor: pointer; }

/* font */
.fsi {
  font-style: italic; }

/* margin */
.mb0 {
  margin-bottom: 0; }

/* view width value*/
.w100vh {
  height: 100vw; }

/* view height value */
.h100vh {
  height: 100vh; }

/* border-radius */
.br50p {
  border-radius: 50%; }

/* left */
.left {
  left: 0; }

/* right */
.right {
  right: 0; }

/* top */
.top0 {
  top: 0; }

/* bottom */
.bottom0 {
  bottom: 0; }

/* ----------------------multiply CSS--------------------- */
/* 垂直水平居中 */
.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* 水平居中 */
.hCenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

/* 垂直居中 */
.vCenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* 两端对齐 */
.between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/* 间隔平均分 */
.around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

/* 充满空间 */
.full {
  width: 100%;
  height: 100%; }

/* 按钮禁用 */
.disabled {
  outline: 0 none;
  cursor: default !important;
  opacity: .4;
  filer: alpha(opacity=40);
  -ms-pointer-events: none;
  pointer-events: none; }

/* 横向排列，并出现水平滚动条 */
.hScrollItems {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden; }

.hScrollItem {
  display: inline-block; }

/* 竖直排列，并出现垂直滚动条 */
.vScrollItems {
  overflow-x: hidden;
  overflow-y: auto; }

.vScrollItem {
  display: block;
  width: 100%; }

/* 去除水平滚动条的显示 */
.nohScrollbar::-webkit-scrollbar {
  height: 0; }

/* 去除垂直滚动条的显示 */
.novScrollbar::-webkit-scrollbar {
  width: 0; }

/* 去除水平和垂直滚动条的显示 */
.noScrollBar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none; }

.noScroll {
  -webkit-overflow-scrolling: touch; }
  .noScroll::-webkit-scrollbar, .noScroll::-webkit-scrollbar-track, .noScroll::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    display: none;
    visibility: hidden; }

/* 图片变灰 */
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray; }

/* 对于连续的英文字符和阿拉伯数字，实现强制断行 */
.breakWord {
  word-break: break-all;
  word-wrap: break-world;
  overflow: auto; }

/* 对于超出容器指定宽度的文案，进行省略号处理 */
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }