.more-mode{    margin: 20px 0;  }  .more-mode .more-mode-card{    width: 136px;  height: 110px;  background: #EEEEEE;  }  .introduce{      text-align: left!important;  }  .introduce img{      width: 309px;      height: 297px;  }  .product-card{    width: 280px;  height: 280px;  background: #FFFFFF;  border-radius: 12px;  margin: 27px;  box-shadow: 0px 5px 16px 0px rgb(57 116 219 / 15%);  }  .service-box{    height: auto;    margin-top: 50px;  }   .service-box img{      padding:36px 10px;  }  .self-box-top{    width: 250px;height: 272px;background: #FFFFFF;box-shadow: 0px 5px 16px 0px rgba(57, 116, 219, 0.15);  }  .self-box-bottom{    width: 250px;height: 48px;background: #F2F7FF;box-shadow: 0px 5px 16px 0px rgba(57, 116, 219, 0.15);  }  .self-box img{    width:100%;    padding:36px;  }  .self-box{   margin:12px 0  } .function-card {  width: 480px;  height: 170px;  background: #FFFFFF;  box-shadow: 0px 5px 16px 0px rgba(57, 116, 219, 0.15);  margin:12px; } .function-card .p-1{   color:#4789FD;   text-align: left;   padding-left: 10px; } .kitchen-card{margin: 12px;width: 280px;  height: 240px;  background: #FFFFFF;  border-radius: 12px;  box-shadow: 0px 5px 16px 0px rgb(57 116 219 / 15%); } .log-card{  width: 1200px;  min-height: 420px;  height:auto;  background: #F3F3F3; } .log-service-card {   width:144px;margin:10px;  height: 196px;  background: #FFFFFF;  box-shadow: 0px 5px 16px 0px rgb(57 116 219 / 15%); } .log-service-card img{   padding:20px 0 20px 0; } @media (min-width: 975px){  .card-icon-mobile{    width:12%;  }}