.new-high__banner {
  height: 504px;
  background: url(../img/new-exam-banner.png) no-repeat center;
  background-size: cover;
  padding-top: 146px;
}

.new-high__banner-title {
  height: 47px;
  background: url(../img/new-exam-title.png) no-repeat center;
  background-size: contain;
  margin-bottom: 44px;
}

.new-high__banner-desc {
  width: 805px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin: 0 auto 137px;
}

.new-high__tab-titles {
  background-color: rgba(255, 255, 255, 0.2);
}

.new-high__tab-titles-wrapper {
  width: 800px;
  margin: 0 auto;
}

.new-high__tab-title {
  float: left;
  width: 400px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 58px;
  cursor: pointer;
}

.new-high__tab-title.active,
.new-high__tab-title:hover {
  background-color: #CC2A21;
}

.new-high__case {
  padding-top: 109px;
}

.new-high__h2 {
  position: relative;
  font-size: 36px;
  font-weight: 500;
  color: #333;
  line-height: 1;
  margin: 0 0 78px;
  text-align: center;
}

.new-high__h2::after {
  content: '';
  position: absolute;
  bottom: -48px;
  left: 50%;
  display: block;
  width: 1179px;
  height: 43px;
  margin-left: -589px;
  background: url(../img/new-high-case-title-1.png) no-repeat center;
  background-size: contain;
}

.new-high__case h3 {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 74px;
  line-height: 1;
  color: #333;
  padding-left: 21px;
}

.new-high__case h3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 24px;
  background-color: #CC2A21;
}

.new-high__case-item {
  width: 450px;
  height: 315px;
  margin: 0 auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 13px;
}

.new-high__case-item-title {
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 1;
}

.new-high__carousel {
  margin-bottom: 64px;
}

.new-high__carousel .el-carousel__indicators {
  margin-top: 32px;
}

.new-high__carousel .el-carousel__button {
  background-color: #E8A3A1;
}

.new-high__carousel .is-active .el-carousel__button {
  background-color: #CC2A21;
}

.features .new-high__h2::after {
  background-image: url(../img/new-high-case-title-2.png);
}

.new-high__tabs .el-tabs__nav {
  float: none;
  width: 1168px;
  margin: 0 auto;
  text-align: center;
}

.new-high__tabs .el-tabs__item {
  height: auto;
  line-height: 25px;
  text-align: center;
  font-size: 18px;
  color: #333;
  padding: 27px 37px;
}

.new-high__tabs .el-tabs__item.is-active {
  color: #cc2a21;
}

.new-high__tabs .el-tabs__active-bar {
  left: 157px;
  height: 3px;
  background-color: #cc2a21;
}

.new-high__tabs .el-tabs__nav-wrap::after {
  height: 1px;
  background-color: #ebebeb;
}

.new-high__tabs .el-tabs__header {
  margin-bottom: 0;
}

.features .new-high__h2 {
  margin-bottom: 69px;
}

.new-high__introduction-bg,
.new-high__introduction-bg-2,
.new-high__introduction-bg-3,
.new-high__introduction-bg-4,
.new-high__introduction-bg-5,
.new-high__introduction-bg-6 {
  height: 597px;
  background-image: url(../img/new-high-intro-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 38px 0 63px;
}

.new-high__introduction-bg-2 {
  height: 482px;
  background-image: url(../img/new-high-intro-2.png);
}

.new-high__introduction-bg-3 {
  height: 419px;
  background-image: url(../img/new-high-intro-3.png);
}

.new-high__introduction-bg-4 {
  height: 603px;
  background-image: url(../img/new-high-intro-4.png);
}

.new-high__introduction-bg-5 {
  height: 548px;
  background-image: url(../img/new-high-intro-5.png);
}

.new-high__introduction-bg-6 {
  height: 548px;
  background-image: url(../img/new-high-intro-6.png);
}

.new-high__introduction-item {
  position: relative;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  padding-left: 27px;
}

.new-high__introduction-item::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
}

.new-high__introduction-item.green::before {
  background-color: #3FB9A2;
}

.new-high__introduction-item.gray::before {
  background-color: #3E6F73;
  opacity: 0.5;
}

.new-high__introduction-item.blue::before {
  background-color: #C1E8F9;
}

.new-high__introduction-item.d-blue::before {
  background-color: #4183D1;
  opacity: 0.5;
}

.new-high__introduction-item.purple::before {
  background-color: #4575AD;
  opacity: 0.5;
}

.new-high__introduction-item * {
  position: relative;
  z-index: 1;
}

.new-high__introduction-title {
  font-size: 32px;
  margin: 80px 0 90px;
}

.new-high__introduction-title::after {
  background-image: url(../img/new-high-adv.png) !important;
}

.new-high__advantage {
  height: 214px;
  background-color: #F9F9F9;
  color: #333;
  text-align: center;
  padding-top: 58px;
}

.new-high__advantage:hover {
  background-color: #CC2A21;
  color: #fff;
}

.new-high__advantage-icon {
  height: 52px;
  margin-bottom: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.new-high__advantage.adv-1:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-1-hover.png) !important;
}

.new-high__advantage.adv-2:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-2-hover.png) !important;
}

.new-high__advantage.adv-3:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-3-hover.png) !important;
}

.new-high__advantage.shift-1:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-4-hover.png) !important;
}

.new-high__advantage.shift-2:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-5-hover.png) !important;
}

.new-high__advantage.shift-3:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-6-hover.png) !important;
}

.new-high__advantage.schedule-1:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-7-hover.png) !important;
}

.new-high__advantage.schedule-2:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-8-hover.png) !important;
}

.new-high__advantage.schedule-3:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-9-hover.png) !important;
}

.new-high__advantage.explore-1:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-10-hover.png) !important;
}

.new-high__advantage.explore-2:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-11-hover.png) !important;
}

.new-high__advantage.explore-3:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-12-hover.png) !important;
}

.new-high__advantage.eva-1:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-13-hover.png) !important;
}

.new-high__advantage.eva-2:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-14-hover.png) !important;
}

.new-high__advantage.eva-3:hover .new-high__advantage-icon {
  background-image: url(../img/new-high-intro-adv-15-hover.png) !important;
}

.new-high__advantage-text {
  font-size: 16px;
  line-height: 24px;
}

.new-high__more-title {
  font-size: 36px;
  margin: 176px 0 105px;
}

.new-high__more-title::after {
  background-image: url(../img/new-high-more-title.png) !important;
}

.new-high__more-icon {
  width: 98px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 44px;
}

.new-high__core-module-icon {
  background-image: url(../img/new-high-star.png);
}

.new-high__adv-module-icon {
  margin: 0 auto;
  background-image: url(../img/new-hign-adv.png);
}

.new-high__adv-service-icon {
  margin: 0 auto;
  background-image: url(../img/new-high-service.png);
}

.new-high__core-module {
  float: left;
  width: 255px;
}

.new-high__adv-module {
  float: left;
  width: 658px;
}

.new-high__adv-service {
  float: left;
  width: 255px;
}

.new-high__core-module h3,
.new-high__adv-module h3,
.new-high__adv-service h3 {
  width: 98px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  color: #333;
  text-align: center;
  margin: 20px 0 27px;
}

.new-high__adv-module h3,
.new-high__adv-service h3 {
  width: 100%;
}

.new-high__core-module-list,
.new-high__adv-module-list,
.new-high__adv-service-list {
  margin: 0;
  padding: 30px 0 20px;
  border-right: 1px solid #EBEBEB;
}

.new-high__adv-module-list {
  float: left;
  border: 0;
}

.new-high__adv-service-list {
  border: 0;
  margin-left: 69px;
}

.new-high__core-module-list li,
.new-high__adv-module-list li,
.new-high__adv-service-list li {
  font-size: 16px;
  line-height: 36px;
  text-decoration: underline;
  cursor: pointer;
}

.new-high__core-module-list a,
.new-high__adv-module-list a,
.new-high__adv-service-list a {
  color: #333;
}

.new-high__adv-module {
  float: left;
  width: 658px;
}

.new-high-dialog h3 {
  position: relative;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 80px;
  text-align: center;
}

.new-high-dialog h3::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -50px;
  display: block;
  width: 100px;
  height: 2px;
  background-color: #CC2A21;
}

.new-high-dialog .el-dialog__body {
  padding: 40px 80px 67px;
}

.new-high-dialog__button {
  text-align: center;
}

.new-high-dialog__button button {
  width: 548px;
  height: 50px;
  border-radius: 2px;
  background-color: #CC2A21;
  border-color: #CC2A21;
  margin-top: 42px;
  margin-bottom: 20px;
}

.new-high-dialog__button button:hover,
.new-high-dialog__button button:focus {
  background-color: #CC2A21;
  border-color: #CC2A21;
}

.new-high-dialog__button div {
  font-size: 14px;
  color: #333;
  line-height: 1;
}