@font-face {
    font-family: "OPPOSans Medium";
    src:
      url("../fonts/OPPOSans/OPPOSans-Medium.woff2") format("woff2"),
      url("../fonts/OPPOSans/OPPOSans-Medium.woff") format("woff"),
      url("../fonts/OPPOSans/OPPOSans-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "OPPOSans Bold";
    src:
            url("../fonts/OPPOSans/OPPOSans-Bold.woff2") format("woff2"),
            url("../fonts/OPPOSans/OPPOSans-Bold.woff") format("woff"),
            url("../fonts/OPPOSans/OPPOSans-Bold.ttf") format("truetype");
}
body{
    color:#22272f;
    font-family: "OPPOSans Medium";
}
a{
    text-decoration: none;
}

.product-item{
   /* border:1px solid #000;*/
    margin-bottom: 2rem;
}
a{
    color:#22272f;
}
.product-item .pic{
    height: 10rem;
/*    border:1px solid #000;*/
    overflow: hidden;
    margin-bottom: 1rem;
}
.product-item .desc{
    height: 2rem;
}
.url1{
    margin-bottom: 1rem;
}
.detail-title1{
    background-color: #F9F9FA;
    padding:1rem 0;
    border-bottom: 1px solid #E0E0E2;
}
.detail-title1 button{
    font-family: OPPOSans Bold;
}
.detail-content{
    margin:2rem 0;
}
@media (max-width: 768px) {
    .product-item .pic{
        height: 7rem;
    }
}