.pd24 {
  padding: 0 0.6rem;
}

.title {
  position: relative;
  margin-bottom: 0.7rem;
  color: #d7160d;
  font-weight: bold;
  font-size: 0.95rem;
  line-height: 1.25rem;
  text-align: center;
}
.title::after {
  position: absolute;
  top: -0.85rem;
  left: 50%;
  color: transparent;
  font-weight: bold;
  font-size: 0.7rem;
  background: linear-gradient(to bottom, #f6b18a, #fff7f2);
  -webkit-background-clip: text;
          background-clip: text;
  transform: translateX(-50%);
  content: "NEW CHANNEL";
}
.title span {
  color: #f74c3d;
}

.button {
  width: 12.6rem;
  height: 1.75rem;
  margin: 0.65rem auto 0;
  color: #fff;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.75rem;
  text-align: center;
  background: #ffac1a;
  border-radius: 1.75rem;
}

.swiper-pagination-bullet {
  width: 0.35rem;
  height: 0.35rem;
  background: #fff;
  opacity: 0.4;
}

.swiper-pagination-bullet-active {
  width: 1rem;
  border-radius: 0.35rem;
  opacity: 1;
}

.form-box .kaptcha-btn,
.form-box .submit {
  color: #de253c;
  background: #feca77;
}
.form-box .kaptcha-btn {
  width: 5rem;
}

.form-center {
  box-sizing: border-box;
  width: 18rem;
  height: 5.95rem;
  margin: 0.5rem auto;
  background: url("../images/form_center_bg.jpg") center no-repeat;
  background-size: 100% 100%;
}
.form-center .form-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0.4rem;
}
.form-center .form-item {
  width: 8.35rem;
  border-radius: 0.45rem;
}
.form-center .form-item input {
  border-radius: 0.45rem;
}
.form-center .form-code {
  position: relative;
}
.form-center .form-code .kaptcha-code {
  width: 8.3rem;
  height: 1.75rem;
  border-radius: 0.45rem;
}
.form-center .kaptcha-btn {
  position: absolute;
  top: 0.25rem;
  right: 0.3rem;
  width: 3.5rem;
  height: 1.2rem;
  color: #333;
  font-weight: 400;
  font-size: 0.55rem;
  background: linear-gradient(#ffd800, #ffb400);
  border-radius: 0.3rem;
}
.form-center .submit {
  width: 8.35rem;
  color: #333;
  font-weight: 400;
  background: linear-gradient(#ffd800, #ffb400);
  border-radius: 0.45rem;
}
.form-center .tips {
  margin: -0.15rem auto;
}

.shxy {
  padding-top: 0.5rem;
}
.shxy .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -0.2rem;
}
.shxy .box-item {
  position: relative;
  display: flex;
  justify-content: center;
  width: 8.5rem;
  margin-bottom: 1.25rem;
}
.shxy .box-item.mb0 {
  margin-bottom: 0;
}
.shxy .box-item.item-other .des-in {
  border-color: #f6a017;
}
.shxy .box-item.item-other .tixing {
  background-color: #f6a017;
}
.shxy .box-item.item-other .tixing::before {
  border-left-color: #f6a017;
}
.shxy .box-des {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.75rem;
  height: 3.5rem;
  background-color: #fff;
  border-radius: 0.45rem;
  box-shadow: 0.025rem 0.025rem 0.025rem rgba(0, 0, 0, 0.0784313725), 0.025rem -0.05rem 0.125rem rgba(0, 0, 0, 0.0784313725), -0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.0784313725), -0.125rem -0.125rem 0.125rem rgba(0, 0, 0, 0.0784313725);
}
.shxy .box .des-in {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.25rem;
  height: 2.75rem;
  font-size: 0.6rem;
  line-height: 0.8rem;
  text-align: center;
  border: 0.05rem solid #e72d21;
  border-radius: 0.45rem;
}
.shxy .box .tixing {
  position: absolute;
  bottom: -0.3rem;
  width: 100%;
  height: 1.75rem;
  background-color: #e72d21;
}
.shxy .box .tixing::before {
  position: absolute;
  bottom: 1.75rem;
  left: 0;
  border-top: 0.75rem solid transparent;
  border-left: 8rem solid #e72d21;
  content: "";
}

.brief {
  box-sizing: border-box;
  padding: 1.25rem 0.6rem;
  background: url("../images/bref_bg.jpg") no-repeat;
  background-size: 100% 100%;
}
.brief .img {
  width: 17.15rem;
  height: 5rem;
  margin: -0.2rem auto;
}
.brief .img img {
  width: 100%;
  height: 100%;
}
.brief .desc {
  margin-top: 0.45rem;
}
.brief .desc .tit {
  color: #d42729;
  font-weight: bold;
  font-size: 0.65rem;
  line-height: 0.9rem;
}
.brief .desc .content {
  margin-top: 0.3rem;
  color: #343434;
  font-size: 0.6rem;
  line-height: 0.75rem;
}

.kcys {
  box-sizing: border-box;
  height: 14.25rem;
  padding-top: 1.5rem;
  background: url("../images/kcys_bg.jpg") no-repeat;
  background-size: 100% 100%;
}
.kcys .title {
  color: #fff;
}
.kcys-swiper {
  width: 17.5rem;
  margin: auto;
  padding-bottom: 1.85rem;
}
.kcys-swiper .swiper-slide {
  width: 7rem;
  height: 8.9rem;
  margin-right: 0.65rem;
  background-color: #fff;
  border-radius: 0.625rem;
}
.kcys-swiper .swiper-slide:last-child {
  margin-right: 0;
}
.kcys-swiper .icon {
  width: 2.5rem;
  height: 1.8rem;
  margin: 0.5rem auto 0.4rem;
  background: center no-repeat;
}
.kcys-swiper .icon1 {
  background-image: url("../images/icon_kcys1.png");
  background-size: 1.625rem;
}
.kcys-swiper .icon2 {
  background-image: url("../images/icon_kcys2.png");
  background-size: 1.575rem;
}
.kcys-swiper .icon3 {
  background-image: url("../images/icon_kcys3.png");
  background-size: 1.275rem;
}
.kcys-swiper .icon4 {
  background-image: url("../images/icon_kcys4.png");
  background-size: 2.275rem;
}
.kcys-swiper .name {
  margin-bottom: 0.25rem;
  font-weight: bold;
  font-size: 0.55rem;
  line-height: 0.9rem;
  text-align: center;
}
.kcys-swiper .desc {
  color: #666;
  font-size: 0.55rem;
  line-height: 1rem;
  text-align: center;
}

.advantage {
  position: relative;
  padding-top: 1.1rem;
  background-color: #f5f6f8;
}
.advantage::after {
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 8rem;
  height: 8rem;
  background: url("../images/panel5_bg.jpg") no-repeat;
  background-size: contain;
  content: "";
}
.advantage .box {
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -0.6rem;
}
.advantage .box .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 8.25rem;
  height: 7rem;
  margin-bottom: 0.25rem;
}
.advantage .box .item:nth-child(2) .train {
  color: #a8001c;
}
.advantage .box .item:nth-child(2) .trainborder-left {
  background: linear-gradient(to top, #fff, #a8001c);
}
.advantage .box .item:nth-child(2) .trainborder-right {
  background: linear-gradient(to top, #fff, #a8001c);
}
.advantage .box .item:nth-child(3) {
  height: 8.5rem;
}
.advantage .box .item:nth-child(3) .train {
  color: #cc1721;
}
.advantage .box .item:nth-child(3) .trainborder-left {
  background: linear-gradient(to top, #fff, #cc1721);
}
.advantage .box .item:nth-child(3) .trainborder-right {
  background: linear-gradient(to top, #fff, #cc1721);
}
.advantage .box .item:nth-child(4) {
  height: 8.5rem;
}
.advantage .box .item:nth-child(4) .train {
  color: #ea2f2f;
}
.advantage .box .item:nth-child(4) .trainborder-left {
  background: linear-gradient(to top, #fff, #ea2f2f);
}
.advantage .box .item:nth-child(4) .trainborder-right {
  background: linear-gradient(to top, #fff, #ea2f2f);
}
.advantage .box .item .icon {
  width: 2.25rem;
}
.advantage .box .item .train {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  margin-top: 0.125rem;
  padding: 0 0.5rem;
  color: #7c000c;
  background-color: #fff;
  border-top: 0.125rem solid currentcolor;
}
.advantage .box .item .train-title {
  margin-bottom: 0.125rem;
  font-weight: bold;
  font-size: 0.6rem;
  line-height: 0.7rem;
  text-align: center;
}
.advantage .box .item .train-content {
  color: #3f3f3f;
  font-size: 0.55rem;
  line-height: 0.75rem;
}
.advantage .box .item .trainborder-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.075rem;
  height: 100%;
  background: linear-gradient(to top, #fff, #9b4049);
}
.advantage .box .item .trainborder-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.075rem;
  height: 100%;
  background: linear-gradient(to top, #fff, #9b4049);
}

.honour {
  padding-bottom: 0.25rem;
  background-color: #f5f6f8;
}
.honour-swiper {
  width: 13.625rem;
  margin: auto;
  padding-bottom: 1.4rem;
}
.honour-swiper .honour-pagination {
  bottom: 0;
}
.honour-swiper .swiper-pagination-bullet {
  background: #ff6257;
}
.honour .button {
  width: 13.05rem;
  height: 1.4rem;
  font-size: 0.55rem;
  line-height: 1.4rem;
  background-color: #ff6257;
}

.kcjs {
  padding: 1.1rem 0.375rem 2rem;
}
.kcjs .table {
  width: 100%;
  height: 7.5rem;
  margin-top: 0.9rem;
  line-height: 0.78rem;
  border-collapse: collapse;
}
.kcjs .table tr:first-child {
  height: 1.5rem;
  border-top: 1px solid #f7d6d7;
}
.kcjs .table tr:nth-child(2) {
  height: 6rem;
}
.kcjs .table tr:nth-child(3) {
  height: 1.5rem;
}
.kcjs .table tr th {
  width: 3.75rem;
  font-size: 0.55rem;
  vertical-align: middle;
  border-bottom: 1px solid #f7d6d7;
}
.kcjs .table tr th:nth-child(even) {
  width: 1.875rem;
  background-color: #eaeaea;
}
.kcjs .table tr th:nth-child(odd) {
  width: 1.875rem;
  background-color: #f9f9f9;
}
.kcjs .table tr th:first-child {
  width: 1.875rem;
  color: #fff;
  background-color: #f8a114;
}
.kcjs .table tr th .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 1.25rem;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 0.5rem;
  background-color: #d4272b;
  border-radius: 0.75rem;
}
.kcjs .table tr th .btn img {
  width: 0.625rem;
  height: 0.75rem;
}

.lqb {
  position: relative;
  padding-top: 1.35rem;
  padding-bottom: 0.75rem;
  background: url("../images/lqb_bg.jpg") no-repeat;
  background-size: 100% 100%;
}
.lqb .title {
  color: #fff;
}
.lqb-swiper {
  width: 16.1rem;
  margin: auto;
  padding-bottom: 1.25rem;
}
.lqb-swiper .lqb-pagination {
  bottom: 0;
}
.lqb .jp {
  position: absolute;
  right: 1rem;
  bottom: 2.75rem;
  z-index: 100;
  width: 3.25rem;
  height: 4.55rem;
  background: url("../images/lqb_jp.png") no-repeat;
  background-size: contain;
}

.campus {
  padding-top: 1.45rem;
}
.campus .title {
  color: #f74c3d;
}
.campus .title::after {
  width: 0;
}
.campus .citys .item {
  box-shadow: 0 0 0.2rem rgba(247, 76, 61, 0.21);
}
.campus .citys .item.active {
  color: #f74c3d;
  border-color: #f74c3d;
}
.campus .tabs .tab {
  background-color: #fff1f0;
}
.campus .tabs .tab.active {
  color: #fff;
  background-color: #f74c3d;
}
.campus .content .name {
  color: #f74c3d;
}

.form-footer .title {
  color: #f74c3d;
}
.form-footer .title::after {
  width: 0;
}
.form-footer .kaptcha-btn {
  width: 6.25rem;
}