* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.cl {clear: left;}
.cr {clear: right; }
.cb {clear: both;}
.clears{ clear:both; line-height:0; overflow:hidden; font-size:0; height:0;}
.fl{ float:left;}
.fr{ float:right;}
.hide {display:none;}
.show{ display:block;}

.abs {position: absolute;}
.rel {position: relative;}
.fix {position: fixed;}
.f72{font-size:0.72rem}
.f60{font-size:0.60rem}
.f56{font-size:0.56rem}
.f54{font-size:0.54rem}
.f48{font-size:0.48rem}
.f46{font-size:0.46rem}
.f44{font-size:0.44rem}
.f42{font-size:0.42rem}
.f40{font-size:0.40rem}
.f38{font-size:0.38rem}
.f36,h1{font-size:0.36rem}
.f32{font-size:0.32rem}
.f30{font-size:0.3rem}
.f28{font-size:0.28rem}
.f26{font-size:0.26rem}
.f24,h2{font-size:0.24rem}
.f22{font-size:0.22rem}
.f20{font-size:0.2rem}
.f18{font-size:.18rem}
.f162{font-size:.16rem}
.f15{font-size:.15rem}
.f14{font-size:.14rem}
.f13{font-size:.13rem}
.f12,h3{font-size:.12rem}
.f10{font-size:.1rem}
.f8{font-size:.08rem}

.ml5{margin-left:.05rem;}
.ml10{margin-left:.1rem;}
.ml15{margin-left:.15rem;}
.ml17{margin-left:.17rem;}
.ml20{margin-left:.20rem;}
.ml25{margin-left:.25rem;}
.ml30{margin-left:.30rem;}
.ml35{margin-left:.35rem;}
.ml40{margin-left:.40rem;}
.ml45{margin-left:.45rem;}
.ml50{margin-left:.50rem;}
.ml55{margin-left:.55rem;}
.ml60{margin-left:.60rem;}
.ml65{margin-left:.65rem;}
.ml70{margin-left:.70rem;}
.ml75{margin-left:.75rem;}
.ml80{margin-left:.80rem;}
.ml85{margin-left:.85rem;}
.ml90{margin-left:.90rem;}
.ml95{margin-left:.95rem;}
.ml100{margin-left:1rem;}

.mr5{margin-right: .05rem;}
.mr10{margin-right: .1rem;}
.mr15{margin-right: .15rem;}
.mr20{margin-right: .2rem;}
.mr25{margin-right: .25rem;}
.mr30{margin-right:.3rem ;}
.mr35{margin-right:.35rem ;}
.mr40{margin-right:.4rem ;}
.mr45{margin-right:.45rem ;}
.mr50{margin-right:.5rem ;}
.mr55{margin-right:.55rem ;}
.mr60{margin-right:.6rem ;}
.mr65{margin-right:.65rem ;}
.mr70{margin-right:.7rem ;}
.mr75{margin-right:.75rem ;}
.mr80{margin-right:.8rem ;}
.mr85{margin-right:.85rem ;}
.mr90{margin-right:.9rem ;}
.mr95{margin-right:.95rem ;}
.mr100{margin-right:1rem ;}

.mt5{margin-top:.05rem;}
.mt10{margin-top:.1rem;}
.mt15{margin-top:.15rem;}
.mt20{margin-top: .2rem;}
.mt25{margin-top: .25rem;}
.mt30{margin-top: .3rem;}
.mt35{margin-top: .35rem;}
.mt40{margin-top: .4rem;}
.mt45{margin-top: .45rem;}
.mt50{margin-top: .50rem;}
.mt55{margin-top: .55rem;}
.mt60{margin-top: .6rem;}
.mt65{margin-top: .65rem;}
.mt75{margin-top: .75rem;}
.mt80{margin-top: .8rem;}
.mt95{margin-top: .95rem;}
.mt100{margin-top: 1rem;}
.mt158{margin-top: calc(1.58rem + 2px);}

.mb5{margin-bottom: .05rem;}
.mb15{margin-bottom: .15rem;}
.mb10{margin-bottom: .1rem;}
.mb20{margin-bottom: .2rem;}
.mb25{margin-bottom: .25rem;}
.mb30{margin-bottom: .3rem;}
.mb35{margin-bottom: .35rem;}
.mb40{margin-bottom: .4rem;}
.mb45{margin-bottom: .45rem;}
.mb50{margin-bottom: .5rem;}
.mb55{margin-bottom: .55rem;}
.mb60{margin-bottom: .6rem;}
.mb65{margin-bottom: .65rem;}
.mb70{margin-bottom: .7rem;}
.mb75{margin-bottom: .75rem;}
.mb80{margin-bottom: .8rem;}
.mb85{margin-bottom: .85rem;}
.mb90{margin-bottom: .90rem;}
.mb95{margin-bottom: .95rem;}
.mb100{margin-bottom: 1rem;}


.pl5{padding-left:.05rem;}
.pl10{padding-left:.1rem;}
.pl15{padding-left:.15rem;}
.pl20{padding-left: .2rem;}
.pl25{padding-left: .25rem;}
.pl26{padding-left: .26rem;}
.pl30{padding-left: .3rem;}
.pl35{padding-left: .35rem;}
.pl40{padding-left: .4rem;}
.pl45{padding-left:.45rem;}
.pl50{padding-left:.5rem;}
.pl55{padding-left:.55rem;}
.pl60{padding-left: .6rem;}
.pl65{padding-left: .65rem;}
.pl70{padding-left: .7rem;}
.pl75{padding-left: .75rem;}
.pl80{padding-left: .8rem;}
.pl85{padding-left: .85rem;}
.pl90{padding-left: .9rem;}
.pl95{padding-left: .95rem;}
.pl100{padding-left: 1rem;}

.pr5{padding-right:.05rem;}
.pr10{padding-right:.1rem;}
.pr15{padding-right:.15rem;}
.pr20{padding-right:.2rem;}
.pr25{padding-right: .25rem;}
.pr26{padding-right: .26rem;}
.pr30{padding-right:.3rem;}
.pr35{padding-right:.35rem;}
.pr40{padding-right: .4rem;}
.pr45{padding-right:.45rem;}
.pr50{padding-right:.5rem;}
.pr55{padding-right:.55rem;}
.pr60{padding-right:.6rem;}
.pr65{padding-right: .65rem;}
.pr70{padding-right: .7rem;}
.pr75{padding-right:.75rem;}
.pr80{padding-right: .8rem;}
.pr85{padding-right: .85rem;}
.pr90{padding-right: .9rem;}
.pr95{padding-right:.95rem;}
.pr100{padding-right: 1rem;}

.pt5{padding-top:.05rem;}
.pt10{padding-top:.1rem;}
.pt15{padding-top:.15rem;}
.pt20{padding-top:.2rem;}
.pt25{padding-top:.25rem;}
.pt30{padding-top:.3rem;}
.pt35{padding-top:.35rem;}
.pt40{padding-top:.4rem;}
.pt45{padding-top:.45rem;}
.pt50{padding-top:.5rem;}
.pt55{padding-top:.55rem;}
.pt60{padding-top:.6rem;}
.pt65{padding-top:.65rem;}
.pt70{padding-top:.7rem;}
.pt75{padding-top:.75rem;}
.pt80{padding-top:.8rem;}
.pt85{padding-top:.85rem;}
.pt90{padding-top:.9rem;}
.pt95{padding-top:.95rem;}
.pt100{padding-top:1rem;}


.pb5{padding-bottom:.05rem;}
.pb10{padding-bottom:.1rem;}
.pb15{padding-bottom:.15rem;}
.pb20{padding-bottom:.2rem;}
.pb25{padding-bottom:.25rem;}
.pb30{padding-bottom:.3rem;}
.pb35{padding-bottom:.35rem;}
.pb40{padding-bottom:.4rem;}
.pb45{padding-bottom:.45rem;}
.pb50{padding-bottom:.5rem;}
.pb55{padding-bottom:.55rem;}
.pb60{padding-bottom:.6rem;}
.pb65{padding-bottom:.65rem;}
.pb70{padding-bottom:.7rem;}
.pb75{padding-bottom:.75rem;}
.pb80{padding-bottom:.8rem;}
.pb85{padding-bottom:.85rem;}
.pb90{padding-bottom:.9rem;}
.pb95{padding-bottom:.95rem;}
.pb100{padding-bottom:1rem;}

.flex-c-c{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-c{
    display: flex;
    align-items: center;
}
.flex-c-b{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-c-e{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.flex-c-a{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
a:hover, a:visited, a:link, a:active {
    color:#333;
    background-color: unset;
}
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

.content-view{
    min-height: calc(100vh - 1.2rem - 1rem);
    padding-bottom:.5rem;
}
.total-box{
    width: 7.1rem;
    background: linear-gradient(-34deg, #231F20 0%, #3B3B3B 100%);
    border-radius: .04rem;
    padding:.4rem .3rem;
    color:#fff;
}
.total-type{
    background: #FFFFFF;
    border-radius: .04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .34rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
    position: relative;
}

.total-type .type-item{
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 0.6rem;
    position: relative;
    z-index: 20;
}
.total-type .type-item.active{
    font-weight: bold;
    color: #231F20;
}
.type-active{
    height: 0.06rem;
    background: #231F20;
    border-radius: 0.03rem;
    position:absolute;
    bottom: .24rem;
    transition: all ease 0.57s;
    transform: translateX(0px);
    left:0;
}

.total-list li{
    margin-bottom: 0.2rem;
}
.total-list li a{
    display:block;
    padding:.31rem .2rem .28rem .2rem;
    background: #FFFFFF;
    border-radius: .04rem;
    padding-bottom: 0.2rem;
    position: relative;
    z-index: 200;
}

.total-list li .time{
    font-size: .26rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
}

.total-list li .total-title{
    font-size: .3rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
}
.total-status.status1{color:#85C78D;}
.total-status.status2{color:#999999;}
.total-list li .price{
    color:#FF4343;
}