.layout {
    padding: 0 0.3125rem;
}

.w-100 {
    width: 100%;
}

.mg10 {
    margin: 0.2632rem
}

.mgb10 {
    margin-bottom: 0.2632rem
}

.mgt10 {
    margin-top: 0.2632rem
}

.mgl10 {
    margin-left: 0.2632rem
}

.mgt5 {
    margin-top: 0.1316rem
}
.mgb5 {
    margin-bottom: 0.1316rem
}

.mgb2 {
    margin-bottom: 0.0526rem
}

.mgl17 {
    margin-left: 0.4474rem
}

.mgr10 {
    margin-right: 0.2632rem
}

.mgr20 {
    margin-right: 0.5263rem
}

.pd10 {
    padding: 0.2632rem
}

.pdt10 {
    padding-top: 0.2632rem;
}

.pdb10 {
    padding-bottom: 0.2632rem;
}

.pdt5 {
    padding-top: 0.1316rem;
}

.pdb5 {
    padding-bottom: 0.1316rem;
}

.pdl10 {
    padding-left: 0.2632rem
}

.pdr10 {
    padding-right: 0.2632rem
}

.mgt40 {
    margin-top: 1.0526rem
}

.bg-2B8AD4 {
    background: #2B8AD4 !important;

}

.bg-16a115 {
    background: #16a115 !important;

}

.bg-c8cfd5 {
    background: #c8cfd5 !important;

}

.bg-f2f5f8 {
    background: #f2f5f8 !important;
}

.bg-fff {
    background: #fff !important
}

.bg-transparent {
    background: transparent
}

.cl-f {
    color: #fff !important
}

.cl-3 {
    color: #333 !important
}

.cl-6 {
    color: #666 !important
}

.cl-9b {
    color: #9b9b9b !important
}

.cl-2B8AD4 {
    color: #2B8AD4
}

.cl-6 {
    color: #666666
}

.cl-E60B30 {
    color: #E60B30
}

.cl-A9B1B6 {
    color: #A9B1B6
}

.weui-agree a {
    color: #2B8AD4
}

.fs14 {
    font-size: 0.3684rem;
    /* color: #333 */
}

.fs13 {
    font-size: 0.3421rem
}

.fs12 {
    font-size: 0.3158rem;
}

.fs10 {
    font-size: 0.2632rem;
}

.fs16 {
    font-size: 0.4211rem
}

.color_9b {
    color: #9b9b9b
}

.bd {
    border: 1px solid #ECECEC
}

.bd-2B8AD4 {
    border: 1px solid #2B8AD4
}

.bdt {
    border-top: 1px solid #ECECEC
}

.bdb {
    border-bottom: 1px solid #ECECEC
}

.bdr {
    border-right: 1px solid #ECECEC;
}

.bdl {
    border-left: 1px solid #ECECEC;
}

.bdb2 {
    border-bottom: 2px solid #ECECEC
}

.bsd2 {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.50);
}

.flex {
    display: flex
}

.fx1 {
    flex: 1;
}

.fx2 {
    flex: 2;
}

.fx3 {
    flex: 3
}

.positionR {
    position: relative;
}

.tx-c {
    text-align: center;
}

.tx-r {
    text-align: right;
}

.tx-l {
    text-align: left;
}

/* 超出省略号 */
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 头部logo */
.top-title {
    color: #00893D;
    font-weight: 700;
    font-size: 0.5263rem;
    line-height: 1.0526rem;
    border-bottom:2px solid #ECECEC
}

/* 底部按钮 */
.foot {
    background: #00893D;
    height:1.1053rem;
    line-height: 1.1053rem;
    font-size: 0.4211rem;
    color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.mgb50 {
    margin-bottom: 1.3158rem;
}