@media only screen and (max-width: 493px) {
  .retail-pain {
    padding: 30rem 0 0 0;
    position: relative;
  }

  .retail-pain .title-box {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }

  .retail-pain .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem !important;
    right: 6rem !important;
    z-index: -1;
  }

  .retail-pain .tip {
    font-size: 12rem;
    color: #666;
    margin: 7rem auto 42rem !important;
    max-width: 80%;
    overflow: visible;
  }
  .margin-bott20 {
    margin-bottom: 20rem !important;
  }
  .retail-pain .background-bg01 {
    display: none;
  }
  .retail-pain .background-bg02 {
    display: none;
  }
  .gs-flex {
    padding: 0 20rem !important;
    box-sizing: border-box;
  }
  .retail-pain .core-item {
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 8rem;
    font-size: 12rem;
    color: #383838;
    padding: 25rem;
    margin: 10rem 0;
    line-height: 18rem;
    box-sizing: border-box;
  }
  .retail-pain .core-item .core-pic {
    width: 30rem;
    height: auto;
    display: block;
    margin: 0 auto 12rem;
  }
  .margin20 {
    margin: 20rem 0 !important;
  }
  .retail-pain .challenge-item {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8rem;
    font-size: 12rem;
    color: #383838;
    padding: 20rem;
    box-sizing: border-box;
    margin: 10rem 0;
    line-height: 18rem;
  }
  .retail-pain .challenge-item .challenge-pic {
    width: 46rem;
    height: 46rem;
    display: block;
    margin: 0 auto;
  }
  .retail-pain .challenge-item .txt {
    font-size: 16rem;
    margin: 21rem 0 10rem;
  }
  .margin-top20 {
    margin-top: 20rem !important;
  }
  .retail-pain .platform-item {
    width: 100%;
    height: auto;
    background: #fff;
    font-size: 12rem;
    color: #111111;
    margin: 10rem 0;
    line-height: 18rem;
    box-shadow: 0rem 0rem 40rem #eff0f1;
  }
  .retail-pain .platform-item .top-box .top-txt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10rem;
    color: #333;
    line-height: 12rem;
    z-index: 1;
    padding: 13rem 97rem 0 23rem;
  }
  .retail-pain .platform-item .top-box .txt {
    font-size: 16rem;
    color: #111;
    line-height: 17rem;
    font-weight: bold;
    margin-bottom: 4rem;
  }
  .retail-pain .platform-item .top-box .platform-pic {
    width: 73rem;
    height: auto;
    display: block;
    position: absolute;
    top: -10rem;
    right: 30rem;
  }
  .retail-pain .platform-item .top-box {
    width: 100%;
    height: 65rem;
    position: relative;
  }
  .retail-pain .platform-item .bottom-box {
    width: 100%;
    padding: 20rem;
    box-sizing: border-box;
  }
  .retail-pain .platform-item .bottom-box .item-box {
    border-bottom: 1rem solid #dedede;
    font-size: 12rem;
    color: #666;
    line-height: 16rem;
    padding: 25rem 0;
  }
  .retail-pain .platform-item .bottom-box .pic-item {
    width: 20rem !important;
    height: 20rem !important;
    display: block;
    margin-right: 10rem;
  }
  .maringtop20 {
    margin-top: 20rem !important;
  }
  .adaptation07 {
    padding: 0 20rem !important;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 48%) !important;
  }
  .retail-pain .capacity-item {
    font-size: 12rem;
    min-height: 125rem;
    color: #2f354e;
    line-height: 15rem;
    margin-bottom: 20rem;
    padding: 0 10rem;
    box-sizing: border-box;
  }
  .retail-pain .capacity-item :nth-child(3) {
    display: block;
  }
  .retail-pain .capacity-item .capacity-pic {
    width: 45rem;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .retail-pain .capacity-item .txt {
    font-size: 16rem;
    margin: 28rem 0 10rem;
  }
  .plan-blueprint {
    background-color: #fff;
    padding: 20rem;
    box-sizing: border-box;
    color: #333;
    font-size: 12rem;
  }
  .plan-blueprint .title {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }
  .plan-blueprint .title .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: 0rem !important;
    right: -10rem !important;
    z-index: -1;
  }
  .synergy-box {
    padding: 20rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }
  .synergy-box .title-box {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }

  .synergy-box .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem !important;
    right: 6rem !important;
    z-index: -1;
  }
  .adaptation08 {
    grid-template-columns: repeat(2, 48%) !important;
  }
  .synergy-box .synergy-item {
    font-size: 12rem;
    color: #2f354e;
    line-height: 18rem;
    margin-bottom: 0;
    padding: 20rem;
    box-sizing: border-box;
  }
  .synergy-box .synergy-item .synergy-pic {
    width: 47rem;
    height: 47rem;
    display: block;
    margin: 0 auto;
  }
  .synergy-box .synergy-item .txt {
    font-size: 16rem;
    margin: 25rem 0 10rem;
  }
  .synergy-box .synergy-item .text-left {
    display: block;
  }
  .commodity-management {
    padding: 20rem;
    box-sizing: border-box;
  }
  .commodity-management .title-box {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
    width: 100%;
    max-width: 100%;
  }
  .commodity-management .title-box .overT1 {
    display: block;
    text-align: center;
  }

  .commodity-management .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem !important;
    right: 6rem !important;
    z-index: -1;
  }

  .commodity-management .tip {
    font-size: 12rem;
    color: #666;
    margin: 7rem auto 42rem !important;
    max-width: 80%;
    overflow: visible;
  }
  .commodity-management .background-pic {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}