.pr-content{
    padding:15px 5px;
}
.prline{
    margin-top: 20px;
    padding:5px;
}
@media (max-width:768px) {
    .wrapc{
        display: flex;
        flex-wrap: wrap;
    }
    .pr-detail{
        margin-top: 30px;
        width: 100%;
    }
    .pr-detail>div>img{

        width: 100%;
    }
    .attr{
        border: 1px solid #ccc;margin-left: 0px;width: 100%;padding: 5px;
    }
    .attr>h1{
        font-size: 18px;
        color: #d31f23;

    }
    .attr>p{
        margin-top: 30px;

    }
    .attr>p>a{
        height: 39px;
        line-height: 39px;
        display: inline-block;
        border: 1px solid #d31f23;
        padding: 0px 28px;
    }
    .attr>p>a:hover{
        color: #d31f23;
    }
}

@media (min-width:768px) and (max-width: 1025px){
    .wrapc{
        display: flex;
        flex-wrap: nowrap;
    }
    .pr-detail{
        margin-top: 30px;
    }
    .pr-detail>div>img{
        max-width: 450px ;
    }
    .attr{
        border: 1px solid #ccc;margin-left: 15px;padding: 5px;width: 60%;
    }
    .attr>h1{
        font-size: 18px;
        color: #d31f23;

    }
    .attr>p{
        margin-top: 30px;

    }
    .attr>p>a{
        height: 39px;
        line-height: 39px;
        display: inline-block;
        border: 1px solid #d31f23;
        padding: 0px 28px;
    }
    .attr>p>a:hover{
        color: #d31f23;
    }
}
@media (min-width:1025px){
    .wrapc{
        display: flex;
        flex-wrap: nowrap;
    }
    .pr-detail{
        margin-top: 30px;
    }
    .pr-detail>div>img{
        width: 100%;
        max-width: 450px ;
    }
    .attr{
        border: 1px solid #ccc;margin-left: 15px;padding: 5px;width: 60%;
    }
    .attr>h1{
        font-size: 18px;
        color: #d31f23;

    }
    .attr>p{
        margin-top: 30px;

    }
    .attr>p>a{
        height: 39px;
        line-height: 39px;
        display: inline-block;
        border: 1px solid #d31f23;
        padding: 0px 28px;
    }
    .attr>p>a:hover{
        color: #d31f23;
    }
}