.body {
  background-color: #f72b3b;
  padding-bottom: 1.68rem;
}

.form-div {
  position: absolute;
  left: 0%;
  top: 4.2rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}

.form-div .item {
  margin-bottom: 0.5rem;
  position: relative;
}

.form-div .item::after {
  display: block;
  content: "";
  width: 100%;
  border-bottom: 1px solid #000;
  transform: scaleY(0.5);
}

.form-div .item p {
  padding-left: 5px;
  font-size: 0.45rem;
  color: #666;
  margin-bottom: 0.05rem;
}

.form-div .item input {
  width: 100% !important;
  font-size: 16px;
  color: #333;
  margin-bottom: 0.32rem;
}

.form-div .item input::placeholder{
  font-size: 16px;
font-family: NotoSansCJKsc;
font-weight: normal;
color: #333333;
}

.form-div .item input::-ms-input-placeholder{
  font-size: 16px;
font-family: NotoSansCJKsc;
font-weight: normal;
color: #333333;
}

.form-div .item input::-moz-input-placeholder{
  font-size: 16px;
font-family: NotoSansCJKsc;
font-weight: normal;
color: #333333;
}

.form-div .item input::-webkit-input-placeholder{
  font-size: 16px;
font-family: NotoSansCJKsc;
font-weight: normal;
color: #333333;
}

.items {
  margin-bottom: 0.4rem;
  white-space: nowrap;
  color: #666666;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  font-size: 0.3rem;
}

.item-btn {
  width: 82%;
  height: 1.6rem;
  margin: 0 auto;
  background: url(../img/getResult.png) left top no-repeat;
  background-size: 100% 100%;
}

#newZealand {
  width: 100%;
  position: relative;
}

.item b {
  width: 2.77rem;
  height: 0.68rem;
  font-style: normal;
  background-color: #ffd9d3;
  text-align: center;
  line-height: 0.68rem;
  color: #ef2434;
  outline: none;
  border: 0;
  cursor: pointer;
  border-radius: 0.16rem;
  font-size: 14px;
  position: absolute;
  top: -6%;
  font-weight: 400;
}

.verification-code-btn,
#count-down {
  position: absolute;
  right: 2%;
  bottom: 9%;
}

.agree-policy {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-image: url(../img/dialog/uncheck.png);
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 0.1rem;
}

.agreePolicyActive {
  display: inline-block;
  content: "";
  width: 0.32rem;
  height: 0.32rem;
  background-image: url(../img/dialog/checked.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  vertical-align: text-top;
  cursor: pointer;
}

.items label {
  font-size: 0.3rem;
}

.privacy {
  color: #EA0325;
}

.mask-pay .privacy {
  color: #EA0325;
}

.last-foot {
  text-align: center;
  width: 100%;
  font-size: 0.28rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  line-height: 1.2rem;
  height: 1.2rem;
  margin-top: -1px;
}

iframe {
  display: none;
}

.tcaptcha-transform iframe {
  display: block;
}

.protocolPop iframe {
  display: block;
}

.tosat {
  width: 4rem;
  height: 1.4rem;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -0.7rem;
  margin-left: -2rem;
  z-index: 9999;
  border-radius: 0.2rem;
  color: #fff;
  font-size: 0.4rem;
  text-align: center;
  line-height: 1.4rem;
  display: none;
}

.headerText {
  width: 100%;
  position: absolute;
  bottom: 5.8%;
  text-align: center;
  font-size: 0.3rem;
  color: #ffffff;
}

.dialogText,
.successDialog {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 99999999;
}

.successDialog .protocol {
  width: 8.15rem;
  height: 9.77rem;
  background-color: transparent;
}

.protocol {
  width: 8rem;
  height: 11rem;
  position: absolute;
  z-index: 50;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.protocolPop {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.dialogText .textClose,
.successDialog .textClose {
  position: absolute;
  right: 0rem;
  top: -1.2rem;
  width: 0.86rem;
  height: 0.86rem;
}

.txc p b {
  font-weight: normal;
}

.protoWrap {
  width: 100%;
  height: 100%;
  position: relative;
}

/* 页面css */
.talkBox {
  background-color: #f72b3b;
}

.headerForm {
  width: 100%;
  height: 12.4rem;
  background: url(../img/formBg.png) left top no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: 0 auto 0.66rem auto;
}

.formCont {
  width: 77.9%;
  margin: 0 auto;
}

.policyOut {
  width: 100%;
  margin: 0.32rem 0;
  display: flex;
  align-items: center;
}

.showData {
  width: 93%;
  background-color: #f72b3b;
  margin: 0.707rem auto 0 auto;
  padding-bottom: 0.87rem;
}

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-x: auto;
  background-color: #f72b3b;
  padding: 0 0.32rem;
}

#navTop {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}

.navItem {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  overflow-x: auto;
  margin-right: 0.16rem;
}

.navItem .small {
  display: block;
}

.navItem .big {
  display: none;
}

.nav .navItemActive {
  width: 2.573rem;
  height: 2.667rem;
}

.nav .navItemActive .small {
  display: none;
}

.nav .navItemActive .big {
  display: block;
}

.country {
  margin-top: 0.5rem;
}

.countryHead {
  text-align: center;
  margin-bottom: 0.47rem;
}

.countryHead h4 {
  color: #fff;
  font-size: 0.67rem;
  margin-bottom: 0.26rem;
}

.countryHead p {
  color: #fff;
  font-size: 0.29rm;
}

.countryCont {
  width: 100%;
  border-radius: 0.16rem;
  padding: 0.48rem 0.32rem 0.5rem 0.32rem;
  background-color: #fff;
}

.countryText {
  padding: 0.48rem;
}

.countryTerm {
  display: flex;
  align-items: center;
  background-color: #ffdbd5;
  margin: 0.1rem 0;
}

.termLeft {
  width: 40%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-color: #ffdbd5;
  padding: 0.2rem 0;
  font-size: 0.37rem;
  font-family: Source Han Sans SC;
  font-weight: 800;
  color: #333333;
}

.termRight {
  color: #000;
  width: 60%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  background-color: #f3f3f3;
  padding: 0.3rem 0.3rem 0.3rem 0.6rem;
  font-size: 0.32rem;
  line-height: 0.42rem;
}

.rightCont {
  color: #000;
  width: 60%;
  height: 100%;
  background-color: #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.3rem 0 0.3rem 0.6rem;
}

.countryCont .rightWrap {
  height: auto;
  background-color: #ffdbd5;
}

.rightText {
  width: 4rem;
  font-size: 0.32rem;
  line-height: 0.42rem;
}

.countryGoodness {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffdbd5;
  font-size: 0.37rem;
  font-weight: bold;
  color: #333;
}

.countryText {
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1rem;
}

.textWrap {
  width: 8.21rem;
  font-size: 0.32rem;
  line-height: 0.5rem;
}

.recommend {
  margin-top: 0.76rem;
}

.recommendTop,
.recommendBot {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  font-weight: bold;
  color: #333;
}

.recommendText {
  margin: 0 0.05rem;
}

.school {
  margin-top: 0.77rem;
  position: relative;
}

.schoolWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.schoolItem:nth-child(5n) {
  margin-right: 0;
}

#asiaWrap .schoolItem:nth-child(5n) {
  margin-right: 0.08rem;
}

.schoolItem {
  width: 1.66rem;
  height: 1.76rem;
  border: 0.5px solid #999;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-bottom: 0.1rem;
  margin-right: 0.08rem;
}

.schoolIcon {
  width: 100%;
  height: 76%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.schoolIconItem {
  width: 84.3%;
  height: 77.5%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.schoolText {
  width: 100%;
  height: 24%;
  background-color: #ffdbd5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 0.12rem;
}

.schoolItemActive .schoolText {
  background-color: #f73b3c;
  color: #fff;
}

.textCont {
  width: 97%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 0.2rem;
}

.schoolDesc {
  border-radius: 0.16rem;
  background-color: #f73b3c;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0.1rem;
  width: 100%;
  height: 2.413rem;
  margin: 0.4rem 0;
}

.descImage {
  width: 2.16rem;
  height: 2.16rem;
  margin-right: 0.33rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  overflow:hidden;
}

.descImage img {
  border-radius: 0.16rem;
  background-color: #ffffff;
}

.descCont {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.descCont h4 {
  color: #fff;
  font-weight: bold;
  font-size: 0.37rem;
}

.descCont p {
  color: #fff;
  font-size: 0.32rem;
  margin-top: 0.2rem;
}

.collegeHeadSwiper {
  display: none;
}

.collegeHead {
  width: 100%;
  height: 4rem;
}

.collegeHeadImage {
  width: 100%;
  height: 100%;
}

.collegeHeadImage img {
  border-radius: 0.53rem;
}

.collegeText {
  margin: 0.4rem 0 0.8rem 0;
}

.collegeSub {
  margin-bottom: 0.8rem;
}

.subTitle {
  font-weight: bold;
  font-size: 0.4rem;
  margin-bottom: 0.267rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.subTitle i {
  display: inline-block;
  width: 0.067rem;
  height: 0.47rem;
  background-color: #f72b3b;
  margin-right: 0.2rem;
}

.bottomFixed {
  width: 100%;
  height: 1.68rem;
  background-image: url(../img/footerBg.png);
  background-size: 100% 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0.4rem;
  z-index: 99;
}

.bottomBut {
  display: inline-block;
  width: 3.71rem;
  height: 1rem;
  background-image: url(../img/rightAwayTest.png);
  background-size: 100% 100%;
}

.collegeItem {
  display: none;
}

.collegeWrap .collegeItemActive {
  display: block;
}

.countryWrapItem {
  display: none;
}

.country .countryWrapItemActive {
  display: block;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.collegeHead .swiper-slide {
  height: 100%;
  border-radius: 1rem;
  overflow:hidden
}

.collegeHead .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  border: 1px solid #ffffff;
}

.collegeHead .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #ffffff;
}

.asiaHead {
  display: flex;
  align-content: stretch;
  justify-content: space-between;
  margin-bottom: 0.07rem;
}

.asiaHead span:nth-child(1){
  width: 1.6rem;
}

.asiaHead span:nth-child(2){
  width: 2.33rem;
}
.asiaHead span:nth-child(3){
  width: 2.09rem;
}
.asiaHead span:nth-child(4){
  width: 2.47rem;
}

.asiaHead span {
  /* height: 1.2rem; */
  background-color: #ffdbd5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0.36rem 0.1rem;
}

.asiaCont span {
  height: 3.13rem;
  background-color: #f3f3f3;
}

.europeCont span {
  /* height: 2.8rem; */
  background-color: #f3f3f3;
}

#Europe .asiaHead span:nth-child(1) {
  width: 1.2rem;
}

#Europe .asiaHead span:nth-child(3) {
  width: 2.1rem;
}

.europeContActive span {
  height: 4.7rem;
  background-color: #f3f3f3;
}

.asiaWrap .countryGoodness {
  margin-top: 0.11rem;
}

#asiaSchool .schoolWrap {
  margin-top: 1.2rem;
}

.schoolSing {
  position: absolute;
  left: 0rem;
  top: -0.7rem;
  width: 8.6rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.schoolMal {
  position: absolute;
  left: 0rem;
  top: 2rem;
  width: 3.4rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.europeSchool .school {
  margin-top: 1.3rem;
}

.europeSchool .europeFra {
  position: absolute;
  left: 0;
  top: -0.7rem;
  width: 3.35rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.europeSchool .europeGer {
  position: absolute;
  left: 4.4rem;
  top: -0.7rem;
  width: 3.35rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.europeSchool .schoolItem {
  margin-bottom: 0.8rem;
}

#europeWrap .europeFra {
  width: 3.35rem;
}

#europeWrap .europeGer {
  width: 3.35rem;
  left: 3.5rem;
}

#europeWrap .europeSwi {
  width: 1.65rem;
  left: 3.49rem;
  top: -0.7rem;
}

#europeWrap .europeFour {
  position: absolute;
  left: 0rem;
  top: 1.9rem;
  width: 3.35rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.europeSchool .europeSwi {
  position: absolute;
  left: 2.6rem;
  top: 1.9rem;
  width: 3.4rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.europeSchool .europeIta {
  position: absolute;
  left: 3.45rem;
  top: 1.9rem;
  width: 3.4rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.europeSchool .europeFin {
  position: absolute;
  left: 6.9rem;
  top: 1.9rem;
  width: 1.75rem;
  height: 0.5rem;
  background-color: #f72b3b;
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.europeTab {
  background-color: #f72b3b;
  width: 100%;
  height: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.12rem;
  margin-top: 0.15rem;
}

#europeWrap .europeItem{
  width: 32.5%;
}

#asiaWrap .europeItem{
  width: 32.5%;
}

.europeItem {
  background-color: #ffffff;
  height: 0.77rem;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.35rem;
  color: #333333;
  box-sizing: border-box;
}

.europeTab .europeItemActive {
  color: #ffffff;
  background-color: #ad0e1a;
  font-weight: bold;
}

.europeCont .countryGoodness {
  margin-top: 0.11rem;
  padding: 0.24rem 0;
}

.europeCont .countryText {
  margin-bottom: 0;
}

.countryEnd{
  margin-top: 0.32rem;
}

.europeContItem {
  display: none;
}

.europeCont .europeContItemActive {
  display: block;
}

.subCont {
  /* white-space: pre; */
}

.subCont img {
  margin: 0.2rem 0;
}

#countryData .swiper-container {
  height: 100%;
}

.countDown {
  display: inline-block;
  width: 2.77rem;
  height: 0.68rem;
  font-style: normal;
  border-radius: 0.15rem;
  background-color: #ffd9d3;
  text-align: center;
  line-height: 0.68rem;
  color: #333333;
  outline: none;
  border: 0;
  cursor: pointer;
  font-size: 0.373rem;
  position: absolute;
  top: -6%;
}

.countDown2 {
  width: 2.2133rem;
  height: 0.6rem;
  font-style: normal;
  background-size: cover;
  background-color: #d2473a;
  text-align: center;
  line-height: 0.6rem;
  color: #ffffff;
  outline: none;
  border: 0;
  background-position: center top;
  cursor: pointer;
  border-radius: 0.15rem;
  margin-right: 0.21rem;
  font-size: 0.2933rem;
  position: absolute;
  right: 2%;
  top: 20%;
}

.mask-pay .hide {
  display: none;
}

.formCont .hide {
  display: none;
}

.showCountry {
  background-image: url("../img/downArrow.png");
  background-size: 0.4rem 0.2rem;
  background-position: 7rem center;
  background-repeat: no-repeat;
}

.showCountry2 {
  background-image: url("../img/dialog/downArrow.png");
  background-size: 0.4rem 0.2rem;
  background-position: 7rem center;
  background-repeat: no-repeat;
}

/* 页面css END */

/* 弹框css */
.agreeMent {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.agreeMent em {
  color: #cdcdcd;
}

.payFoot {
  width: 100%;
  background-color: #EA0325;
  color: #ffffff;
  font-size: 0.37rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  height: 0.92rem;
  margin: 0.33rem 0 0.39rem 0;
}

.mask-pay {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
}

.pay-div {
  width: 81.3%;
  height: 10.2rem;
  margin: 0 auto;
  background: url("../img/dialog/dialog.png") center center no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  box-sizing: border-box;
}

.pay-div-end {
  padding: 0 40px;
  width: 320px;
  height: 479px;
  background: url("../images/payEnd.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -240px;
}

.pay-div form div {
  width: 100%;
  padding: 0.3rem 0 0.2rem 0;
  border-bottom: 1px solid #cdcdcd;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.16rem;
  position: relative;
}

.pay-div div label {
  color: #cdcdcd;
}

.pay-div div input {
  width: 100%;
  font-size: 0.3rem;
  color: #333333;
  outline: none;
  border: 0;
}

.pay-div div input::-webkit-input-placeholder {
  font-size: 0.3rem;
  color: #333;
}

.pay-div div input::-moz-input-placeholder {
  font-size: 0.3rem;
  color: #333;
}

.pay-div div input::-ms-input-placeholder {
  font-size: 0.3rem;
  color: #333;
}

.pay-div div .phone-ip {
  flex: 1;
}

.pay-div div .code-ip {
  width: 2.8rem !important;
}

.pay-div form b {
  width: 2.2133rem;
  height: 0.6rem;
  font-style: normal;
  background-size: cover;
  background-color: #EA0325;
  text-align: center;
  line-height: 0.6rem;
  color: #ffffff;
  outline: none;
  border: 0;
  background-position: center top;
  cursor: pointer;
  border-radius: 0.15rem;
  margin-right: 0.21rem;
  font-size: 0.2933rem;
}

.pay-concent {
  width: 100%;
  height: 1.8rem;
  background-color: #f5f5f5;
  box-sizing: border-box;
  margin: 0.2rem 0 0.2rem 0;
  border-radius: 0.11rem;
  box-sizing: border-box;
  padding: 0.21rem 0.27rem 0.21rem 0.27rem;
}

.payGift {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.giftImage img {
  width: 1.51rem;
  height: 1.36rem;
}

.giftContent {
  text-align: center;
}

.giftContent h4,
.giftContent h5 {
  font-size: 0.37rem;
  color: #fc6122;
  line-height: 1.3;
}

.giftContent p {
  font-size: 0.32rem;
  color: #999999;
}

.pay-item {
  display: flex;
  width: 100%;
}

.pay-item p {
  font-size: 0.4rem;
  color: #333333;
}

.folafLeft {
  float: left;
}

.item-title {
  font-size: 17px;
  padding-left: 12px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.item-concent {
  font-size: 13px;
  padding-left: 12px;
}

.item-div-right {
  color: #ff0021;
  flex: 1;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 67px;
}

.pay-foot {
  text-align: center;
}

.pay-div del,
.pay-div-end del {
  display: block;
  width: 33px;
  height: 33px;
  background: url("../image/close.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: -50px;
  cursor: pointer;
}

.pay-end-div span {
  display: inline-block;
  width: 92px;
  height: 92px;
  background: url("../images/icon.png") no-repeat;
  background-size: cover;
  position: absolute;
}

.iconFonts {
  height: 92px;
  display: flex;
  justify-content: center;
}

.pay-end-div {
  padding: 30px;
}

.pay-end-div p {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #666;
}

.pay-end-concent {
  height: 67px;
  background: rgba(153, 153, 153, 0.1);
}

.pay-end-foot {
  text-align: center;
  font-weight: bold;
  line-height: 50px;
  font-size: 18px;
}

.pay-end-foot span {
  color: #ff0021;
  margin-left: 6px;
  font-size: 18px;
}

.pay-way {
  padding-top: 20px;
}

.pay-way span {
  display: block;
  text-align: center;
  color: #666;
}

.pay-way b {
  display: block;
  width: 193px;
  height: 35px;
  background-size: cover;
  background-position: center top;
  margin: 0 auto;
  margin-top: 5px;
}

.pay-way div:last-child {
  margin-top: 13px;
}

.pay-way .b1 {
  background: url("../images/dxz.png") no-repeat;
}

.pay-way .b2 {
  background: url("../images/app.png") no-repeat;
}

.czjz_box .czjz_nr table tr:nth-child(even) {
  background: #f9f9f9;
  height: 48px;
}

.lectureCont .block {
  display: flex;
}

.tab-table {
  display: none;
}

.block {
  display: block;
}

.bold-b {
  font-weight: bold;
}

.center-b {
  text-align: center;
}

.mask-cont-box {
  position: relative;
  width: 92%;
  margin: 0 auto;
  border-radius: 8px;
  padding-bottom: 0.23rem;
  background-color: #ffffff;
}

.confirm-btn {
  display: inline-block;
  width: 110px;
  background-color: rgb(235, 55, 66);
  color: #fff;
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  float: right;
}

.close-btn {
  position: absolute;
  right: 0;
  top: -12%;
  width: 0.86rem;
  height: 0.86rem;
}

/* 报名成功弹框样式 */

.mask {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999999;
}

.sign {
  width: 8.13rem;
  height: 9.74rem;
  padding-bottom: 0.5rem;
  background: url(../images/successBg.png) center center no-repeat;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  position: absolute;
  background-size: 100% 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.signWrap {
  position: relative;
}

.sign .close {
  position: absolute;
  right: 44%;
  bottom: -10%;
  width: 0.86rem;
  height: 0.86rem;
}

.signCont {
  position: absolute;
  top: 7.52rem;
  width: 100%;
  text-align: center;
}

.signCont span {
  width: 5.32rem;
  height: 1.39rem;
  /* background: url(../images/sucCont.png)center center no-repeat; */
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,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");
  background-size: contain;
}

.singGray {
  width: 6.279411764705882rem;
  background: url(../images/gray.png) left top no-repeat;
  background-size: cover;
  margin: 0 auto;
  padding: 0.29411764705882354rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.signBut {
  text-align: center;
}

.signText {
  width: 88%;
  margin: 0.14705882352941177rem auto 0 auto;
  padding-bottom: 0.4rem;
}

.grayLeft p:nth-child(1) {
  font-size: 0.4117647058823529rem;
  color: #000000;
}

.grayLeft p:nth-child(2) {
  font-size: 0.3235294117647059rem;
  color: #999999;
}

.grayRight {
  color: #eb3742;
  font-size: 0.47058823529411764rem;
}

.signPrice {
  font-size: 0.35294117647058826rem;
  text-align: center;
  margin-top: 0.341176rem;
  padding-bottom: 0.2rem;
}

.signPrice span {
  color: #333333;
}

.signPrice i {
  font-style: normal;
  font-weight: bold;
  color: #eb3742;
}

.signPrice em {
  font-style: normal;
  font-weight: bold;
  color: #eb3742;
  font-size: 0.42353rem;
}

/* 报名成功弹框样式END */

.formItem select {
  flex: 1;
}

.formItem input {
  padding-left: 0;
  padding-right: 0;
}

.formItem label {
  width: 26%;
  display: flex;
  align-items: center;
}

.baoming-box {
  z-index: 100004;
  width: 100%;
  margin: 0 auto;
  padding-top: 0.2rem;
  padding-bottom: 0.1rem;
  border-radius: 8px;
  margin-top: 4.1rem;
}

.baoming-cont {
  width: 91%;
  margin: 0 auto;
}

.zhiboke-img {
  width: 100%;
  height: auto;
}

/* 免费课程 */

.lectureHeader {
  position: absolute;
  top: 85%;
  width: 100%;
  text-align: center;
}

.lectureHeader span {
  display: inline-block;
  background: url(../images/navButton.png) center center no-repeat;
  background-size: contain;
  width: 5.6rem;
  height: 1rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: 0.37rem;
  font-weight: bold;
  color: #ffffff;
}

.boxHeader {
  position: relative;
}

.enterLecture {
  display: inline-block;
  background: url(../images/button.png) left top no-repeat;
  width: 4.49rem;
  height: 1.2rem;
  line-height: 1.1rem;
  font-size: 0.4rem;
  font-weight: bold;
  background-size: contain;
  color: #eb5d2a;
  text-align: center;
  cursor: pointer;
}

.lectureCont {
  background-color: #feb31f;
}

.lectureCont ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 94%;
}

.lectureCont li {
  width: 43%;
  background-color: #ffffff;
  padding: 0.285rem;
  border-radius: 0.10666666666666667rem;
  margin-bottom: 2%;
}

.lectureCont li:nth-child(odd) {
  margin-left: 0;
}

.lectureCont li .productName {
  font-size: 0.4rem;
  color: #333333;
  font-family: "PingFang SC Medium";
  font-style: normal;
  height: 1.18rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.lectureCont li .productTime {
  margin-top: 0.19rem;
  font-size: 0.34rem;
  color: #fe5f30;
  font-family: "PingFang SC Medium";
  font-style: normal;
  display: inline-block;
  height: 0.4rem;
}

.lectureName {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.18rem;
}

.lectureName span:nth-child(1) {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.3466666666666667rem;
  color: #999999;
  font-family: "PingFang SC Medium";
}

.lectureName span:nth-child(2) {
  display: inline-block;
  border-radius: 0.28rem;
  padding: 0 0.2rem;
  width: 2.1733333333333333rem;
  height: 0.56rem;
  line-height: 0.57rem;
  text-align: center;
  background-color: #fe5f30;
  font-size: 0.24rem;
  color: #ffffff;
  font-family: "PingFang SC Medium";
  box-sizing: border-box;
}

.maskHeader {
  width: 100%;
  height: 1.98rem;
  text-align: center;
  color: #ffffff;
  padding-top: 0.92rem;
}

.maskHeader h5 {
  font-weight: bold;
  font-size: 0.8rem;
  color: #fff;
}

.payCont {
  background-color: rgba(153, 153, 153, 0.1);
  padding: 0.17333333333333334rem 0.26666666666666666rem;
}

.dialogText {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999999;
}

.protocol {
  width: 9rem;
  height: 12rem;
  position: absolute;
  z-index: 50;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.protocolPop {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.dialogText .textClose {
  position: absolute;
  right: 0rem;
  top: -1.2rem;
  width: 0.86rem;
  height: 0.86rem;
}

.txc p b {
  font-weight: normal;
}

.protoWrap {
  width: 100%;
  height: 100%;
  position: relative;
}

/* 最新css代码 */

.maskText {
  position: absolute;
  top: 3.38rem;
  width: 100%;
}

.maskText h4 {
  width: 48%;
  color: #ea5f3a;
  font-size: 0.63rem;
  margin: 0 auto 0.33rem auto;
}

.maskText p {
  color: #5f5f5f;
  font-size: 0.4rem;
  text-align: center;
}

/* 导航栏 */
.tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.tab span {
  width: 1.5rem;
  height: 0.6rem;
  text-align: center;
  color: #fff;
  font-size: 0.35rem;
  font-family: "Microsoft YaHei";
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.18rem;
  font-weight: bold;
}

.tab .active {
  border-bottom: 0.04rem solid #ffffff;
}

.tab-box {
  width: 100%;
  height: 1rem;
  padding-left: 2.7rem;
  box-sizing: border-box;
  background-image: url("../images/topFixed.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.tab img {
  width: 2.28rem;
  height: 0.73rem;
  margin-right: 0.6rem;
}

/* 轮播图01 */

.person-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 9.333333rem;
  margin-left: 0.2rem;
}

.exhibition {
  width: 100%;
  position: relative;
}

.person {
  width: 100%;
  background: #fff;
  overflow: hidden;
  border-radius: 0.16rem;
  padding: 0 2% 0 2%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.person > div {
  width: 23.5%;
  margin-bottom: 2%;
}

.person > div img {
  display: block;
  width: 100%;
}

.person img:nth-child(5n) {
  margin-right: 0;
}

.person .top {
  padding: 0 0.266667rem;
  position: relative;
}

.person .line {
  width: 88%;
  height: 0.053rem;
  background-color: #ff2f64;
  margin: 0.33rem auto 0.27rem auto;
}

.person .title,
.person .time {
  font-weight: bold;
  font-size: 0.34rem;
  color: #333;
  text-align: center;
}

.person .button {
  width: 4.4rem;
  height: 0.64rem;
  background-color: #ff2f64;
  border-radius: 0.28rem;
  font-weight: bold;
  font-size: 0.3rem;
  color: #fff;
  margin: 0.28rem auto 0;
  text-align: center;
  line-height: 0.64rem;
}

.person .country {
  width: 1.426667rem;
  height: 0.533333rem;
  background: #ff2f64;
  color: #fff;
  font-size: 0.24rem;
  border-bottom-right-radius: 0.16rem;
  border-top-left-radius: 0.16rem;
  text-align: center;
  line-height: 0.533333rem;
  margin-left: -0.266667rem;
}

.person .desc {
  font-size: 0.24rem;
  color: #999999;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.person dl {
  display: flex;
  align-items: center;
}

.person dt {
  padding-right: 0.213333rem;
}

.person dt img {
  width: 1.81333rem;
  display: block;
  margin: 0.266667rem 0 0.213333rem;
}

.person dd p.name {
  font-weight: bold;
  font-size: 0.346667rem;
  color: #333;
  padding-top: 0.52rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.person dd p {
  font-size: 0.293333rem;
  color: #666;
  line-height: 1;
  margin-bottom: 0.173333rem;
  text-align: left;
}

.person dd p.name span {
  font-size: 0.24rem;
  color: #ff2f64;
  font-weight: normal;
  display: inline-block;
  width: 1.4rem;
}

.person dd p.name b {
  display: inline-block;
  width: 1.2rem;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiperFrist {
  background-color: #ffffff;
}

.swiperFrist .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 55%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 0.16rem;
  /* margin-right: 0.21rem !important; */
}

.person-bg {
  text-align: center;
  margin-top: 0.3rem;
}

.person-bg .swiper-pagination-bullet {
  width: 0.24rem;
  height: 0.24rem;
  box-sizing: border-box;
  margin-right: 0.3rem;
  background: url(../images/ring2.png) center center no-repeat;
  background-size: 100% 100%;
}

.person-bg .swiper-pagination-bullet-active {
  background: url(../images/ring1.png) center center no-repeat;
  background-size: 100% 100%;
}

/* 轮播图01 END */

/* 轮播图 02 */

.swiperLogoWrap {
  position: relative;
  padding-bottom: 1rem;
}

.swiper-wrap {
  position: absolute;
  top: 12%;
}

.swiper-logo {
  position: absolute;
  width: 100%;
}

#logo {
  width: 10rem;
}

.swiper-slide-logo {
  width: 100%;
  height: 7.066667rem;
}

.logo-wrap {
  width: 100%;
  text-align: center;
  opacity: 0.7;
}

.logo-wrap img {
  width: 90%;
}

.progress-wrap {
  width: 2.2rem;
  height: 0.08rem;
  border-radius: 0.04rem;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  display: flex;
}

.progress-wrap > span,
.slide-wrap > span {
  width: 1.1rem;
  height: 0.08rem;
  border-radius: 0.04rem;
  background-color: #fff;
  opacity: 0;
}

.left-position,
.right-position {
  width: 2.066667rem;
  height: 7.666667rem;
  position: absolute;
  top: 2.706667rem;
  z-index: 10;
}

.left-position {
  left: 0;
}

.right-position {
  right: 0;
}

.active-num {
  position: absolute;
  font-size: 0.266667rem;
  width: 10rem;
  text-align: center;
  color: #999999;
  top: 7.333333rem;
}

.apply-num {
  font-size: 0.266667rem;
  color: #999;
}

.btn-wrap {
  position: absolute;
  width: 3.56rem;
  height: 0.773333rem;
  top: 8.733333rem;
  left: 3.22rem;
}

/* 轮播图 02 END */

/* 领取成功弹框 */

.mask-suc {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
}

.succ {
  width: 8.15rem;
  height: 9.77rem;
  padding-bottom: 0.5rem;
  background: url(../images/successBg.png) center center no-repeat;
  box-sizing: border-box;
  position: absolute;
  background-size: 100% 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.succ .close {
  position: absolute;
  right: 0%;
  top: -12%;
  width: 0.86rem;
  height: 0.86rem;
}

.sucContent {
  position: absolute;
  top: 3.38rem;
  width: 100%;
}

.sucHead {
  padding-left: 0.5rem;
}

.sucHead h4 {
  text-align: center;
  font-size: 0.51rem;
  color: #333333;
}

.sucText {
  background: url(../images/sucContBg.png) center center no-repeat;
  margin: 0.4rem auto 0.35rem auto;
  width: 7.04rem;
  height: 1.81rem;
  box-sizing: border-box;
  text-align: center;
  padding-top: 0.4rem;
}

.sucText p {
  font-size: 0.35rem;
  color: #999999;
}

.sucText em {
  font-style: normal;
  color: #e85f37;
  font-size: 0.37rem;
}

.descSubImage {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.countryGoodnessTitle {
  padding: 0.24rem 0;
}


/* 产品咨询 start */
.productWrap {
  background-color: #ffffff;
  margin-top: -0.2rem;
}

.productItem {
  width: 86%;
  margin: 0.3rem auto;
  padding-bottom: 0.3rem;
}

.proHead {
  width: 100%;
  background-image: url('../img/productBg.png');
  height: 1.6rem;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.25rem 0rem 0rem 0.4rem;
}

.proHead h4 {
  font-size: 0.4rem;
  font-family: Source Han Sans SC;
  font-weight: 800;
  color: #ffffff;
}

.proHead p {
  font-size: 0.32rem;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #ffffff;
}

.proCont {
  width: 95%;
  margin: 0 auto;
  background: #ffffff;
}

.service {
  height: 1.15rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-shadow: 0px 1px 10px 3px rgba(184, 183, 185, 0.23);
  border-radius: 0px 0px 0.13rem 0.13rem;
  padding: 0 0.27rem 0 0.47rem;
}

.service span {
  font-size: 0.32rem;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #f72b3b;
}

.service b {
  font-style: normal;
  width: 1.87rem;
  height: 0.77rem;
  background: linear-gradient(0deg, #ff7761, #f91e1e);
  border-radius: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  font-family: Source Han Sans SC;
  font-weight: 500;
  border-radius: 0.16rem;
  color: #ffffff;
}

.serviceCont {
  width: 100%;
  box-shadow: 0px 1px 10px 3px rgba(184, 183, 185, 0.23);
  border-radius: 0px 0px 0.13rem 0.13rem;
  box-sizing: border-box;
  padding: 0.33rem 0.27rem 0 0.27rem;
}

.contItem {
  padding-bottom: 0.36rem;
}

.contItem i {
  display: inline-block;
  width: 0.05rem;
  height: 0.27rem;
  background: linear-gradient(0deg, #ff7761, #f91e1e);
  margin-right: 0.16rem;
}

.contItem span {
  font-size: 0.35rem;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0.13rem;
}

.textItem {
  display: flex;
  align-items: center;
  justify-content: start;
}

.contItem p {
  font-size: 0.32rem;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #999999;
  padding: 0 0.35rem 0 0.27rem;
  box-sizing: border-box;
}

.serviceLine {
  height: 0.01rem;
  background: #eeeeee;
  margin: 0 auto;
}

.serviceEnd {
  height: 1.15rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 0 0.47rem;
}

.serviceEnd span {
  font-size: 0.32rem;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #f72b3b;
}

.serviceEnd b {
  font-style: normal;
  width: 1.87rem;
  height: 0.77rem;
  background: linear-gradient(0deg, #ff7761, #f91e1e);
  border-radius: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  font-family: Source Han Sans SC;
  font-weight: 500;
  border-radius: 0.16rem;
  color: #ffffff;
}

.proCont .service{
  display: flex;
}
.proCont .serviceCont{
  display: none;
}

.productWrap .proContHide .service{
  display: none;
}
.productWrap .proContHide .serviceCont{
  display: block;
}

/* 产品咨询 end */

.formItemIcon{
  background-size: 0.31rem 0.15rem;
  background-image: url(../img/dialog/downArrow.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

#europeSchool{
  justify-content: flex-start;
}