* {
  margin: 0;
  padding: 0;
}
body {
  min-width: 1200px;
  font-family: "Microsoft YaHe";
}
a {
  text-decoration: none;
  cursor: pointer;
}
/* 公共样式 开始 */
.mainTitleWrap {
  font-weight: bold;
  font-size: 38px;
  color: #1c1c1c;
  position: relative;
  text-align: center;
  line-height: 82px;
  padding-top: 30px;
}
.mainTitleWrap::before {
  position: absolute;
  content: "STARLIGHT PROJECT";
  font-weight: bold;
  font-size: 67px;
  color: #1c1c1c;
  opacity: 0.05;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  top: 20px;
}
.bannerBtn {
  background-image: url(/Public/Home/images/bkys_img/0.2.webp);
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 25px 30px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 26px;
  color: #ffffff;
  line-height: 65px;
  width: 262px;
  height: 65px;
  box-shadow: 0px 18px 22px 2px rgba(254, 72, 55, 0.43), 0px 0px 13px 0px #ffffff;
  transition: all 0.3s ease;
}
.bannerBtn:hover {
  transform: translateY(-6px);
}
.mainBtn {
  display: block;
  text-align: center;
  line-height: 50px;
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  width: 262px;
  height: 50px;
  background-image: url(/Public/Home/images/bkys_img/0.22.webp);
  background-size: 100% 100%;
  box-shadow: 0px 18px 22px 2px rgba(254, 72, 55, 0.43), 0px 0px 13px 0px #ffffff;
  border-radius: 27px;
  margin: 0 auto;
  transition: all 0.3s ease !important;
}
.mainBtn:hover {
  transform: translateY(-6px) !important;
}
.section {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease-out;
}
.section.slide-in {
  opacity: 1;
  transform: translateY(0);
}
/* 公共样式 结束 */
/* banner 开始 */
.bannerWrap {
  height: 580px;
  box-sizing: border-box;
  background-image: url(/Public/Home/images/bkys_img/0.0.webp);
  background-size: 100% 100%;
  position: relative;
}
.bannerWrap .banner {
  width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
.bannerWrap .banner .nanCenter {
  margin-top: 94px;
  margin-bottom: 40px;
}
.bannerWrap .box1 {
  position: absolute;
  top: calc(100% - 80px);
  left: calc(50% - 604px);
  display: flex;
  justify-content: space-between;
}
.bannerWrap .box1Son {
  width: 577px;
  height: 161px;
  background: #ffffff;
  box-shadow: 0px 12px 45px 4px rgba(14, 29, 86, 0.23);
  border-radius: 8px;
  display: flex;
  position: relative;
  z-index: 3;
}
.bannerWrap .box1Son .boxtit {
  width: 61px;
  height: 161px;
  background: linear-gradient(0deg, #1953b4 0%, #2293f3 100%);
  border-radius: 8px 0px 0px 8px;
  writing-mode: vertical-lr;
  text-align: center;
  text-orientation: upright;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  line-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 5px;
}
.bannerWrap .box1Son .boxtit img {
  width: 40px;
  height: 40px;
}
.bannerWrap .box1Son .boxtext {
  width: 520px;
  height: 161px;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 35px;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 30px;
}
.bannerWrap .box1Son .boxtext img {
  width: 132px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.bannerWrap .boxtextleft {
  margin-right: 42px;
}
/* banner 结束 */
/* 托普仕美国本科申请核心优势 开始 */
.coreAdvantageWrap {
  height: 1006px;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  padding-top: 130px;
  background-color: #f6fbff !important;
}
.coreAdvantageWrap .mainBtn {
  margin-top: 24px;
}
.coreAdvantageWrap .posimg {
  width: 529px;
  position: absolute;
  top: 304px;
  left: calc(50% - 264px);
  z-index: 1;
}
.coreAdvantageWrap .posimg > img {
  width: 100%;
  height: 100%;
}
.coreAdvantageWrap .posibox {
  z-index: 2;
  max-width: 1200px;
  height: 630px;
  position: relative;
  margin: auto;
  margin-top: 30px;
}
.coreAdvantageWrap .positext {
  position: absolute;
  width: 415px;
  box-sizing: border-box;
  min-height: 100px;
  background: linear-gradient(0deg, #1953b4 0%, #2293f3 100%);
  border-radius: 20px;
  padding: 24px 12px;
}
.coreAdvantageWrap .positext > div {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 5px;
}
.coreAdvantageWrap .positext > div > img {
  display: inline-block;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(0% - 60px);
  left: calc(0% - 50px);
}
.coreAdvantageWrap .positext > div .title {
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
}
.coreAdvantageWrap .positext > div .info {
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.coreAdvantageWrap .positext > div .info P {
  margin-top: 5px;
  position: relative;
  padding-left: 15px;
}
.coreAdvantageWrap .positext > div .info P::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #ffffff;
}
.coreAdvantageWrap .tl {
  top: 0;
  right: 0;
}
.coreAdvantageWrap .tr {
  top: 0;
  right: calc(100% - 420px);
}
.coreAdvantageWrap .bl {
  bottom: 0;
  right: 0;
}
.coreAdvantageWrap .br {
  bottom: 0;
  right: calc(100% - 420px);
}
/* 托普仕美国本科申请核心优势 结束 */
/* 托普仕美国本科产品特色 开始 */
.productWrap {
  height: 629px;
  box-sizing: border-box;
  padding-top: 10px;
  width: 1200px;
  margin: auto;
  text-align: center;
  position: relative;
}
.productWrap .product-group-bg {
  width: 615px;
  margin: auto;
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.productWrap .product-group-bg .bg {
  width: 100%;
  height: 310px;
}
.productWrap .product-group-bg .box1 {
  width: 100%;
  height: 100%;
  position: relative;
}
.productWrap .product-group-bg .box1 img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 140px;
  left: 0;
  transition: all 0.3s ease;
  opacity: 0;
  transform: scale(0.8);
}
.productWrap .product-group-bg .box1 img.active {
  opacity: 1;
  transform: scale(1);
  filter: brightness(1.1);
  border-radius: 10px;
  z-index: 2;
  position: relative;
}
.productWrap .product-group-bg .box1 .product-text {
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
  padding: 20px;
  text-align: center;
  position: absolute;
  top: 240px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  width: 400px;
}
.productWrap .product-group-bg .box1 .product-text.active {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.productWrap .product-group-bg .box1 .product-text h3 {
  font-weight: bold;
  font-size: 20px;
  color: #1953b4;
  margin-bottom: 10px;
}
.productWrap .product-group-bg .box1 .product-text p {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
}
.productWrap .product-group-bg .box1 hr {
  width: 116px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  top: 220px;
  left: calc(50% - 58px);
}
.productWrap .product-group-bg .box1 div:not(.product-text) {
  display: none;
}
.productWrap .mainBtn {
  margin-top: 20px;
}
.productWrap .product-group {
  width: 255px;
  height: 45px;
  background: rgba(25, 84, 181, 0.1);
  border-radius: 22px;
  z-index: 2;
  display: flex;
  justify-content: center;
  font-weight: bold;
  align-items: center;
  font-size: 18px;
  position: absolute;
}
.productWrap .product-group > * {
  position: relative;
  z-index: 1;
}
.productWrap .product-group img {
  width: 24px;
  height: 24px;
}
.productWrap .product-group img:nth-child(2) {
  display: none;
}
.productWrap .product-group:hover,
.productWrap .product-group.active {
  filter: brightness(1.1);
  background: linear-gradient(0deg, #1953b4 0%, #2293f3 100%);
  box-shadow: 0px 5px 9px 1px rgba(43, 65, 151, 0.32);
  z-index: 3;
  color: #ffffff;
}
.productWrap .product-group:hover img,
.productWrap .product-group.active img {
  display: none;
}
.productWrap .product-group:hover img:nth-child(2),
.productWrap .product-group.active img:nth-child(2) {
  display: block;
}
.productWrap .product-group:nth-child(3) {
  bottom: 160px;
  left: 20px;
}
.productWrap .product-group:nth-child(4) {
  bottom: 280px;
  left: 60px;
}
.productWrap .product-group:nth-child(5) {
  bottom: 380px;
  left: 155px;
}
.productWrap .product-group:nth-child(6) {
  bottom: 460px;
  left: calc(50% - 130px);
}
.productWrap .product-group:nth-child(7) {
  bottom: 380px;
  right: 155px;
}
.productWrap .product-group:nth-child(8) {
  bottom: 280px;
  right: 60px;
}
.productWrap .product-group:nth-child(9) {
  bottom: 160px;
  right: 20px;
}
/* 托普仕美国本科产品特色 结束 */
/* 托普仕美国本科独家优享 开始 */
.soloWrap {
  height: 1938px;
  background-color: #f6fbff;
  background: url(/Public/Home/images/bkys_img/4.0.webp) no-repeat 100% 100%;
  background-size: 100% 100%;
  width: 100%;
  box-sizing: border-box;
  padding-top: 10px;
}
.soloWrap .solobox {
  width: 1200px;
  margin: auto;
}
.soloWrap .image-group {
  width: 158px;
  height: 60px;
  position: relative;
  margin: 15px 0;
}
.soloWrap .image-group img {
  width: 100%;
  height: 100%;
}
.soloWrap .image-group p {
  position: absolute;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  text-shadow: 0px 0px 7px rgba(38, 49, 92, 0.5);
  top: 15px;
  right: 12px;
}
.soloWrap .image-group .sp {
  right: 20px;
}
.soloWrap .box1 {
  display: flex;
  position: relative;
  width: 838px;
  height: 353px;
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  padding-bottom: 0;
}
.soloWrap .box1 .posibox {
  position: absolute;
  top: 25px;
  right: -340px;
}
.soloWrap .box1 .posibox > div {
  width: 420px;
  height: 60px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 25px;
  display: flex;
  padding: 13px 11px;
}
.soloWrap .box1 .posibox > div img {
  width: 63px;
  height: 63px;
}
.soloWrap .box1 .posibox > div > div {
  margin-left: 10px;
}
.soloWrap .box1 .posibox > div > div > div {
  margin-top: 3px;
}
.soloWrap .box1 .box_tit {
  width: 308px;
  padding: 0 19px 0 0;
  box-sizing: border-box;
}
.soloWrap .box1 .box_tit .tit {
  font-weight: 400;
  font-size: 16px;
  color: #1c1c1c;
  line-height: 23px;
  border-left: 5px solid #273d96;
  padding-left: 8px;
  font-weight: 900;
  margin-bottom: 10px;
}
.soloWrap .box1 .box_tit .info {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 25px;
}
.soloWrap .box1 .box_img {
  width: 493px;
  height: 319px;
}
.soloWrap .box1 .box_img > img {
  width: 100%;
  height: 100%;
}
.soloWrap .box2 {
  position: relative;
  margin-top: 13px;
}
.soloWrap .box2 > img {
  display: block;
  width: 961px;
  height: 280px;
  margin: auto;
}
.soloWrap .box2 .box2-item {
  position: absolute;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  line-height: 25px;
}
.soloWrap .box2 .item_1 {
  top: 35px;
  left: 280px;
}
.soloWrap .box2 .item_2 {
  top: 86px;
  left: 236px;
}
.soloWrap .box2 .item_3 {
  top: 142px;
  left: 147px;
}
.soloWrap .box2 .item_4 {
  top: 194px;
  left: 283px;
}
.soloWrap .box2 .item_5 {
  top: 246px;
  left: 396px;
}
.soloWrap .box2 .item_6 {
  top: 246px;
  left: 630px;
}
.soloWrap .box2 .item_7 {
  top: 194px;
  left: 810px;
}
.soloWrap .box2 .item_8 {
  top: 142px;
  left: 950px;
}
.soloWrap .box2 .item_9 {
  top: 87px;
  left: 900px;
}
.soloWrap .box2 .item_10 {
  top: 34px;
  left: 780px;
}
.soloWrap .box2 .item_11 {
  top: 38px;
  left: 568px;
  text-align: center;
}
.soloWrap .box3 {
  position: relative;
}
.soloWrap .box3 > img {
  width: 1150px;
  height: 366px;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}
.soloWrap .box3 .box3_item {
  position: absolute;
  width: 444px;
  height: 300px;
}
.soloWrap .box3 .box3_item .tit {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  line-height: 25px;
}
.soloWrap .box3 .box3_item .info {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 25px;
  margin-top: 6px;
}
.soloWrap .box3 .item_1 {
  top: 30px;
  left: 710px;
}
.soloWrap .box3 .item_2 {
  top: 148px;
  left: 710px;
}
.soloWrap .box3 .item_3 {
  top: 266px;
  left: 710px;
}
.soloWrap .box4 {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-around;
}
.soloWrap .box4 .box4_box {
  width: 384px;
  height: 281px;
  position: relative;
}
.soloWrap .box4 .box4_box > img {
  width: 100%;
  height: 100%;
}
.soloWrap .box4 .box4_item {
  position: absolute;
  width: 240px;
  height: 150px;
  top: 155px;
  left: calc(50% - 120px);
  text-align: center;
}
.soloWrap .box4 .box4_item .tit {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  line-height: 25px;
}
.soloWrap .box4 .box4_item .info {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 25px;
  margin-top: 6px;
}
.soloWrap .mainBtn {
  margin-top: 20px;
}
/* 托普仕美国本科独家优享 结束 */
/* 托普仕美国本科留学文书服务特色 开始 */
.writeWrap {
  height: 698px;
  position: relative;
  box-sizing: border-box;
  padding-top: 10px;
}
.writeWrap .writeWrapbox {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 10px;
}
.writeWrap .writeWrapbox > div {
  box-sizing: border-box;
  width: 590px;
  height: 212px;
  margin-top: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 0 20px;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 1px 19px 2px rgba(44, 15, 3, 0.18);
  border-radius: 10px;
}
.writeWrap .writeWrapbox > div > img {
  width: 109px;
  height: 109px;
}
.writeWrap .writeWrapbox .box_1 {
  margin-left: 12px;
}
.writeWrap .writeWrapbox .box_1 .tit {
  font-weight: bold;
  font-size: 18px;
  color: #1c1c1c;
  line-height: 25px;
}
.writeWrap .writeWrapbox .box_1 .info {
  font-size: 16px;
  color: #1c1c1c;
  line-height: 24px;
  margin-top: 16px;
}
.writeWrap .writeWrapbox .box_1 .info img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.writeWrap .box_2 {
  width: 590px !important;
  padding: 0 0 0 140px !important;
}
.writeWrap .posimg {
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  top: 200px;
  left: calc(50% - 162px);
  text-align: center;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 1px 19px 2px rgba(44, 15, 3, 0.18) inset;
}
.writeWrap .posimg > img {
  width: 288px;
  height: 288px;
}
.writeWrap .corner-img {
  width: 50px !important;
  height: 50px !important;
  position: absolute;
}
.writeWrap .corner-img.top-left {
  top: 7px;
  left: 7px;
  transform: rotate(0deg);
}
.writeWrap .corner-img.top-right {
  top: 7px;
  right: 7px;
  transform: rotate(90deg);
}
.writeWrap .corner-img.bottom-left {
  bottom: 7px;
  left: 7px;
  transform: rotate(270deg);
}
.writeWrap .corner-img.bottom-right {
  bottom: 7px;
  right: 7px;
  transform: rotate(180deg);
}
.writeWrap .mainBtn {
  margin-top: 30px;
}
/* 托普仕美国本科留学文书服务特色 结束 */
/* 美国本科留学服务流程 开始 */
.underServeWrap {
  height: 677px;
  background-color: #f6fbff;
  box-sizing: border-box;
  padding-top: 20px;
}
.underServeWrap .box1 {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: center;
  position: relative;
}
.underServeWrap .box1 .tab-content {
  display: none;
  position: relative;
}
.underServeWrap .box1 .tab-content.active {
  display: block;
}
.underServeWrap .box1 .tab-btn {
  display: block;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.underServeWrap .box1 .tab-btn .box_text {
  position: absolute;
  top: 105px;
  left: 0px;
  width: 200px;
  text-align: center;
}
.underServeWrap .box1 .tab-btn .box_text .tit {
  font-weight: bold;
  font-size: 18px;
  color: #1c1c1c;
}
.underServeWrap .box1 .tab-btn .box_text .info {
  font-weight: 400;
  font-size: 14px;
  color: rgba(28, 28, 28, 0.5);
}
.underServeWrap .box1 .tab-btn .tab-main-img {
  width: 209px;
  height: 175px;
  display: block;
  transition: all 0.3s ease;
}
.underServeWrap .box1 .tab-btn .tab-active-img {
  width: 209px;
  height: 175px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease;
}
.underServeWrap .box1 .tab-btn.active .tab-main-img {
  opacity: 0;
}
.underServeWrap .box1 .tab-btn.active .tab-active-img {
  display: block;
  opacity: 1;
}
.underServeWrap .box1 .tab-btn.active .tit {
  color: #ffffff !important;
}
.underServeWrap .box1 .tab-btn.active .info {
  color: rgba(255, 255, 255, 0.5) !important;
}
.underServeWrap .box1 .tab-btn:hover .tab-main-img {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.underServeWrap .box1 .tab-btn.active:hover .tab-active-img {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.underServeWrap .box1 .imgbox {
  position: absolute;
  top: 20px;
  left: 10px;
  z-index: 11;
}
.underServeWrap .box1 .imgbox img {
  width: 209px;
  height: 175px;
}
.underServeWrap .box1 .box2 {
  top: 220px;
}
.underServeWrap .box1 .flagbox {
  width: 1200px;
  height: 423px;
  border-radius: 10px;
  position: relative;
}
.underServeWrap .box1 .flagbox > img {
  width: 100%;
  height: 100%;
}
.underServeWrap .box1 .flagbox .box_item {
  width: 188px;
  height: 40px;
  text-align: center;
  padding: 18px 0;
  position: absolute;
}
.underServeWrap .box1 .flagbox .box_item .tit {
  font-weight: bold;
  font-size: 18px;
  color: #1c1c1c;
}
.underServeWrap .box1 .flagbox .box_item .info {
  font-weight: 400;
  font-size: 16px;
  color: #1c1c1c;
}
.underServeWrap .box1 .flagbox .item1 {
  top: 30px;
  left: 255px;
}
.underServeWrap .box1 .flagbox .item2 {
  top: 30px;
  left: 500px;
}
.underServeWrap .box1 .flagbox .item3 {
  top: 30px;
  left: 745px;
}
.underServeWrap .box1 .flagbox .item4 {
  top: 30px;
  left: 990px;
}
.underServeWrap .box1 .flagbox .item5 {
  top: 175px;
  left: 990px;
}
.underServeWrap .box1 .flagbox .item6 {
  top: 175px;
  left: 745px;
}
.underServeWrap .box1 .flagbox .item7 {
  top: 175px;
  left: 500px;
}
.underServeWrap .box1 .flagbox .item8 {
  top: 175px;
  left: 255px;
}
.underServeWrap .box1 .flagbox .item9 {
  top: 320px;
  left: 255px;
}
.underServeWrap .box1 .flagbox .item10 {
  top: 320px;
  left: 500px;
}
.underServeWrap .box1 .flagbox .item11 {
  top: 320px;
  left: 745px;
}
/* 美国本科留学服务流程 结束 */
/* 选择优品计划，美国名校海外顾问为你所用 开始 */
.selectWrap {
  height: 717px;
  box-sizing: border-box;
  padding-top: 10px;
}
.selectWrap .selectbox {
  display: flex;
  justify-content: center;
  width: 1200px;
  margin: auto;
}
.selectWrap .selectbox > div {
  width: 198px;
  height: 50px;
  background: #f5f5f5;
  border-radius: 25px;
  font-weight: 400;
  font-size: 18px;
  color: #262626;
  line-height: 50px;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
  user-select: none;
}
.selectWrap .selectbox > div:hover {
  background: linear-gradient(0deg, #1953b4 0%, #2293f3 100%);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0px 5px 15px 2px rgba(25, 83, 180, 0.3);
}
.selectWrap .selectbox .active {
  background: linear-gradient(0deg, #1953b4 0%, #2293f3 100%);
  border-radius: 25px;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0px 5px 15px 2px rgba(25, 83, 180, 0.3);
}
.selectWrap .card_box {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
.selectWrap .card_box .card {
  display: flex;
  width: 350px;
  height: 175px;
  margin-right: 50px;
  margin-bottom: 30px;
}
.selectWrap .card_box .card .card_img {
  width: 185px;
  height: 175px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
  flex-shrink: 0;
}
.selectWrap .card_box .card .card_img img {
  width: 100%;
  height: 100%;
}
.selectWrap .card_box .card .card_info .info_name {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    margin-top: 10px;
}
.selectWrap .card_box .card .card_info .info {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-top: 9px;
    height: 68px;
    margin-bottom: 19px;
}
.selectWrap .card_box .card .card_info .cardbtn {
  display: inline-block;
  width: 161px;
  height: 38px;
  background: #ffffff;
  border-radius: 19px;
  border: 1px solid #fe4233;
  text-align: center;
  line-height: 38px;
  font-weight: 400;
  font-size: 16px;
  color: #d62436;
}
/* 选择优品计划，美国名校海外顾问为你所用 结束 */
/* 托普仕留学美国本科申请成功案例 开始 */
.applyWrap {
  height: 802px;
  background: #F6FBFF;
  box-sizing: border-box;
  padding-top: 10px;
}
.applyWrap .card_far {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 22px;
}
.applyWrap .card_far .card {
  width: 288px;
  height: 263px;
  background: #ffffff;
  box-shadow: 0px 1px 19px 2px rgba(44, 15, 3, 0.18);
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.applyWrap .card_far .card > img {
  width: 100%;
  height: 69px;
  display: block;
}
.applyWrap .card_far .card .tit {
  font-weight: bold;
  font-size: 18px;
  color: #191919;
  line-height: 24px;
  padding: 14px;
}
.applyWrap .card_far .card .warp_hr {
  width: 50px;
  height: 3px;
  background: #283e96;
  margin-left: 14px;
}
.applyWrap .card_far .card > div {
  padding: 4px 14px 0;
  color: #666666;
  font-size: 16px;
}
.applyWrap .card_far .card > div span {
  color: #1c1c1c;
  font-weight: 600;
}
.applyWrap .card_far .card .card_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 288px;
  height: 39px;
  background: #e2f2ff;
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  line-height: 39px;
  font-weight: 400;
  font-size: 16px;
  color: #1a58b9;
  transition: 0.1s;
}
.applyWrap .card_far .card .card_btn:hover {
  background: linear-gradient(180deg, #1953b4 0%, #2293f3 100%);
  color: #ffffff;
}
/* 托普仕留学美国本科申请成功案例 结束 */
/* 学姐学长如何评价托普仕 开始 */
.commentWrap {
  height: 668px;
  box-sizing: border-box;
}
.commentWrap img {
  width: 50px;
  height: 50px;
}
.commentWrap .btns_box {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
}
.commentWrap .warp_btns {
  width: 226px;
  height: 127px;
  position: relative;
  margin-bottom: 16px;
  cursor: pointer;
}
.commentWrap .warp_btns img {
  display: inline-block;
  width: 226px;
  height: 127px;
  border-radius: 10px;
}
.commentWrap .warp_btns .play {
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}
/* 学姐学长如何评价托普仕 结束 */
/* 招生官 开始*/
.through_ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: space-between;
}
li{float:left;margin:0;padding0;list-style:none;}
.productWrap .product-group {
    width: 255px;
    height: 45px;
    background: rgba(25, 84, 181, 0.1);
    border-radius: 22px;
    z-index: 2;
    display: flex;
    justify-content: center;
    font-weight: bold;
    align-items: center;
    font-size: 18px;
    position: absolute;
    line-height: 45px;
}

.through_ul_li {
  width: 273px;
  height: 392px;
  background: #FAFBF8;
  box-shadow: 0px 0px 16px 0px rgba(63, 93, 99, 0.23);
  border-radius: 4px;
  margin-left: 20px;
}
.through_ul_li{
  transition: all 0.3s ease !important;
}
.through_ul_li:hover {
  transform: translateY(-6px) !important;
}

.through_ul_li img {
  width: 273px;
  height: 242px;
}

.through_ul_li p {
  width: 92%;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  color: #1C1C1C;
}

.through_ul_li p b {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #1953b4;
  margin-right: 10px;
}

.through_ul_li span {
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  padding: 0 10px 10px;
  display: block;
  position: relative;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.through_ul_li_a {
  width: 155px;
  height: 40px;
  border: 1px solid #F76C5F;
  border-radius: 4px;
  text-align: center;
  display: block;
  line-height: 40px;
  margin: 0 auto;
  margin-top: 6px;
  color: #F76C5F;
}

.through_ul_li_a:hover {
  background: #F76C5F;
  border-radius: 4px;
  color: #FFFFFF;
}
/* 招生官 结束*/