#progressbar1{
    height: 0.3rem;
    overflow: inherit;
   }
   /* .progressbar {
    width: 50%;
    position: relative;
    height: 0.15rem;
    display: inline-block;
    margin-right: 0.1rem;
    transform: skewX(-30deg);
    flex-shrink: 0;
    border-radius: 10%;
    background:linear-gradient(90deg, rgba(41,83,136,1),rgba(38,73,117,1));  

   } */
   .progressbar::before{position:absolute;top:0;left:0;width:100%;height:0.03rem;display: block;content: '';background:#346CBD;}
    
   .proggress{
    height: 0.05rem;
    width: 10px;
    background: linear-gradient(to right, rgb(34, 79, 176), rgb(32, 177, 223)) !important;
    border-radius: 6px !important;
    position: relative;
   }
.progressbar1_1 .proggress, .progressbar2_1 .proggress {
    background: linear-gradient(270deg, #ED6232 0%, #3C5973 100%)!important;
}
.progressbar1_2 .proggress, .progressbar2_2 .proggress {
    background: linear-gradient(270deg, #E9912A 0%, #3C5973 100%) !important;
}
.progressbar1_3 .proggress, .progressbar2_3 .proggress {
    background: linear-gradient(270deg, #5CE2C9 0%, #3C5973 100%) !important;
}
    
   .percentCount{
    white-space: nowrap;
    font-size: 0.14rem;
    display: none;
    
   }
   .proggressline{ 
    width: 0.03rem;
    height: 0.11rem;
    background: #fff;
    position: absolute;
    top: -0.03rem;
    right: 0;
    transform: rotate(20deg);

   }
   .paihangmain{position: relative}
   .mh_value{position: absolute;top:36%;right:0;width:0.55rem;color:#fff;font-size:0.14rem;transform: translate(0, -50%);}