.main{
    padding-bottom: .55rem;
    background: #F7F6F5;

}
.path{
    height: .6rem;
    line-height: .6rem;
    color: #282938;
    font-size: 14px;
}
.main .c-box{
    position: relative;
    justify-content: space-between;
}
.path span{
    color: #0751BE;
}
.l-main{
    width: 8.7rem;
}
.pro-box{
    background: #fff;
    padding-bottom: 1px;
}
.pro-box .pro-img{
    width: 3.5rem;
    margin: 0 auto;
    display: block;
}
.name{
    color: #060E23;
    font-size: .26rem; 
    font-weight: 700;  
    width: 6rem;
    margin: .26rem auto;
    text-align: center;
}
.content{
    background: #fff;
    padding: .2rem;
}
.content img{
    display: block;
    margin: .1rem auto;
    width: 100%;
}
.content-box .h6{
    width: 1.4rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    background: #277FFE;
    color: #fff;
    font-size: .18rem;
}
.r-main{
    width: 3.06rem;
    background: #fff;
    padding: 0 .08rem;
    position: absolute;
    right: 0;
}
.col-box{
    height: .2rem;
    border-left: 2px solid #277FFE;
    padding-left: .2rem;
    margin: .16rem 0 .2rem;
    color: #277FFE;
    font-size: .18rem;
    line-height: .2rem;
}
.pro-item{
    margin-bottom: .2rem;
    padding: .12rem;
    border: 1px solid #EAEAEA;
}
.pro-item img{
    width:.96rem;
    height: .96rem;
    margin-right: .08rem;
}
.pro-item  .info{
    flex: 1;
}
.pro-item .pro-name{
    color: #231815;
    font-size: .14rem;
    line-height: .24rem;
    height: .48rem;
}

.pro-item a{
    color: #277FFE;
    align-items: center;
    font-size: 12px;
    margin-top: .06rem;
}
.pro-item .arrrightl{
    width:.14rem;
    height: .07rem;
    margin-left: .1rem;
}