a {
  color: #000;
  text-decoration: none;
  cursor: pointer
}

a:focus {
  outline: none
}

a:hover {
  color: currentColor
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%
}

video {
  max-width: 100%;
  cursor: pointer
}

video:focus {
  outline: 0
}

h2.common-module-title {
  font-weight: 500;
  font-size: .42rem;
  color: #333;
  text-align: center;
  padding-bottom: .15rem;
  background-size: .36rem;
  background-repeat: no-repeat;
  background-position: bottom;
  margin-bottom: .35rem
}

p.common-module-subTitle {
  text-align: center;
  margin-bottom: .5rem
}

.common-flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.common-flex-around, .common-flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.common-flex-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.common-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.common-article-back {
  background-repeat: no-repeat;
  background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/storeVisit/quotation_marks_start.svg"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/storeVisit/quotation_marks_end.svg")
}

.common-gray-article-back {
  background-repeat: no-repeat;
  background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/quotation_marks_start2_202203.png"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/quotation_marks_end2_202203.png")
}

.dashed-backline {
  opacity: .3;
  margin: 0 auto;
  position: relative;
  border-radius: .5rem;
  border: .03rem dashed #fba155
}

.dashed-lack-backline {
  margin: 0 auto;
  position: relative;
  border-radius: 0 0 .5rem .5rem;
  border: .03rem dashed rgba(251, 161, 85, .3);
  border-top: 0
}

.last-module2-back {
  background-size: 8.5rem;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/storeVisit/common_form_back_1_1.svg")
}

.no-data {
  width: 100%;
  text-align: center
}

.no-data img {
  display: inline-block
}

.no-data p {
  color: #7f7f7f;
  font-size: .13rem;
  font-weight: 400
}

.colorful-back>div {
  border-radius: .24rem;
  border: .03rem solid #fff
}

.colorful-back>div:first-child {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffe7f5), to(#fff));
  background-image: -o-linear-gradient(top, #ffe7f5 1%, #fff 100%);
  background-image: linear-gradient(180deg, #ffe7f5 1%, #fff)
}

.colorful-back>div:nth-child(2) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeddc), to(#fff));
  background-image: -o-linear-gradient(top, #ffeddc 0, #fff 100%);
  background-image: linear-gradient(180deg, #ffeddc, #fff)
}

.colorful-back>div:nth-child(3) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dae3ff), to(#fff));
  background-image: -o-linear-gradient(top, #dae3ff 0, #fff 100%);
  background-image: linear-gradient(180deg, #dae3ff, #fff)
}

.colorful-back>div:nth-child(4) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9fcee), to(#fff));
  background-image: -o-linear-gradient(top, #c9fcee 0, #fff 100%);
  background-image: linear-gradient(180deg, #c9fcee, #fff)
}

@media screen and (min-width: 320px) and (max-width:828px) {
  h3 {
    font-weight: 500;
    font-size: 4.8vw
  }

  p {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 3.2vw
  }

  .web_show {
    display: none !important
  }

  .m_show {
    display: block
  }

  .common-uniform-width {
    margin: 0 auto
  }

  h2.common-module-title {
    font-size: 6.93333vw;
    padding-bottom: 2.13333vw;
    margin: 0 4.26667vw 4vw;
    background-size: 5.33333vw
  }

  p.common-module-subTitle {
    font-size: 3.2vw;
    font-weight: 400;
    color: #7f7f7f;
    text-align: center;
    margin-bottom: 5.33333vw
  }

  .new-product-label {
    height: auto;
    color: #fff;
    padding: 0 1.86667vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
    display: inline-block;
    margin-left: .8vw;
    background-color: red;
    border-radius: 4vw
  }

  .common-solutions>div.content {
    margin: 0 4.26667vw
  }

  .common-solutions>div.content>div>div h3 {
    font-size: 4.8vw;
    font-weight: 500
  }

  .common-solutions>div.content>div>div>p {
    color: #7f7f7f;
    font-size: 3.2vw;
    font-weight: 400
  }

  .common-solutions>div.content>div>div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .common-solutions>div.content>div>div div img {
    width: 20.8vw;
    height: 20.8vw
  }

  .common-solutions>div.content>div:not(:last-child) {
    margin-bottom: 13.33333vw
  }

  .common-btn-clean {
    color: #333;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 3.2vw
  }

  .common-btn-clean, .common-btn-linear {
    width: 44.53333vw;
    text-align: center;
    line-height: 11.73333vw;
    font-size: 4.53333vw;
    font-weight: 600;
    display: inline-block
  }

  .common-btn-linear {
    color: #fff;
    border-radius: 3.2vw;
    -webkit-box-shadow: 0 .53333vw 2.66667vw 0 rgba(255, 153, 0, .3);
    box-shadow: 0 .53333vw 2.66667vw 0 rgba(255, 153, 0, .3);
    background-image: -o-linear-gradient(225deg, #6ac389 0, #2997a4 100%);
    background-image: linear-gradient(225deg, #6ac389, #2997a4)
  }

  .last-module2-back {
    background-size: 42.66667vw !important
  }

  .dashed-backline {
    opacity: 1;
    margin: 0 auto;
    position: relative;
    border-radius: 0 0 13.33333vw 13.33333vw;
    border: .8vw dashed rgba(251, 161, 85, .3);
    border-top: 0
  }

  .colorful-back>div {
    border-radius: 5.33333vw;
    border: .53333vw solid #fff
  }

  .colorful-back>div:not(:last-child) {
    margin-bottom: 2.66667vw
  }

  .colorful-back>div:last-child {
    margin-bottom: 8vw
  }

  .common-solution-banner {
    background-repeat: no-repeat
  }

  .common-solution-banner>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .common-solution-banner>div div.cont {
    display: block;
    margin: 0 4.26667vw;
    background-repeat: no-repeat
  }

  .common-solution-banner>div div.cont>img {
    height: 8vw;
    margin: 3.73333vw 0 2.66667vw
  }

  .common-solution-banner>div div.cont h3 {
    font-weight: 400;
    font-size: 4vw;
    margin-bottom: 5.33333vw
  }
}

@media screen and (min-width: 829px) {
  h3 {
    font-size: .24rem;
    font-weight: 500
  }

  p {
    color: #7f7f7f;
    font-size: .18rem;
    font-weight: 400
  }

  .new-product-label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
  }

  .new-product-label b {
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 35px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background-color: red;
    color: #fff;
    font-size: 12px;
    border-radius: 18px
  }

  .web_show {
    display: block
  }

  .m_show {
    display: none !important
  }

  .flex-168-width {
    width: 16.8rem;
    max-width: 99.5vw;
    margin: 0 auto
  }

  .common-solutions>div.content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .common-solutions>div.content>div>img {
    height: 4.4rem
  }

  .common-solutions>div.content>div>div {
    margin-left: 1rem
  }

  .common-solutions>div.content>div>div h3 {
    font-size: .32rem;
    font-weight: 500;
    line-height: .48rem
  }

  .common-solutions>div.content>div>div>p {
    color: #7f7f7f;
    font-size: .18rem;
    font-weight: 400;
    line-height: .32rem;
    margin: .1rem 0 .4rem
  }

  .common-solutions>div.content>div>div div p {
    color: #7f7f7f;
    font-size: .18rem;
    margin-top: .1rem;
    text-align: center
  }

  .common-solutions>div.content>div:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .common-solutions>div.content>div:nth-child(2n)>div {
    margin-left: 0;
    margin-right: 1rem
  }

  .common-solutions>div.content>div:not(:last-child) {
    margin-bottom: 1.2rem
  }

  .common-uniform-width, .flex-width {
    width: 14rem;
    margin: 0 auto
  }

  .common-btn-clean {
    width: 1.65rem;
    line-height: .65rem;
    color: #333;
    font-size: .18rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border-radius: .18rem;
    cursor: pointer;
    border: 1px solid #b2b2b2;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .common-btn-clean img {
    width: .18rem
  }

  .common-btn-linear {
    width: 1.65rem;
    line-height: .65rem;
    color: #fff;
    font-size: .18rem;
    font-weight: 500;
    text-align: center;
    border-radius: .18rem;
    display: inline-block;
    cursor: pointer;
    background-image: -o-linear-gradient(225deg, #6ac389 0, #2997a4 100%);
    background-image: linear-gradient(225deg, #6ac389, #2997a4);
    -webkit-box-shadow: 0 .02rem .1rem 0 rgba(255, 153, 0, .3);
    box-shadow: 0 .02rem .1rem 0 rgba(255, 153, 0, .3)
  }

  .common-btn-linear img {
    width: .18rem
  }

  .common-btn-linear:hover {
    color: #fff
  }

  .common-solution-banner {
    height: 6rem;
    background-repeat: no-repeat
  }

  .common-solution-banner>div {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .common-solution-banner>div div.img-cont {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .common-solution-banner>div div.cont {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-size: .76rem;
    background-repeat: no-repeat;
    background-position: 100% 100%
  }

  .common-solution-banner>div div.cont img {
    height: .6rem
  }

  .common-solution-banner>div div.cont h3 {
    width: 5.8rem;
    font-weight: 400;
    margin: .4rem 0 .3rem
  }
}

@media screen and (min-width: 829px) and (max-width:1399px) {
  .flex-width {
    width: 90%;
    margin: 0 auto
  }
}

@media screen and (min-width: 1200px) and (max-width:1500px) {
  body, html {
    font-size: 70px
  }

  .new-product-label b {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}

@media screen and (min-width: 829px) and (max-width:1200px) {
  body, html {
    font-size: 50px
  }

  .new-product-label b {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}

@media screen and (min-width: 829px) {
  main.successful-case section.success__banner {
    height: 5rem;
    border-radius: 0 0 .6rem .6rem;
    background-repeat: no-repeat;
    background-size: 3.6rem, 4.09rem, 100%;
    background-position: -1.8rem 0, calc(100% + .75rem) calc(100% - .45rem), 50%;
    background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), -o-linear-gradient(225deg, #fffef7 0, #fffbf7 100%);
    background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), linear-gradient(225deg, #fffef7, #fffbf7)
  }

  main.successful-case section.success__banner>div img:first-child {
    height: .95rem;
    margin: 0 auto .03rem
  }

  main.successful-case section.success__banner>div img:last-child {
    height: 3.18rem;
    margin: 0 auto
  }

  main.successful-case section.case__list {
    margin-top: 1.6rem
  }

  main.successful-case section.case__list div {
    padding: 0 2rem
  }

  main.successful-case section.case__list div video {
    border-radius: 50px;
    border: 6px solid
  }

  main.successful-case section.success__list {
    margin: 1.6rem 0
  }

  main.successful-case section.success__list>div.container div.left {
    margin-bottom: .5rem
  }

  main.successful-case section.success__list>div.container div.left nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center
  }

  main.successful-case section.success__list>div.container div.left nav a {
    min-width: .96rem;
    min-height: .6rem;
    padding: .07rem;
    border-radius: .34rem;
    color: #7f7f7f;
    font-size: .18rem;
    font-weight: 400;
    word-break: keep-all;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0.2rem;
  }

  main.successful-case section.success__list>div.container div.left nav a:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .06)
  }

  main.successful-case section.success__list>div.container div.left nav a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    border: .05rem solid #6ac389;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    opacity: 0
  }

  main.successful-case section.success__list>div.container div.left nav a.showed {
    border: 0;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2997a4), to(#6ac389));
    background-image: -o-linear-gradient(top, #2997a4 0, #6ac389 100%);
    background-image: linear-gradient(180deg, #2997a4, #6ac389);
    -webkit-box-shadow: 0 2px 12px 0 #3da49b;
    box-shadow: 0 2px 12px 0 #3da49b
  }

  main.successful-case section.success__list>div.container div.right {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  main.successful-case section.success__list>div.container div.right div.item {
    display: inline-block;
    width: 22.4%;
    border-radius: .24rem;
    padding: .2rem;
    border: 1px solid #f0f0f0;
    margin-bottom: .2rem
  }

  main.successful-case section.success__list>div.container div.right div.item .img-cont {
    width: 100%;
    height: 1.98rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
  }

  main.successful-case section.success__list>div.container div.right div.item h4 {
    font-size: .2rem;
    font-weight: 500;
    text-align: center;
    margin: .2rem 0
  }

  main.successful-case section.success__list>div.container div.right div.item .btn {
    height: 32px;
    background-image: -o-linear-gradient(187deg, #6ac389 0, #2997a4 100%);
    background-image: linear-gradient(263deg, #6ac389, #2997a4);
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 10px 0 #2997a4;
    box-shadow: 0 2px 10px 0 #2997a4;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
  }

  main.successful-case section.success__list>div.container div.right div.item:nth-child(4n+2) {
    margin: 0 .2rem
  }

  main.successful-case section.success__list>div.container div.right div.item:nth-child(4n+3) {
    margin-right: .2rem
  }

  main.successful-case section.success__list>div.container div.right div.item:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .06)
  }

  main.successful-case section.success__list>div.container div.right div.item:hover h4 {
    color: #2997a4
  }

  main.successful-case section.success__list>div.container div.right div.item-disabled .img-cont:before {
    display: none
  }

  main.successful-case section.success__list>div.container div.right div.item-disabled .btn {
    cursor: not-allowed
  }
}

@media screen and (min-width: 320px) and (max-width:828px) {
  main.successful-case section.success__banner {
    padding: 6.4vw 4.26667vw 8vw;
    border-radius: 0 0 5.33333vw 5.33333vw;
    background-repeat: no-repeat;
    background-size: 40.26667vw, 38.13333vw, 100%;
    background-position: -20.2667vw 2.4vw, calc(100% + 12vw) calc(100% - 7.4667vw), 50%;
    background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), -o-linear-gradient(225deg, #fffef7 0, #fffbf7 100%);
    background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/svgs/site_common_bg_icon_20220311.svg"), linear-gradient(225deg, #fffef7, #fffbf7)
  }

  main.successful-case section.success__banner>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  main.successful-case section.success__banner>div img:first-child {
    width: 80vw;
    margin-top: 4.8vw
  }

  main.successful-case section.case__list {
    margin-top: 16vw
  }

  main.successful-case section.case__list div {
    padding: 0 4.26667vw
  }

  main.successful-case section.case__list div video {
    width: 100%;
    border-radius: 4.26667vw;
    border: 1.6vw solid
  }

  main.successful-case section.success__list {
    padding: 16vw 4.26667vw
  }

  main.successful-case section.success__list div.left nav a {
    width: 16vw;
    text-align: center;
    display: inline-block;
    border-radius: 3.2vw;
    padding: 2.93333vw 0;
    border: 1px solid #f0f0f0;
    margin-bottom: 4vw
  }

  main.successful-case section.success__list div.left nav a:nth-child(5n+2), main.successful-case section.success__list div.left nav a:nth-child(5n+4) {
    margin: 0 2.66667vw
  }

  main.successful-case section.success__list div.left nav a.showed {
    border: 0;
    color: #fff;
    -webkit-box-shadow: 0 .53333vw 3.2vw 0 #3da49b;
    box-shadow: 0 .53333vw 3.2vw 0 #3da49b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2997a4), to(#6ac389));
    background-image: -o-linear-gradient(top, #2997a4 0, #6ac389 100%);
    background-image: linear-gradient(180deg, #2997a4, #6ac389)
  }

  main.successful-case section.success__list div.right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  main.successful-case section.success__list div.right div.item {
    width: 44.53333vw;
    display: inline-block;
    border: 1px solid #f0f0f0;
    padding: 1.6vw 1.6vw 2.66667vw;
    margin-bottom: 2.66667vw
  }

  main.successful-case section.success__list div.right div.item .img-cont {
    width: 41.06667vw;
    height: 27.73333vw;
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
  }

  main.successful-case section.success__list div.right div.item .img-cont:before {
    content: "";
    display: inline-block;
    width: 11.73333vw;
    height: 11.73333vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: cover;
    background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/case_play_icon_202308.png")
  }

  main.successful-case section.success__list div.right div.item h4 {
    font-size: 3.46667vw;
    font-weight: 500;
    text-align: center;
    margin: 2.66667vw 0
  }

  main.successful-case section.success__list div.right div.item .btn {
    font-size: 3.46667vw;
    font-weight: 500;
    color: #2997a4;
    text-align: center
  }

  main.successful-case section.success__list div.right div.item-disabled .img-cont:before {
    display: none
  }
}

.watch-video-modal .ivu-modal-body {
  text-align: center
}

.watch-video-modal .ivu-modal-body video {
  max-height: 70vh
}

.case-list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.case-list-page a, .case-list-page div, .case-list-page li, .case-list-page li:after, .case-list-page span {
  font-size: .12rem
}

.case-list-page li.ivu-page-item-active a, .case-list-page li:hover a {
  color: #2997a4
}

.case-list-page .ivu-page-options-elevator input:focus, .case-list-page .ivu-page-options-elevator input:hover, .case-list-page .ivu-select-selection-focused, .case-list-page .ivu-select-selection:hover {
  border-color: #2997a4
}

.case-list-page .ivu-page-options-elevator input:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 153, 0, .2);
  box-shadow: 0 0 0 2px rgba(255, 153, 0, .2)
}

.case-list-page .ivu-select-item-selected, .case-list-page .ivu-select-item-selected:hover {
  color: #2997a4
}

@media screen and (min-width: 320px) and (max-width:828px) {
  .case-list-page {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
  }

  .case-list-page .ivu-page-options {
    position: absolute;
    bottom: -30px
  }

  main.successful-case section.success__list div.left {
    display: none;
  }
}