* {
  margin: 0;
  padding: 0;
  font-family: "MicrosoftYaHei";
}

a {
  text-decoration: none;
  cursor: pointer;
}

.mainBtn {
  width: 19.2rem;
  height: 4rem;
  background: linear-gradient(0deg, #ff6b3c 0%, #ff9c7c 100%);
  border-radius: 2rem;
  margin: 2rem auto 0 auto;
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  color: #ffffff;
  text-align: center;
  line-height: 4rem;
}

.mainTitle {
  font-weight: bold;
  font-size: 2.6rem;
  color: #192445;
  height: 4rem;
  position: relative;
  display: flex;
  justify-content: center;
}

.mainTitle::before {
  content: "STUDY ABROAD";
  font-weight: bold;
  font-size: 4rem;
  line-height: 4rem;
  color: #192445;
  opacity: 0.05;
  position: absolute;
  text-align: center;
  width: 36rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}

.mainTitle .mainTitleTopC {
  line-height: 3.1rem;
  text-align: center;
  position: relative;
  align-self: center;
  letter-spacing: 0.1rem;
}

.mainTitle .mainTitleTopC::before {
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/Public/Phone/images/mbsq_img/0.0.png);
  background-size: 100% 100%;
  right: -2rem;
  top: 0;
  content: "";
}

.mainTitle .mainTitleTopC::after {
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/Public/Phone/images/mbsq_img/0.1.png);
  background-size: 100% 100%;
  left: -2rem;
  bottom: 0;
  content: "";
}

.stiffTabActive {
  background: #f8e1c7 !important;
  color: #904c03 !important;
  position: relative;
}

.stiffTabActive::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #d08738;
  top: 0;
  left: 0;
}

.doTpP {
  color: #131313;
  line-height: 1.8rem;
  margin-bottom: 0.1rem;
  position: relative;
}

.doTpP::before {
  position: absolute;
  left: -1.5rem;
  top: 1.55rem;
  width: 0.7rem;
  height: 0.7rem;
  background-color: #131313;
  transform: rotate(45deg);
  content: "";
}

.doTpPBeforeTop::before {
  top: 0.85rem !important;
}

.soCoTabDoTpPBeforeTop::before {
  top: 1.25rem !important;
}

.doTpPBeforeLeft {
  padding-left: 2.5rem !important;
}

.doTpPBeforeLeft::before {
  top: 0.9rem !important;
  left: 0.85rem;
}

/* banner 开始 */
.bannerWrap {
  width: 37.5rem;
  height: 20.2rem;
  position: relative;
}

.bannerWrap img {
  width: 37.5rem;
  height: 20.2rem;
  display: block;
}

.bannerWrap .bannerBtn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.8rem;
  margin: 0 auto 0 auto;
  width: 15.4rem;
  height: 3.6rem;
  background: linear-gradient(0deg, #ff6b3c 0%, #ff9c7c 100%);
  border-radius: 1.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  color: #ffffff;
  line-height: 3.6rem;
  text-align: center;
}

/* banner 结束 */
/* 美本留学硬性条件 开始 */
.stiffWrap {
  height: 41.2rem;
  width: 37.5rem;
  box-sizing: border-box;
  padding: 3.3rem 1.5rem 4rem 1.5rem;
}

.stiffWrap .stiffConWrap {
  margin-top: 1.5rem;
  width: 34.5rem;
  height: 22.4rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 4rem 0rem rgba(109, 62, 0, 0.15);
  border-radius: 0.6rem;
}

.stiffWrap .stiffConWrap .stiffTabWrap {
  height: 3.8rem;
  width: 34.5rem;
  display: flex;
  justify-content: space-between;
}

.stiffWrap .stiffConWrap .stiffTabWrap .stiffTab {
  width: 8.55rem;
  height: 3.8rem;
  background: #fff1e3;
  font-weight: 400;
  font-size: 1.6rem;
  color: #904c03;
  line-height: 3.8rem;
  text-align: center;
}

.stiffWrap .stiffConWrap .stiffTabConWrap .stiffTabConItem {
  height: 18.6rem;
  box-sizing: border-box;
  padding: 1rem;
  overflow-y: auto;
}

.stiffWrap .stiffConWrap .stiffTabConWrap .stiffTabConItemSec p {
  /* line-height: 4rem; */
}

.stiffWrap .stiffConWrap .stiffTabConWrap .stiffTabConItemThr p {
  margin-top: 0.5rem;
}

.stiffWrap .stiffConWrap .stiffTabConWrap p {
  font-weight: 400;
  font-size: 1.6rem;
  color: #131313;
  line-height: 2.4rem;
}

.fontWeightP {
  font-weight: bold !important;
}

/* 美本留学硬性条件 结束 */
/* 美本留学软件条件 开始 */
.softWrap {
  height: 53.1rem;
  box-sizing: border-box;
  width: 37.5rem;
  background-image: url(/Public/Phone/images/mbsq_img/2.0.png);
  background-size: 100% 100%;
  padding: 2rem 1.5rem 4rem 1.5rem;
}

.softWrap .softConWrap {
  margin-top: 1.5rem;
  width: 34.5rem;
  height: 35.6rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 4rem 0rem rgba(109, 62, 0, 0.15);
  border-radius: 0.6rem;
}

.softWrap .softConWrap .soCoTabWrap {
  height: 5.3rem;
  display: flex;
}

.softWrap .softConWrap .soCoTabWrap .soCoTab1 {
  background: linear-gradient(265deg, #fff1e3 0%, #ffffff 100%);
  border-radius: 0.6rem 0 0.6rem 0;
}

.softWrap .softConWrap .soCoTabWrap .soCoTab2 {
  background: linear-gradient(85deg, #fff1e3 0%, #ffffff 100%);
  border-radius: 0 0.6rem 0 0.6rem;
}

.softWrap .softConWrap .soCoTabWrap .soCoTab {
  width: 17.25rem;
  height: 5.3rem;
  font-weight: 400;
  font-size: 1.8rem;
  color: #904c03;
  line-height: 5.3rem;
  text-align: center;
  transition: 0.3s;
}

.soCoTabCoWrap {
  box-sizing: border-box;
  padding: 1rem 1rem 1rem 0.4rem;
}

.soCoTabCoWrap .soCoTabCoItem .soCoTabCoItemTabWrap {
  width: 33.5rem;
  height: 6.5rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.soCoTabCoWrap .soCoTabCoItem .soCoTabCoItemTabWrap .soCoTabCoItemTab {
  width: 10.4rem;
  height: 2.9rem;
  background: #fff1e3;
  border-radius: 1.4rem;
  font-weight: 400;
  font-size: 1.6rem;
  color: #904c03;
  line-height: 2.9rem;
  text-align: center;
  margin-left: 0.6rem;
}

#soCoTabCoItemConWrap2 .soCoTabCoItemCoItem {
  text-indent: 3rem;
  overflow: scroll;
  height: 21rem;
}

.soCoTabCoWrap .soCoTabCoItem .soCoTabCoItemConWrap {
  margin-top: 0.9rem;
}

.soCoTabCoWrap .soCoTabCoItem .soCoTabCoItemConWrap .soCoTabCoItemCoItem {
  box-sizing: border-box;
  padding-left: 0.6rem;
  height: 21rem;
  overflow: scroll;
}

.soCoTabCoWrap .soCoTabCoItem .soCoTabCoItemConWrap .soCoTabCoItemCoItem p {
  font-size: 1.6rem;
  color: #131313;
  line-height: 2.5rem;
}

.soCoTabCoItemartP {
  margin-top: 0.7rem;
}

.soCoTabActive {
  background: #ffffff !important;
  color: #904c03 !important;
  font-weight: bold !important;
}

.soCoTabCoItemTabActive {
  background: linear-gradient(90deg, #d79d5b 0%, #eec093 100%) !important;
  border-radius: 1.4rem !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

/* 美本留学软件条件 结束 */
/* 美本留学经济条件 开始 */
.economyWrap {
  height: 41.6rem;
  width: 37.5rem;
  box-sizing: border-box;
  padding-top: 4.4rem;
}

.economyWrap .economyConWrap {
  margin: 1.3rem auto 0 auto;
  width: 34.5rem;
  height: 26rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 4rem 0rem rgba(109, 62, 0, 0.15);
  border-radius: 0.6rem;
}

.economyWrap .economyConWrap .ecoTabWrap {
  width: 34.5rem;
  height: 3.8rem;
  display: flex;
  justify-content: space-between;
}

.economyWrap .economyConWrap .ecoTabWrap .economyTab {
  width: 11.45rem;
  height: 3.8rem;
  background: #fff1e3;
  border-radius: 0rem 0.6rem 0rem 0rem;
  font-weight: 400;
  font-size: 1.6rem;
  color: #904c03;
  line-height: 3.8rem;
  text-align: center;
}

.economyWrap .economyConWrap .ecoTabConWrap .ecoTabConItem {
  height: 22.2rem;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0.8rem 1rem 0.8rem 1rem;
  text-indent: 3rem;
}

.economyWrap .economyConWrap .ecoTabConWrap .ecoTabConItem p {
  font-weight: 400;
  font-size: 1.6rem;
  color: #131313;
  line-height: 2.9rem;
}

.ecodoTpP::before {
  top: 1.2rem !important;
}

/* 美本留学经济条件 结束 */
/* 托普仕留学名校师资 结束 */
.teacherWrap {
  height: 54.3rem;
  width: 37.5rem;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 4.3rem;
  padding-bottom: 5rem;
}

.teacherWrap .teacherConWrap {
  margin-top: 1.5rem;
}

.teacherWrap .teacherConWrap .swiper-slide {
  width: 27.3rem;
  height: 33.5rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 2rem 0rem rgba(63, 93, 99, 0.23);
  border-radius: 0.4rem;
}

.teacherWrap .teacherConWrap .swiper-slide img {
  width: 27.3rem;
  height: 26.6rem;
}

.teacherWrap .teacherConWrap .swiper-slide p {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #192445;
  line-height: 3.4rem;
}

.teacherWrap .teacherConWrap .swiper-slide span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
  color: #1c1c1c;
  max-width: 26rem;
  display: block;
  margin: 0 auto;
}

/* 托普仕留学名校师资 结束 */
/* 托普仕留学服务流程 开始 */
.serWrap {
  height: 62.7rem;
  width: 37.5rem;
  background-image: url(/Public/Phone/images/mbsq_img/4.0.png);
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 3.5rem;
}

/* 托普仕留学服务流程 结束 */