@media screen and (min-width:829px) {
  main.solution section.common-solution-banner .common-uniform-width h1 {
    color: #f90
  }

  main.solution section.common-solution-banner .common-uniform-width h3 {
    color: #7f7f7f
  }

  main.solution section.common-solution-banner .common-uniform-width p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin: 30px 0
  }

  main.solution section.module2 {
    margin: 1.6rem 0
  }

  main.solution section.module2 div.cont {
    flex-wrap: wrap
  }

  main.solution section.module2 div.cont div.item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
  }

  main.solution section.module2 div.module2MaskType div.sol-wra {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto .5rem
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol {
    border-radius: .2rem;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    transition: all .3s;
    position: relative
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, .38);
    transition: background-color .5s;
    overflow: hidden
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div:hover {
    background: linear-gradient(0deg, #f90, transparent)
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div:hover .sol-cont {
    color: #fff;
    bottom: .36rem
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div:hover .sol-cont p {
    max-height: 3rem
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div>div:first-child {
    display: none
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div .sol-cont {
    padding: 0 .36rem;
    position: absolute;
    transition: all .4s;
    text-align: left;
    bottom: 0;
    background-image: none
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div .sol-cont h3 {
    position: relative;
    color: #fff;
    font-size: .24rem;
    font-weight: 500
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div .sol-cont h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: .6rem;
    height: .04rem;
    background-color: #fff;
    bottom: -.15rem
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol>div .sol-cont p {
    color: #fff;
    font-size: .18rem;
    font-weight: 400;
    margin-top: .55rem;
    max-height: 0;
    overflow: hidden
  }

  main.solution section.module2 div.module2MaskType div.sol-wra .sol:hover {
    transform: scale(1.1)
  }

  main.solution section.common-solutions {
    margin-bottom: 1.6rem
  }

  main.solution section.common-solutions div.content>div>div div:first-child {
    background-size: .86rem .74rem;
    background-position: 0 0, 100% 100%;
    padding: .13rem .22rem 0 .13rem;
    margin-bottom: .5rem
  }

  main.solution section.common-solutions div.content>div>div div:first-child p {
    width: 4.9rem;
    text-align: left
  }

  main.solution section.common-solutions div.content>div>div div.circle {
    background-size: 1.35rem, .9rem;
    padding: .45rem .2rem .05rem .55rem;
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_storeInsp_circle_back_202203.png), url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_storeInsp_circle_back_202203.png)
  }

  main.solution section.common-solutions div.content>div>div .btn-left {
    margin-left: .55rem
  }

  main.solution .success-case {
    padding-bottom: 1.6rem
  }

  main.solution .success-case>div {
    background-color: transparent
  }

  main.solution .success-case>div .product-container {
    justify-content: center
  }

  main.solution .success-case>div .product-container .right {
    width: 9.22rem;
    background-color: #fff;
    padding: 1.1rem .9rem .9rem;
    box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .06);
    border-radius: .24rem;
    background-size: .78rem .67rem;
    background-position: .6rem .8rem, calc(100% - .6rem) calc(100% - 1.1rem)
  }

  main.solution .success-case>div .product-container .right h4 {
    color: #333;
    font-size: .32rem;
    margin-bottom: .2rem
  }

  main.solution .success-case>div .product-container .right p {
    color: #7f7f7f;
    font-size: .18rem;
    font-weight: 400;
    line-height: .3rem;
    margin-bottom: .4rem
  }

  .colourful div.item {
    border-radius: .24rem;
    border: .03rem solid #fff;
    padding: .4rem .35rem;
    box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .06);
    display: flex
  }

  .colourful div.item h3 {
    margin-bottom: .1rem
  }

  .colourful div.item:hover:first-child {
    background-image: linear-gradient(180deg, #ffeddc, #fff)
  }

  .colourful div.item:hover:nth-child(2) {
    background-image: linear-gradient(180deg, #dae3ff, #fff)
  }

  .colourful div.item:hover:nth-child(3) {
    background-image: linear-gradient(180deg, #ffe7f5 1%, #fff)
  }

  .colourful div.item:hover:nth-child(4) {
    background-image: linear-gradient(180deg, #c9fcee, #fff)
  }

  .colourful2 {
    margin: 1.6rem 0
  }

  .colourful2>div {
    flex-wrap: wrap
  }

  .colourful2>div>div.item {
    width: 30%;
    height: 2.38rem;
    border-radius: .24rem;
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    padding: .36rem .2rem;
    box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .06)
  }

  .colourful2>div>div.item i {
    width: 1.12rem;
    height: 1.12rem;
    display: inline-block;
    background-size: cover
  }

  .colourful2>div>div.item>div {
    width: calc(100% - 1.12rem)
  }

  .colourful2>div>div.item>div h3 {
    font-size: .24rem;
    font-weight: 500;
    margin: .14rem 0 .1rem
  }

  .colourful2>div>div.item>div p {
    color: #7f7f7f;
    font-size: .18rem;
    font-weight: 400
  }

  .colourful2>div>div.item:hover h3, .colourful2>div>div.item:hover p {
    color: #fff
  }

  .colourful2>div>div.item:hover:first-child {
    background-image: linear-gradient(134deg, #ffb9e3, #f14d9b)
  }

  .colourful2>div>div.item:hover:nth-child(2) {
    background-image: linear-gradient(135deg, #86a2ff, #425df2)
  }

  .colourful2>div>div.item:hover:nth-child(3) {
    background-image: linear-gradient(135deg, #ffdbbb, #f89057)
  }

  .colourful2>div>div.item:hover:nth-child(4) {
    background-image: linear-gradient(136deg, #55facc, #24c583)
  }

  .solution-clothing section.banner>div {
    flex-direction: row-reverse
  }

  .solution-clothing section.banner>div div.cont {
    margin-right: .75rem;
    background-size: 2.49rem 1.46rem;
    background-position: 1.24rem bottom
  }

  .solution-clothing .colourful2 div.item p {
    min-height: 1rem;
    -webkit-line-clamp: 3
  }

  .solution-clothing .colourful2 div.item:first-child i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_clothing_module2_icon_1_202204.png)
  }

  .solution-clothing .colourful2 div.item:nth-child(2) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_clothing_module2_icon_3_202204.png)
  }

  .solution-clothing .colourful2 div.item:nth-child(3) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_clothing_module2_icon_2_202204.png)
  }

  .solution-clothing .colourful2 div.item:hover:first-child i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_clothing_module2_icon_1_hover_202204.png)
  }

  .solution-clothing .colourful2 div.item:hover:nth-child(2) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_clothing_module2_icon_3_hover_202204.png)
  }

  .solution-clothing .colourful2 div.item:hover:nth-child(3) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_clothing_module2_icon_2_hover_202204.png)
  }

  .solution-clothing section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-clothing .success-case .right {
    height: 4.1rem
  }

  .solution-catering section.banner>div {
    flex-direction: row-reverse
  }

  .solution-catering section.banner>div div.cont {
    margin-right: .55rem;
    background-size: 1.65rem .97rem;
    background-position: 1.53rem bottom
  }

  .solution-catering section.module2 div.module2MaskType .sol {
    width: 30%;
    height: 3rem
  }

  .solution-catering section.module2 div.module2MaskType .sol .sol-cont {
    bottom: -.7rem
  }

  .solution-catering section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-catering .success-case .right {
    height: 4.1rem
  }

  .solution-fmcg section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-fmcg section.module2 div.item {
    width: 22.8%;
    padding: .3rem;
    align-items: center;
    flex-direction: column;
    justify-content: center
  }

  .solution-fmcg section.module2 div.item img {
    height: .66rem;
    margin-right: .24rem
  }

  .solution-fmcg section.module2 div.item h3 {
    text-align: center;
    margin: .2rem 0 .1rem
  }

  .solution-fmcg section.module2 div.item p {
    -webkit-line-clamp: 3;
    min-height: .9rem
  }

  .solution-fmcg .success-case .right {
    height: 4.1rem
  }

  .solution-pharmacy section.banner>div {
    flex-direction: row-reverse
  }

  .solution-pharmacy section.banner>div div.img-cont {
    justify-content: flex-end;
    margin-left: .5rem
  }

  .solution-pharmacy section.banner>div div.cont {
    background-size: 2.14rem .97rem;
    background-position: calc(100% - 45px) bottom
  }

  .solution-pharmacy section.module2 div.item {
    width: 30%;
    padding: .3rem
  }

  .solution-pharmacy section.module2 div.item img {
    height: .66rem;
    margin-right: .24rem
  }

  .solution-pharmacy section.module2 div.item:not(:last-child) p {
    -webkit-line-clamp: 4;
    min-height: 1.08rem
  }

  .solution-pharmacy section.module2 div.item:last-child p {
    -webkit-line-clamp: 3
  }

  .solution-pharmacy section.solutions div.content>div>img {
    height: 4rem
  }

  .solution-pharmacy .success-case .right {
    height: 5.3rem
  }

  .solution-home section.banner>div {
    flex-direction: row-reverse
  }

  .solution-home section.banner>div div.img-cont {
    justify-content: flex-end
  }

  .solution-home section.banner>div div.cont {
    background-size: .87rem .83rem;
    background-position: 2.32rem bottom
  }

  .solution-home section.module2 div.module2MaskType .sol {
    width: 30%;
    height: 3rem
  }

  .solution-home section.module2 div.module2MaskType .sol .sol-cont {
    bottom: -.7rem
  }

  .solution-home section.solutions div.content>div>img {
    height: 4rem
  }

  .solution-home .success-case .right {
    height: 4.7rem
  }

  .solution-car section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-car section.module2 div.item {
    width: 21%;
    padding: .3rem;
    align-items: center;
    flex-direction: column;
    justify-content: center
  }

  .solution-car section.module2 div.item img {
    height: .66rem;
    margin-right: .24rem
  }

  .solution-car section.module2 div.item h3 {
    text-align: center;
    margin: .2rem 0 .1rem
  }

  .solution-car section.module2 div.item p {
    -webkit-line-clamp: 3;
    min-height: .9rem
  }

  .solution-car .success-case .right {
    height: 4.4rem
  }

  .solution-shopping-mall section.banner>div {
    flex-direction: row-reverse
  }

  .solution-shopping-mall section.banner>div div.cont {
    margin-right: .75rem;
    background-size: 2.49rem 1.46rem;
    background-position: 1.24rem bottom
  }

  .solution-shopping-mall section.module2 div.module2MaskType .sol {
    width: 30%;
    height: 3rem
  }

  .solution-shopping-mall section.module2 div.module2MaskType .sol .sol-cont {
    bottom: -.7rem
  }

  .solution-shopping-mall section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-shopping-mall .success-case .right {
    height: 4.1rem
  }

  .solution-fresh-supermarket section.banner>div {
    flex-direction: row-reverse
  }

  .solution-fresh-supermarket section.banner>div div.cont {
    margin-right: .75rem;
    background-size: 2.49rem 1.46rem;
    background-position: 1.24rem bottom
  }

  .solution-fresh-supermarket section.module2 div.module2MaskType .sol {
    width: 30%;
    height: 3rem
  }

  .solution-fresh-supermarket section.module2 div.module2MaskType .sol .sol-cont {
    bottom: -.7rem
  }

  .solution-fresh-supermarket section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-fresh-supermarket .success-case .right {
    height: 4.4rem
  }

  .solution-maternal-infant section.banner>div {
    flex-direction: row-reverse
  }

  .solution-maternal-infant section.banner>div div.cont {
    background-size: 1.02rem .75rem;
    background-position: 2.32rem bottom
  }

  .solution-maternal-infant section.banner>div div.cont h3 {
    color: #7f7f7f;
    margin: .24rem 0 .3rem
  }

  .solution-maternal-infant section.banner>div div.img-cont {
    justify-content: flex-end
  }

  .solution-maternal-infant section.module2 div.item {
    width: 30%;
    padding: .3rem
  }

  .solution-maternal-infant section.module2 div.item img {
    height: .66rem;
    margin-right: .24rem
  }

  .solution-maternal-infant section.module2 div.item p {
    -webkit-line-clamp: 3;
    min-height: 1rem
  }

  .solution-maternal-infant section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-maternal-infant .success-case .right {
    height: 4.1rem
  }

  .solution-efficient-mgmt section.banner>div {
    flex-direction: row-reverse
  }

  .solution-efficient-mgmt section.banner>div div.cont {
    background-size: 2.49rem 1.46rem;
    background-position: 1.24rem bottom
  }

  .solution-efficient-mgmt section.module2 div.item {
    width: 47%
  }

  .solution-efficient-mgmt section.module2 div.item img {
    height: .96rem;
    position: relative;
    left: -.1rem;
    top: -.1rem
  }

  .solution-efficient-mgmt section.module2 div.item:first-child, .solution-efficient-mgmt section.module2 div.item:nth-child(2) {
    margin-bottom: .5rem
  }

  .solution-efficient-mgmt .common-solutions>div.content>div>img {
    height: 3.9rem
  }

  .solution-efficient-mgmt .success-case .right {
    height: 4.7rem
  }

  .solution-data-application section.common-solutions img {
    height: 4.1rem
  }

  .solution-data-application section.module2 div.item {
    width: 47%
  }

  .solution-data-application section.module2 div.item img {
    height: .66rem;
    margin-right: .24rem
  }

  .solution-data-application section.module2 div.item:first-child, .solution-data-application section.module2 div.item:nth-child(2) {
    margin-bottom: .5rem
  }

  .solution-data-application .success-case .right {
    height: 4.4rem
  }

  .solution-market-conversion section.banner {
    background-size: .98rem .77rem;
    background-position: 100% 100%
  }

  .solution-market-conversion section.module2 div.module2MaskType .sol {
    width: 22.8%;
    height: 4.4rem
  }

  .solution-market-conversion section.module2 div.module2MaskType .sol .sol-cont {
    bottom: -.9rem
  }

  .solution-market-conversion section.module2 div.module2MaskType .sol .sol-cont p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
  }

  .solution-market-conversion .common-solutions>div.content>div>img {
    height: 4.1rem
  }

  .solution-market-conversion .success-case .right {
    height: 4.4rem
  }

  .solution-smart-store section.banner>div {
    flex-direction: row-reverse
  }

  .solution-smart-store section.banner>div div.cont {
    margin-right: .75rem;
    background-size: 2.49rem 1.46rem;
    background-position: 1.24rem bottom
  }

  .solution-smart-store .colourful2 div.item {
    width: 47%;
    padding: .4rem .5rem .5rem .2rem
  }

  .solution-smart-store .colourful2 div.item p {
    min-height: .66rem;
    -webkit-line-clamp: 2
  }

  .solution-smart-store .colourful2 div.item:first-child, .solution-smart-store .colourful2 div.item:nth-child(2) {
    margin-bottom: .64rem
  }

  .solution-smart-store .colourful2 div.item:first-child i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic1_202204.png)
  }

  .solution-smart-store .colourful2 div.item:nth-child(2) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic2_202204.png)
  }

  .solution-smart-store .colourful2 div.item:nth-child(3) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic3_202204.png)
  }

  .solution-smart-store .colourful2 div.item:nth-child(4) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic4_202204.png)
  }

  .solution-smart-store .colourful2 div.item:hover:first-child i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic1_hover_202204.png)
  }

  .solution-smart-store .colourful2 div.item:hover:nth-child(2) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic2_hover_202204.png)
  }

  .solution-smart-store .colourful2 div.item:hover:nth-child(3) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic3_hover_202204.png)
  }

  .solution-smart-store .colourful2 div.item:hover:nth-child(4) i {
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_module2_pic4_hover_202204.png)
  }

  .solution-smart-store section.solutions div.related-products {
    display: flex
  }

  .solution-smart-store section.solutions div.related-products a {
    text-align: center
  }

  .solution-smart-store section.solutions div.related-products a img {
    width: 1rem
  }

  .solution-smart-store section.solutions div.related-products a span {
    font-size: .16rem;
    font-weight: 500
  }

  .solution-smart-store section.solutions div.related-products a:not(:last-child) {
    margin-right: .2rem
  }

  .solution-smart-store section.store-scene {
    margin-bottom: 1.6rem
  }

  .solution-smart-store section.store-scene div.cont {
    padding: .8rem 0;
    border-radius: .5rem;
    position: relative;
    background-color: #f7f7f7;
    background-size: 1.86rem, 1.23rem;
    background-repeat: no-repeat;
    background-position: -.93rem calc(100% - .765rem), 73% .6rem;
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_aiDetection_module3_back_202203.png), url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_aiDetection_module3_back_202203.png)
  }

  .solution-smart-store section.store-scene div.cont img {
    height: 5.13rem;
    margin: 0 auto
  }

  .solution-smart-store section.store-scene div.cont>div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .5rem;
    margin: auto
  }

  .solution-smart-store section.pro-adv {
    margin-bottom: 1.6rem
  }

  .solution-smart-store section.pro-adv div.item {
    width: 21%;
    padding: .3rem;
    align-items: center;
    flex-direction: column;
    justify-content: center
  }

  .solution-smart-store section.pro-adv div.item img {
    height: .66rem;
    margin-right: .24rem;
    position: relative;
    left: 20px
  }

  .solution-smart-store section.pro-adv div.item h3 {
    text-align: center;
    margin: .2rem 0 .1rem
  }

  .solution-smart-store section.pro-adv div.item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    min-height: 1.28rem
  }

  .solution-smart-store .success-case .right {
    height: 4.4rem
  }

  .solution-beauty-wellness section.banner>div {
    flex-direction: row-reverse
  }

  .solution-beauty-wellness section.banner>div div.cont {
    background-size: .87rem .83rem;
    background-position: 2.32rem bottom
  }

  .solution-beauty-wellness section.banner>div div.cont h3 {
    color: #7f7f7f
  }

  .solution-beauty-wellness section.banner>div div.img-cont {
    margin-left: .28rem
  }

  .solution-beauty-wellness section.module2 div.item {
    width: 30%;
    padding: .3rem
  }

  .solution-beauty-wellness section.module2 div.item img {
    height: .66rem;
    margin-right: .24rem
  }

  .solution-beauty-wellness section.module2 div.item p {
    -webkit-line-clamp: 5;
    min-height: 1.35rem
  }

  .solution-beauty-wellness section.solutions div.content>div>img {
    height: 3.9rem
  }

  .solution-beauty-wellness .success-case .right {
    height: 4.4rem
  }
}

@media screen and (min-width:320px)and (max-width:828px) {
  main.solution section.common-solution-banner>div {
    padding: 0 4.2666666667vw
  }

  main.solution section.common-solution-banner>div div.cont {
    margin: 0;
    background-position: 100% 100%
  }

  main.solution section.common-solution-banner>div div.cont>img {
    margin-top: 5.3333333333vw
  }

  main.solution section.common-solution-banner>div div.cont h3 {
    margin-bottom: 8vw
  }

  main.solution section.module2 {
    margin: 16vw 0
  }

  main.solution section.module2>div {
    flex-direction: column;
    padding: 0 4.2666666667vw
  }

  main.solution section.module2>div>div:not(:last-child) {
    margin-bottom: 2.6666666667vw
  }

  main.solution section.module2 div.module2MaskType div.sol-wra div.sol {
    overflow: hidden;
    position: relative;
    border-radius: 5.3333333333vw;
    background-size: auto 100%
  }

  main.solution section.module2 div.module2MaskType div.sol-wra div.sol>div {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 5.3333333333vw 3.2vw;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(111, 82, 0, .6))
  }

  main.solution section.module2 div.module2MaskType div.sol-wra div.sol>div .sol-cont {
    position: absolute;
    text-align: left;
    bottom: 5.3333333333vw;
    background-image: none
  }

  main.solution section.module2 div.module2MaskType div.sol-wra div.sol>div .sol-cont h3 {
    font-size: 4.8vw;
    font-weight: 500;
    position: relative;
    color: #fff
  }

  main.solution section.module2 div.module2MaskType div.sol-wra div.sol>div .sol-cont h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10vw;
    height: .5vw;
    background-color: #fff;
    bottom: -1vw
  }

  main.solution section.module2 div.module2MaskType div.sol-wra div.sol>div .sol-cont p {
    font-size: 3.2vw;
    font-weight: 400;
    margin-top: 6vw;
    color: #fff
  }

  main.solution section.colourful>div {
    flex-direction: column
  }

  main.solution section.colourful div.item {
    display: flex;
    border-radius: 5.3333333333vw;
    border: 2px solid #fff;
    padding: 8vw 3.2vw;
    box-shadow: 0 0 5.3333333333vw 0 rgba(0, 0, 0, .06)
  }

  main.solution section.colourful div.item img {
    height: 12vw;
    margin-right: 4.5333333333vw
  }

  main.solution section.colourful div.item h3 {
    margin-bottom: 2.6666666667vw
  }

  main.solution section.colourful div.item:first-child {
    background-image: linear-gradient(180deg, #ffeddc, #fff)
  }

  main.solution section.colourful div.item:nth-child(2) {
    background-image: linear-gradient(180deg, #dae3ff, #fff)
  }

  main.solution section.colourful div.item:nth-child(3) {
    background-image: linear-gradient(180deg, #ffe7f5 1%, #fff)
  }

  main.solution section.colourful div.item:nth-child(4) {
    background-image: linear-gradient(180deg, #c9fcee, #fff)
  }

  main.solution section.colourful2 div.item {
    padding: 5.3333333333vw;
    border-radius: 5.3333333333vw;
    box-shadow: 0 0 10.6666666667vw 0 rgba(0, 0, 0, .08);
    display: flex
  }

  main.solution section.colourful2 div.item img {
    width: 14.1333333333vw;
    height: 14.1333333333vw;
    margin-right: 2.6666666667vw
  }

  main.solution section.colourful2 div.item h3 {
    margin-bottom: 2.6666666667vw
  }

  main.solution section.common-solutions>div.content>div>div>div:first-child {
    align-items: flex-start;
    flex-direction: column;
    background-position: 0 0, 100% 100%;
    background-size: 16vw 13.8666666667vw
  }

  main.solution section.common-solutions>div.content>div>div>div:first-child h3 {
    margin-top: 5.3333333333vw;
    margin-bottom: 2.6666666667vw
  }

  main.solution section.common-solutions>div.content>div>div div.common-btn {
    margin-top: 8vw
  }

  main.solution section.common-solutions>div.content>div>div div.circle {
    padding: 3.7333333333vw 4.2666666667vw;
    background-size: 15.2vw;
    background-position: 0 0, 100% 100%;
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_storeInsp_circle_back_202203.png), url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_storeInsp_circle_back_202203.png)
  }

  main.solution section.common-solutions>div.content>div>div .btn-left {
    margin-left: 4.2666666667vw
  }

  main.solution .success-case {
    background-color: transparent
  }

  main.solution .success-case div.flex-width nav {
    display: none
  }

  main.solution .success-case div.flex-width .van-swipe {
    background-image: none;
    padding-top: 0
  }

  main.solution .success-case div.flex-width .van-swipe .product-container img {
    width: 93% !important
  }

  main.solution .success-case div.flex-width .van-swipe .product-container div.right {
    border-radius: 5.3333333333vw;
    background-color: #fff;
    padding: 16vw 4vw !important;
    box-shadow: 0 0 10.6666666667vw 0 rgba(0, 0, 0, .06);
    background-position: 2.6666666667vw 8vw, calc(100% - 2.67vw) calc(100% - 21.6vw) !important
  }

  main.solution .success-case div.flex-width .van-swipe .product-container div.right h4 {
    color: #333 !important;
    font-size: 4.8vw !important;
    font-weight: 500 !important;
    margin-bottom: 2.6666666667vw !important;
    margin-top: 0
  }

  main.solution .success-case div.flex-width .van-swipe .product-container div.right p {
    color: #7f7f7f !important;
    font-size: 3.2vw !important;
    font-weight: 400 !important;
    line-height: 5.3333333333vw !important;
    margin-bottom: 5.3333333333vw
  }

  .solution-market-conversion section.banner div.cont {
    background-size: 13.0666666667vw 10.192vw
  }

  .solution-market-conversion section.module2 {
    margin: 16vw 0;
    text-align: center
  }

  .solution-market-conversion section.module2 .sol-wra {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .solution-market-conversion section.module2 .sol-wra .sol {
    width: 48%;
    height: 80vw
  }

  .solution-market-conversion section.module2 .sol-wra .sol:first-child, .solution-market-conversion section.module2 .sol-wra .sol:nth-child(2) {
    margin-bottom: 5.3333333333vw
  }

  .solution-clothing section.banner div.cont {
    background-size: 43.2vw 23.2vw;
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_banner_back_m_202204.png) !important
  }

  .solution-catering section.banner div.cont {
    background-size: 20.2666666667vw 12vw
  }

  .solution-catering section.module2 {
    margin: 16vw 0;
    text-align: center
  }

  .solution-catering section.module2 .sol-wra {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3vw
  }

  .solution-catering section.module2 .sol-wra .sol {
    height: 53.3333333333vw
  }

  .solution-catering section.module2 .sol-wra .sol:not(:last-child) {
    margin-bottom: 2.6666666667vw
  }

  .solution-fmcg section.banner div.cont {
    background-size: 13.0666666667vw 10.192vw
  }

  .solution-smart-store section.banner div.cont {
    background-size: 56.8vw 26.4vw
  }

  .solution-smart-store section.solutions {
    margin-bottom: 16vw
  }

  .solution-smart-store section.solutions div.related-products {
    margin-top: 2.9333333333vw
  }

  .solution-smart-store section.solutions div.related-products a {
    text-align: center
  }

  .solution-smart-store section.solutions div.related-products a img {
    width: 19.7333333333vw;
    height: 19.7333333333vw
  }

  .solution-smart-store section.solutions div.related-products a:not(:last-child) {
    margin-right: 2.1333333333vw
  }

  .solution-smart-store section.store-scene {
    margin: 16vw 0
  }

  .solution-smart-store section.store-scene>div {
    padding: 12vw 9.6vw 8vw;
    background-color: #f7f7f7;
    border-radius: 8vw;
    background-repeat: no-repeat;
    background-size: 22.9333333333vw, 19.2vw, 27.7333333333vw;
    background-position: calc(100% + 11vw) 18.6666666667vw, calc(100% - 4.93vw) 51%, -13.5vw calc(100% - 38.8vw);
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_aiDetection_module3_back_202203.png), url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_aiDetection_module3_back_202203.png), url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_aiDetection_module3_back_202203.png)
  }

  .solution-smart-store section.store-scene>div img {
    margin-bottom: 7.4666666667vw
  }

  .solution-smart-store section.pro-adv {
    padding: 0 4.2666666667vw
  }

  .solution-smart-store section.pro-adv div.item:not(:last-child) {
    margin-bottom: 2.6666666667vw
  }

  .solution-pharmacy section.banner div.cont {
    background-size: 34.1333333333vw 15.4666666667vw
  }

  .solution-home section.banner div.cont {
    background-size: 11.7333333333vw 11.2vw
  }

  .solution-home section.module2 {
    margin: 16vw 0;
    text-align: center
  }

  .solution-home section.module2 .sol-wra {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3vw
  }

  .solution-home section.module2 .sol-wra .sol {
    height: 53.3333333333vw
  }

  .solution-home section.module2 .sol-wra .sol:not(:last-child) {
    margin-bottom: 2.6666666667vw
  }

  .solution-shopping-mall section.banner div.cont {
    background-size: 43.2vw 23.2vw;
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_banner_back_m_202204.png) !important
  }

  .solution-shopping-mall section.module2 {
    margin: 16vw 0;
    text-align: center
  }

  .solution-shopping-mall section.module2 .sol-wra {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3vw
  }

  .solution-shopping-mall section.module2 .sol-wra .sol {
    height: 53.3333333333vw
  }

  .solution-shopping-mall section.module2 .sol-wra .sol:not(:last-child) {
    margin-bottom: 2.6666666667vw
  }

  .solution-fresh-supermarket section.banner div.cont {
    background-size: 43.2vw 23.2vw;
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_banner_back_m_202204.png) !important
  }

  .solution-fresh-supermarket section.module2 {
    margin: 16vw 0;
    text-align: center
  }

  .solution-fresh-supermarket section.module2 .sol-wra {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3vw
  }

  .solution-fresh-supermarket section.module2 .sol-wra .sol {
    height: 53.3333333333vw
  }

  .solution-fresh-supermarket section.module2 .sol-wra .sol:not(:last-child) {
    margin-bottom: 2.6666666667vw
  }

  .solution-car section.banner div.cont {
    background-size: 10.1333333333vw 9.6vw
  }

  .solution-data-application section.banner div.cont {
    background-size: 10.1333333333vw 10.1333333333vw
  }

  .solution-beauty-wellness section.banner div.cont {
    background-size: 11.7333333333vw 11.2vw
  }

  .solution-maternal-infant section.banner div.cont {
    background-size: 23.6vw 19.6vw
  }

  .solution-efficient-mgmt section.banner div.cont {
    background-size: 43.2vw 23.2vw;
    background-image: url(https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/site_smartstore_banner_back_m_202204.png) !important
  }
}