.invoice{
        width: 100%;
        height: 100%;
        font-size: 14px;
        display: flex;
        flex-direction: column;
}
.invoice-header{
        width: 100%;
        height: .78rem;
        background: #FAF6F7;
        display: flex;
}
.invoice-header>span{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
}
.invoice-header>span>img{
        width: .17rem;
        height: .3rem;
}
.invoice-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);
}

.invoice-main{
        flex: 1;
        overflow: auto;
        background: #F1F1F1;
}

.invoice-footer{
        height: 1.1rem;
        display: flex;
}
.footer-left{
        flex: 1;
        padding: .3rem;
        display: flex;
}
.footer-left>p{
        font-size:.32rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(55,55,58,1);
        line-height:.45rem;
}
.footer-left>span{
        font-size:.36rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(255,106,0,1);
        line-height:.5rem;
}
.footer-right{
        width: 3.3rem;
        height: 100%;
}
.footer-right>button{
        width: 100%;
        height: 100%;
        background: #FF6A00;
        border:1px solid #FF6A00;
        font-size:.28rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(255,255,255,1);
        outline: none;
}

.invoice-main-items{
        width: 100%;
}
.invoice-main-item{
        width: 100%;
}
.invoice-main-item>div{
        height: .77rem;
        box-sizing: border-box;
        padding: .19rem .3rem;
        font-size:.28rem;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:500;
        color:rgba(57,56,61,1);
}
.invoice-main-item>.item-inp{
        width: 100%;
        height: 1.13rem;
        padding: .35rem .3rem;
        margin-bottom: 1px;
        background: #fff;
}
.invoice-main-item>.item-inp>p{
        float: left;
}
.item-inp>p>span{
        color: #f00;
}
.item-inp>input,.item-inp>h4,.item-inp>div{
        float: right;
        margin: 0;
}
.invoice-main-item>.item-inp>input{
        min-width: 4.8rem !important;
        height: .4rem;
        border: none;
        outline: none;
        font-size:.28rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
}
.item-inp>h4{
        height:.4rem;
        font-size:.28rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(147,147,147,1);
}
.item-inp>h4>img{
        width: .12rem;
        height: .21rem;
        margin-left: .2rem;
}
.item-inp>div{
        width:3rem;
        height:.56rem;
        border:1px solid rgba(170,170,170,1);
        display: flex;
}
.item-inp>div>span{
        width: .6rem;
        height: 100%;
        display: flex;
        line-height: .5rem;
        justify-content: center;
        font-size:.32rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(55,55,58,1);
}
.item-inp>div>span:first-child{
        border-right: 1px solid #AAAAAA;
}
.item-inp>div>span:last-child{
        border-left: 1px solid #AAAAAA;
}
.item-inp>div>p{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:.28rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(55,55,58,1);
}
.submitshen{
        width: 100%;
        height: 1.5rem;
        padding: .44rem .27rem;
        box-sizing: border-box;
}
.submitshen>button{
        width: 100%;
        height: 100%;
        background: #FF6A00;
        color: #fff;
        border: 1px solid #FF6A00;
}

.shangchuan{
        width: 100% !important;
        height: 3.56rem !important;
        display: flex;
        padding: .35rem;
        box-sizing: border-box;
        border: none !important;
}
.shangchuan>h3{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
}
.shangchuan>h3>span{
        display: block;
        width: 100%;
        height: 100%;
        background: #CCCBCB;
        border: 1px solid #F1F1F1;
}
.shangchuan>p{
        flex: none !important;
        width: .4rem !important;
}
.shangchuan>h3>p{
        font-size:.28rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:.40rem;
}