@charset "UTF-8";
/*熊喵大师专家服务*/
/*
.pcook-expert-server-box {
  padding: 10rem 0 10rem;
  background: url("../../img/server-expert-bg.png") no-repeat center center;
  background-size: 100% 100%;
  //background: linear-gradient( 90deg, #FFF5EB 0%, #FFEEE0 100%), linear-gradient( 180deg, #FFFFFF 0%, #FFF4EA 100%);
  .pcook-content1 {
    width: 140rem;
    margin: 5rem auto 0;
    //border: 1px solid red;
  }
}
*/
/*熊喵大师专家服务*/
.pcook-expert-server-box {
  padding: 10rem 0 10rem;
  background: url("../../img/server-expert-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
.pcook-expert-server-box .pcook-content1 {
  margin: 10rem auto 0;
}
.pcook-expert-server-box .server-expert-config {
  position: relative;
}
.pcook-expert-server-box .server-expert-config div {
  position: absolute;
  width: 100%;
}
.pcook-expert-server-box .server-expert-config div img {
  width: 100%;
  height: auto;
}
.pcook-expert-server-box .server-expert-config .img-z-1 {
  z-index: 0;
}
.pcook-expert-server-box .server-expert-config .img-z-2 {
  z-index: 1;
}
.pcook-expert-server-box .server-expert-config .img-z-3 {
  z-index: 6;
}

.pcook-warranty-box {
  padding: 10rem 0;
  background: url("../../img/service-o-4-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
.pcook-warranty-box .pcook-content1 {
  width: 140rem;
  margin: 5rem auto 0;
}

.pcook-flow-box {
  padding: 10rem 0;
}
.pcook-flow-box .pcook-flow-item1 {
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 创建两列等宽的网格 */
  column-gap: 4rem; /* 列间距为20px */
}
.pcook-flow-box .pcook-flow-item2 {
  width: 54%;
  margin: 4rem auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 创建两列等宽的网格 */
  column-gap: 4rem; /* 列间距为20px */
}
.pcook-flow-box img:hover {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0rem 0.2rem 0.8rem 0rem #000000;
}

@media (max-width: 992px) {
  .pcook-server-box .pcook-content1, .pcook-expert-server-box .pcook-content1 {
    width: 100%;
  }
  .pcook-flow-box .pcook-flow-item1, .pcook-flow-box .pcook-flow-item2 {
    width: 90%;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0rem; /* 列间距为20px */
    margin: 0 auto;
  }
  .pcook-flow-box .pcook-flow-item1 img, .pcook-flow-box .pcook-flow-item2 img {
    margin-bottom: 2rem;
  }
  .pcook-warranty-box {
    background-size: cover;
  }
  .pcook-warranty-box .pcook-content1 {
    width: 100%;
  }
}