.modular-box {
  position: relative;
  padding: .32rem 0;
  /* margin-top: 0!important; */
  /* background-color: #fff; */
  border-bottom: .18rem solid #f3f3f3;
}
.modular-box:after {
  content: "";
  height: .18rem;
  position: absolute;
  left: 0;
  right: 0;
  top: .02rem;
  background: #fff;
}
.modular-box .toptitle {
  padding: 0 .32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.modular-box .toptitle .title {
  font-weight: 700;
  font-size: .36rem;
  color: #333333;
  position: relative;
  z-index: 9;
}
.modular-box .toptitle .more {
  font-size: .28rem;
  color: #999999;
}
.modular-box .toptitle .more i {
  font-size: .24rem;
}
.modular-box .download-ul {
  padding: 0 .32rem;
}
.modular-box .download-ul li {
  padding: .32rem 0 0;
  display: flex;
  align-items: center;
}
.modular-box .download-ul li img {
  width: .68rem;
  height: .92rem;
}
.modular-box .download-ul li .download-in {
  width: calc(100% - 2.28rem);
  padding-left: .24rem;
}
.modular-box .download-ul li .download-in .download-tite {
  padding-bottom: .12rem;
  font-size: .28rem;
  line-height: .36rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modular-box .download-ul li .download-in .download-num {
  font-size: .24rem;
  color: #999999;
}
.modular-box .download-ul li .download-on {
  width: 1.6rem;
  text-align: center;
}
.modular-box .download-ul li .download-on i {
  font-size: .4rem;
  color: #0088FA;
}
.modular-box .download-ul li .download-on .fraction {
  width: 100%;
  padding-top: .08rem;
  font-size: .22rem;
  color: #FD8686;
}
.modular-box .communication {
  display: flex;
  padding: .28rem .32rem 0;
}
.modular-box .communication .communication-left {
  width: 2.56rem;
  height: 2.72rem;
  border-radius: .08rem;
  background-image: url(../images/shangjisj.png);
  background-size: 100% 100%;
}
.modular-box .communication .communication-left .tite {
  padding: .2rem 0 0 .2rem;
  font-weight: 600;
  font-size: .32rem;
  color: #4B98FF;
}
.modular-box .communication .communication-left .text {
  display: inline-block;
  margin-left: .2rem;
  margin-top: .08rem;
  padding: 0 .12rem;
  line-height: .4rem;
  border-radius: .24rem;
  font-size: .22rem;
  color: #FFFFFF;
  background: linear-gradient(89.94deg, #4B98FF 0.05%, #CCE2FF 99.96%);
}
.modular-box .communication .communication-right {
  padding-left: .2rem;
}
.modular-box .communication .communication-right .communication-bottom {
  width: 4.06rem;
  height: 1.28rem;
  border-radius: .08rem;
  background-image: url(../images/shangjigr.png);
  background-size: 100% 100%;
}
.modular-box .communication .communication-right .communication-bottom .tite {
  padding: .2rem 0 0 .2rem;
  font-weight: 600;
  font-size: .32rem;
  color: #FFB84D;
}
.modular-box .communication .communication-right .communication-bottom .text {
  display: inline-block;
  margin-left: .2rem;
  margin-top: .08rem;
  padding: 0 .12rem;
  line-height: .32rem;
  border-radius: .24rem;
  font-size: .22rem;
  color: #FFFFFF;
  background: linear-gradient(89.94deg, #FFB84D 0.05%, #FFC369 99.96%);
}
.modular-box .communication .communication-right .communication-top {
  width: 4.06rem;
  height: 1.28rem;
  border-radius: .08rem;
  background-image: url(../images/shangjidt.png);
  background-size: 100% 100%;
  margin-bottom: .2rem;
}
.modular-box .communication .communication-right .communication-top .tite {
  padding: .2rem 0 0 .2rem;
  font-weight: 600;
  font-size: .32rem;
  color: #FF794D;
}
.modular-box .communication .communication-right .communication-top .text {
  display: inline-block;
  margin-left: .2rem;
  margin-top: .08rem;
  padding: 0 .12rem;
  line-height: .32rem;
  border-radius: .24rem;
  font-size: .22rem;
  color: #FFFFFF;
  background: linear-gradient(89.94deg, #FF794C 0.05%, #FFD9CC 99.96%, #FFD9CC 99.96%);
}
.modular-box .team-ul {
  display: flex;
  padding: .32rem .32rem 0;
  overflow-x: auto;
}
.modular-box .team-ul li {
  min-width: 1.36rem;
  padding-right: .24rem;
}
.modular-box .team-ul li img {
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 50%;
}
.modular-box .team-ul li .team-txt {
  text-align: center;
  padding-top: .12rem;
  font-size: .28rem;
  line-height: .36rem;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modular-box .team-ul li .team-txt2 {
  text-align: center;
  padding-top: .06rem;
  font-size: .28rem;
  line-height: .36rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modular-box .vvip-ul {
  display: flex;
  padding: .32rem .32rem 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.modular-box .vvip-ul li {
  min-width: 3.48rem;
  padding-right: .16rem;
  position: relative;
}
.modular-box .vvip-ul li img {
  width: 3.32rem;
  /* height: 1.92rem; */
  border-radius: .08rem;
  object-fit: cover;
}
.modular-box .vvip-ul li .vip-item {
  position: absolute;
  left: 0;
  top: 1.52rem;
  padding: 0 .2rem;
  line-height: .4rem;
  background: #E27E22;
  border-radius: 0rem .08rem;
  font-size: .24rem;
  color: #F0F0F0;
}
.modular-box .vvip-ul li .vip-item2 {
  position: absolute;
  left: 0;
  top: 1.44rem;
  padding: 0 .2rem;
  line-height: .48rem;
  background: rgba(79, 79, 79, 0.6);
  border-radius: 0rem .08rem;
  font-size: .22rem;
  color: #F0F0F0;
}
.modular-box .vvip-ul li .team-txt {
  width: 3.32rem;
  height: .92rem;
  padding-top: .2rem;
  font-size: .28rem;
  line-height: .36rem;
  color: #333333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.modular-box .vvip-ul li .team-address {
  padding-top: .12rem;
  font-size: .24rem;
  line-height: .28rem;
  color: #999999;
}
.modular-box .vvip-ul li .team-price {
  padding-top: .12rem;
  font-size: .32rem;
  line-height: .28rem;
  color: #E82C2C;
}
.modular-box .cooperate-ul {
  display: flex;
  padding: .32rem .32rem 0;
  overflow-x: auto;
}
.modular-box .cooperate-ul li {
  min-width: 1.76rem;
  padding-right: .16rem;
}
.modular-box .cooperate-ul li img {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: .08rem;
}
.modular-box .cooperate-ul li .team-txt {
  width: 1.6rem;
  padding-top: .12rem;
  font-size: .28rem;
  line-height: .36rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modular-box .actual-ul {
  display: flex;
  padding: .28rem .32rem 0;
  overflow-x: auto;
}
.modular-box .actual-ul li {
  min-width: 1.76rem;
  height: 2rem;
  padding: .2rem 0 0;
  margin-right: .28rem;
  border: .01rem solid #D1D1D1;
  border-radius: .12rem;
  text-align: center;
}
.modular-box .actual-ul li img {
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 50%;
}
.modular-box .actual-ul li .team-txt {
  padding-top: .12rem;
  font-size: .28rem;
  line-height: .36rem;
  color: #333333;
}
.coupon-box {
  margin: 0 .32rem;
  height: 2.88rem;
  background-image: url(../images/coupon1.png);
  background-size: 100% 100%;
}
.coupon-box .coupon-top {
  line-height: .64rem;
  padding: 0 .32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-box .coupon-top .title {
  font-family: 'YouSheBiaoTiHei';
  font-weight: 600;
  font-size: .36rem;
  color: #FFFFFF;
}
.coupon-box .coupon-top .more {
  font-size: .24rem;
  color: #FFDFD5;
}
.coupon-box .coupon-top .more i {
  font-size: .24rem;
}
.coupon-box .coupon-ul {
  padding: .32rem .24rem;
  display: flex;
  justify-content: space-between;
}
.coupon-box .coupon-ul li {
  display: flex;
  justify-content: space-between;
  width: 3.1rem;
  height: 1.4rem;
  background-image: url(../images/coupon2.png);
  background-size: 100% 100%;
}
.coupon-box .coupon-ul li .coupon-left {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  width: calc(100% - .6rem);
}
.coupon-box .coupon-ul li .coupon-left .coupon-price {
  width: 100%;
  font-weight: 600;
  font-size: .4rem;
  color: #E82C2C;
  text-align: center;
  padding-bottom: .04rem;
}
.coupon-box .coupon-ul li .coupon-left .coupon-mj {
  width: 100%;
  font-size: .24rem;
  color: #E82C2C;
  text-align: center;
}
.coupon-box .coupon-ul li .coupon-right {
  font-weight: 500;
  font-size: .24rem;
  color: #E82C2C;
  width: .6rem;
  padding: .12rem .14rem;
  line-height: .28rem;
  text-align: center;
}
.coupon-box .coupon-ul .coupon-li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 1.72rem;
  background-image: url(../images/coupon3.png);
  background-size: 100% 100%;
}
.coupon-box .coupon-ul .coupon-li .coupon-left {
  width: 2.06rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.coupon-box .coupon-ul .coupon-li .coupon-left .coupon-price {
  width: 100%;
  font-weight: 700;
  font-size: .48rem;
  color: #E82C2C;
  text-align: center;
  padding-bottom: .04rem;
}
.coupon-box .coupon-ul .coupon-li .coupon-left .coupon-mj {
  width: 100%;
  font-size: .24rem;
  color: #E82C2C;
  text-align: center;
}
.coupon-box .coupon-ul .coupon-li .coupon-text {
  width: calc(100% - 2.86rem);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.coupon-box .coupon-ul .coupon-li .coupon-text .coupon-quan {
  font-size: .32rem;
  color: #333333;
  padding-bottom: .08rem;
}
.coupon-box .coupon-ul .coupon-li .coupon-text .coupon-quan span {
  font-size: .22rem;
  color: #999999;
  padding-left: .08rem;
}
.coupon-box .coupon-ul .coupon-li .coupon-text .coupon-txt {
  padding-right: .24rem;
  line-height: .32rem;
  font-size: .2rem;
  color: #666666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.coupon-box .coupon-ul .coupon-li .coupon-right {
  font-size: .24rem;
  color: #E82C2C;
  width: .8rem;
  font-weight: 500;
  padding: .24rem .2rem;
  line-height: .32rem;
  text-align: center;
}
.careful-on {
  /* position: relative;
  display: flex;
  align-items: center;
  height: .88rem;
  padding: 0 .24rem;
  background: #FEFCEC; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.28rem 0.32rem 0;
}
.careful-on img {
  /* width: .64rem;
  height: .64rem;
  border-radius: 2px; */
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #E7E7E7;
}
.careful-on .careful-text {
  /* padding-left: .16rem;
  font-size: .28rem;
  color: #E4601E; */
  font-size: .28rem;
  line-height: .32rem;
  color: #fff;
  padding: 0 .24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
}
.careful-on .careful-add {
  /* position: absolute;
  right: .24rem;
  width: 1.08rem;
  text-align: center;
  line-height: .44rem;
  border: .02rem solid #F56720;
  border-radius: .4rem;
  color: #E4601E; */
  white-space: nowrap;
  text-align: center;
  padding: 0 0.24rem;
  line-height: .56rem;
  color: #fff;
  border-radius: 0.4rem;
  background: linear-gradient(90deg, #fff -170%, var(--primary-color) 100%);
  box-shadow: 0 0.04rem 0.06rem #fff;
}
.careful-lr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .88rem;
  padding: 0 .24rem;
  font-size: .28rem;
}
.careful-in {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .28rem .32rem 0;
  /* background: #fff; */
}
.careful-in img {
  width: .72rem;
  height: .72rem;
  border-radius: .08rem;
  border: .02rem solid #E7E7E7;
}
.careful-in .careful-dis{
    display: flex;
    align-items: center;
}
.careful-in .careful-text {
  padding-left: .08rem;
}
.careful-in .careful-text .careful-top {
  font-size: .32rem;
  /* color: #333333; */
  color: #fff;
  line-height: .4rem;
  padding-bottom: .04rem;
  /* max-width: 2.8rem; */
}
.careful-in .careful-text .careful-bottom {
  font-size: .22rem;
  line-height: .28rem;
  /* color: #999; */
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
}
.careful-in .careful-text .careful-bottom span:first-child {
  padding: 0;
  border: 0;
}
.careful-in .careful-text .careful-bottom span {
  /* padding-right: .08rem; */
  /* border: .02rem #eee solid; */
  border-radius: .08rem;
  /* padding: 0 .08rem; */
  line-height: .28rem;
  display: inline-block;
}
.careful-in .careful-add {
  display: flex;
  /* position: absolute; */
  right: .32rem;
}
.careful-in .careful-add .careful-left {
  /* white-space: nowrap;
  text-align: center;
  min-width: 1.6rem;
  padding: 0 .24rem;
  line-height: .6rem;
  color: #fff;
  background: linear-gradient(90deg, #01A8FF 0%, #438EFF 100%);
  box-shadow: 0rem .04rem .08rem #B1D9FF;
  border-radius: .3rem; */
  white-space: nowrap;
  text-align: center;
  min-width: 1.6rem;
  padding: 0 .24rem;
  line-height: .56rem;
  color: #fff;
  border-radius: .4rem;
  /* border: .02rem #fff solid; */
}
.careful-in .careful-add .careful-right {
  /* white-space: nowrap;
  text-align: center;
  min-width: 1.6rem;
  margin-left: .16rem;
  padding: 0 .24rem;
  line-height: .6rem;
  color: #fff;
  background: linear-gradient(90deg, #01A8FF 0%, #438EFF 100%);
  box-shadow: 0rem .04rem .08rem #B1D9FF;
  border-radius: .3rem; */
  white-space: nowrap;
  text-align: center;
  min-width: 1.6rem;
  margin-left: .16rem;
  padding: 0 .24rem;
  line-height: .6rem;
  color: #fff;
  /* background: #fff; */
  border-radius: .4rem;
}
/* .modular-box .toptitle .title:after {
  content: "";
  width: .36rem;
  height: .36rem;
  border-radius: 50%;
  position: absolute;
  left: -0.04rem;
  bottom: .12rem;
  z-index: -1;
  background: var(--primary-color)!important;
  opacity: .3;
} */
.banler {
  height: 1.88rem;
  /* margin: 0 .32rem -0.32rem; */
  margin: 0 .32rem 0;
}
.banler .swiper-container {
  height: 1.88rem !important;
}
.banler .swiper-container img {
  object-fit: cover;
}
.banler2 {
  /* height: 3.76rem; */
  /* margin: 0 .32rem; */
  margin: -0.32rem 0;
  /* margin: 0; */
}
.banler2 .swiper-container {
  /* height: 3.76rem !important; */
  height: 2.06rem!important;
}
.banler2 .swiper-container img {
  /* object-fit: cover; */
}
.banler2 .swiper-slide img {
  border-radius: 0!important;
}
.news-i {
  padding: .16rem .32rem 0;
  font-size: .28rem;
  line-height: .6rem;
  color: #333333;
  display: flex;
  align-items: center;
}
.news-i img {
  margin: 0 .12rem 0 .08rem;
  width: .4rem;
  height: .4rem;
}
.news-i .news-txt {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-box {
  padding: 0 .32rem;
  margin-top: .24rem;
  overflow: hidden;
  height: .72rem;
  background: #fff;
}
.news-box .news-list-ul {
  box-shadow: 0rem .02rem .22rem rgb(0 0 0 / 8%);
  margin-top: .08rem;
  border-radius: .08rem;
  padding: 0 .12rem 0 .04rem;
}
.news-box .news-list-ul li {
  font-size: .28rem;
  color: #333333;
  line-height: .72rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-box .news-list-ul li img {
  width: .4rem;
  height: .4rem;
  margin: 0 .12rem 0 .08rem;
}
.news-box .news-list-ul li div {
  width: calc(100% - .6rem);
  padding-right: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: .72rem;
  line-height: .72rem;
}
.news-box .news-list-ul li div p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-box .news-list-ul li div .transverse {
  display: inline-block;
  white-space: nowrap;
  animation: 10s wordsLoop linear infinite normal;
  text-align: right;
  padding-left: 100%;
  line-height: .72rem;
}
@keyframes wordsLoop {
  0% {
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
  }
  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
@-webkit-keyframes wordsLoop {
  0% {
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
  }
  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
.news-box .news-list-ul li span {
  display: inline-block;
  min-width: .4rem;
  text-align: right;
  color: #999;
}
.news-box .news-list-ul li span i {
  font-size: .2rem;
  padding-left: .02rem;
  color: #999;
  line-height: .4rem;
}

.communication1 {
  display: flex;
  justify-content: space-between;
  padding: 0 .32rem 0;
  /* margin-top: -0.2rem; */
  background: #fff;
}
.communication1 .left-item {
  background: #c3e1ff;
  border-radius: .08rem;
  padding: .24rem 0;
  padding-left: .2rem;
  width: 31%;
}
.communication1 .left-item .tite {
  font-weight: 600;
  font-size: .32rem;
  color: #4B98FF;
}
.communication1 .left-item .text {
  display: inline-block;
  margin-top: .08rem;
  padding: 0 .12rem;
  line-height: .4rem;
  border-radius: .24rem;
  font-size: .22rem;
  color: #FFFFFF;
  background: linear-gradient(89.94deg, #4B98FF 0.05%, #CCE2FF 99.96%);
}
.communication1 .middle-item {
  background: #ffd0c0;
  border-radius: .08rem;
  padding: .24rem 0;
  padding-left: .2rem;
  width: 31%;
}
.communication1 .middle-item .tite {
  font-weight: 600;
  font-size: .32rem;
  color: #FF794D;
}
.communication1 .middle-item .text {
  display: inline-block;
  margin-top: .08rem;
  padding: 0 .12rem;
  line-height: .4rem;
  border-radius: .24rem;
  font-size: .22rem;
  color: #FFFFFF;
  background: linear-gradient(89.94deg, #FF794C 0.05%, #FFD9CC 99.96%, #FFD9CC 99.96%);
}
.communication1 .rigth-item {
  background: #ffe6c1;
  border-radius: .08rem;
  padding: .24rem 0;
  padding-left: .2rem;
  width: 31%;
}
.communication1 .rigth-item .tite {
  font-weight: 600;
  font-size: .32rem;
  color: #FFB84D;
}
.communication1 .rigth-item .text {
  display: inline-block;
  margin-top: .08rem;
  padding: 0 .12rem;
  line-height: .4rem;
  border-radius: .24rem;
  font-size: .22rem;
  color: #FFFFFF;
  background: linear-gradient(89.94deg, #FFB84D 0.05%, #FFC369 99.96%);
}
.homepage-ss{
  width: 100%;
  height: 1.1rem;
  padding: .24rem .32rem;
  /* background: #eee; */
  position: relative;
  /* margin-top: -10px; */
}
.homepage-ss1{
  /* background: #eee; */
  background: rgba(197, 207, 206);
}
.homepage-ss i{
  font-size: .4rem;
  position: absolute;
  top: .36rem;
  left: .5rem;
  color: #999;
}
.homepage-ss input{
  width: 100%;
  height: .6rem;
  padding: 0;
  margin: 0;
  padding-left: .64rem;
  border-radius: .04rem;
  background: #fff;
}
.h-swiper1 .swiper-slide img{
  border-radius: 0!important;
}
/* .homepage-ss input::-webkit-input-placeholder {
  color: #fff;
}
.homepage-ss input::-moz-placeholder {
  color: #fff;
}
.homepage-ss input:-ms-input-placeholder {
  color: #fff;
}
.homepage-ss input:-moz-placeholder {
  color: #fff;
} */