/*
 * minimobile.css 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;
    width: 100%;
    height: auto;
}

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;
}

.nowrap2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.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;
}

.f16 {
    font-size: 0.16rem;
}

.f20 {
    font-size: 0.2rem;
}

.f22 {
    font-size: 0.22rem;
}

.f24 {
    font-size: 0.24rem;
}

.f26 {
    font-size: 0.26rem;
}

.f28 {
    font-size: 0.28rem !important;
}

.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;
}

.orange {
    color: #dd4508;
}

.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;
}

.border-bottom {
    border-bottom: 0.01rem solid #ddd;
}

.border-top {
    border-top: 0.01rem solid #ddd;
}

.border-left {
    border-left: 0.01rem solid #ddd;
}

.border-right {
    border-right: 0.01rem solid #ddd;
}

.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;
}

.w25s {
    width: 25%;
}

.w80s {
    width: 80%;
}

.w100s {
    width: 100%;
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    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:active,
.btn:hover {
    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:active,
.btn-primary:hover {
    background-color: #14866f;
    border-color: #14866f;
}

.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
}

.btn-success:active,
.btn-success:hover {
    background-color: #166699;
    border-color: #166699;
}

.btn-blues {
    background-color: #2e56eb;
    border-color: #1573ae;
}

.btn-blues:active,
.btn-blues:hover {
    background-color: #1573ae;
    border-color: #1573ae;
}

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
}

.btn-info:active,
.btn-info:hover {
    background-color: #1b9b9d;
    border-color: #1b9b9d;
}

.btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
}

.btn-warning:active,
.btn-warning:hover {
    background-color: #f69428;
    border-color: #f69428;
}

.btn-danger {
    background-color: #ed5565;
    border-color: #ed5565;
}

.btn-danger:active,
.btn-danger:hover {
    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 a:hover,
.btn-select .btn-select-list li: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.1rem;
    vertical-align: middle;
    font: inherit;
    font-size: 0.36rem;

}

.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-checkbox.disabled,
.ui-radio.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: 0;
    border: 0 solid gray;
}

td,
th {
    border: 1px solid #ccc;
    padding: 2px;
}

th {
    background: #f1f1f1;
}

.ui-title {
    line-height: 1.8em;
    border-bottom: 0.01rem solid #d7d7d7;
    font-weight: 400;
}

.ui-header {
    line-height: 0.78rem;
}

.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: 0.05rem 0 0 0.05rem;
}

.ui-btnlist .btn:last-child {
    border-radius: 0 0.05rem 0.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;
}

.imgauto {
    width: 100%;
}

.lh12 {
    line-height: 1.2rem;
}

/* 赏析居中 */
.v-center {
    align-items: center;
}

/***flex属性***/
.flex {
    display: flex;
}

/*决定主轴的方向（即项目的排列方向）*/
.flex-d-l {
    flex-direction: row;
}

/**（默认值）：主轴为水平方向，起点在左端。**/
.flex-d-r {
    flex-direction: row-reverse;
}

/*主轴为水平方向，起点在右端*/
.flex-d-t {
    flex-direction: column;
}

/*主轴为垂直方向，起点在上沿*/
.flex-d-b {
    flex-direction: column-reverse;
}

/*主轴为垂直方向，起点在下沿*/
/*一条轴线排不下，如何换行*/
.flex-w-n {
    flex-wrap: nowrap;
}

/**不换行**/
.flex-w-t {
    flex-wrap: wrap;
}

/**换行，第一行在上方**/
.flex-w-b {
    flex-wrap: wrap-reverse;
}

/**换行，第一行在下方**/
/*项目在主轴上的对齐方式*/
.flex-jc-l {
    justify-content: flex-start;
}

/**左对齐**/
.flex-jc-r {
    justify-content: flex-end;
}

/**右对齐**/
.flex-jc-c {
    justify-content: center;
}

/**居中**/
.flex-jc-sb {
    justify-content: space-between;
}

/**两端对齐，项目之间的间隔都相等**/
.flex-jc-sa {
    justify-content: space-around;
}

/**每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍**/

/*在交叉轴上如何对齐（上下）*/
.flex-ai-up {
    align-items: flex-start;
}

/*交叉轴的起点对齐(上对齐)*/
.flex-ai-dowp {
    align-items: flex-end;
}

/*交叉轴的终点对齐(下对齐)*/
.flex-ai-c {
    align-items: center;
}

/*交叉轴的中点对齐(中间对齐)*/
.flex-ai-b {
    align-items: baseline;
}

/*项目的第一行文字的基线对齐(上对齐)*/
.flex-ai-s {
    align-items: stretch;
}

/*如果项目未设置高度或设为auto，将占满整个容器的高度*/
/*多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用*/
.flex-ac-up {
    align-content: flex-start;
}

/*与交叉轴的起点对齐(上对齐)*/
.flex-ac-dowp {
    align-content: flex-end;
}

/*与交叉轴的终点对齐(下对齐)*/
.flex-ac-c {
    align-content: center;
}

/*与交叉轴的中点对齐(中间对齐)*/
.flex-ac-sb {
    align-content: space-between;
}

/*与交叉轴两端对齐，轴线之间的间隔平均分布*/
.flex-ac-sa {
    align-content: space-around;
}

/*每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍*/
.flex-ac-s {
    align-content: stretch;
}

/*轴线占满整个交叉轴*/
.line {
    width: 0.09rem;
    background-color: #e4393c;
}

.line-dashed {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 0.1rem;
}

.line-bottom {
    border-bottom: 1px dashed #ededed;
}

.ipt {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 0.7rem;
    outline: none;
    padding: 0 0.2rem;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

/* 绝对定位水平居中 */
.abs-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}