body{
    font-size: 16px;
}

.mui-bar-nav{
    box-shadow: none;
}
.mui-bar-footer{
    height: auto;
    background: #FFFFFF;
    box-shadow: none;
    padding: 0;
}
.footer-action{
    padding: .16rem .32rem;
}
.footer-action button{
    position: static !important;
}

.page-header{
    position: sticky;
    top: 44px;
    z-index: 10;
    background: #FFFFFF;
}
.page-header .search-container{
    padding: 0 .32rem;
}
/* 搜索框样式 start */
.seach-view{
    display: flex;
    align-items: center;
    padding: .2rem .26rem;
    background: #F5F7FB;
    border-radius: 1rem;
}
.seach-view img{
    width: 0.26rem;
    height: 0.27rem;
}
.seach-view input{
    margin: 0;
    height: 0.4rem;
    border: none;
    background: #F5F7FB;
}
.seach-view input::placeholder{
    font-weight: 500;
    font-size: .28rem;
    color: #AEAEBD;
}
/* 搜索框样式 end */

/* tabs 样式 start */
.tabs-container{
    
}
.tabs-view{
    display: flex;
    justify-content: space-around;
}
.tabs-view .tabs-item{
    position: relative;
    padding: .2rem .1rem;
    font-weight: 500;
    font-size: .28rem;
    color: #333333;
    line-height: .46rem;
}
.tabs-view .tabs-item.active{
    font-weight: bold;
    font-size: .32rem;
}
.tabs-view .tabs-item.active::before{
    content: "";
    display: inline-block;
    width: 0.42rem;
    height: 0.1rem;
    border-radius: .7rem;
    background: #376AFB;
    position: absolute;
    bottom: 0;
}
.tabs-view .tabs-item .badge{
    min-width: .26rem;
    height: .26rem;
    padding: 0 0.08rem;
    background: #FB630C;
    border-radius: 1rem;

    font-weight: 500;
    font-size: .28rem;
    color: #FFFFFF;
    line-height: .26rem;
    text-align: center;

    position: absolute;
    top: 20%; right: -12%;

}
.tabs-view .tabs-item::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1rem;
    height: .04rem;
}
/* tabs 样式 end */



.file-view{
}
.file-view .file-item{
    display: flex;
    align-items: center;
    background: #F2F6FE;
    border-radius: .08rem;
    padding: .18rem .22rem .18rem .16rem;
    margin-bottom: .16rem;
}
.file-view .file-item .info{
    flex: 1;
    font-weight: 500;
    font-size: .28rem;
    color: #3379F8;
    line-height: .4rem;
}
.file-view .file-item .icon{
    width: .28rem;
    height: .3rem;
    margin-right: .1rem;
}
.file-view .file-item .down{
    font-weight: 500;
    font-size: .24rem;
    color: #376AFB;
    line-height: .4rem;
}


.product-view{
    display: flex;
}
.product-view .product-qrcode{
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .16rem;
    margin-right: .12rem;
    position: relative;
    top: .08rem;
}
.product-view .product-info{
    flex: 1;
}
.product-view .product-info .title{
    font-weight: 800;
    font-size: .32rem;
    color: #333333;
    line-height: .46rem;
}
.product-view .product-info .desc{
    margin-top: .1rem;
    font-weight: 500;
    font-size: .26rem;
    color: #999999;
    line-height: .36rem;
}

.list-view{
    padding: .28rem .32rem;
}
.list-item{
    padding: .5rem .24rem .28rem .24rem;
    background: #FFFFFF;
    border-radius: .16rem;
    margin-bottom: .28rem;
    position: relative;

}
.list-item .status{
    position: absolute;
    top: 0; right: 0;
    padding: .06rem .16rem;
    float: right; 
    border-radius: 0 .16rem 0 .2rem;
    background: rgba(251, 171, 12, .2);

    font-weight: 500;
    font-size: .26rem;
    color: #FBAB0C;
    line-height: .36rem;
}
.list-item .container{
    display: flex;
    align-items: center;
    position: relative;
}
.list-item .action{
    margin-top: .1rem;
    display: flex;
    justify-content: flex-end;
}
.list-item .action .accept-btn,
.list-item .action .dispost-btn,
.list-item .action .submit-btn,
.list-item .action .resubmit-btn{
    width: 1.4rem;
    height: 0.58rem;
    padding: 0;
    line-height: 0;
    border-radius: 1rem;
}

.list-item .checkbox{
    width: 0.3rem;
    height: 0.3rem;
}
.list-item .checkbox input{
    position: static;
    width: 0.3rem;
    height: 0.3rem;
}
.list-item .checkbox input::before{
    font-size: .28rem;
    border-radius: .12rem;
}

.mui-checkbox input[type=checkbox]:before {
    content: '\e413';
}		
.mui-checkbox input[type=checkbox]:checked:before {
    content: '\e443';
}		
.mui-checkbox.mui-left input[type=checkbox] {
    left: 0px;
}



/* 详情页面样式 start */
.status-view{
    border-radius: 0 .7rem .7rem 0;
    padding: .04rem .22rem .04rem .3rem;
    background: #FF0000;

    font-weight: 500;
    font-size: .32rem;
    color: #FFFFFF;
    line-height: .46rem;

    position: fixed;
    left: 0;
    top: calc(.28rem + 44px);
}
/* 待处理 */
.status-view.wait{
    background: #FF0000;
}
/* 已处理 */
.status-view.already{
    background: #5BC486;
}
/* 已通过 */
.status-view.success{
    background: #1CAA9B;
}
/* 待接单 */
.status-view.accept{
    background: #FBB62C;
}
/* 待提交 */
.status-view.submit{
    background: #3D79F9;
}
/* 待审核 */
.status-view.examine{
    background: #FF8811;
}
/* 已驳回 */
.status-view.reject{
    background: #FC5A5A;
}


.page-detail-header{
    height: 5.47rem;
    background: linear-gradient( 180deg, #4CA0F5 0%, #3665FC 100%);
}
.page-detail-header .product-info{
    padding-top: .96rem;
}
.page-detail-header .product-info .code{
    font-weight: bold;
    font-size: .32rem;
    color: #FFFFFF;
    line-height: .46rem;
    text-align: center;
}
.page-detail-header .product-info .qrcod{
    
    width: 2.06rem;
    height: 2.06rem;
    display: block;
    margin: .14rem auto .16rem;
}
.page-detail-header .product-info .label{
    padding-left: 1.9rem;
    margin-bottom: .1rem;
    font-weight: 500;
    font-size: .26rem;
    color: #FFFFFF;
    line-height: .36rem;
    text-align: left;
}


.detail-warpper{
    margin-top: -.66rem;
    border-radius: .24rem .24rem 0 0;
    overflow: hidden;
    background-color: #FAFAFA;
}
.detail-warpper .detail-header{
    padding: 0 .32rem;
    margin-bottom: .32rem;
    background: linear-gradient( 180deg, #FFFFFF 0%, #FAFAFA 100%);
}
.detail-warpper .detail-header .title{
    padding: .28rem 0 .18rem;
    border-bottom: 1px solid #E8E8E8;
    font-weight: bold;
    font-size: .36rem;
    color: #333333;
    line-height: .5rem;
}
.detail-warpper .detail-container{
    padding: 0 .32rem;
}


.product-data{
    background: #FFFFFF;
    border-radius: .12rem;
    padding: .26rem .24rem .3rem;
    margin-bottom: .24rem;
}
.product-data .data-header{
    margin-bottom: .16rem;
    display: flex;
    justify-content: space-between;
}
.product-data .data-header .title{
    font-weight: bold;
    font-size: .32rem;
    color: #333333;
    line-height: .46rem;
}
.product-data .data-header .status{
    font-weight: 500;
    font-size: .26rem;
    color: #1CAA9B;
    line-height: .36rem;
}
/* 已通过 */
.product-data .data-header .status.success{
    color: #1CAA9B;
}
/* 待接单 */
.product-data .data-header .status.accept{
    color: #FBB62C;
}
/* 待提交 */
.product-data .data-header .status.submit{
    color: #3D79F9;
}
/* 待审核 */
.product-data .data-header .status.examine{
    color: #FF8811;
}
/* 已驳回 */
.product-data .data-header .status.reject{
    color: #FC5A5A;
}

.product-data .produce-view{
    padding: 0 .14rem;
    display: flex;
    gap: 1.02rem;
}
.product-data .produce-view .produce-item{
    
}
.product-data .produce-view .produce-item .title{
    font-weight: bold;
    font-size: .28rem;
    color: #333333;
    line-height: .4rem;
    margin-bottom: .24rem;
}
.product-data .produce-view .produce-item .image{
    width: 2.12rem;
    height: 2.12rem;
}

/* 合格证 */
.qualified-card {}
.qualified-card img {
    width: 2.12rem;
    height: 2.12rem;
}
/* 详情页面样式 end */