*{
    box-sizing: border-box; 
}
html{
    padding:0;
    margin:0;
    outline: none;
    font-family:"PingFang SC","Microsoft YaHei",arial,"Hiragino Sans GB","Hiragino Sans GB W3";
    font-size:14px;
    color:#333;
    text-decoration: none;
}

a{text-decoration: none; color:#333;}
body{background-color: #f4f4f4; margin: 0px; padding:0px;max-width: 480px;margin:0 auto;}
ul,ol,dl{list-style: none; padding:0; margin:0;}


#app{
    transition: all 0.3s;
    opacity: 0;
    width:100%;
    max-width: 480px;
    height: 100%;
	margin-top: 56px;
    /* padding-bottom: 50px; */
}   


/* 主题颜色 */
:root{
    --primary:#ff5000;
    --van-base-font:"PingFang SC","Microsoft YaHei",arial,"Hiragino Sans GB","Hiragino Sans GB W3";
    --van-coupon-amount-color:#ff5000;
    --van-coupon-checkbox-color:#ff5000;
    --van-tabs-bottom-bar-color:#ff5000;
    --van-checkbox-checked-icon-color:#ff5000;
}




.success{color:#67C23A;}
.warnig{color:#E6A23C;}
.danger{color:#F56C6C;}
.info{color:#909399;}

.blue{color:#409eff;}
.green{color:#19c092;}
.purple{color:#dd60ed;}
.yellow{color: #f7b313;}
.gray{color: #999;}
.red{color:#ff5038;}

.bg-blue{background-color:#409eff;}
.bg-green{background-color:#19c092;}
.bg-purple{background-color:#dd60ed;}
.bg-yellow{background-color:#f7b313;}
.bg-gray{background-color:#999;}
.bg-red{background-color:#ff5038;}


/* vant颜色调整 */
.van-button--primary{
    background-color:var(--primary);
    border:var(--primary) solid var(---primary);
}

.bps_footer{
    position: fixed;
    z-index: 999;
    width: 100%;
    bottom:0;
    height: 68px;
    max-width: 480px;
    background: #fff;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #e7e7e7;
}
.bps_footer .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#000;
}
.bps_footer .item .on{
    display: none;
}
.bps_footer .item .icon{
    height: 18px;
}
.bps_footer .item .icon img{
    height: 18px;
}
.bps_footer .item .name{
    margin-top:5px;
    font-size:12px;
}
.bps_footer .item.active{
    color:#ff5000;
}
.bps_footer .item.active .on{
    display: block;
}
.bps_footer .item.active .def{
    display: none;
}

.bps_footerInfo{
    text-align:center;
    color:#999;
    height: 40px;
    line-height: 40px;
    box-sizing: content-box;
}


.bps_topBar{
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 999;
    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
    background-color: #fff;
}
.bps_topBar .left,.bps_topBar .right{
    height: 45px;
    color:#666;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding:0 10px;
    width:90px;
}
.bps_topBar .left{
    justify-content: flex-start;
    cursor: pointer;
}
.bps_topBar .right{
    justify-content: flex-end;
    cursor: pointer;
}
.bps_topBar .left .van-icon{
    font-size:20px;
}
.bps_topBar .center{
    font-size:16px;
}
.bps_topBar.active{
    background-color: #fff;
    border-bottom: 1px solid #fafafa;
}
.bps_topBar.active .item{
    background-color: #fff;
    color:#000;
    border:1px solid #eee;
    background-color: #fafafa;
}

.bps_topBar.sticky{
    position: sticky;
    top:0;
}