body,
html {
  width: 100%;
  height: 100%;
}
.container {
  background: #fff !important;
}
.vipCourse_banner {
  position: relative;
  height: fit-content;
  width: 100%;
  /* height: 100%; */
  height: 198px;
  /* min-width: 1400px; */
}

.banner_bg .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  margin-top: 65px;
  text-align: center;
}
.banner_bg .text .slogan_one {
  width: 664px;
  margin: 0 auto;
  display: block;
}
.banner_bg .text .slogan_two {
  /* width: 202.5px; */
  width: 680px;
  margin: 0 auto;
  margin-top: 24px;
  display: block;
}
.vipCourse_banner .main_banner_bg {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%;
  height: 100%; */

  z-index: 1;
}
.vip_two_card {
  position: relative;
  /* position: absolute;
  left: 50%;
  top: 0;
  display: none; */
  /* top: 125px; */
  /* transform: translatex(-50%); */
  display: flex;
  /* box-shadow: 1.5px 3.7px 7.8px 0.3px rgba(0, 0, 0, 0.03); */
  /* border-radius: 5px; */
  z-index: 999;
  /* padding-bottom: 20px;
  padding-top: 36.5px; */
  width: fit-content;
  margin: 0 auto;
  /* top: 90px; */
  top: 120px;
}
.vip_card {
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
  /* padding: 30px 0  36px 0; */
  padding: 0 33px;
  box-sizing: border-box;
}
.vip_card:last-child {
  margin-left: 16px;
  /* border-left: dashed 0.5px rgba(220, 220, 220, 1); */
}
.vip_card .title {
  font-size: 14px;
  font-weight: bold;

  letter-spacing: 0px;
  color: #333333;

  margin-bottom: 18px;
}
.vip_card p {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 5px;
  /* transform: scale(0.9); */
  white-space: nowrap;
}
.vip_card img {
  width: 80px;
}
.vip_card .btn {
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  padding: 5px 18.5px;
  background-color: #d7ae71;
  border-radius: 14px;
  text-align: center;
  width: fit-content;
}

.member-home-table-head {
  font-size: 17px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  position: relative;
  padding-bottom: 30px;
  /* background-color: #fff; */
  background-color: #f2f2f2;
}
.member-home-table-head::after {
  content: "";
  width: 53px;
  height: 2px;
  background-color: #e22e40;
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translate(-50%, 0);
  border-radius: 4px;
}
.mini_name {
  font-size: 10px;
  letter-spacing: 1px;
  color: #808080;
  font-weight: normal;
  margin-top: 1px;
}
.member-home-table_list div:nth-child(even) {
  background-color: #f6f6f6;
  font-size: 14px;
}
.member-home-table_list div:nth-child(odd) {
  background: #fff;
  font-size: 14px;
}
.table_header {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #666666;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  height: 60px !important;
  line-height: 1 !important;
  margin-bottom: 21px;
}
.table_header img {
  width: 22px;
  margin-bottom: 11.5px;
}
.member-home-qa-subject-question {
  font-size: 15px;
  font-weight: bold;
  color: #d7ae71;
  display: flex;
  align-items: center;
}

.banner_bg .text {
}

.vip_two_card {
}

.modwp {
  width: fit-content;
  margin: 0 auto;
}

/* >1200 */
.banner_bg {
  width: 100vw;
  background: url("../../../web/img/vipbanner.jpg") no-repeat center top;
  /* height: 600px; */
  height: 480px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  top: 0;
  left: 0;
  z-index: 1;
}

/*1000《width 《1200 */
@media screen and (max-width: 1200px) {
  body {
    min-width: 1100px;
  }
  .banner_bg .text .slogan_one {
    width: 560px;
  }
  .banner_bg .text .slogan_two {
    margin-top: 18px;
        width: 580px;
  }
  .vipCourse_text_wrap_all{
    padding-top: 90px;
  }
  .banner_bg {
    /* height: 365px !important; */
    height: 465px !important;
  }
  .banner_bg .text {
    margin-top: 48px;
  }
  .modwp {
    width: 1100px;
  }
  .vip_two_card {
    padding: 30px 0;
  }
  .vip_card {
  }
  .vipCourse_banner {
    height: 159px;
  }
}

/* <992 */
@media screen and (max-width: 992px) {
  body {
    min-width: 900px;
  }
  .vipCourse_banner {
    height: 140px;
  }
  .modwp {
    width: 900px;
  }
  .banner_bg .text .slogan_one {
    width: 450px;
  }
  .vipCourse_text_wrap_all{
    padding-top: 90px;
  }
  .banner_bg .text .slogan_two {
    margin-top: 18px;
    width: 480px;
  }
  .banner_bg {
    /* height: 335px !important; */
    height: 424px !important;
  }
  .banner_bg .text {
    margin-top: 48px;
  }
  .vip_two_card {
    padding: 25px 0;
  }
  .vip_card {
  }
}

.class_img_arr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.class_img_arr  img{
  width: 100%;
}
.class_single {
  width: 186px;
  height: 47px;
  background-color: #ffffff;
  border-radius: 5px;
}
.text_arr {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f9f2cb;
  font-size: 26px;
  position: relative;
  z-index: 100;
  text-align: center;
  margin-top: 30px;
}
.text_block {
  padding: 0 21px;
}
.text_arr .myText {
  font-size: 18px;
  color: #ffffff;
  white-space: nowrap;
}

.text_block1,
.text_block2 {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.img_btn_two {
  /* display: flex; */
}

.img_btn_two .left {
  width: 492px;
  height: 241px;
  background-image: linear-gradient(
      90deg,
      rgba(247, 68, 86, 1) 0%,
      rgba(248, 80, 81, 1) 50%,
      rgba(249, 91, 75, 1) 100%
    ),
    linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-blend-mode: normal, normal;
  box-shadow: 0.2px 0px 12.2px 10.2px rgb(0 0 0 / 10%);
  border-radius: 10px;
}

.img_btn_two .right {
  width: 492px;
  /* height: 241px; */
  background-image: linear-gradient(
      90deg,
      rgba(59, 58, 64, 1) 0%,
      rgba(82, 80, 88, 1) 100%
    ),
    linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-blend-mode: normal, normal;
  box-shadow: 0.2px 0px 12.2px 10.2px rgb(0 0 0 / 10%);
  border-radius: 10px;
}

.top_msg {
  color: #fff;
  margin-bottom: 57px;
  display: flex;
  align-items: center;
}
.top_time_img {
  margin-right: 20px;
}
.top_msg span {
  font-size: 16.7px;
  font-weight: 400;
}
.bottom_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottom_price p {

}

.bottom_price span:last-child {
  font-size: 30px;
  font-weight:  100;
  color: rgba(255, 255, 255, 1);
  opacity: 0.5;
  letter-spacing: -2px;
  text-decoration: line-through;
}

.bottom_price span:first-child {
  font-size: 30px;
  font-weight: 800;
  color: rgba(246, 236, 193, 1);
}

.joinBtn {
  width: 133px;
  height: 39px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 19.2px;
  font-size: 16px;
  line-height: 39px;
  letter-spacing: 0.2vw;
  color: rgba(224, 41, 59, 1);
  text-align: center;
  /* margin: 0 auto; */
}

.flex_p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nian_card p{
color: rgba(246, 236, 193, 1);
}
.nian_card span{
color: rgba(246, 236, 193, 1);
}
.nian_card .joinBtn{
  background-color: rgba(246, 236, 193, 1);
	box-shadow: 3.4px 3.7px 3.4px 3.4px 
		rgba(0, 0, 0, 0.1);
	border-radius: 19.2px;
 color: rgba(60, 59, 64, 1);
}
.vipCourse_text{
  margin-top: 40px;
}