@media (-webkit-min-device-pixel-ratio:2) {
  .border-rpx:after {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5)
  }
}
@media (-webkit-min-device-pixel-ratio:3) {
  .border-rpx:after {
    -webkit-transform: scaleY(0.3333);
    -moz-transform: scaleY(0.3333);
    -ms-transform: scaleY(0.3333);
    -o-transform: scaleY(0.3333);
    transform: scaleY(0.3333)
  }
}
.support-home-banner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 908px;
  background: url() no-repeat center;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%
}
.support-home-banner .home-banner-box {
  position: absolute;
  width: 100%;
  top: 419px;
  -webkit-transition: top .2s;
  -o-transition: top .2s;
  -moz-transition: top .2s;
  transition: top .2s
}
.support-home-banner .home-banner-title {
  font-size: 46px;
  line-height: 54px;
  color: #242933;
  text-align: center;
  margin-bottom: 15px
}
.support-home-banner .home-banner-subtitle {
  font-size: 20px;
  line-height: 20px;
  color: #575c66;
  text-align: center;
  margin-bottom: 44px
}
.support-home-banner .home-banner-search {
  position: relative;
  width: 590px;
  height: 50px;
  margin: 0 auto;
  z-index: 1
}
.support-home-banner .home-banner-search .banner-search-container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden
}
.support-home-banner .home-banner-search .banner-search-box .box-content-input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 14px 74px 14px 28px;
  background-color: #fff;
  font-size: 16px;
  line-height: 24px;
  color: #242933;
  caret-color: #8a8f99
}
.support-home-banner .home-banner-search .banner-search-box .box-content-input::-webkit-input-placeholder {
  color: #8a8f99
}
.support-home-banner .home-banner-search .banner-search-box .box-content-input::-moz-placeholder {
  color: #8a8f99
}
.support-home-banner .home-banner-search .banner-search-box .box-content-input:-moz-placeholder {
  color: #8a8f99
}
.support-home-banner .home-banner-search .banner-search-box .box-content-input:-ms-input-placeholder {
  color: #8a8f99
}
.support-home-banner .home-banner-search .banner-search-box .box-content-icon {
  position: absolute;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #575c66;
  top: 11px;
  right: 27px;
  cursor: pointer
}
.support-home-banner .home-banner-search .banner-search-list-pc {
  width: 100%;
  background-color: #fff;
  padding: 0 28px;
  -webkit-border-radius: 0 0 25px 25px;
  -moz-border-radius: 0 0 25px 25px;
  border-radius: 0 0 25px 25px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .4s;
  -o-transition: max-height .4s;
  -moz-transition: max-height .4s;
  transition: max-height .4s
}
.support-home-banner .home-banner-search .banner-search-list-pc .search-list-line-pc {
  height: 3px;
  background-color: #f0f2f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.support-home-banner .home-banner-search .banner-search-list-pc .search-list-box-pc {
  padding: 12px 0 25px
}
.support-home-banner .home-banner-search .banner-search-list-pc .search-list-box-pc .box-item-link-pc {
  display: block;
  font-size: 14px;
  line-height: 34px;
  color: #575c66;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s
}
.support-home-banner .home-banner-search .banner-search-list-pc .search-list-box-pc .box-item-link-pc:hover {
  color: #415fff
}
.support-home-banner .home-banner-search.search-list-show-pc .banner-search-container {
  -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, .069493);
  -moz-box-shadow: 0 8px 25px rgba(0, 0, 0, .069493);
  box-shadow: 0 8px 25px rgba(0, 0, 0, .069493)
}
.support-home-banner .home-banner-search.search-list-show-pc .banner-search-list-pc {
  max-height: 210px
}
.support-home-banner .home-banner-search.text-dir-rtl .banner-search-box .box-content-input {
  padding: 14px 28px 14px 74px
}
.support-home-banner .home-banner-search.text-dir-rtl .banner-search-list-pc .search-list-box-pc .box-item-link-pc {
  text-align: right
}
.support-home-banner .home-banner-search-wap {
  display: none
}
.support-home-banner .home-banner-hot {
  width: 534px;
  margin: 10px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.support-home-banner .home-banner-hot .banner-hot-word {
  font-size: 16px;
  line-height: 26px;
  color: #575c66;
  margin-right: 20px;
  cursor: pointer;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s
}
@media (max-width:1199px) {
  .support-home-banner {
    padding-bottom: 75.66667vw
  }
}
@media (max-width:989px) {
  .support-home-banner .home-banner-box {
    top: 30.07813vw
  }
}
@media (min-width:769px) {
  .support-home-banner .home-banner-hot .banner-hot-word:hover {
    color: #415fff
  }
}
@media (max-width:768px) {
  .support-home-banner {
    padding-bottom: 107.40833vw;
    background-image: url(//asia-exstatic.vivo.com/static/img/image/support-home-banner-wap_10b4080.jpg)
  }
  .support-home-banner .home-banner-box {
    top: 42.22222vw
  }
  .support-home-banner .home-banner-title {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    font-size: 30px;
    line-height: 30px;
    margin: 0 auto 18px
  }
  .support-home-banner .home-banner-subtitle {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    font-size: 16px;
    line-height: 23px;
    margin: 0 auto 18px;
    display: none
  }
  .support-home-banner .home-banner-search {
    width: 83.33333vw;
    height: 36px
  }
  .support-home-banner .home-banner-search .banner-search-container {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px
  }
  .support-home-banner .home-banner-search .banner-search-box .box-content-input {
    height: 36px;
    padding: 8px 49px 8px 21px;
    font-size: 13px;
    line-height: 20px
  }
  .support-home-banner .home-banner-search .banner-search-box .box-content-icon {
    width: 17px;
    height: 17px;
    font-size: 17px;
    line-height: 17px;
    top: 10px;
    right: 18px
  }
  .support-home-banner .home-banner-search .banner-search-list-pc {
    display: none
  }
  .support-home-banner .home-banner-search.text-dir-rtl .banner-search-box .box-content-input {
    padding: 8px 21px 8px 49px
  }
  .support-home-banner .home-banner-search-wap {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    -webkit-transition: height .4s;
    -o-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s;
    overflow: hidden;
    z-index: 499
  }
  .support-home-banner .home-banner-search-wap .banner-search-box-wap {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 20px;
    margin-top: 60px
  }
  .support-home-banner .home-banner-search-wap .banner-search-box-wap .search-box-content-wap {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
  }
  .support-home-banner .home-banner-search-wap .banner-search-box-wap .search-box-content-wap .box-content-input-wap {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 33px;
    background-color: #f5f7fa;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    line-height: 22px;
    color: #333;
    caret-color: #415fff
  }
  .support-home-banner .home-banner-search-wap .banner-search-box-wap .search-box-content-wap .box-content-icon-wap {
    position: absolute;
    width: 17px;
    height: 17px;
    font-size: 17px;
    line-height: 17px;
    text-align: center;
    color: #575c66;
    top: 8px;
    left: 12px;
    cursor: pointer
  }
  .support-home-banner .home-banner-search-wap .banner-search-box-wap .search-box-content-wap .box-content-close-wap {
    position: absolute;
    width: 17px;
    height: 17px;
    top: 7px;
    right: 12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGzSURBVHgBnZS9TgJBFIXPDJpQWEChUeMPg1ZUvoFa4xuo0UJt0SeAfQM09mqQSn0CIcoDSKiwMQxKZI1GlsKCKDvrzPKTZReIeJvZndn77b1n71kCV3DOAxibiMnLNYCsAFZArnW5FkzLuvCZ5j1jM2VnDnHePFc+YwJWopU4IAgpm0JoywtT5x6IBMQFRAJ/jwSbn9S6kKeX910fIWcYMYQwj5YWp5OEcz2E8fE7WFZIHTQaDfsBv9/vSTIMA8Fg0LlVR3OMUdPnW+sAVNRqBo5PTlHV9R5AJptF6jLt5gYE/T6kso0d5+7s7Ay2tzaRSqW7IAUoFh9xsL/nqY5Sukp45cNQRPdhtarbbw4zBv1NtwH9WlQt0X6ATkWRSAQP+Tw2otFBALslBan3O1EtcF6yK7i6vvFo5K6k0A/Q0SAcZh6NXFGgEMg5d0oljuprrwYdsTO3WS9CWkHOiSG90uQYoM3QIFYZP+Y6ZSxYl3Or4T8hoCkzKk3A5iaTchkJJH2msbYJe1zMpYdAEYdFQkPy7crbL4YHYoOUl5QVWpMs/ye2VmoM1FfMofmVZIz1jMUvoiCzXgyl04oAAAAASUVORK5CYII=") no-repeat center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
  }
  .support-home-banner .home-banner-search-wap .banner-search-box-wap .search-box-button-wap {
    display: block !important;
    font-size: 16px;
    line-height: 19px;
    color: #415fff;
    margin-left: 8px
  }
  .support-home-banner .home-banner-search-wap .banner-search-list-wap .search-list-content-wap {
    padding: 0 20px
  }
  .support-home-banner .home-banner-search-wap .banner-search-list-wap .search-list-content-wap .search-list-title-wap {
    font-size: 14px;
    line-height: 16px;
    color: #8a8f99;
    padding: 26px 4px 8px
  }
  .support-home-banner .home-banner-search-wap .banner-search-list-wap .search-list-content-wap .search-list-box-wap .box-item-link-wap {
    display: block;
    font-size: 14px;
    line-height: 34px;
    color: #242933;
    padding: 10px 4px;
    border-bottom: 1px solid #edf2fa;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }
  .support-home-banner .home-banner-search-wap .banner-search-list-wap .search-list-none-wap {
    font-size: 14px;
    line-height: 20px;
    color: #8a8f99;
    text-align: center;
    padding: 92px 50px 0
  }
  .support-home-banner .home-banner-search-wap.search-list-show-wap {
    height: 100%
  }
  .support-home-banner .home-banner-search-wap.text-dir-rtl .banner-search-list-wap .search-list-content-wap .search-list-box-wap .box-item-link-wap {
    text-align: right
  }
  .support-home-banner .home-banner-hot {
    width: 71.66667vw;
    margin-top: 6px
  }
  .support-home-banner .home-banner-hot .banner-hot-word {
    font-size: 13px;
    line-height: 26px;
    margin-right: 12px
  }
  .support-home-banner .home-banner-hot .banner-hot-word:active {
    color: #415fff
  }
}
.support-home-container {
  background-color: #f5f7fa
}
.support-home-padding {
  padding-top: 100px
}
.home-container-box {
  padding-bottom: 0px
}
@media (max-width:1199px) {
  .support-home-padding {
    padding-top: 80px
  }
  .home-container-box {
    padding-bottom: 80px
  }
}
@media (max-width:768px) {
  .support-home-padding {
    padding-top: 40px
  }
  .home-container-box {
    padding-bottom: 40px
  }
}
.home-container-modular {
  /*position: relative;
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
  max-width: 1200px;
  margin: 0 auto*/
}
.home-container-modular .container-modular-list {
  position: absolute;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #fff;
  -webkit-transition: top .2s;
  -o-transition: top .2s;
  -moz-transition: top .2s;
  transition: top .2s;
  overflow: hidden
}
.home-container-modular .container-modular-list .modular-list-item {
  position: relative
}
.home-container-modular .container-modular-list .modular-list-item:before, .home-container-modular .container-modular-list .modular-list-item:after {
  position: absolute;
  content: '';
  background-color: #f5f7fa;
  display: none
}
.home-container-modular .container-modular-list .modular-list-item:before {
  width: 1px;
  right: 0
}
.home-container-modular .container-modular-list .modular-list-item:after {
  height: 1px;
  bottom: 0
}
.home-container-modular .container-modular-list .modular-list-item .list-item-page {
  display: block;
  width: 100%;
  height: 100%
}
.home-container-modular .container-modular-list .modular-list-item .list-item-content {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden
}
.home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img {
  position: relative;
  width: 76px;
  height: 76px;
  margin: 23px auto 0
}
.home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img.old-image {
  width: 100%;
  max-width: 294px;
  height: 168px;
  margin: 0 auto;
  overflow: hidden
}
.home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img .content-img-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: no-repeat center;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: -o-transform .4s;
  -moz-transition: transform .4s, -moz-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
  transition: transform .4s, -webkit-transform .4s
}
.home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-title {
  position: absolute;
  width: 270px;
  top: 112px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 18px;
  line-height: 22px;
  color: #242933;
  text-align: center
}
.home-container-modular.list-one {
  height: 130px
}
.home-container-modular.list-one .container-modular-list {
  top: -130px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center
}
.home-container-modular.list-one .container-modular-list .modular-list-item {
  width: 392px;
  padding: 40px 0
}
.home-container-modular.list-two {
  height: 130px
}
.home-container-modular.list-two .container-modular-list {
  top: -130px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center
}
.home-container-modular.list-two .container-modular-list .modular-list-item {
  width: 441px
}
.home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1) {
  padding: 40px 49px 40px 0
}
.home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1):before {
  display: block;
  height: 200px;
  top: 30px
}
.home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(2) {
  padding: 40px 0 40px 49px
}
.home-container-modular.list-three {
  height: 130px
}
.home-container-modular.list-three .container-modular-list {
  top: -130px
}
.home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 40px 6px 40px 0
}
.home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1):before {
  display: block;
  height: 200px;
  top: 30px
}
.home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2) {
  width: -webkit-calc(33.33% + 4px);
  width: -moz-calc(33.33% + 4px);
  width: calc(33.33% + 4px);
  padding: 40px 6px
}
.home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2):before {
  display: block;
  height: 200px;
  top: 30px
}
.home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(3) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 40px 0 40px 6px
}
.home-container-modular.list-four {
  height: 130px;
}
.home-container-modular.list-four .container-modular-list {
  top: 0px
}
.home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 40px 4px 40px 0
}
.home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1):before {
  display: block;
  height: 200px;
  top: 30px
}
.home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2), .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3) {
  width: -webkit-calc(25% + 2px);
  width: -moz-calc(25% + 2px);
  width: calc(25% + 2px);
  padding: 40px 3px
}
.home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2):before, .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3):before {
  display: block;
  height: 200px;
  top: 30px
}
.home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(4) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 40px 0 40px 6px
}
.home-container-modular.list-five {
  height: 226px
}
.home-container-modular.list-five .container-modular-list {
  top: -226px
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 40px 6px 6px 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  right: 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2) {
  width: -webkit-calc(33.33% + 4px);
  width: -moz-calc(33.33% + 4px);
  width: calc(33.33% + 4px);
  padding: 40px 6px 6px
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2):after {
  display: block;
  width: 100%;
  left: 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 40px 0 6px 6px
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  left: 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 6px 6px 40px 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5) {
  width: -webkit-calc(33.33% + 4px);
  width: -moz-calc(33.33% + 4px);
  width: calc(33.33% + 4px);
  padding: 6px 6px 40px
}
.home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-six {
  height: 226px
}
.home-container-modular.list-six .container-modular-list {
  top: -226px
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 40px 6px 6px 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  right: 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2) {
  width: -webkit-calc(33.33% + 4px);
  width: -moz-calc(33.33% + 4px);
  width: calc(33.33% + 4px);
  padding: 40px 6px 6px
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2):after {
  display: block;
  width: 100%;
  left: 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 40px 0 6px 6px
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  left: 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 6px 6px 40px 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5) {
  width: -webkit-calc(33.33% + 4px);
  width: -moz-calc(33.33% + 4px);
  width: calc(33.33% + 4px);
  padding: 6px 6px 40px
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(6) {
  width: -webkit-calc(33.33% - 2px);
  width: -moz-calc(33.33% - 2px);
  width: calc(33.33% - 2px);
  padding: 6px 0 40px 6px
}
.home-container-modular.list-seven {
  height: 226px
}
.home-container-modular.list-seven .container-modular-list {
  top: -226px
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 40px 4px 6px 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  right: 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2), .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3) {
  width: -webkit-calc(25% + 2px);
  width: -moz-calc(25% + 2px);
  width: calc(25% + 2px);
  padding: 40px 4px 6px
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2):before, .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2):after, .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3):after {
  display: block;
  width: 100%;
  left: 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 40px 0 6px 4px
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  left: 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 6px 4px 40px 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6), .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7) {
  width: -webkit-calc(25% + 2px);
  width: -moz-calc(25% + 2px);
  width: calc(25% + 2px);
  padding: 6px 4px 40px
}
.home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6):before, .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-eight {
  height: 226px
}
.home-container-modular.list-eight .container-modular-list {
  top: -226px
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 40px 4px 6px 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  right: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3) {
  width: -webkit-calc(25% + 2px);
  width: -moz-calc(25% + 2px);
  width: calc(25% + 2px);
  padding: 40px 4px 6px
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2):before, .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2):after, .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3):after {
  display: block;
  width: 100%;
  left: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 40px 0 6px 4px
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4):before {
  display: block;
  height: 196px;
  bottom: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4):after {
  display: block;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  left: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 6px 4px 40px 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7) {
  width: -webkit-calc(25% + 2px);
  width: -moz-calc(25% + 2px);
  width: calc(25% + 2px);
  padding: 6px 4px 40px
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6):before, .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(8) {
  width: -webkit-calc(25% - 2px);
  width: -moz-calc(25% - 2px);
  width: calc(25% - 2px);
  padding: 6px 0 40px 4px
}
.home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(8):before {
  display: block;
  height: 196px;
  top: 0
}
.home-container-modular.text-dir-rtl .modular-list-item .list-item-content .item-content-title.no-flip-over {
  -webkit-transform: translateX(-50%) scaleX(-1) !important;
  -moz-transform: translateX(-50%) scaleX(-1) !important;
  -ms-transform: translateX(-50%) scaleX(-1) !important;
  -o-transform: translateX(-50%) scaleX(-1) !important;
  transform: translateX(-50%) scaleX(-1) !important
}
@media (max-width:1359px) {
  .home-container-modular .container-modular-list .modular-list-item .list-item-content {
    height: 13.23529vw
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img {
    width: 5.58824vw;
    height: 5.58824vw;
    margin-top: 1.69118vw
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img.old-image {
    max-width: 21.61765vw;
    height: 12.35294vw
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-title {
    width: 19.85294vw;
    top: 8.23529vw;
    font-size: 1.32353vw;
    line-height: 1.61765vw
  }
  .home-container-modular.list-one {
    height: -webkit-calc(19.12vw - 130px);
    height: -moz-calc(19.12vw - 130px);
    height: calc(19.12vw - 130px)
  }
  .home-container-modular.list-one .container-modular-list .modular-list-item {
    width: 28.82353vw;
    padding: 2.94118vw 0
  }
  .home-container-modular.list-two {
    height: -webkit-calc(19.12vw - 130px);
    height: -moz-calc(19.12vw - 130px);
    height: calc(19.12vw - 130px)
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item {
    width: 32.42647vw
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1) {
    padding: 2.94118vw 3.60294vw 2.94118vw 0
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 14.70588vw;
    top: 2.20588vw
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 2.94118vw 0 2.94118vw 3.60294vw
  }
  .home-container-modular.list-three {
    height: -webkit-calc(19.12vw - 130px);
    height: -moz-calc(19.12vw - 130px);
    height: calc(19.12vw - 130px)
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: 2.94118vw .44118vw 2.94118vw 0
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 14.70588vw;
    top: 2.20588vw
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 0.29vw);
    width: -moz-calc(33.33% + 0.29vw);
    width: calc(33.33% + 0.29vw);
    padding: 2.94118vw .44118vw
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 14.70588vw;
    top: 2.20588vw
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: 2.94118vw 0 2.94118vw .44118vw
  }
  .home-container-modular.list-four {
    height: -webkit-calc(19.12vw - 130px);
    height: -moz-calc(19.12vw - 130px);
    height: calc(19.12vw - 130px)
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: 2.94118vw .29412vw 2.94118vw 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 14.70588vw;
    top: 2.20588vw
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2), .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(25% + 0.15vw);
    width: -moz-calc(25% + 0.15vw);
    width: calc(25% + 0.15vw);
    padding: 2.94118vw .22059vw
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2):before, .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3):before {
    height: 14.70588vw;
    top: 2.20588vw
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: 2.94118vw 0 2.94118vw .44118vw
  }
  .home-container-modular.list-five {
    height: -webkit-calc(33.24vw - 226px);
    height: -moz-calc(33.24vw - 226px);
    height: calc(33.24vw - 226px)
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: 2.94118vw .44118vw .44118vw 0
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 14.41176vw
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 0.29vw);
    width: -moz-calc(33.33% + 0.29vw);
    width: calc(33.33% + 0.29vw);
    padding: 2.94118vw .44118vw .44118vw
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 14.41176vw
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: 2.94118vw 0 .44118vw .44118vw
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: .44118vw .44118vw 2.94118vw 0
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 14.41176vw
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(33.33% + 0.29vw);
    width: -moz-calc(33.33% + 0.29vw);
    width: calc(33.33% + 0.29vw);
    padding: .44118vw .44118vw 2.94118vw
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 14.41176vw
  }
  .home-container-modular.list-six {
    height: -webkit-calc(33.24vw - 226px);
    height: -moz-calc(33.24vw - 226px);
    height: calc(33.24vw - 226px)
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: 2.94118vw .44118vw .44118vw 0
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 14.41176vw
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 0.29vw);
    width: -moz-calc(33.33% + 0.29vw);
    width: calc(33.33% + 0.29vw);
    padding: 2.94118vw .44118vw .44118vw
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 14.41176vw
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: 2.94118vw 0 .44118vw .44118vw
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: .44118vw .44118vw 2.94118vw 0
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 14.41176vw
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(33.33% + 0.29vw);
    width: -moz-calc(33.33% + 0.29vw);
    width: calc(33.33% + 0.29vw);
    padding: .44118vw .44118vw 2.94118vw
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 14.41176vw
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(6) {
    width: -webkit-calc(33.33% - .15vw);
    width: -moz-calc(33.33% - .15vw);
    width: calc(33.33% - .15vw);
    padding: .44118vw 0 2.94118vw .44118vw
  }
  .home-container-modular.list-seven {
    height: -webkit-calc(33.24vw - 226px);
    height: -moz-calc(33.24vw - 226px);
    height: calc(33.24vw - 226px)
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: 2.94118vw .29412vw .44118vw 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 14.41176vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2), .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(25% + 0.15vw);
    width: -moz-calc(25% + 0.15vw);
    width: calc(25% + 0.15vw);
    padding: 2.94118vw .29412vw .44118vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2):before, .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3):before {
    height: 14.41176vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: 2.94118vw 0 .44118vw .29412vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 14.41176vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: .44118vw .29412vw 2.94118vw 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 14.41176vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6), .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7) {
    width: -webkit-calc(25% + 0.15vw);
    width: -moz-calc(25% + 0.15vw);
    width: calc(25% + 0.15vw);
    padding: .44118vw .29412vw 2.94118vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6):before, .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7):before {
    height: 14.41176vw
  }
  .home-container-modular.list-eight {
    height: -webkit-calc(33.24vw - 226px);
    height: -moz-calc(33.24vw - 226px);
    height: calc(33.24vw - 226px)
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: 2.94118vw .29412vw .44118vw 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 14.41176vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(25% + 0.15vw);
    width: -moz-calc(25% + 0.15vw);
    width: calc(25% + 0.15vw);
    padding: 2.94118vw .29412vw .44118vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2):before, .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3):before {
    height: 14.41176vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: 2.94118vw 0 .44118vw .29412vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 14.41176vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4):after {
    width: -webkit-calc(100% - 3.68vw);
    width: -moz-calc(100% - 3.68vw);
    width: calc(100% - 3.68vw)
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: .44118vw .29412vw 2.94118vw 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 14.41176vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7) {
    width: -webkit-calc(25% + 0.15vw);
    width: -moz-calc(25% + 0.15vw);
    width: calc(25% + 0.15vw);
    padding: .44118vw .29412vw 2.94118vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6):before, .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7):before {
    height: 14.41176vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(8) {
    width: -webkit-calc(25% - .15vw);
    width: -moz-calc(25% - .15vw);
    width: calc(25% - .15vw);
    padding: .44118vw 0 2.94118vw .29412vw
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(8):before {
    height: 14.41176vw
  }
}
@media (max-width:1199px) {
  .home-container-modular {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px)
  }
  .home-container-modular .container-modular-list {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    top: -67px !important
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content {
    height: 158.82353px
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img {
    width: 67.05882px;
    height: 67.05882px;
    margin-top: 20.29412px
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img.old-image {
    max-width: 259.41176px;
    height: 148.23529px
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-title {
    width: 238.23529px;
    top: 98.82353px;
    font-size: 15.88235px;
    line-height: 19.41176px
  }
  .home-container-modular.list-one {
    height: 163px
  }
  .home-container-modular.list-one .container-modular-list .modular-list-item {
    width: 345.88235px;
    padding: 35.29412px 0
  }
  .home-container-modular.list-two {
    height: 163px
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item {
    width: 389.11765px
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1) {
    padding: 35.29412px 43.23529px 35.29412px 0
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 176.47059px;
    top: 26.47059px
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0 35.29412px 43.23529px
  }
  .home-container-modular.list-three {
    height: 163px
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 6px 35.29412px 0
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 176.47059px;
    top: 26.47059px
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 35.29412px 6px
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 176.47059px;
    top: 26.47059px
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 0 35.29412px 6px
  }
  .home-container-modular.list-four {
    height: 332px
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 6px 5px 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 172.94118px;
    top: auto;
    bottom: 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1):after {
    display: block;
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px);
    right: 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 35.29412px 6px 5px
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 172.94118px;
    top: auto;
    bottom: 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2):after {
    display: block;
    width: 100%;
    left: 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 0 5px 6px
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: none
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3):after {
    display: block;
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px);
    left: 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 6px 35.29412px 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(4):before {
    display: block;
    height: 172.94118px;
    top: 0
  }
  .home-container-modular.list-five {
    height: 332px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 6px 5px 0
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 172.94118px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 35.29412px 6px 5px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 172.94118px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 0 5px 6px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 6px 35.29412px 0
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 172.94118px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 5px 6px 35.29412px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 172.94118px
  }
  .home-container-modular.list-six {
    height: 332px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 6px 5px 0
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 172.94118px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 35.29412px 6px 5px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 172.94118px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 0 5px 6px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 6px 35.29412px 0
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 172.94118px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 5px 6px 35.29412px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 172.94118px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(6) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 0 35.29412px 6px
  }
  .home-container-modular.list-seven {
    height: 500px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 6px 5px 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 172.94118px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 35.29412px 6px 5px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 172.94118px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 0 5px 6px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: none
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 6px 5px 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 100%
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px);
    left: auto;
    right: 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 5px 6px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 100%
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5):after {
    display: block;
    width: 100%;
    left: 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 0 5px 6px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6):before {
    display: none
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6):after {
    display: block;
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px);
    left: 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 6px 35.29412px 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7):before {
    height: 172.94118px
  }
  .home-container-modular.list-eight {
    height: 500px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 6px 5px 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: 172.94118px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 35.29412px 6px 5px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2):before {
    height: 172.94118px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 35.29412px 0 5px 6px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: none
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 6px 5px 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4):before {
    height: 100%
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4):after {
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px);
    left: auto;
    right: 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 5px 6px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: 100%
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5):after {
    display: block;
    width: 100%;
    left: 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 0 5px 6px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6):before {
    display: none
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6):after {
    display: block;
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px);
    left: 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7) {
    width: -webkit-calc(33.33% - 2px);
    width: -moz-calc(33.33% - 2px);
    width: calc(33.33% - 2px);
    padding: 5px 6px 35.29412px 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7):before {
    height: 172.94118px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(8) {
    width: -webkit-calc(33.33% + 4px);
    width: -moz-calc(33.33% + 4px);
    width: calc(33.33% + 4px);
    padding: 5px 6px 35.29412px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(8):before {
    height: 172.94118px
  }
}
@media (max-width:989px) {
  .home-container-modular .container-modular-list .modular-list-item {
    width: 50% !important
  }
  .home-container-modular .container-modular-list .modular-list-item:after {
    width: -webkit-calc(100% - 43px) !important;
    width: -moz-calc(100% - 43px) !important;
    width: calc(100% - 43px) !important
  }
  .home-container-modular .container-modular-list .modular-list-item:nth-of-type(odd):after {
    left: auto !important;
    right: 0 !important
  }
  .home-container-modular .container-modular-list .modular-list-item:nth-of-type(even):before {
    display: none !important
  }
  .home-container-modular .container-modular-list .modular-list-item:nth-of-type(even):after {
    left: 0 !important;
    right: auto !important
  }
  .home-container-modular.list-one {
    height: 143px
  }
  .home-container-modular.list-one .container-modular-list .modular-list-item {
    width: 345.88235px !important
  }
  .home-container-modular.list-two {
    height: 143px
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1), .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0
  }
  .home-container-modular.list-three {
    height: 312px
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1), .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0 5px
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(1):after, .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(2):after {
    display: block
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(3) {
    padding: 5px 0 35.29412px
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: block;
    height: 172.94118px;
    top: 0
  }
  .home-container-modular.list-four {
    height: 312px
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(1), .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0 5px
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3) {
    padding: 5px 0 35.29412px
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: block;
    height: 172.94118px;
    top: 0
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(3):after {
    display: none
  }
  .home-container-modular.list-four .container-modular-list .modular-list-item:nth-of-type(4) {
    padding: 5px 0 35.29412px
  }
  .home-container-modular.list-five {
    height: 480px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1), .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0 5px
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3) {
    padding: 5px 0
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: block;
    height: 172.94118px;
    top: 0
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4) {
    padding: 5px 0
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(4):after {
    display: block;
    width: -webkit-calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: calc(100% - 43px)
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5) {
    padding: 5px 0 35.29412px
  }
  .home-container-modular.list-six {
    height: 480px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1), .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0 5px
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3) {
    padding: 5px 0
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: block;
    height: 100%;
    top: 0
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4) {
    padding: 5px 0
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(4):after {
    display: block
  }
  .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5), .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(6) {
    padding: 5px 0 35.29412px
  }
  .home-container-modular.list-seven {
    height: 649px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1), .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0 5px
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3) {
    padding: 5px 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: block;
    height: 100%
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(4), .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(5), .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(6) {
    padding: 5px 0
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7) {
    padding: 5px 0 35.29412px
  }
  .home-container-modular.list-eight {
    height: 649px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(2) {
    padding: 35.29412px 0 5px
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3) {
    padding: 5px 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(3):before {
    display: block;
    height: 100%
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(4), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(5), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(6) {
    padding: 5px 0
  }
  .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7), .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(8) {
    padding: 5px 0 35.29412px
  }
}
@media (min-width:769px) {
  .home-container-modular .container-modular-list .modular-list-item:hover .list-item-content .item-content-img .content-img-box {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
  }
  .home-container-modular.text-dir-rtl .container-modular-list .modular-list-item:hover .list-item-content .item-content-img .content-img-box {
    -webkit-transform: scale(-1.1, 1.1) !important;
    -moz-transform: scale(-1.1, 1.1) !important;
    -ms-transform: scale(-1.1, 1.1) !important;
    -o-transform: scale(-1.1, 1.1) !important;
    transform: scale(-1.1, 1.1) !important
  }
}
@media (max-width:768px) {
  .home-container-modular {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px)
  }
  .home-container-modular .container-modular-list {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    top: -9.44444vw !important
  }
  .home-container-modular .container-modular-list .modular-list-item {
    padding: 0 !important
  }
  .home-container-modular .container-modular-list .modular-list-item:after {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content {
    height: 32.5vw
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img {
    width: 13.05556vw;
    height: 13.05556vw;
    margin-top: 6.11111vw
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-img.old-image {
    max-width: 100%;
    height: 100%
  }
  .home-container-modular .container-modular-list .modular-list-item .list-item-content .item-content-title {
    width: 36.11111vw;
    top: 21.38889vw;
    font-size: 3.33333vw;
    line-height: 3.33333vw
  }
  .home-container-modular.list-one {
    height: 23.05556vw
  }
  .home-container-modular.list-two {
    height: 23.05556vw
  }
  .home-container-modular.list-two .container-modular-list .modular-list-item:nth-of-type(1):before {
    height: -webkit-calc(32.5vw - 40px);
    height: -moz-calc(32.5vw - 40px);
    height: calc(32.5vw - 40px);
    top: 20px
  }
  .home-container-modular.list-three, .home-container-modular.list-four {
    height: 55.55556vw
  }
  .home-container-modular.list-three .container-modular-list .modular-list-item:before, .home-container-modular.list-four .container-modular-list .modular-list-item:before {
    height: -webkit-calc(32.5vw - 20px) !important;
    height: -moz-calc(32.5vw - 20px) !important;
    height: calc(32.5vw - 20px) !important
  }
  .home-container-modular.list-five, .home-container-modular.list-six {
    height: 88.05556vw
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(1):before, .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(5):before, .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(1):before, .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(5):before {
    height: -webkit-calc(32.5vw - 20px) !important;
    height: -moz-calc(32.5vw - 20px) !important;
    height: calc(32.5vw - 20px) !important
  }
  .home-container-modular.list-five .container-modular-list .modular-list-item:nth-of-type(3):before, .home-container-modular.list-six .container-modular-list .modular-list-item:nth-of-type(3):before {
    height: 100%
  }
  .home-container-modular.list-seven, .home-container-modular.list-eight {
    height: 120.55556vw
  }
  .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(1):before, .home-container-modular.list-seven .container-modular-list .modular-list-item:nth-of-type(7):before, .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(1):before, .home-container-modular.list-eight .container-modular-list .modular-list-item:nth-of-type(7):before {
    height: -webkit-calc(32.5vw - 20px) !important;
    height: -moz-calc(32.5vw - 20px) !important;
    height: calc(32.5vw - 20px) !important
  }
}
.home-container-center {
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
  max-width: 1200px;
  margin: 0 auto
}
.home-container-center .container-center-title {
  font-size: 32px;
  line-height: 46px;
  color: #242933;
  text-align: center;
  margin-bottom: 40px
}
.home-container-center .container-center-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  overflow: hidden
}
.home-container-center .container-center-box .center-box-left {
  width: 50%;
  height: 0;
  padding-bottom: 30%;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%
}
.home-container-center .container-center-box .center-box-right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  background-color: #fff
}
.home-container-center .container-center-box .center-box-right .box-right-title {
  width: 500px;
  font-size: 20px;
  line-height: 30px;
  color: #242933;
  text-align: center;
  margin: 0 auto 16px
}
.home-container-center .container-center-box .center-box-right .box-right-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 0 auto 40px
}
.home-container-center .container-center-box .center-box-right .box-right-list .right-list-item {
  width: 112px
}
.home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-icon {
  display: block !important;
  width: 44px;
  height: 44px;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  margin: 0 auto 7px
}
.home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-title {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #545766;
  text-align: center
}
.home-container-center .container-center-box .center-box-right .box-right-button {
  position: relative;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
  padding-right: 46px
}
.home-container-center .container-center-box .center-box-right .box-right-button .right-button-text {
  font-size: 20px;
  line-height: 28px;
  color: #242933;
  text-align: center;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s
}
.home-container-center .container-center-box .center-box-right .box-right-button:before, .home-container-center .container-center-box .center-box-right .box-right-button:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 28px;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  top: 0;
  right: 0;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s
}
.home-container-center .container-center-box .center-box-right .box-right-button:before {
  background-image: url(//asia-exstatic.vivo.com/static/img/icon/link-arrow-right-nor_cceb6ef.svg)
}
.home-container-center .container-center-box .center-box-right .box-right-button:after {
  background-image: url(//asia-exstatic.vivo.com/static/img/icon/link-arrow-right-hover_b73f43c.svg);
  opacity: 0
}
.home-container-center .container-center-explain {
  width: 823px;
  font-size: 14px;
  line-height: 21px;
  color: #8a8f99;
  text-align: center;
  margin: 20px auto 0
}
@media (max-width:1359px) {
  .home-container-center .container-center-box .center-box-right .box-right-title {
    width: 36.76471vw;
    font-size: 1.47059vw;
    line-height: 2.20588vw;
    margin-bottom: 1.17647vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-list {
    margin-bottom: 2.94118vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item {
    width: 8.23529vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-icon {
    width: 3.23529vw;
    height: 3.23529vw;
    margin-bottom: .51471vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-title {
    font-size: 1.02941vw;
    line-height: 1.32353vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-button {
    padding-right: 3.38235vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-button .right-button-text {
    font-size: 1.47059vw;
    line-height: 2.05882vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:before, .home-container-center .container-center-box .center-box-right .box-right-button:after {
    width: 2.94118vw;
    height: 2.05882vw
  }
}
@media (max-width:1199px) {
  .home-container-center {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px)
  }
  .home-container-center .container-center-title {
    margin-bottom: 30px
  }
  .home-container-center .container-center-box {
    display: block;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px
  }
  .home-container-center .container-center-box .center-box-left {
    width: 100%;
    padding-bottom: 60%
  }
  .home-container-center .container-center-box .center-box-right {
    width: 100%;
    padding: 24px 0 50px
  }
  .home-container-center .container-center-box .center-box-right .box-right-title {
    width: 640px;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 24px
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item {
    width: 97px;
    margin: 0 20px
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 6px
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-title {
    font-size: 12px;
    line-height: 16px
  }
  .home-container-center .container-center-box .center-box-right .box-right-button {
    padding-right: 40px
  }
  .home-container-center .container-center-box .center-box-right .box-right-button .right-button-text {
    font-size: 17px;
    line-height: 24px
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:before, .home-container-center .container-center-box .center-box-right .box-right-button:after {
    width: 35px;
    height: 24px
  }
  .home-container-center .container-center-explain {
    width: 640px;
    font-size: 12px;
    line-height: 18px
  }
}
@media (min-width:769px) {
  .home-container-center .container-center-box .center-box-right .box-right-button:hover .right-button-text {
    color: #415fff
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:hover:before {
    opacity: 0
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:hover:after {
    opacity: 1
  }
}
@media (max-width:768px) {
  .home-container-center {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px)
  }
  .home-container-center .container-center-title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px
  }
  .home-container-center .container-center-box {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
  }
  .home-container-center .container-center-box .center-box-left {
    padding-bottom: 62.5%
  }
  .home-container-center .container-center-box .center-box-right {
    padding: 30px 0
  }
  .home-container-center .container-center-box .center-box-right .box-right-title {
    width: -webkit-calc(100% - 64px);
    width: -moz-calc(100% - 64px);
    width: calc(100% - 64px);
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 6px
  }
  .home-container-center .container-center-box .center-box-right .box-right-list {
    margin-bottom: 20px
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item {
    width: 19.44444vw;
    margin: 0 1px
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-icon {
    width: 29px;
    height: 29px;
    margin-bottom: 5px
  }
  .home-container-center .container-center-box .center-box-right .box-right-list .right-list-item .list-item-title {
    font-size: 2.5vw;
    line-height: 3.61111vw
  }
  .home-container-center .container-center-box .center-box-right .box-right-button {
    padding-right: 31px
  }
  .home-container-center .container-center-box .center-box-right .box-right-button .right-button-text {
    font-size: 14px;
    line-height: 19px
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:before, .home-container-center .container-center-box .center-box-right .box-right-button:after {
    width: 27px;
    height: 19px
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:active .right-button-text {
    color: #415fff
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:active:before {
    opacity: 0
  }
  .home-container-center .container-center-box .center-box-right .box-right-button:active:after {
    opacity: 1
  }
  .home-container-center .container-center-explain {
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
    font-size: 10px;
    line-height: 15px;
    margin-top: 10px
  }
}
.home-container-question {
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
  max-width: 1200px;
  margin: 0 auto
}
.home-container-question .container-question-title {
  font-size: 32px;
  line-height: 46px;
  color: #242933;
  text-align: center;
  margin-bottom: 40px
}
.home-container-question .container-question-box {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #fff;
  overflow: hidden;
  padding: 26px 60px 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column
}
.home-container-question .container-question-box .question-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px
}
.home-container-question .container-question-box .question-box-list .box-list-item {
  width: -webkit-calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  width: calc(50% - 20px);
  border-bottom: 1px solid #edeff2;
  cursor: pointer
}
.home-container-question .container-question-box .question-box-list .box-list-item .list-item-link {
  display: block;
  position: relative;
  padding: 50px 21px 27px 0
}
.home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-text {
  display: block !important;
  font-size: 20px;
  line-height: 26px;
  color: #242933;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}
.home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-icon {
  position: absolute;
  content: '';
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #242933;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s;
  top: 49px;
  right: -7px
}
.home-container-question .container-question-box .question-box-button {
  position: relative;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
  padding-right: 46px
}
.home-container-question .container-question-box .question-box-button .box-button-text {
  font-size: 20px;
  line-height: 28px;
  color: #242933;
  text-align: center;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s
}
.home-container-question .container-question-box .question-box-button:before, .home-container-question .container-question-box .question-box-button:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 28px;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  top: 0;
  right: 0;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s
}
.home-container-question .container-question-box .question-box-button:before {
  background-image: url(//asia-exstatic.vivo.com/static/img/icon/link-arrow-right-nor_cceb6ef.svg)
}
.home-container-question .container-question-box .question-box-button:after {
  background-image: url(//asia-exstatic.vivo.com/static/img/icon/link-arrow-right-hover_b73f43c.svg);
  opacity: 0
}
.home-container-question.text-dir-rtl .container-question-box .question-box-list .box-list-item .list-item-link .item-link-text {
  text-align: right
}
@media (max-width:1359px) {
  .home-container-question .container-question-box {
    padding: 1.91176vw 4.41176vw 4.85294vw
  }
  .home-container-question .container-question-box .question-box-list {
    margin-bottom: 4.41176vw
  }
  .home-container-question .container-question-box .question-box-list .box-list-item {
    width: -webkit-calc(50% - 1.47vw);
    width: -moz-calc(50% - 1.47vw);
    width: calc(50% - 1.47vw)
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link {
    padding: 3.67647vw 1.54412vw 1.98529vw 0
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-text {
    font-size: 1.47059vw;
    line-height: 1.91176vw
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-icon {
    width: 2.05882vw;
    height: 2.05882vw;
    font-size: 2.05882vw;
    line-height: 2.05882vw;
    top: 3.60294vw;
    right: -.51471vw
  }
  .home-container-question .container-question-box .question-box-button {
    padding-right: 3.38235vw
  }
  .home-container-question .container-question-box .question-box-button .box-button-text {
    font-size: 1.47059vw;
    line-height: 2.05882vw
  }
  .home-container-question .container-question-box .question-box-button:before, .home-container-question .container-question-box .question-box-button:after {
    width: 2.94118vw;
    height: 2.05882vw
  }
}
@media (max-width:1199px) {
  .home-container-question {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px)
  }
  .home-container-question .container-question-title {
    line-height: 40px;
    margin-bottom: 30px
  }
  .home-container-question .container-question-box {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    padding: 23px 52px 58px
  }
  .home-container-question .container-question-box .question-box-list {
    margin-bottom: 52px
  }
  .home-container-question .container-question-box .question-box-list .box-list-item {
    width: 100%
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link {
    padding: 42px 64px 23px 0
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-text {
    font-size: 17px;
    line-height: 24px
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    top: 42px;
    right: 0
  }
  .home-container-question .container-question-box .question-box-button {
    padding-right: 40px
  }
  .home-container-question .container-question-box .question-box-button .box-button-text {
    font-size: 17px;
    line-height: 24px
  }
  .home-container-question .container-question-box .question-box-button:before, .home-container-question .container-question-box .question-box-button:after {
    width: 35px;
    height: 24px
  }
}
@media (min-width:769px) {
  .home-container-question .container-question-box .question-box-list .box-list-item:hover .list-item-link .item-link-text, .home-container-question .container-question-box .question-box-list .box-list-item:hover .list-item-link .item-link-icon {
    color: #415fff
  }
  .home-container-question .container-question-box .question-box-button:hover .box-button-text {
    color: #415fff
  }
  .home-container-question .container-question-box .question-box-button:hover:before {
    opacity: 0
  }
  .home-container-question .container-question-box .question-box-button:hover:after {
    opacity: 1
  }
}
@media (max-width:768px) {
  .home-container-question {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px)
  }
  .home-container-question .container-question-title {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 20px
  }
  .home-container-question .container-question-box {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 10px 20px 41px
  }
  .home-container-question .container-question-box .question-box-list {
    margin-bottom: 36px
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link {
    padding: 24px 24px 17px 0
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-text {
    font-size: 12px;
    line-height: 14px
  }
  .home-container-question .container-question-box .question-box-list .box-list-item .list-item-link .item-link-icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    top: 21px
  }
  .home-container-question .container-question-box .question-box-list .box-list-item:active .list-item-link .item-link-text, .home-container-question .container-question-box .question-box-list .box-list-item:active .list-item-link .item-link-icon {
    color: #415fff
  }
  .home-container-question .container-question-box .question-box-button {
    padding-right: 31px
  }
  .home-container-question .container-question-box .question-box-button .box-button-text {
    font-size: 14px;
    line-height: 19px
  }
  .home-container-question .container-question-box .question-box-button:before, .home-container-question .container-question-box .question-box-button:after {
    width: 27px;
    height: 19px
  }
  .home-container-question .container-question-box .question-box-button:active .box-button-text {
    color: #415fff
  }
  .home-container-question .container-question-box .question-box-button:active:before {
    opacity: 0
  }
  .home-container-question .container-question-box .question-box-button:active:after {
    opacity: 1
  }
}
.home-container-activity {
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column
}
.home-container-activity .container-activity-title {
  font-size: 32px;
  line-height: 46px;
  color: #242933;
  text-align: center;
  margin-bottom: 40px
}
.home-container-activity .container-activity-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between
}
.home-container-activity .container-activity-list .activity-list-item {
  position: relative;
  width: -webkit-calc(50% - 12px);
  width: -moz-calc(50% - 12px);
  width: calc(50% - 12px);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 24px;
  background-color: #fff
}
.home-container-activity .container-activity-list .activity-list-item .list-item-links {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.home-container-activity .container-activity-list .activity-list-item .activity-wap {
  display: none
}
.home-container-activity .container-activity-list .activity-list-item .list-item-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.23%;
  overflow: hidden
}
.home-container-activity .container-activity-list .activity-list-item .list-item-image .item-image-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: -o-transform .4s;
  -moz-transition: transform .4s, -moz-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
  transition: transform .4s, -webkit-transform .4s
}
.home-container-activity .container-activity-list .activity-list-item .list-item-image .item-image-hot {
  position: absolute;
  width: 100%;
  height: 48px;
  top: 0;
  left: 0;
  background: no-repeat left center;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%
}
.home-container-activity .container-activity-list .activity-list-item .list-item-text {
  padding: 36px 33px 39px
}
.home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-title {
  font-size: 24px;
  line-height: 32px;
  color: #242933;
  text-align: center;
  margin-bottom: 6px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}
.home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-explain {
  font-size: 18px;
  line-height: 24px;
  color: #8a8f99;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box
}
.home-container-activity .container-activity-list.list-even .activity-list-item:nth-last-of-type(-n+2) {
  margin-bottom: 0
}
.home-container-activity .container-activity-list.list-odd .activity-list-item:last-of-type {
  margin-bottom: 0
}
.home-container-activity .container-activity-button {
  position: relative;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 40px auto 0;
  cursor: pointer;
  padding-right: 46px
}
.home-container-activity .container-activity-button .activity-button-text {
  font-size: 20px;
  line-height: 28px;
  color: #242933;
  text-align: center;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s
}
.home-container-activity .container-activity-button:before, .home-container-activity .container-activity-button:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 28px;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  top: 0;
  right: 0;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s
}
.home-container-activity .container-activity-button:before {
  background-image: url(//asia-exstatic.vivo.com/static/img/icon/link-arrow-right-nor_cceb6ef.svg)
}
.home-container-activity .container-activity-button:after {
  background-image: url(//asia-exstatic.vivo.com/static/img/icon/link-arrow-right-hover_b73f43c.svg);
  opacity: 0
}
@media (max-width:1359px) {
  .home-container-activity .container-activity-list .activity-list-item {
    width: -webkit-calc(50% - .88vw);
    width: -moz-calc(50% - .88vw);
    width: calc(50% - .88vw);
    margin-bottom: 1.76471vw
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-image .item-image-hot {
    height: 3.52941vw
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text {
    padding: 2.64706vw 2.42647vw 2.86765vw
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-title {
    font-size: 1.76471vw;
    line-height: 2.35294vw;
    margin-bottom: .44118vw
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-explain {
    font-size: 1.32353vw;
    line-height: 1.76471vw
  }
}
@media (max-width:1199px) {
  .home-container-activity {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px)
  }
  .home-container-activity .container-activity-title {
    margin-bottom: 30px
  }
  .home-container-activity .container-activity-list .activity-list-item {
    width: 100%;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    margin-bottom: 40px
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-image .item-image-hot {
    height: 42px
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text {
    padding: 28px 60px 32px
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-title {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 5px
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-explain {
    font-size: 16px;
    line-height: 22px
  }
  .home-container-activity .container-activity-list.list-even .activity-list-item:nth-last-of-type(2) {
    margin-bottom: 40px
  }
  .home-container-activity .container-activity-button {
    padding-right: 40px
  }
  .home-container-activity .container-activity-button .activity-button-text {
    font-size: 17px;
    line-height: 24px
  }
  .home-container-activity .container-activity-button:before, .home-container-activity .container-activity-button:after {
    width: 35px;
    height: 24px
  }
}
@media (min-width:769px) {
  .home-container-activity .container-activity-list .activity-list-item:hover .list-item-image .item-image-box {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
  }
  .home-container-activity .container-activity-button:hover .activity-button-text {
    color: #415fff
  }
  .home-container-activity .container-activity-button:hover:before {
    opacity: 0
  }
  .home-container-activity .container-activity-button:hover:after {
    opacity: 1
  }
  .home-container-activity.text-dir-rtl .container-activity-list .activity-list-item:hover .list-item-image .item-image-box {
    -webkit-transform: scale(-1.1, 1.1) !important;
    -moz-transform: scale(-1.1, 1.1) !important;
    -ms-transform: scale(-1.1, 1.1) !important;
    -o-transform: scale(-1.1, 1.1) !important;
    transform: scale(-1.1, 1.1) !important
  }
}
@media (max-width:768px) {
  .home-container-activity {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px)
  }
  .home-container-activity .container-activity-title {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 20px
  }
  .home-container-activity .container-activity-list .activity-list-item {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 20px
  }
  .home-container-activity .container-activity-list .activity-list-item .activity-pc {
    display: none
  }
  .home-container-activity .container-activity-list .activity-list-item .activity-wap {
    display: block
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-image .item-image-hot {
    height: 30px
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text {
    padding: 18px 20px 24px
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
  }
  .home-container-activity .container-activity-list .activity-list-item .list-item-text .item-text-explain {
    font-size: 13px
  }
  .home-container-activity .container-activity-list.list-even .activity-list-item:nth-last-of-type(2) {
    margin-bottom: 20px
  }
  .home-container-activity .container-activity-button {
    margin-top: 20px;
    padding-right: 31px
  }
  .home-container-activity .container-activity-button .activity-button-text {
    font-size: 14px;
    line-height: 19px
  }
  .home-container-activity .container-activity-button:before, .home-container-activity .container-activity-button:after {
    width: 27px;
    height: 19px
  }
  .home-container-activity .container-activity-button:active .activity-button-text {
    color: #415fff
  }
  .home-container-activity .container-activity-button:active:before {
    opacity: 0
  }
  .home-container-activity .container-activity-button:active:after {
    opacity: 1
  }
}
.home-container-contact {
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
  max-width: 1200px;
  margin: 0 auto
}
.home-container-contact .container-contact-title {
  font-size: 32px;
  line-height: 46px;
  color: #242933;
  text-align: center;
  margin-bottom: 40px
}
.home-container-contact .container-contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #fff;
  overflow: hidden
}
.home-container-contact .container-contact-list .contact-list-item {
  width: 180px;
  margin-bottom: 40px
}
.home-container-contact .container-contact-list .contact-list-item .list-item-href {
  display: block;
  cursor: default
}
.home-container-contact .container-contact-list .contact-list-item .list-item-box {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto
}
.home-container-contact .container-contact-list .contact-list-item .list-item-box .item-box-nor, .home-container-contact .container-contact-list .contact-list-item .list-item-box .item-box-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s
}
.home-container-contact .container-contact-list .contact-list-item .list-item-box .item-box-nor {
  opacity: 1
}
.home-container-contact .container-contact-list .contact-list-item .list-item-box .item-box-hover {
  opacity: 0
}
.home-container-contact .container-contact-list .contact-list-item .list-item-word {
  font-size: 20px;
  line-height: 24px;
  color: #242933;
  text-align: center;
  margin-top: 12px;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  -moz-transition: color .4s;
  transition: color .4s
}
.home-container-contact .container-contact-list .contact-list-item .list-item-tip {
  font-size: 16px;
  line-height: 22px;
  color: #8a8f99;
  text-align: center;
  margin-top: 12px
}
.home-container-contact .list-one {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center
}
.home-container-contact .list-two {
  padding: 90px -webkit-calc(50% - 320px) 8px;
  padding: 90px -moz-calc(50% - 320px) 8px;
  padding: 90px calc(50% - 320px) 8px
}
.home-container-contact .list-two .contact-list-item:first-of-type {
  margin-right: 280px
}
.home-container-contact .list-three {
  padding: 90px -webkit-calc(50% - 470px) 8px;
  padding: 90px -moz-calc(50% - 470px) 8px;
  padding: 90px calc(50% - 470px) 8px
}
.home-container-contact .list-three .contact-list-item:nth-of-type(-n+2) {
  margin-right: 200px
}
.home-container-contact .list-four {
  padding: 90px -webkit-calc(50% - 510px) 8px;
  padding: 90px -moz-calc(50% - 510px) 8px;
  padding: 90px calc(50% - 510px) 8px
}
.home-container-contact .list-four .contact-list-item:nth-of-type(-n+3) {
  margin-right: 100px
}
.home-container-contact .list-five {
  padding: 90px -webkit-calc(50% - 510px) 8px;
  padding: 90px -moz-calc(50% - 510px) 8px;
  padding: 90px calc(50% - 510px) 8px
}
.home-container-contact .list-five .contact-list-item:nth-of-type(-n+4) {
  margin-right: 30px
}
.home-container-contact .list-six {
  padding: 90px -webkit-calc(50% - 470px) 8px;
  padding: 90px -moz-calc(50% - 470px) 8px;
  padding: 90px calc(50% - 470px) 8px
}
.home-container-contact .list-six .contact-list-item:nth-of-type(-n+5) {
  margin-right: 200px
}
.home-container-contact .list-six .contact-list-item:nth-of-type(3) {
  margin-right: 0
}
.home-container-contact .list-seven {
  padding: 90px -webkit-calc(50% - 510px) 8px;
  padding: 90px -moz-calc(50% - 510px) 8px;
  padding: 90px calc(50% - 510px) 8px
}
.home-container-contact .list-seven .contact-list-item:nth-of-type(-n+6) {
  margin-right: 30px
}
.home-container-contact .list-seven .contact-list-item:nth-of-type(5) {
  margin-right: 0
}
@media (max-width:1359px) {
  .home-container-contact .container-contact-list .contact-list-item {
    width: 13.23529vw;
    margin-bottom: 2.94118vw
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-box {
    width: 6.61765vw;
    height: 6.61765vw
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-word {
    font-size: 1.47059vw;
    line-height: 1.76471vw;
    margin-top: .88235vw
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-tip {
    font-size: 1.17647vw;
    line-height: 1.61765vw;
    margin-top: .88235vw
  }
  .home-container-contact .list-two {
    padding: 6.61765vw -webkit-calc(50% - 23.53vw) .58824vw;
    padding: 6.61765vw -moz-calc(50% - 23.53vw) .58824vw;
    padding: 6.61765vw calc(50% - 23.53vw) .58824vw
  }
  .home-container-contact .list-two .contact-list-item:first-of-type {
    margin-right: 20.58824vw
  }
  .home-container-contact .list-three {
    padding: 6.61765vw -webkit-calc(50% - 34.56vw) .58824vw;
    padding: 6.61765vw -moz-calc(50% - 34.56vw) .58824vw;
    padding: 6.61765vw calc(50% - 34.56vw) .58824vw
  }
  .home-container-contact .list-three .contact-list-item:nth-of-type(-n+2) {
    margin-right: 14.70588vw
  }
  .home-container-contact .list-four {
    padding: 6.61765vw -webkit-calc(50% - 37.5vw) .58824vw;
    padding: 6.61765vw -moz-calc(50% - 37.5vw) .58824vw;
    padding: 6.61765vw calc(50% - 37.5vw) .58824vw
  }
  .home-container-contact .list-four .contact-list-item:nth-of-type(-n+3) {
    margin-right: 7.35294vw
  }
  .home-container-contact .list-five {
    padding: 6.61765vw -webkit-calc(50% - 37.5vw) .58824vw;
    padding: 6.61765vw -moz-calc(50% - 37.5vw) .58824vw;
    padding: 6.61765vw calc(50% - 37.5vw) .58824vw
  }
  .home-container-contact .list-five .contact-list-item:nth-of-type(-n+4) {
    margin-right: 2.20588vw
  }
  .home-container-contact .list-six {
    padding: 6.61765vw -webkit-calc(50% - 34.56vw) .58824vw;
    padding: 6.61765vw -moz-calc(50% - 34.56vw) .58824vw;
    padding: 6.61765vw calc(50% - 34.56vw) .58824vw
  }
  .home-container-contact .list-six .contact-list-item:nth-of-type(-n+5) {
    margin-right: 14.70588vw
  }
  .home-container-contact .list-six .contact-list-item:nth-of-type(3) {
    margin-right: 0
  }
  .home-container-contact .list-seven {
    padding: 6.61765vw -webkit-calc(50% - 37.5vw) .58824vw;
    padding: 6.61765vw -moz-calc(50% - 37.5vw) .58824vw;
    padding: 6.61765vw calc(50% - 37.5vw) .58824vw
  }
  .home-container-contact .list-seven .contact-list-item:nth-of-type(-n+6) {
    margin-right: 2.20588vw
  }
  .home-container-contact .list-seven .contact-list-item:nth-of-type(5) {
    margin-right: 0
  }
}
@media (max-width:1199px) {
  .home-container-contact {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px)
  }
  .home-container-contact .container-contact-title {
    margin-bottom: 30px
  }
  .home-container-contact .container-contact-list {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    padding: 78px 50px 0
  }
  .home-container-contact .container-contact-list .contact-list-item {
    width: 156px;
    margin-bottom: 53px
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-box {
    width: 78px;
    height: 78px
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-word {
    font-size: 17px;
    line-height: 21px;
    margin-top: 10px
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-tip {
    font-size: 14px;
    line-height: 19px;
    margin-top: 10px
  }
  .home-container-contact .list-two {
    padding: 78px 129px 0
  }
  .home-container-contact .list-two .contact-list-item:first-of-type {
    margin-right: -webkit-calc(100% - 312px);
    margin-right: -moz-calc(100% - 312px);
    margin-right: calc(100% - 312px)
  }
  .home-container-contact .list-three .contact-list-item:nth-of-type(-n+2) {
    margin-right: -webkit-calc(50% - 234px);
    margin-right: -moz-calc(50% - 234px);
    margin-right: calc(50% - 234px)
  }
  .home-container-contact .list-four .contact-list-item:nth-of-type(-n+2) {
    margin-right: -webkit-calc(50% - 234px);
    margin-right: -moz-calc(50% - 234px);
    margin-right: calc(50% - 234px)
  }
  .home-container-contact .list-four .contact-list-item:nth-of-type(3) {
    margin-right: 0
  }
  .home-container-contact .list-five .contact-list-item:nth-of-type(-n+4) {
    margin-right: -webkit-calc(50% - 234px);
    margin-right: -moz-calc(50% - 234px);
    margin-right: calc(50% - 234px)
  }
  .home-container-contact .list-five .contact-list-item:nth-of-type(3) {
    margin-right: 0
  }
  .home-container-contact .list-six .contact-list-item:nth-of-type(-n+5) {
    margin-right: -webkit-calc(50% - 234px);
    margin-right: -moz-calc(50% - 234px);
    margin-right: calc(50% - 234px)
  }
  .home-container-contact .list-six .contact-list-item:nth-of-type(3) {
    margin-right: 0
  }
  .home-container-contact .list-seven .contact-list-item:nth-of-type(-n+5) {
    margin-right: -webkit-calc(50% - 234px);
    margin-right: -moz-calc(50% - 234px);
    margin-right: calc(50% - 234px)
  }
  .home-container-contact .list-seven .contact-list-item:nth-of-type(3n) {
    margin-right: 0
  }
}
@media (min-width:769px) {
  .home-container-contact .container-contact-list .has-hover-link .list-item-href {
    cursor: pointer
  }
  .home-container-contact .container-contact-list .has-hover-link:hover .has-hover-img .item-box-nor {
    opacity: 0
  }
  .home-container-contact .container-contact-list .has-hover-link:hover .has-hover-img .item-box-hover {
    opacity: 1
  }
  .home-container-contact .container-contact-list .has-hover-link:hover .list-item-word {
    color: #415fff
  }
}
@media (max-width:768px) {
  .home-container-contact {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px)
  }
  .home-container-contact .container-contact-title {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 20px
  }
  .home-container-contact .container-contact-list {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 40px 20px 5px
  }
  .home-container-contact .container-contact-list .contact-list-item {
    width: 36.11111vw;
    margin-bottom: 13px
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-box {
    width: 16.66667vw;
    height: 16.66667vw
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-word {
    font-size: 13px;
    line-height: 19px;
    margin-top: 6px
  }
  .home-container-contact .container-contact-list .contact-list-item .list-item-tip {
    font-size: 12px;
    line-height: 16px;
    margin-top: 0
  }
  .home-container-contact .container-contact-list .contact-list-item:active .has-hover-img .item-box-nor {
    opacity: 0
  }
  .home-container-contact .container-contact-list .contact-list-item:active .has-hover-img .item-box-hover {
    opacity: 1
  }
  .home-container-contact .container-contact-list .contact-list-item:active .list-item-word {
    color: #415fff
  }
  .home-container-contact .list-two .contact-list-item:nth-of-type(2n+1), .home-container-contact .list-three .contact-list-item:nth-of-type(2n+1), .home-container-contact .list-four .contact-list-item:nth-of-type(2n+1), .home-container-contact .list-five .contact-list-item:nth-of-type(2n+1), .home-container-contact .list-six .contact-list-item:nth-of-type(2n+1), .home-container-contact .list-seven .contact-list-item:nth-of-type(2n+1) {
    margin-right: -webkit-calc(100% - 72.23vw);
    margin-right: -moz-calc(100% - 72.23vw);
    margin-right: calc(100% - 72.23vw)
  }
  .home-container-contact .list-two .contact-list-item:nth-of-type(2n), .home-container-contact .list-two .contact-list-item:last-of-type, .home-container-contact .list-three .contact-list-item:nth-of-type(2n), .home-container-contact .list-three .contact-list-item:last-of-type, .home-container-contact .list-four .contact-list-item:nth-of-type(2n), .home-container-contact .list-four .contact-list-item:last-of-type, .home-container-contact .list-five .contact-list-item:nth-of-type(2n), .home-container-contact .list-five .contact-list-item:last-of-type, .home-container-contact .list-six .contact-list-item:nth-of-type(2n), .home-container-contact .list-six .contact-list-item:last-of-type, .home-container-contact .list-seven .contact-list-item:nth-of-type(2n), .home-container-contact .list-seven .contact-list-item:last-of-type {
    margin-right: 0
  }
}
.support-home-suspension {
  position: fixed;
  bottom: 166px;
  right: 40px;
  width: 72px;
  height: 48px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  z-index: 100
}
.support-home-suspension .home-suspension-icon {
  width: 72px;
  height: 48px;
  color: #fff;
  font-size: 48px;
  line-height: 48px;
  text-align: center;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: rgba(87, 92, 102, .4);
  cursor: pointer;
  -webkit-transition: background-color ease .3s;
  -o-transition: background-color ease .3s;
  -moz-transition: background-color ease .3s;
  transition: background-color ease .3s
}
.support-home-suspension .home-suspension-shade {
  position: absolute;
  width: 421px;
  left: -421px;
  bottom: -68px;
  display: none;
  opacity: 0;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s
}
.support-home-suspension .home-suspension-box {
  position: relative;
  width: 390px;
  background-color: #fff;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, .04);
  -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, .04);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .04);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding: 40px 0
}
.support-home-suspension .home-suspension-box:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  bottom: 80px;
  right: -12px;
  background-color: #fff;
  -webkit-transform: matrix(0.71, .71, -.71, .71, 0, 0);
  -moz-transform: matrix(0.71, .71, -.71, .71, 0, 0);
  -ms-transform: matrix(0.71, .71, -.71, .71, 0, 0);
  -o-transform: matrix(0.71, .71, -.71, .71, 0, 0);
  transform: matrix(0.71, .71, -.71, .71, 0, 0);
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, .04);
  -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, .04);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .04)
}
.support-home-suspension .home-suspension-box .suspension-box-top {
  margin-bottom: 30px
}
.support-home-suspension .home-suspension-box .suspension-box-top .box-top-button {
  display: none !important
}
.support-home-suspension .home-suspension-box .suspension-box-top .box-top-title {
  font-size: 28px;
  line-height: 40px;
  color: #242933;
  padding: 0 40px
}
.support-home-suspension .home-suspension-box .suspension-box-list {
  position: relative;
  width: -webkit-calc(100% - 5px);
  width: -moz-calc(100% - 5px);
  width: calc(100% - 5px);
  max-height: 476px;
  padding-left: 40px;
  overflow: auto;
  z-index: 1
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item {
  padding-right: 35px;
  margin-bottom: 24px
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item:last-of-type {
  margin-bottom: 0
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  cursor: default
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-div {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 10px
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-div .item-div-nor, .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-div .item-div-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-div .item-div-nor {
  opacity: 1
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-div .item-div-hover {
  opacity: 0
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-character {
  width: 268px
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-character .item-character-name {
  font-size: 18px;
  line-height: 26px;
  margin-top: 7px;
  margin-bottom: 7px;
  color: #242933
}
.support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-character .item-character-tips {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #8a8f99
}
.support-home-suspension.suspension-immediate-show .home-suspension-shade {
  display: block
}
.support-home-suspension.suspension-delayed-show {
  z-index: 1000
}
.support-home-suspension.suspension-delayed-show .home-suspension-shade {
  opacity: 1
}
.support-home-suspension.rtl-left {
  left: 40px;
  right: 0
}
.support-home-suspension.rtl-left .home-suspension-shade {
  right: -421px;
  left: auto
}
.support-home-suspension.rtl-left .home-suspension-box .suspension-box-list .box-list-item .list-item-character .item-character-name, .support-home-suspension.rtl-left .home-suspension-box .suspension-box-list .box-list-item .list-item-character .item-character-tips {
  text-align: right
}
@media (min-width:769px) {
  .support-home-suspension .home-suspension-icon:hover {
    background-color: rgba(87, 92, 102, .8)
  }
  .support-home-suspension .home-suspension-box .suspension-box-list::-webkit-scrollbar {
    width: 12px;
    height: 1px
  }
  .support-home-suspension .home-suspension-box .suspension-box-list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #dfe1e6
  }
  .support-home-suspension .home-suspension-box .suspension-box-list::-webkit-scrollbar-track {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #fff
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .has-hover-link .list-item-url {
    cursor: pointer
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .has-hover-link:hover .has-hover-img .item-div-nor {
    opacity: 0
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .has-hover-link:hover .has-hover-img .item-div-hover {
    opacity: 1
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .has-hover-link:hover .list-item-character .item-character-name {
    color: #415fff
  }
}
@media (max-width:768px) {
  .support-home-suspension {
    bottom: 135px;
    right: 20px;
    width: 54px;
    height: 36px
  }
  .support-home-suspension .home-suspension-icon {
    width: 54px;
    height: 36px;
    font-size: 36px;
    line-height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px
  }
  .support-home-suspension .home-suspension-shade {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4)
  }
  .support-home-suspension .home-suspension-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    -webkit-transition: max-height .4s;
    -o-transition: max-height .4s;
    -moz-transition: max-height .4s;
    transition: max-height .4s
  }
  .support-home-suspension .home-suspension-box:after {
    display: none
  }
  .support-home-suspension .home-suspension-box .suspension-box-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 54px;
    margin-bottom: 0
  }
  .support-home-suspension .home-suspension-box .suspension-box-top .box-top-button {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    font-size: 15px;
    line-height: 17px;
    color: #8a8f99;
    padding: 22px 26px 15px
  }
  .support-home-suspension .home-suspension-box .suspension-box-top .box-top-title {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0 0
  }
  .support-home-suspension .home-suspension-box .suspension-box-list {
    width: 100%;
    max-height: 302px;
    padding: 0 20px;
    margin-bottom: 11px
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item {
    padding-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #edeff2
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item:last-of-type {
    border-bottom: 0
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-url {
    padding: 18px 0
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-div {
    width: 24px;
    height: 24px
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-character .item-character-name {
    font-size: 15px;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 2px
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item .list-item-character .item-character-tips {
    font-size: 12px;
    line-height: 16px
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item:active .has-hover-img .item-div-nor {
    opacity: 0
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item:active .has-hover-img .item-div-hover {
    opacity: 1
  }
  .support-home-suspension .home-suspension-box .suspension-box-list .box-list-item:active .list-item-character .item-character-name {
    color: #415fff
  }
  .support-home-suspension.suspension-delayed-show .home-suspension-box {
    max-height: 367px
  }
  .support-home-suspension.rtl-left {
    left: 20px
  }
  .support-home-suspension.rtl-left .home-suspension-shade {
    right: 0;
    left: 0
  }
}