.foreignerNewBaby {
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  background: #f4f6f7;
  position: relative;
}

/* banner */
.newsTopNav {
  background: url(./flu-banner.jpg) top center no-repeat;
}

/*Tab*/
.navTab {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 20;
}

.navTab-nav {
  width: 1200px;
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.navTab-nav ul {
  display: flex;
  align-items: center;
}

.navTab-nav ul li {
  width: 600px;
  height: 137px;
  background: url(./flu-tab2.png) top center no-repeat;
  font-size: 28px;
  line-height: 3.7;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  position: relative;
  color: #333;
  /* bottom: -40px; */
  z-index: 999;

}

.navTab-nav ul li.active {
  width: 600px;
  height: 137px;
  background: url(./flu-tab1.png) top center no-repeat;
  color: #00c8bc;
}

.nav-li1 a {
  display: inline-block;
  /* margin: 32px 15px 0 */
}

.nav-li2 a {
  display: inline-block;
  /* margin: 32px 15px 0 */
}

.navTab-nav ul li a {
  color: #00c8bc;
}

.navTab-nav ul li.active a {
  color: #fff;
}

.showTab {
  display: none;
}

/*box1*/
.foreignerNewBaby-box1 {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0px 30px 100px;
  position: relative;
  /* border: 20px solid #dbeffc; */
  border-top: 0;
  top: -21px
}

.foreignerNewBaby-box1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: 1160px;
  height: calc(100% - 25px);
  background: #f4f6f7;
  z-index: 10;
}

.foreignerNewBaby-box1::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
  z-index: 1;
}

.foreignerNewBaby-box1-tab,
.foreignerNewBaby-box1-main {
  position: relative;
  z-index: 100;
}

.foreignerNewBaby-box1-tab {
  display: flex;
  justify-content: space-around;
  padding: 120px 160px 0;
}

.foreignerNewBaby-box1-tab-item {
  width: 244px;
  padding-top: 120px;
  position: relative;
  cursor: pointer;
}

.foreignerNewBaby-box1-tab-item:nth-child(1)::before {
  content: '';
  position: absolute;
  width: 48px;
  height: 28px;
  right: -100px;
  top: 50px;
  background: url(./flu-jiantou.png) no-repeat;
}

.foreignerNewBaby-box1-tab-item:nth-child(2)::before {
  display: none;
}

.foreignerNewBaby-box1-tab-step {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 20px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.foreignerNewBaby-box1-tab-icon {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0px;
  border: 2px solid #67d6da;
  left: calc(50% - 100px);
  z-index: 10;
  box-sizing: border-box;
}

.foreignerNewBaby-box1-tab-iconCard {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.foreignerNewBaby-box1-tab-icon1 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-1.png) center #f0f9ff no-repeat;
}

.foreignerNewBaby-box1-tab-icon2 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-2.png) center #f0f9ff no-repeat;
}

.foreignerNewBaby-box1-tab-icon3 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-3.png) center #f0f9ff no-repeat;
}

.foreignerNewBaby-box1-B .foreignerNewBaby-box1-tab-icon1 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-2.png) center #f0f9ff no-repeat;
}

.foreignerNewBaby-box1-B .foreignerNewBaby-box1-tab-icon2 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-3.png) center #f0f9ff no-repeat;
}


.foreignerNewBaby-box1-tab-text {
  color: #00c8bc;
  background: #fff;
  border: 2px solid #86ddde;
  padding: 110px 10px 70px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 1;
  height: 60px;

}

.foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon {
  border: none;
}

.foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient( 45deg, rgb(85,223,185) 20%, rgb(105,197,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(85,223,185) 20%, rgb(105,197,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(85,223,185) 20%, rgb(105,197,255) 100%);
}

.foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon1 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-1Ac.png) center no-repeat;
}

.foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon2 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-2Ac.png) center no-repeat;
}

.foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon3 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-3Ac.png) center no-repeat;
}


.foreignerNewBaby-box1-B .foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon1 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-2Ac.png) center no-repeat;
}

.foreignerNewBaby-box1-B .foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon2 .foreignerNewBaby-box1-tab-iconCard {
  background: url(./flu1-3Ac.png) center no-repeat;
}







/* .foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-icon4 .foreignerNewBaby-box1-tab-iconCard {
background: url(./purchaseparktickets4Ac.png) center no-repeat;
} */

.foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-text {
  border: none;
  color: #333;
  background-image: -moz-linear-gradient( 45deg, rgb(85,223,185, 0.15) 20%, rgb(105,176,255, 0.15) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(85,223,185, 0.15) 20%, rgb(105,176,255, 0.15) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(85,223,185, 0.15) 20%, rgb(105,176,255, 0.15) 100%);
}

/* .foreignerNewBaby-box1-tab-item.active .foreignerNewBaby-box1-tab-text::before{
content: '';
position: absolute;
width: calc(100% + 4px);
height: calc(100% + 4px);
/*    background-image: -moz-linear-gradient( 0deg, rgb(46,88,222) 0%, rgb(16,183,213) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(46,88,222) 0%, rgb(16,183,213) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(46,88,222) 0%, rgb(16,183,213) 100%); 
left: 0;
top: 0;
opacity: 0.149;
} */

.foreignerNewBaby-box1-main {
  position: relative;
  margin: 0 auto;
  padding: 65px 0 0 0;
  margin-top: 60px;
  display: none;
  width: 980px;
}

.foreignerNewBaby-box1-main::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 280px;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: -moz-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
}

.foreignerNewBaby-box1-main-step {
  width: 140px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 22px;
  left: -24px;
  box-sizing: border-box;
  padding-right: 20px;
  text-align: right;
  z-index: 1;
  background-image: -moz-linear-gradient(0deg, rgba(7, 192, 199, 0.451) 0%, rgba(77, 180, 217, 0.551) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(7, 192, 199, 0.451) 0%, rgba(77, 180, 217, 0.551) 100%);
  background-image: -ms-linear-gradient(0deg, rgba(7, 192, 199, 0.451) 0%, rgba(77, 180, 217, 0.551) 100%);
}

.foreignerNewBaby-box1-main-top {
  display: flex;
  position: relative;
  z-index: 10;
  justify-content: space-between;
  margin-left: 45px;
}

.foreignerNewBaby-box1-main-img {
  width: 400px;
  height: 265px;
  box-shadow: 12.83px 11.153px 0px 0px rgba(210, 237, 239, 0.7);
}

.foreignerNewBaby-box1-main-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.foreignerNewBaby-box1-main-text {
  font-size: 30px;
  color: #fff;
  width: 50%;
  line-height: 1.5;
  position: relative;
  margin-top: 15px;
  margin-right: 18px;
}

.foreignerNewBaby-box1-main-textBig {
  position: relative;
}

.foreignerNewBaby-box1-main-textBig::before {
  content: '';
  width: 200px;
  height: 5px;
  background: #fff;
  position: absolute;
  bottom: -20px;
  left: -70px;
}


.foreignerNewBaby-box1-main-arrow {
  height: 16px;
  width: 16px;
  border-width: 0 2px 2px 0;
  border-color: #fff;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform-origin: center;
  position: absolute;
  top: 244px;
  right: 30px;

}

.foreignerNewBaby-box1-main-bottom {
  margin-top: 40px;
  margin-left: 45px;
  font-size: 16px;
  line-height: 25px;
}


/**/
.foreignerNewBaby-box2 {
  width: 1200px;
  margin: 50px auto;
  display: flex;
  justify-content: space-between;
}

.foreignerNewBaby-box2-item {
  height: 320px;
  box-sizing: border-box;
  padding: 47px 0 47px 47px;
  position: relative;
}

.foreignerNewBaby-tips {
  width: 720px;
}

.foreignerNewBaby-faqs {
  width: 460px;
}

.foreignerNewBaby-box2-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 94.5%;
  height: 100%;
  z-index: 1;
  background-image: -moz-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(85, 223, 185) 0%, rgb(105, 197, 255) 100%);
}

.foreignerNewBaby-faqs::before {
  width: 91%;
}

.foreignerNewBaby-box2-item::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 30px;
  background-image: -moz-linear-gradient(0deg, rgb(94, 198, 158, 0.251) 0%, rgb(95, 214, 172) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(94, 198, 158, 0.251) 0%, rgb(95, 214, 172) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(94, 198, 158, 0.251) 0%, rgb(95, 214, 172) 100%);
  opacity: 0.149;
}

.foreignerNewBaby-box2-icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  z-index: 20;
  padding: 30px 20px 40px 30px;
  background-image: -moz-linear-gradient(0deg, rgba(7, 192, 199, 0.351) 0%, rgba(7, 192, 199, 0.351) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(7, 192, 199, 0.351) 0%, rgba(7, 192, 199, 0.351) 100%);
  background-image: -ms-linear-gradient(0deg, rgba(7, 192, 199, 0.351) 0%, rgba(7, 192, 199, 0.351) 100%);
}

.foreignerNewBaby-box2-item-list {
  padding: 65px 115px 0 70px;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 10;
  height: 100%;
  box-sizing: border-box;
}

.foreignerNewBaby-box2-item-list li {
  line-height: 1.625;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.foreignerNewBaby-box2-item-list li span {
  width: 5%;
}

.foreignerNewBaby-box2-item-list li a {
  width: 95%;
}

.foreignerNewBaby-box2-item-list li a,
.foreignerNewBaby-box2-item-list-more a {
  font-size: 18px;
  color: #333;
}

.foreignerNewBaby-box2-item-list-more {
  position: absolute;
  right: 80px;
  bottom: 30px;
  font-style: italic;
}

.foreignerNewBaby-faqs-card2 {
  margin-top: 24px;
  text-align: center;
}

.foreignerNewBaby-faqs .foreignerNewBaby-box2-item-list {
  padding: 0;
}

.foreignerNewBaby-faqs .foreignerNewBaby-box2-item-list a {
  height: 100%;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.foreignerNewBaby-faqs-text1 {
  font-size: 24px;
  font-weight: bold;
}

.foreignerNewBaby-faqs-text2 {
  font-size: 18px;
}

.foreignerNewBaby-faqs-text1 span {
  vertical-align: middle;
}

/*mobile */
@media screen and (max-width: 1024px) {
  body {
    width: 16rem;
    margin: 0 auto;
  }

  .newsTopNavMob_img {
    height: 5.152rem;
    background: url(./flu-banner-m.jpg) top center no-repeat;
    background-size: cover;
  }

  .foreignerNewBaby {
    max-width: 16rem;
    min-width: auto;
    overflow: hidden;
  }

  .navTab {
    width: 16rem;
  }

  .navTab-nav {
    width: 16rem;
    margin-top: 1rem;
  }

  .navTab-nav ul {
    display: flex;
    align-items: center;
  }

  .navTab-nav ul li {
    width: 8rem;
    height: 1.764rem;
    background: url(./flu-tab2.png) top center no-repeat;
    font-size: 0.5rem;
    line-height: 2.25;
    background-size: cover;

  }

  .navTab-nav ul li.active {
    width: 8rem;
    height: 1.764rem;
    background: url(./flu-tab1.png) top center no-repeat;
    background-size: cover;
  }

  .nav-li1 a,
  .nav-li2 a {
    margin: 0.112rem 0.193rem 0;
  }

  .nav-li2 a {
    line-height: 0.65rem;
  }

  /* .nav-li1 a{margin-top:0.5rem;} */

  .showTab {
    display: none;
  }

  .foreignerNewBaby-box1 {
    width: 16rem;
    margin: 0;
    /* border: .7085rem solid #d5eaf1; */
    padding: 0 .3865rem .6441rem;
  }

  .foreignerNewBaby-box1-title {
    height: 3.6071rem;
    line-height: 1.2;
    font-size: .7729rem;
    padding: 0 3rem;
    display: flex;
    align-items: center;
  }

  .foreignerNewBaby-box1-tab-item {
    width: 4.38rem;
    padding-top: 2rem;
  }

  .foreignerNewBaby-box1-tab-step {
    font-size: .4638rem;
  }

  .foreignerNewBaby-box1-tab-item:nth-child(1)::before {
    width: .6312rem;
    height: .3607rem;
    right: -1.4638rem;
    top: 1rem;
    background-size: cover;
  }

  .foreignerNewBaby-box1-tab-text {
    padding: 1.8035rem .5797rem .6441rem;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    font-size: .4638rem;
    height: 52%;
  }

  .foreignerNewBaby-box1-main {
    padding: 1.2238rem 0 0 .5797rem;
    margin-top: 1.0306rem;
    width: 88%;
  }

  .foreignerNewBaby-box1-main::before {
    height: 4.1224rem;
  }

  .foreignerNewBaby-box1-main-step {
    width: 2.5765rem;
    height: .6441rem;
    line-height: .6441rem;
    font-size: .5153rem;
    top: .2576rem;
    left: -0.3865rem;
    padding-right: 0.1rem;
  }

  .foreignerNewBaby-box1-main-arrow {
    display: none;
  }

  .foreignerNewBaby-box1-main-img {
    width: 5.153rem;
    height: 3.4138rem;
    box-shadow: none;
  }

  .foreignerNewBaby-box1-main-text {
    font-size: .6699rem;
    width: 7.4718rem;
    line-height: 1.1;
    position: relative;
  }

  .foreignerNewBaby-box1-main-textBig {
    font-size: .6699rem;
    padding-bottom: .2576rem;
  }

  .foreignerNewBaby-box1-main-textBig::before {
    content: '';
    width: 2.5765rem;
    height: .0773rem;
    left: -0.8374rem;
  }

  .foreignerNewBaby-box1-main-bottom {
    margin-top: .7729rem;
    font-size: .5153rem;
    line-height: 0.82rem;
    margin-bottom: 0.72rem;
  }

  .foreignerNewBaby-box1::before {
    width: 96%;
  }

  .foreignerNewBaby-box1-tab {

    padding: 1.745rem 0.63rem 0;
  }

  .foreignerNewBaby-box1-main-top,
  .foreignerNewBaby-box1-main-bottom {
    margin-left: 0
  }

  .foreignerNewBaby-box1-B .foreignerNewBaby-box1-tab-text {
    padding: 1.8035rem .1797rem .6441rem;
  }

  .foreignerNewBaby-box2 {
    width: 16rem;
    flex-direction: column;
    margin: 1.0306rem 0 1.5459rem;
  }

  .foreignerNewBaby-box2-item {
    width: 100%;
    height: auto;
    padding: 1.0306rem 0 1.0306rem .7729rem;
  }

  .foreignerNewBaby-box2-item::before {
    width: 92.3%;
  }

  .foreignerNewBaby-box2-icon {
    font-size: .7729rem;
    padding: .3865rem .6441rem;
  }

  .foreignerNewBaby-box2-item-list {
    padding: 1.0306rem 1.5rem 1.0306rem 1rem;
  }

  .foreignerNewBaby-box2-item-list ol {
    font-size: .5153rem;
  }

  .foreignerNewBaby-box2-item-list li {
    line-height: 1.5;
    margin-bottom: .3865rem;
  }

  .foreignerNewBaby-box2-item-list li span {
    height: 100%;
  }

  .foreignerNewBaby-box2-item-list li a,
  .foreignerNewBaby-box2-item-list-more a {
    font-size: .5153rem;
  }

  .foreignerNewBaby-box2-item-list-more {
    right: 2.0612rem;
    bottom: .6441rem;
  }

  .foreignerNewBaby-box2-item::after {
    width: 1.25rem;
    height: 100%;
  }

  .foreignerNewBaby-faqs {
    margin-top: 1.0306rem;
  }

  .foreignerNewBaby-faqs .foreignerNewBaby-box2-item-list {
    padding: 1.4171rem 0;
  }

  .foreignerNewBaby-faqs .foreignerNewBaby-box2-item-list a {
    flex-direction: row;
  }

  .foreignerNewBaby-faqs-card1 {
    width: 2.8341rem;
    height: 2.8341rem;
    margin-right: .9018rem;
  }

  .foreignerNewBaby-faqs-card1 img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .foreignerNewBaby-faqs-card2 {
    width: 7.8583rem;
    text-align: left;
    margin: 0;
  }

  .foreignerNewBaby-faqs-text1 {
    font-size: .7729rem;
    margin-bottom: .3rem;
  }

  .foreignerNewBaby-faqs-text1 span img {
    display: inline-block;
    width: .52rem;
    height: auto;
  }

  .foreignerNewBaby-faqs-text2 {
    font-size: .6184rem;
  }
}