/* 
 * minimobile.less v0.0.1 by chenyaowen 
 * 在保留作者签名的情况下，允许使用与商业用途
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
a {
  text-decoration: none;
  color: #666;
  cursor: pointer;
}
body {
  overflow-x: hidden;
}
img {
  vertical-align: middle;
  border: none;
}
li {
  list-style: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.t-c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.o-h {
  overflow: hidden;
}
.o-s {
  overflow: scroll;
}
.o-v {
  overflow: visible;
}
/* 文本垂直居中 */
.t-c-v {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.f0 {
  font-size: 0;
}
.f28 {
  font-size: 0.28rem;
}
.f30 {
  font-size: 0.3rem;
}
.f32 {
  font-size: 0.32rem;
}
.f34 {
  font-size: 0.34rem;
}
.f36 {
  font-size: 0.36rem;
}
.f38 {
  font-size: 0.38rem;
}
.f40 {
  font-size: 0.4rem;
}
.f42 {
  font-size: 0.42rem;
}
.f44 {
  font-size: 0.44rem;
}
.f46 {
  font-size: 0.46rem;
}
.f48 {
  font-size: 0.48rem;
}
.f50 {
  font-size: 0.5rem;
}
.f52 {
  font-size: 0.52rem;
}
.f54 {
  font-size: 0.54rem;
}
.f56 {
  font-size: 0.56rem;
}
.f58 {
  font-size: 0.58rem;
}
.f60 {
  font-size: 0.6rem;
}
.color1 {
  color: #e4393c;
}
.color2 {
  color: #222;
}
.color3 {
  color: #666;
}
.color4 {
  color: #999;
}
.color5 {
  color: #d7d7d7;
}
.color6 {
  color: #f3f5f7;
}
.color7 {
  color: #f8f8f8;
}
.color8 {
  color: #fff;
}
.color-primary {
  color: #1ab394;
}
.color-success {
  color: #1c84c6;
}
.color-info {
  color: #23c6c8;
}
.color-warning {
  color: #f8ac59;
}
.color-danger {
  color: #ed5565;
}
.bg-color1 {
  background-color: #e4393c;
}
.bg-color2 {
  background-color: #222;
}
.bg-color3 {
  background-color: #666;
}
.bg-color4 {
  background-color: #999;
}
.bg-color5 {
  background-color: #d7d7d7;
}
.bg-color6 {
  background-color: #f3f5f7;
}
.bg-color7 {
  background-color: #f8f8f8;
}
.bg-color8 {
  background-color: #fff;
}
.bg-color-primary {
  background-color: #1ab394;
}
.bg-color-success {
  background-color: #1c84c6;
}
.bg-color-info {
  background-color: #23c6c8;
}
.bg-color-warning {
  background-color: #f8ac59;
}
.bg-color-danger {
  background-color: #ed5565;
}
hr {
  border: none;
  border-bottom: 0.01rem solid #d7d7d7;
}
hr.lg {
  border-bottom: 0.03rem solid #d7d7d7;
}
.w1 {
  width: 0.1rem;
}
.h1 {
  height: 0.1rem;
}
.w2 {
  width: 0.2rem;
}
.h2 {
  height: 0.2rem;
}
.w3 {
  width: 0.3rem;
}
.h3 {
  height: 0.3rem;
}
.w4 {
  width: 0.4rem;
}
.h4 {
  height: 0.4rem;
}
.w5 {
  width: 0.5rem;
}
.h5 {
  height: 0.5rem;
}
.w6 {
  width: 0.6rem;
}
.h6 {
  height: 0.6rem;
}
.w7 {
  width: 0.7rem;
}
.h7 {
  height: 0.7rem;
}
.w8 {
  width: 0.8rem;
}
.h8 {
  height: 0.8rem;
}
.w9 {
  width: 0.9rem;
}
.h9 {
  height: 0.9rem;
}
.w10 {
  width: 1rem;
}
.h10 {
  height: 1rem;
}
.w11 {
  width: 1.1rem;
}
.h11 {
  height: 1.1rem;
}
.w12 {
  width: 1.2rem;
}
.h12 {
  height: 1.2rem;
}
.w13 {
  width: 1.3rem;
}
.h13 {
  height: 1.3rem;
}
.w14 {
  width: 1.4rem;
}
.h14 {
  height: 1.4rem;
}
.w15 {
  width: 1.5rem;
}
.h15 {
  height: 1.5rem;
}
.w16 {
  width: 1.6rem;
}
.h16 {
  height: 1.6rem;
}
.w17 {
  width: 1.7rem;
}
.h17 {
  height: 1.7rem;
}
.w18 {
  width: 1.8rem;
}
.h18 {
  height: 1.8rem;
}
.w19 {
  width: 1.9rem;
}
.h19 {
  height: 1.9rem;
}
.w20 {
  width: 2rem;
}
.h20 {
  height: 2rem;
}
.w21 {
  width: 2.1rem;
}
.h21 {
  height: 2.1rem;
}
.w22 {
  width: 2.2rem;
}
.h22 {
  height: 2.2rem;
}
.w23 {
  width: 2.3rem;
}
.h23 {
  height: 2.3rem;
}
.w24 {
  width: 2.4rem;
}
.h24 {
  height: 2.4rem;
}
.w25 {
  width: 2.5rem;
}
.h25 {
  height: 2.5rem;
}
.w26 {
  width: 2.6rem;
}
.h26 {
  height: 2.6rem;
}
.w27 {
  width: 2.7rem;
}
.h27 {
  height: 2.7rem;
}
.w28 {
  width: 2.8rem;
}
.h28 {
  height: 2.8rem;
}
.w29 {
  width: 2.9rem;
}
.h29 {
  height: 2.9rem;
}
.w30 {
  width: 3rem;
}
.h30 {
  height: 3rem;
}
.w31 {
  width: 3.1rem;
}
.h31 {
  height: 3.1rem;
}
.w32 {
  width: 3.2rem;
}
.h32 {
  height: 3.2rem;
}
.w33 {
  width: 3.3rem;
}
.h33 {
  height: 3.3rem;
}
.w34 {
  width: 3.4rem;
}
.h34 {
  height: 3.4rem;
}
.w35 {
  width: 3.5rem;
}
.h35 {
  height: 3.5rem;
}
.w36 {
  width: 3.6rem;
}
.h36 {
  height: 3.6rem;
}
.w37 {
  width: 3.7rem;
}
.h37 {
  height: 3.7rem;
}
.w38 {
  width: 3.8rem;
}
.h38 {
  height: 3.8rem;
}
.w39 {
  width: 3.9rem;
}
.h39 {
  height: 3.9rem;
}
.w40 {
  width: 4rem;
}
.h40 {
  height: 4rem;
}
.w41 {
  width: 4.1rem;
}
.h41 {
  height: 4.1rem;
}
.w42 {
  width: 4.2rem;
}
.h42 {
  height: 4.2rem;
}
.w43 {
  width: 4.3rem;
}
.h43 {
  height: 4.3rem;
}
.w44 {
  width: 4.4rem;
}
.h44 {
  height: 4.4rem;
}
.w45 {
  width: 4.5rem;
}
.h45 {
  height: 4.5rem;
}
.w46 {
  width: 4.6rem;
}
.h46 {
  height: 4.6rem;
}
.w47 {
  width: 4.7rem;
}
.h47 {
  height: 4.7rem;
}
.w48 {
  width: 4.8rem;
}
.h48 {
  height: 4.8rem;
}
.w49 {
  width: 4.9rem;
}
.h49 {
  height: 4.9rem;
}
.w50 {
  width: 5rem;
}
.h50 {
  height: 5rem;
}
.w51 {
  width: 5.1rem;
}
.h51 {
  height: 5.1rem;
}
.w52 {
  width: 5.2rem;
}
.h52 {
  height: 5.2rem;
}
.w53 {
  width: 5.3rem;
}
.h53 {
  height: 5.3rem;
}
.w54 {
  width: 5.4rem;
}
.h54 {
  height: 5.4rem;
}
.w55 {
  width: 5.5rem;
}
.h55 {
  height: 5.5rem;
}
.w56 {
  width: 5.6rem;
}
.h56 {
  height: 5.6rem;
}
.w57 {
  width: 5.7rem;
}
.h57 {
  height: 5.7rem;
}
.w58 {
  width: 5.8rem;
}
.h58 {
  height: 5.8rem;
}
.w59 {
  width: 5.9rem;
}
.h59 {
  height: 5.9rem;
}
.w60 {
  width: 6rem;
}
.h60 {
  height: 6rem;
}
.w61 {
  width: 6.1rem;
}
.h61 {
  height: 6.1rem;
}
.w62 {
  width: 6.2rem;
}
.h62 {
  height: 6.2rem;
}
.w63 {
  width: 6.3rem;
}
.h63 {
  height: 6.3rem;
}
.w64 {
  width: 6.4rem;
}
.h64 {
  height: 6.4rem;
}
.w65 {
  width: 6.5rem;
}
.h65 {
  height: 6.5rem;
}
.w66 {
  width: 6.6rem;
}
.h66 {
  height: 6.6rem;
}
.w67 {
  width: 6.7rem;
}
.h67 {
  height: 6.7rem;
}
.w68 {
  width: 6.8rem;
}
.h68 {
  height: 6.8rem;
}
.w69 {
  width: 6.9rem;
}
.h69 {
  height: 6.9rem;
}
.w70 {
  width: 7rem;
}
.h70 {
  height: 7rem;
}
.w71 {
  width: 7.1rem;
}
.h71 {
  height: 7.1rem;
}
.w72 {
  width: 7.2rem;
}
.h72 {
  height: 7.2rem;
}
.w73 {
  width: 7.3rem;
}
.h73 {
  height: 7.3rem;
}
.w74 {
  width: 7.4rem;
}
.h74 {
  height: 7.4rem;
}
.w75 {
  width: 7.5rem;
}
.h75 {
  height: 7.5rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
  display: inline-block;
}
.col-1 {
  width: calc(8.33333333%);
}
.col-2 {
  width: calc(16.66666667%);
}
.col-3 {
  width: calc(25%);
}
.col-4 {
  width: calc(33.33333333%);
}
.col-5 {
  width: calc(41.66666667%);
}
.col-6 {
  width: calc(50%);
}
.col-7 {
  width: calc(58.33333333%);
}
.col-8 {
  width: calc(66.66666667%);
}
.col-9 {
  width: calc(75%);
}
.col-10 {
  width: calc(83.33333333%);
}
.col-11 {
  width: calc(91.66666667%);
}
.col-12 {
  width: calc(100%);
}
.m1 {
  margin: 0.1rem;
}
.p1 {
  padding: 0.1rem;
}
.m2 {
  margin: 0.2rem;
}
.p2 {
  padding: 0.2rem;
}
.m3 {
  margin: 0.3rem;
}
.p3 {
  padding: 0.3rem;
}
.m4 {
  margin: 0.4rem;
}
.p4 {
  padding: 0.4rem;
}
.m5 {
  margin: 0.5rem;
}
.p5 {
  padding: 0.5rem;
}
.m6 {
  margin: 0.6rem;
}
.p6 {
  padding: 0.6rem;
}
.m7 {
  margin: 0.7rem;
}
.p7 {
  padding: 0.7rem;
}
.m8 {
  margin: 0.8rem;
}
.p8 {
  padding: 0.8rem;
}
.m9 {
  margin: 0.9rem;
}
.p9 {
  padding: 0.9rem;
}
.m10 {
  margin: 1rem;
}
.p10 {
  padding: 1rem;
}
.m11 {
  margin: 1.1rem;
}
.p11 {
  padding: 1.1rem;
}
.m12 {
  margin: 1.2rem;
}
.p12 {
  padding: 1.2rem;
}
.ml1 {
  margin-left: 0.1rem;
}
.mr1 {
  margin-right: 0.1rem;
}
.mt1 {
  margin-top: 0.1rem;
}
.mb1 {
  margin-bottom: 0.1rem;
}
.pl1 {
  padding-left: 0.1rem;
}
.pr1 {
  padding-right: 0.1rem;
}
.pt1 {
  padding-top: 0.1rem;
}
.pb1 {
  padding-bottom: 0.1rem;
}
.ml2 {
  margin-left: 0.2rem;
}
.mr2 {
  margin-right: 0.2rem;
}
.mt2 {
  margin-top: 0.2rem;
}
.mb2 {
  margin-bottom: 0.2rem;
}
.pl2 {
  padding-left: 0.2rem;
}
.pr2 {
  padding-right: 0.2rem;
}
.pt2 {
  padding-top: 0.2rem;
}
.pb2 {
  padding-bottom: 0.2rem;
}
.ml3 {
  margin-left: 0.3rem;
}
.mr3 {
  margin-right: 0.3rem;
}
.mt3 {
  margin-top: 0.3rem;
}
.mb3 {
  margin-bottom: 0.3rem;
}
.pl3 {
  padding-left: 0.3rem;
}
.pr3 {
  padding-right: 0.3rem;
}
.pt3 {
  padding-top: 0.3rem;
}
.pb3 {
  padding-bottom: 0.3rem;
}
.ml4 {
  margin-left: 0.4rem;
}
.mr4 {
  margin-right: 0.4rem;
}
.mt4 {
  margin-top: 0.4rem;
}
.mb4 {
  margin-bottom: 0.4rem;
}
.pl4 {
  padding-left: 0.4rem;
}
.pr4 {
  padding-right: 0.4rem;
}
.pt4 {
  padding-top: 0.4rem;
}
.pb4 {
  padding-bottom: 0.4rem;
}
.ml5 {
  margin-left: 0.5rem;
}
.mr5 {
  margin-right: 0.5rem;
}
.mt5 {
  margin-top: 0.5rem;
}
.mb5 {
  margin-bottom: 0.5rem;
}
.pl5 {
  padding-left: 0.5rem;
}
.pr5 {
  padding-right: 0.5rem;
}
.pt5 {
  padding-top: 0.5rem;
}
.pb5 {
  padding-bottom: 0.5rem;
}
.ml6 {
  margin-left: 0.6rem;
}
.mr6 {
  margin-right: 0.6rem;
}
.mt6 {
  margin-top: 0.6rem;
}
.mb6 {
  margin-bottom: 0.6rem;
}
.pl6 {
  padding-left: 0.6rem;
}
.pr6 {
  padding-right: 0.6rem;
}
.pt6 {
  padding-top: 0.6rem;
}
.pb6 {
  padding-bottom: 0.6rem;
}
.ml7 {
  margin-left: 0.7rem;
}
.mr7 {
  margin-right: 0.7rem;
}
.mt7 {
  margin-top: 0.7rem;
}
.mb7 {
  margin-bottom: 0.7rem;
}
.pl7 {
  padding-left: 0.7rem;
}
.pr7 {
  padding-right: 0.7rem;
}
.pt7 {
  padding-top: 0.7rem;
}
.pb7 {
  padding-bottom: 0.7rem;
}
.ml8 {
  margin-left: 0.8rem;
}
.mr8 {
  margin-right: 0.8rem;
}
.mt8 {
  margin-top: 0.8rem;
}
.mb8 {
  margin-bottom: 0.8rem;
}
.pl8 {
  padding-left: 0.8rem;
}
.pr8 {
  padding-right: 0.8rem;
}
.pt8 {
  padding-top: 0.8rem;
}
.pb8 {
  padding-bottom: 0.8rem;
}
.ml9 {
  margin-left: 0.9rem;
}
.mr9 {
  margin-right: 0.9rem;
}
.mt9 {
  margin-top: 0.9rem;
}
.mb9 {
  margin-bottom: 0.9rem;
}
.pl9 {
  padding-left: 0.9rem;
}
.pr9 {
  padding-right: 0.9rem;
}
.pt9 {
  padding-top: 0.9rem;
}
.pb9 {
  padding-bottom: 0.9rem;
}
.ml10 {
  margin-left: 1rem;
}
.mr10 {
  margin-right: 1rem;
}
.mt10 {
  margin-top: 1rem;
}
.mb10 {
  margin-bottom: 1rem;
}
.pl10 {
  padding-left: 1rem;
}
.pr10 {
  padding-right: 1rem;
}
.pt10 {
  padding-top: 1rem;
}
.pb10 {
  padding-bottom: 1rem;
}
.ml11 {
  margin-left: 1.1rem;
}
.mr11 {
  margin-right: 1.1rem;
}
.mt11 {
  margin-top: 1.1rem;
}
.mb11 {
  margin-bottom: 1.1rem;
}
.pl11 {
  padding-left: 1.1rem;
}
.pr11 {
  padding-right: 1.1rem;
}
.pt11 {
  padding-top: 1.1rem;
}
.pb11 {
  padding-bottom: 1.1rem;
}
.ml12 {
  margin-left: 1.2rem;
}
.mr12 {
  margin-right: 1.2rem;
}
.mt12 {
  margin-top: 1.2rem;
}
.mb12 {
  margin-bottom: 1.2rem;
}
.pl12 {
  padding-left: 1.2rem;
}
.pr12 {
  padding-right: 1.2rem;
}
.pt12 {
  padding-top: 1.2rem;
}
.pb12 {
  padding-bottom: 1.2rem;
}
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e4393c;
  cursor: pointer;
  color: #fff;
  border: 1px solid #e4393c;
}
.btn:hover,
.btn:active {
  background-color: #ce1c1f;
  border-color: #ce1c1f;
}
.btn.disable,
.btn[disabled=disabled] {
  background-color: #999 !important;
  border-color: #999 !important;
  cursor: default;
}
.btn-primary {
  background-color: #1ab394;
  border-color: #1ab394;
}
.btn-primary:hover,
.btn-primary:active {
  background-color: #14866f;
  border-color: #14866f;
}
.btn-success {
  background-color: #1c84c6;
  border-color: #1c84c6;
}
.btn-success:hover,
.btn-success:active {
  background-color: #166699;
  border-color: #166699;
}
.btn-info {
  background-color: #23c6c8;
  border-color: #23c6c8;
}
.btn-info:hover,
.btn-info:active {
  background-color: #1b9b9d;
  border-color: #1b9b9d;
}
.btn-warning {
  background-color: #f8ac59;
  border-color: #f8ac59;
}
.btn-warning:hover,
.btn-warning:active {
  background-color: #f69428;
  border-color: #f69428;
}
.btn-danger {
  background-color: #ed5565;
  border-color: #ed5565;
}
.btn-danger:hover,
.btn-danger:active {
  background-color: #e8273b;
  border-color: #e8273b;
}
.btn-select {
  position: relative;
  border: none;
}
.btn-select .btn-select-list {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  line-height: 2.4em;
  border-top: 1px solid #fff;
  display: none;
}
.btn-select .btn-select-list li,
.btn-select .btn-select-list li a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.btn-select .btn-select-list li:hover,
.btn-select .btn-select-list li a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.tag {
  background-color: #e4393c;
  padding: 0.01rem 0.1rem;
  border-radius: 0.05rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag-primary {
  background-color: #1ab394;
}
.tag-success {
  background-color: #1c84c6;
}
.tag-info {
  background-color: #23c6c8;
}
.tag-warning {
  background-color: #f8ac59;
}
.tag-danger {
  background-color: #ed5565;
}
.form-control {
  border: 1px solid #d7d7d7;
  resize: none;
  padding: 0.1rem 0.2rem;
  vertical-align: middle;
  font: inherit;
  font-size: inherit;
}
.form-control:focus {
  border-color: #999;
}
.ui-checkbox,
.ui-radio {
  cursor: pointer;
  width: 0.35rem;
  height: 0.35rem;
  display: inline-block;
  vertical-align: middle;
  border: 0.01rem solid #999;
  margin-right: 0.05rem;
  margin-top: -0.05rem;
  border-radius: 20%;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ui-checkbox.checked,
.ui-radio.checked {
  background-color: #e4393c;
  border-color: #e4393c;
}
.ui-checkbox.checked:after,
.ui-radio.checked:after {
  content: '';
  display: inline-block;
  width: 20%;
  height: 40%;
  margin-top: -5%;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(30deg);
}
.ui-radio {
  border-radius: 50%;
}
.ui-radio.disabled,
.ui-checkbox.disabled {
  opacity: 0.3;
  cursor: default;
}
.check-primary.checked {
  background-color: #1ab394;
  border-color: #1ab394;
}
.check-success.checked {
  background-color: #1c84c6;
  border-color: #1c84c6;
}
.check-info.checked {
  background-color: #23c6c8;
  border-color: #23c6c8;
}
.check-warning.checked {
  background-color: #f8ac59;
  border-color: #f8ac59;
}
.check-danger.checked {
  background-color: #ed5565;
  border-color: #ed5565;
}
.ui-selectBox {
  display: inline-block;
  border: 1px solid #d7d7d7;
  height: 0.62rem;
  line-height: 0.6rem;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.ui-selectBox input {
  float: left;
  display: block;
  position: absolute;
  padding-left: 0.5em;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 0.6rem;
  border: none;
}
.ui-selectBox i.icon {
  float: right;
  display: inline-block;
  width: 1em;
  position: absolute;
  right: 0.5em;
  top: 0;
}
.ui-selectBox .box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}
blockquote {
  padding: 0.1rem 0.2rem;
  border-left: 0.05rem solid #e4393c;
  color: #666;
}
.blockquote-primary {
  border-color: #1ab394;
}
.blockquote-success {
  border-color: #1c84c6;
}
.blockquote-info {
  border-color: #23c6c8;
}
.blockquote-warning {
  border-color: #f8ac59;
}
.blockquote-danger {
  border-color: #ed5565;
}
blockquote.normal {
  border-color: #999;
}
.radius0 {
  border-radius: 0;
}
.radius5 {
  border-radius: 0.05rem;
}
.radius10 {
  border-radius: 0.1rem;
}
.radius15 {
  border-radius: 0.15rem;
}
.radius20 {
  border-radius: 0.2rem;
}
.radius-o {
  border-radius: 50%;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0px solid gray;
}
td,
th {
  border: 1px solid #ccc;
  padding: 2px 15px;
}
th {
  background: #f1f1f1;
}
/*
 * 以下是公用的东西
 */
.ui-title {
  line-height: 1.8em;
  border-bottom: 0.01rem solid #d7d7d7;
  font-weight: normal;
}
.ui-header {
  line-height: 0.8rem;
}
.ui-header-l,
.ui-header-r {
  cursor: pointer;
}
.ui-aside {
  position: fixed;
  top: -99999rem;
  bottom: -99999rem;
  z-index: 99;
}
.ui-aside-mask {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.ui-btnlist .btn {
  float: left;
}
.ui-btnlist .btn:first-child {
  border-radius: .05rem 0 0 .05rem;
}
.ui-btnlist .btn:last-child {
  border-radius: 0 .05rem .05rem 0;
}
.ui-progressBox {
  overflow: hidden;
  height: 20px;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
}
.ui-progressBox progress {
  transform: translateX(120%);
}
.ui-progressBox .progress-content {
  display: block;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: #e4393c;
  min-width: 16px;
  width: 0;
}
.ui-progressBox .progress-content.primary {
  background-color: #1ab394;
}
.ui-progressBox .progress-content.success {
  background-color: #1c84c6;
}
.ui-progressBox .progress-content.info {
  background-color: #23c6c8;
}
.ui-progressBox .progress-content.warning {
  background-color: #f8ac59;
}
.ui-progressBox .progress-content.danger {
  background-color: #ed5565;
}