.bgc-f2f4f6{
    background-color: #f2f4f6;
}
.bgc-74bf00{
    background-color: #74bf00;
}
.bgc-47a8ef{
    background-color: #47a8ef;
}
.bgc-ff6a56{
    background-color: #ff6a56;
}
.h40{
    height: 40px;
} 
.lh40{
    line-height: 40px;
}
.h34{
    height: 34px;
}
.lh34{
    line-height: 34px;
}
.h36{
    height: 36px;
}
.lh36{
    line-height: 36px;
}
.w-120{
    width: 120px;
}
.mb60{
    margin-bottom: 60px;
}
.c-ff8273{
    color: #ff8273;
}
.header-icon{
    vertical-align: baseline;
    margin-bottom: -3px;
}
.c-list > .c-list-li{
    margin-left: 0;
}
.c-list .c-list-key{
    margin-right: 10px;
}
.c-list .c-list-info.pr0{
    padding-right: 0;
}
.pill-list li{
    border-top: 1px solid #f1f1f1;
}
.pill-list li:first-child{
    border: 0;
    background-image: none;
}
.c-list .box{
    margin-left: 0;
    border-top: 0;
}
.c-list .box,
.pill-list li .box{
    display: -webkit-box;
    display: box;
}
.c-list .box-info,
.pill-list li .box-info{
    -webkit-box-flex: 1;
    box-flex: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.footer-bar{
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    height: 49px;
    line-height: 49px;
}
.footer-bar2{
    position: fixed;
    bottom:0;
    left: 0;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
}
.arrow-r{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid #909090;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow-d{
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -8px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid #909090;
    border-width:0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.word-wrap{
    word-wrap: break-word;
}
.c-btn2,
.c-btn3
{
    width: 100%;
    height: 100%;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    border: 0;
    background: none;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #eee;
    position: relative;
    border-radius: 6px;
}
.c-btn3{
    width: auto;
    padding: 0 10px;
    background-color: #47a8ef;
}
.c-btn-green{
    height: 40px;
    line-height: 40px;
    background-color: #74bf00;
}
.c-btn-red{
    height: 40px;
    line-height: 40px;
    background-color: #ff6a56;
}
input[type=text].select-input{
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none;
    margin-bottom: 0;
    padding: 0;
}
input[type=text].border-input,
input[type=number].border-input{
    height: 34px;
    line-height: 34px;
    border: 1px solid #e1e1e1;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    margin-bottom: 0;
}
input.error{
    border-color: #ff8274;
}
.text-area{
    border-color: #e1e1e1;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
}
.straight-line{
    position: absolute;
    top: 36px;
    left: 24px;
    width: 1px;
    height: calc(100% - 95px);
    height: -webkit-calc(100% - 95px);
    height: -moz-calc(100% - 95px);
    background-color: #dcdcdc;
    z-index: 0;
}.mui-picker{
    background-color: #fff;
}
.xfzx-btn{
    position: fixed;
    right: 10px;
    bottom: 70px;
}