.common-nav {
    padding: 0 .8rem !important;
}

.quality-wrap {
    margin: 0 auto;
    padding-bottom: 1rem;
}

/*  */
.raw-wrap {
    margin-top: .9rem;
    display: flex;
    align-items: center;
}

.raw-img {
    width: 7.55rem;
    height: 4.33rem;
    background: #FFFFFF;
    border: 0.01rem solid #A7A7A7;
    padding: 0.25rem;
    flex-shrink: 0;
}

.raw-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.raw-des {
    flex: 1;
    margin-left: .9rem;
}

.raw-text {
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #C81526;
}

.raw-p {
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    line-height: 0.35rem;
    margin-top: .5rem;
}

/*  */
.give-wrap {
    margin-top: .65rem;
}

.give-top {
    display: flex;
    align-items: center;
}

.give-img {
    width: 8.88rem;
    height: 5.05rem;
    flex-shrink: 0;
    border: 0.01rem solid #A7A7A7;
}

.give-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.give-des {
    flex: 1;
    margin-left: .6rem;
}

.give-title {
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #C81526;
}

.give-text {
    font-size: 0.2rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    line-height: 0.38rem;
    margin-top: .35rem;
}

.give-p {
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    line-height: 0.35rem;
    margin-top: .24rem;
}

.give-bigtitle {
    font-size: 0.35rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #C81526;
    text-align: center;
    margin: .75rem 0 .5rem 0;
}

.give-ask-box {}

.give-ask-text {
    font-size: 0.25rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
}

.give-ask-list {
    margin-top: .25rem;
    display: flex;
    flex-wrap: wrap;
}

.give-ask-item {
    width: 25%;
    margin-top: .25rem;
    display: flex;
    align-items: center;
}

.give-ask-num {
    width: 0.22rem;
    height: 0.22rem;
    background: #C81526;
    border-radius: 50%;
    font-size: 0.15rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .22rem;
    text-align: center;
    flex-shrink: 0;
}

.give-ask-p {
    flex: 1;
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    margin-left: .15rem;
    padding-right: .2rem;
}

.give-bzs-box {
    margin-top: .6rem;
}

.give-bzs-text {
    font-size: 0.25rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #C81526;
}

.give-bzs-p {
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    line-height: 0.39rem;
    margin-top: .25rem;
}

.give-claim-wrap {
    margin-top: .64rem;
}

.give-claim-title {
    font-size: 0.25rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
}

.give-claim-box {
    margin-top: .45rem;
    display: flex;
}

.give-claim-num {
    width: 0.22rem;
    height: 0.22rem;
    background: #C81526;
    border-radius: 50%;
    font-size: 0.15rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .22rem;
    text-align: center;
    flex-shrink: 0;
}

.give-claim-des {
    flex: 1;
    margin-left: .16rem;
}

.give-claim-text {
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #444444;
}

.give-claim-p {
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #444444;
    line-height: 0.24rem;
    margin-top: .1rem;
}

/*  */
.admin-wrap {
    margin-top: .6rem;
}

.admin-title {
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #C81526;
}

.admin-text {
    font-size: 0.18rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    margin-top: .35rem;
}

.admin-p {
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    line-height: 0.38rem;
    margin-top: .22rem;
}

.admin-type-box {
    display: flex;
    margin-top: .38rem;
}

.admin-type:first-of-type {
    margin-right: 1.5rem;
}

.admin-type-text {
    font-size: 0.18rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #444444;
}

.admin-type-list {
    display: flex;
    align-items: center;
    margin-top: .18rem;
}

.admin-type-item {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
}

.admin-type-ball {
    width: 0.11rem;
    height: 0.11rem;
    border: 0.01rem solid #C81526;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 0.1rem;
}

.admin-type-p {
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
}

.admin-img-box {
    margin-top: .68rem;
}

.admin-img {
    width: 12.27rem;
    background: #FFFFFF;
    border: 0.01rem solid #A7A7A7;
    margin: 0.35rem auto;
}

.admin-img img {
    max-width: 100%;
    height: auto;
}

/*  */
.detection-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .6rem;
}

.detection-item {
    /*width: 2.89rem;*/
    background: #FFFFFF;
    /*box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.12rem 0 0.4rem 0;
    margin-right: .13rem;
    margin-bottom: .25rem;
}
.detection-item:nth-child(5n){
    margin-right: 0;
}
.detection-img {
    width: 2.2rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detection-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.detection-text {
    font-size: 0.17rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444444;
    margin-top: .12rem;
}
@media screen and (max-width:1024px){
    .raw-wrap{
        display: block;
        margin-top: 0.6rem;
        padding: 0 .25rem;
    }
    .raw-img,.give-img{
        width: 100%;
    }
    .raw-des,.give-des{
        margin-left: 0;
        margin-top: .3rem;
    }
    .raw-p,.give-p{
        font-size: .28rem;
        line-height: 1.5;
        text-align: justify;
    }
    .common-nav{
        width: 33.3%;
        padding: 0!important;
    }
    .give-top{
        display: block;
    }
    .give-wrap,.admin-wrap{
        padding: 0 .25rem;
    }
    .give-text,.give-ask-text{
        font-size: .28rem;
    }
    .give-bigtitle{
        font-size: .32rem;
    }
    .give-ask-item{
        width: 50%;
    }
    .give-ask-num,.give-claim-num{
        width: 0.38rem;
        height: 0.38rem;
        line-height: .38rem;
        font-size: 0.24rem;
    }
    .give-ask-p,.give-claim-text,.give-claim-p,.admin-text{
        font-size: .28rem;
        line-height: .36rem;
    }
    .give-bzs-text,.give-claim-title{
        font-size: .3rem;
    }
    .give-bzs-p,.admin-type-text,.admin-type-p{
        font-size: .28rem;
    }
    .admin-p{
        font-size: .28rem;
        line-height: .42rem;
        text-align: justify;
    }
    .admin-p span{
        font-size: .28rem!important;
        line-height: .42rem!important;
    }
    .admin-type-box{
        display: block;
    }
    .admin-type:first-of-type{
        margin-right: 0;
    }
    .admin-type-item{
        margin-right: .2rem;
    }
    .admin-type-list{
        flex-wrap: wrap;
    }
    .admin-type-item{
        margin-bottom: 0.2rem;
    }
    .admin-img{
        width: 100%;
    }
    .detection-item{
        width: 49%;
        margin-right: 0;
    }
    .detection-item:nth-child(2n){
        margin-left: 2%;
    }
    .detection-img{
        width: 3rem;
    }
    .detection-text {
        font-size: 0.28rem;
    }   
}