.order{
        width: 100%;
        height: 100%;
        font-size: 14px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
}

.order-header{
        width: 100%;
        height: .78rem;
        display: flex;
        background: #FAF6F7;
}

.order-header>span{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center
}

.order-header>p{
        flex: 8;
}
.order-header>span>img{
        width: .17rem;
        height: .3rem;
}
.order-header>p{
        flex: 8;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:.3rem;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:500;
        color:rgba(19,19,19,1);
}
.order-main{
        flex: 1;
        background: #F1F1F1;
        display: flex;
        flex-direction: column;
}

.typeList{
        width: 100%;
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
}
.typeList-top{
        width: 100%;
        height: .79rem;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        display: flex;
        box-sizing: border-box;
}
.typeList-top>p{
        flex: 1;
        border-right: 1px solid #D4D4D4;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:.28rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(89,95,98,1);
        background: #fff;
}
.typeList-top>p:last-child{
        border-right: none;
}

.order-items{
        flex: 1;
        overflow: auto;
        position: relative
}
.order-item{
        width: 100%;
        padding: .2rem .3rem;
        background: #fff;
        margin-top: .2rem;
        box-sizing: border-box;
        position: relative;
}
.order-item>div{
        margin-bottom: .06rem;
        height:.4rem;
}
.order-item>div>h2{
        margin: 0;
        float: left;
        font-size:.28rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(45,45,45,1);
        line-height:.4rem;
}
.order-item>div>p{
        float: left;
}
.order-item>div>p>span{
        display: inline-block;
        margin-left: .2rem;
        padding: 0 .1rem;
        background: #FF6A00;
        font-size:.18rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(255,255,255,1);
}
.order-item>h5{
        margin: 0;
        margin-bottom: .02rem;
        font-size:.24rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(176,176,176,1);
        line-height:.33rem;
}
.order-item>p{
        position: absolute;
        top: .55rem;
        right: .3rem;
        font-size:.24rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(255,106,0,1);
        line-height:.33rem;
}
.order-item>span{
        position: absolute;
        top: 1rem;
        right: .3rem;
        font-size:.24rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(176,176,176,1);
        line-height:.33rem;
}
.dailogTop{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.46);
        z-index: 999;
}
.dailogTop>ul{
        width: 100%;
}
.dailogTop>ul>li{
        width: 100%;
        padding: .21rem .3rem;
        box-sizing: border-box;
        color: #2D2D2D;
        font-size:.26rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        line-height:.37rem;
        background-color: #fff;
        border-bottom: 1px solid #D4D4D4;
}

.activeTop{
        color: #fff !important;
        background: #FF6A00 !important;
}