@charset "UTF-8";

.header-container {
  height: 154rem;
  width: 1400rem;
  margin: 0rem auto;
  background-color: rgba(255, 255, 255, 0.26);
}

.f-column {
  display: flex;
  flex-direction: column;
}


.header-container .wrapper {
  margin-left: 48rem;
}

.header-container .wrapper .h-i {
  text-align: center;
  font-size: 24rem;
  margin-right: 40rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #0d0d0d;
  position: relative;
}

.header-container .wrapper .h-i.active {
  font-weight: bold;
}

.header-container .wrapper .h-i.active>a {
  color: #0071bc;
}

.header-container .wrapper .h-i.active::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -12rem;
  right: 0rem;
  width: 100%;
  background-color: pink;
  border-radius: 10rem;
  height: 3.74rem;
  opacity: 1;
  background: #0071bc;
}

.header-container .search-input {
  width: 244.07rem;
  height: 40.21rem;
  padding: 0rem 20rem;
  box-sizing: border-box;
  border-radius: 39rem;
  background: rgba(255, 255, 255, 0.26);
  border: 1rem solid gray;
  overflow: hidden;
}

.header-container .search-input .inputValue {
  border: none;
  height: 100%;
  text-indent: 40rem;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 2rem;
  color: rgba(128, 128, 128, 0.7);
}

.header-container .search-input .search-icon {
  width: 62.65rem;
  height: 46.76rem;
}

.header-container .search-input .search-icon:hover {
  cursor: pointer;
}

.slide-banner {
  overflow: hidden;
}

.slide-banner .swiper-link {
  display: block;
  height: 700rem;
}

.slide-banner .swiper-link .banner-icon {
  height: 100%;
}

.quesition-card {
  padding-top: 60rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f8fa;
}

.quesition-card .common-header-card {
  margin-bottom: 0rem !important;
}

.quesition-card .card-list {
  padding: 33rem 0rem 55rem 0rem;
  box-sizing: border-box;
}

.quesition-card .card-list .card-item {
  height: 39.28rem;
  line-height: 39.28rem;
  text-align: center;
  padding: 0rem 20rem;
  box-sizing: border-box;
  opacity: 1;
  border-radius: 38rem;
  background: rgba(0, 113, 188, 0);
  font-size: 26.85rem;
  font-weight: 400;
  border: 1rem solid #383838;
  margin-right: 75rem;
}

.quesition-card .card-list .card-item:hover {
  cursor: pointer;
}

.quesition-card .card-list .card-item:last-child {
  margin-right: 0rem;
}

.quesition-card .card-list .card-item.active {
  color: #fff;
  background: #2a82e4;
  border: none;
}

.quesition-card .card-container {
  display: none;
}

.quesition-card .card-container.active {
  display: block;
}

.quesition-card .card-container .c-icon {
  width: 38rem;
  margin-right: 7rem;
}

.quesition-card .card-container .card-label {
  font-size: 23rem;
  font-weight: 700;
}

.quesition-card .card-container .card-common {
  flex-wrap: wrap;
  justify-content: center;
}

.quesition-card .card-container .card-item {
  padding: 34rem 53rem 33rem 45rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 399.69rem;

  margin-bottom: 44rem;
  margin-right: 58rem;
  border-radius: 25rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 100%);
}

.quesition-card .card-container .card-item:hover {
  cursor: pointer;
}

.quesition-card .card-container .card-item:nth-child(3n) {
  margin-right: 0rem;
}

.quesition-card .card-container .card-item.card-item-1 .card-go {
  background: #fb694d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quesition-card .card-container .card-item .card-go .ri-icon {
  width: 15.94rem;
  height: 13.42rem;
  margin-left: 3rem;
}


.quesition-card .card-container .card-item.card-item-2 .card-go {
  background: #218ee4;
}

.quesition-card .card-container .card-item.card-item-3 .card-go {
  background: #fc7d50;
}

.quesition-card .card-container .card-item.card-item-4 .card-go {
  background: #218ee4;
}

.quesition-card .card-container .card-item.card-item-5 .card-go {
  background: #de2238;
}

.quesition-card .card-container .card-item.card-item-6 .card-go {
  background: #6479fb;
}

.quesition-card .card-container .card-item:nth-child(1) {
  border: 1rem solid #fb694d;
}

.quesition-card .card-container .card-item:nth-child(1) .quesition-card .card-container .card-item:nth-child(1) .card-label {
  color: #f2462a;
}

.quesition-card .card-container .card-item:nth-child(2) {
  border: 1rem solid #218ee4;
}

.quesition-card .card-container .card-item:nth-child(2) .card-label {
  color: #218ee4;
}

.quesition-card .card-container .card-item:nth-child(3) {
  border: 1rem solid #fc7d50;
}

.quesition-card .card-container .card-item:nth-child(3) .card-label {
  color: #fc7d50;
}

.quesition-card .card-container .card-item:nth-child(4) {
  border: 1rem solid #218ee4;
}

.quesition-card .card-container .card-item:nth-child(4) .card-label {
  color: #218ee4;
}

.quesition-card .card-container .card-item:nth-child(5) {
  border: 1rem solid #de2238;
}

.quesition-card .card-container .card-item:nth-child(5) .card-label {
  color: #de2238;
}

.quesition-card .card-container .card-item:nth-child(6) {
  border: 1rem solid #6479fb;
}

.quesition-card .card-container .card-item:nth-child(6) .card-label {
  color: #6479fb;
}

.quesition-card .card-container .card-item .card-go {
  width: 215rem;
  height: 41rem;
  border-radius: 22rem;
  text-align: center;
  line-height: 41rem;
  color: #fff;
  font-size: 18rem;
}

.quesition-card .card-container .card-item .card-c {
  font-size: 22rem;
  font-weight: 400;
  letter-spacing: 0rem;
  /* background-color: pink; */
  margin-top: 14rem;
  height: 119rem;
}

.quesition-card .card-container .card-item .card-c .card-co {
  height: 90rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.quesition-card .answer-list {
  padding: 50rem 0rem 118rem 0rem;
  box-sizing: border-box;
  width: 100%;
}

.quesition-card .answer-list .answer-wrapper {
  flex-wrap: wrap;
}

.quesition-card .answer-list .answer-item {
  width: 306.69rem;
  /* height: 331.25rem; */
  opacity: 1;
  border-radius: 25rem;
  background: white;
  padding: 25rem;
  box-sizing: border-box;
  margin-right: 29rem;
  margin-bottom: 25rem;
}

.quesition-card .answer-list .answer-item:nth-child(4n) {
  margin-right: 0rem;
}

.quesition-card .answer-list .answer-item .a-header {
  height: 250rem;
  opacity: 1;
  border-radius: 25rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(211, 235, 252, 0.6) 99.31%);
  box-shadow: 4rem 4rem 14rem transparent;
  border-radius: 22rem;
  overflow: hidden;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

.quesition-card .answer-list .answer-item .a-header .a-bottom {
  width: 137.19rem;
  height: 125.35rem;
  margin-top: -50rem;
}

.quesition-card .answer-list .answer-item .a-header .a-c-logo.one {
  width: 112.42rem;
  height: 102.35rem;
  padding-right: 10rem;
  box-sizing: border-box;
}

.quesition-card .answer-list .answer-item .a-header .a-c-logo.two {
  width: 109.9rem;
  height: 109.06rem;
  /* margin-bottom: -20rem; */
}

.quesition-card .answer-list .answer-item .a-header .a-c-logo.three {
  width: 116.61rem;
  height: 115.77rem;
  /* margin-bottom: -10rem; */
}

.quesition-card .answer-list .answer-item .a-header .a-c-logo.four {
  width: 106.54rem;
  height: 105.7rem;
  /* margin-bottom: -20rem; */
}

.quesition-card .answer-list .answer-item .a-center .a-pre {
  margin: 14rem 0rem 7rem 10rem;
  box-sizing: border-box;
  position: relative;
  border: 0rem solid white;
  /** 文本1 */
  font-size: 23.49rem;
  font-weight: 500;
  color: #2a82e4;
}

.quesition-card .answer-list .answer-item .a-center .a-pre::before {
  content: "";
  display: block;
  position: absolute;
  left: -10rem;
  width: 3.75rem;
  height: 70%;
  bottom: 50%;
  transform: translateY(50%);
  background: #2a82e4;
}

.quesition-card .answer-list .answer-item .a-center .a-c {
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 27rem;
  color: #383838;
}

.gk-zx {
  background-image: url(/public_common/homeResource/result.png);
  background-size: 100% 100%;
  background-position: center center;
  padding-top: 0rem;
  background-repeat: no-repeat;
  height: 911rem;
  display: flex;
  flex-direction: column;
  padding: 89rem 0rem 73rem;
  box-sizing: border-box;
  align-items: center;
}

.gk-zx .q-card {
  width: 764rem;
  height: 70rem;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin-bottom: 66rem;
  background-image: url(/public_common/homeResource/quesutionn-card.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  font-size: 50rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #0d0d0d;
}

.gk-zx .q-card .right-imgpo {
  color: #1b67fc;
}

.gk-zx .q-card.q-list {
  width: 600rem;
}

.gk-zx .q-card.q-list-result {
  width: 422rem;
}

.gk-zx .zixun_list {
  padding-top: 63rem;
  box-sizing: border-box;
  width: 1400.17rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, white 27.08%, rgba(255, 255, 255, 0.43) 100%);
  border-radius: 11rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.gk-zx .zixun_list .zixun_c {
  box-sizing: border-box;
  border-radius: 11rem;
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  border: 1rem solid rgba(255, 255, 255, 0.13);
}

.gk-zx .zixun_list .zixun_c .zixun-item {
  border-bottom: 1rem solid #a6a6a6;
  padding-bottom: 23rem;
  box-sizing: border-box;
  border-right: 1rem solid #a6a6a6;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(n+3) {
  padding-top: 23rem;
  border-bottom: 4rem;
  margin-bottom: 46rem;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(2n) {
  padding-right: 0rem;
  padding-left: 18rem;
  box-sizing: border-box;
  border-right: none;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(2) .zx-left .zx-label {
  color: #3f73d4;
  background: linear-gradient(270deg, rgba(77, 121, 219, 0.12) 0%, rgba(102, 155, 225, 0.08) 100%);
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(2) .zx-left .zx-label .prefix {
  background-color: #3f73d4;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(2) .zx-left .zx-label .zw-l-pre {
  color: #3f73d4;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(3) .zx-left .zx-label {
  color: #40a86a;
  background: linear-gradient(90deg, rgba(132, 207, 157, 0.13) 0%, rgba(41, 145, 83, 0.2) 100%);
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(3) .zx-left .zx-label .prefix {
  background-color: #40a86a;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(3) .zx-left .zx-label .zw-l-pre {
  color: #40a86a;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(4) .zx-left .zx-label {
  color: #fc7f3d;
  background: linear-gradient(90deg, rgba(252, 127, 61, 0.09) 0%, rgba(252, 127, 61, 0.2) 100%);
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(4) .zx-left .zx-label .prefix {
  background-color: #fc7f3d;
}

.gk-zx .zixun_list .zixun_c .zixun-item:nth-child(4) .zx-left .zx-label .zw-l-pre {
  color: #fc7f3d;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-right {
  padding-right: 18rem;
  box-sizing: border-box;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-right .zx-icon {
  /* width: 245.01rem; */
  width: 205.54rem;
  /* remheight187.5rem */
  border-radius: 22rem;
  cursor: pointer;
  overflow: hidden;
  display: block;
  /* margin-left: 37rem; */
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-right .zx-icon .zw-icon-p {
  width: 100%;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left {
  /* width:384.23rem; */
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-label {
  width: 90%;
  border-radius: 6rem;
  font-size: 20.97rem;
  padding: 3rem;
  box-sizing: border-box;
  background: linear-gradient(270deg, rgba(212, 48, 48, 0.12) 0%, rgba(212, 48, 48, 0.06) 100%);
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-label .prefix {
  background-color: #d43030;
  color: #fff;
  padding: 0rem 3rem;
  box-sizing: border-box;
  margin-right: 10rem;
  border-radius: 5rem;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-label .zw-l-pre {
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 23rem;
  color: #d43030;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-con {
  display: flex;
  width: 409.69rem;

  flex-direction: column;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-con .zx-item {
  font-size: 18.46rem;
  color: rgba(56, 56, 56, 0.56);
  letter-spacing: 0rem;
  line-height: 36rem;
  word-break: break-all;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-con .zx-item.hot {
  color: rgba(213, 49, 49, 1);
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-con .zx-item .c-i,
.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-con .zx-item .v {
  font-weight: 500;
  color: #383838;
}

.gk-zx .zixun_list .zixun_c .zixun-item .zx-left .zx-con .zx-item .v {
  margin: 0rem 3rem;
}

.gk-lesson {
  background-color: #fff;
  padding: 76rem 0rem;
  display: flex;
  justify-content: center;
}

.gk-lesson .gk-header-header {
  padding: 40rem 0rem;
  width: 1400.17rem;
  box-sizing: border-box;
  border-radius: 20rem;
  box-shadow: 0rem 0rem 5rem rgba(0, 0, 0, 0.26);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gk-lesson .gk-header-header .gk-c .img-common {
  width: 63.36rem;
}

.gk-lesson .gk-header-header .gk-c .c-l {
  width: 316rem;
  text-align: center;
  opacity: 1;
  border: 0rem solid #1b67fc;
  /** 文本1 */
  font-size: 50rem;
  font-weight: 700;
  letter-spacing: 10rem;
  line-height: 72.4rem;
  text-align: center;
  color: #0d0d0d;
  /** 文本2 */
  font-size: 50rem;
  font-weight: 700;
}

.gk-lesson .gk-header-header .gk-c .c-l .c-h {
  color: #1b67fc;
}

.gk-lesson .gk-lessson-list {
  margin: 56rem 0rem 0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-header {
  font-size: 26rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 46.34rem;
  color: #0d0d0d;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-header .gk-card-item {
  margin-right: 83rem;
  cursor: pointer;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-header .gk-card-item.active {
  height: 46rem;
  opacity: 1;
  line-height: 46rem;
  position: relative;
  padding: 0rem 10rem;
  box-sizing: border-box;
  color: white;
  border-radius: 195rem;
  background: linear-gradient(90deg, #1f7eff 0%, #67b3ff 100%);
}

.gk-lesson .gk-lessson-list .gk-lesson-card-header .gk-card-item.active::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 4rem;
  left: 0rem;
  bottom: -12rem;
  border-radius: 109rem;
  background: #2583ff;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-header .gk-card-item:last-child {
  margin-right: 0rem;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list {
  margin-top: 46rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l {
  /* flex: 1; */
  width: 421.14rem;
  /* margin-right: 31rem; */
  border-radius: 10rem;
  box-shadow: 0rem 0rem 3rem rgba(0, 0, 0, 0.26);
  overflow: hidden;
}

/* .gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l:nth-child(2n) {
  margin-right: 0rem;
} */

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l:nth-child(2n) .gk-l-h {
  border-radius: 14rem;
  background: linear-gradient(90deg, #ea5640 0%, #f79f40 100%);
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l:nth-child(3n) .gk-l-h {
  background: linear-gradient(270deg, rgba(66, 207, 204, 1) 0%, rgba(0, 186, 173, 1) 100%);
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-l-h {
  /* width: 421.14rem; */
  height: 72.99rem;
  font-size: 30rem;
  font-weight: 700;
  letter-spacing: 0rem;
  position: relative;
  padding-left: 63rem;
  line-height: 23rem;
  color: white;
  opacity: 1;
  line-height: 72.99rem;
  border-radius: 14rem;
  background: linear-gradient(90deg, #1f7eff 0%, #67b3ff 100%);
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-l-h::before {
  content: "";
  display: block;
  position: absolute;
  height: 19rem;
  width: 19rem;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 20rem;
  background-color: #fff;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f {
  padding: 32rem 18rem;
  box-sizing: border-box;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-less-block {
  height: 308rem;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l {
  margin-bottom: 28rem;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .label {
  margin-right: 22rem;
  font-size: 18rem;
  font-weight: 400;
  min-width: 70rem;
  letter-spacing: 0rem;
  color: white;
  height: 31rem;
  padding: 0rem 5rem;
  box-sizing: border-box;
  line-height: 31rem;
  text-align: center;
  border-radius: 12rem;
  background: #46d07d;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c {
  display: flex;
  font-size: 22rem;
  font-weight: 400;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.common {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.common .c-l {
  margin-bottom: 7rem;
  justify-content: space-between;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.common .c-l .c-i {
  /* width: 350rem; */
  font-size: 15.94rem;
  font-weight: 400;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.sj {
  align-items: center;
  display: block;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.sj .prefix-o {
  position: relative;
  padding-left: 16rem;
  box-sizing: border-box;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.sj .prefix-o {
  /* margin-left: 10rem; */
  font-size: 15.94rem;
  font-weight: 400;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.sj .prefix-o::before {
  content: "";
  display: block;
  position: absolute;
  left: 0rem;
  top: 50%;
  width: 10.66rem;
  height: 11rem;
  border-radius: 50%;
  opacity: 1;
  background: #43cf7c;
  transform: translateY(-50%);
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.service {
  width: 100%;
  flex-wrap: wrap;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-l-l .c.service .c-i {
  height: 24.14rem;
  min-width: 88.36rem;
  text-align: center;

  line-height: 24.14rem;
  opacity: 1;
  border-radius: 16rem;
  background: rgba(204, 204, 204, 0);
  cursor: pointer;
  border: 1rem solid black;
  padding: 0rem 5rem;
  box-sizing: border-box;
  margin-right: 9rem;
  margin-bottom: 7rem;
  font-size: 14.26rem;
  font-weight: 400;

}

.gk-lesson.studen .gk-header-header {
  box-shadow: none;
  padding-bottom: 0rem;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot {
  /* justify-content: flex-end; */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot .sk {
  font-size: 20rem;
  font-weight: 400;
  letter-spacing: 1rem;
  line-height: 23rem;
  color: black;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot .sk .pre {
  color: #f2440f;
  margin-right: -8rem;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot .sk .pre-m {
  font-size: 33.56rem;
  font-weight: 500;

  letter-spacing: 0rem;
  line-height: 31rem;
  color: #f2440f;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot .d-i {
  margin-left: 10rem;
  margin-top: 31rem;

}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot .d-i a {
  font-size: 18.46rem;
  font-weight: 400;

  letter-spacing: 0rem;
  height: 26.01rem;
  line-height: 26.01rem;
  color: white;
  border-radius: 16rem;
  padding: 0rem 5rem;
  box-sizing: border-box;
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot .d-i a:first-child {
  margin-right: 23rem;
  background: #ff6401;
  border: 1rem solid rgba(103, 179, 255, 0.13);
}

.gk-lesson .gk-lessson-list .gk-lesson-card-list .gk-less-card-l .gk-kess-f .gk-fot .d-i a:last-child {
  background: #0f88ff;
  border: 1rem solid rgba(103, 179, 255, 0.13);
}

.teachers {
  padding: 0rem 0rem 0rem 0rem;
  box-sizing: border-box;
}

.teachers .teachers_list {
  margin-top: 77rem;
  overflow: hidden;
}

.teachers .teachers_list .teachers_wrapper {
  width: 100%;

}
.teachers .teachers_list .teachers_wrapper .slide-i{
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item {
  width: 548.66rem;
  display: block;
  border-radius: 20rem;
  margin-right: 61rem;
  overflow: hidden;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item:last-child {
  margin-right: 0rem;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item:last-child .item-logo {
  width: 336.34rem;
height: 388.26rem;
/* margin-top: 10rem; */
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-header {
  background-image: url(/public_common/homeResource/tb.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-header .left-prefix {
  width: 42.79rem;
  height: 226.51rem;
  
  background-image: url(/public_common/homeResource/jx.png);
  background-position: center center;
  background-size: 100% 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  writing-mode: vertical-lr;
  left: 31rem;
  position: absolute;
  font-size: 23.49rem;
  font-weight: 500;
  color: white;
  top: 50%;
  transform: translateY(-50%);
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-header .left-prefix span:nth-child(2) {
  margin-top: 20rem;
}
.teachers .teachers_list .teachers_wrapper .tearcher-item .item-footer  .t-l{
  font-size: 18.46rem;
font-weight: 500;
margin-bottom: 5rem;
color: rgba(34, 125, 230, 1);

} 
.teachers .teachers_list .teachers_wrapper .tearcher-item .item-footer {
  margin-top: 23rem;
  font-size: 20rem;
  font-weight: 900;
  line-height: 26rem;
  color: #383838;
  padding: 0rem 10rem;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-footer .i-w {
  height: 128.36rem;

}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-footer .item-message {
  position: relative;
  /* line-height: 27rem;
 */
 margin-bottom: 4rem;
  font-size: 16.78rem;
font-weight: 900;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-footer .item-message::before {
  content: "";
  display: block;
  position: absolute;
  width: 4rem;
  height: 4rem;
  background-color: #000;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: -10rem;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-footer .item-link {
  margin-top: 10rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 2rem;
  line-height: 29rem;
  color: #383838;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-footer .item-link .go-icon {
  width: 21rem;
  height: 15rem;
}

.teachers .teachers_list .teachers_wrapper .tearcher-item .item-logo {
  width: 269.07rem;
  height: 386.8rem;
}

.sudent-lists {
  padding-top: 35rem;
  /* background-color: pink; */
  box-sizing: border-box;
}

.sudent-lists .sudent-i {
  height: 73rem;
  align-items: center;
  opacity: 1;
  display: flex;
  border-radius: 11rem;
  background: #e9f0ff;
  font-size: 26.85rem;
  font-weight: 700;
  letter-spacing: 0rem;
  padding-left: 23rem;
  color: #383838;
}

.sudent-lists .sudent-i .label {
  color: #1b67fc;
}

.sudent-lists .sudent-i .service {
  width: 36rem;
  height: 30rem;
  margin-right: 20rem;
}

.sudent-lists .sudent-i.group {
  align-items: center;
}

.sudent-lists .sudent-i.group .v {
  width: 2rem;
  height: 29rem;
  opacity: 1;
  background: #383838;
  margin: 0rem 10rem;
}

.sudent-lists .sudent-i.group .r-c {
  font-size: 23rem;
  font-weight: 400;
  letter-spacing: 2rem;
  color: #383838;
}

.sudent-lists .group-list {
  justify-content: space-between;
  margin-top: 29rem;
}

.sudent-lists .group-list .group-l {
  width: 695rem;
  height: 300rem;
  opacity: 1;
  border-radius: 11rem;
  background: linear-gradient(90deg, rgba(31, 126, 255, 0.12) 0%, rgba(103, 179, 255, 0) 100%);
  justify-content: center;
}

.sudent-lists .group-list .group-l:last-child {
  background: linear-gradient(90deg, rgba(255, 141, 26, 0.12) 0%, rgba(103, 179, 255, 0) 100%);
}

.sudent-lists .group-list .group-l .info-r .info-n {
  font-size: 28rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 40.54rem;
  color: #0d0d0d;
  margin-bottom: 20rem;
}

.sudent-lists .group-list .group-l .info-r .info-n .n {
  position: relative;
}


.studen-box .box-info-left {
  width: 764.26rem;
  margin-right: 15rem;

}

.service-list {
  display: flex;
  flex-direction: column;
  padding-left: 4rem;
}

.service-list .aricle-i {
  display: flex;
  align-items: center;
  height: 61.24rem;
  line-height: 61.24rem;
  display: inline-block;
  font-size: 20.97rem;
  font-weight: 500;
  border-bottom: 1rem solid rgba(229, 229, 229, 1);
  ;
}

.service-list .aricle-i:last-child {
  border-bottom: none;
}

.studen-box .box-info-right {
  flex: 1;
  border-radius: 9.23rem;
  background: rgba(255, 255, 255, 0);
  border: 0.84rem solid rgba(229, 229, 229, 1);
  height: 500rem;

}

.la {

  color: rgba(34, 125, 230, 1);
  display: inline-block;
  border-right: 2rem solid rgba(34, 125, 230, 1);
  ;
  /* background-color: pink; */
  height: 20rem;
  line-height: 20rem;
  padding-right: 5rem;
}

.la-c {
  color: rgba(56, 56, 56, 1);
  padding-left: 5rem;

}

.studen-box .box-info-left .service-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 23rem;
}

.studen-box .box-info-left .service-wrapper .service-item {
  width: 248.69rem;
  height: 276.85rem;
  border-radius: 9.23rem;
  padding: 20rem 19rem;
  background-image: url(/public_common/homeResource/c-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: relative;
  margin-right: 8rem;
}

.studen-box .box-info-left .service-wrapper .service-item.m-top {
  margin-top: -80rem;
}

/* //m-top */
.studen-box .box-info-left .service-wrapper .service-item:nth-child(3n) {
  margin-right: 0rem;
}

.studen-box .box-info-left .service-wrapper .service-item .right-icoo {
  position: absolute;
  width: 151.01rem;
  height: 161.91rem;
  right: 0rem;
  bottom: 29rem;
}


.studen-box .box-info-left .service-wrapper .service-item {
  font-size: 20.97rem;
  font-weight: 400;
}






















.sudent-lists .group-list .group-l .info-r .info-n .n::before {
  content: "";
  display: block;
  position: absolute;
  width: 60rem;
  height: 0rem;
  opacity: 1;
  border: 1rem solid black;
  bottom: 0rem;
}

.sudent-lists .group-list .group-l .info-r .info-n .w {
  margin-right: 10rem;
}

.sudent-lists .group-list .group-l .info-r .i-block {
  height: 189rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-size: 22rem;
  font-weight: 400;
  letter-spacing: 1rem;
  line-height: 29rem;
}

.sudent-lists .group-list .group-l .info-r .info-m .info-m-item .item-label {
  margin-right: 5rem;
}

.sudent-lists .group-list .group-l .group-i {
  width: 226rem;
  height: 260rem;
  margin-right: 70rem;
}

.sudent-lists .stu-list {
  justify-content: space-between;
  padding-top: 28rem;
  box-sizing: border-box;
}

.sudent-lists .stu-list-item {
  width: 248.69rem;

  height: 276.85rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
  border-radius: 11rem;
}

.sudent-lists .stu-list-item .stu-item-label {
  margin-top: 26rem;
  width: 130.87rem;
  height: 37.75rem;
  opacity: 1;
  border-radius: 6rem;
  text-align: center;
  line-height: 37.75rem;
  font-size: 26rem;
  font-weight: 700;
  color: #fff;
}

.sudent-lists .stu-list-item .stu-item-c {
  width: 223rem;
  padding-top: 20rem;
  box-sizing: border-box;
  font-size: 20.97rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #383838;
}

.sudent-lists .stu-list-item:nth-child(1) {
  background: linear-gradient(180deg, rgba(251, 105, 77, 0.28) 0%, rgba(240, 250, 244, 0) 98.8%, white 100%);
}

.sudent-lists .stu-list-item:nth-child(1)>.stu-item-label {
  background: #fb694d;
}

.sudent-lists .stu-list-item:nth-child(2) {
  background: linear-gradient(180deg, rgba(255, 133, 0, 0.29) 0%, rgba(240, 250, 244, 0) 98.8%, white 100%);
}

.sudent-lists .stu-list-item:nth-child(2)>.stu-item-label {
  background: #ff8d1a;
}

.sudent-lists .stu-list-item:nth-child(3) {
  background: linear-gradient(180deg, rgba(67, 207, 124, 0.39) 0%, rgba(240, 250, 244, 0) 98.8%, white 100%);
}

.sudent-lists .stu-list-item:nth-child(3)>.stu-item-label {
  background: #43cf7c;
}

.sudent-lists .stu-list-item:nth-child(4) {
  background: linear-gradient(180deg, rgba(15, 135, 255, 0.39) 0%, rgba(240, 250, 244, 0) 98.8%, white 100%);
}

.sudent-lists .stu-list-item:nth-child(4)>.stu-item-label {
  background: #0f87ff;
}

.sudent-lists .stu-list-item:nth-child(5) {
  background: linear-gradient(180deg, rgba(93, 115, 251, 0.35) 0%, rgba(240, 250, 244, 0) 98.8%, white 100%);
}

.sudent-lists .stu-list-item:nth-child(5)>.stu-item-label {
  background: #5d73fb;
}

.resouce {
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  border-radius: 20rem;
  box-shadow: 0rem 0rem 5rem rgba(0, 0, 0, 0.26);
  width: 1400.17rem;
  margin: 0rem auto;
  padding: 43rem 0rem;
}

.resouce .common-header-card {
  margin-bottom: 0rem !important;
}

.resouce .resouce-list {
  margin-top: 55rem;
  justify-content: space-between;
  width: 100%;
  padding: 0rem 58rem;
  box-sizing: border-box;
}

.resouce .resouce-list .resource-l {
  width: 510.91rem;
  margin-right: 30rem;
}

.resouce .resouce-list .resource-l .res-b .res-i {
  height: 278.87rem;

  overflow: hidden;
  border-radius: 10rem;
}

.resouce .resouce-list .resource-l .res-b a {
  display: block;
}

.resouce .resouce-list .resource-l .res-b .firsr {
  margin-bottom: 10rem;
}

.resouce .resouce-list .resource-r {
  flex: 1;
}

.resouce .resour-header {
  height: 73rem;
  box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 11rem;
  font-size: 26.85rem;
  font-weight: 700;
  color: #2a82e4;
  width: 100%;
}

.resouce .resour-header .res-l {
  width: 510.91rem;
  height: 100%;
  line-height: 70rem;
  background: #f9f9f9;
  padding-left: 30rem;
  border-radius: 11rem;
  box-sizing: border-box;
}

.resouce .resour-header .resource-r-l {
  margin-left: 29rem;
  padding-right: 10rem;
  box-sizing: border-box;
  border-radius: 11rem;
  background: #f9f9f9;
  flex: 1;
  height: 100%;
}

.resouce .resour-header .resource-r-l .res-l {
  width: 204rem;
  padding-left: 21rem;
  box-sizing: border-box;
  line-height: 70rem;
}

.resouce .resour-header .resource-r-l .res-r-w {
  flex: 1;
  color: #383838;
}

.resouce .resour-header .resource-r-l .res-r-w .res-r-i {
  margin-right: 19rem;
  cursor: pointer;
}

.resouce .resour-header .resource-r-l .res-r-w .res-r-i.active {
  color: #2a82e4;
  position: relative;
}

.resouce .resour-header .resource-r-l .res-r-w .res-r-i.active::before {
  content: "";
  display: block;
  position: absolute;
  width: 43rem;
  height: 3rem;
  opacity: 1;
  border-radius: 21rem;
  background: #2a82e4;
  bottom: -5rem;
  left: 50%;
  transform: translateX(-50%);
}

.resouce .resour-header .resource-r-l .res-r-w .res-r-i:last-child {
  margin-right: 0rem;
}

.resouce .aricle-block-i {
  padding-top: 35rem;
  box-sizing: border-box;
}

.aricle-list .aricle-wrapper {
  display: none;
}

.aricle-list .aricle-wrapper.active {
  display: block;
}

.aricle-list .aricle-item {
  padding: 18rem 0rem;
  box-sizing: border-box;
  border-bottom: 1rem solid rgba(166, 166, 166, 0.5);
}

.aricle-list .aricle-item:first-child {
  padding-top: 0rem;
}

.aricle-list .aricle-item:last-child {
  border: none;
}

.aricle-list .ai {
  width: 240.77rem;
  height: 166.11rem;
  min-width: 287rem;
  border-radius: 10rem;
  overflow: hidden;
}

.aricle-list .ar-r {
  margin-left: 24rem;
  flex: 1;
}

.aricle-list .ar-r .aricle-he {
  padding-bottom: 16rem;
  box-sizing: border-box;
}

.aricle-list .ar-r .aricle-he .ar-tag {
  display: block;
  width: 50.34rem;
  height: 21.81rem;
  opacity: 1;
  font-size: 15.94rem;

  font-weight: 500;
  letter-spacing: 0rem;
  text-align: center;
  color: white;
  border-radius: 3rem;
  background: #2a82e4;
}

.aricle-list .ar-r .aricle-he .ar-title {
  font-size: 23.49rem;
  font-weight: 500;
  letter-spacing: 1rem;
  line-height: 28rem;
  color: black;
  padding-left: 19rem;
  box-sizing: border-box;
}

.aricle-list .ar-r .aricle-c {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  word-break: break-all;
  font-size: 18.46rem;
  font-weight: 400;
  letter-spacing: 3rem;
}

.aricle-list .ar-r .aricle-c-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18.46rem;
  font-weight: 400;
  letter-spacing: 3rem;
  padding-top: 40rem;
}

.aricle-list .ar-r .aricle-c-f .r .r-t {
  font-size: 15.46rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: gray;
}

.aricle-list .ar-r .aricle-c-f .r .r-i {
  width: 26rem;
  height: 26rem;
  margin-right: 5rem;
}

.footer-group {
  display: flex;
  justify-content: center;
  height: 989.93rem;
  background-image: url(/public_common/homeResource/group-bg-colos.png);
  background-position: center center;
  background-size: 100% 100%;
  width: 100%;
  margin-top: 84rem;
}

.footer-group .footer-wrapper {
  /* width: 1677rem; */
  display: flex;
  margin: 0rem 0rem 86rem;
}

.footer-group .footer-wrapper .group-le .group-logo {
  margin-bottom: 23rem;
}

.footer-group .footer-wrapper .group-le .group-logo .logo-c {
  width: 219.8rem;
  height: 60.4rem;
}

.footer-group .footer-wrapper .group-le .group-message {
  font-size: 20.97rem;
  font-weight: 400;
  letter-spacing: 5rem;
  line-height: 30rem;
  color: #383838;
  padding-bottom: 20rem;
}

.footer-group .footer-wrapper .group-le .group-message .title-i {
  font-size: 28rem;
  font-weight: 500;
  letter-spacing: 4rem;
  line-height: 35rem;

}

.footer-group .footer-wrapper .group-le .group-message .tips {
  text-indent: 2em;
  margin-top: 12rem;
  color: #fff;
  margin-bottom: 20rem;
}

.footer-group .footer-wrapper .group-ri {
  width: 577rem;
  min-width: 577rem;
  margin-left: 13rem;
  height: 572rem;
}

.footer-group .footer-wrapper .group-ri img {
  width: 100%;
}

 .footer-container-top {
  display: flex;
  padding: 69rem 78rem  0rem;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  border-top: 1rem solid rgba(255, 255, 255, 0.5);
}

 .footer-container-top .footer-v {
  width: 0.94rem;
  height: 142.14rem;
  opacity: 1;
  background: white;
}

.footer-container-top .footer-item {
  flex: 1;
  text-align: center;
  color: white;
}

 .footer-container-top .footer-item .item-l {
  font-size: 40.27rem;
font-weight: 700;
  letter-spacing: 0rem;
}

 .footer-container-top .footer-item .item-info {
  font-size: 21.81rem;
  font-weight: 500;
  /* margin-top: 4rem; */
  letter-spacing: 0rem;
  /* margin-top: rem; */
}
/* .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  background-image: url(/public_common/homeResource/footer.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.footer .footer-container {
  width: 1665rem;
  height: 688rem;
}



.footer .footer-container .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 70rem;
  box-sizing: border-box;
}

.footer .footer-container .footer-bottom .footer-i {
  display: flex;
  align-items: center;
}

.footer .footer-container .footer-bottom .l-t {
  margin-bottom: 20rem;
}

.footer .footer-container .footer-bottom .l-t .l-t-l {
  position: relative;
  padding-left: 15rem;
  box-sizing: border-box;
  font-size: 28rem;
  font-weight: 500;
  letter-spacing: 0rem;
  color: white;
}

.footer .footer-container .footer-bottom .l-t .l-t-l::before {
  content: "";
  display: block;
  position: absolute;
  width: 6.55rem;
  height: 24.31rem;
  opacity: 1;
  background: white;
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
}

.footer .footer-container .footer-bottom .l-t .l-t-b {
  display: flex;
  align-items: center;
  padding-left: 15rem;
}

.footer .footer-container .footer-bottom .l-t .l-t-b .l-t-b-l {
  font-size: 22rem;
  margin-right: 30rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: white;
}

.footer .footer-container .footer-bottom .l-t .l-t-b .l-t-b-l:last-child {
  margin-right: 0rem;
}

.footer .footer-container .footer-bottom .bottom-v {
  width: 0.94rem;
  height: 142.14rem;
  opacity: 1;
  background: white;
  margin: 0rem 45rem;
}

.footer .footer-container .footer-bottom .bottom-c .l-t-b-wrapper {
  padding-left: 15rem;
  box-sizing: border-box;
  font-size: 22rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 30rem;
  color: white;
}

.footer .footer-container .footer-bottom .bottom-r .r-i {
  width: 252.49rem;
  height: 252.49rem;
}

.footer .footer-container .footer-bottom .bottom-r .r-i:nth-child(1) {
  margin-right: 40rem;
} */

.common-header-card {
  margin-bottom: 65rem;
}

.common-header-card .img-common {
  width: 63.36rem;
  height: 66.67rem;
}

.common-header-card .c-l {
  font-size: 41rem;
  font-weight: 700;
  letter-spacing: 5rem;
  color: #0d0d0d;
  padding: 0rem 40rem;
}

.common-header-card .c-l .c-h {
  color: #1b67fc;
}

.card-wrapper-box {
  width: 100%;
  display: none;
}

.card-wrapper-box.active {
  display: block;
}