.index_title_left {
  gap: 0.6rem;
  font-weight: 600;
  font-size: 2rem;
  color: #e01113;
}
.index_title_left img {
  width: 2rem;
  height: 2rem;
}
.header_box {
  height: 5rem;
}
.banner {
  position: relative;
  width: 100%;
  height: 26vw;
  padding-top: 1.56vw;
  background: url("../images_new/index/banner.png?v=0.0.1") no-repeat;
  background-size: 100% 100%;
}
.banner .btn_box {
  display: flex;
  justify-content: flex-end;
  width: 140rem;
  margin: 0 auto;
}
.banner .btn_box .login_box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.4rem;
  font-size: 1.4rem;
  background: #ed1c1c;
  border-radius: 3.3rem;
  border: 0.1rem solid #ffffff;
}
.banner .btn_box .login_box div {
  height: 2vw;
  padding: 0 0.6rem;
  line-height: 2vw;
  font-size: 1.4rem;
  color: #fff;
  cursor: pointer;
}
.banner .btn_box .user_box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 0;
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
}

.banner .ai_box {
  position: absolute;
  bottom: 0.9vw;
  left: 50%;
  transform: translateX(-50%);
  width: 53vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 53vw;
  text-align: center;
}
.banner .ai_box .ai_input_box {
  position: relative;
  width: 100%;
}
.banner .ai_box .ai_input_box .ai_peo {
  position: absolute;
  top: -7.6vh;
  left: 0.5vw;
  width: 5.7vw;
}
.banner .ai_box .ai_input_box .icon_8 {
  position: absolute;
  bottom: 1.2vh;
  right: 1vw;
  height: 4.6vh;
  z-index: 3;
  cursor: pointer;
}
.ai_input_box .el-textarea {
  width: 100%;
  z-index: 2;
}

.ai_input_box .el-textarea__inner {
  padding-right: 6rem;
  font-size: 1.4rem;
  resize: none;
}

.ai_input_box .el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  cursor: not-allowed;
}

.ai_input_box ::-webkit-scrollbar-thumb {
  background: #8b8b8b;
  cursor: pointer;
}
.banner .ai_box .ai_btn_box {
  position: absolute;
  bottom: 0.8vh;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 1.2vw;
  z-index: 2;
}
.banner .ai_box .ai_btn_box .ai_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 6.4vw;
  height: 3.6vh;
  background: #ffffff;
  border-radius: 5rem;
  font-size: 1.4rem;
  cursor: pointer;
}
/* 按钮之间的分隔线 */
.banner .ai_box .ai_btn_box .ai_btn:not(:last-child)::after {
  content: "";
  position: absolute;
  right: calc(-0.6vw - 0.5px);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.5rem;
  background-color: #b7b7b7;
}
.banner .ai_box .ai_btn_box .ai_btn img {
  width: 1.8rem;
  height: 1.8rem;
}
.banner .user_box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 0;
  font-size: 1.6rem;
  color: #ed1c1c;
  cursor: pointer;
}
.banner .user_box:hover .more_box {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.banner .user_box img {
  width: 1rem;
  height: 1rem;
}
.banner .user_box .more_box {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  /* 确保元素可以接收鼠标事件 */
  pointer-events: none;
  position: relative;
  position: absolute;
  top: 4rem;
  left: -1rem;
  width: 10.2rem;
  /* height: 11.2rem; */
  background: #bc0000;
  border-radius: 0.8rem;
  border: 0.1rem solid #ffffff;
  cursor: auto;
  z-index: 9999;
}
.banner .user_box .more_box div {
  width: 6.1rem;
  height: 3.6rem;
  text-align: center;
  margin: 0 auto;
  line-height: 3.6rem;
  font-size: 1.4rem;
  color: #ffffff;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.banner .user_box .more_box div:hover {
  transform: scale(1.03);
}
.banner .user_box .more_box div:first-child {
  border-top: none;
}

.jng_box {
  display: flex;
  justify-content: space-between;
  width: 140rem;
  margin: 2rem auto 0;
}
.jng_box .jng_inside {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  width: 83.8rem;
  padding: 2rem 1.5rem 2rem 0;
  margin-left: 23.1rem;
  background: linear-gradient(90deg, #ffffff 0%, #ffdfdd 100%);
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.1rem solid #e61e15;
}
.jng_box .hsqj_img_box {
  position: relative;
  width: 63.8rem;
  height: 39.9rem;
  margin-left: -23.1rem;
  overflow: hidden;
  cursor: pointer;
}
.jng_box .hsqj_img_box .hsqj_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jng_box .hsqj_img_box .title_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.7rem;
  line-height: 4.7rem;
  padding: 0 1.5rem;
  background: rgba(0, 0, 0, 0.7);
}
.jng_box .hsqj_img_box .title_box .title {
  font-weight: 500;
  font-size: 2rem;
  color: #ffffff;
}
.jng_box .spsj_box {
  width: 40.3rem;
}
.jng_box .spsj_box .spsj_list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.5rem;
}
.jng_box .spsj_box .spsj_list .spsj_item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  height: 3.4rem;
  padding: 0 1rem;
  font-size: 1.6rem;
  color: #000;
  cursor: pointer;
}
.jng_box .spsj_box .spsj_list .spsj_item:hover {
  color: #ffffff;
  background: #d70000;
}
.jng_box .spsj_box .spsj_list .spsj_item:hover .dian {
  background: url("../images_new/index/icon_2.png");
  background-size: 100% 100%;
}
.jng_box .spsj_box .spsj_list .spsj_item .spsj_item_title {
  flex: 1;
}
.jng_box .spsj_box .spsj_list .spsj_item .dian {
  width: 1rem;
  height: 1rem;
  background: url("../images_new/index/icon_3.png");
  background-size: 100% 100%;
}
.jng_box .right_box {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 31.5rem;
}
.jng_box .right_box .right_item {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  width: 100%;
  height: 9.1rem;
  padding: 0 4.3rem 0 6rem;
  font-size: 2rem;
  color: #cd0303;
  background: url("../images_new/index/right_item.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.jng_box .right_box .right_item .right_title {
  flex: 1;
}
.jng_box .right_box .right_item .icon_4 {
  width: 3.2rem;
  height: 3.2rem;
}
.jng_box .right_box .right_item .icon_5 {
  width: 2.3rem;
  height: 1rem;
}
.tupu_box {
  width: 100%;
  height: 55.1rem;
  margin-top: 3rem;
  padding-top: 2rem;
  background: #fbf2e5;
}
.tupu_box .tupu_inside {
  position: relative;
  width: 140rem;
  height: 51.2rem;
  margin: 0 auto;
  background: url("../images_new/index/tupu.png");
  background-size: 100% 100%;
}
.tupu_box .tupu_item {
  position: absolute;
  left: 122.6rem;
  bottom: 15rem;
  width: 12.8rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 2.6rem;
}
.tupu_box .tupu_item_0 {
  left: 2.6rem;
  color: #477cff;
}
.tupu_box .tupu_item_1 {
  left: 16.9rem;
  color: #4875fa;
}
.tupu_box .tupu_item_2 {
  left: 31.2rem;
  color: #825cff;
}
.tupu_box .tupu_item_3 {
  left: 45.5rem;
  color: #f45a65;
}
.sxtx_box {
  width: 144rem;
  height: 68rem;
  margin: 3rem auto 0;
  padding: 3rem 3.3rem 0 3.3rem;
  background: url("../images_new/index/sxtx_bg.png");
  background-size: 100% 100%;
}
.sxtx_box .sxtx_title {
  display: block;
  height: 4.3rem;
  margin: 0 auto;
}
.sxtx_box .sxtx_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2rem;
  margin-top: 4.4rem;
}
.sxtx_box .sxtx_list .sxtx_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 23.5rem;
  height: 25rem;
  padding: 0 3.8rem;
  text-align: center;
  font-size: 2rem;
  color: #000000;
  background: url("../images_new/index/sxtx_item.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.sxtx_box .sxtx_list .sxtx_item img {
  width: 9rem;
  height: 9rem;
  margin-top: 4.4rem;
}
.alk_box {
  width: 100%;
  height: 50.7rem;
  margin-top: 3rem;
  padding-top: 3rem;
  background: url("../images_new/index/alk_bg.png");
  background-size: 100% 100%;
}
.alk_box .alk_inside {
  display: flex;
  justify-content: space-between;
  width: 140rem;
  margin: 0 auto;
}
.alk_box .book {
  width: 40.8rem;
  height: 42.5rem;
}
.alk_box .alk_right {
  width: 95.7rem;
}
.alk_box .alk_right .alk_title {
  height: 5rem;
}
.alk_box .alk_right .type_box {
  display: flex;
  gap: 2.5rem;
  margin-top: 2rem;
  margin-left: 6rem;
}
.alk_box .alk_right .type_box .type_item {
  width: 11rem;
  height: 3.9rem;
  font-size: 1.8rem;
  line-height: 3.9rem;
  text-align: center;
  color: #333333;
  background: #ffffff;
  border-radius: 6.1rem;
  border: 0.1rem solid #bc0000;
  cursor: pointer;
}
.alk_box .alk_right .type_box .type_item_active {
  color: #ffffff;
  background: #bc0000;
}
.alk_box .alk_right .alk_list_box {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.alk_box .alk_right .alk_list_box .alk_list {
  width: 46.8rem;
  height: 26rem;
  padding: 0.5rem 2rem;
  background: rgba(255, 255, 255, 0.56);
  border-radius: 0.6rem;
}
.alk_box .alk_right .alk_list_box .alk_list .alk_item {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 5rem;
  font-size: 1.6rem;
  color: #000000;
  border-bottom: 0.1rem dashed #d4d4d4;
  cursor: pointer;
}
.alk_box .alk_right .alk_list_box .alk_list .alk_item:last-child {
  border-bottom: none;
}
.alk_box .alk_right .alk_list_box .alk_list .alk_item:hover {
  color: #bc0000;
}
.alk_box .alk_right .alk_list_box .alk_list .alk_item img {
  width: 1.8rem;
}
.alk_box .alk_right .more {
  width: 11.6rem;
  height: 3.8rem;
  margin: 2.5rem auto 0;
  background: #bc0000;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  line-height: 3.8rem;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.zyls_box {
  width: 140rem;
  height: 62.3rem;
  margin: 3rem auto 0;
  padding: 3rem 2rem 0 4.9rem;
  background: #ffffff;
  box-shadow: 0rem 0.4rem 1.52rem 0rem rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
}
.zyls_box .index_title_left img {
  width: 63.8rem;
  height: 4.3rem;
}
.zyls_box .menu_list {
  display: flex;
  justify-content: center;
  gap: 5rem;
  margin-top: 2rem;
}
.zyls_box .menu_list .kcsz_type {
  position: relative;
  font-size: 1.6rem;
  color: #000000;
  cursor: pointer;
}
.zyls_box .menu_list .kcsz_type_active {
  font-weight: 600;
  color: #bc0000;
}
.zyls_box .menu_list .kcsz_type .heng {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.9rem;
  width: 2.9rem;
  height: 0.3rem;
  background: #bc0000;
  border-radius: 1rem;
}
.zyls_box .zyls_list {
  display: flex;
  flex-wrap: wrap;
  gap: 3.9rem 6.3rem;
  margin-top: 5.4rem;
}
.zyls_box .zyls_list .zyls_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.2rem;
  width: 63.4rem;
  height: 7.6rem;
  padding: 0 2rem;
  font-size: 1.8rem;
  color: #000000;
  background: #ffffff;
  border: 0.1rem solid #bc0000;
  cursor: pointer;
}
.zyls_box .zyls_list .zyls_item .btn {
  width: 7.4rem;
}
.zyls_box .zyls_list .zyls_item .zyls_time {
  position: absolute;
  top: -1.9rem;
  left: -2.9rem;
  width: 12.6rem;
  height: 3.7rem;
  line-height: 3.7rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  color: #ffffff;
  background: #bc0000;
}
.zyls_box .zyls_list .zyls_item .zyls_sjx {
  position: absolute;
  top: 1.8rem;
  left: -2.9rem;
  width: 0;
  height: 0;
  border-left: 2.9rem solid transparent;
  border-top: 1.6rem solid #b40a0a;
}
.xxzz_box {
  width: 100%;
  height: 52.4rem;
  margin-top: 3rem;
  padding-top: 3rem;
  background: url("../images_new/index/xxzz_bg.png");
  background-size: 100% 100%;
}
.xxzz_box .xxzz_inside {
  width: 140rem;
  margin: 0 auto;
}
.xxzz_box .index_title_left img {
  width: 63.8rem;
  height: 4.3rem;
}
.xxzz_box .xxzz_list {
  display: flex;
  gap: 1.8rem;
  margin-top: 3rem;
}
.xxzz_box .xxzz_list .xxzz_item {
  width: 26.6rem;
  height: 39.1rem;
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 0.4rem;
  border: 0.1rem solid #bc0000;
  cursor: pointer;
}
.xxzz_box .xxzz_list .xxzz_item .img_box {
  width: 100%;
  height: 30.1rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.xxzz_box .xxzz_list .xxzz_item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xxzz_box .xxzz_list .xxzz_item .xxzz_item_title {
  margin-top: 1rem;
  padding: 0 2.6rem;
  font-size: 1.8rem;
  color: #000000;
  text-align: center;
}
