PianoTime/wechat/app.wxss

@import "bower_components/zanui-weapp/dist/index.wxss";

page {
  /* font-family: HYQiHei-DES; */

    height: 100%;
    font-size: 11pt;
    color: #555;
    background: #EFEFF4;
    overflow-x: hidden;
}
page,block,view,scroll-view,swiper,movable-view,icon,text,progress,button,checkbox,form,input,label,picker,picker-view,radio,slider,switch,textarea,navigator,audio,image,video,map,canvas,contact-button {
    box-sizing: border-box;
}
/* flex box */
.flex-horizontal {
  display: flex;
  flex-direction: row;
}
.flex-vertical {
  display: flex;
  flex-direction: column;
}
.flex-1 {
  flex: 0 0 8.33333%;
}
.flex-2 {
  flex: 0 0 16.66667%;
}
.flex-3 {
  flex: 0 0 25%;
}
.flex-4 {
  flex: 0 0 33.33333%;
}
.flex-5 {
  flex: 0 0 41.66667%;
}
.flex-6 {
  flex: 0 0 50%;
}
.flex-7 {
  flex: 0 0 58.33333%;
}
.flex-8 {
  flex: 0 0 66.66667%;
}
.flex-9 {
  flex: 0 0 75%;
}
.flex-10 {
  flex: 0 0 83.33333%;
}
.flex-11 {
  flex: 0 0 91.66667%;
}
.flex-12 {
  flex: 0 0 100%;
}
.flex-auto {
  flex: auto;
}
.flex-none {
  flex: none;
}

.flex-middle {
  align-self: center;
}
.flex-center {
  justify-content: center;
}
.flex-middle-helper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* */
.block-center {
  margin-left: auto;
  margin-right: auto;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
}

.flex-grow-0 {
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-grow-1 {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}